/*
 Theme Name:     Clinical Lab Products
 Description:    Verge Child Theme for clpmag.com
 Author:         Landon Springer
 Author URI:     http://www.allied360.com
 Template:       verge
 Version:        0.0.1
*/
/*
These colors are wrong.
*/
/*
These were in _expertinsight.scss, but in a commented section.
*/
@import "http://fonts.googleapis.com/css?family=Roboto:400italic,700italic,300,700,300italic,400";
@import "http://fonts.googleapis.com/css?family=Roboto+Slab:300,700,400";
@import url(../verge/dist/components/magnific-popup/dist/magnific-popup.css);
@import url(../verge/dist/components/jQuery.mmenu/src/css/jquery.mmenu.all.css);
#main-nav > ul:after, #comments #comment-header:after, #comments ul:after, #article:after, #article article.single #article-selector:after, #article .right-box .col-line .col-content:after, #article .right-box .col-line:after, #articles-list .article:after, #listings.list .article:after, #expert .article:after, .grid:after, #guide:after, #guide .header:after, #guide .breadcrumb:after, #expert-insight .expert-line .expert-content .expert-info-block .expert-desc:after, #expert-insight .expert-line .expert-content .expert-info-block:after, #expert-insight .expert-line .expert-content .expert-right:after, #expert-insight .expert-line:after, .article-expert:after, .article-expert .company:after, #image-slider:after, #header-slider .viewport ul:after, #header-slider .viewport ul li:after, .side-nav-box ul li:after, .side-nav-box .sn-box-contain .col-line .col-content:after, .side-nav-box .sn-box-contain .col-line:after, .container:after, #main-nav > ul > li > div:after, .wrapper:after, #wrapper:after, #header.fixed #main-nav > ul:after, #header .section:after, #header .grid:after, #header .hero:after, #footer:after, #copyright:after, #content:after, .hero:after {
  content: "";
  display: table;
  clear: both;
}

.screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.more-link, body .wp-paginate .current, body .wp-paginate a:hover {
  color: #678D92;
}

.article-list h3 a, #articles > div h3 a, #guide #index .listing h3 a, #guide .info a, #header-slider .viewport ul li .summary h4 a, #footer ul a {
  text-decoration: none;
}
.article-list h3 a:hover, #articles > div h3 a:hover, #guide #index .listing h3 a:hover, #guide .info a:hover, #header-slider .viewport ul li .summary h4 a:hover, #footer ul a:hover {
  text-decoration: underline;
}

.article-list .summary, #articles > div .summary, #guide .info, .side-nav-box ul li .summary {
  font-size: .875em;
  line-height: 1.5em;
  color: #444;
  margin-top: .5em;
}

input[type="submit"], button, .btn, .button, #article article.single .content .body p a.button, #article article.single .content .body li a.button, #comments #comment-header a, #article article.single .article-reference-trigger, .questions .comment-list li.question .actions a, .questions #reply-title a {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-family: Roboto, sans-serif;
  font-size: 1.25em;
  padding: .6em 1.2em;
  color: #FFFFFF;
  background: #2D4852;
  text-decoration: none;
  display: inline-block;
  margin: 1em 0;
  border-radius: .5em;
  border: 0;
  /*box-shadow:2px 2px 4px rgba(0,0,0,.2);*/
}
input[type="submit"]:hover, button:hover, .btn:hover, .button:hover, #article article.single .content .body p a.button:hover, #article article.single .content .body li a.button:hover, #comments #comment-header a:hover, #article article.single .article-reference-trigger:hover, .questions .comment-list li.question .actions a:hover, .questions #reply-title a:hover {
  background: #1b2b31;
}

@font-face {
  font-family: "RobotoLight";
  src: url("../verge/dist/fonts/roboto_light_macroman/Roboto-Light-webfont.eot");
  src: url("../verge/dist/fonts/roboto_light_macroman/Roboto-Light-webfont.eot?iefix") format("eot"), url("../verge/dist/fonts/roboto_light_macroman/Roboto-Light-webfont.woff") format("woff"), url("../verge/dist/fonts/roboto_light_macroman/Roboto-Light-webfont.ttf") format("truetype"), url("../verge/dist/fonts/roboto_light_macroman/Roboto-Light-webfont.svg#webfont") format("svg");
}
@font-face {
  font-family: "RobotoRegular";
  src: url("../verge/dist/fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot");
  src: url("../verge/dist/fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot?iefix") format("eot"), url("../verge/dist/fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff") format("woff"), url("../verge/dist/fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf") format("truetype"), url("../verge/dist/fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#webfont") format("svg");
}
@font-face {
  font-family: "RobotoSlabRegular";
  src: url("../verge/dist/fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.eot");
  src: url("../verge/dist/fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.eot?iefix") format("eot"), url("../verge/dist/fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.woff") format("woff"), url("../verge/dist/fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.ttf") format("truetype"), url("../verge/dist/fonts/robotoslab_regular_macroman/RobotoSlab-Regular-webfont.svg#webfont") format("svg");
}
@font-face {
  font-family: "RobotoBoldCondensed";
  src: url("../verge/dist/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.eot");
  src: url("../verge/dist/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.eot?iefix") format("eot"), url("../verge/dist/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.woff") format("woff"), url("../verge/dist/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.ttf") format("truetype"), url("../verge/dist/fonts/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.svg#webfont") format("svg");
}
.article-list .summary, #articles > div .summary, #guide .info, .side-nav-box ul li .summary, #article article.single, #header-slider .viewport ul li .summary p, #copyright, #main-nav > ul > li.search input, #main-nav > ul > li > ul, #main-nav > ul > li > div, #comments .comment-line .comment-info .comment-bottom, #article article.single .deck, #article article.single .byline, #article article.single .subhead, .archives-link a, span.category a, a.category, span.tag a, a.tag, .poll .wp-polls p, #article article.single p.byline, #article article.single .content .body b, #article article.single .content .body strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.article-list .summary, #articles > div .summary, #guide .info, .side-nav-box ul li .summary, #article article.single, #header-slider .viewport ul li .summary p, #copyright {
  font-weight: 300;
}

#article article.single p.byline, #article article.single .content .body b, #article article.single .content .body strong {
  font-weight: 700;
}

#article article.single .content .meta, #article article.single h1, .article-list .meta, #articles > div .meta, .more-link, #guide #single h2, h1, body .wp-paginate, #article article.single #article-selector, #article .right-title, #article .right-box .col-line .col-content .related-articles-desc, #article .right-box .col-line .col-content .featured-videos-info .fv-user, #article .right-box .col-line .col-content .featured-videos-info .fv-time, #article .right-box .col-line .col-content .poll-answer, #article .right-box .col-line .col-content .poll-check, #article .right-box .col-line .col-content .poll-uncheck, #image-slider ul li h4 a, .side-nav-box h3, .side-nav-box ul li, .side-nav-box .sn-box-contain .col-line .col-content .related-articles-desc, .side-nav-box .sn-box-contain .col-line .col-content .featured-videos-info .fv-user, .side-nav-box .sn-box-contain .col-line .col-content .featured-videos-info .fv-time, .side-nav-box .sn-box-contain .col-line .col-content .poll-answer, .side-nav-box .sn-box-contain .col-line .col-content .poll-check, .side-nav-box .sn-box-contain .col-line .col-content .poll-uncheck, .hero div a, .poll .wp-polls input[type="button"], .article-list h3, #articles > div h3, #guide #index .listing h3 {
  font-family: 'Roboto Slab', sans-serif;
  font-weight: 400;
}

.article-list h3, #articles > div h3, #guide #index .listing h3 {
  font-weight: 700;
}

