/*

Theme Name: DosaHut



Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain: twentysixteen



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/





/**

 * Table of Contents

 *

 * 1.0 - Normalize

 * 2.0 - Genericons

 * 3.0 - Typography

 * 4.0 - Elements

 * 5.0 - Forms

 * 6.0 - Navigation

 *   6.1 - Links

 *   6.2 - Menus

 * 7.0 - Accessibility

 * 8.0 - Alignments

 * 9.0 - Clearings

 * 10.0 - Widgets

 * 11.0 - Content

 *    11.1 - Header

 *    11.2 - Posts and pages

 *    11.3 - Post Formats

 *    11.4 - Comments

 *    11.5 - Sidebar

 *    11.6 - Footer

 * 12.0 - Media

 *    12.1 - Captions

 *    12.2 - Galleries

 * 13.0 - Multisite

 * 14.0 - Media Queries

 *    14.1 - >= 710px

 *    14.2 - >= 783px

 *    14.3 - >= 910px

 *    14.4 - >= 985px

 *    14.5 - >= 1200px

 * 15.0 - Print

 */





/**

 * 1.0 - Normalize

 *

 * Normalizing styles have been helped along thanks to the fine work of

 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 */

@media only screen and (max-width: 780px){
html.no-scroll, body.no-scroll {
    width: auto !important;
    height: auto !important;
    position: relative !important;
 overflow:auto;
}
}
 
 #wow-modal-overlay-1, .cta-button{
     display:none !important;
 }


.wow-modal-overlay.dis-block,.dis-block .wow-modal-window{ display:block !important;}
.comment-reply-title, .comment-form-comment, .screen-reader-text, .logged-in-as, .nav-previous{ color: #383434 !important;

    font: 18px/28px "GOTHICB",sans-serif !important;}

.footscray_txt1 a{color:#e42519;}

.footer-mega-col-wrap{max-width:1100px;}
.bottompad01 { padding-bottom: 25px; }


.cta-button {
    position: fixed;
    z-index: 999999999;
    right: -350px;
     top:calc(50% - 91px);
    width: 430px;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.cta-button > a.drive {
    
    float: left;
    display: block;
    width: 91px;
    background: url('https://www.dosahut.net.au/wp-content/uploads/2018/04/click-here.png');
    transform: rotate(0deg);
    height: 212px;
}
.cta-button > a.btn {
    
    padding:0;
}

.cta-button > a .fa {
    display: block;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
}

.sidepopup {
    float: right;
    text-align: center;
    padding: 514px 0 30px;
    width: 339px;
    background: url('https://www.dosahut.net.au/wp-content/uploads/2018/04/register.png');
    color: #fff;
    background-repeat: no-repeat;
}
.sidepopup .btn {
    display: inline-block;
    width: auto;
    line-height: 36px;
    height: 52px;
    /*border: 1px solid #FFFF00;*/
    color: #fff;
    background: none;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 93px;
    margin-top: -205px;
    margin-right: 32px;
}
.cta-button:hover {
    right: -38px;
}   

@media only screen and (max-width: 768px){
 
section.custom {
   
    top: 10px;
   
}
.cta-button {
    top: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    line-height: 40px;
    background: #fff;
} 

.cta-button a {
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 11px;
    line-height: 22px;
    background:none;
    float: unset;
    height: 20px;
    background-color: #ffdb16;
    text-align: center;
    color: #000;
    font-weight: bold;
}
.sidepopup {
    display: none;
}
.cta-button:hover {
    right: 0px;
}

}
#wow-modal-close-2 {
   display: block !important;
}

#wow-modal-close-1 {
   display: block !important;
   z-index: 11 !important;
}

img.alignnone.wp-image-1922.size-full {

    width: 100%;
    display: table;
    height: auto;
    z-index: -111
}



.form-group-custom p {
    color:#fff !important;
    line-height: 16px !important;
}
.wpcf7-form-control.wpcf7-submit.custom-sub {
    width: 35% !important;
    border-radius: 4px !important;
    background: yellow !important;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control-file {
    background: #fff !important;
    border-radius: 3px;
}
.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.form-control-file {
    background: #fff !important;
    border-radius: 3px !important;
}
.col-sm-12.custom12 {
    margin-top: 26px !important;
    
}
.form-group-custom input {
    height: 34px;
    border: none;
    border-radius: 1px !important;
    margin-top: 3px;
    width: 100%;
}
.form-group-custom label {
    font-size: 14px;
    font-weight: 600;
    margin-top: 12px;
    width:100%;
}
.form-group-custom .wpcf7-form-control.wpcf7-submit.custom-sub{   
    border-radius: 3px !important;
    background: #fdd61d !important;
    color: #555;
    font-weight: 600;
    margin: 10px 0;
    height: 45px;}
.form-group-custom p:nth-child(1) {
    font-size: 18px;
    line-height: 25px !important;
}



@media only screen and (max-width: 900px){
body #wow-modal-window-2{
    background-size: 100% 100% !important;
    height: 320px;
}


    
}


@media only screen and (max-width: 600px){
body #wow-modal-window-2{
    background-size: 100% 100% !important;
    height:300px;
}
    
}


@media only screen and (max-width: 400px){
  body #wow-modal-window-2{
    background-size: 100% 100% !important;
    height:200px;
    top: 193px;
  }
}
@media only screen and (max-width: 768px) {
  #wow-modal-window-1 {
    height: auto !important;
  }
}



.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control-file,
#wpcf7-f1376-o1 .wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel.form-control-file{
  color:#000 !important;
}

html.no-scroll, body.no-scroll{
	overflow: auto!important;
}