/*
 * 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: #F6F3F1;
    --primaryDk: #D3CABF;
    --secondary: #0D3C2C;
    --tertiary: #3F7A66;
    --tertiaryDk: #0D3C2C;

    --bg-body: #F6F3F1;
    --bg-footer: #0D3C2C;
	--sans: "Montserrat", sans-serif;
    --serif: "Montserrat", serif;
}

body{
	background-color: var(--primary);
}

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) #promos .promo_text h2{
	font-family: var(--serif);
}
.main-content a:not(.button), main-content a:not(.button):visited{
	color: var(--tertiaryDk) !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/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%;

	}
}

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

@media (min-width: 64em){

	body.home main #intro .intro-inner{
		display:grid;
		align-items: stretch;
		grid-template-columns: 1fr 1.5fr 1fr;
		gap:20px;
	}
	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; }
}


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

#heroimage .swiper-slide .slide_text a.button, #promos a.button {
	background-color:#F6F3F1;
}

.promos-container #controls-container button.control {
	color: #0d3c2c;
	font-weight: 500;
}

.intro-p1 strong > div{
	font-weight: 800 !important;
}

.promo-container #images-container .image h2 {
	font-weight: 500;
}

header #heroimage .swiper-slide .slide_text {
	@media (max-width: 768px) {
		bottom: 1.5rem;
	}
}

#promos a.button {
	background-color:#F6F3F1;
}

#heroimage .swiper-slide .slide_text h2 {
    font-size: 1.6rem;
    color: #F6F3F1;
}

/* Apply the dark grey text shadow ONLY on mobile devices */
@media (max-width: 768px) {
    #heroimage .swiper-slide .slide_text h2 {
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
    }
}

#subfooter .w-full img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#footer-top #right-side #foot-4 ul li a:hover{
	color: #F6F3F1;
	opacity: 0.8;
}

.promos-container #controls-container button.control {
	background-color: #DADAD2;
}

#drop-city > div > label > span:hover{
	color:#F6F3F1;
}
#drop-city > div > label > span:visited{
	color:#F6F3F1;
}

@media (min-width: 640px) {
    header #heroimage .swiper-slide .slide_text h2 {
        font-size:2.6rem;
    }
}

@media (min-width: 1440px) {
    header #heroimage .swiper-slide .slide_text h2 {
        font-size: clamp(3rem, 60vw, 4rem);
    }
}

#teampage .loc-container label.on span {
	color: #fff;
}

#blog-posts .blog-date {
	display: none;
}