#main-nav, #article article.single p b, #article article.single p strong, .dl-menuwrapper button, .dl-menuwrapper ul li a, #footer h3, #article article.single #article-selector a.a-nav, #article .right-box .col-line .col-content .featured-videos-info .fv-title, #article .right-box .col-line .col-content .poll-question, #expert-insight .expert-line .expert-category, #expert-insight .expert-line .expert-content .expert-info-block .expert-name, #expert-insight .expert-line .expert-content .expert-info-block .expert-title, #header-slider .viewport ul li .summary h4 a, .side-nav-box .sn-box-contain .col-line .col-content .featured-videos-info .fv-title, .side-nav-box .sn-box-contain .col-line .col-content .poll-question, .side-nav-box .sn-box-contain .col-line .col-content .normal-desc {
  font-family: 'RobotoBoldCondensed';
}

[data-icon]:before {
  font: FontAwesome;
  content: attr(data-icon);
  speak: none;
}

html * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-content button {
  border-radius: 0;
}

a.mobile-nav-trigger {
  color: #FFFFFF;
  font-size: 1.5em;
  position: absolute;
  top: .5em;
  left: .5em;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  a.mobile-nav-trigger {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #mobile-nav li.social, #mobile-nav li.search {
    display: none;
  }
}

#main-nav {
  background: #2D4852;
  position: absolute;
  z-index: 3;
  bottom: 0;
  width: 100%;
  padding: 4px 8px 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #main-nav {
    display: none;
  }
}
#main-nav li {
  list-style-type: none;
}
#main-nav > ul > li {
  position: relative;
  float: left;
  text-transform: uppercase;
  /***** CSS for NAV STUFF *****/
  /***** END CSS *****/
  /*        @include at-least($break-tablet) {
              &.rich {
                position: static;
                >ul {
  
                  columns: 4;
                  -webkit-columns: 4;
                  -moz-columns: 4;
                }
              }
          }*/
}
#main-nav > ul > li.rich {
  position: static;
}
#main-nav > ul > li a {
  color: #c1c1c1;
}
#main-nav > ul > li.social, #main-nav > ul > li.search {
  float: right;
}
#main-nav > ul > li.social > a, #main-nav > ul > li.search > a {
  padding-left: .5em;
  padding-right: .5em;
}
#main-nav > ul > li.social.active > a, #main-nav > ul > li.search.active > a {
  background: none;
}
#main-nav > ul > li.search {
  float: right;
}
#main-nav > ul > li.search > div {
  right: 0;
  overflow: hidden;
}
#main-nav > ul > li.search button {
  position: absolute;
  right: 100%;
}
#main-nav > ul > li.search input {
  font-size: 14px;
  padding: .5em;
  background: #5a90a4;
  border: 0;
  outline: none;
  color: #121d21;
  transition: all .2s ease-in;
  min-width: 240px;
}
#main-nav > ul > li.search input::-webkit-input-placeholder {
  color: #2d4852;
}
#main-nav > ul > li.search input:-moz-placeholder {
  /* Firefox 18- */
  color: #2d4852;
}
#main-nav > ul > li.search input::-moz-placeholder {
  /* Firefox 19+ */
  color: #2d4852;
}
#main-nav > ul > li.search input:-ms-input-placeholder {
  color: #2d4852;
}

#main-nav > ul > li a, #main-nav > ul > li button {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  	padding: .5em 1em;	
  
  /*            transition: all .1s ease-in;*/
}

#main-nav > ul > li button {
	padding: .5em 1em;	
  	line-height: 1em;
}

#main-nav > ul > li > a {
  padding-bottom: .75em;
  border: 1px solid #2D4852;
  border-bottom: 0;
  line-height: .5em;
}

#main-nav > ul > li > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  background: #fff;
  border: 1px solid #2d4852;
  border-top: 0;
  padding: .5em 0;
  font-size: 0.875em;
  text-transform: none;
}
#main-nav > ul > li > ul a {
  white-space: nowrap;
  border-bottom: 1px solid #8bb1c0;
  color: #2D4852;
}
#main-nav > ul > li > ul a:hover {
  color: #678D92;
}
#main-nav > ul > li > ul a:last-child {
  border-bottom: 0;
}
#main-nav > ul > li:first-child > div {
  margin-left: -8px;
}
#main-nav > ul > li > div {
  display: none;
  position: absolute;
  top: 100%;
  background: #fff;
  border: 1px solid #2d4852;
  border-top: 0;
  padding: 10px;
  text-transform: none;
}
#main-nav > ul > li > div > ul {
  float: left;
}
#main-nav > ul > li > div > ul > li {
  margin-bottom: 1em;
}
#main-nav > ul > li > div > ul > li > a {
  color: #2D4852;
  line-height: .5em;
  padding: .5em 1em;
}
#main-nav > ul > li > div > ul > li > a:hover {
  color: #678D92;
}
#main-nav > ul > li > div > ul ul a {
  color: #a1a1a1;
  font-size: .75em;
  padding: .4em 1.33333333333333em;
}
#main-nav > ul > li > div > ul ul a:hover {
  color: #3b3b3b;
}
#main-nav > ul > li.active > a {
  color: #678D92;
  background: #fff;
}
#main-nav > ul > li.active > ul, #main-nav > ul > li.active > div {
  display: block;
}

#header.fixed #main-nav {
  position: fixed;
  top: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  z-index: 10;
}
#header.fixed #main-nav > ul {
  padding: 0 8px;
}

body.admin-bar #header.fixed #main-nav {
  top: 32px;
}

body .mm-menu .mm-list {
  padding: 0;
}

.ad, .small-rect, .medium-rect {
  background: #FFFFFF;
  display: inline-block;
  /*    @include dev-label(red);*/
}

.small-rect {
  /*    width:300px;
      height:100px;*/
  margin: 0 auto;
  display: block;
}

.medium-rect {
  /*    width:300px;
      height:250px;*/
  /*    @include respond-to(mobile) {
          @include ad-small;
      }*/
}

/*.leaderboard {
    
    @include respond-to(mobile) {
        display:none;
    }
    
    text-align:center;
    
    .content {
        @extend .ad;
        width:728px;
        height:90px;
        @include respond-to(mobile, 400px) {
            @include responsive-images();
        }
    }
    
    @include respond-to(mobile, 400px) {
        display:block;
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        height:90px;
        z-index:10;
        text-align:center;
        
        .content {
            width:100%;
            max-width:728px;
            display:inline-block;
            box-shadow:0 0 10px rgba(0,0,0,.3);
        }
    }
}*/
.leaderboard {
  text-align: center;
  position: relative;
  /*    padding-bottom:11.71875%;
      height:0;*/
  height: 90px;
  overflow: hidden;
  /*    ins,iframe {
          position: absolute;
          top:0;
          left: 0;
          width: 100%;
          height: 100%;
      }*/
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  .leaderboard {
    /*display:none;*/
    background-color: #fff;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  .leaderboard {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: auto;
  }
  .leaderboard .content {
    width: 320px;
    margin: 0 auto;
  }
}

.banner {
  display: block;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 959px) {
  .banner {
    /*display:none;*/
  }
}

body #sb-player.html {
  overflow: hidden;
}

