/*
Theme Name:   Egg
Theme URI:    
Description:  Egg Child Theme
Author:       John Sheahan
Author URI:   http://example.com
Template:     presence
Version:      
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  egg-child
*/

html {
  scroll-behavior: smooth;
}
img, a {
       -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.media-heading span {
display: none!important}

#wpzoom-testimonial-2 {
clear: both; background: #f2f1f0; padding: 60px 20px; color: #595b5c; font-size: 22px}

#wpzoom-testimonial-2 p {
    color: #595b5c; font-size: 22px
}
h1, h2, h3, h4, h5, h6 {
        color: #595b5c;
}
.entry-content h2 {
    color: #00ab4f
}

.gform_wrapper {
float: left; width: 100%; padding: 20px; background: #f7f7f7; border: 1px solid #eee}

.entry-content p {
clear: both}

div.green {
    background: #00ab50; color: #fff; float: left; width: 100%; padding: 20px 40px; border-bottom: 30px solid #36813e; margin-bottom: 60px
}

div.green h3 {
color: #fff}

div.green .twocol-one {
line-height: 200%; padding: 40px}
div.green .twocol-one.last {
line-height: 0%; padding: 0px}

div.green .twocol-one img {
margin: 0}


.entry-content a.button {padding: 20px 40px; border: 1px solid #00ab4f; margin: 30px 0}

.entry-content a.button:hover {
background: #00ab4f; color: #fff; text-decoration: none}


.navbar-wpz ul {
width: 350px}
.entry-content blockquote {
    background: #00ab4f; color: #fff; border-bottom: 20px solid #36813e;
    padding: 60px 40px
}

.greybox {
clear: both; width: 100%; padding: 40px; background: #f2f1f0; float: left
}

.greybox h2 {
color: #898b8c}

.greybox h2 strong{
color: #f2f1f0}

.entry-content blockquote p {
color: #fff; font-size: 30px}
.entry-content blockquote:before, .entry-content blockquote:after {
content: none}


.entry-content ul li {
list-style: none}

.msacwl-carousel-slide img.msacwl-img:hover {
opacity: .7}

.entry-content ul li:before {
    color:#00ab4f;
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.entry-content ul.slick-dots li:before {
    content: none!important
}
body .msacwl-common-slider button.slick-next,  {
    background-color: #00ab4f!iimportant
}
.msacwl-common-slider button.slick-prev {
    background: #00ab4f url(/wp-content/plugins/meta-slider-and-carousel-with-lightbox/assets/images/arrow-left.png) center center no-repeat !important;background-size: 15px 26px !important;
}
.msacwl-common-slider button.slick-next {
 background: #00ab4f url(/wp-content/plugins/meta-slider-and-carousel-with-lightbox/assets/images/arrow-right.png) center center no-repeat !important;background-size: 15px 26px !important;
}


#wpzoom-testimonial-2 h2 {
    color: #00ab4f; font-size: 30px; font-weight: bolder
}
.footer-widgets {
padding: 80px 0 40px}

.home .entry-header {
display: none!important}

.site-info {
background: #333; color: #fff}

.site-info a, .site-info p {
color: #fff}

.inner-wrap {
    max-width: 1400px;
    margin: 0 auto;
}
.edit-link {
display: none}
.threeboxes h2 {
    font-weight: 100!important; font-size: 22px;
    position: absolute; top: 0; left: 0; padding: 15px 20px;
    background: #00ab4f; display: block; width: 100%; color: #fff; margin: 0
}
.threeboxes ul li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 5px 0 -15px;
    color: #00ab4f

}

#custom_html-2 {
    text-align: center; background: #00ab4f;
    
    
padding: 30px 0; margin-bottom: 0}

#custom_html-2 a.button {
    border: 1px solid #fff
}
#wpzoom-testimonial-2 h2:after {
    font-family: 'FontAwesome';
    content: '\f005 \f005 \f005 \f005 \f005';
font-weight: lighter!important; display: block; clear: both; font-size: 20px; margin-top: 10px;
    color: #e36e26
}
 


.threeboxes .twocol-one {
    background: #f2f1f0; padding: 80px 20px  20px; box-sizing: border-box; position: relative
}
.threeboxes .twocol-one:nth-child(2) h2{
    background: #000
}


.threeboxes ul  {
margin: 40px 0; display: block}

.threeboxes ul li {
list-style: none}

.threeboxes a.button {
background: #fff; display: block; padding: 20px; text-align: center; color: #595b5c}

.metaslider .caption-wrap {
    opacity: 1!important; background: none!important;
    bottom: 25%!important; left: 5%!important;
    max-width: 800px
}
.metaslider .caption-wrap h1 {
color: #fff}

.metaslider .caption-wrap a.button {
color: #fff; border: 1px solid #fff; padding: 15px 50px; margin-top: 20px!important; display: inline-block; font-size: 19px}
.metaslider .caption-wrap a.button:hover {
text-decoration: none}

/* Checkout page */

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	width: 100%;
	clear: both;
	margin: 0 auto
}

.brand-wrap {
	font-size: 18px
}


.form-row .input-text,
.form-row select {
	height: 40px!important
}

.form-row .input-text,
.form-row textbox {
	border-radius: 0;
	border: 1px solid #ccc
}

#billing_company_field {
	display: none
}

form.woocommerce-checkout {
	max-width: 800px!important;
	margin: 20px auto!important;
	border: 1px solid #ccc;
	padding: 20px;
	background: #f7f6f7
}

.woocommerce table.shop_table {
	background: #fff
}

.woocommerce-checkout form h3 {
	text-transform: uppercase;
	font-size: 26px;
	clear: both
}

.woocommerce .cart .coupon .button {
	background: #fff!important;
	color: #000!important;
	border: 2px solid #000!important
}

.woocommerce .cart .coupon .button:hover {
	background: #000!important;
	color: #fff!important;
	border: 2px solid #000!important
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	height: 43px;
	width: 150px
}



body .fluid-width-video-wrapper {
 padding-top: 70%!important
}
.builder-wrap {
	max-width: 900px; margin: 0 auto; padding: 20px
} 
/* Checkout page */
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
border: 2px dashed #666}
form.woocommerce-checkout {
	margin: 0 auto;
	background: #f7f6f7;
max-width: 800px; padding: 20px; -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.24);
-moz-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.24);
box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.24);}

#billing_company_field {
display: none}

.woocommerce-checkout #payment div.form-row, .woocommerce-checkout #payment div.payment_box .form-row {
	margin: 0; padding: 0
	
}
.navbar-brand-wpz img{
	image-rendering: auto;
}

.woocommerce table.shop_table {
background: #fff}

.woocommerce #payment .terms, .woocommerce #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions {
line-height: 130%!important; padding: 20px; background: #fff}

.woocommerce-checkout #payment ul.payment_methods {
	background: #fff
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
margin: 10px}
/*  End Checkout page */

/* Fix hover image issue shaking */
a img {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);}

