/*
 * Theme Name: Imaginal Marketing Group
 * Description: Imaginal Marketing Group's custom theme based on Tailwind
 * Author: IMPP
 * Author URI: https://www.imaginalmarketing.com
 * Version: 1.0
*/
/* 
#wpcontent table.fixed {
    table-layout: auto !important;
}

#wpcontent  .fixed{
	position: auto !important;
} */
:root{
	--primary: #253956;/*blue*/
    --ltBlue: #A9BDC4;
    --secondary: #6D4F3E;/*brown*/
	--beige: #C0B3A5;
    --tertiary: #FCF9F3;
    --tertiaryDk: #6C7678;
    --bgBody: #FCF9F3;
	--sans: "Lato", sans-serif;
    --serif: 'Montage Serif Font';
	--bg-desktop: url('<?php the_field('subfooter_1_background'); ?>');
    --bg-mobile: url('<?php the_field('subfooter_1_background_mobile'); ?>');
}
@media (min-width: 40em) and (max-width:63.9375em){
	#sidenav{display:none !important}
}
main#content #sidenav ul li a{font-size:1.1rem;}
#subfooter .subfooter-logo{
	max-width: 50%;
}

@media (max-width:39.9375em){
	#foot4{
		padding-left:.5rem;
		padding-right:.5rem;
		
	}
	#footer-top #right-side #foot-4 a.button{ font-size: 1.25rem; }
}
/* body.home header #top-bar .inner #logo{
	max-width:200px;
}
.scrolled #top-bar .inner #logo{
	max-width: 150px !important;
}
@media (min-width: 1024px) {
	body.home header #top-bar .inner #logo{
		max-width:230px;
	}
	.scrolled #top-bar .inner #logo{
		max-width: 150px !important;
	}
} */
/*     header #heroimage .swiper-slide .slide_text h2 {
        font-size: 4rem;
        letter-spacing: 4px;
    } */
	body:not(.home) #promos .photo{
		flex-direction:column;
	}
	body:not(.home) #promos .promo_text{
		height: 50%;
	}
	body:not(.home) #promos .promo_text .promo-btn{
		position: absolute;
		bottom: 0;
		width:100%;
		text-align:center;
	}
	
/* 	body:not(.home) #promos .promo_text{
		height:100%;
		padding-top: 4rem;
		padding-bottom: 4rem;
		justify-content:space-between;
	} */
}
@media (min-width: 1200px) {
/* 	body:not(.home) #promos .promo_text{
		height:100%;
		padding-top: 6rem;
		padding-bottom: 6rem;
		justify-content:space-between;
	} */
}


body:not(.home) #promos .promo_text h2, body:not(.home) #promos .promo_text p{margin-bottom:0;}

@media (min-width: 1400px){
/* 	body:not(.home) #promos .promo_text{
		padding-top: 8rem;
		padding-bottom: 8rem;
	} */
}
@media (min-width: 1600px){
/* 	body:not(.home) #promos .promo_text{
		padding-top: 10rem;
		padding-bottom: 10rem;
	} */
}

/*UPDATES APRIL 20*/
footer #footer-top{background-color: var(--primary);}
.scrolled #top-bar .inner{ background-color: var(--primary) !important;}
.scrolled header #top-bar .inner .cta-menu-container #morelinks a{font-size:1rem;}
.scrolled header #top-bar .inner .cta-menu-container #morelinks{padding-top:0;}
@media (min-width: 64em){
	.scrolled #top-bar .inner{ background-color: var(--primary) !important;}
	header #heroimage {height: auto; aspect-ratio: 16/9; }
}

/*..........*/
.benefits-container .benefit img{filter:none !important;}
body.single-locations main#content .second-title{display:none;}

body:not(.home) main h3{letter-spacing: 2px;}
body.locations-template-default p.location-address, body.locations-template-default p.location-tel, body.locations-template-default p.location_email{margin-bottom: .4rem;}
blockquote{
	border-left: 1px solid var(--tertiaryDk);
	padding-left: 2rem;
	max-width: 650px;

}
.wp-pointer, .wp-pointer-content{display:none !important;}

.pum-theme-21381 .pum-content, .pum-theme-lightbox-2 .pum-content{color: var(--secondary) !important}
.pum-theme-21381 .pum-content, .pum-theme-lightbox-2 .pum-content p, .pum-theme-21381 .pum-content, .pum-theme-lightbox-2 .pum-content ul li, .pum-theme-lightbox-2 .pum-content h2, .pum-theme-lightbox-2 .pum-content h3{
	text-align:left;
}
.pum-theme-21381 .pum-content, .pum-theme-lightbox-2 .pum-content p{ 
	color: var(--secondary) !important;
	line-height: 1.5 !important; 
	margin-bottom: .75rem !important; }
.pum-theme-lightbox-2 .pum-content ul{
	margin-bottom: .75rem !important; 
}
body:not(.home) .pum-theme-21381 .pum-content ul:not(main#content section ul) {
	list-style-type: disc;
}

body:not(.home) .pum-theme-21381 .pum-content h2{line-height: 1.1;}

.pum-theme-21381 .pum-content ul, 
.pum-theme-21381  .pum-content ol{
	padding-left: 1.25rem;
}

#faqs .faq-container .faq-section button{border:2px solid var(--secondary);border-radius:12px;}
#faqs .faq-container .faq-section button:hover, #faqs .faq-container .faq-section button:active, #faqs .faq-container .faq-section button:focus{background-color:var(--beigeTransp);}

