/*
Theme Name:     Fount Child Theme
Description:    Child theme for Fount.
Version:        3.9
Author:         Pirenko
Author URI:     http://www.pirenko.com/
Template:       fount
*/

@import url("../fount/style.css");

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 29, 2015 */



@font-face {
    font-family: 'montserratblack';
    src: url('fonts/montserrat-black-webfont.eot');
    src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('fonts/montserrat-black-webfont.woff') format('woff'),
         url('fonts/montserrat-black-webfont.ttf') format('truetype'),
         url('fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextra_bold';
    src: url('fonts/montserrat-extrabold-webfont.eot');
    src: url('fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extrabold-webfont.woff') format('woff'),
         url('fonts/montserrat-extrabold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrathairline';
    src: url('fonts/montserrat-hairline-webfont.eot');
    src: url('fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-hairline-webfont.woff2') format('woff2'),
         url('fonts/montserrat-hairline-webfont.woff') format('woff'),
         url('fonts/montserrat-hairline-webfont.ttf') format('truetype'),
         url('fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url('fonts/montserrat-semibold-webfont.eot');
    src: url('fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratultra_light';
    src: url('fonts/montserrat-ultralight-webfont.eot');
    src: url('fonts/montserrat-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-ultralight-webfont.woff2') format('woff2'),
         url('fonts/montserrat-ultralight-webfont.woff') format('woff'),
         url('fonts/montserrat-ultralight-webfont.ttf') format('truetype'),
         url('fonts/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Emergency override to show content if JS fails */
#nprogress {
    display: none !important;
}

#wrap, #prk_ajax_container {
    opacity: 1 !important;
    visibility: visible !important;
}

.per_init {
    opacity: 1 !important;
}

body, .search-query, .regular_font, input, textarea{ font-family:montserratregular!important;}
.woocommerce .summary h1, .woocommerce .related>h3, .woocommerce .related>h2, #calendar_wrap caption, .prk_composer_title, .wpb_heading, .header_font, .shortcode-title{ font-family:montserratregular!important;}


/* #aboutus h2 { border-bottom: 4px solid #fbcc10; text-transform: uppercase; font-weight: normal; margin-top: 20px;  }*/
#aboutus h2, #portfolio h2, #clients h2,#services h2,#contact h2{ font-weight: normal;
    position: relative;
    text-transform: uppercase;}
#aboutus h2::after{background-color: #fbcc10;
    bottom: -5px;
    content: "";
    height: 4px;
    left: 50.5%;
    margin-left: -10%;
    position: absolute;
    width: 19%;}

#portfolio h2::after, #clients h2::after, #services h2::after,#contact h2::after{background-color: #fbcc10;
  bottom: 10px;
    content: "";
    height: 4px;
    left: 50%;
    margin-left: -10%;
    position: absolute;
    width: 20%;
}



#clients h2::after{ left:53%; width:14%;}
#services h2::after  { left: 51.5%; width: 17%;}
#portfolio,#contact { padding-top: 0; }
#contact h2::after{left: 45%;width: 30%;}

#contact h1 {
    left: 32.5%;
    width: 34%;
    position: relative;
}


#contact h1 {
    font-weight:normal;
	font-family:montserratlight!important;
	font-size:46px!important;
}
#contact h3 {
    font-weight:normal;
    padding: 15px 0;
    text-transform: uppercase;
}
#inner-service h3 {
    margin-top: 30px;
    font-weight:normal;
	line-height:40px; 
	border-bottom:#fbcc10 3px solid;
	line-height:40px!important;
	margin-bottom:15px;
	clear:both;
	float:left;
}

.service-content{ clear:both;}

.services-icon-1{ position:relative; float:right !important}
.services-icon-1:after{ content:url(images/icon-4.png); right:-55px; top:0px;  position:absolute;}


.services-icon-2{ position:relative; float:right !important;}
.services-icon-2:after{ content:url(images/icon-3.png); right:-68px; top:0px;  position:absolute;}

.services-icon-3{ position:relative; }
.services-icon-3:after{ content:url(images/edittion.png); left:-55px; top:0px;  position:absolute;}

.services-icon-4{ position:relative; }
.services-icon-4:after{ content:url(images/icon2.png);left:-55px; top:0px;  position:absolute;}

