/*
 Theme Name:   The Manen Group Insurance Agency
 Theme URI:    http://manengroup.com
 Description:  Custom theme alteration created for the SiteBuilder network
 Author:       Avelient
 Author URI:   http://avelient.co
 Template:     sb1
 Version:      1.0
 Tags:         custom-logo, custom-brand-colors
 Text Domain:  sb1-child
*/

@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,600,700');

/**
 * Custom logo
 */
.header .custom-logo {
  background: url("img/logo.png") no-repeat center left;
  background-size: 92px 57px;
  max-width: 100%;
  padding: 0;
  /* hide text */
  text-indent: 0px;
  font-size: 1.20em;
  border: 0 none;
  min-height: 92px;
  padding-left: 110px;
  display: inline-flex;
  align-items: center
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .header .custom-logo {
    background: url("img/logo@2x.png") no-repeat center left;
    background-size: 92px 57px;
  }
}

.custom-logo-text {
	color: #120e58;
	font-family: 'Vollkorn', serif;
}

/*@media (max-width: 890px) {
  .header .custom-logo {
    font-size: 1.00em;
  }
}

@media (max-width: 760px) {
  .header .custom-logo {
    font-size: 1.5em;
  }
}*/

/**
 * Banner Image
 */
.banner {
  background: #efefef url("img/banner-image.jpg") no-repeat top center;
  background-size: cover;
}
.banner .content {
  background: rgba(93, 157, 214, .90);
}

/**
 * Structure
 */
 body,
 .snap-content {
   background: #404040;
 }

 .snap-drawers {
 	background: #4093d3
 }

 /**
  * Top bar
  */
 .topbar, .mobile-topbar {
   background: linear-gradient(to bottom, #70b6e3, #4093d3);
   color: #fff
 }

 .topbar a {
 	color: #fff
 }

 .topbar a:hover,
 .mobile-topbar a:hover {
   color: #cecece;
 }

 /**
  * Nav Bar
  */
 .header .nav>ul>li>a {
  color: #303030;
 }

 .header .nav>ul>li>a:hover {
   color: #0F6E8F;
 }

 /**
  * banner
  */

 @media (min-width: 760px) {

   .banner .content {
     background: rgba(0,0,0, 0.6);
     background: url("img/banner-content-shape.png") no-repeat center center;
     background-size: 100% 100%;
     margin: 0;
     padding: 2em 4em;
   }

 }

 /**
  * Action
  */
 .feature .featured-item h2 {
   color: #0e86e2;
 }
 .feature .featured-item:hover h2 {
   color: #084C7F;
 }
 .action {
   background: #bde1f4;
   color: #212121
 }

 .action h2 {
 	color: #212121
 }

 .action .col:last-child .content,
 .action.inline .content-action {
   background: #4093d3;
 }

 .sidebar-item-action {
   background: #bde1f4;
 }

 .sidebar-item-action h2,
 .sidebar-item-power-reviews h3,
 .sidebar-item-action p {
 	color: #212121
 }

 .sidebar-item-action .content-action {
   background: #4093d3;
 }

 @media (min-width: 760px) {
  .action .col:last-child .content:before {
     content: "";
     background: url("img/action-shape.png") no-repeat center center;
     background-size: 100% 100%;
     position: absolute;
     top: 0;
     right: 100%;
     width: 60px;
     height: 100%
   }
 }

 /**
  * Feature Blog
  */
 .feature-blog .featured-item .thumbnail.thumbnail-default {
   background: #909090;
 }
 .feature-blog .featured-item h3 {
   color: #0e86e2;
 }
 .feature-blog .featured-item:hover h3 {
   color: #084C7F;
 }

 /**
  * Type
  */
 h2 {
   color: #120e58;
 }
 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
   color: #0e86e2;
 }

 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
   color: #084C7F;
 }

 .banner .container .content .text-lead a {
 	color: #fff;
 	text-decoration: underline;
 	text-decoration-color: rgba(2555,255,255,.5)
 }

 .banner .container .content .text-lead a:hover {
  color: #cecece;
 }

 .pagination a {
   background: #efefef;
   color: #87911b;
 }
 .pagination a:hover,
 .pagination ul li.MarkupPagerNavOn a,
 .pagination .current {
   background: #87911b;
   color: #fff;
 }

 /**
  * Buttons
  */
 .button {
  background-color: #fff
 }

 .button:hover {
  background: #dadada
 }


 .gform_wrapper .gform_footer input.button,
 .gform_wrapper .gform_footer input[type=image],
 .gform_wrapper .gform_footer input[type=submit] {
   background-color: #bde1f4;
   color: #212121
 }
 .gform_wrapper .gform_footer input.button:hover,
 .gform_wrapper .gform_footer input[type=image]:hover,
 .gform_wrapper .gform_footer input[type=submit]:hover {
   background-color: #4093d3;
   color: #fff
 }

 /**
  * Footer
  */
 .footer h3,
 .footer a {
   color: #fff;
 }
 .footer a:hover {
   color: #cecece;
 }



/**
 * Custom Work
 */

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-family: 'Vollkorn', serif;
 }

 .header {
 	background: #fff
 }

 .footer {
 	background: #4093d3
 }

.footer a {
	border-bottom: 1px solid rgba(255,255,255,.25)
}

.feature .icon.icon-chevron-right {
	color: #0e86e2
}