/*
 Theme Name:   Yin Eyecare
 Theme URI:    http://getflexsite.com
 Description:  Custom theme alteration created for the Vision Source network
 Author:       Avelient
 Author URI:   http://avelient.co
 Template:     fs2
 Version:      1.0
 Tags:         custom-logo, custom-brand-colors
 Text Domain:  fs2-child
*/

/**
 * Custom logo
 */
.header .custom-logo {
  padding: 15px 15px 15px 30px;
}
.header .custom-logo a,
.header .logo .inline-custom-logo {
  background: url("img/logo.png") no-repeat center center;
  background-size: 100% auto;
  width: 180px; /* width of logo */
  height: 70px; /* height of logo */
  /* hide text */
  text-indent: -9999px;
  font-size: 0;
  border: 0 none;
}

/**
 * For inline custom logo that floats left of text
 */
.header .logo .inline-custom-logo {
  float: left;
  margin: -5px 15px 5px 0; /* Adjust as needed */
}

/**
 * Mobile Logo Styles
 */
@media screen and (max-width: 759px) {
  
  .header .custom-logo a {
    margin: 0 auto;
  }
  .header .logo .inline-custom-logo {
    float: none;
    display: block;
    margin: 0 auto 10px;
  }
  
}

/**
 * Retina Logo
 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

  .header .custom-logo a,
  .header .logo .inline-custom-logo {
    background: url("img/logo@2x.png") no-repeat center center;
    background-size: 100% auto;
  }

}

/**
 * Remove FS Monograms
 */
.banner .vs-monogram {
  display: none !important; /* Delete if you want to keep monogram in banner */
}
.footer .copyright .vs-monogram {
  display: none !important; /* Delete if you want to keep monogram in footer */
}

/**
 * Colors
 */
/* Layout Background */
body .snap-content {
  background: rgb(98,99,102);
  background: -moz-linear-gradient(top,  rgba(98,99,102,1) 0%, rgba(200,200,200,1) 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,99,102,1)), color-stop(99%,rgba(200,200,200,1)));
  background: -webkit-linear-gradient(top,  rgba(98,99,102,1) 0%,rgba(200,200,200,1) 99%);
  background: -o-linear-gradient(top,  rgba(98,99,102,1) 0%,rgba(200,200,200,1) 99%);
  background: -ms-linear-gradient(top,  rgba(98,99,102,1) 0%,rgba(200,200,200,1) 99%);
  background: linear-gradient(to bottom,  rgba(98,99,102,1) 0%,rgba(200,200,200,1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626366', endColorstr='#c8c8c8',GradientType=0 );
}
.wrapper {
  background-color: #f7f7f7;
}
.header {
  background-color: transparent;
}
.footer {
  background-color: transparent;
}

/* Nav Link Hover */
.nav .inner-nav ul li a:hover,
.nav .inner-nav a:hover {
  background-color: #0D6A94; /* Fallback color */
  background-color: rgba(0, 0, 0, 0.1);
}

/* Call to Action */
.block-cta,
.call-to-action {
  background-color: #e0e0e0;
}

/* Sidebar */
@media screen and (min-width:480px) {
  .main-subpage .sidebar-bg {
    background-color: #e0e0e0;
  }
}

/* Background Colors */
.btn-primary:active,
.btn-primary:focus,
body .gform_footer .gform_button:active,
body .gform_footer input.button:active,
body .gform_footer input[type="submit"]:active,
body .gform_footer .gform_button:focus,
body .gform_footer input.button:focus,
body .gform_footer input[type="submit"]:focus,
.promote-links ul li a:hover,
.promotions-listing li a:hover,
.valid-tag span {
  background-color: #0D6A94;
}

/**
 * Border Colors
 */
/* Primary Color Border */
.nav,
.nav .inner-nav > ul,
.nav .inner-nav > ul > li,
.mobile-menu-hori > ul > li,
.nav .inner-nav .mobile-menu-hori > ul,
.nav .inner-nav .mobile-menu-hori > ul > li:last-child,
.promotions-listing li a:hover,
.mobile-menu-vert .mm-body ul li,
.mobile-menu-vert .mm-header .mm-icon {
  border-color: #1E64A6;
  border-color: rgba(0,0,0, 0.25);
}

/* Footer Color Border */
.footer .copyright,
.footer .recent-blog ul li a,
.footer .quick-links ul li a,
.footer .footer-list,
.footer .footer-list li {
  border-color: #C9C9C9;
  border-color: rgba(0,0,0, 0.1);
}

/* Valid Tag */
.valid-tag span:after {
  border-left-color: #0D6A94;
}

/**
 * Gradients
 */
/* Gradient Color */
.nav,
.btn-primary,
body .gform_footer .gform_button,
body .gform_footer input.button,
body .gform_footer input[type="submit"],
.widget .inner.inner-gold,
.block-color-primary {
  background-color: #0D6A94;
  background-image: -moz-linear-gradient(top, #267EA2, #0D6A94);
  background-image: -ms-linear-gradient(top, #267EA2, #0D6A94);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#267EA2), to(#0D6A94));
  background-image: -webkit-linear-gradient(top, #267EA2, #0D6A94);
  background-image: -o-linear-gradient(top, #267EA2, #0D6A94);
  background-image: linear-gradient(top, #267EA2, #0D6A94);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#267EA2', endColorstr='#0D6A94', GradientType=0);
}
.widget .inner {
  background: rgb(13,106,148);
  background: -moz-linear-gradient(top,  rgba(13,106,148,1) 0%, rgba(8,63,88,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,106,148,1)), color-stop(100%,rgba(8,63,88,1)));
  background: -webkit-linear-gradient(top,  rgba(13,106,148,1) 0%,rgba(8,63,88,1) 100%);
  background: -o-linear-gradient(top,  rgba(13,106,148,1) 0%,rgba(8,63,88,1) 100%);
  background: -ms-linear-gradient(top,  rgba(13,106,148,1) 0%,rgba(8,63,88,1) 100%);
  background: linear-gradient(to bottom,  rgba(13,106,148,1) 0%,rgba(8,63,88,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d6a94', endColorstr='#083f58',GradientType=0 );

}
/**
 * Text Color
 */
/* Links */
a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.main h2,
.indent h3,
.footer a:hover,
.widget-subnav ul li a:hover,
.widget-linked-list ul li a:hover,
.widget-testimonials blockquote .ldquo,
.feauted-brands .hd h2,
.main-404 .content-404 h1 i {
  color: #0D6A94;
}

/* Link Hover */
a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: #C86429;
}

/* Promo Links */
.promotions-listing li a:hover h3 {
  color: #fff;
}

/* Footer Text */
.footer h2,
.footer a {
  color: #909090;
}
.footer a:hover {
  color: #0D6A94;
}
.footer .recent-blog ul li a .timestamp {
  color: #bbb;
}