#inner-service h3:after{ top:8px;}
#nav-main ul li a span { font-size: 17px;  font-weight:normal;  text-transform: uppercase;}
#nav-main .sf-menu { margin: 0px; }
#aboutus h4 { /*font-weight: 600;*/ line-height:35px!important;  text-transform: uppercase; font-size: 28px; line-height:35px; margin-top: 0px; float:left; border-bottom:solid 3px #fbcc10; line-height:50px; }

.aboutus-content { padding-top:15px; clear:both;}
.aboutus-content p { font-size: 16px; color: #5e5e5e; font-weight:normal; }
.our-history .column-left { /*padding-left: 80px !important;*/ }
.our-history .column-right { /*padding-right: 80px !important;*/ }
.service-content-first p { color: #fff; margin-top: 15px; padding: 0 150px;  text-align: center;  text-transform: uppercase; /*font-weight: 700;*/
    font-size: 16px; }
.service-content p { color: #fff; text-align: left; font-size: 16px;  /*font-weight: 600;*/ margin:0; padding:0;}
.wpcf7-form {
    font-size: 18px;
}
.wpcf7-form input, .wpcf7-form textArea{
   /* font-weight: 800;*/
}
 .address i {
    font-size: 36px;
    left: 0;
    position: absolute;
    top: -2px;
}
 .address p {
    color: #000;
    font-size: 18px;
    line-height: 25px;
    padding-left: 45px;
    position: relative;
}


#clients .portfolio_entry_li .custom-img.grid_image { padding: 15px; }

.header-video .play-button { bottom: 0;
    left: 0;
    margin: auto;
    max-width: 140px;
    position: absolute;
    right: 0;
    top: auto;
    z-index: 9999; }
	
.video-space-remove   .wpb_column.vc_column_container, .video-space-remove  .wpb_column.column_container, .video-space-remove  ul.wpb_thumbnails-fluid > li, .video-space-remove  .last_toggle_el_margin, .video-space-remove  .wpb_button{ margin-bottom:0!important; padding-left:0!important; padding-right:0!important;}


.video-space-remove .wpb_video_widget .wpb_wrapper .wpb_video_wrapper{ border-right:solid 1px #ffffff!important; border-top:none!important; border-left:none!important; border-bottom:solid 1px #ffffff!important; z-index:9999!important; overflow:hidden!important; }

.prk_section.prk_full_width{ min-height:100%;}
/*.video-space-remove .wpb_video_widget .wpb_wrapper iframe{ border-right:solid 1px #ffffff!important;  border-bottom:solid 1px #ffffff!important;}



.video-space-remove  .vc_responsive .wpb_row .vc_span4{ padding-left:0!important; padding-right:0!important;}*/

.video-space-remove .second-video-wrappe .wpb_video_widget .wpb_wrapper .wpb_video_wrapper{ Border-right:none!important;}

#fount_slide_0 .fount_video-bg{ width:100%!important; min-height:auto!important; bottom:auto!important; top:0!important;}

.wpb_single_image img{ }
.wpb_single_image{ text-align:left; }

#gen_fount-627 img.attachment-full{ max-width:85%;}


.single-image{ max-width:85%!important; margin-left:0!important;}
#gen_fount-627{ text-align:left!important;}

.column-right{ padding-left:10%;}

.vc_responsive .wpb_row .vc_span6:last-child{ padding-left:50px; }
@media (min-width: 768px) and (max-width: 1024px){
div#fount_slide_0{ padding-top:0!important; padding-bottom:0!important;}
.prk_section.prk_full_width{ padding-top:0!important; padding-bottom:0!important;}
.fount_video-bg{ width:130%!important;}





}
@media (min-width: 1105px){
	
	/*.fount_video-bg{ width:110%!important;}*/
	
	}


#fount_wrapper h2, #fount_wrapper .woocommerce h2, .woocommerce #fount_wrapper h2 {
    font-size: 2.6em;
	
}

#aboutus h2{ margin-bottom:40px; margin-top:50px; line-height:50px; }
#contact h2{ margin-top:50px; line-height:50px; }


@media only screen and (max-width:1280px){
.owl-wrapper-outer{ height:720px!important;}
.owl-wrapper .active{ height:720px!important;}
.header-video .play-button{ max-width:150px;}

}

@media only screen and (max-width:1220px){
	
	.owl-wrapper-outer{ height:565px!important;}
.owl-wrapper .active{ height:565px!important;}

}
@media only screen and (max-width:1024px){
	.owl-wrapper-outer{ height:565px!important;}
.owl-wrapper .active{ height:565px!important;}
.service-content-first p {padding:0px 20px !important; font-size:11px !important; line-height:16px !important;}
#inner-service h3 {margin-top:10px;}
.space {display: block; width:100%; height:10px; background:none !important; border:0 !important;}
#services .vc_span12 h2.vc_custom_heading {padding-top:30px !important;}
	
	}


@media only screen and (max-width:980px){
.owl-wrapper-outer{ height:480px!important;}
.owl-wrapper .active{ height:480px!important;}
.header-video .play-button{ max-width:120px;}
.service-content p {font-size: 12px !important;
	line-height:16px;
	padding-bottom:4px !important;
	margin-bottom:0 !important;
}
.service-content-first p {padding:0px 20px !important; font-size:11px !important; line-height:16px !important;}
#inner-service h3 {margin-top:10px;}
.space {display: block; width:100%; height:10px; background:none !important; border:0 !important;}
#services .vc_span12 h2.vc_custom_heading {padding-top:30px !important;}
}


@media only screen and (max-width:800px){
.owl-wrapper-outer{ height:440px!important;}
.owl-wrapper .active{ height:440px!important;}
.header-video .play-button{ max-width:120px;}
.service-content-first p {padding:0px 20px !important; font-size:15px !important;}
.service-content p{font-size:14px !important;}
#contact h1 {font-size:25px !important; left:auto; width:auto !important;}
#aboutus h2::after {width:28%; left: 45.5%;}
#portfolio h2::after  {width:30%; left:45%;}
#clients h2::after { left:50%; width: 21%;}
#services h2::after {left:47%;width: 26%;}
#contact h2::after {left: 36%;width: 48%;}
.fount_video-bg{ bottom:auto;}
}

@media only screen and (max-width:768px){
.owl-wrapper-outer{ height:400px!important;}
.owl-wrapper .active{ height:400px!important;}
.header-video .play-button{ max-width:100px;}
}
	
@media only screen and (max-width:767px){
	.grid_image_wrapper .custom-img {width:40% !important;}
#services .vc_span12 h2.vc_custom_heading {padding-top:30px !important;}
.address i {left:20%;}
#inner-service h3.vc_custom_heading {float: none !important;}
.service-content .wpb_wrapper p {text-align:center !important; font-size:15px !important;}
#inner-service h3.vc_custom_heading::after {right: -60px !important; left: auto !important;}
.service-content-first p { padding: 0; }
.our-history .column-left { padding: 0 !important; }
.our-history .column-right { padding: 0 !important; }
.our-history h4 { padding-left: 10px; }
.our-history p { padding-left: 10px; }
.header-video .play-button{ max-width:100px;}
.column_container .wpb_wrapper {text-align:center;}
#aboutus h4 {display:inline-block; padding-left:0; float:none}
.mo-center,.vc_custom_heading {border-bottom:3px solid #fbcd15; display:inline-block; line-height:42px !important;}
#aboutus h2::after, h4.vc_custom_heading::after {background:none !important; bottom:0; content:"";}
#clients h2.vc_custom_heading {margin-top:40px !important;}
#services h2.vc_custom_heading::after,#portfolio h2.vc_custom_heading::after,#clients h2.vc_custom_heading::after {background:none !important; bottom:0; content:"";}
#contact .vc_custom_heading { font-size:30px !important;}
#contact .vc_custom_heading {background:none !important; bottom:0; content:"";}
.we-are-all-ears {font-size:30px !important;}
#gen_fount-100 .vc_custom_heading {line-height:42px !important; padding-bottom:0px !important;}
.get-in-touch {font-size:22px !important; left:auto;}
#contact h1 {font-size:25px !important; left:auto; width:auto !important;}
.wpb_top-to-bottom h3.vc_custom_heading {font-size:24px !important;}
.vc_custom_heading {margin-bottom:10px !important;}
#aboutus h2 {margin-bottom:40px !important;}
#contact h1 {font-size:22px !important; left: auto; display:inline !important;}
.vc_responsive .wpb_row .vc_span6:last-child {padding:0 10px !important;}
#portfolio h2::after, #clients h2::after, #services h2::after, #contact h2::after {background:none !important; bottom:0; content:"";} 
#contact h3.vc_custom_heading {padding-bottom:0px !important;}

.owl-wrapper-outer{ height:360px!important;}
.fount_video-bg{ bottom:auto;}
.prk_section.prk_full_width{ padding:0!important;}

.owl-wrapper .active {
    height: 310px !important;
}


.vc_responsive .wpb_row .vc_span4 {
	padding: 0 14px !important;
	margin-bottom: 19px !important;
}
.wpb_single_image{ text-align:center!important; margin-left:auto!important; margin-right:auto!important; }
.header-video .play-button {
    bottom:10px!important}
}

@media only screen and (max-width:640px){
	.header-video .play-button {
    bottom: 46px!important}
        
        .fount_collapsed_menu #prk_responsive_menu_inner #top_form_close, .fount_collapsed_menu #prk_responsive_menu_inner #top_form_hider, .fount_collapsed_menu #fount_left_floater, .menu_at_top #fount_logo_holder, .menu_at_top #prk_responsive_menu #prk_logos, .menu_at_top #fount_left_floater, .menu_at_top #top_form_hider, .menu_at_top #top_form_close, .menu_at_top #searchform_top input, .menu_at_top #fount_top_floater, .menu_at_top #prk_menu_loupe{
            line-height: 57px !important;
        }
        .menu_at_top #prk_logos{
            width: 50%;
        }
    
}


@media only screen and (max-width:480px){
	
.prk_section.prk_full_width.forced_row {padding-top:30px !important;}
.grid_image_wrapper .custom-img {
	width: 90% !important;
}
.owl-wrapper .active {
    height: 240px !important;
}
.address i {
	left: 2% !important;
	font-size: 29px;
}
#inner-service h3.vc_custom_heading {float: none !important;}
#inner-service h3.vc_custom_heading::after {right: -30px !important; left: auto !important;}


.owl-wrapper-outer {
    height: 240px !important;
}
.header-video .play-button{ max-width:52px;}


.services-icon-1:after{ right:-30px!important; width:25px;}
.services-icon-2:after{ right:-30px!important; width:25px;}
.services-icon-3:after{ left:-45px!important; width:25px;}
.services-icon-4:after{ left:-45px!important; width:25px;}
.header-video {}
.fount_shortcode_slider { background:url(http://grandstreet.staging.wpengine.com/wp-content/uploads/2016/01/grandstreet-logo-b.jpg) center center no-repeat; 
width: 100%;
background-size:78% auto;
background-position: center center;
}

.video-bg {
	background: url(http://grandstreetmedia.com/wp-content/uploads/2015/12/background.jpg) center center no-repeat;
	width: 100%;
	background-size: cover;
	background-position: center center;
	padding-top: 20px;
}	
	
	
.fount_with_video .fount_video-bg {}
.service-content .wpb_wrapper p {text-align:center !important; font-size:15px !important;}
}

@media only screen and (max-width:414px){
.owl-wrapper .active {
    height: 203px !important;
}

.owl-wrapper-outer{ height:203px!important;}

}

@media only screen and (max-width:320px){
	.owl-wrapper .active{ height:175px!important;}
	.owl-wrapper-outer{ height:175px!important;}
	
	
	}
@media (min-height: 700px) and (max-height: 1279px){
.service-content p {
    font-size: 12px !important;
	line-height:16px;
	padding-bottom:4px !important;
	margin-bottom:0 !important;
}
.fount_video-bg {
    min-height: 1355px!important;
    position: absolute!important;
    right: 0!important;
    top: 0!important;
    width: 314%!important;
    z-index: 1!important;
	bottom:auto!important;
}
}

@media (min-height: 1280px) {
	
	
.fount_video-bg {
    min-height: 1280px!important;
    position: absolute!important;
    right: 0!important;
    top: 0!important;
    width:415%!important;
    z-index: 1!important;
	bottom:auto!important;
}	
	
	
}
	
	
@media (min-height: 1800px) {
		
	.fount_video-bg {
    min-height: 1100px!important;
    position: absolute!important;
    right: 0!important;
    top: 0!important;
    width:370%!important;
    z-index: 1!important;
	bottom:auto!important;
}
}

.services-icon-1, .services-icon-2 {
	float:right;
}
.service-content04 {height:30px; display:block;}
@media (min-width: 992px) {
/*.owl-wrapper-outer{ height:900px !important}*/
}

@media (min-width: 1400px) and (min-height:900px) {
	.owl-wrapper-outer{ /*height:685px!important;*/}
	.owl-wrapper .active{ /*height:685px!important;*/}
#services .fount_video-bg{ width:120%!important;}
#services{ height:850px!important;}	
#services .fount_video-bg{  top:-145px!important; }
	
	}
		
.fount_video-bg{ bottom:auto;}
@media (min-width: 1360px) {
#fount_slide_0 .fount_video-bg {
	
    height: auto !important;
    left: 50%;
    min-height: 100% !important;
    min-width: 100% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: auto !important;
    }			
	#services .fount_video-bg  { height: auto !important;
    left: 50% !important;
    min-height: 100% !important;
    min-width: 100% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: auto !important;
    }   
	#services.fount_with_video > div.small-12{height: auto !important;}
}
@media (min-width: 700px) and (max-width: 1360px) {
	#services .fount_video-bg  { height: auto !important;
    left: 50% !important;
    min-height: 100% !important;
    min-width: 100% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: auto !important;
    } 
}

