/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author: Marcus Fletcher using the Impreza framework
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/* Hover code for images which are set to popup.  NOT for galleries unfortunately as this wont work due to the z-index of the anchor popup*/

a[ref="magnificPopup"] img:hover {opacity: 0.9;  transition: .3s;} 

a[ref="magnificPopup"]::after {
    display: block;
    content: '';
    position: absolute;
    right: 50%;
    bottom: 50%;
    opacity: 0;
    transition: .3s;
    width: 30px;
    height: 30px;
    border-radius: 60px;
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
    background: center / 30px 30px no-repeat url("data:image/svg+xml,%3Csvg width='31' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.48 18.9a6 6 0 1 1 1.41-1.42l2.89 2.88a1 1 0 0 1-1.42 1.42l-2.88-2.89Zm-.65-7.73a4 4 0 1 1-5.66 5.66 4 4 0 0 1 5.66-5.66Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.22 15c0 8.28-6.76 15-15.1 15A15.06 15.06 0 0 1 0 15C0 6.72 6.77 0 15.11 0c8.35 0 15.11 6.72 15.11 15Zm-2 0c0 7.17-5.85 13-13.1 13A13.06 13.06 0 0 1 2 15C2 7.83 7.86 2 15.11 2c7.26 0 13.11 5.83 13.11 13Z' fill='%23fff'/%3E%3C/svg%3E") rgba(0,0,0,0.25);
}

a[ref="magnificPopup"]:hover:after {opacity: 1;  transition: .3s;} 

/* END ZOOM CODE */


/* COMMON */

.teasers h2 {font-size: 25px;}
.imageshadow2 {box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.7); }
.bottom-cta a {color: #fff; border-bottom: 1px dashed #ccc;}
.dropshad, .textshad  {text-shadow: 0 0 21px rgba(0, 0, 0, 1);}
.dropshad2 {text-shadow: 1px 3px #454545;}
.backFade {    background-image: linear-gradient(0deg, #f2f2f7, #ffffff);}
.nectar-shape-divider { width: 100%; left: 0; bottom: -1px; height: 100%; position: absolute;  fill: #fff;}
.nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1) { opacity: 0.15; }
.nectar-shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2) { opacity: 0.3; }
.wpb_wrapper ul {  margin-left: 1rem; }
.mfp-title {display: none;} /* Remove gallery image title as usually random filename */
.w-image.style_shadow-1 img, { box-shadow: 1.25rem 1.375rem 4.75rem 0 rgba(0,0,0,.42)!important; }

/* Unordered Lists */
.ticks ul {list-style: none; margin-left: 0px;}
.ticks li {margin-left: 0px; position: relative; padding-left: 28px;}
.ticks li:before { content: ''; width: 20px; height: 18px; display: inline-block; background: url(/wp-content/themes/Impreza-child/icons.png) no-repeat -449px -70px/500px; position: absolute; top: 3px; left: 0;}

/* HEADER - Three states of menu.  Normal, sticky, transparent */

/* 1 - Normal */

.l-subheader { color: #fff;  background: none!important; }
.l-subheader .w-text-h {color: #fff!important;}

/* 2 - Sticky */
.sticky .menushad a { text-shadow: none!important;}
.sticky .l-subheader { color: #fff;  background: #000!important; }
/*.sticky a {color: #528051;}*/

/* 3 - Transparent */
.bg_transparent:not(.sticky) .l-subheader {background: none!important; }
body.home .menushad a { text-shadow: 0 0 0.625rem #000;}

/* Dropdown Menu */
.level_2 {background: #fff; text-shadow: none!important; color: #000;}
.level_2:hover {background: #687D2E; color: #fff;}

/* Mobile Menu */
.type_mobile .w-nav-list {background: #212121!important;}

.w-ibanner-title {font-size: 1.5rem;}
.w-ibanner-desc {color: #000!important;}

/* WP FORMS */

.wpforms-submit { background: #273248!important; text-transform: uppercase!important;  }
.wpforms-submit-container { clear: none!important; }
.grecaptcha-badge {display: none!important;}
button[type="submit"]::before {display: none!important;}
/*input {   border-radius: 4px!important; box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.1)!important; }*/
input:hover { box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.02)!important;}
input:focus {  color: #4b515d;   border: 1px solid #B8B6B6; box-shadow: inset 1px 2px 4px rgba(0, 0, 0, 0.01), 0px 0px 8px rgba(0, 0, 0, 0.2); }
div.wpforms-container-full .wpforms-form label.wpforms-error {    color: #fff;}
.formCallback .wpforms-container {background: #273248; padding: 20px;}

/* Create the black fade if the zig zag shape divider is selected */
.type_zigzag svg {display: none;}
.type_zigzag {background-image: linear-gradient(black,#ffffff00);}

/* FOOTER */
.footerBack {background-color: #737373;
background-image: url("https://www.transparenttextures.com/patterns/tileable-wood-colored.png"); color: #fff;}
.footerBack h2 {color: #fff;}
.footerBack a {color: #ceff89;}
.footerBack a:hover {color: #fff;}

/* Testimonials */

.fa-quote-left {color: #64782E!important;}
.layout_testimonial_3 .usg_post_custom_field_3 { opacity: 1!important;}


/* RESPONSIVE MODE 
********************************************************** */

@media (max-width: 1450px) {
	.header_hor .ush_menu_1.type_desktop .w-nav-list.level_1 > .menu-item > a { padding-left: 25px!important; padding-right: 25px!important;}
	.teasers h2, h2 {font-size: 24px;}
}  

@media (max-width: 1300px) {
	.teaser_header {min-height: 60px; position: relative;   } 
	.teaser_header .wpb_wrapper { position: absolute; bottom: 0; left: 0; }
}
	
  
@media (max-width: 768px) {
	.ush_menu_1.type_desktop .w-nav-list > .menu-item.level_1, .ush_menu_2.type_desktop .w-nav-list > .menu-item.level_1, .ush_menu_3.type_desktop .w-nav-list > .menu-item.level_1 { font-size: 15px!important; }
	.wpforms-form .wpforms-one-half { margin-left: 0px!important;width: 100%!important;}
}