/*
 Theme Name:   Twenty Seventeen Child
 Description:  Twenty Seventeen Child Theme
 Template:     twentyseventeen
*/


/*********** CUSTOM CSS STARTS **************/
a{transition:0.4s ease-in-out!important;}




header{background:url('https://lessworkmoremargaritas.com/wp-content/uploads/2019/05/banner-bg.jpg'); background-repeat:no-repeat; background-position:top center; background-size:cover;}

.header-inner{max-width:1200px; margin:auto; width:100%; padding:0 15px;}
.container{max-width:1200px; margin:auto; width:100%; padding:0 15px;}

.header-inner .banner-left{float:left; max-width:667px; width:100%; margin-top:50px;}
.header-inner .banner-left h4{color:#ff9900; font-size: 1.75rem; padding:15px 0px 0px 0px; margin:0px; text-align:center;}
.header-inner .banner-left h4 img{display:block; margin:0px auto;}
.header-inner .banner-left h1{font-size:40px; color:#fff; text-transform:uppercase; font-weight:500; margin:0; padding:0; line-height:36px;}
.header-inner .banner-left h3{font-size:28px; color:#f88e37;  text-transform:uppercase; font-weight:500; padding:0; line-height:32px; margin:5px 0;}
.header-inner .banner-left p{color:#b6b6b6; font-size:22px; margin-bottom:15px;}
.header-inner .banner-left h2{font-size:30px; color:#fff;  text-transform:uppercase; font-weight:500; margin:0 0 15px 0; padding:0;}

.header-inner .banner-left ul {margin-top:10px;}
.header-inner .banner-left ul li{background:url('https://lessworkmoremargaritas.com/wp-content/uploads/2019/05/orange-tick.png'); background-repeat:no-repeat; background-position:0 8px; padding-left:25px; list-style:none; font-size:18px; color:#b6b6b6; margin-bottom:8px;}

.header-inner .banner-left .org-btn a{background:#f88e37; text-transform:uppercase; padding:10px; color:#fff; width:370px; line-height:37px; height:60px; font-size:30px; text-align:center; font-weight:500; display:inline-block; margin-left:22px;}
.header-inner .banner-left .org-btn a:hover{background:#d47a2f;}

.header-inner .banner-left .amazon{float:left; width:392px; padding:25px 0 10px 0; text-align:center; line-height:36px;}




.header-inner .banner-right{float:right; max-width:470px; width:100%;  margin-top:20px;}
.header-inner .banner-right .bonus-txt{background:#6d9245; padding:15px; border-radius:10px; color:#fff; float:left; width:90%; margin-top:30px;}

.header-inner .banner-right .bonus-txt h3{float:left; width:100%; margin-bottom:15px; color:#fff; font-size:30px; font-weight:600; margin-bottom:10px;}
.header-inner .banner-right .bonus-txt ul{margin:0; float:left; width:100%; margin:0;}
.header-inner .banner-right .bonus-txt ul li{list-style:none; background:url('https://lessworkmoremargaritas.com/wp-content/uploads/2019/05/white-tick.png'); background-repeat:no-repeat; background-position:0 7px; padding-left:22px; margin-bottom:7px; font-size:19px;}



.author{float:left; width:100%;}
.author .img{display:inline-block; max-width:413px; width:100%;}
.author .img img{width:100%;}
.author .txt{float:right; width:60%;}
.author .txt h2{font-size:45px; color:#3f3f3f; font-weight:500; line-height:40px; margin-bottom:15px; text-transform:uppercase;}
.author .txt p{font-size:21px; color:#3f3f3f;}


.need-book{float:left; width:100%; background:url('https://lessworkmoremargaritas.com/wp-content/uploads/2019/05/need-book-bg.jpg'); background-repeat:no-repeat; background-size:cover; margin-top:20px; background-size:100% 605px; min-height:650px; position:relative;}
.need-book .right{float:right; position:absolute; right:0; top:10px;}
.need-book .left{float:left; width:62%;}
.need-book .left h2{font-size:45px; color:#146d9b; line-height:50px; text-transform:uppercase; margin:0; padding:20px 0 0 0; font-weight:500;}
.need-book .left h4{color:#f88e37; font-size:32px; margin:0; padding:0; font-weight:500;}
.need-book .left ul{margin-top:10px;}
.need-book .left ul li{color:#3f3f3f; font-size:22px; list-style:none; background:url('https://lessworkmoremargaritas.com/wp-content/uploads/2019/05/orange-tick.png'); padding-left:25px; background-repeat:no-repeat; background-position:0 5px; margin-bottom:10px; line-height:24px;}
.need-book .left p a{font-size:30px; text-align:center; background:#178bbd; color:#fff; text-transform:uppercase; display:inline-block; box-shadow:none; font-weight:500; line-height:36px; padding:16px 25px;}
.need-book .left p a:hover{background:#1578a2;}

.site-content-contain{padding-top:60px;}
.site-content-contain header{display:none;}


.trust-book{float:left; width:100%;  margin-top:10px; position:relative; min-height:530px;}
.trust-book .left{float:left; position:absolute; left:4%; top:62px;}
.trust-book .right{float:right; width:60%; padding-right:10px;}
.trust-book .right h2{font-size:42px; color:#3e376b; line-height:50px; text-transform:uppercase; margin:0; padding:0; font-weight:500;}
.trust-book .right h4{color:#3f3f3f; font-size:21px; margin:8px 0 0 0; padding:0; font-weight:400;}
.trust-book .right ul{margin-top:30px;}
.trust-book .right ul li{color:#3f3f3f; font-size:21px; list-style:none; background:url('https://lessworkmoremargaritas.com/wp-content/uploads/2019/05/round-tick.png'); padding-left:30px; background-repeat:no-repeat; background-position:0 8px; margin-bottom:12px;}
.trust-book .right p a{font-size:30px; background:#178bbd; color:#fff; text-transform:uppercase; display:inline-block; box-shadow:none; font-weight:500; padding:8px 25px;}




.order-book{float:left; width:100%; margin-top:70px; position:relative;}
.order-book .right{float:right;}
.order-book .left{float:left; width:40%;  position:absolute; left:0; left:4%;}
.order-book .left h2{font-size:56px; color:#3f3f3f; line-height:60px; text-align:center; text-transform:uppercase; margin:0; padding:20px 0 0 0; font-weight:500; line-height:58px;}
.order-book .left ul{margin-top:25px;}
.order-book .left ul li{color:#3f3f3f; font-size:28px; list-style:none; background:url('https://lessworkmoremargaritas.com/wp-content/uploads/2019/05/green-tick.png'); padding-left:40px; line-height:34px; background-repeat:no-repeat; background-position:0 7px; margin-bottom:40px; font-weight:500; text-transform:uppercase;}
.order-button{float:left; width:100%; text-align:center;}
.order-book a{font-size:40px; background:#f88e37; color:#fff; text-transform:uppercase; display:inline-block; box-shadow:none; font-weight:500; padding:10px 55px;}
.order-button a:hover{background:#d47a2f; color:#fff; box-shadow:none;}

.subs{float:left; width:100%; background:#f4f4f4; margin-top:70px; padding:30px 0;}
.subs h2{color:#3f3f3f; font-size:42px; text-transform:uppercase; font-weight:500; text-align:center; line-height:42px;}
.subs input[type="text"]{height:68px; font-size:18px; border:2px solid #cacaca;}
.subs .es_textbox{vertical-align:top; float:left; width:41.3%; padding:0 10px 10px 0;}
.subs .es_button{vertical-align:top; padding-top:0; float:right; margin-bottom:10px; width:17%;}
.subs .es_button .es_textbox_button{height:68px; font-size:30px; width:100%; text-transform:uppercase; font-weight:500; padding:0; line-height:68px;}

.es_msg{padding-top:0; float:left; width:100%;}


.popup-img{float:left; width:25%; margin-top:15px;}
.popup-det{float:left; padding-left:2%; width:73%; padding-bottom:25px;}
.sg-popup-content p{font-size:24px; width:100%; float:left;}
.popup-det h2{color:#146d9b; font-size: 34px; padding:2px 5px 0; line-height:32px; font-weight:bold; margin-bottom:0; text-align:center; text-transform:uppercase;}
.popup-det h3{font-size: 24px; padding:0px 5px 5px; font-weight:bold; margin-bottom:0; text-align:center;}
.popup-det input{box-sizing:border-box; text-align:center; border-radius:0; padding:15px;}
.popup-det .popup-email{max-width:400px; margin:auto;}
.popup-det .popup-email .es_submit_button{width:100%; padding:20px 0 14px 0; font-size:20px; text-transform:uppercase;}
.page-one-column .panel-content .wrap { max-width: 100%; padding: 0;}
.header-inner .banner-left .org-btn a {  font-size: 26px;  font-weight: 600;}
h1, h2, h3, h4 {
    font-family: 'Hind', sans-serif;
    font-weight: 600 !important;
    letter-spacing: 1px;
    word-spacing: -4px;
}
p, li {
    font-family: 'Hind', sans-serif !IMPORTANT;
}
button, input[type="button"], input[type="submit"] {
    background: #3ba944;
}
footer#colophon .site-info {
    width: 100% !important;
    text-align: center;
    padding: 0;
    margin: 0;
}
button, input[type="button"], input[type="submit"] {
    background: #39a742;
}
button, input[type="button"], input[type="submit"]:hover {
    background-color: #222;
}
/************responsive********************/


@media only screen and (min-width:1600px) and (max-width:1919px)
{
.trust-book .right{width:50%;}
.need-book .left{width:55%;}
}

@media only screen and (min-width:1280px) and (max-width:1599px)
{
.need-book{background-size:auto 100%;}	
.need-book .right{width:48%;}
.need-book .left{width:50%;}	
.trust-book .left{width:35%;}
}


@media only screen and (min-width:1024px) and (max-width:1279px)
{
.header-inner .banner-left{max-width:57%;}	
.header-inner .banner-right{max-width:40%;}
.author .img{max-width:36%;}

.need-book{background-size:auto 100%;}
.need-book .right{width:65%;}
.need-book .left{width:36%;}
.need-book .left p a{font-size:25px;}
.trust-book .left{width:43%;}
.trust-book .right{width:50%;}
.order-book .right{width:70%;}
.order-button{margin-top:150px;}
.header-inner .banner-left .org-btn a{line-height:inherit;}
.need-book .left p a{padding:16px 25px 12px 25px;}
.order-book a{padding:10px 10px 5px 10px; line-height:inherit;}
}

@media only screen and (min-width:320px) and (max-width:1023px)
{
.site-content-contain{padding-top:0;}	
.header-inner .banner-left{max-width:100%; margin-top:20px;}
.header-inner .banner-left .org-btn a{width:100%; margin-left:0; line-height:inherit;}
.header-inner .banner-left .amazon{width:100%;}
.header-inner .banner-right .bonus-txt{width:100%; margin-bottom:30px;}
.header-inner .banner-right{margin:auto; float:none;}
.panel-content .wrap{margin-top:20px;}
.author{text-align:center;}
.author .txt{width:100%; margin-top:20px;}
.need-book{background-size:cover;}
.need-book .right{position:inherit;}
.need-book .left{width:100%;}
.need-book .left h2{padding:0; font-size:40px; line-height:40px;}
.need-book .left h4{font-size:40px; line-height:40px; margin-top:10px;}
.need-book .left p a{width:100%; padding:16px 25px 12px 25px;}
.trust-book .left{position:inherit; width:100%; text-align:center; margin:10px 0 0 0;}
.trust-book .right{width:100%;}
.order-book .left{position:inherit; width:100%;}

.order-book .left h2{font-size:40px; line-height:48px;}
.order-book .left ul li{font-size:26px; line-height:32px;}
.order-book a{padding:10px 10px 5px 10px; width:100%; line-height:inherit;}
.subs{margin-top:30px; padding-bottom:0;}
.subs .es_textbox{width:100%;}
.subs .es_button{width:100%;}
footer{padding-top:15px;}
.subs .es_button .es_textbox_button{height:64px;}
.trust-book .right h4{margin:0;}

}


@media only screen and (min-width:320px) and (max-width:767px)
{
	
.site-content-contain{padding-top:0;}	
.header-inner .banner-left{max-width:100%; margin-top:20px;}
.header-inner .banner-left .org-btn a{width:100%; margin-left:0; font-size:24px; line-height:42px;}
.header-inner .banner-left .amazon{width:100%;}
.header-inner .banner-right .bonus-txt{width:100%; margin-bottom:30px;}
.header-inner .banner-right{margin:auto; float:none;}
.panel-content .wrap{margin-top:20px;}
.author{text-align:center;}
.author .txt{width:100%; margin-top:20px;}
.need-book{background-size:cover;}
.need-book .right{position:inherit;}
.need-book .left{width:100%;}
.need-book .left h2{padding:0; font-size:40px; line-height:40px;}
.need-book .left h4{font-size:40px; line-height:40px; margin-top:10px;}
.need-book .left p a{width:100%; line-height:42px; padding-bottom:12px;}
.trust-book .left{position:inherit; width:100%; text-align:center; margin:10px 0 0 0;}
.trust-book .right{width:100%;}
.order-book .left{position:inherit; width:100%;}

.order-book .left h2{font-size:40px; line-height:48px;}
.order-book .left ul li{font-size:26px; line-height:32px;}
.order-book a{padding:10px 10px 8px 10px; width:100%; font-size:24px; line-height:38px;}
.subs{margin-top:30px; padding-bottom:0;}
.subs .es_textbox{width:100%;}
.subs .es_button{width:100%;}
footer{padding-top:15px;}	
.trust-book .right h2{font-size:40px;}	
.sg-popup-content h2{font-size:30px;}
.popup-det{width:100%; padding-left:0;}
.popup-img{display:none;}
.sg-popup-content p{width:100%; padding:0; font-size:22px;}
}