/*
 * 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: #94a0a9;/*blue */
    --secondary: #c8b08a;/*gold*/
    --tertiary: #949078;/*brown*/
    --dark: #58595b;/*dark green for text on button and in footer*/
    --light: #fff;/*background*/
    --sans: "Albert Sans", sans-serif;
}

#int-promos .promos-container .promo-box .promo-box-img .promo-text{z-index: 10 !important;}
#int-promos .promos-container .promo-box .promo-text h2{z-index: 11 !important; }
#int-promos .promos-container .promo-box:hover .promo-text h2{z-index: 11 !important; color: #000 !important; }

#heroimage .swiper-slide .slide_text a.button, #promos a.button, #subfooter a.button{
	padding-top:1.25rem;padding-bottom: 1.25rem;
}
#promos .promo-bg-large{
	background-color: var(--tertiary);
}

#promos .promos-container .promo-box .promo-text h2{font-style: normal;letter-spacing: 3px;}
#mobile-menu ul.sub-menu li a{
	padding-right: 1.5rem;
}
#int-promos .promos-container .promo-box .promo-text h2{font-size: 1.35rem;}
body:not(.home) main h2 a:not(.button), main h2{background-color: transparent !important;}

body.search article{
	margin-bottom: 2rem;
	border-bottom: 1px solid #000;
	padding-bottom: 2rem;
}
main p.blog-date{background-color: transparent !important;}
body.category header{background-color: transparent !important;}
body:not(.home) main h2{font-size: 1.75rem;color: var(--secondary)}
body:not(.home) main h3{color: #000; font-size: 1.5rem;}
 
body:not(.home) p.disclaimer{font-size: 80%; font-style: italic;margin-bottom: 1.5rem;}
body:not(.home) header img.splash-image {display:none;}

body.blog header.header #headerimage, body.single-post header.header #headerimage, body.search #headerimage, body.archive #headerimage{
	background-image: url(http://ibidavidsalon.wpenginepowered.com/wp-content/uploads/2025/06/25-36585474164-InteriorHeaders-P1-13-1.webp) !important;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

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

}
h5.blockquote-text{
	font-size: 1.25rem;
	line-height: 1.4;
	color: var(--secondary);
}

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

	}
}

.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)}
header #heroimage .swiper-slide.id-91 picture img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: 82% 50%;
}



	
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; }
	header #heroimage .swiper-slide .slide_text{
		bottom: 12%;
	}
	#promos-container{padding-bottom: 2rem;}
	#subfooter h2{padding-right: 3rem;}
}
@media (min-width: 64em){
	#promos .promo-bg-large {
		aspect-ratio: unset !important;
		height: 450px !important;
	}
	#promos .promos-container{
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
/* 	#foot-2{width: 35% !important;}
	#foot-3{width: 40% !important;}
	#foot-4{width: 15% !important;}
	#foot-5{width: 10% !important;} */
}
@media (max-width: 63.9375em){
	#footer-top #inner #foot-1 .foot-column img{display:block;}
}
@media (min-width: 64em){
	#intro p{font-size: 1rem;}
	#intro .intro-section{width: 62%;}
	#intro h2{margin-top: 0;margin-bottom: .5rem;}
}
@media (min-width: 1400){
	#promos .promo-bg-large {
		aspect-ratio: unset !important;
		height: 600px !important;
	}
	
	

}

@media (min-width: 1600){
	#promos .promo-bg-large {
		aspect-ratio: unset !important;
		height: 600px !important;
	}
}

@media (max-width: 39.9375em){
	#int-promos .promos-container .promo-box:nth-of-type(2), #int-promos .promos-container .promo-box:nth-of-type(1), #int-promos .promos-container .promo-box:nth-of-type(3){
		margin-left: 0; margin-right: 0;
	}

}
@media (min-width: 1024px) {
    #footer-top #inner {
        grid-template-columns: 28% 24% 25% 23% !important;
        gap: 1.5rem !important;
    }
}
/*CAREERS*/

body.page-template-template-careers p{line-height: 1.4 !important;}
.pum-content h2{text-align:left !important;}
.pum-content p{ line-height: 1.4;}
#teamvalues,  .benefits-container, .careers-content-container, .careers-video{ max-width: 1200px; margin-left: auto; margin-right: auto; }

.benefits-container .benefit img{height: 110px !important; width: auto !important;}
.benefits-container .benefit{justify-content:flex-start;}
#benefits{background-color: #ccc;margin-top: 2rem;}

body.page-template-template-careers main#content{width: 100% !important; max-width: 100% !important; }
body.page-template-template-careers main#content, body.page-template-template-careers article{padding-left: 0 !important; padding-right: 0 !important; }
#benefits{margin-bottom: 2rem;}


.tile-title{background-color: var(--primary);}
.tile-title h3{text-align:center; color: #fff !important;}

@media (max-width: 63.9375em){
  .careers-content-container{
         padding-left: 2rem !important;
		padding-right: 2rem !important;
  }	
#teamvalues > div{margin-bottom: 1.5rem;}
#benefits{padding: 1.5rem 1rem;}
	
}
@media (min-width: 64em){
	body.page-template-template-careers #sidenav{display:none;}

}

@media (max-width: 39.9375em){
	.careers-content-container{padding-left: 1rem; padding-right: 1rem;}
	.benefits-container .benefit img{height: 80px !important; width: auto !important;}
	}

#benefits{
    padding: 2rem 0;
	background-color: var(--secondary);
    /*background-image: url(/wp-content/uploads/2025/11/background.webp);
    background-position: center;
    background-size: cover ;
    background-repeat: no-repeat;*/
    
  }
body:not(.home) main#content #benefits h2, body:not(.home) main#content #benefits h3, body:not(.home) main#content #benefits p{color: #fff; }
    .benefits-wrapper{
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
    }
#benefits img{filter: invert(1);}
     .benefits-wrapper h2{
        font-size: 2rem;
        margin-bottom: 2rem;
        text-align: center;
      }
 
    .benefits-container{
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }
      @media (min-width: 40em){
		   .benefits-wrapper{
			  padding-left: 1rem; padding-right: 1rem;
		  }
		 
		  .benefits-container{
			 
			  grid-template-columns: repeat(2, 1fr);
		  }
		  #teamvalues{
			  display:grid; 
			  grid-template-columns: repeat(2, 1fr);
		  }
	}
      @media (min-width: 64em){
		.benefits-container{
		
			  grid-template-columns: repeat(3, 1fr);
			gap:20px;
		  }
		  #teamvalues{
			  display:grid; 
			  grid-template-columns: repeat(3, 1fr);
			  gap:20px;
		  }
	}


      .benefit{
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	}
     .benefit   img{
          margin-bottom: 1rem;
        }
       .benefit h3{
          color: #000;
          text-align: center;
          font-size: 1.5rem;
          margin-bottom: 0;
        }
      .benefit  p{margin-bottom: 0;}
   
/*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;
}*/