/* VN IE Brand Color Fallback */
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .btn-primary {
        background-color: #10D7C4
    }
    .btn-arrow:focus span,
    .btn-arrow:hover span {
        color: #10D7C4
    }
    .btn-arrow:focus g,
    .btn-arrow:hover g {
        fill: #10D7C4
    }
    .primary-bk {
        background-color: #10D7C4
    }
    .top-bottom-rectangle:after,
    .top-bottom-rectangle:before {
        background-color: #10D7C4
    }
    .tag-white {
        background-color: #fff;
        color: #10D7C4
    }
    .tag-green {
        background-color: #10D7C4;
        color: #fff
    }
    .bg-black.bgh-1:hover {
        background-color:#10D7C4 !important;
    }
    @media (min-width:768px) {
        .navbar-fixed-top.navbar-default .navbar-nav>li>a.active,
        .navbar-fixed-top.navbar-default .navbar-nav>li>a:focus,
        .navbar-fixed-top.navbar-default .navbar-nav>li>a:hover {
            color: #10D7C4
        }
        .navbar-fixed-top.navbar-default .navbar-nav>.active a,
        .navbar-fixed-top.navbar-default .navbar-nav>.active a:focus,
        .navbar-fixed-top.navbar-default .navbar-nav>.active a:hover {
            color: #10D7C4
        }
    }
    @media (max-width:767px) {
        .navbar-fixed-top .navbar-nav>li>a {
            color: #10D7C4
        }
    }
    .search-box .close-btn {
        color: #10D7C4
    }
    .mobile-menu a.active,
    .mobile-menu a:focus,
    .mobile-menu a:hover {
        color: #10D7C4
    }
    .checkround:after {
        background: #10D7C4
    }
    .about-content-block .about-content-wrapper .sidebar-menu ul a.active li,
    .about-content-block .about-content-wrapper .sidebar-menu ul a:focus li,
    .about-content-block .about-content-wrapper .sidebar-menu ul a:hover li {
        color: #10D7C4
    }
    .about-content-block .about-content-wrapper .content-block .join-us-block a {
        color: #10D7C4
    }
    .blog-content .content-text blockquote {
        border-left: 4px solid #10D7C4
    }
    .blog-content .content-text blockquote p {
        color: #10D7C4
    }
    .other-articles .related-articles .article-content.bordered:before,
    .other-articles .trending-careers .article-content.bordered:before {
        background-color: #10D7C4
    }
    .article-block .content-block.green-stripe .article-content {
        border-top: 6px solid #10D7C4
    }
    .article-block .img-wrapper.bordered:after {
        background-color: #10D7C4
    }
    .article-block .content-wrapper.custom-wrapper .article-content {
        background: #10D7C4
    }
    .banner-block-content a:hover span:not(.tag) {
        color: #10D7C4
    }
    .logo-links .finance-link.active a:after,
    .logo-links .history-link.active a:after,
    .logo-links .living-link.active a:after,
    .logo-links .science-link.active a:after {
        background-color: #10D7C4
    }
    @media (max-width:767px) {
        .sm-banner .img-wrapper {
            height: auto
        }
        .sm-banner .img-wrapper img {
            position: static;
            height: 20rem
        }
        .sm-banner .img-wrapper .container {
            padding: 0
        }
        .sm-banner .img-wrapper .sm-banner-content {
            background-color: #313e46;
            margin: 0;
            position: relative;
            overflow: hidden
        }
        .sm-banner .img-wrapper .sm-banner-content h1 {
            color: #fff;
            font-size: 2.8rem;
            padding: 2rem;
            margin-top: 1rem
        }
        .sm-banner .img-wrapper .sm-banner-content:before {
            background-color: #10D7C4
        }
    }
    .banner-wide .btn-arrow:focus span,
    .banner-wide .btn-arrow:hover span {
        color: #10D7C4
    }
    @media (min-width:768px) {
        .multiple-articles .lg-article.green-block {
            background-color: #10D7C4
        }
    }
    @media (max-width:767px) {
        .image-container .next-slide.slider_click.cover {
            font-size: 2em
        }
        .multiple-articles .lg-article.green-block .img-wrapper:before {
            background-color: #10D7C4
        }
    }
    @media (max-width:767px) {
        .multiple-articles .slick-slider .lg-article.green-block .btn-arrow g {
            fill: #10D7C4
        }
    }
    .page-link-next-style .navigation-post-item.left,
    .page-link-next-style .navigation-post-item.right {
        background-color: #10D7C4!important
    }
    .navigation-post-item {
        background-color: #10D7C4
    }
    .newnext .image-container .next-slide.slider_click.cover {
        background-color: #10D7C4
    }
    .gallery .next-slide.slider_click,
    .newnext .next-slide.slider_click,
    .next-slide.slider_click {
        background-color: #10D7C4!important
    }
    .type_newnext.newnext_hidden figure .next_prev_on_img {
        background-color: #10D7C4
    }
    .svg-arrow-theme {
        fill: #10D7C4
    }
    .btn-primary:focus,
    .btn-primary:hover {
        background-color: #00510F!important
    }
    .btn-green,
    .btn-green span {
        color: #009E78
    }
    .top-bottom-rectangle.green:after,
    .top-bottom-rectangle.green:before {
        background-color: #009E78
    }
    .green-bk {
        background-color: #0ff2f2
    }
    .banner-block.top-bottom-rectangle:after,
    .banner-block.top-bottom-rectangle:before {
        background-color: #0ff2f2
    }
    @media (max-width:767px) {
        .banner-block-content {
            overflow: hidden
        }
        .banner-block-content:before {
            background-color: #0ff2f2
        }
    }
    #footer,
    #llc_comments_button:hover,
    #search-menu input[type=search],
    #submit:hover,
    .archive-title,
    .article-header,
    .brd-1,
    .home-recommendation,
    .post-container .comment-content a,
    .post-container .comment-content blockquote,
    .post-container .lead:after,
    .post-container .post-content a,
    .post-container .post-content blockquote,
    .section-video .carousel-indicators li.active,
    .video-post,
    .video-post-header .lead:after {
        border-color: #0FF2F2!important
    }
}

/* VN IE 101 Network Links Size */
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
  .logo-site-sm img {
    width: 100%;
    display: block;
  }
  .logo-site-sm > a img {
      min-width: 72px;
  }
  .flex-logo-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
  }
  footer .logo--smaller {
    min-height: 34px;
  }
  @media only screen and (max-width: 1399px) and (min-width: 1271px) {
      .layout-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }
    }
    .layout-row {
      -webkit-box-orient: horizontal;
      -ms-flex-direction: row;
      flex-direction: row
    }
}

/* VN Article Pages */
@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    /* VN Article Pages */
    .blog-content .layout-row {
        flex-direction: column;
    }
    /* VN Articles Images */
    .background-position {
        height: 100%;
        width: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        background-size: cover;
    }
    .object-position-top {
        -o-object-position: center;
           object-position: center;
        background-position: center;
    }
    .object-position-cover {
        -o-object-fit: cover;
           object-fit: cover;
        background-size: cover;
    }
    /* VN What's Happening Card */
    .consistent-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding-bottom: 2rem;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
    }
}

@media all and (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* V.N. First Trending Article Card Mobile */
    .multiple-articles .lg-article.xlg-article .col-sm-6 {
        width:100%;
    }
}