#comments {
  padding-top: 2em;
}
#comments .logged-in-as a, #comments .comment-bottom a {
  color: #678D92;
  text-decoration: none;
}
#comments .logged-in-as a:hover, #comments .comment-bottom a:hover {
  text-decoration: underline;
}
#comments #comment-header {
  position: relative;
  background-color: #f5f5f3;
  padding: .5em 1em;
  margin-bottom: 20px;
}
#comments #comment-header #left-ch {
  font-size: 1em;
  color: #000000;
  float: left;
}
#comments #comment-header #left-ch span {
  color: #678D92;
}
#comments #comment-header a {
  margin: -.5em -1em;
  display: block;
  float: right;
  font-size: 1em;
  border-radius: 0;
  line-height: 1;
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #comments #comment-header {
    text-align: center;
    padding: 1em;
  }
  #comments #comment-header #left-ch {
    float: none;
    margin-bottom: .5em;
  }
  #comments #comment-header a {
    float: none;
    margin: 0;
  }
}
#comments ul {
  list-style-type: none;
}
#comments ul.children {
  margin: 1em 0;
}
#comments ul.children .comment-info {
  background: #fff;
}
#comments .comment-line {
  margin: 20px 0;
}
#comments .comment-line .comment-img {
  margin-top: .5em;
  width: 40px;
  height: auto;
  -ms-interpolation-mode: bicubic;
  float: left;
}
#comments .comment-line .comment-info {
  background: #f5f5f3;
  overflow: hidden;
  margin-left: 1.6%;
  padding: 3.870967741935%;
  border-radius: .5em;
}
#comments .comment-line .comment-info .comment-message {
  color: #000000;
  font-size: .875em;
}
#comments .comment-line .comment-info .comment-message p {
  line-height: 1.5em;
  margin-bottom: 1.5em;
}
#comments .comment-line .comment-info .comment-bottom {
  font-size: .75em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: .5em 0;
}
#comments .comment-line .comment-info .comment-bottom > * {
  display: inline-block;
}
#comments .comment-line .comment-info .comment-bottom > *:before {
  display: inline-block;
  content: '\2022';
  margin: 0 .5em;
}
#comments .comment-line .comment-info .comment-bottom > *:first-child:before {
  display: none;
}

#respond, #question_form {
  margin: 2em 0;
  padding: 2em 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#respond h3, #question_form h3 {
  margin: 1em 0em;
}
#respond label, #question_form label {
  min-width: 72px;
  display: inline-block;
}
#respond p, #question_form p {
  margin: 1em 0;
}
#respond p.comment-form-comment label, #question_form p.comment-form-comment label {
  display: block;
  margin-bottom: .3em;
}
#respond textarea, #respond input[type="text"], #question_form textarea, #question_form input[type="text"] {
  border-radius: 1em;
  padding: 1em;
  background: #f5f5f3;
  border: 1px solid #e9e9e5;
}
#respond input[type="text"], #question_form input[type="text"] {
  min-width: 220px;
  max-width: 11.6%;
}
#respond textarea, #question_form textarea {
  min-width: 300px;
  max-width: 100%;
}
#respond code, #question_form code {
  display: block;
}

#article .color-spacer {
  top: 0px;
  left: 0px;
  position: absolute;
  float: left;
  height: 100%;
  width: 5px;
  z-index: 999;
}
#article article.single {
  /*  &.single-post, &.single-article {
      margin-left: 65px;
    }*/
  position: relative;
}
#article article.single h2.deck {
  font-size: 1.1em;
  font-weight: normal;
  color: #000;
  line-height: 1.3em;
}
#article article.single h3.subhead {
  /*font-size: 1em;*/
  font-size: 1.125em;
  font-weight: 700;
  color: #154752;
  margin-bottom: .3em;
}
#article article.single p.bio {
  font-size: 0.875em;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
}
#article article.single p.byline {
  font-size: 0.875em;
  display: block;
  margin: 1em 0;
}
#article article.single blockquote.pullquote {
  margin: 1em 0 1em 1em;
  background: #eee;
  padding: .6em;
  font-size: 1.125em;
  color: #666;
  width: 50%;
  float: right;
}
#article article.single p.reference {
  font-size: 0.875em;
  color: #000;
}
#article article.single #share {
  margin-bottom: 1em;
}
#article article.single #share, #article article.single #share * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
#article article.single .content {
  position: relative;
  margin-bottom: 3em;
}
#article article.single .content .meta {
  margin-bottom: 2em;
}
#article article.single .content .meta p, #article article.single .content .meta div {
  margin: 0;
  line-height: 1.3em;
}
#article article.single .content .meta a {
  color: #678D92;
  text-decoration: none;
}
#article article.single .content .meta a:hover {
  text-decoration: underline;
}
#article article.single .content .thumbnail img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
#article article.single .content .thumbnail.low-res {
  max-width: 50%;
  float: left;
  margin: 0 1em 1em 0;
}
#article article.single .content .body h2, #article article.single .content .body h3, #article article.single .content .body h4, #article article.single .content .body h5, #article article.single .content .body h6 {
  margin: 1em 0;
}
#article article.single .content .body p a, #article article.single .content .body li a {
  color: #678D92;
}
#article article.single .content .body p a:hover, #article article.single .content .body li a:hover {
  text-decoration: none;
}
#article article.single .content .body ul, #article article.single .content .body ol {
  margin-left: 2em;
  margin-bottom: 1em;
}
#article article.single .content .body ul li, #article article.single .content .body ol li {
  margin-bottom: 1em;
}
#article article.single .content .body .alignleft {
  float: left;
  display: inline;
  padding: .2em 1.5em 0em .1em;
  margin-right: 1.5em;
}
#article article.single .content .body .aligncenter {
  clear: both;
  margin: 0 auto;
  display: block;
}
#article article.single .content .body .alignright {
  padding: .2em 1.5em 0em .1em;
  margin-left: 1.5em;
  float: right;
  display: inline;
}
#article article.single .content .body img.alignleft, #article article.single .content .body img.alignright {
  padding: 0;
}
#article article.single .content .body blockquote {
  margin: 0 2em;
}
#article article.single .content .body .wp-caption {
  background: #f6f6f6;
  padding: 2%;
  margin-bottom: 1em;
}
#article article.single .content .body .wp-caption .wp-caption-text {
  margin: 0;
  font-size: 0.75em;
  font-style: italic;
  color: #000;
}
#article article.single .content .body .wp-caption.alignleft {
  float: left;
  margin-right: 1em;
}
#article article.single .content .body .wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
#article article.single .content .body .wp-caption.aligncenter .wp-caption-text {
  text-align: center;
}
#article article.single .content .body .wp-caption.alignright {
  float: right;
  margin-left: 1em;
}
#article article.single .content .body .wp-caption img[class*="wp-image-"] {
  display: block;
  max-width: 96%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  margin-bottom: .3em;
}
#article article.single .content .body iframe {
  border: 0;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  #article article.single .content {
    padding-left: 80px;
  }
  #article article.single .content #share {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    margin-bottom: 0;
  }
  #article article.single .content #share .stButton {
    margin-bottom: 1em;
  }
}
#article article.single.single-page .content {
  padding-left: 0;
}
#article article.single.single-page .content #share {
  display: none;
}
#article article.single .title {
  /*padding-left:.2em;*/
}
#article article.single h1 {
  color: #678D92;
  font-size: 1.875em;
  line-height: 1.2em;
  margin-bottom: .375em;
}
#article article.single p {
  font-size: 1em;
  line-height: 1.375em;
  margin-bottom: 1.375em;
}
#article article.single .article-reference-trigger {
  font-size: inherit;
}
#article article.single .article-reference {
  background: #eee;
  margin: 4%;
  padding: 4%;
  font-size: 0.875em;
}
@media screen and (min-width: 768px) {
  #article article.single .article-reference.float-right {
    float: right;
    margin-right: 0;
    max-width: 40%;
  }
  #article article.single .article-reference.float-left {
    float: left;
    margin-left: 0;
    max-width: 40%;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #article article.single .article-reference {
    display: block;
    float: none;
    margin: 2em 0;
    width: 100%;
  }
}
#article article.single .article-reference ul, #article article.single .article-reference ol {
  margin-left: .5em;
}
#article article.single #article-selector {
  color: #4e4e51;
}
#article article.single #article-selector a.a-nav {
  letter-spacing: .05em;
  font-size: .875em;
  color: #234b70;
  display: block;
  text-decoration: none;
}
#article article.single #article-selector #left-sel {
  font-size: 1em;
  width: 250px;
  text-align: center;
  float: left;
  border-right: 2px solid #a0b0b0;
}
#article article.single #article-selector #right-sel {
  font-size: 1em;
  width: 250px;
  text-align: center;
  float: right;
}
#article hr.divider {
  height: 0;
  color: #eee;
  border: 0;
  border-top: 2px solid #eee;
  margin: 1em 0;
}
#article .ad-box {
  width: 300px;
  height: 300px;
}
#article .right-title {
  background-color: #2D4852;
  padding: 5px;
  width: 280px;
  font-size: 1.375em;
  color: #FFFFFF;
}
#article .right-box {
  position: relative;
  height: auto;
}
#article .right-box .col-line {
  position: relative;
  height: auto;
  padding-bottom: 8px;
  width: 280px;
  margin-top: 5px;
  background-color: #f5f5f3;
}
#article .right-box .col-line .col-content {
  float: left;
  margin-top: 10px;
  width: 270px;
}
#article .right-box .col-line .col-content .related-articles-img {
  width: 65px;
  height: 50px;
  float: left;
  margin-left: 10px;
}
#article .right-box .col-line .col-content .related-articles-desc {
  margin-left: 10px;
  width: 185px;
  font-size: .75em;
  color: #000000;
  float: right;
}
#article .right-box .col-line .col-content .featured-videos-info {
  margin-left: 10px;
  float: left;
}
#article .right-box .col-line .col-content .featured-videos-info .fv-title {
  font-size: .875em;
  letter-spacing: .05em;
  color: #000000;
}
#article .right-box .col-line .col-content .featured-videos-info .fv-user {
  font-size: .75em;
  color: #9fb5bb;
}
#article .right-box .col-line .col-content .featured-videos-info .fv-time {
  font-size: .75em;
  color: #9fb5bb;
}
#article .right-box .col-line .col-content .featured-videos-vid {
  float: right;
  width: 105px;
  height: 65px;
}
#article .right-box .col-line .col-content .job-center-text {
  margin-left: 10px;
  font-size: .75em;
  color: #000000;
}
#article .right-box .col-line .col-content .job-center-location {
  margin-left: 10px;
  font-size: .75em;
  color: #224b70;
  font-style: italic;
}
#article .right-box .col-line .col-content .job-center-links {
  text-align: right;
  font-size: .875em;
}
#article .right-box .col-line .col-content .poll-question {
  margin-left: 10px;
  font-size: .875em;
  letter-spacing: .05em;
  color: #000000;
}
#article .right-box .col-line .col-content .poll-answer {
  float: left;
  margin-left: 10px;
  font-size: .75em;
}
#article .right-box .col-line .col-content .poll-check {
  float: right;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  background-color: #d3b379;
  font-size: 1.375em;
  color: #FFFFFF;
  padding-left: 5px;
}
#article .right-box .col-line .col-content .poll-uncheck {
  float: right;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  background-color: #9fb5bb;
}