.pum-theme-21381  .pum-content ul li, 
.pum-theme-21381  .pum-content ol li{
	line-height: 1.4;
	padding:3px 0;
	margin-left: 1rem;
}
#intro h2{line-height:.6 !important; font-size: 1.75rem;}
#intro p{line-height:1.6;}
@media (min-width: 40em){
	header #heroimage .swiper-slide .slide_text h2{
		font-size: 1.75rem !important;
	}
}
@media (max-width: 39.9375em){
	header #heroimage .swiper-slide .slide_text h2{
		font-size: 1.5rem;
	}
	#subfooter, #subfooter video{
		aspect-ratio:1/.75;
		width:100%;
		height:auto;
		margin-bottom:0;
		padding-bottom:0;
	}
	main h2{font-size: 1.5rem !important;}
	header #heroimage{
		height: auto;
		aspect-ratio: 9/16;
		
	}
}
@media (min-width: 64em){
	header #heroimage .swiper-slide .slide_text h2{
		font-size: 2.5rem !important;
	}
}
@media (min-width: 40em) and (max-width: 63.9375em){
	#intro .intro-inner .intro-img.img2{display:none;}
	header #heroimage{
		height:auto;
		aspect-ratio:16 / 9;
	}
}
h5.blockquote-text{
	font-size: 1.25rem;
	line-height: 1.2;
	color: var(--tertiaryDk);
}
body:not(.home) #promos .promo_text h2{
	font-family: var(--serif);
}


body.blog header.header #headerimage, body.single-post header.header #headerimage, body.search #headerimage, body.archive #headerimage{
	background-image: url(/wp-content/uploads/2026/02/HEADER.jpg) !important;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width: 39.9375em){
		body.blog header.header #headerimage, body.single-post header.header #headerimage, body.search #headerimage, body.archive #headerimage{
		background-position: center left 45%;

	}
	header #heroimage .swiper-slide video{
		object-fit:cover;
		object-position: 75% center !important;
	}
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{ border: 1px solid var(--secondary)}
header #heroimage .swiper-slide.id-91 picture img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: 82% 50%;
}

@media (min-width: 64em){
	#footer-top #right-side #foot-4 a.button{font-size: 1.25rem;}
	body.home main #intro .intro-inner{
		display:grid;
		align-items: stretch;
		grid-template-columns: 1fr 1.5fr 1fr;
		gap:20px;
	}
	body.home main #intro .intro-inner h2{margin-top: 0 !important;}
	body.home main #intro .intro-inner .intro-img{
		width: 100%;
		height: 100%;
	}
	body.home main #intro .intro-inner .intro-text{
		height: 100%;
		display: grid !important;
  		place-items: center !important; /* vertically + horizontally centers */
  		text-align: center !important;
		margin-top: 0;
	}
}	
body.blog article.tease-post{
  margin-bottom: 2.5rem;
}

article.post-type-post > img{
	width: 100% !important;
	height: auto!important;
}

 .gform_fileupload_rules{ font-weight: bold; }
 
.gform_wrapper.gravity-theme .gform_drop_area{
    display: flex;
    justify-content: center;
    align-items: center;
		flex-direction:column;
    width: 100%;
    padding: 2rem;
    text-align: center;
    background-color: #A3BD00;
	background-color: #fff;
    border: 1px dashed #888;
    border-radius: 4px;
    margin: 0!important;
 }
.wysiwyg-content{
	padding:3rem 2rem 1rem;
	background-color: var(--bgBody);
}
.wysiwyg-content h1, .reviews-content h2{
	text-align:center;
	line-height:1.2;
	letter-spacing:2px;
	margin-bottom:1rem;
	font-size:1.75rem;
	color: var(--secondary);
}
.wysiwyg-content p{
	text-align:center;
	line-height:1.6;
	margin-bottom:.75rem;
	color:var(--secondary);
}
.wysiwyg-content p:last-child{margin-bottom:0;}
.reviews-content{
	padding: 2rem;
	background-color: var(--bgBody);
}

@media (min-width: 64em){
	.wysiwyg-content, .reviews-content{
		max-width: 1000px;
		margin:0 auto;
	}
}

#sidebar h4{
  text-align: center !important;
}

body.single img.featured-img{
	max-width: 600px;
}

@media screen and (max-width: 39.9375em){
  #sidebar ul, #sidebar ul li{ margin-left: 0; }
	#footer-top p, .social_icons-component{
		text-align:center !important;
	}
}
@media (min-width: 40em){
	#subfooter, #subfooter video{
		aspect-ratio:16/6;
		width:100%;
		height:auto;
		margin-bottom:0;
		padding-bottom:0;
	}
}
@media (min-width:40em) and (max-width: 63.9375em){
	#footer #footer-top #left-side, #footer #footer-top #right-side{
		width: 100%;
	}
	header #heroimage .swiper-slide .slide_text h2{padding-left: 1.5rem;font-size: 2.5rem;}
	header #heroimage .swiper-slide .slide_text p.text-left{margin-left:1.5rem;}
	#footer-top p, .social_icons-component{
		text-align:center !important;
	}
	#footer-top #right-side #foot-4 a.button{
		width:300px;
		margin:0 auto 1rem;
	}
/* 	#teamvalues .tile-title a.button.learn-more{display:block !important;} */
}

/*To replace blog header
body.blog header.header #headerimage , body.single-post header.header #headerimage, body.category header.header #headerimage, body.search header.header #headerimage, body.archive header.header #headerimage  {
    background-position: center;
	background-image: url() !important;
}*/