/*
 * 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.6
*/




header #top-bar .inner nav ul li a,
header #top-bar .inner nav ul li ul.is_subnav a {font-size: clamp(.75rem, 1vw, 1.15rem) !important; padding:.7em 0 1em; }
header #top-bar .inner nav ul li.cta a, #mobile-menu ul li.cta a {font-weight:700 !important;} 


header #top-bar .inner nav#nav-main ul.top-level {justify-content:space-around;}
header #top-bar .inner nav ul {padding-inline-start:0px; justify-content:space-around; width:100%;}

.serv_wrapper .im-service-row.serv-title-row .serv-title {font-weight:bold !important;}

[type=submit] {   font-family: "DM Sans", sans-serif;}

main#content #sidebar #sidenav ul.is_sidenav .blog-sidebar-item {text-transform:none;}
article.tease-post a.read-more {display:none;}

.team_info {background-color:transparent !important;}

main h3 {margin-top:1.75rem;}

header #top-bar .inner nav ul li {line-height:1.1;}

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


hr{
margin-block-start: 1.5em !important;
    margin-block-end: 1.5em !important; }

 .gform_fileupload_rules{ font-weight: bold; }
 
.gform_wrapper.gravity-theme #field_submit input, .gform_wrapper.gravity-theme .gform_footer input {    font-family: "DM Sans", sans-serif;}


/* .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 (min-width: 40em){
/*header #top-bar .inner nav#nav-main ul li a {
    font-size: clamp(.75rem, .8vw, 1.15rem);
	} */
}

@media screen and (max-width: 39.9375em){
  #sidebar ul, #sidebar ul li{ margin-left: 0; }
  footer #footer-top #inner {display:block !important;}
/* header #top-bar .inner #logo img {    max-width: 66vw;} */
body:not(.home) header.header #headerimage {height: 280px; max-height:50vh;}
header #heroimage {
    height: calc(100vh - 100px);}
}

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

@media screen and (min-width: 1400px){
header #top-bar .inner nav ul li a {padding:.7em 1vw 4em 1em;}
}

@media screen and (min-width: 1024px){
header #top-bar .inner nav ul li a {padding:.7em 1vw 6em 1em;}
}

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

/* Social Landing Page */
.offer-container, .social-map-location, .social-gallery, .social-reviews, .social-igfeed, .social-location-buttons{
        padding-bottom: 2rem;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 2.5rem;
}

.offer-container p.disclaimer{
        font-size: .9rem;
        font-style: italic;
        padding-top: 1rem;
        margin-bottom: 0;
}

.offer-container .social-img img{
        width: 100%;
        height:auto;
        border-radius: 20px;
}


.social-reviews{}

 .social-location-buttons a.button.button-large{
        font-size: 1.25rem;
}
main .social-location-buttons a.button, main p.social-buttons a.button{ margin-right: 1rem;margin-bottom: .75rem;}
main .social-map-location p:last-child{margin-bottom: 0 !important;}
main .social-map-location p a.button:last-child{margin-bottom: 0 !important;}