/*
 * 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: #E21728;
	--primary-lt:#e23342;
    --secondary: #292929;
	--tertiary: #292929;
	--light: #fff;
	--dark: #292929;
    --bg-body: #fff;
    --bg-footer: #292929;
	--sans: "neue-kabel", sans-serif;
    --titles: "neue-kabel", sans-serif;
}
#heroimage .swiper-slide .slide_text h2{
	font-family: "Petit Formal Script", cursive;
  	font-style: normal;
}

.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;
}
.ti-reviews-container-wrapper, .ti-widget-header{ margin-left: 0 !important; margin-right: 0 !important;}

header nav ul li.desktop a, header nav ul li.desktop a:visited{
	color:var(--primary);
}
header nav ul li.desktop a:hover{
	color:var(--dark);
}

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

/* main h1, main h2, main h3, main h4, main h5, div, table tr td, p, a, ul li, ol li, #intro .intro-text h2{font-weight: 400; } */
main h2{color: var(--dark)}
#intro .intro-text p, #promos .promos-content-section p{line-height: 1.4;}
body:not(.home) main#content p{margin-bottom: 1.25rem;}
@media (min-width: 64em){
	.intro-text{
		padding-top: 70px;
	}
	#promos .promos-content-section p{max-width: 520px;}
}

#sidenav #searchform{padding: 0 0 .5rem 0;}
main#content #mobile-subnav ul{padding-top: .75rem; padding-bottom: 0;}
#int-promos{border-bottom: 0;}
#footer{border-top: 4px solid #fff;}

header nav ul li ul li a{font-weight: 400 !important;}
/* 

#promos .promos-container .promo-box .mask{
	background-color: rgba(0, 0, 0, 0);
} */
.modula-best-grid-gallery .fancybox__container.has-sidebar .fancybox__caption{display:none;}
/* main h3{color: var(--tertiary)} */

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

}
main :is(p):has(+ul), main :is(p):has(+ol) {
    margin-bottom: .5rem !important;
}
.promos-container{
display:grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
}
h5.blockquote-text{
	font-size: 1.25rem;
	line-height: 1.2;
	color: var(--tertiaryDk);
}
/* body:not(.home) #promos .promo_text h2{
	font-family: var(--sans);
} */
/* .main-content a:not(.button), main-content a:not(.button):visited{
	color: var(--tertiary) !important;
	font-weight: 500;
} */
/* main-content a:not(.button):hover{
	color: var(--tertiary) !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%;
}
	
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;
 }
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;
}

nav.right-menu{
	justify-content: flex-end;
}
@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;
}

#promos .promos-container .promo-box .promo-text h2{text-align:center}

@media screen and (max-width: 39.9375em){
	#int-promos .promos-container .promo-box.id-20911 a h2{background-color: var(--dark)}
	#int-promos .promos-container .promo-box.id-20910 a h2{ background-color: var(--primary)}
  #sidebar ul, #sidebar ul li{ margin-left: 0; }

}

@media screen and (min-width: 64em){
	header{
		padding: 0;
		background-color: #fff;
	}
}


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 45% !important;
	background-image: url(/wp-content/uploads/2025/12/014.jpeg) !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{
		

	}
}
@media (min-width: 64em){
	.right-menu ul li.desktop{
		display:block;
	}
	.right-menu ul li.mobile{
		display:none !important;
	}
}
@media (max-width: 63.9375em){
	#mobile-menu ul li.desktop{
		display:none;
	}
	#mobile-menu ul li.mobile{
		display:block;
	}
}

/*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){
  body.page-template-template-careers main#content:not(.home) article{
         padding-left: 1rem !important;
		padding-right: 1rem !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(--dark);
    /*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;}