/*@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
*/
.field--type-taxonomy-term-reference:after {
  content: "";
  display: table;
  clear: both; }

.field--type-taxonomy-term-reference:after {
  content: "";
  display: table;
  clear: both; }

/**
 * $HLIST
 */
nav.block--menu .menu {
  margin: 0;
  padding: 0;
  border: 0;
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1; }
  nav.block--menu .menu:before, nav.block--menu .menu:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden; }
  nav.block--menu .menu:after {
    clear: both; }
  nav.block--menu .menu li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    white-space: nowrap;
    display: inline;
    float: left; }

input {
  max-width: 100%; 
}

a {
  color: #2cacde; 
}

img, media {
  max-width: 100% !important;
  height: auto !important; 
}


/**

 * $FONT-FACE
 */
/*
* html {
  font-size: 87.5%; 
}
*/

html {
  font-size: 12pt;
  line-height: 1.42857em; 
  font-family: "Myriad Pro", Arial, sans-serif;
  color: #3c3c3c; 
}

body {
  font-size:1rem;
  line-height:1.6;
}

/**
 * $BASE-TYPOGRAPHY
 */
h1, .alpha,
h2, .beta,
h3, .gamma,
h4, .delta,
h5, .epsilon,
h6, .zeta {
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.28571em;
  color: #222222;
  font-family: "myriad-pro-condensed", Arial, sans-serif !important;
  text-transform: none;
  padding: 1.5rem 0 1rem; 
}

  h1 a,
  h1 a:visited, .alpha a,
  .alpha a:visited,
  h2 a,
  h2 a:visited, .beta a,
  .beta a:visited,
  h3 a,
  h3 a:visited, .gamma a,
  .gamma a:visited,
  h4 a,
  h4 a:visited, .delta a,
  .delta a:visited,
  h5 a,
  h5 a:visited, .epsilon a,
  .epsilon a:visited,
  h6 a,
  h6 a:visited, .zeta a,
  .zeta a:visited {
    color: inherit;
    text-decoration: none; 
}


  h1 a:hover, .alpha a:hover,
  h2 a:hover, .beta a:hover,
  h3 a:hover, .gamma a:hover,
  h4 a:hover, .delta a:hover,
  h5 a:hover, .epsilon a:hover,
  h6 a:hover, .zeta a:hover {
    color: #064771; }


h1 {
    margin-top:-7px;
    padding-bottom:25px;
    border-bottom:1px solid #ccc;
}

h1, .alpha,
h3, .gamma,
h4, .delta {
  padding: 0 .5rem 15px 0; 
}

h2, .beta,
h5, .epsilon,
h6, .zeta {
  }

h1, .alpha {
  font-size:42pt;
  font-size: 3.45rem;
  font-weight: bold; 
  line-height:3.6rem;
}

h2, .beta {
  font-size: 28pt;
  font-size: 2.3rem;
  font-weight: bold; 
  line-height:2.45rem;
}

h3, .gamma {
  font-size: 21px;
  font-size: 1.5rem; }

h4, .delta {
  font-size: 18px;
  font-size: 1.28571rem; }

h5, .epsilon {
  font-size: 16px;
  font-size: 1.14286rem;
  font-weight: 700; }

h6, .zeta {
  font-size: 16px;
  font-size: 1.14286rem;
  color: #077dc3; }


nav li a {
    font-family:"myriad-pro-condensed", arial, sans-serif;
}

nav li a.active {

}


.l-region--sidebar-second .block {
  margin-bottom: 20px; 
}

.plain-title {
  background-color: transparent;
  border-bottom: 0; }

.l-footer {
  text-align: center;
  background-color: #333 !important;
  color: #999; 
}

  .l-footer a {
    color: #999; }
  .l-footer .block {
    float: left;
    height: auto;
    min-height: 125px;
    width: 33%;
    padding-left: 1em;
    padding-right: 1em; }

.site-logo {
  /*margin-bottom:-78px;
  float:left;
  */
  width: 175px;
  display: block;
  margin: 0 0 0 30px;
}

@media (min-width: 44em) {
  .site-logo {
    display: inline;
    margin: auto;
    float: left;
    position:relative;
    top:15px;
    } 
  }
.node {
  margin-bottom: 20px; }

.field--type-taxonomy-term-reference .field__label {
  float: left; }
.field--type-taxonomy-term-reference .field__item {
  float: left;
  margin-left: 6px; }

.ad-block {
  text-align: center; }

.social-icon-container {
  width: 300px;
  margin: 0 auto; }
  .social-icon-container .social-icon {
    float: left; }
  .social-icon-container .social-icon a {
    margin: 0 3px;
    width: 45px;
    height: 45px;
    display: block; }
  .social-icon-container .facebook a {
    margin-left: 0; }
  .social-icon-container .email a {
    margin-right: 0; }
  .social-icon-container .social-icon a:hover img {
    display: none; }
  .social-icon-container .facebook a:hover {
    background: transparent url("../images/socialicons/socialicons_45x45_01.png") no-repeat 0 0; }
  .social-icon-container .twitter a:hover {
    background: transparent url("../images/socialicons/socialicons_45x45_02.png") no-repeat 0 0; }
  .social-icon-container .gplus a:hover {
    background: transparent url("../images/socialicons/socialicons_45x45_03.png") no-repeat 0 0; }
  .social-icon-container .rss a:hover {
    background: transparent url("../images/socialicons/socialicons_45x45_04.png") no-repeat 0 0; }
  .social-icon-container .linkedin a:hover {
    background: transparent url("../images/socialicons/socialicons_45x45_05.png") no-repeat 0 0; }
  .social-icon-container .email a:hover {
    background: transparent url("../images/socialicons/socialicons_45x45_06.png") no-repeat 0 0; }

.leaderboard {
  display: block;
  padding: 5px 0;
  text-align: center; }

h2.node__title,
.node__title a,
.node-type-article h1 {
    color:#3c3c3c;
}

@media (min-width: 44em) {
  .leaderboard {
    padding-top: 25px;
    display: block;
    text-align: right; } 
}
@media (min-width: 70em) {
  .leaderboard {
    padding-top: 5px; } 
}
/**
 * $NAV-BAR

 this is probably a good place for the border to create an abstraction or a variable?
 */
.nav-container {
  background-color: #959595;
}

.nav-container nav.block--menu a {
  color:#fff;
  margin:0;
}

.nav-container nav.block--menu a:hover,
.nav-container nav.block--menu a:active {
  color:#3c3c3c;
}

nav.block--menu {
  /*height: 47px;*/
  padding-top: 16px; }
  nav.block--menu .menu {
    text-align: center; }
    nav.block--menu .menu li {
      float: none; }
  nav.block--menu a {
    /*padding: 16px 12px;*/
    font-size: 14px;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    margin-bottom: -3px;
    padding-top: 14px;
    padding-bottom: 18px;
    padding-left: 12px;
    padding-right: 12px; }
    nav.block--menu a:hover, nav.block--menu a:focus {
      color: #064771; }
      /*
  nav.block--menu a.active {
    background-color: #fff;
    border-top: 3px solid #222222;
    border-left: 3px solid #222222;
    border-right: 3px solid #222222;
    border-bottom: none;
    margin-bottom: -3px;
    padding-top: 14px;
    padding-bottom: 18px; }
    */
/*
  nav.block--menu a.active:hover {
    color: #000; }
  nav.block--menu a:hover {
    color: #000; }
    */
.view-blogs .views-row ul.links,
.view-blogs .views-row .field--name-body {
display:none;
}

@media (min-width: 44em) {
nav.block--menu {
  height: auto;
  padding-top: 0px; 
}

nav.block--menu a {
    /* tablet+ size size font  */
    font-size: 16pt;
    font-size: 1.4rem;
    padding: 7px 16px;
    display: block; 
}

  nav.block--menu .menu li {
    float: left; } 

.l-region--sidebar-second .block {
  margin-bottom: 30px; 
  }

  .view-blogs .views-row ul.links,
  .view-blogs .views-row .field--name-body {
    display:block;
  }

}


h2.block__title {
  background-color:#666;
}

.blue-title h2.block__title {
    background-color:#2cacde;
}

.orange-title h2.block__title {
  background-color: #ffbb33; 
}

.green-title h2.block__title {
  background-color: #99cc00; 
}

h2.block__title {
  font-size: 16pt;
  font-size: 1.4rem;
  line-height:1.45rem;
  font-family:"myriad-pro-condensed", arial, sans-serif;
  font-weight: normal;
  text-transform:uppercase;
  color:#fff;
  text-align: center;
  padding: 9px; }

#block-views-author-bio-block {
  min-height:135px;
  border:1px solid #ddd;
  border-radius:4px;
  padding:6px;

}

.view-id-author_bio .views-field-picture {
  float:left;
  margin-right:15px;

}

.submitted  {
  font-style:italic;
  margin-top:0;
  color:#999;
}

.node__title {
  padding-bottom:0;
  margin-bottom:.5rem;
}

/* Top Stories 3 stories */
.view-top-stories-frontpage.view-display-id-attachment_1 {
  min-height:195px;
}

.view-top-stories-frontpage.view-display-id-attachment_1 .views-row {
  float:none;
  margin:0;
  clear:both;
  padding-top:10px;
}

.view-top-stories-frontpage.view-display-id-attachment_1 .views-row .views-field-field-top-image {
  float:left;
  max-width:40%;
}

.view-top-stories-frontpage.view-display-id-attachment_1 .views-row .views-field-title {
  float:left;
  max-width:60%;
  padding-left:15px;
  margin-top:-5px;
}

.view-top-stories-frontpage .views-row .views-field-title a {
  color:#3c3c3c;
  font-size: 28pt;
  font-size: 2.3rem;
  font-weight: bold; 
  line-height:2.45rem;
  text-decoration:none;
  font-family:"myriad-pro-condensed", Arial, sans-serif;
}

.view-top-stories-frontpage .view-display-id-attachment_1 .views-row .views-field-title a {
  font-size:21px;
  font-size:1.5rem;
  line-height:1.6rem;
}

.view-top-stories-list .views-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.view-top-stories-list .views-row-last {
  border: none;
  margin-bottom: 0;
}

.view-top-stories-list h3 {
  padding: 0;
}

.view-id-blogs {
  clear:both;
}
.view-blogs h2.node__title,
.view-sponsored-post h2 {
    padding-top:10px;
    border-top:1px solid #ccc;
}

/* Tablet+ size */
@media all and (min-width:51em) {
.view-blogs h2.node__title {
    border-top:1px solid #ccc;
    padding-bottom:10px;
}

  .view-top-stories-frontpage .attachment {
    padding-top:15px;
  }

  .view-top-stories-frontpage.view-display-id-attachment_1 .views-row {
    float:left;
    margin-right:3.75%;
    max-width:30.833%;
    clear:none;
  }
  .view-top-stories-frontpage.view-display-id-attachment_1 .views-row-last {
      margin-right:0;
  }

  .view-top-stories-frontpage.view-display-id-attachment_1 .views-row .views-field-title {
    float:left;
    padding-left:0;
    width:auto;
    max-width:100%;
  }

  .view-top-stories-frontpage.view-display-id-attachment_1 .views-row .views-field-field-top-image {
    max-width:100%;
    float:none;
    margin-bottom:10px;
  }
}

.submitted-by {
    color:#3c3c3c;
    font-size:14pt;
    font-size:1.2rem;
    line-height:1.3rem;
}

.submitted-by a {
    text-decoration:none;
}

.submitted-date {
    color:#999;
    font-size:9pt;
    font-size:.75rem;
}

.node__content h2 {
    font-size:18pt;
    font-size:1.5rem;
    line-height:1.6rem;
    font-family:"Myriad Pro", Arial, sans-serif !important;
}

.node__content h2 a {
  color: #2cacde; 
}


li.active a,
li.active-trail a {
    background:#666;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    color:#fff;
}

.view-blogs {
    padding-top:20px;
}

.field--name-field-blog-topic {
    margin-bottom:15px;
}

.field--name-field-blog-topic,
.field--name-field-blog-topic a {
    font-size:7.5pt;
    font-size:.625rem;
    text-transform:uppercase;
    text-decoration:none;
    font-weight:bold;
}

#edit-field-blog-topic-und {
    height:350px;
}


/* Epic post styling */
.node-type-epic-post .header-container {
    height:50px;
    position:fixed;
    z-index:10;
}

.node-type-epic-post {
    font-family:"Universe", arial, sans-serif;
}
.node-type-epic-post header {
    background-color:#000;
}

.node-type-epic-post .tabs {
    margin:0;
    clear:both;
}

.node-type-epic-post .field--name-field-credit-title {
    font-weight:bold;
}

.node-type-epic-post article header {
    background-color:#000;
    margin-bottom:50px;
    padding-bottom:10px;
}

.node-type-epic-post .field--name-field-epic-lead-image img {
}

.field--name-field-epic-lead-image {
    text-align:center;
}

.node-type-epic-post .post-title-container {
    text-align:center;
    padding:0 30px 20px;
    max-width:850px;
    margin:20px auto;
    font-family: 'UniverseCondensed', arial, sans-serif !important;
    font-weight:normal;
}

.node-type-epic-post h1 {
    color:#fff;
    font-size:50pt;
    font-family: 'Dense-Regular', arial, sans-serif !important;
    text-transform:uppercase;
    font-weight:normal;
    padding:20px 0 16px;
    margin:0 0 15px;
    font-size:4.3rem;
    line-height:4.5rem;
    border-bottom:2px solid #cecece;
}


.node-type-epic-post .field--name-field-section-body h1 {
    color:#000;
    border:none;
    padding:0 30px;
    font-size:3.5rem;
    line-height:3.2rem;
}

.post-title-container .byline,
.post-title-container .byline a {
    text-decoration:none;
    color:#fff;
    font-size:19pt;
    font-size:1.6rem;
    text-transform:uppercase;
    padding-top:15px;
}


@media (min-width: 44em) {
    .byline .epic-submitted-date {
        padding-left:50px;
    }
}

.field--name-field-article-subtitle {
    font-size:22pt;
    font-size:2rem;
    line-height:2.6rem;
    text-transform:uppercase;
    color:#00addb;
    text-align:center;
    padding-top:8px;
}

.header-container {
    width:100%;
    background-color:#000;
}

.node-type-epic-post .l-header {
    max-width:1024px;
    width:100%;
    margin:0 auto;
    padding:5px 0;
    position:fixed;
    max-height:55px;
}

.social-nav {
    float:right;
    height:45px;
    margin-right:10px;
    width:160px;
    padding-top:5px;
    text-align:right;
}

.social-nav .share-buttons {
    float:left;
    margin-right:1px;
}

.share-after-content {
    padding:20px 0;
    width:252px;
    margin:0 auto;
}

.share-after-content .a2a_kit a {
    margin:0 5px;
}

.node-type-epic-post .social-nav .a2a_kit a {
    margin:0 1px;
    background-color:#333;
    border:1px solid #333;
}

.social-nav a.subscribe {
    max-height:32px;
    height:32px;
    background-color:#333;
    color:#fff;
    padding:3px 6px;
    text-decoration:none;
    display:inline-block;
}

.social-nav a.subscribe:hover {
    background-color:#444;
}

.node-type-epic-post .site-logo {
    float:left;
    margin:0;
    display:block;
    position:static;
    width:115px;
    margin-left:10px;
}

.node-type-epic-post .site-logo img {
    max-height:45px;
    height:40px !important;
    width:auto !important;
}


.single-char-container {
    text-align:center;
}

.single-char-container h6 {
    display:inline-block;
}

h6 {
    color:#000;
    font-size:12rem;
    line-height:9rem;
    margin:0 auto 80px;
    font-family:"Dense-Regular", arial, sans-serif !important;
    border-bottom:4px solid #000;
    text-align:center;
    padding:0 0 40px;
    font-weight:normal;
}

.node-type-epic-post .l-main {
    padding-top:50px;
}

.node-type-epic-post .section-container {
    max-width:1024px;
    margin:0 auto;
    overflow:visible;
    background:none;
}

.node-type-epic-post .section-container-fullwidth .container {
    max-width:100%;
    background:none;
    padding:30px 0;
}

.node-type-epic-post section .container p {
    max-width:auto;
    overflow:visible;
}

.node-type-epic-post .section-style-callout .container .field--name-field-callout-quote {
    font-family: 'UniverseCondensed', arial, sans-serif;
}

.node-type-epic-post .section-style-offset_left .container {
    overflow:visible;
}

.node-type-epic-post .section-style-offset_left {
    margin:30px auto;
    padding:0 30px;
}

.field--name-field-article-credits .field__label {
    font-size:18pt;
    font-size:1.5rem;
    margin-bottom:15px;
}

.field-collection-view {
    padding:0;
    margin:0;
    border:none;
}

.node-type-epic-post h2 {
    font-weight:lighter;
    font-size:20pt;
    font-size:1.7rem;
    line-height:2.2rem;
    padding:10px 30px 0;
    font-family:'UniverseCondensed', arial, sans-serif !important;
}

.node-type-epic-post h3 {
    font-weight:bold;
    font-size:12pt;
    font-size:1.1rem;
    line-height:1.7rem;
    padding:10px 0 0;
    font-family:'Universe', arial, sans-serif !important;
}

.node-type-epic-post section .container p, 
.node-type-epic-post h2,
.node-type-epic-post h3,
.field--name-field-callout-quote {
    padding:0 30px;
}


.section-style-callout {
    text-align:center;
    font-size:24pt;
    font-size:2rem;
    line-height:2.5rem;
    color:#00addb;
    font-weight:100;
}

.section-style-callout {
}

.section-style-html_block:first-of-type p:first-of-type {
    text-indent:0;
}

.section-container-fullwidth .section-style-advertisement {
    clear:both;
    text-align:center;
    background-color:rgba(0,0,0,0.06);
}

.node-type-epic-post .field--name-field-section-body p {
    text-indent:15px;
    font-size:1.1rem;
    line-height:1.7rem;
    color:#222;
}

.node-type-epic-post .field--name-field-section-body li {
    font-size:1.1rem;
    line-height:1.7rem;
}

.node--epic-post.node-unpublished {
    background:#fff;
}

.field--name-field-article-credits {
    text-align:center;

}

.node-type-epic-post .section-style-callout_block {
    text-align:center;
    padding:10px 30px;
}


.section-style-callout_block h3 {
    font-weight:normal;
    font-family:'Universe', arial, sans-serif !important;
    text-align:left;
    padding-bottom:10px;
    border-bottom:1px solid #000;
}

.section-style-callout_block ul {
    text-align:left;
    list-style-position:inside;
    padding-left:0;
}

.section-style-callout_block li {
    line-height:1.2rem;
    margin-bottom:10px;
}

.section-style-callout_block a {
    text-decoration:none;
    color:#354c8b;
}


.section-style-html_block img {
    margin:35px 0 25px 0;
}


@media (max-width:44em) {
    .section-style-callout,
    .section-style-advertisement {
        margin-bottom:30px;
    }
}


@media (min-width: 60em) {

    .single-char-container {
        max-width:610px;
    }

    .node-type-epic-post .section-container {
        background:transparent url('../images/epic_divider.png') repeat-y 680px; 0;
    }

    .node-type-epic-post .l-header {
        position:relative;
    }

    /* Desktop only style */
    .node-type-epic-post section .container p {
        padding:0;
        max-width:610px;
    }

    .node-type-epic-post .section-style-html_block {
        max-width:610px;
    }

    .node-type-epic-post .section-style-offset_left {
        max-width:710px !important;
        position:relative;
        left:-75px;
        float:left;
        margin:15px -25px 25px 0;
        padding:0;
    }

    /* Desktop only style */
    .node-type-epic-post .section-style-callout,
    .node-type-epic-post .section-style-callout_block {
        width:300px;
        float:right;
        clear:right;
        overflow:hidden;
        position:relative;
    }

    .node-type-epic-post .section-style-callout_block {
        padding:0;
    }

    .node-type-epic-post .section-container-fullwidth .container {
        padding:60px 0;
    }

    .section-container-fullwidth .section-style-advertisement .container {
        padding:20px 0;
        margin:50px 0;
    }

    .node-type-epic-post h2 {
        font-size:23pt;
        font-size:2.1rem;
        padding:20px 0 0;
    }

    .node-type-epic-post .field--name-field-section-body h1 {
        padding:20px 0 0;
    }

    .node-type-epic-post h3 {
        padding:20px 0 0;
    }

    .section-style-callout {
        font-size:2.3rem;
        line-height:2.7rem;
        margin-bottom:15px;
    }
}

.field--name-field-epic-lead-image img,
.section-style-full_image img {
    width:100% !important;
}

.responsive-menus.responsified span.toggler {
    width:40px;
    border-radius:0;
}

.custom-search-selector {
    display:none;
}

.media_embed,
.media_embed iframe {
    max-width:100%;
}

.view-sponsored-post header,
#block-views-sponsored-post-block-block .views-field-title {
  position:relative;
}

.view-sponsored-post header::after,
#block-views-sponsored-post-block-block .views-row::after,
#block-views-spotlight-block .views-row::after,
.node-type-sponsored-post article::before {
  color: #999;
  content: "Sponsored";
  font-size: 10px;
  font-weight: normal;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 3px;
}

.node-type-sponsored-post article::before {
  top: -12px;
}

.node-type-sponsored-post article {
  position: relative;
}

#block-views-spotlight-block .views-field-field-spotlight-image {
  float: left;
  margin-top: 10px;
  padding: 0 30px 0 0;
}

#block-views-spotlight-block .views-row,
#block-views-sponsored-post-block-block .views-row {
  border-top:1px solid #ccc;
  padding-top:10px;
  position: relative;
}

#block-views-sponsored-post-block-block .views-row {
  padding-top: 20px;
}

#block-views-spotlight-block h3,
#block-views-spotlight-block p {
  margin: 0;
  padding: 0;
}

#block-views-spotlight-block .views-field-title {
  padding-top: 5px;
}

#block-views-spotlight-block .views-field-title a {
  color: #222222;
  font-family: "Myriad Pro", Arial, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

#block-views-spotlight-block .views-field-title a:hover {
  color: #064771;
}

#block-views-spotlight-block .views-row {
  padding-bottom: 20px;
}

#announcementBar {
    box-shadow: 1px 4px 5px #ccc;
    position:fixed;
    z-index:100;
    width:100%;
    background-color:#4abdeb;
    text-align:center;
}

#announceInner a {
    color:#fff;
    width:100%;
    display:block;
    padding:18px 0;
    text-align:center;
}

@media ( max-width : 30em) {
  #announceInner a {
    font-size: 13pt !important;
    padding: 9px 0;
  }
}