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

:root {
 --primary-lgt: #79aa4b;
  --primary: #60873b;/*green*/
  --primary-drk: #46632c;

  --secondary-lt: #28582b;
  --secondary: #18351a;
  --secondary-dk: #081209;
  
  --tertiary: #F6F4ED;
  
  --light: hsl(0, 0%, 100%);
  --dark: hsl(0, 0%, 0%);

  --spacing2: 2px;
  --spacing3: 3px;
  --spacing4: 4px;
  --spacing6: 6px;
  --spacing8: 8px;
  --font: "freight-neo-pro", sans-serif;
  --font2: "work-sans", sans-serif;
  --fontserif: "nocturne-serif", serif;

}

main#content.left-sidebar #sidebar #sidenav ul.is_sidenav li.cta a, main#content.left-sidebar #sidebar #sidenav ul.is_sidenav li.cta a:visited{
 background-color: var(--primary);
 color: #fff;
 padding: .5rem;
 width: 250px;
 text-align:center;
}
main#content.left-sidebar #sidebar #sidenav ul.is_sidenav li.cta a:hover{
  background-color: #000;
}


main#content.left-sidebar #sidebar #sidenav ul.is_sidenav li.cta{
margin-right: 2rem;}

a.button, input#searchsubmit, input[type=submit], a.read-more{
  padding: .75rem 1.5rem;
}
body{ font-family: var(--font2);overflow-x: unset;}
main#content #mobile-subnav ul.is_mobile_subnav li a:hover{color: #fff;}

a.button{ font-family: "freight-neo-pro", sans-serif !important;}

#intro .intro-wrapper h3, #promos #promos-wrapper .promo-box h3, header #heroimage .swiper-slide a.slide_link, main a.button, input[type=submit]{ font-family: "freight-neo-pro", sans-serif; !important; }
#homeblock .top-block h3, #homeblock .bottom-block h3{ text-transform: uppercase; }

.modal-content a.pop-button{
  text-decoration: none;
}
main h3, h2.gform_title, .gform_heading h2 {
    font-size: 1.75rem;
    color: var(--primary);
    font-weight: 400;
    margin-bottom: .5rem;
    font-family: "Dosis", sans-serif;
    text-transform: lowercase;
	}
	
a.read-more{
    padding-left: .5rem; padding-right: .5rem;
}

body:is(.blog,.search,.single-post,.archive,.category) main#content #sidebar #sidenav .is_sidenav .blog-sidebar-item>ul li a{
	text-transform: none;
	font-size: 1rem;
}
main ul, main ol{
	margin-top: 0;
}

#sidebar h4{
	font-size: 1.25rem;
}
.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_multifile_upload_2_5{
    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;
 }
 
 .gform_wrapper.gravity-theme .gform_drop_area{
 background-color: #f5f5f5;
 	border: 0;}


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

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

header #heroimage .swiper-slide picture img{
  object-position: center;
}

main table td{
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 200;
	}

  #homeblock .top-block h3, #homeblock .bottom-block h3, #homeblock .top-block p, #homeblock .bottom-block p{
	  text-align:center;
	  }

@media screen and (max-width: 39.9375em){
  #sidebar ul, #sidebar ul li{ margin-left: 0; }

}

@media (min-width: 40em){
.gform_heading h2 {
    font-size: 2rem;
	}

}

@media screen and (min-width: 800px) and (max-width: 1023px){
	header #heroimage{max-height: 400px;min-height: 400px;}
	}
	main h1{font-size: 2.5rem;}
	
@media (min-width: 64em){
	footer #footer-top #inner #foot2{padding-left: 1rem; }
	footer #footer-top #inner #foot1 div img{margin-left: 0;}
	main h1{font-size: 2rem;}
}

@media screen and (min-width: 1200px) and (max-width: 1350px){
  header #top-bar .inner nav ul li a{ margin-left: .5rem !important; padding: .7rem .25rem !important;font-size: .8rem !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
  header #top-bar .inner #logo{ max-width: 180px; }
}

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