a img:hover {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);}



/* Main nav */

.navbar-brand-wpz a {
font-size: 19px}

/* Sharp images when scaled */

body img {
image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */}

:focus {
    outline: none!important;
}

.navbar-brand-wpz {
    margin: 20px 0;
}
.entry-content h2 {
   margin-top: 0
}

.home .twocol-one h3 {
    font-size: 36px; color: #00ab4f; font-weight: lighter
}

.home .twocol-one h3 strong {
 color: #000; font-weight: lighter
}


.home .entry-content .threecol-two h2 {
      color: #898b8c!important; font-size: 36px;
}

.wpzoom-testimonial blockquote > p:after, .wpzoom-testimonial blockquote > p:before {
    content: none
}

.entry-content h2 strong {
    color: #00ab4f
}
a.button {
    font-size:16px; text-transform: uppercase; padding: 15px 30px; display: inline-block
    
}
#text-2 a.button {
    border: 2px solid #595b5c; color: #595b5c; font-size:16px; text-transform: uppercase; padding: 15px 30px; display: inline-block
}
#text-2 a.button.green {
    background: #00ab4f; color: #fff;  border-color: #00ab4f; width: 100%; margin-bottom: 4px; max-width: 235px; float: right; margin-left: 30px
}
.ctas {float: right}