/* Contact form message */

div.wpcf7-mail-sent-ok {
    border: 2px solid #fbcc10 !important;
    margin: 0 !important;
}
 @media (max-width:479px)
 {
	 .prk_inner_block p {
	text-align: justify;
}
	 .address  p {
  margin: 30px 0 10px;
}
.address br {
  display: none;
}
.address i + br {
  display: block !important;
}
body #clients .extra_pad .iso_folio.shortcoded.fount_iso_gallery.isotope {
	height: auto !important;
}
	 .fount_cpts .portfolio_entry_li {
	cursor: default;
	width: calc((100% / 3) - 30px) !important;
	float: none;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	height: 100px;
	margin: 10px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	bottom: auto !important;
	right: auto !important;
}
#clients .portfolio_entry_li .custom-img.grid_image {
    padding: 0;
}
	 .fount_cpts .portfolio_entry_li > * {
	display: none;
}
	 .fount_cpts .portfolio_entry_li > .grid_image_wrapper {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
}
}


/* Corporate Video Production Carousel Styles */
/* Using existing Montserrat font imports */

/* Main Container Styles */
.corporate-video-section {
    font-family: 'montserratregular', sans-serif;
    padding: 40px 20px;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #f5f5f5;
}

/* Page Title Styling */
.single_page_title h1 {
    font-family: 'montserratregular' !important;
    font-weight: normal !important;
    font-size: 3rem !important;
    text-align: center !important;
    
    color: #333 !important;
}


