/*
 Theme Name:   ReachLocal Sparkle
 Theme URI:    http://www.reachlocal.com/
 Description:  Child theme based on YeahThemes' Sparkle.
 Author:       ReachLocal
 Author URI:   http://www.reachlocal.com
 Template:     yeahthemes-sparkle
 Version:      1.0.0
 Tags:         light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
 Text Domain:  yeahthemes
*/

@import url("../yeahthemes-sparkle/style.css");

.clearfix:after {
  clear: both;
  display: table;
  content: "";
  font-size: 1px;
}

/* Remove the gradient on the hero images. */
.site-hero .hero-brick .entry-header h2 {
  /**************************************************
     Image masks are experimental and as such
     not fully implemented across browsers.
     This works for Chrome and other Mozilla-based
     browsers, but has an unknown effect in IE.
  **************************************************/
  -webkit-mask-image: none;
}

/* Hide the <time> elements everywhere EXCEPT the main article page. */
li article .entry-date {
  display: none !important;
}

.widget:before {
    border-style: none !important;
}

.btn-default, [type="button"], button, .button, [type="submit"].btn-default,
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active,
[type="button"]:hover, [type="button"]:focus, [type="button"]:active, .active[type="button"],
button:hover, button:focus, button:active, button.active, .button:hover, .button:focus,
.button:active, .button.active, .btn-default[type="submit"]:hover, .btn-default[type="submit"]:focus,
.btn-default[type="submit"]:active, .btn-default.active[type="submit"] {
  background-color: #eaeaea !important;
}

/* Utility nav */

.site-top-menu-left .site-social-networks {
  position: relative;
  left: 100%;
}

#menu-top-menu li a {
  font-size: 0.88em;
}

.post-list-with-thumbnail li h3,
.post-list-with-thumbnail li a {
  font-family: FunctionPro-Medium;
  font-weight: normal;
}

.post-list-with-thumbnail li a {
  /* font-weight: normal; */
}

/* "Share this" label next to share icons. */
.yt-social-sharing-heading {
  display: none;
}

.yt-social-sharing div span i {
  margin-right: 0;
  padding: 0 2px;
}

.yt-social-sharing div span i.fa-twitter {
    margin-right: 0;
    padding: 0;
}

.yt-social-sharing div span label {
  display: none;
}

.yt-social-sharing div span {
    margin-bottom: 0;
}

.yt-social-sharing div span:last-of-type:after {
   content: "";
   clear: left;
   display: table;
}

/* background-color: rgba(51, 153, 204, 0.9); */

/* Customized social and category stuff for the hero banners. */



.site-hero .social-category-wrap {
  width: auto;
  position: absolute;
  top: 0;
  right: 15px;
  z-index: 2;
}

.social-category-wrap .cat-tag {
  display: block !important;
  float: left;
  width: auto;
  background-color: rgba(51, 153, 204, 0.9);
  line-height: 2.2 !important;
    padding-left: 8px;
}
/*
.hero-brick.hero-brick-large .entry-content a {
    height: 400px;
    width: 655px;
    overflow: hidden;
}
*/
.hero-brick .yt-social-sharing {
    display: inline-block;
    background-color: rgba(51, 153, 204, 0.9);
    padding: 4px 0;
}

.hero-brick .yt-social-sharing span {
    float: none;
    margin: 0 3px 0;
    background: transparent;
}

/* The last social icon has some wonky spacing, so this fixes it to look more balanced. */
.hero-brick .yt-social-sharing div span:last-of-type {
  margin-left: -6px;
}


/*
.site-hero .yt-social-sharing {
  margin-left: -40px;
  margin-top: -3px;
  max-width: 130px;
}

.site-hero .yt-social-sharing > div {
    display: inline-block;
    float: none;
}

.site-hero .yt-social-sharing > div.show {
  display: inline-block !important;
}

.site-hero .hero-brick.hero-brick-large .entry-header h2.entry-title {
  margin-top: 40px;
}

.site-hero .hero-brick.hero-brick-large .entry-header,
.site-hero .hero-brick.hero-brick .entry-header {
  bottom: inherit;
  margin-bottom: inherit;
  top: 10px;
}
*/
/* Social Author Bio plugin */
.author-bio-box {
    width:632px;
    background: #f0f0f0;
    border: 0px solid #bbb;
    padding: 20px;
    /*
     *  Hack because posts in the infographic category have more than one
     *  div.author-bio-box because the plugin adds using the_content action.
     *  this will hide all of them initially and we'll reset the display of the
     *  last .author-bio-box item to display block.
     */
    display: none;
}