#buyers-guide-listings .vcard {
  margin-top: 1em;
  padding: 1em;
  background: #f5f5f3;
}
#buyers-guide-listings .vcard h3 a {
  color: #678D92;
  text-decoration: none;
}
#buyers-guide-listings .vcard h3 a:hover {
  text-decoration: underline;
}
#buyers-guide-listings .vcard p {
  margin-bottom: 0;
}
#buyers-guide-listings .vcard a {
  color: #678D92;
  text-decoration: underline;
}
#buyers-guide-listings .vcard a:hover {
  text-decoration: none;
}

button.library_button {
  z-index: 20;
}
button.library_button > ul {
  height: 400px;
  overflow: scroll;
}
button.library_button button {
  border-radius: 0;
}
button.library_button button:hover, button.library_button button.dl-active, button.library_button ul {
  background: #2D4852;
}

div.library-item {
  float: left;
}

div.library-page-title h3 {
  font-size: small;
  vertical-align: sub;
}

div.article-library {
  position: relative;
  margin-top: 20px;
}

div.library_new {
  font-size: small;
  color: red;
}

div.grid div.silverpop.download {
  width: 190px;
}

div.silverpop.download {
  display: table-cell;
  vertical-align: bottom;
  float: right;
  padding: 15px 0px 0px 0px;
  margin: 0px;
}
div.silverpop.download i {
  font-size: small;
  vertical-align: sub;
}
div.silverpop.download button {
  font-size: 1em;
  border-radius: 0;
  padding: 0px 10px;
  margin: 0px 20px;
  height: 2em;
}

h4.rl_dload {
  padding-top: 14px;
  color: red;
}

#articles-list .article, #listings.list .article, #expert .article {
  margin: 2em 0;
}
#articles-list .article .img, #listings.list .article .img, #expert .article .img {
  float: left;
  margin-right: 10px;
}
#articles-list .article article, #listings.list .article article, #expert .article article {
  overflow: hidden;
}

.archives-link a {
  text-align: center;
  display: block;
  text-transform: uppercase;
  font-size: 1.125em;
  padding: .25em;
  color: #fff;
  margin: 1em 0;
  text-decoration: none;
  background: #2D4852;
}
.archives-link a:hover {
  background: #1b2b31;
}

.article-list h3, #articles > div h3 {
  line-height: 1.3em;
}
.article-list h3 a, #articles > div h3 a {
  color: #000000;
}
.article-list h4, #articles > div h4 {
  margin-bottom: .4em;
}
.article-list .meta, #articles > div .meta {
  font-size: 0.875em;
}
.article-list .meta a, #articles > div .meta a {
  color: #678D92;
  text-decoration: none;
}
.article-list .meta a:hover, #articles > div .meta a:hover {
  text-decoration: underline;
}

.more-link {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.125em;
  white-space: nowrap;
}
.more-link:hover {
  text-decoration: underline;
}
.more-link:before {
  content: '[ ';
}
.more-link:after {
  content: ' ]';
}

