/*
 * Theme Name: Imaginal Marketing Group
 * Description: Imaginal Marketing Group's custom theme.
 * Author: Imaginal Marketing Group Web Team
 * Author URI: https://www.imaginalmarketing.com
 * Version: 1.0.6111
*/


body {font-weight:300;background-color: var(--secondary-lgt);}

h1, h2, h3, h4, h5, h6 {line-height:1.2;}


header {background-color:#fff;}

header #top-bar .inner #morelinks a {    margin-left:2rem}
header #top-bar .inner nav ul li a {padding:1rem;}

header #top-bar .inner #menuicon svg rect, #mobile-menu ul li a svg.caret {fill:var(--primary);}
#promos #promos-wrapper .promo-box .social-icons svg:hover {fill:var(--secondary);}

main p:has(+ h3) {margin-bottom:2rem;}
main h2 {    font-size: 2.75em;
    font-weight: 300;
    color: var(--primary);}

@media screen and (min-width:40em) {
article.tease-post img {float:right;max-width:250px; margin:0 0 0 20px;}
}
@media screen and (max-width:39.9375em) {
article.tease-post img {width:100%; margin:0 0 20px;}
}

#intro .intro-wrapper p {line-height:1.5; padding:0 1.6vw; margin-bottom:1rem;}
#promos #promos-wrapper .promo-box .social-icons p.location_email {display:none;}

article.post-type-post > img {margin-bottom:20px;}
article.tease-post a.read-more{display:none !important;}

a.button, input#searchsubmit, [type=submit] {    font-family: "Raleway", Helvetica, Arial, sans-serif !important;    letter-spacing: 1px;}

main#content #sidebar #sidenav ul.is_sidenav li a{font-size:1.1rem; font-weight:300;}
main#content #mobile-subnav ul.is_mobile_subnav li.current-menu-item>a {color: #000;}
body:is(.blog,.search,.single-post,.archive,.category) main#content #sidebar #sidenav .is_sidenav .blog-sidebar-item>ul li a {font-size:1rem; margin:10px 0;}

.serv_wrapper .im-service-row .im-serv-col {font-weight: 700; }

body:not(.home) main h3, main h3.im-services-subhead, h2.post-title {
    font-size: 1.25em !important;
    margin-bottom: .75rem;
    text-transform: uppercase;
    letter-spacing: 4px;
	font-weight:bold;
    color: var(--secondary);}
	
	h2.post-title a {
	font-size:inherit;	font-weight:bold;
    color: var(--secondary);}
	
	h4 {    color: var(--primary); }
	


#foot2 #contact-info p {margin-bottom:0;}
#foot2 #contact-info a {text-decoration:none !important;}
#foot2 .social_icons-component {margin-top:5px;}

	
main#content #sidebar #sidenav ul.is_sidenav li a:hover {
    color: var(--primary); }
	
	main#content #sidebar #sidenav ul.is_sidenav li.current_page_item a:hover, main#content #sidebar #sidenav ul.is_sidenav li.current-menu-item a:hover {color:inherit;}

.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;
    }
	
article.tease-post:not(:last-child){
	margin-bottom: 2.5rem;
	padding-bottom: 30px;
	border-bottom: .5px solid black;
}

article.post-type-post > img{
	width: 100% !important;
	height: auto!important;
}

 .gform_fileupload_rules{ font-weight: bold; }
 
 .gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 2rem;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px dashed #888;
    border-radius: 4px;
    margin: 0!important;
 }
 
 p.location-address, p.loc-tel, p.location_email{ margin-bottom: .75rem; }
 
 a.read-more, a.read-more:visited{
	border: 2px solid #000; 
	color: #000; 
	background-color: #fff;
	display:inline-block;
	margin-top: .25rem;
	padding: 0.75em 1.5em;
	text-decoration: none;
	transition: all .3s ease;
	}
	
	a.read-more:hover, a.read-more:focus{
		background-color: #000;
		    transition: all .3s ease;
			color: #fff;
	}
	
 blockquote{
  border-left: 2px solid #000;
  margin-left: 0;
  padding-left: 1.5rem;
  }
  
blockquote h5{ font-size: 1.4rem; color: #000; font-weight: 400; }

#sidebar h4{
  text-align: center !important;
}

body.single img.featured-img{
	max-width: 600px;
}

@media screen and (max-width: 1023px){
	#sidebar h4 {color:#000;}
	h1 {font-size:1.9em}
	#sidebar ul, #sidebar ul li{ margin-left: 0; }
	header #top-bar {position:absolute; top: 0; background: transparent;}
	#mobile-menu ul li a {color:var(--primary) !important; font-size: 1.15rem; font-weight: 500;}
	#mobile-menu {background-color:var(--secondary-lgt) !important;}
	header #heroimage .swiper-pagination {    bottom: 1rem;}
	footer #footer-top img.logo {margin-bottom:1.5rem;}
}

@media screen and (min-width: 800px) and (max-width: 1023px){
	header #heroimage{max-height: 400px;min-height: 400px;}
	}

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