/*
 * 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: #FFF9F1; */
	--primary: #000;
    --primaryDk: #D3CABF;
    --secondary: #000;
    --tertiary: #ADB5B7;
    --tertiaryDk: #6C7678;

    --bg-body: #FFF9F1;
    --bg-footer: #26333C;
	--sans: "josefin-sans", sans-serif;
    --serif: "josefin-sans", sans-serif;
}

#faqs .faq-container .faq-section button:hover, #faqs .faq-container .faq-section button:active, #faqs .faq-container .faq-section button:focus{
	color: #fff;
}
#faqs .faq-container .faq-section button:hover .arrow-down, #faqs .faq-container .faq-section button:active .arrow-down, #faqs .faq-container .faq-section button:focus .arrow-down {
	fill: #fff;
}

#faqs .faq-container .faq-section{
	border: 1px solid #000;
}



/*
#footer-top #right-side #foot-2 #contact-info .location-text > a,
#footer-top #right-side #foot-2 #contact-info p[itemprop="telephone"] > a,
#footer-top #right-side #foot-3 #contact-info .location-text > a,
#footer-top #right-side #foot-3 #contact-info p[itemprop="telephone"] > a,
#footer-top #right-side #foot-4 #contact-info .location-text > a,
#footer-top #right-side #foot-4 #contact-info p[itemprop="telephone"] > a{
	font-weight: 600 !important;
} */

.bigger-title{
	font-size: 2.1rem!important;
	padding-top: 1.5rem;
	display: block;
}

.bold-link a {
	font-weight: 600 !important;
}

blockquote{
	border-left: 1px solid var(--tertiaryDk);
	padding-left: 2rem;
	max-width: 650px;

}
h5.blockquote-text{
	font-size: 1.25rem;
	line-height: 1.2;
	color: var(--tertiaryDk);
}
/* body:not(.home) .photo{
	position: relative;
	height : 100%;
	width: 100%;
} */
body:not(.home) #promos .promo_text h2{
	font-family: var(--serif);
	text-shadow: 3px 4px 6px rgba(0, 0, 0, 0.5);

	/* position: absolute;
	bottom: 0;
	left: 0;
	right: 0; */

}

#intro{
	h1{
		text-align: center;
font-size: 1.4rem ;
		    
	
		@media screen and (min-width: 768px) {
			 font-size: 2.9rem ;
				
		 }
		.break-title-custom{
			@media screen and (min-width: 768px) {
			   display: block;
				
		    }
		}
	}
}

#reviews-home {
	padding: 1rem 2rem 8rem 2rem;
	@media screen and (min-width: 768px) {
			padding: 1rem 0 8rem 0;
	}
	.intro-title{
		@media screen and (min-width: 768px) {
			max-width: 70%;
		}
	}
	
	.widget-container{
		padding: 2rem 0;
		
		@media screen and (min-width: 768px) {
			max-width: 70%;
		}
	}
	
	
}

#promos .photo{
	align-items: flex-end;
}


@media screen and (min-width: 768px) {
	#mobile-book-bar{display: none;}
}


/* Apply the display:none rule to all pages EXCEPT the careers template */
body:not(.page-template-template-careers) .pum:not(.pum-open) {
    display: none !important;
}

.main-content a:not(.button), main-content a:not(.button):visited{
	/* color: var(--tertiaryDk) !important; */
	color: #000;
	font-weight: 500;
}
main-content a:not(.button):hover{
	color: var(--tertiary) !important;
}

main#content #sidenav ul li a {
    padding: .5rem 0.4rem .4rem 0rem !important;
}
main#content #sidenav ul {padding: 0 !important}

.serv-price .br-mobile {
    display: inline-block !important;
	font-weight: 500 !important;
}

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

	}
	
	.serv-price .br-mobile {
    display: block !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(--tertiary)}
header #heroimage .swiper-slide.id-91 picture img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: 82% 50%;
}

#teampage #displayTeam #pagination-btns .page-btn{
	background-color: transparent !important;
}

#teampage #displayTeam #pagination-btns .page-btn.current-page{
	border: 1px solid #000 !important;
}

#teampage #displayTeam #pagination-btns .page-btn:hover {
	color: #000 !important;
}

#teampage #displayTeam #pagination-btns .page-btn.current-page:hover {
	border: 1px solid #000 !important;
	opacity: 0.8;
}

@media (min-width: 64em){
	
	#footer-top #right-side #foot-5 {

    align-items: center;
	}

	body.home main #intro .intro-inner{
		display:grid;
		align-items: stretch;
		gap:20px;
		/* Default: text only — single full-width column. */
		grid-template-columns: 1fr;
	}
	/* Both images present → original 3-column layout */
	body.home main #intro .intro-inner:has(.intro-img.img1):has(.intro-img.img2){
		grid-template-columns: 1fr 1.5fr 1fr;
	}
	/* Only img1 → 2 columns, image on the left */
	body.home main #intro .intro-inner:has(.intro-img.img1):not(:has(.intro-img.img2)){
		grid-template-columns: 1fr 1.5fr;
	}
	/* Only img2 → 2 columns, image on the right */
	body.home main #intro .intro-inner:has(.intro-img.img2):not(:has(.intro-img.img1)){
		grid-template-columns: 1.5fr 1fr;
	}
	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;
 }


#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; }
	
	.social_icons-component{
		text-align: left;
	}
}


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

/* Homepage only: all titles white */
body.home main h1,
body.home main h2,
body.home main h3,
body.home main h4,
body.home main h5,
body.home main h6,
body.home main .title,
body.home main .promo-title,
body.home #heroimage h1,
body.home #heroimage h2,
body.home #heroimage .slide_text h1,
body.home #heroimage .slide_text h2 {
    color: #ffffff !important;
	
	
@media screen and (max-width: 768px){
		letter-spacing: 5px;
		font-size: 32px;
	}
}

@media screen and (max-width: 768px) {
    #footer-top #right-side #foot-5 p a.aveda-logo img {
        margin-top: 0rem !important;
    }
	#footer-top #right-side #foot-4 {
    padding-bottom: 0rem;

}
	
	#intro .intro-inner .intro-text {
		margin-bottom: 2.5rem !important;

	}
	#intro .intro-inner .intro-text p{
		line-height: 1.5;

	}
	.serv_wrapper .im-service-row.serv-title-row .serv-title {
  font-weight: 700 !important;
}
	    body:not(.home) main h2 {
        line-height: 1.2 !important;
    }
	.serv_wrapper .im-service-row .serv-price {
    line-height: 20px !important;
}
}



/* Homepage intro-inner: keep title black */
body.home main #intro .intro-inner h1,
body.home main #intro .intro-inner h2,
body.home main #intro .intro-inner h3,
body.home main #intro .intro-inner h4,
body.home main #intro .intro-inner h5,
body.home main #intro .intro-inner h6,
body.home main #intro .intro-inner .title {
    color: #000000 !important;
}

/* Homepage: every promo section AND the intro are capped at 90vh
   so the page has a consistent vertical rhythm as you scroll. */
body.home #promos .promo-item,
body.home #intro {
   
    overflow: hidden;
	@media screen and (min-width: 768px) {
		max-height: 90vh;
	}
}