/* Title Bar Image Styling */
.wpb_single_image {
    text-align: center;
    margin: 40px 0 !important;
}

.wpb_single_image img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* Section Title */
.wp-block-heading {
    font-family: 'montserratbold'!important;
    font-weight: normal !important;
    font-size: 1.3rem !important;
    text-align: center !important;
    margin: 40px 0 !important;
    color: #333 !important;
    line-height: 1.3 !important;
}

/* Description Paragraphs */
.inner-page-p {
    font-family: 'montserratlight' !important;
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
    text-align: center !important;
    margin-bottom: 75px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #000 !important;
}

.inner-page-p-between {
    font-family: 'montserratlight' !important;
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #000 !important;
}

.column-inner-page-videos{
    gap:2px;
    margin-bottom: 2px;
    width: 80%;
    margin: 0 auto;
}

/* Override theme styles that might interfere */
.prk_composer_extra {
    padding: 20px 0 !important;
}

.prk_inner_block {
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.wp-block-embed iframe {
  height: auto !important;
}

/* Fix video embed height issue */
.wp-block-embed.wp-embed-aspect-16-9 iframe,
.wp-block-embed.wp-embed-aspect-16-9 video,
.wp-block-embed.wp-embed-aspect-16-9 embed {
  width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 9;
}

/* Optional: ensure wrapper doesn't stretch */
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
}