.grid {
  border: 1px solid #eee;
  background: #eee;
  /*    > .article, > .listing {
          border:1px solid red;
          margin-top:-1px;
          margin-left:-1px;
      }*/
}
.grid.horizontal > div {
  margin-right: 1px;
}
.grid > div {
  display: block;
  float: left;
  background: #FFFFFF;
  margin-bottom: 1px;
}
.grid > div.ad-holder, .grid > div.article {
  padding: 15px;
}
.grid > div .img img {
  width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
@media screen and (min-width: 768px) {
  .grid > div .img {
    max-width: 300px;
    margin: 0 auto 10px;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  .grid > div .img {
    width: 80px;
    float: left;
    margin: 0 1em 1em 0;
  }
}
@media screen and (min-width: 768px) {
  .grid > div h4 {
    margin-top: -10px;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  .grid > div {
    width: 100%;
    float: none;
    position: static !important;
    margin: 1px 0;
  }
  .grid > div .title {
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .grid > div {
    width: 382px;
  }
}
@media only screen and (min-width: 960px) {
  .grid > div {
    width: 318px;
  }
}
.grid > div.ad-holder {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.grid > div.article:hover {
  background: #fafcfd;
}
.grid > div.extended {
  bottom: 1px;
}

.dl-menuwrapper {
  z-index: 20;
}
.dl-menuwrapper > ul {
  height: 400px;
  overflow: scroll;
}
.dl-menuwrapper button {
  border-radius: 0;
}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {
  background: #2D4852;
}

#guide {
  min-height: 460px;
  /*@import "buyersguide-old";*/
}
#guide .header {
  border-bottom: 4px solid #eee;
}
#guide .header #category-nav {
  float: left;
}
#guide .header h1 {
  float: left;
  margin-right: 30px;
}
#guide .header form {
  float: right;
  margin-bottom: 10px;
}
#guide .header form input {
  outline: 0;
  width: 300px;
  border: 1px solid #ccc;
  font-size: 1em;
  height: 2em;
  border-radius: .75em;
  padding: .375em .75em;
}
#guide .header form button {
  font-size: 1em;
  padding: .4em .7em;
}
@media screen and (max-width: 959px) {
  #guide .header form {
    clear: both;
    float: none;
    text-align: center;
    background: #eee;
    margin-bottom: 0;
    padding: 10px 0;
  }
}
#guide .breadcrumb {
  list-style-type: none;
  background: #f5f5f3;
  color: #999;
  margin-top: -4px;
  padding: .5em;
}
#guide .breadcrumb li {
  display: inline-block;
}
#guide .breadcrumb li a {
  color: #678D92;
  text-decoration: none;
}
#guide .breadcrumb li a:hover {
  text-decoration: underline;
}
#guide .breadcrumb li:after {
  display: inline-block;
  content: '/';
  padding: 0 .5em;
}
#guide .breadcrumb li.current:after {
  display: none;
}
#guide .breadcrumb li.current a {
  color: #999;
  cursor: default;
}
#guide .breadcrumb li.current a:hover {
  text-decoration: none;
}
#guide.single .header h1 {
  color: #ccc;
}
#guide .col-left .widget {
  margin: 20px 0;
}
#guide #index .listing {
  padding: 20px;
}
#guide #index .listing h3 {
  line-height: 1.3em;
}
#guide #index .listing h3 a {
  color: #000000;
}
#guide #index .listing.featured {
  background: #fff9ee;
}
#guide #index .listing.regular {
  font-size: 0.875em;
}
#guide .info {
  font-size: 1em;
}
#guide .info > div {
  margin: 1em 0;
}
#guide .info .phone .sep {
  content: '|';
  padding: 0 1em;
}
#guide .info .internet {
  text-overflow: ellipsis;
  overflow: hidden;
}
#guide .info .internet .sep {
  display: block;
}
#guide .info a {
  color: #678D92;
}
#guide #single {
  margin-top: 20px;
}
#guide #single h2 {
  color: #678D92;
  font-size: 1.875em;
  line-height: 1.2em;
  margin-bottom: .375em;
}

/* Common styles of menus */
.dl-menuwrapper {
  width: 300px;
  margin-right: -120px;
  float: left;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
}
.dl-menuwrapper button {
  text-align: left;
  text-transform: uppercase;
  background: #ccc;
  border: none;
  font-size: 1.125em;
  line-height: 1.2;
  padding: .5em;
  position: relative;
  cursor: pointer;
  outline: none;
  color: #FFFFFF;
}
.dl-menuwrapper button:before {
  margin-right: .3em;
  content: "\f0c9";
  font-family: 'FontAwesome';
  speak: none;
  -webkit-font-smoothing: antialiased;
}
.dl-menuwrapper button:after {
  margin-left: .3em;
  content: "\f0d7";
  font-family: 'FontAwesome';
  speak: none;
  -webkit-font-smoothing: antialiased;
}
.dl-menuwrapper ul {
  width: 300px;
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.dl-menuwrapper ul li {
  position: relative;
  /* Hide the inner submenus */
}
.dl-menuwrapper ul li .dl-submenu {
  display: none;
}
.dl-menuwrapper ul li > a:not(:only-child):after, .dl-menuwrapper ul li li.dl-back:after {
  position: absolute;
  top: 0;
  line-height: 2em;
  font-family: 'FontAwesome';
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\f061";
}
.dl-menuwrapper ul li a {
  display: block;
  position: relative;
  padding: .5em 2em .5em 1em;
  font-size: 1em;
  line-height: 1.2em;
  color: #fff;
  outline: none;
  text-decoration: none;
}
.dl-menuwrapper ul li a:hover {
  background: rgba(255, 248, 213, 0.1);
}
.dl-menuwrapper ul li > a:after {
  right: 10px;
  color: rgba(0, 0, 0, 0.15);
}
.dl-menuwrapper ul li.dl-back:after {
  left: .6em;
  color: rgba(212, 204, 198, 0.3);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dl-menuwrapper ul li.dl-back > a {
  padding-left: 2em;
  background: rgba(0, 0, 0, 0.1);
}
.dl-menuwrapper ul li.dl-parent {
  background: #678D92;
}
.dl-menuwrapper ul li.dl-parent a:before {
  content: 'View ';
}
.dl-menuwrapper ul.dl-menu {
  position: absolute;
  width: 300px;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.dl-menuwrapper ul.dl-menu.dl-menu-toggle {
  transition: all 0.3s ease;
}
.dl-menuwrapper ul.dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  margin: 0;
}

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}

@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
@keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}
.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}

.no-js .dl-menuwrapper li.dl-back {
  display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: '';
}

/*hr
{
    height:0;
    color:$color-4;
    border-top:1px solid $color-5;
    margin:1em 0px 1em 0;
}

.content
{
    background: #fff;
    //display: inline-block;
    height:100%;
    color: red;
    border: 1px solid red;
    font-size: .75em;
    padding: .75em;
    text-align: right;
}*/
#expert-insight {
  margin-top: 2.69em;
}
#expert-insight h2 {
  font-weight: normal;
  color: #678D92;
  font-size: 1.875em;
  padding-left: .2em;
}
#expert-insight a {
  color: #678D92;
  text-decoration: none;
}
#expert-insight hr {
  margin-top: .5em;
}
#expert-insight #description {
  color: #3a2129;
  font-size: .75em;
  line-height: 1.875em;
  margin-right: 3.84em;
}
#expert-insight .expert-line .expert-category {
  padding: .25em .75em;
  font-size: .875em;
  text-transform: uppercase;
  color: #FFFFFF;
  display: inline-block;
  text-decoration: none;
  letter-spacing: .05em;
  background-color: #678D92;
}
#expert-insight .expert-line .expert-content {
  font-size: .875em;
  margin-top: 0.76em;
}
#expert-insight .expert-line .expert-content .expert-info-block .expert-name {
  font-size: 1.375em;
  letter-spacing: .05em;
}
#expert-insight .expert-line .expert-content .expert-info-block .expert-title {
  color: #9fb5bb;
  font-size: 1.125em;
  letter-spacing: .05em;
}
#expert-insight .expert-line .expert-content .expert-info-block .expert-profile-pic {
  min-width: 4em;
  max-width: 8em;
  min-height: 6em;
  max-height: 10em;
  float: left;
}
#expert-insight .expert-line .expert-content .expert-info-block .expert-logo {
  margin-right: 0.76em;
  float: right;
  min-width: 15.5em;
  max-width: 15.5em;
  min-height: 4.61em;
  max-height: 4.61em;
}
#expert-insight .expert-line .expert-content .expert-info-block .expert-info {
  color: #4e4e51;
  margin-left: 0.76em;
  float: left;
}
#expert-insight .expert-line .expert-content .expert-info-block .expert-desc {
  margin-top: 0.76em;
  float: left;
  max-width: 46em;
  font-size: .875em;
}
#expert-insight .expert-line .expert-content .expert-right {
  margin-top: .5em;
  margin-right: 1em;
  text-align: right;
  width: 100%;
}

