/*
 * 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
*/
main h3{font-weight: 600;padding-top: .5rem;}

main ul, main ol{margin-top: 0;}

main ul li, main ol li{margin-bottom: .75rem;}

header #top-bar .inner nav ul li ul.is_subnav a{font-size: .85rem; padding: 0 .25rem; }
header #top-bar .inner nav ul li ul.is_subnav{padding: 1.5rem;}
@media (min-width: 1500px){
	header #top-bar .inner nav ul li ul.is_subnav a{font-size: 1rem; padding: 0 .5rem; }
}

.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 .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: 39.9375em){
  #sidebar ul, #sidebar ul li{ margin-left: 0; }
}

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