/*
 * Theme Name: Imaginal Marketing Group
 * Description: Imaginal Marketing Group's custom theme based on Tailwind - Ihloff
 * 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: #9AACB3;
	--primarylt:#a0b8c1;
  --secondary: #1e3238;
  --secondarylt: #32545e;
  --tertiary: #595959;
	--light: #fff;
	--dark: #000;
  --bgbody: #e6e4df;
  --bgfooter: #595959;
	--sans: "montserrat", sans-serif;
  --titles: "montserrat", sans-serif;
}
main#content #mobile-subnav div{background-color:var(--secondary)}
body:not(.home) main#content ol li, body:not(.home) main#content ul li{margin-bottom: .6rem;}

header #top-bar .inner #nav-wrapper nav ul li ul.sub-menu li{margin:0;}
p.btn-multi a.button{
	margin-bottom:.5rem;
}
/* body:not(.home) main a:not(.button), body:not(.home) main a:not(.button):visited{
	font-weight: bold;
	color: var(--primary);
} */
body:not(.home) main#content h2{font-size: 1.75rem}

/* body:not(.home) main a:not(.button):hover{
	font-weight: bold;
	color: var(--secondary);
} */
body.page-id-54 main#content #contact-info .location-title span.slogan {
    display: block;
    text-transform: uppercase;
    margin-bottom: 0;
}
section > div.serv_wrapper div.im-services .im-service-row > .serv-price:nth-of-type(3),
section > div.serv_wrapper div.im-services .im-service-row > .serv-price:nth-of-type(5){
    color: #000 !important;
}

section > div.serv_wrapper .tier-headers .tier-header{
	color: #5A6D75 !important;
	font-weight: 600 !important;
}

@media (min-width: 1024px) {
    header #top-bar {
        padding-bottom: 1.5rem;
    }
}

#benefits{
	margin: 0 !important;

}

#theteam .team_member .team_wrap .team_info.elite:before {
	z-index: 3;
}

input.gform_next_button, input.gform_previous_button {
    background-color: var(--secondary) !important;
    padding: .5rem;
    color: #fff !important;
    display: inline-block;
    text-transform: uppercase;
    font-size: .9rem;
    text-decoration: none;
    border: none;
    transition: all .3s ease;
    font-weight: 500;
    font-family: var(--sans);
    position: relative;
    text-align: center;
    border: 2px solid var(--secondary);
}
body:not(.home) main#content h2.gform_submission_error{
	font-size: 1rem;
	
}
input.gform_next_button:hover{
	background-color:var(--primary);
	color:var(--secondary);
}

header #top-bar .inner #nav-wrapper nav ul li a{font-size: 1rem;}
@media (min-width: 40em){
	header #top-bar .inner #logo{max-width: 250px}
	
	.benefits-wrapper{
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 30px; 
	}
	.benefits-wrapper > div{
		
	}
}


.benefits-wrapper img{
	filter: brightness(0) invert(1);
}
.benefits-wrapper h3, .benefits-wrapper p{
	color: #fff !important;
}
.benefits-wrapper p{margin-bottom: 0 !important; }

.careers-cta{
	padding: 1.5rem 1.5rem 0;
	max-width: 600px;
	margin: 0 auto;
}
.careers-cta p{
	margin-bottom: .5rem;
}

.careers-cta p:last-child{
	margin-bottom: 0;
}



body.single-locations .entry-content .location-title span.slogan{
	display:block;
	text-transform:uppercase;
	margin-bottom:0;
}
#footer-top #contact-info .contact-info .location-title span.slogan{display:none}
#footer-top #contact-info .contact-info .footer-phone a{
	text-decoration:underline !important;
}
#footer-top img.aveda-logo{max-width: 110px !important; }
.pum-theme-21381 .pum-content, .pum-theme-lightbox .pum-content p{ 
	color: #000; 
	line-height: 1.5 !important; 
	margin-bottom: .75rem ; }

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;
}


.pum-theme-21381  .pum-content ul li, 
.pum-theme-21381  .pum-content ol li{
	line-height: 1.4;
	padding:3px 0;
	margin-left: 1rem;
}

main#content:not(.home){
	max-width: 1600px;
}

h1, h2, main h1, main h2, header #heroimage .swiper-slide .slide_text h2, #promo-grid h2{line-height: 1.1;}
#intro .intro-text p{line-height:1.6;}
/* .ti-reviews-container-wrapper, .ti-widget-header{ margin-left: 0 !important; margin-right: 0 !important;} */


.right-menu ul li:nth-of-type(3) a, .right-menu ul li:nth-of-type(4) a{ font-weight: bold; }
/* #menuicon svg{fill: var(--primary) !important; }
#menuicon{position: absolute; right: 1.5rem;} */
/* header > div > div{height: 100px;}  */