.article-expert {
  padding-bottom: 2em;
  border-bottom: 2px solid #eee;
  margin-bottom: 2em;
}
.article-expert .img, .article-expert .expert-profile-pic {
  max-width: 120px;
}
.article-expert .img img, .article-expert .expert-profile-pic img {
  width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
@media screen and (max-width: 959px) {
  .article-expert .img, .article-expert .expert-profile-pic {
    max-width: 60px;
  }
}
.article-expert .body .expert-profile-pic {
  float: left;
  margin: 0 1em 1em 0;
}
.article-expert article {
  position: relative;
}
@media screen and (min-width: 960px) {
  .article-expert article {
    padding-right: 250px;
    min-height: 300px;
  }
}
.article-expert .company {
  padding: 1em;
  background: #f5f5f3;
  line-height: 1.3em;
}
.article-expert .company .logo {
  line-height: 1;
  background: #fff;
  overflow: hidden;
}
.article-expert .company .logo img {
  width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  border: 1px solid #ddd;
  display: block;
}
.article-expert .company .info {
  overflow: hidden;
}
.article-expert .company .info a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: .75em;
  color: #678D92;
}
.article-expert .company .info a:hover {
  text-decoration: none;
}
@media screen and (max-width: 959px) {
  .article-expert .company {
    position: static;
    width: auto;
    margin: 1em 0;
  }
  .article-expert .company .logo {
    max-width: 60px;
    float: left;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 960px) {
  .article-expert .company {
    position: absolute;
    top: 0;
    right: 0;
    width: 240px;
  }
  .article-expert .company .logo {
    margin-bottom: .5em;
  }
}
.article-expert .button-wrapper {
  clear: left;
}
.article-expert .button-wrapper .btn {
  font-size: 1em;
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  .article-expert .button-wrapper .btn {
    display: block;
    text-align: center;
  }
}
.article-expert .summary {
  overflow: hidden;
}

.questions .comment-list {
  margin: 1em 0;
}
.questions .comment-list li.question {
  overflow: hidden;
  padding: 1em;
  line-height: 1.3em;
  font-size: .875em;
}
.questions .comment-list li.question.thread-even {
  background: #f5f5f3;
}
.questions .comment-list li.question.thread-odd {
  background: #fff;
}
.questions .comment-list li.question .actions {
  float: right;
  margin: 0 0 0 1em;
}
.questions .comment-list li.question .actions a {
  font-size: .75em;
}
.questions #reply-title a {
  font-size: .75em;
}
.questions .comment-content p {
  margin-bottom: 5px;
}
.questions #respond {
  padding-top: 20px;
}
.questions #respond form {
  display: none;
}
.questions ul.children {
  display: none;
}

#expert #respond {
  display: none;
}

body .question-modal .mfp-container .mfp-content {
  max-width: 600px;
}
body .question-modal .mfp-container .mfp-content #question_form {
  padding: 20px;
  margin: 0;
}
body .question-modal .mfp-container .mfp-content #question_form label {
  min-width: 120px;
}
body .question-modal .mfp-container .mfp-content #question_form p {
  white-space: nowrap;
}
body .question-modal .mfp-container .mfp-content #question_form p.comment-form-permission label {
  margin-right: 10px;
}

body .answer-modal .mfp-container .mfp-content {
  max-width: 800px;
}
body .answer-modal .mfp-container .mfp-content > div {
  background: #fff;
  padding: 20px;
}
body .answer-modal .mfp-container .mfp-content p {
  font-size: 0.875em;
  margin-bottom: 1em;
  line-height: 1.3em;
}
body .answer-modal .mfp-container .mfp-content .question {
  font-weight: bold;
  margin-bottom: 1em;
}

h1.category-title {
  margin-left: .2em;
}

#image-slider {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #image-slider {
    text-align: center;
  }
}
#image-slider .viewport {
  position: relative;
  overflow: hidden;
  text-align: left;
}
@media only screen and (min-width: 960px) {
  #image-slider .viewport {
    float: left;
    width: 640px;
    margin-right: 20px;
    min-height: 340px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #image-slider .viewport {
    float: left;
    margin-right: 10px;
    width: 458px;
    height: 340px;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #image-slider .viewport {
    width: 100%;
    height: 272px;
    margin-bottom: 10px;
  }
}
#image-slider ul {
  /*        @extend %clearfix;*/
  /*        position:relative;*/
  list-style: none;
}
@media screen and (max-width: 959px) {
  #image-slider ul {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 960px) {
  #image-slider ul {
    margin-left: 62.5%;
    display: table;
    /*            table-layout: fixed;*/
    border-collapse: collapse;
    min-height: 340px;
    border-left: 5px solid #2D4852;
  }
}
@media only screen and (min-width: 960px) {
  #image-slider ul li {
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    background: #f5f5f3;
    display: table-row;
  }
  #image-slider ul li.selected {
    background-color: #2D4852;
  }
  #image-slider ul li.selected h4 a {
    color: #fff;
  }
  #image-slider ul li.selected a.img, #image-slider ul li.selected .slider-desc {
    visibility: visible;
    opacity: 1;
  }
  #image-slider ul li .content {
    display: table-cell;
    vertical-align: middle;
    border-top: 4px solid #fff;
  }
  #image-slider ul li.slide-1 .content {
    border-top: 0;
  }
}
@media screen and (max-width: 959px) {
  #image-slider ul li {
    height: 100%;
    width: 100%;
    float: left;
    position: relative;
  }
  #image-slider ul li .content {
    background-color: #2D4852;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #FFFFFF;
  }
}
#image-slider ul li a.img {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (min-width: 960px) {
  #image-slider ul li a.img {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 0;
    left: 0;
    width: 62.5%;
    bottom: 5em;
    visibility: hidden;
    opacity: 0;
  }
}
@media screen and (max-width: 959px) {
  #image-slider ul li a.img {
    height: 100%;
  }
}
#image-slider ul li h4 a {
  display: block;
  text-decoration: none;
}
@media only screen and (min-width: 960px) {
  #image-slider ul li h4 a {
    padding: .75em .375em;
    font-size: 0.875em;
    color: #231f20;
  }
}
@media screen and (max-width: 959px) {
  #image-slider ul li h4 a {
    color: #FFFFFF;
    margin-bottom: .3em;
    padding: .5em;
  }
  #image-slider ul li h4 a:hover {
    text-decoration: underline;
  }
}
#image-slider ul li .slider-desc {
  font-size: .75em;
  line-height: 1.3em;
  height: 6.7em;
}
#image-slider ul li .slider-desc a {
  display: none;
}
@media screen and (max-width: 959px) {
  #image-slider ul li .slider-desc {
    display: none;
  }
}
@media only screen and (min-width: 960px) {
  #image-slider ul li .slider-desc {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    visibility: hidden;
    opacity: 0;
    margin: 0;
    background-color: #2D4852;
    color: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 62.5%;
    z-index: 2;
    padding: .75em;
  }
}

#slider-right {
  display: inline-block;
}
#slider-right .top-section {
  max-width: 300px;
  margin-bottom: 10px;
}
#slider-right .top-section img {
  width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