/* Hack to fix duplicate displays in IE 11 of author bio box on infographic pages. */
.author-bio-box:first-of-type {
  display: none;
  display: none;
}

.author-bio-box:last-of-type {
  display: block !important;
}

.author-social {
  width: 100%;
  margin: 12px 0 6px;
  text-align: center;
}

.author-social > a {
  display: inline-block;
  width: auto;
}

.author-social > a > img {
  display: none;
}

.author-social > a > i {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.author-social-avatar, .author-bio-text {
  float: left;
}

.author-social-avatar {
  max-width: 130px;
  text-align: center;
}

.author-social-avatar .author-avatar {
  text-align: center;
}

.author-bio-text {
  max-width: 452px;
  margin-left: 15px;
}

.author-bio-text h3 {
  font-family: FunctionPro-Book;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 0.75em;
}

.author-bio-text p {
  margin-bottom: 8px;
  line-height: 1.3em;
}

.author-bio-text p.author-article-list {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.92em;
}

.author-bio-text p.author-article-list a {
  color: #333333;
}

.author-bio-text p.author-article-list a:hover {
  text-decoration: underline;
}

.author-bio-text .author-social {
  display: none;
}

#contributor-listing .author-bio-box {
  margin-bottom: 24px;
  width: 100%;
}

#contributor-listing .author-bio-text {
  width: 100%;
  max-width: 520px;
}
/* End Social Author Bio plugin */

/* Feedburner widget form */
.subscription_email {
  max-width: 230px !important;
  display: inline-block !important;
  text-align: left;
}

.subscription_btn, a.thickbox-trigger {
    -moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    -webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    box-shadow:inset 0px 1px 0px 0px #c1ed9c;
    background: #9dce2c !important;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #83c41a !important;
    display:inline-block;
    color:#ffffff !important;
    /* font-family:Arial; */
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    /* height:50px;
    line-height:50px; */
    width:75px;
    text-decoration:none !important;
    text-align:center;
    text-shadow:1px 1px 0px #689324 !important;
}

.subscription_btn:hover, a.thickbox-trigger:hover {
    background:#8cb82b !important;
}

.subscription_btn:active, a.thickbox-trigger:active {
    position:relative;
    top:1px;
}

a.thickbox-trigger {
  width: 120px;
  font-size: 12px;
  margin-bottom: 24px !important;
}