/* body:not(.home) main#content h3{letter-spacing: 2px;} */

.gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme .gfield textarea{border: 1px solid var(--dark)}


.modula-best-grid-gallery .fancybox__container.has-sidebar .fancybox__caption{display:none;}

.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(--dark)}

	
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: var(--bgbody);
    border: 1px dashed #888;
    border-radius: 4px;
    margin: 0!important;
 }

.gform_wrapper.gravity-theme .gform_drop_area button{
	background-color: var(--secondary);
	color:#fff;
	border:2px solid var(--secondary);
	padding: .5rem 1rem;
	text-transform:uppercase;
}
.gform_wrapper.gravity-theme .gform_drop_area button:hover{
	background-color: var(--primary);
}

main#content #mobile-subnav div input{border: 1px solid var(--light);}
main#content #mobile-subnav form{padding-top: .75rem;}
nav.left-menu{
	justify-content: flex-start;
}


main#content #sidenav ul li a{
	font-size: 1.1rem;
}

header #top-bar .inner #nav-wrapper nav ul li ul.sub-menu{background-color:var(--bgbody)}

nav.right-menu{
	justify-content: flex-end;
}
body:not(.home) header.header #headerimage.dark-gradient::after {
	background:none;
}
@media (min-width: 64em){
	#int-promos{
	padding-top: 4rem;
	padding-bottom: 6rem;
}
/* 	body:not(.home) header.header #headerimage{height:auto;aspect-ratio:1/.35} */
	
	body:not(.home) header.header #headerimage.dark-gradient::after {
    content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    z-index: 5;
}
}

@media (min-width: 1024px) and (max-width: 1165px){
/* 	header nav ul li a{font-size: .7rem;} */
}


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

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



@media screen and (max-width: 39.9375em){
	.careers-cta{ 
		padding-bottom: 4rem;
		padding-top: 3rem; 

	}
	#benefits{
		padding-bottom:2rem;
	}
	#teamvalues{
		margin-bottom:0!important;
	}

  #sidebar ul, #sidebar ul li{ margin-left: 0; }
	header #heroimage{margin-top: 100px !important;}
	

}

@media screen and (min-width: 64em){
	body.blog section.post-feed{
		display: grid;
  		grid-template-columns: 25% 75%;
		gap:15px;
		}
	body.blog section.post-feed a img{
		width:100%;height:auto;
	}
	body:is(.blog,.search,.single-post,.archive,.category) main#content .single-post-featured-image img{
		max-width: 450px;
		display:inline;
	}
		

.main-content {
  flex: 0 0 70%; /* Don't grow, don't shrink, stay at 70% */
}
	header{
		padding: 0;

	}
	main h1{font-size: 2.5rem ;}
}

body.search article, body.category article, body.blog article, body.archive article{
	border-bottom: 1px solid var(--primary);
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	
}
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 left 55% !important;
	background-image: url(/wp-content/uploads/2026/06/26-51829952048-Interior-P2-Blog.webp) !important;
}
@media (max-width: 39.9375em){
	 .benefits-wrapper{
			  padding-left: 1rem; padding-right: 1rem;
		  }
		body.blog header.header #headerimage, body.single-post header.header #headerimage, body.search #headerimage, body.archive #headerimage{
		

	}
	#promo-grid h2{
		font-size: 1.75rem;
	}
}
@media (max-width: 63.9375em){
	.show-for-large{display:none;}
	body:not(.home) #headerimage::after{
		height:0 !important;
	}
	main#content #mobile-subnav ul li a, main#content #mobile-subnav ul li a:visited{
		color:var(--light) !important;
	}
	main#content #mobile-subnav ul li a:hover{
		color:#e6e4df !important;
		
	}
	body:not(.home) header.header #headerimage{
		aspect-ratio: 1/.5;
	}
	
	#footer-top #contact-info .contact-info .location-title, #footer-top #contact-info .contact-info p, #footer-top #contact-info .contact-info p span{
		text-align:center !important;
	}
	header #top-bar .inner #logo{
		max-width: 120px;
	}
	header #top-bar{
		height: 100px;
	}
	body:not(.home) #headerimage{margin-top: 100px !important;}
	
}
@media (min-width: 40em) and (max-width: 63.9375em){
	header #heroimage{margin-top: 94px;}
}

header #top-bar .inner #nav-wrapper nav ul li a:hover {
    color: #fff;
	opacity: 0.6;
}

.im-serv-col.serv-title .new-level{
	font-size: 1rem !important;
	font-weight: 500;
	text-transform: uppercase;
	color: #5A6D75 !important;
	line-height: 1.1;
}