#header-slider {
  color: #FFFFFF;
  margin: 0 0 0 363px;
  max-width: 490px;
  height: 72px;
  background-color: #fff;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 959px) {
  #header-slider {
    display: none;
  }
}
#header-slider .prev, #header-slider .next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  color: #a0b0b0;
  width: 50px;
  height: 100%;
  padding: 25px 10px 10px 10px;
}
#header-slider .prev:hover, #header-slider .next:hover {
  color: #444;
}
#header-slider .prev.prev, #header-slider .next.prev {
  text-align: right;
  left: 0;
}
#header-slider .prev.next, #header-slider .next.next {
  text-align: left;
  right: 0;
}
#header-slider .viewport {
  margin-left: 50px;
  padding-top: 7.2px;
  height: 100%;
  width: 386px;
  overflow: hidden;
}
#header-slider .viewport ul {
  width: 100%;
  position: relative;
  left: 0;
  list-style: none;
  display: none;
}
#header-slider .viewport ul li {
  width: 100%;
  height: 100%;
  float: left;
}
#header-slider .viewport ul li img {
  height: 57.6px;
  width: auto;
  float: left;
  margin-right: .5em;
}
#header-slider .viewport ul li .summary {
  overflow: hidden;
}
#header-slider .viewport ul li .summary h4 a {
  /*                        letter-spacing: .05em;*/
  display: block;
  color: #678D92;
  font-size: .875em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#header-slider .viewport ul li .summary p {
  font-size: .75em;
  line-height: 1.25em;
  color: #231f20;
  max-height: 2.5em;
}

.side-nav-box {
  /*    padding:$gutter;*/
  padding: 10px 0;
  background: #f5f5f3 !important;
}
.side-nav-box h3 {
  background-color: #678D92;
  display: inline-block;
  padding: .25em .5em;
  min-width: 33%;
  font-size: 1.375em;
  color: #FFFFFF;
}
.side-nav-box ul {
  padding: 10px;
  clear: both;
  /*        background-color: #f5f5f3;*/
  /*        border:1px solid $secondary-color;*/
  list-style-type: none;
}
.side-nav-box ul li {
  font-size: .875em;
  line-height: 1.25em;
  padding: 1em .5em;
  border-bottom: 2px solid #eeeeeb;
}
.side-nav-box ul li:last-child {
  border: 0;
}
.side-nav-box ul li a {
  display: block;
}
.side-nav-box ul li .img img {
  border: 1px solid #eee;
  background: #fff;
  padding: 10px;
  max-width: 100%;
  width: auto;
  height: auto;
}
.side-nav-box ul li .icon {
  width: 50px;
  float: left;
  margin-right: 8px;
}
.side-nav-box ul li .icon img {
  width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}
.side-nav-box ul li .title {
  overflow: hidden;
  font-size: 1em;
  color: #231f20;
  text-decoration: none;
}
.side-nav-box ul li .title:hover {
  text-decoration: underline;
}
.side-nav-box ul li .summary {
  margin-top: .5em;
}
.side-nav-box .sn-box-contain {
  position: relative;
  height: auto;
}
.side-nav-box .sn-box-contain .col-line {
  position: relative;
  height: auto;
  padding-bottom: 8px;
  width: 280px;
  margin-top: 5px;
}
.side-nav-box .sn-box-contain .col-line .col-content {
  float: left;
  margin-top: 10px;
  width: 270px;
}
.side-nav-box .sn-box-contain .col-line .col-content .related-articles-img {
  width: 65px;
  height: 50px;
  float: left;
  margin-left: 10px;
}
.side-nav-box .sn-box-contain .col-line .col-content .related-articles-desc {
  margin-left: 10px;
  width: 185px;
  font-size: .75em;
  color: #231f20;
  float: right;
}
.side-nav-box .sn-box-contain .col-line .col-content .featured-videos-info {
  margin-left: 10px;
  float: left;
}
.side-nav-box .sn-box-contain .col-line .col-content .featured-videos-info .fv-title {
  font-size: .875em;
  letter-spacing: .05em;
  color: #231f20;
}
.side-nav-box .sn-box-contain .col-line .col-content .featured-videos-info .fv-user {
  font-size: .75em;
  color: #9fb5bb;
}
.side-nav-box .sn-box-contain .col-line .col-content .featured-videos-info .fv-time {
  font-size: .75em;
  color: #9fb5bb;
}
.side-nav-box .sn-box-contain .col-line .col-content .featured-videos-vid {
  float: right;
  width: 105px;
  height: 65px;
}
.side-nav-box .sn-box-contain .col-line .col-content .job-center-text {
  margin-left: 10px;
  font-size: .75em;
  color: #231f20;
}
.side-nav-box .sn-box-contain .col-line .col-content .job-center-location {
  margin-left: 10px;
  font-size: .75em;
  color: #224b70;
  font-style: italic;
}
.side-nav-box .sn-box-contain .col-line .col-content .job-center-links {
  text-align: right;
  font-size: .875em;
}
.side-nav-box .sn-box-contain .col-line .col-content .poll-question {
  margin-left: 10px;
  font-size: .875em;
  letter-spacing: .05em;
  color: #231f20;
}
.side-nav-box .sn-box-contain .col-line .col-content .normal-desc {
  margin-left: 10px;
  font-size: .875em;
  letter-spacing: .05em;
  color: #231f20;
}
.side-nav-box .sn-box-contain .col-line .col-content .poll-answer {
  float: left;
  margin-left: 10px;
  font-size: .75em;
}
.side-nav-box .sn-box-contain .col-line .col-content .poll-check {
  float: right;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  background-color: #d3b379;
  font-size: 1.375em;
  color: #FFFFFF;
  padding-left: 5px;
}
.side-nav-box .sn-box-contain .col-line .col-content .poll-uncheck {
  float: right;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  background-color: #9fb5bb;
}

body {
  position: relative;
  z-index: 1;
}
body .mfp-preloader {
  text-align: center;
  padding: 3em;
  color: #FFFFFF;
}
body .mfp-container {
  padding-top: 0px;
}
body .mfp-container .mfp-content {
  background-color: #000000;
  padding-top: 44px;
  max-width: 900px;
}
body .mfp-container .mfp-content .mfp-iframe-scaler .mfp-close {
  padding-right: 16px;
  top: 0px;
  width: 44px;
}
body .mfp-container .mfp-content .mfp-iframe-scaler iframe.mfp-iframe {
  background-color: #FFFFFF;
  margin-top: 44px;
}
body .mfp-container .mfp-content form, body .mfp-container .mfp-content .content {
  background: #FFFFFF;
  padding: 40px;
}
body .mfp-container .mfp-close {
  color: #FFFFFF;
}

.mfp-with-zoom .image-source-link {
  color: #98C3D1;
}
.mfp-with-zoom.mfp-bg, .mfp-with-zoom .mfp-container {
  opacity: 0.001;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-with-zoom.mfp-removing.mfp-bg, .mfp-with-zoom.mfp-removing .mfp-container {
  opacity: 0;
}
.mfp-with-zoom .mfp-container .mfp-content {
  padding: 0;
  background: none;
}
.mfp-with-zoom .mfp-close {
  top: auto;
  bottom: 100%;
}
.mfp-with-zoom .mfp-close:active {
  top: auto;
  bottom: 99%;
}
.mfp-with-zoom .mfp-figure {
  padding: 10px;
  background: #fff;
}
.mfp-with-zoom .mfp-figure img {
  padding: 0;
}

body {
  background: #FFFFFF;
  min-width: 320px;
  padding-bottom: 100px;
  font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
}

.section, .grid, .hero {
  margin: 10px 0;
  position: relative;
}

@media screen and (min-width: 460px) {
  .container, #main-nav > ul > li > div, .wrapper, #wrapper, #header.fixed #main-nav > ul, #header .section, #header .grid, #header .hero, #footer, #copyright {
    max-width: 460px;
  }
}
@media screen and (min-width: 768px) {
  .container, #main-nav > ul > li > div, .wrapper, #wrapper, #header.fixed #main-nav > ul, #header .section, #header .grid, #header .hero, #footer, #copyright {
    max-width: 768px;
  }
}
@media screen and (min-width: 960px) {
  .container, #main-nav > ul > li > div, .wrapper, #wrapper, #header.fixed #main-nav > ul, #header .section, #header .grid, #header .hero, #footer, #copyright {
    max-width: 960px;
  }
}

