/*
 Theme Name:   Sparks Insurance
 Theme URI:    http://sparksinsurance.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
*/

/**
 * Custom logo
 */
.header .custom-logo {
  background: url("img/logo.png") no-repeat center center;
  background-size: 100% auto;
  width: 200px; /* width of logo */
  height: 126px; /* height of logo */
  max-width: 100%;
  padding: 0;
  /* hide text */
  text-indent: -9999px;
  font-size: 0;
  border: 0 none;
}

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

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

@media (min-width: 760px) {
	.banner .content {
		background: rgba(0, 0, 0, 0.65) !important;
	}
}

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

 /**
  * Top bar
  */
 .topbar, .mobile-topbar {
   background: #111;
 }
 .topbar a:hover,
 .mobile-topbar a:hover {
   color: #9a9e9e;
 }

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

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

 /**
  * 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: #c60c46;
 }
 .feature .featured-item:hover h2 {
   color: #7d0d30;
 }
 .action {
   background: #af1245;
 }
 .action .col:last-child .content,
 .action.inline .content-action {
   background: #7d0d30;
 }

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

 .sidebar-item-action .content-action {
   background: #7d0d30;
 }

 @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: #c60c46;
 }
 .feature-blog .featured-item:hover h3 {
   color: #7d0d30;
 }

 /**
  * Type
  */

 h2 {
   color: #7d0d30;
 }
 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
   color: #c60c46;
 }
 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
   color: #7d0d30;
 }

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

 /**
  * Buttons
  */
 .gform_wrapper .gform_footer input.button,
 .gform_wrapper .gform_footer input[type=image],
 .gform_wrapper .gform_footer input[type=submit] {
   background-color: #c60c46;
 }
 .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: #7d0d30;
 }

 .button {
 	background-color: #fff
 }

 .button:hover {
 	background-color: #bfbfbf
 }

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