/*
 * 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: #a47559;/*brown*/
	--primary-lt:#b68c78;
    --secondary: #fff5ef;/*beige*/
	--tertiary: #4a585f;/*footer blue*/
	--light: #fff;
	--dark: #2b292a;
    --bg-body: #fff5ef;
    --bg-footer: #4a585f;
	--sans: "montserrat", sans-serif;
    --titles: * "pt-sans", sans-serif;
}
.right-menu ul li:nth-of-type(3) a, .right-menu ul li:nth-of-type(4) a{ font-weight: bold; }

header > div > div{height: 140px;} 

@media (min-width: 64em){
	.intro-text{
		padding-top: 70px;
	}
}
footer#footer #footer-top{
	background-color: var(--tertiary) !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(--tertiaryDk);
	padding-left: 2rem;
	max-width: 650px;

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

body.blog header.header #headerimage, body.single-post header.header #headerimage, body.search #headerimage, body.archive #headerimage{
	background-image: url('/wp-content/uploads/2025/07/25-189316403011-InteriorHeaders-P1-extensions-1.webp') !important;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}



@media (min-width: 1024px) {
    main#content #sidenav {
        padding: 3rem 0 3rem 1rem;
        border-right: 2px solid var(--primary);
    }
}

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



.photo-gallery > .columns {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background-color: #000;}
.photo-gallery > .columns a img {
    aspect-ratio: 1/1;
    object-fit: cover;
    width: 100%;
    transition: all 0.4s ease;
    opacity: 0.75;
  }
.photo-gallery > .columns:hover a img {
      transform: scale(1.1);
      opacity: 1;
    }
	
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){
  #sidebar ul, #sidebar ul li{ margin-left: 0; }
	#heroimage .swiper-slide .slide_text{
		bottom: unset;
		top: 1.5rem;
		right: 0;
		left:unset;
	}
	#heroimage .swiper-slide .slide_text h2, #heroimage .swiper-slide .slide_text p{
		text-align:right;
	}
}

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

/*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 left 45% !important;
	background-image: url(/wp-content/uploads/2025/08/blog.jpg) !important;
}
@media (max-width: 39.9375em){
		body.blog header.header #headerimage, body.single-post header.header #headerimage, body.search #headerimage, body.archive #headerimage{
		

	}
}

/*  Careers page Testimonials */
#testimonials {
	text-align: center;
}

#testimonials div.loadtestimonials div p {
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.5rem;
	font-family: "urw-din", sans-serif;
	padding: 20px;
}

#testimonials img.testimonial {
	margin-bottom: 1rem;
}

#testimonials .row.text {
	padding: 0 10px;
}

.testimonial {
	padding: 2px 10px;
}

.testimonial img {
	width: 100%;
}

#inner-content #testimonials {
	background-color: transparent;
	text-align: left;
	padding: 1rem !important;
	margin-bottom: 0;
}

.loadtestimonials,
.testimonials {
	display: block;
	width: 100%;
	padding: 0;
}

.loadtestimonials,
.testimonials {
	display: block;
	width: 100%;
	padding: 0;
}

.testimonials.reveal-modal {

	padding: 3rem 2rem;
	text-align: center;
}

.loadtestimonials.inline {
	display: inline;
	width: auto;
	padding: 0;
}

.loadtestimonials {
	background: #bf9f5c;
	position: relative;
}

.loadtestimonials:hover img {
	opacity: 0.5;
}

.loadtestimonials div {
	opacity: 0;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 25%;
}

@media only screen and (max-width:40em) {
	.loadtestimonials div {
		top: 10%;
	}

	#testimonials div.loadtestimonials div p {
		font-size: .9rem !important;
	}
}

.loadtestimonials div h3 {
	color: #fff;
	line-height: 1;
}

.loadtestimonials:hover div {
	opacity: 1;
}