.wrapper, #wrapper, #header.fixed #main-nav > ul, #header .section, #header .grid, #header .hero, #footer, #copyright {
  margin: 0 auto;
}

#wrapper, #header.fixed #main-nav > ul {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #wrapper, #header.fixed #main-nav > ul {
    padding-top: 58px;
  }
}

/*@include respond-to(mobile) {
    body.admin-bar #header { top:50px; }
}*/
#header {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
}
@media only screen and (min-width: 960px) {
  #header {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
}
#header .section, #header .grid, #header .hero {
  position: relative;
  height: 112px;
  background: #678D92;
  color: white;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #header .section, #header .grid, #header .hero {
    height: auto;
  }
}
#header .section #logo, #header .grid #logo, #header .hero #logo {
  overflow: hidden;
  text-indent: -100%;
  white-space: nowrap;
  text-align: left;
  display: inline-block;
  background-image: url(dist/img/logo.jpg);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #header .section #logo, #header .grid #logo, #header .hero #logo {
    width: 260px;
    height: 51px;
    background-size: 260px 51px;
  }
}
@media screen and (min-width: 768px) {
  #header .section #logo, #header .grid #logo, #header .hero #logo {
    float: left;
    width: 363px;
    height: 71px;
    background-size: 363px 71px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #header .section #logo, #header .grid #logo, #header .hero #logo {
    background-image: url(dist/img/logo@2x.jpg);
  }
}
#header .section #signup, #header .grid #signup, #header .hero #signup {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #header .section #signup, #header .grid #signup, #header .hero #signup {
    display: none;
  }
}

.label {
  color: #999;
  border: 1px solid #999;
  font-size: .75em;
  padding: .75em;
  text-align: right;
  /*text-transform: uppercase;*/
}

h1 {
  color: #678D92;
  font-size: 1.875em;
  line-height: 1.2em;
  margin-bottom: .375em;
}

.hero {
  /*    &.hero-five-unit div {
          
          &.box-1 a:before { background-image: linear-gradient(to bottom right,#d38312,#a83279) }
          &.box-2 a:before { background-image: linear-gradient(to bottom right,#002f4b,#e0be00) }
          &.box-3 a:before { background-image: linear-gradient(to bottom right,#dc4225,#002f4b) }
          &.box-4 a:before { background-image: linear-gradient(to bottom right,#417711,#292484) }
          &.box-5 a:before { background-image: linear-gradient(to bottom right,#dc4225,#002f4b) }
          
          @include respond-to(tablet) {
              float:left;
              
              &.box-1 { width:512px; height:256px; a { font-size:32px } }
              &.box-2,
              &.box-3 { width:256px; height:128px; a { font-size:20px } }
              &.box-4,
              &.box-5 { width:384px; height:192px; }
          }
          
          @include respond-to(desktop) {
              float:left;
              
              &.box-1 { width:640px; height:240px; a { font-size: 40px } }
              &.box-2 { width:320px; height:240px; a { font-size: 32px } }
              &.box-3,
              &.box-4,
              &.box-5 { width:320px; height:180px; a { font-size: 24px } }
          }
      }*/
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  .hero {
    height: 240px;
  }
}
.hero div {
  background-size: cover;
  background-position: center center;
  position: relative;
  /*@include respond-to(tablet)  { @include grid($break-tablet);  }*/
  /*@include respond-to(desktop) { @include grid($break-desktop); }*/
}
.hero div a {
  display: block;
  width: 100%;
  height: 100%;
  padding: .8em;
  color: white;
  font-size: 24px;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
.hero div a:hover {
  text-decoration: underline;
}
.hero div a:hover:before {
  opacity: .9;
  box-shadow: inset 0 0 3em rgba(0, 0, 0, 0.6);
}
.hero div a:before {
  box-shadow: inset 0 0 1.5em rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: .8;
  z-index: -1;
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  .hero div {
    display: none;
    position: absolute;
    width: 100%;
    height: 240px;
  }
  .hero div:first-child {
    display: block;
  }
  .hero div a {
    font-size: 32px;
  }
}

a img {
  font-size: 10px;
  color: #aaa;
}

span.category a, a.category, span.tag a, a.tag {
  display: inline-block;
  padding: .3em .5em;
  /*    letter-spacing:-.05em;*/
  font-size: 10px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 1;
}

span.category a, a.category {
  background: #E29937;
}
span.category a:hover, a.category:hover {
  background: #e8b064;
}

span.tag a, a.tag {
  background: #2D4852;
}
span.tag a:hover, a.tag:hover {
  background: #1b2b31;
}

@media screen and (min-width: 768px) {
  .col-left {
    float: left;
    width: 66.66667%;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  .col-left {
    margin: 10px;
  }
}

@media screen and (min-width: 768px) {
  .col-right {
    float: right;
    width: 33.33333%;
    padding-left: 20px;
    border-left: 1px solid #ddd;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  .col-right {
    margin: 10px;
  }
}
.col-right > div {
  margin-bottom: 1em;
}

.mfp-content .col-left {
  float: none;
  width: 100%;
  padding-right: 0;
}
.mfp-content .col-right {
  display: none;
}

body .wp-paginate {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.125em;
  margin-bottom: 2em;
}
body .wp-paginate .current, body .wp-paginate a, body .wp-paginate a:hover {
  border: 0;
  background: none;
  margin-right: 0;
}
body .wp-paginate a {
  color: #bbb;
}
body .wp-paginate a:hover {
  text-decoration: underline;
}

#footer {
  margin-top: 1em;
  margin-bottom: 1em;
  background: #f5f5f3;
  padding: 1em 1em 0;
  border: 0px solid #678D92;
  border-top-width: 5px;
}
#footer h3 {
  font-size: 1em;
  text-transform: uppercase;
  color: #678D92;
}
#footer ul {
  margin: .5em 0 1em;
  list-style: none;
}
#footer ul a {
  color: #000000;
  font-size: 0.75em;
  /*            white-space:nowrap;*/
  display: block;
  padding: .4em 0;
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  #footer .left {
    float: left;
    width: 70%;
  }
  #footer .left ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
  #footer .right {
    float: left;
    max-width: 25%;
  }
  #footer .right ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #footer {
    border-bottom-width: 5px;
  }
}

#copyright {
  font-size: .75em;
}
#copyright a {
  text-decoration: none;
  color: #000000;
}
#copyright a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  #copyright {
    text-align: center;
  }
  #copyright ul {
    list-style-type: none;
    display: inline;
  }
  #copyright ul li {
    display: inline;
  }
  #copyright ul li:before {
    content: '|';
    padding: 0 .5em;
  }
}
@media only screen and (max-width: 767px) and (min-height: 0) {
  #copyright {
    padding: 1em;
  }
  #copyright ul {
    margin-left: 2em;
  }
  #copyright ul a {
    display: block;
  }
}

.poll .wp-polls p {
  padding-top: .1em;
}
.poll .wp-polls a {
  color: #678D92;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  text-transform: uppercase;
}
.poll .wp-polls a:hover {
  text-decoration: underline;
}
.poll .wp-polls input[type="button"] {
  background-color: #678D92;
  display: inline-block;
  padding: .1em .2em;
  min-width: 20%;
  font-size: .9em;
  color: #FFFFFF;
}

.body ol li {
  margin-left: 2em;
}

.center {
  text-align: center;
}

small {
  font-size: 8pt;
}

.gate-container {
  margin: 2em 0;
}

#header .section #logo, #header .grid #logo, #header .hero #logo {
  background-image: url(dist/img/clp-logo.png);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #header .section #logo, #header .grid #logo, #header .hero #logo {
    background-image: url(dist/img/clp-logo-retina.png);
  }
}

/*# sourceMappingURL=style.css.map */