/*
 * 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: #F68B1F;/*orange*/
    --primaryDk: #D57D30;/*dk orange - promos*/
    --secondary: #BAC141;/*green*/
    --tertiary: #b2b2b2;/*light grey*/
    --color-tertiary: #989898;/*dk grey*/
    --tertiaryDk: #989898;/*dk grey*/

    --bg-body: #fff
    --bg-footer: #000;
    --sans: "futura-pt", Helvetica, Arial, sans-serif;
/*     --serif: "Cinzel", "Georgia", serif; */
    --introGradient: linear-gradient(270deg, rgba(255, 249, 241, 0.8) 0%, rgba(211, 202, 191, 0.8) 100%);
}
.swiper-pagination-bullet-active{
	background: var(--primary);
}
body.error404 #top-bar{background-color: #000;}
#heroimage .swiper-slide .slide_text a.button, #promos a.button, a.button{letter-spacing: 4px;}
#mobile-menu ul li a{letter-spacing: 2px; }

main ol {list-style: numeric;}

.scrolled #top-bar #nav-wrapper nav ul li.cta>a{
	background-color: var(--primary);

}
.scrolled #top-bar #nav-wrapper nav ul li.cta>a:hover{
	background-color: var(--secondary);

}  

@media (min-width: 1024px){
	#nav-wrapper nav {
            display: flex;
          }
	#nav-wrapper nav ul li a, #nav-wrapper nav ul li.cta>a{font-size: .8rem;}
	header #top-bar .inner{padding-right: 1rem;}
}
@media (min-width: 1250px){

	#nav-wrapper nav ul li a, #nav-wrapper nav ul li.cta>a{font-size: 1rem;}
	header #top-bar .inner{padding-right: 10%;}
}




a.button.services-btn{ margin-bottom: 1.5rem; }
body:not(.home) h2{font-weight:300}
body:not(.home) h3{font-weight: 400;}
main p{line-height: 1.4;}
#footer-top #right-side #foot-2 h2, #footer-top #right-side #foot-3 h2{letter-spacing: 4px;}
@media (min-width: 64em){
	.promo-container #images-container .image h2{font-size: 5rem;}
	.promo-container #images-container .image p{font-size: 3rem;margin-bottom: 0 !important;}
	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;
	}
}
main#content #mobile-nav{letter-spacing: 2px; }
.gform_drop_area button{
	background-color: var(--tertiary) !important;
}
.gform_drop_area button:hover{
	background-color: var(--primary) !important;
}
main#content #sidenav .blog-sidebar-item ul li a, main#content #sidenav .blog-sidebar-item ul li{text-align:center !important}
@media (max-width: 63.9375em){
	body.home main #intro .intro-inner p{
		line-height: 1.4;
	}
	main#content #mobile-subnav div input{border: 1px solid #fff;background-color: #fff;padding: 5px 2px;}
	main#content #mobile-subnav .blog-sidebar-item h4{color: #fff;}
	body:is(.blog,.search,.single-post,.archive,.category) main#content #mobile-subnav ul{margin-bottom: 1rem;}
}
body.blog header.header #headerimage, body.single-post header.header #headerimage, body.search #headerimage, body.archive #headerimage{
	background-image: url(/wp-content/uploads/2025/11/header-blog.webp) !important;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width: 39.9375em){
	header #heroimage .swiper-slide .slide_text{
		bottom: 3rem;
	}
	header #heroimage .swiper-slide.id-21786 .slide_text{
		bottom: 1rem;
	}
	main#content:not(.home){padding-bottom: 1rem;}
		body.blog header.header #headerimage, body.single-post header.header #headerimage, body.search #headerimage, body.archive #headerimage{
		background-position: center left 45%;

	}
}
#nav-wrapper {display:none !important}
@media (min-width: 64em){
	#nav-wrapper {display:block !important}
	main#content #sidenav{padding-left: .5rem;}
}

body:not(.home) #promos .promo_text h2{margin-bottom: 1.5rem; font-weight: 300}
body:not(.home) #promos .promo_text p{margin-bottom: .25rem; font-size: 1.2rem;}


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){
	header #heroimage .swiper-slide .slide_text h2{text-align:left;}
  #sidebar ul, #sidebar ul li{ margin-left: 0; }
}