/* Resets */
  @media (min-width: 768px) {
    .ext-ad.footer-leaderboard{
      background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(249,249,249,1) 50%, rgba(242,242,242,1) 100%);
      background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(249,249,249,1) 50%,rgba(242,242,242,1) 100%);
      background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(249,249,249,1) 50%,rgba(242,242,242,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f2f2f2',GradientType=0 );
      bottom: 0;
      left: 0;
      padding: .5em 0;
      position:fixed;
      right: 0;
      z-index: 999;
    }
    #footer{margin-bottom:106px;}
  }
  html,body{background-color:#f2f2f2;color:#666666;font-family:'Helvetica Neue', helvetica, sans-serif;font-size:100%;margin:0;}
  *{line-height:180%}
  
  br{line-height:100%}
  hr{background-color:#e6e6e6;border:none;height:1px;margin:30px 0;}
  
  a{color:#28a0ff;text-decoration:none;transition:0.2s all;}
  a:hover{color:#2284c6;}
  
  p,ul,ol{margin:1.5rem 0;}
  li{margin:0.5rem 0;}
  
  h1,h2,h3,h4,h5,h6{color:#000;font-family:'Oswald';font-weight:400;line-height:130%;margin:1.5rem 0;}
  h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height:130%;}
  h2{font-size:48px;}
  h3{font-size:36px;}
  h4{font-size:28px;}
  h5{font-size:20px;}
  h6{font-size:14px;}
  
  img{display:block;max-width:100%;height:auto;}
  a img{border:none;}
  
  input{color:inherit;font:inherit;}
  input[type="text"], input[type="email"]{-webkit-appearance:none;}
  input[type="submit"]{cursor:pointer;-webkit-appearance:none;}
  
  blockquote{border-left:3px solid #eee;font-size:110%;margin:0;padding:0 0 0 2rem;transition:0.5s all;}
  blockquote:hover{border-color:#28a0ff;}
  
  .disabled, .hidden, .screen-reader-text{display:none;}
  
  .authorlinks.single-terms{min-height:30px;}
  .authorlinks .icon{padding:0.5rem;}
  
  .hide{display:none;}
  
  @media (max-width: 700px) {
    html,body{font-size:14px;}
    h2{font-size:36px;}
    h3{font-size:30px;}
    h4{font-size:22px;}
    h5{font-size:18px;}
    h6{font-size:14px;}
  }
  
/* Basics */
  
  /* Containers */
    .container{clear:both;overflow:hidden;position:relative;}
    .container.white{background-color:#fff;}
    .container.blue{background-color:#28a0ff;}
    .container.blue *{color:#fff;}
    .wrapper{margin:0 auto;position:relative;width:970px;}
    
    /* "Grid" System */
      .row{margin:30px 0;position:relative;clear:both;}
      .row:before,
      .row:after{display:table;content:"";}
      .row:after{clear:both;}
      
      .row .half{float:left;width:470px;}
      .row .half + .half{margin-left:30px;}
    
      .row .third{float:left;position:relative;width:300px;}
      .row .third + .third{margin-left:35px;}
    
      .row .twothird{float:left;width:635px;}
      .row .twothird.middled{float:none;margin:0 auto;}
      .row .twothird + .third{margin-left:35px;}
      .row .third + .twothird{margin-left:35px;}
    
      .row .fifth{float:left;width:170px;}
      .row .fifth + .fifth{margin-left:30px;}

      .fluid-row:before,
      .fluid-row:after{display:table;content:"";}
      .fluid-row:after{clear:both;}

      .fluid-row{margin:30px -35px 0 0;position:relative;clear:both;}
      .fluid-row .third{float:left;margin:0 35px 30px 0;width:300px;}
      .fluid-row .third +.third{margin-left:0;}
      
      
      /*in case things are nested like in content sidebar*/
      .third .third{float:none;}
      .third .third + .third{margin-left:0;}
      .third .fluid-row .third{float:left;}
      
    @media (max-width: 1010px) {
      .wrapper{width:635px;}
      
      .row .half{width:300px;}
      .row .half + .half{margin-left:35px;}
      .row .twothird + .third{margin-left:0;width:635px;}
      .row .third + .twothird{margin-left:0;}
      
    }
    
    @media (max-width: 700px) {
      .wrapper{width:300px;}
      
      .row .half,
      .row .third,
      .row .twothird{float:none;margin-bottom:30px;width:300px;}
      .row .half + .half,
      .row .third + .third,
      .row .twothird + .third{margin-left:0;width:300px;}
    }
    
  /* Elements */
    hr.thin{margin:0.5rem 0;}
    hr.space{background-color:transparent;height:2px;margin:14px 0;}
    
    .nomar{margin:0 !important;}
    
    .svg-icon{height:18px;transition:0.2s all;width:18px;}
  
    .section-label, .adLabel{color:#b3b3b3;font-family:'Oswald';font-size:14px !important;font-weight:300;text-transform:uppercase;left:-232px;margin:0 !important;position:absolute;text-align:right;top:0px;transform:rotate(270deg);transform-origin:top right;width:200px;}
    #leaderboard .adLabel{top:28px;}
    
    .video-container{float:none;position: relative;padding-bottom: 56.25%; /* 16/9 ratio */padding-top: 30px; /* IE6 workaround*/height: 0;margin-bottom:1em;overflow: hidden;}
    .video-container iframe,
    .video-container object,
    .video-container embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:0;}
    
    .owl-dots{text-align:center;position:relative;top:0.5rem;}
    .owl-dots .owl-dot{display:inline-block;padding:7px;}
    .owl-dots .owl-dot span{background-color:#cccccc;border-radius:3.5px;display:block;height:7px;width:7px;}
    .owl-dots .owl-dot.active span{background-color:#28a0ff;}
    
    .toppad{clear:both;padding-top:30px;} /* should be used sparingly. mostly intended for certain responsive elements */
    
    @media (min-width: 1010px) and (max-width: 1060px) {
      #leaderboard .adLabel{top:0;}
    }
    @media (max-width: 1010px) {
      .fluid-row .section-label, .fluid-row .adLabel{margin-right:35px;width:auto;}
      .twothird .section-label, .twothird .adLabel{left:-122px;}
    }
    @media (max-width: 440px) {
      #leaderboard br{display:none;}
      .section-label, .adLabel{left:0 !important;margin:1rem 35px 1rem 0 !important;position:relative;transform:rotate(0deg);text-align:center;width:100%;}
      .adLabel{margin-right:0!important;}
      #leaderboard .adLabel{top:0;}
    }
  
  
  /* Buttons */
    .btn{border:1px solid;font-family:'Roboto Condensed','Helvetica Neue', helvetica,sans-serif;text-transform:uppercase;padding:0.25em 0.5em 0.15em 0.5em;white-space:nowrap;}
    .btn.btn-simple{border-color:transparent;}
    .btn.btn-simple:hover{border-color:inherit;}
    .btn.btn-none{border-color:transparent;padding-left:0;padding-right:0;}
    .btn.btn-solid{background-color:#28a0ff;border-color:#28a0ff;color:#fff;}
    .btn.btn-solid:hover{background-color:#28a0ff;border-color:#28a0ff;color:#fff;}
    .btn.btn-large{font-size:22px;padding:0.5em 1em;}
    
    .btn.amazon-btn{border:none !important;background-color:#232f3e;color:#fff;}
    .btn.amazon-btn:hover{background-color:#000;}
    
    .btn img{vertical-align:middle;display:inline;margin-left:0.5em;}
    
    button{background-color:#28a0ff;border:1px solid #28a0ff;cursor:pointer;color:#fff;font-family:'Roboto Condensed','Helvetica Neue', helvetica,sans-serif;font-size:inherit;text-transform:uppercase;padding:0.25em 0.5em 0.15em 0.5em;white-space:nowrap;transition:0.2s all;}
    button:hover{background-color:#000;border-color:#000;color:#fff;}
    
    @media (max-width: 700px) {
      .btn.btn-large{font-size:20px;}
      .btn.amazon-btn{font-size:18px;}
    }
  
  /* Form Elements */
    input, textarea{border:1px solid #e1e1e1;}
    input:focus, textarea:focus{border-color:#28a0ff;outline:none;}
    input[type="submit"]{background-color:#28a0ff;border:none;color:#fff;font-family:'Roboto Condensed','Helvetica Neue', helvetica,sans-serif;text-transform:uppercase;padding:0.25em 1em 0.15em 1em;transition:all 0.2s;}
    input[type="submit"]:hover{background-color:#000;}
    
    label{font-size:14px !important;font-family:'Roboto Condensed','Helvetica Neue', helvetica,sans-serif;text-transform:uppercase;}
    
  /* Table Elements [.single-content required so doesn't interefere with google search results]*/
    .single-content table{border-collapse:collapse;border-spacing:0;margin:2rem 0;}
    .single-content table td, table th{line-height:1.5rem;padding:0.5rem 1rem;vertical-align:top;transition:all 0.2s;}
    .single-content table th{font-family:'Roboto Condensed','Helvetica Neue', helvetica,sans-serif;line-height:1rem;text-transform:uppercase;}
    .single-content thead th{color:#000;text-align:left;}
    .single-content table th img{display:inline;vertical-align:middle;}
    
    .single-content tbody th{background-color:#333;border:1px solid #333;color:#999;padding-top:0.9rem;text-align:right;}
    .single-content tbody td{background-color:#f9f9f9;border:1px solid #ddd;border-left:none;}
    
    .single-content tbody tr:hover th{background-color:#222;color:#28a0ff;}
    .single-content tbody tr:hover td{background-color:#fff;}
    
    .single-content tbody td ul{list-style-type:none;margin:0;padding:0;}
    .single-content tbody td ul li{margin:0;}
    .single-content tbody td ul li + li{border-top:1px solid #eee;margin-top:0.5rem;padding-top:0.5rem;}
    
  /* Responsive elements */
    .tablet-only,
    .phone-only,
    .desktop-hidden{display:none !important;}
    
    @media (max-width: 1010px) {
      .tablet-hidden,
      .desktop-only{display:none !important;}
      .tablet-only,
      .desktop-hidden{display:initial !important;}
    }
    
    @media (max-width: 700px) {
      .phone-hidden,
      .tablet-only{display:none !important;}
      .desktop-hidden,
      .tablet-hidden,
      .phone-only{display:initial !important;}
    }
    
  
  .center-text{text-align:center;}
  
  .dub-mar{margin:3rem 0;}

  .l1{box-shadow:0 1px 1px rgba(0,0,0,0.2);position:relative;z-index:25;}
  .l2{box-shadow:0 2px 2px rgba(0,0,0,0.15);position:relative;z-index:50;}
  .l3{box-shadow:0 3px 3px rgba(0,0,0,0.1);position:relative;z-index:75;}
  .l4{box-shadow:0 4px 4px rgba(0,0,0,0.05);position:relative;z-index:100;}
  
  /* Ad Containers */
  
  .tb-ad, .ext-ad{text-align:center;position:relative;}
  .tb-ad > *, .ext-ad > *{margin:0 auto;}
  .post .adLabel{left:-225px;}
  .ext-ad + .tb-ad{margin-top:30px;}/* assuming .tb-ad only comes after .ext-ad */
  .ext-ad[data-ns="billboard"]{min-height:90px;}
  .ext-ad[data-ns="sharethrough"],
  .ext-ad[data-ns="rectangle"]{min-height:250px;}
  
  @media (max-width: 1010px) {
    .fluid-row .post .adLabel {left: -101px;}
  }
  
  /* Single Post Elements */
  img.aligncenter{margin:0 auto;}
  div.aligncenter{text-align:center;}

/* Header */
  #nav-container{left:0;position:fixed;right:0;top:0;z-index:100;}
  #nav-container .wrapper{max-width:1200px;position:relative;width:auto;}
  #nav-container + *{margin-top:56px;}

  #navbar{background-color:#ffffff;font-family:'Oswald';font-weight:300;height:36px;padding:10px;}
  #navbar .wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
  #navbar .wrapper > *{-webkit-box-flex: 1;-moz-box-flex: 1;width: 33%;-webkit-flex: 1;-ms-flex: 1;flex: 1;}

  /* Logo */
    #logo-container a{display:inline-block;}
    #logo{display:block;height:36px;padding-right:20px;width:160px;}
    
    #logo-container .logo-word path{fill:#231F20;}
    #logo-container .logo-circle{fill:#28a0ff}
    #logo-container .logo-curveback{fill:#231F20;}
    #logo-container .logo-curvefront{fill:#FFFFFF;}

  @media (max-width: 700px) {
    #nav-container + *{margin-top:50px;}
    #navbar{height:30px;padding:10px;}
    #logo{height:30px;width:133.333px;}
  }

  /* Search */
    #search{flex:auto;text-align:center;}
    #search form{display:inline-block;position:relative;}
    #search #s{background-color:#f9f9f9;border:none;border-radius:36px;box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);font-size:16px;height:36px;line-height:36px;padding:0 1rem;transition:0.5s all;width:200px;}
    #search #s::-webkit-input-placeholder {color: rgba(0,0,0,0.2);}
    #search #s::-moz-placeholder {color: rgba(0,0,0,0.2);}
    #search #s:-ms-input-placeholder {color: rgba(0,0,0,0.2);}
    #search #s:-moz-placeholder {color: rgba(0,0,0,0.2);}
    #search #searchsubmit{height:36px;position:absolute;right:0;top:0;width:36px;}
    #search #searchsubmit input[type="submit"]{background:transparent;border:none;height:36px;left:0;opacity:0;padding:0;position:absolute;width:36px;}
    #search #searchsubmit .svg-icon{fill:#808080;padding:9px;}
    #search #s:focus{background-color:#28a0ff;color:#ffffff;outline:none;}
    #search #s:focus +  #searchsubmit{cursor:pointer;}
    #search #s:focus +  #searchsubmit .svg-icon{fill:#fff;}

  /* Menu */
    #menu{font-family:'Oswald';font-size:0;font-weight:300;margin-right:-10px;text-align:right;text-transform:uppercase;}
    #menu > a{color:#808080;display:inline-block;font-size:16px;line-height:36px;margin:-10px 0;padding:10px 1rem;}
    #menu > a:hover{background-color:#28a0ff;color:#fff;}
    #menu > a .svg-icon{fill:#808080;padding:0 0 4px 4px;vertical-align:middle;}
    #menu > a:hover .svg-icon{fill:#ffffff;}

    @media (max-width: 700px) {
      #menu{margin-right:0px;}
      #menu > a{line-height:30px;padding:10px 0.5rem;}
      #menu > a:hover{background-color:transparent;color:#28a0ff;}
      #menu > a:hover .svg-icon, #menu > a:hover .svg-icon rect{fill:#28a0ff;}
    }

  /* Drawer */
    #opendrawer span, #opendrawer svg{pointer-events:none;}
    #drawer{position:absolute;right:0;transform:translateY(calc(-100% - 56px));transition: transform 1s;z-index:80;}
    #drawer .drawer-container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
      -webkit-box-flex-direction: row-reverse;-moz-box-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;
      flex-direction: row-reverse;font-family:'Oswald';font-weight:300;text-transform:uppercase;width:886px;}
    #drawer .drawer-container > *{background-color:rgba(0,0,0,0.9);padding:1.5rem 1rem;}
    #drawer .drawer-container > * label{color:rgba(255,255,255,0.5);display:block;font-size:14px;padding:0.5rem 1rem}
    #drawer .drawer-container > * ul{box-sizing:border-box;list-style-type:none;margin:0;padding:0 1rem;}
    #drawer .drawer-container > * ul li{margin:0;}
    #drawer .drawer-container > * ul li a{color:#fff;display:block;padding:0.1rem 0;}
    #drawer .drawer-container > .primary{background-color:#f2f2f2;text-align:right;}
    #drawer .drawer-container > .primary a{color:#999;font-size:18px;padding:0.25rem 0;}
    #drawer .drawer-container > .tertiary{background-color:rgba(40,160,255,0.95);}
    #drawer .drawer-container > .secondary{width:500px;}
    #drawer .drawer-container > .secondary ul{float:left;width:33%;}
    #drawer .drawer-container > .primary a:hover{color:#28a0ff;}
    #drawer .drawer-container > .secondary a:hover{color:#28a0ff;}
    #drawer .drawer-container > .tertiary a:hover{color:#000;}

    #drawer.open{transform: translateY(0);}
  
    @media (max-width: 1010px) {
      #drawer{overflow:scroll;padding-bottom:5px;max-width:100%;-webkit-overflow-scrolling:touch;}
      #drawer .drawer-container{flex-direction:row;left:auto;right:0;}
    }
    @media (max-width: 768px) {
      #drawer .drawer-container{width:100%;}
    }
    @media (max-width: 700px) {
      #drawer{
        left:105%;
        top:0px;
        right:initial;
        width:95%;
        overflow:initial;
      }
      #drawer.open{
        transform: translateX(-105%);
      }
      #drawer .drawer-container{
        -webkit-box-flex-direction: column;-moz-box-flex-direction: column;-webkit-flex-direction: column;-ms-flex-direction: column;
        flex-direction: column;
        height:466px;
      }
      #drawer .drawer-container > * label{padding-left:0.5rem;}
      #drawer .drawer-container > * ul{display:inline;padding:0;}
      #drawer .drawer-container > .primary{text-align:left;}
      #drawer .drawer-container > .secondary{width:initial;}
      #drawer .drawer-container > .secondary ul{float:none;width:initial;}
      #drawer .drawer-container > * ul li{display: inline-block;}
      #drawer .drawer-container > * ul li a{color:#fff;display:block;padding:0.2rem 0.5rem!important;}
    }

  /* Mobile Search */
    #mobile-search{background-color:rgba(0,0,0,0.8);top:-53px;height:53px;opacity:0;position:absolute;width:100%;transition:all 0.2s;}
    #mobile-search input[type="text"]{background-color:transparent;color:#fff;font-size:24px;font-weight:100;border:none;box-sizing:border-box;padding:1rem;width:100%;}
    #mobile-search input[type="text"]:focus{box-shadow:none;}
    #mobile-search #msearchsubmit{position:absolute;right:0;top:0;}
    #mobile-search #msearchsubmit input[type="submit"]{background-color:transparent;height:53px;width:53px;}
    #mobile-search #msearchsubmit svg{fill:#28a0ff;height:24px;position:absolute;right:1rem;top:1rem;width:24px;}

    #mobile-search.open{top:0;opacity:1;}

  /* Hotbar */
    #hotbar{color:#b3b3b3;font-family:'Oswald';font-size:14px;font-weight:300;text-transform:uppercase;overflow:hidden;padding:1rem 0;position:relative;z-index:1;}
    #hotbar a{padding-left:1rem;}
    #hotbar .social{float:right;min-height:27px;}
    #hotbar .social a{color:#b3b3b3;}
    #hotbar .social a:hover{color:#28a0ff;}

    #hotbar + .container{margin-top:-30px;}

    @media (max-width: 1010px) {
      #hotbar{padding:20px;}
      #hotbar .wrapper{width:100%;}
    }
    @media (max-width:767px) {
      #hotbar + .ext-ad{margin-top:30px;}
    }
    
/* Footer */
    
  #footer{color:#b3b3b3;font-size:12px;padding:2rem 0;}
  #footer a{padding:0.5rem;white-space:nowrap;}
  .footer-ad{min-height: 90px;position:relative;}
  
  @media (max-width: 700px) {
    #footer{font-size:10px;}
  }
  
/* Feeds */
  .post{text-align:center;position:relative;}
  .post .heading h3{font-size:20px;}
  .post .heading h3 a{color:#000;display:block;padding:0 30px;}
  .post:hover .heading h3 a{color:#28a0ff;}
  .post .heading .cats{line-height: 24px;position:relative;}
  .post a.btn{font-size:12px;}
  .post .labels{left:20px;font-size:0;position:absolute;top:20px;z-index:2;}
  .post .labels a.btn{color:#fff;margin-right:10px;}
  .post .labels a.btn:hover{background-color:#28a0ff;border-color:#28a0ff;}
  .post.overflow{overflow:visible!important;}
  
  /* if white bg detected */
  .post .labels a.btn.background--light{background-color:rgba(0,0,0,0.15);}
  .post .labels a.btn.background--light:hover{background-color:#28a0ff;}
  
  .post .labels a.btn.background--complex{background-color:rgba(0,0,0,0.15);}
  .post .labels a.btn.background--complex:hover{background-color:#28a0ff;}
  
  .post-small{text-align:left;min-height:60px;}
  .post-small img{float:left;margin-right:15px;}
  .post-small .heading{margin-left:75px;padding:0;}
  .post-small .heading h3{font-size:14px;margin:0;max-height:36.4px;overflow:hidden;position:relative;}
  .post-small .heading h3 a{padding:0;}
  .post-small .heading .cats{line-height:0;left:-6px;max-height:18px;overflow:hidden;}
  .post-small .heading .cats a{font-size:10px;}
  
  .post-small.toolong .heading h3:after{background-image:linear-gradient(to left, #f2f2f2, #f2f2f2, rgba(242,242,242,0.0));bottom:0;content:'\2026';line-height:18.2px;padding-bottom:1px;padding-left:8px;position:absolute;right:0;}
  .sheet .post-small.toolong .heading h3:after{background-image:linear-gradient(to left, #fff, #fff, rgba(255,255,255,0.0));}
  
  .post-overlay{font-size:0;background-size:cover;position:relative;white-space: nowrap;}
  .post-overlay:before{content:'';display: inline-block;height: 100%;vertical-align: middle;}
  .post-overlay .link-overlay{background-color:rgba(0,0,0,0.5);display:block;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1;transition:0.2s all;}
  .post-overlay .heading{display: inline-block;pointer-events:none;vertical-align: middle;white-space:normal;position:relative;z-index:20;}
  .post-overlay .heading a{pointer-events:auto;}
  .post-overlay .heading h3{font-size:14px;text-shadow:0 1px 1px rgba(0,0,0,0.8);margin:0;}
  .post-overlay .heading h3 a{color:#fff;}
  .post-overlay .heading .cats{height:15px;margin-top:0.5rem;overflow:hidden;}
  .post-overlay .heading .cats .btn{color:rgba(255,255,255,0.7);}
  .post-overlay .heading .cats .btn:hover{color:#fff;}
  .post-overlay:hover .heading h3 a{color:#fff !important;}
  .post-overlay:hover .link-overlay{background-color:rgba(40,160,255,0.85);}
  
  /* Post Box */
  .post-box{border:2px solid #e6e6e6;box-sizing:border-box;padding:5px 0;position:relative;}
  .post-box .box-label{font-size:14px;left:0;margin:0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:-0.65rem;}
  .post-box .box-label span{background-color:#f2f2f2;padding:0 0.25rem;}
  .post-box .post-small{margin:20px;}
  .post-box .video{background-color:#28a0ff;height:250px;margin-left:-2px;margin-top:-7px;width:300px;}
  .post-box .excerpt p{font-size:14px;margin-top:1rem;}
  
  .third .post-box{height:350px;width:300px;}/*breaking this out allows us to have large post-boxes elsewhere*/
  .third .post-box .post-small{height:60px;}
  
  .sheet .post-box .box-label span{background-color:#fff;}
  
  /* more specific */
    .post.third{height:350px;overflow:hidden;}
    .post.third .heading h3 {margin:0;}
    .post.third .heading h3 a{padding:12px 10px;}
    .post.third .ext-ad + .tb-ad{margin-top:24px;}
  
    .post a.post-img{background-color:rgba(0,0,0,0.05);display:block;}
    .post.third a.post-img{height:250px;width:300px;}
    .post.half a.post-img{height:470px;width:310px;}
    
    .post.checktitle .heading{}
    .post.checktitle .heading h3{max-height:76px;}
    .post.checktitle .heading h3 a{background-color:#f2f2f2;-webkit-font-smoothing: antialiased;}
    .post.checktitle .cats{background-color:#f2f2f2;}
    .post.checktitle .cats:before{background-image:linear-gradient(to top, #f2f2f2, rgba(242,242,242,0.0));content:'';height:14px;position:absolute;top:-14px;right:0;left:0;}
    
    .blue .post.checktitle .heading h3 a{background-color:#28a0ff;color:#fff;}
    .blue .post.checktitle .cats{background-color:#28a0ff;}
    .blue .post.checktitle .cats:before{background-image:linear-gradient(to top, #28a0ff, rgba(40,160,255,0.0));}
    
    /* .toolong added with js */
    .post.third.toolong .heading h3{height:76px;position:relative;}
    .post.third.toolong .heading h3 a{position:absolute;top:0;transition:transform 0.5s, color 0.2s;}
    
  /* featured */
    #featured{cursor:pointer;min-height:213px;}/* meant to preserve space while js is loading */
    .post-featured{background-color:#222;float:left;height:213px;overflow:hidden;width:323px;}
    .post-featured:nth-child(2){width:324px;}
    .post-featured .link-overlay{
      background-color:transparent;
      background-image: -webkit-linear-gradient(to top right, rgba(0,0,0,0.7), rgba(0,0,0,0), rgba(0,0,0,0));
      background-image: linear-gradient(to top right, rgba(0,0,0,0.7), rgba(0,0,0,0), rgba(0,0,0,0));
    }
    .post-featured:hover .link-overlay{top:-100px;right:-100px;}
    .post-featured .heading{bottom:0;left:0;padding-bottom:30px;position:absolute;right:0;text-align:left;}
    .post-featured .heading h3{font-size:20px;}
    .post-featured .heading h3 a{padding:0 20px;}
    
    @media (max-width: 1010px) {
      #featured .wrapper{width:970px;}
    }
    @media (max-width: 970px) {
      #featured{min-height:242px;}/* meant to preserve space while js is loading */
      #featured .wrapper{width:100%;}
    }
    @media (max-width: 767px) {
      #featured{min-height:226px;}/* meant to preserve space while js is loading */
       .post-featured{height:197px;width:300px;}
      .post-featured:nth-child(2){width:300px;}
    }
    
  /* topics */
    .cat-feature .post{height:112px;}
    .cat-feature .post .cats{display:none;}
    .cat-feature .post-overlay .heading{padding:0 10px;}
    .cat-feature .post-overlay .heading h3{max-height:72.8px;}
    .cat-feature .post-overlay .heading h3 a{padding:0;}
    .cat-feature h6{color:#999;font-family:'Oswald';font-size:14px;font-weight:300;line-height:100%;margin:0 0 0.5rem;text-transform:uppercase;}
    
    @media (max-width: 1010px) {
      #topics .wrapper{width:970px;}
    }
    @media (max-width: 970px) {
      #topics .wrapper{width:100%;}
    }
    
    
  /* Unique */
    .post-featurette{}
    .post-featurette .post{height:105px;}
    .post-featurette > .cats{background-color:#28a0ff;border:2px solid #28a0ff;border-top:none;height:31px;padding-top:2px;text-align:center;}
    .post-featurette > .cats a{color:#fff;font-size:12px;}
    .post-featurette > .cats a:hover{border-color:#fff;}
    
    .third .post-featurette{background-color:#e6e6e6;height:350px;width:300px;}/*breaking this out allows us to have large post-featurette elsewhere*/
    
  @media (max-width: 700px) {
    .post.checktitle .heading h3{max-height:none;}
    .post.checktitle .cats:before{display:none;}
    
    .post.third{height:auto;}
    .post.third.toolong .heading h3{height:auto;}
    .post.third.toolong .heading h3 a{position:relative;}
  }
  
  /* When post stuff shows up on sheet */
  .sheet .post.checktitle .heading h3 a{background-color:#fff;}
  .sheet .post.checktitle .cats{background-color:#fff;}
  .sheet .post.checktitle .cats:before{background-image:linear-gradient(to top, #ffffff, rgba(255,255,255,0.0));}
    
/* Archive */
    
  .term-title{text-align:center;text-transform:uppercase;padding-top:2rem;}
  .sub-terms{font-family:'Roboto Condensed','Helvetica Neue', helvetica,sans-serif;font-size:16px;text-align:center;}
  .sub-terms ul{list-style-type:none;margin:0;padding:0;}
  .sub-terms li{display:inline;}
  .sub-terms a{padding:0.5rem 1rem;}
  .sub-terms li.current-menu-item a{background-color:#28a0ff;color:#fff;}
  
  #paging{border-top:1px solid #eee;text-align:center;padding:2rem 0;}
  #paging .page-numbers{font-family:'Roboto Condensed','Helvetica Neue', helvetica,sans-serif;font-size:16px;text-transform:uppercase;margin:0 0.2em;padding:0.5em 1em 0.5em 1em;}
  #paging span.page-numbers{padding:0.5em 0.5em 0.5em 0.5em;}
  #paging a{background-color:#28a0ff;color:#fff;}
  #paging a:hover{background-color:#000;}
    
  /* Search */
    #google-results{background-color:#fff;margin-right:35px;padding:0 1rem;}
    
    /* direct edits to googles returned code */
      #google-results .gsc-result{margin-bottom:30px;padding-left:0px;}
      #google-results .gsc-result .gsc-thumbnail{padding-right:1rem;}
      #google-results .gsc-result .gs-title{font-family:'Oswald';font-weight:400;padding-bottom:0.5rem;text-decoration:none;}
      #google-results .gsc-result .gs-title a.gs-title b{transition:color 0.2s;}
    
      #google-results .gsc-result .gs-snippet{font-family:'Helvetica Neue', helvetica, sans-serif;line-height:180%;}
      #google-results .gsc-result .gs-snippet b{line-height:100%;}
      #google-results .gsc-result .gs-visibleUrl{font-weight:normal;font-size:12px;}
    
      #google-results .gsc-selected-option{line-height:27px;}/*fixes what my global line height was messing up*/
    
      #google-results .gsc-cursor-box{padding-left:0;text-align:center;}
      #google-results .gsc-cursor-box .gsc-cursor-page{text-decoration:none;}
      #google-results .gsc-cursor-box .gsc-cursor-current-page{background-color:#28a0ff;color:#fff;font-weight:normal;text-shadow:none;}
      
    @media (max-width: 700px) {
      #search-container{width:100%;}
      #search-container .twothird{width:100%;}
      #search-container .third{margin-left:auto;margin-right:auto;}
    }
    
/* Hide ad block in highlighted section on tablet */
  @media (max-width: 1010px) and (min-width: 700px){
    .container.blue .third:nth-of-type(3){display:none;}
  }

/* [20170809:Dewey] Remove once done with Annabelle creation */
.dcmads, #ad_unit{display:block!important;margin-top:20px;}


/*
  Crosspromo
*/
  .cross-promo{margin-top:2rem;}
  .cross-promo *,
  .cross-promo a:hover,
  .cross-promo .post.checktitle .heading h3 a{color:#fff;}
  .cross-promo-label .logo-circle,
  .cross-promo-label .logo-word path{fill:#fff;}
  .cross-promo-label{display:block;overflow:hidden;position:relative;top:-15px;}
  .cross-promo-label h5{float:right;text-transform:uppercase;margin:5px 0;}

  .cross-promo.tb{background-color:#28a0ff;}
  .cross-promo.tb .post.checktitle .cats{background-color:#28a0ff;}
  .cross-promo.tb .post.checktitle .cats:before{background-image:linear-gradient(to top, #28a0ff, rgba(40,160,255,0.0));}
  .cross-promo.tb .post.checktitle .heading h3 a{background-color:#28a0ff;}
  .cross-promo.tb .cross-promo-label .logo-curvefront{fill:#28a0ff;}

  .cross-promo.nerdy{background-color:#fbbe00;}
  .cross-promo.nerdy .post.checktitle .cats{background-color:#fbbe00;}
  .cross-promo.nerdy .post.checktitle .cats:before{background-image:linear-gradient(to top, #fbbe00, rgba(251,190,0,0.0));}
  .cross-promo.nerdy .post.checktitle .heading h3 a{background-color:#fbbe00;}
  .cross-promo.nerdy .cross-promo-label .logo-curvefront{fill:#fbbe00;}