.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#single_page_title{
    margin-top:20px;
    padding-bottom: 0px;

}

.inner-page-icon-image{
    text-align: center !important;
    margin-top:10px !important;
}
.inner-page-icon-image img{
    width: 60%;
}

.inner-page-p-crew{
    text-align: left !important
}
.crew-column{
    width: 80%;
  margin: 0 auto;
}

.column-inner-page-videos-botttom{
    padding-bottom: 40px;
}

.wpa-toggle{
    display: none !important;
}

/* Dark overlay on hover */
.isotope-item .grid_colored_block {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.isotope-item:hover .grid_colored_block {
  opacity: 0.7;
}

/* Show title on hover */
.isotope-item .grid_single_title {
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
}

.isotope-item:hover .grid_single_title {
  opacity: 1;
  transform: translateY(0);
}

/* Zoom image on hover */
.isotope-item .grid_image {
  transition: transform 0.4s ease;
}

.isotope-item:hover .grid_image {
  transform: scale(1.05);
}

/**
 * Equipment List Styling
 * Matches Grand Street Media design aesthetic
 */

/* Equipment Section Container */
.equipment-section {
    font-family: 'montserratregular', sans-serif;
    max-width: 1200px;
    text-align: left !important;
    padding: 0px 20px;
    background-color: #ffffff;
}

/* Equipment Category Headings */
.equipment-section h3,
.equipment-section strong {
    font-family: 'montserratbold', sans-serif !important;
    font-weight: normal !important;
    font-size: 1.2rem !important;
    color: #333 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    line-height: 1 !important;
    text-align: left !important;
    padding-left: 0 !important;
}

/* First heading - remove extra top margin */
.equipment-section h3:first-of-type,
.equipment-section strong:first-of-type {
    margin-top: 0 !important;
}

/* Equipment Lists */
.equipment-section ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 20px 0 30px 0 !important;
}