.ctas  span {
float: left; background: #f2f1f0; border-radius: 40px; padding: 15px 20px; color: #00ab4f}

.ctas  span i {
color: #333}
.ctas {
width: 100%; margin-top: 20px}

.site-footer {
background: #000!important}

.site-footer a {
font-weight: 100; font-size: 16px}


@media only screen and (min-width: 1311px) {
        .threeboxes .twocol-one ul{
        columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
            
            min-height: 140px
}
    
}







@media only screen and (max-width: 1311px) {
    
    .ctas span {
font-size: 13px}
    .threeboxes a.button {
padding: 10px}
    .threeboxes h2 {
font-size: 22px}
    
    .threeboxes ul li {
font-size: 14px}

    
    .threeboxes .twocol-one {
min-height: 406px}
    
    .threeboxes .twocol-one {
   
    padding: 120px 20px 20px;
    }
    
}
  .header_social {
    width: 60%;
} 
/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
    /* Desktop styles go below this line */
    

    .threeboxes {
        margin-top: -60px
    }
    .threeboxes {
float: left; width: 100%; clear: both; margin-bottom: 60px}
    
    .metaslider .caption-wrap h1 {
font-size: 55px}
    
  
    .header_social p {
        margin: 0
    }
    
    .header_social img {
float: right; margin-right: 20px}
  
   
}
@media only screen and (max-width: 768px) {
.twocol-one, .threecol-one, .threecol-two, .fourcol-one, .fourcol-two, .fourcol-three, .fivecol-one, .fivecol-two, .fivecol-three, .fivecol-four, .sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five {
    clear: both!important

    }
}



* ipad landscape ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* STYLES GO HERE */
}


/* ipad potrait  ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* STYLES GO HERE */
}


/* Smartphones (landscape & portait) ----------- */

@media only screen and (max-width: 998px) {
    
    .header_social {
    float: right!important;
    text-align: left;
}
    .metaslider .caption-wrap {
max-width: 90%}
        .metaslider .caption-wrap h1 {
font-size: 35px; max-width: 80%}
    .navbar-brand-wpz img {
max-width: 280px}
  
    .header_social img {
        max-width: 150px
}
    #text-2 a.button {
font-size: 14px; padding: 10px 20px}
    
}

@media only screen and (max-width: 780px) {
    
    .metaslider .caption-wrap {
bottom: 10%!important}
    
       .metaslider .caption-wrap h1 {
font-size: 25px; max-width: 80%}
    
    img.custom-logo {
max-width: 250px}
    
     .header_social img {
      display: none
}
    
    .header_social {
margin-top: -25px}
  
        .threeboxes h2 {
font-size: 22px}
    
    .threeboxes ul li {
font-size: 16px}
    
    .threeboxes .twocol-one {
min-height: 0px}
    
}


@media only screen and (max-width: 935px) {
    #text-2 a.button.green {
margin-left: 20px}
    
    #text-2 a.button.green {
max-width: 220px}
    
    .ctas span {
display: none}
    
    
}

@media only screen and (max-width: 695px) {
    
    #text-2 a.button.green {
width: 100%; max-width: 100%; clear: both; display: block; margin: 0 auto; float: none}
    
    .ctas {
margin-top: 0; margin-bottom: 20px}
    
    .header_social {
width: 100%; margin: 0 auto; clear: both; float: left}
    
    .navbar-header-main, .inner-wrap {
clear: both}
    .ctas {
max-width: 100%; text-align: center; width: 100%}
    .ctas br {
display: none}
    
#text-2 a.button {
width: 50%!important; float: left; font-size: 11px}
    
    .navbar-brand-wpz {
        margin: 10px 0!important
    }
    #text-2 p {
margin: 0}
    
    .main-navbar {
        clear: both
            
    }
    
    .main-navbar {
min-height: 40px; padding: 5px 0}
    
}

#post-30 th {
background: #eee; text-align: left; padding: 10px 20px}

#post-30 td {
    border-bottom: 1px solid #ccc; padding: 5px; font-size: 12px
}
#post-30  .twocol-one h3 {
color: #00ab4f; font-size: 18px}


/* Smartphones (portait) ----------- */

@media only screen and (max-width: 360px) {}


/* Smartphones (landscape) ----------- */

/* Smartphones (landscape) ----------- */

@media only screen and (max-width: 640px) {
    
    .metaslider .caption-wrap  p {
display: none}
    
    body .msacwl-carousel-wrap .msacwl-carousel-slide {
        height: 200px!important
    }
    
    .metaslider .caption-wrap {
   
    bottom: 1%!important; left: 2%!important;

}
    .metaslider .caption-wrap h1 {
    font-size: 24px;
    max-width: 90%;
}
    
    .metaslider .caption-wrap a.button {
margin-top: 10px!important}
    
    #custom_html-2 a.button {
display: block; clear: both; margin: 10px 0}
#cn-notice-text {
clear: both; width: 100%; display: block; margin-bottom: 20px} 
}