/* End Feedburner widget form. */
/**** Marketo Form Styles ****/
.mktoForm.mktoHasWidth{
  width: 80% !important;
  /*text-align: center;
  margin: auto auto;*/
}
.mktoForm .mktoFormCol{
  padding-right: 28px;
  padding-bottom: 10px !important;
}
.mktoForm.mktoHasWidth input{
  width:250px !important;margin-left: 20px;
}
.mktoForm.mktoHasWidth input#Company{
  width:550px !important;
}
.mktoButtonWrap.mktoSimple{
  margin-left: 0px !important;
}
.mktoButtonRow{
  text-align:left !important;
  padding-left: 20px !important;
  width: 80% !important;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
    background-color: #666666  !important;
    background-image: linear-gradient(to bottom, #666666, #666666) !important;
    border: 1px solid #666666 !important;
    border-radius: 10px;
    color: #ffffff !important;
    font-size: 1.4em !important;
    padding: 0.4em 2em !important;
    text-transform: uppercase;
}

/**** Sidebar Marketo Form Styles ****/

.mkto-form-side{width:100%;border: 1px solid #eee;}
.blue-header .mkto-sm-title{background:#0099cc;padding:20px;}
.blue-header .mkto-sm-title h5{color: #ffffff;font-size:18px; margin:0px;text-transform: uppercase;}
.blue-header .mkto-sm-title h4{color: #ffffff;font-size:30px; margin:0px;font-family:'FunctionPro-Demi', san-serif;line-height:1.1;}

.mkto-form-side .mktoForm.mktoHasWidth{width:90% !important;}
.mkto-form-side .mkto-sm-form-wrapper{padding: 25px;}

.mkto-form-side.blue-header .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
background-color: #0099cc !important;
    background-image: linear-gradient(to bottom, #0099cc, #0099cc) !important;
    border: 1px solid #0099cc !important;
}
.mkto-form-side .mktoButtonRow{text-align: center !important;}
.mkto-form-side .mktoForm.mktoHasWidth{margin: auto;}

.mktoForm.mktoHasWidth input#Company { width: 300px !important;}
.mkto-form-side .mktoForm.mktoHasWidth input {width:300px !important;}
.mkto-form-side .mktoForm .mktoFormCol{padding-right:0px !important;}

.orange-header .mkto-sm-title{padding:20px;}
.border-bottom{border-bottom: 1px solid #eeeeee;clear: both;}
.orange-header .mkto-sm-title h5{color: #333333;font-size:18px; margin:0px;text-transform: uppercase;}
.orange-header .mkto-sm-title h4{color: #333333;font-size:24px; margin:0px;font-family:'FunctionPro-Demi', san-serif;line-height:1.1;}
.orange-header .right-side{text-align: center;padding-bottom: 20px;}
.mkto-form-side.orange-header .mktoForm .mktoButtonWrap.mktoSimple .mktoButton{
background-color: #f36f21 !important;
    background-image: linear-gradient(to bottom, #f36f21, #f36f21) !important;
    border: 1px solid #f36f21 !important;
}




/* Responsive overrides */
/*1200px~*/
@media (min-width: 1200px){}

@media (min-width: 1200px) and (max-width: 1399px){
   .mktoForm.mktoHasWidth input{width:200px !important;}
   .mktoForm.mktoHasWidth input#Company{width:450px !important;}
}
@media (max-width: 1399px){
.mkto-form-side .mktoForm.mktoHasWidth input#Company, .mkto-form-side .mktoForm.mktoHasWidth input { width: 200px !important;}

}

@media print {
    .subscription_btn {
       width: auto;
    }
    a.thickbox-trigger, #upprev_box {display: none !important;}
}
/*1024px~*/
@media (max-width: 1199px){
  .mktoForm.mktoHasWidth input{
     width:170px !important;
   }
  .mktoForm.mktoHasWidth input#Company{width:385px !important;}

  .mkto-form-side .mktoForm .mktoFormCol{padding-bottom: 0px !important;}

}
@media (max-width: 1199px) and (min-width: 992px) {
  
  .site-hero .yt-social-sharing {
      display: none;
  }

    .subscription_btn {
        width: auto;
    }

    a.thickbox-trigger, #upprev_box {display: none !important;}
}


@media (max-width: 991px){
    .subscription_btn {
        width: auto;
    }
    a.thickbox-trigger, #upprev_box {display: none !important;}
}
/*768px~991px*/
@media (max-width: 991px) and (min-width: 768px){
    .subscription_btn {
        width: auto;
    }
}

@media screen and (max-width: 782px){
    .subscription_btn {
        width: auto;
    }
    a.thickbox-trigger, #upprev_box {display: none !important;}
}
/*640px~767px*/
@media (max-width: 767px) and (min-width: 640px) {
    .subscription_btn {
        width: auto;
    }
  .site-hero .hero-brick .entry-header {
    bottom: inherit;
    margin-top: 10px;
  }

  .site-hero .hero-brick .entry-header h2 {
    margin-top: 50px;
  }

    a.thickbox-trigger, #upprev_box {display: none !important;}
}

/*480px~639px*/
@media (max-width: 639px) and (min-width: 480px){
  .mktoForm .mktoFormCol{
    padding: 0px !important;

  }
  .mktoForm.mktoHasWidth input{
    width:300px !important;
   }
  .mktoForm.mktoHasWidth input#Company{
    width:300px !important;
   }
    .subscription_btn {
        width: auto;
    }
    a.thickbox-trigger, #upprev_box {display: none !important;}
}

/*~320*/
@media (max-width: 479px) {
.mktoForm .mktoFormCol{
    padding: 0px !important;

  }
.mktoForm.mktoHasWidth input{
    width:300px !important;
   }
  .mktoForm.mktoHasWidth input#Company{
    width:300px !important;
   }
    .subscription_btn {
        width: auto;
    }
    a.thickbox-trigger, #upprev_box {display: none !important;}
}

/* Test commit for staging..*/