.equipment-section ul li {
    font-family: 'montserratregular', sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    color: #555 !important;
    padding: 8px 0 8px 30px !important;
    position: relative !important;
    text-align: left !important;
    margin: 0 !important;
}

/* Custom bullet points */
.equipment-section ul li::before {
    content: '•';
    position: absolute;
    left: 10px;
    color: #f4c430; /* Yellow accent matching Grand Street Media branding */
    font-size: 1.3rem;
    font-weight: bold;
}

/* Nested items (if any) */
.equipment-section ul li ul {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.equipment-section ul li ul li {
    font-size: 1rem !important;
    padding: 5px 0 5px 25px !important;
}

.equipment-section ul li ul li::before {
    content: '◦';
    font-size: 1.1rem;
    left: 5px;
}

/* Emphasized items (bold items in lists) */
.equipment-section ul li strong {
    font-family: 'montserratbold', sans-serif !important;
    font-weight: normal !important;
    font-size: 1.05rem !important;
    color: #333 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Alternative style with sections in boxes */
.equipment-section.boxed-style {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    padding: 40px 20px;
}

.equipment-section.boxed-style .equipment-box {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.equipment-section.boxed-style .equipment-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.equipment-section.boxed-style h3 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px;
    border-bottom: 3px solid #f4c430;
}

.column-inner-page-videos figure{
    margin-bottom: 0.2em !important;
}

.phone-left,.email-right{
    font-size: 24px;
    text-align: center;
}

#h-where-to-find-us{
    margin-bottom: 0px !important;
}

.sf-menu .menu-item-has-children > a span::after {
  content: " ▾"; /* down arrow */
  font-size: 0.8em;
  margin-left: 4px;
  color: #ffffff;
  transition: transform 0.2s ease;
}

.sf-menu .menu-item-has-children:hover > a span::after {
  transform: rotate(180deg); /* flip arrow when hovered */
}


/* Responsive Design */
@media (max-width: 768px) {
    .equipment-section {
        padding: 30px 15px;
        margin: 40px auto;
    }
    
    .equipment-section h3,
    .equipment-section strong {
        font-size: 1.3rem !important;
        margin-top: 30px !important;
    }
    
    .equipment-section ul li {
        font-size: 1rem !important;
        padding: 6px 0 6px 25px !important;
    }
    
    .equipment-section ul li::before {
        left: 5px;
        font-size: 1.2rem;
    }
    
    .equipment-section.boxed-style {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .equipment-section.boxed-style .equipment-box {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .equipment-section h3,
    .equipment-section strong {
        font-size: 1.2rem !important;
        margin-top: 25px !important;
    }
    
    .equipment-section ul li {
        font-size: 0.95rem !important;
        padding: 5px 0 5px 20px !important;
        line-height: 1.6 !important;
    }
}

/* Print styles */
@media print {
    .equipment-section ul li::before {
        color: #000;
    }
    
    .equipment-section.boxed-style .equipment-box {
        box-shadow: none;
        border: 1px solid #ddd;
        page-break-inside: avoid;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .single_page_title h1 {
        font-size: 2.2rem !important;
        margin-bottom: 30px !important;
    }
    
    .wp-block-heading {
        font-size: 1.6rem !important;
        margin: 30px 0 !important;
    }
    
    p {
        font-size: 1rem !important;
        padding: 0 15px !important;
        text-align: left !important;
    }
    
}

@media (max-width: 480px) {
    .header_font {
        font-size: 1.8rem !important;
    }
    
    .wp-block-heading {
        font-size: 1.4rem !important;
        padding: 0 10px;
    }
    
}