/* ------- */
/* GENERAL */
/* ------- */
html, body {
    background-color: #111922 !important;
}

body {
    overflow-x: hidden;
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}

body a {
    color: #0f4d8a;
}

body a:hover {
    cursor: pointer;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none;
    color: #3281d0;
}

#pagebody.container-fluid {
    padding: 0;
}

#pagecontents {
    padding: 0;
}

#pagecontents .container-fluid {
    max-width: 1299px;
}

.nowrap {
    white-space: nowrap;
}

noscript .alert {
    position: absolute;
    top: 120px;
    left: 0;
    width: 100%;
    z-index: 1000;
}

/* SHOPIFY */
#shopify-product-catalog {
    margin: 15px auto !important;
    text-align: center;
}

/* ADDTHIS */
#addthis-wrapper {
    margin: 0 auto;
    padding: 15px;
    background: #f2f5f7;
}

.addthis_recommended_horizontal {
    max-width: 767px;
    margin: 0 auto;
}

/* DISQUS */
#disqus_thread {
    max-width: 1021px;
    margin: 0 auto;
    padding: 15px;
}

/* LIGHTBOX */
#lightbox .modal-dialog {
    width: 100%;
    max-width: 1199px;
    margin: 30px auto !important;
}

#lightbox .modal-content {
    box-shadow: none;
    background-color: transparent;
    border: 0;
    text-align: center;
}

#lightbox .modal-body {
    padding: 0 10px;
}

#lightbox .close {
    z-index: 1032;
    position: relative;
    top: 10px;
    right: 10px;
    background-color: transparent;
    padding: 0;
    border: 0;
    line-height: 0.5;
    font-size: 40px;
    color: #fff;
    opacity: 0.75;
}

#lightbox .close:hover, #lightbox .close:active, #lightbox .close:focus {
    outline: none !important;
    opacity: 1.0;
}

#lightbox .modal-body img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

#lightbox .modal-body a {
    display: inline-block;
    margin: 3px auto;
    padding: 2px 5px;
    background-color: #fff;
    font-weight: bold;
}

/* BLOG FOOTER TEXT */
#blog-footer {
    max-width: 991px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.40;
    font-size: 16px;
    font-weight: normal;
    color: #4f5964;
}

.scc-blogroll #blog-footer {
    padding: 15px 5px 0 5px;
}

.scc-blog-article #blog-footer {
    padding: 5px 5px 15px 5px;
}

/* ARTICLE SIDEBAR */
.col-article-sidebar {
    padding: 20px 15px;
    background-color: #f2f5f7;
    border-radius: 5px;
}

.col-article-sidebar .sidebar-section {
    margin: 45px 0 0 0;
}

.col-article-sidebar .sidebar-section .sidebar-section-title {
    margin: 0;
    padding: 0 0 5px 5px;
    border-bottom: 3px solid #c0ced8;
    text-transform: uppercase;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #2d3339;
}

.col-article-sidebar .blog-sidebar-subscribe p.note {
    margin: 10px 0;
    text-align: center;
}

.col-article-sidebar .blog-sidebar-subscribe p.note span {
    font-weight: bold;
}

.col-article-sidebar .blog-sidebar-subscribe .form-group {
    margin: 0 5px 0 0;
    width: calc(100% - 70px);
}

.col-article-sidebar .blog-sidebar-subscribe .btn-row {
    display: inline-block;
    vertical-align: middle;
}

/* POPULAR ARTICLES */
#popular-articles .popular-article {
    display: block;
    margin: 0 auto;
    padding: 15px 2px 15px 5px;
    border-bottom: 1px dotted #c0ced8;
}

#popular-articles .popular-article:hover {
    background-color: #dfe7ec;
}

#popular-articles .popular-article .poparticle-img {
    display: inline-block;
    float: left;
    width: 65px;
    padding-top: 5px;
}

#popular-articles .popular-article .poparticle-img img {
    width: 100%;
    border: 1px solid #434c56;
}

#popular-articles .popular-article .poparticle-details {
    padding-left: 75px;
}

#popular-articles .popular-article .poparticle-details .poparticle-title {
    margin: 0 0 5px 0;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.3;
    font-size: 16px;
    font-weight: bold;
    color: #2d3339;
}

#popular-articles .popular-article .poparticle-details .poparticle-author {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #707f8f;
}

@media (max-width: 991px) {
    .col-article-sidebar {
        padding:30px 15px;
        border-radius: 0;
    }
}

/* -------------- */
/* ARTICLE HEADER */
/* -------------- */
#article-header {
    margin: 0 auto;
    padding: 20px 10px 20px 10px;
    text-align: left;
}

/* BLOG TITLE */
#article-header #blog-title {
    display: inline-block;
    margin: 0;
    padding: 6px 12px;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(255,255,255,1.0);
}

#article-header #blog-title:hover {
    opacity: 0.75;
}

/* ARTICLE TITLE */
#article-header #article-title {
    margin: 15px auto 15px auto;
    line-height: 1.2;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 45px;
    font-weight: bold;
    color: #2d3339;
}

/* ARTICLE TIMESTAMP */
#article-header #article-timestamp {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #707f8f;
    text-transform: uppercase;
}

/* ARTICLE INFO */
#article-header #article-info {
    margin: 0 auto;
    display: flex;
}

#article-header #article-info .author-card {
    margin-right: 10px;
}

#article-header #article-info .author-img {
    display: inline-block;
    float: left;
    width: 45px;
}

#article-header #article-info .author-img img {
    width: 100%;
    border: 1px solid #434c56;
    border-radius: 50px;
}

#article-header #article-info .author-details {
    padding-left: 55px;
}

#article-header #article-info .author-details .author-name {
    margin: 0 0 3px 0;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #2d3339;
}

#article-header #article-info .author-details .author-title {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #434c56;
}

/* HEADER BORDER */
#article-header hr.header-border {
    width: 100%;
    margin: 20px 0 0 0;
    border-top-width: 9px;
    border-top-style: solid;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}

/* ARTICLE HEADER MEDIA QUERIES */
@media (max-width: 991px) {
    #article-header #article-title {
        font-size:40px;
    }
}

@media (max-width: 767px) {
    #article-header #article-title {
        font-size:35px;
    }
}

/* PRINT QUERIES */
.print-only {
    display: none;
}

@media print {
    .print-only {
        display: block;
    }

    #article-header {
        padding: 0;
    }

    #article-header .print-only.print-image {
        width: 200px;
        margin: 0 auto 10px auto;
    }

    #article-header h2#blog-title a {
        color: black !important;
    }

    #article-header h1#article-title {
        margin-top: 0;
    }

    #article-header #article-info .by-author a {
        color: black !important;
    }

    #blogs-footer {
        padding: 0;
    }

    #blogs-footer .footer-navlinks, #blogs-footer .footer-logo-row, #blogs-footer .copyright-links .item-right {
        display: none !important;
    }

    #blogs-footer .footer-copyright .print-only.print-image {
        width: 250px;
        margin: 0 auto;
    }
}

/* ------------ */
/* ARTICLE BODY */
/* ------------ */
#article-body {
    max-width: 991px;
    padding: 15px 10px;
}

/* SUBTITLE */
#article-body h1 {
    clear: both;
    display: block;
    margin: 30px auto 15px auto;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 45px;
    font-weight: bold;
    color: #2d3339;
}

#article-body h2 {
    clear: both;
    display: block;
    margin: 30px auto 15px auto;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 37px;
    font-weight: bold;
    color: #2d3339;
}

#article-body h3 {
    clear: both;
    display: block;
    margin: 30px auto 15px auto;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #2d3339;
}

#article-body h4 {
    clear: both;
    display: block;
    margin: 15px auto 15px auto;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #2d3339;
}

/* TEXT */
#article-body p, #article-body ul, #article-body ol, #article-body .signature {
    margin: 0 auto 15px auto;
    font-family: 'Georgia','PT Serif','Times New Roman',Times,serif;
    line-height: 1.65;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

/* WORD BREAK FIX */
#article-body p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    word-break: break-word;
}

/* SUBNOTE */
#article-body .subnote {
    margin-bottom: 15px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    line-height: 1.65;
    font-family: 'Georgia','PT Serif','Times New Roman',Times,serif;
    font-size: 16px;
    font-weight: normal;
    color: #707f8f;
}

/* LINK */
#article-body p a, #article-body ul a, #article-body ol a, #article-body .signature a {
    border-bottom: 1px dotted #0f4d8a;
    font-weight: bold;
}

/* LIST */
#article-body ul, #article-body ol {
    padding: 0 0 0 45px;
}

#article-body ul li, #article-body ol li {
    padding: 3px 0;
}

/* IMAGES */
#article-body img {
    display: block;
    max-width: 100%;
    margin: 15px auto;
}

#article-body p.img-caption {
    margin: -5px auto 15px auto;
    text-align: center;
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.40;
    font-size: 16px;
    color: #707f8f;
}

.image-caption {
    display: block;
    margin-bottom: 15px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    text-align: center;
    line-height: 1.65;
    font-family: 'Georgia','PT Serif','Times New Roman',Times,serif;
    font-size: 16px;
    font-weight: normal;
    color: #707f8f;
}

/* VIDEO EMBED */
#article-body .video-embed {
    display: block;
    max-width: 700px;
    margin: 15px auto;
    padding: 3px;
    background: #000;
}

#article-body iframe {
    max-width: 100%;
}

/* LINE */
#article-body hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 3px solid #c0ced8;
}

#article-body hr#article-preview-break {
    display: none !important;
}

/* BLOCKQUOTE */
#article-body blockquote {
    margin: 25px 0;
    padding: 15px;
    border-left: 10px solid #c0ced8;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.40;
    font-size: 25px;
    font-weight: bold;
    color: #0f4d8a;
}

#article-body blockquote.left {
    float: left;
    width: 50%;
    margin: 15px 15px 15px -20px;
    background-color: #f2f5f7;
}

#article-body blockquote.right {
    float: right;
    width: 50%;
    margin: 15px -20px 15px 15px;
    background-color: #f2f5f7;
}

#article-body blockquote p {
    margin: 0;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.40;
    font-size: 25px;
    font-weight: bold;
    color: #0f4d8a;
}

/* BUTTON */
#article-body a.btn:not(.topic-tag) {
    margin: 0;
    padding: 12px 20px;
    outline: none;
    box-shadow: none;
    background-color: #0f4d8a;
    border: 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

#article-body a.btn:hover {
    background-color: #3281d0;
    color: #fff;
}

#article-body a.btn:active, #article-body a.btn:focus {
    outline: none;
}

/* TABLE */
#article-body table tbody tr td {
    font-family: 'Georgia','PT Serif','Times New Roman',Times,serif;
    line-height: 1.65;
    font-size: 20px;
    font-weight: normal;
    color: #000;
}

/* LIST SOCIAL */
#article-body ul.list-social {
    margin: 0 auto 15px auto;
    padding: 0;
    list-style: none;
}

#article-body ul.list-social li {
    display: inline-block;
}

#article-body ul.list-social a {
    border-bottom: none !important;
    text-decoration: none !important;
}

#article-body ul.list-social li a {
    padding: 0 5px;
    font-size: 35px;
}

#article-body ul.list-social li:first-child a {
    padding-left: 0;
}

#article-body ul.list-social li:last-child a {
    padding-right: 0;
}

/* HEADLINES */
#article-body .headlines {
    width: 90%;
    margin: 0 auto 15px auto;
    background-color: #d9edf7;
    border: 2px solid #61869e;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#article-body .headlines .title {
    margin: 0 0 10px 0;
    padding: 5px 15px;
    background-color: #61869e;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
}

#article-body .headlines ul {
    list-style: none;
}

#article-body .headlines li {
    padding: 5px 0;
    font-weight: bold;
}

#article-body .headlines li i.fa-solid,
#article-body .headlines li i.fa-regular,
#article-body .headlines li i.fa-light,
#article-body .headlines li i.fa-thin,
#article-body .headlines li i.fa-brands,
#article-body .headlines li i.fa {
    color: #707f8f;
}

/* KEY TAKEAWAYS */
#article-body .key-takeaways {
    display: block;
    margin: 0 auto 30px auto;
    padding: 0 5px 5px 5px;
    border-bottom: 3px solid #c0ced8;
}

#article-body .key-takeaways .section-title {
    display: inline-block;
    float: left;
    width: auto;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 900;
    color: #2d3339;
}

#article-body .key-takeaways .takeaways-list {
    padding-left: 150px;
}

#article-body .key-takeaways .takeaways-list ul {
    margin: 0;
    padding: 0;
    list-style: circle;
}

#article-body .key-takeaways .takeaways-list ul li {
    margin: 0 0 10px 0;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    line-height: 1.3;
    font-size: 20px;
    font-weight: bold;
    hyphens: auto;
    overflow-wrap: break-word;
    color: #0f4d8a;
}

/* SANS SERIF FONT */
#article-body.sans-serif p, #article-body.sans-serif ul, #article-body.sans-serif ol, #article-body.sans-serif .signature, #article-body.sans-serif a, #article-body.sans-serif .subnote, #article-body.sans-serif table tbody tr td, #article-body.sans-serif .image-caption {
    font-family: 'Open Sans','Lato','Helvetica Neue',Helvetica,Arial,sans-serif !important;
}

/* ARTICLE BODY MEDIA QUERIES */
@media (max-width: 991px) {
    #article-body p.subnote {
        font-size:16px;
    }

    #article-body ul, #article-body ol {
        padding-left: 30px;
    }

    #article-body blockquote.left, #article-body blockquote.right {
        float: none;
        width: 100%;
        margin: 25px 0;
        background-color: transparent;
    }

    #article-body blockquote p {
        font-size: 22px;
    }

    #article-body a.btn {
        font-size: 16px;
    }

    #article-body table tbody tr td {
        font-size: 18px;
    }

    #article-body ul.list-social li a {
        font-size: 30px;
    }

    #article-body .headlines {
        width: 100%;
    }

    #article-body .headlines .title {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    #article-body img {
        float:none !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    #article-body .key-takeaways .section-title {
        font-size: 14px;
    }

    #article-body .key-takeaways .takeaways-list {
        padding-left: 120px;
    }
}

/* -------------- */
/* ARTICLE TOPICS */
/* -------------- */
#article-topics .topics {
    margin: 15px 0;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif !important;
    font-size: 14px;
    font-weight: bold;
    color: #707f8f;
}

#article-topics .topics .btn.topic-tag {
    display: inline-block;
    margin: 1px;
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* ----------- */
/* ARTICLE BIO */
/* ----------- */
#article-bio {
    max-width: 767px;
    margin: 0 auto;
    padding: 15px;
    border-top: 3px solid #c0ced8;
    border-bottom: 3px solid #c0ced8;
}

#article-bio img.bio-img {
    float: left;
    vertical-align: top;
    height: 100px;
    width: 100px;
    margin: 0;
    border: 1px solid #16191d;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

#article-bio .bio-text {
    margin: 0 0 0 115px;
    line-height: 1.40;
    font-size: 16px;
    font-weight: normal;
    color: #2d3339;
}

#article-bio .bio-text span.bio-label {
    display: block;
    margin: 0 0 3px 0;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #707f8f;
}

#article-bio .bio-text a {
    font-weight: bold;
}

#article-bio hr {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #c0ced8;
}

/* BTN ROW */
#article-bio .bio-btn-row {
    clear: both;
    margin: 5px 0 0 0;
    text-align: center;
}

/* AUTHOR BIO LINKS */
#article-bio ul.author-bio-links {
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

#article-bio ul.author-bio-links li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
}

#article-bio ul.author-bio-links li:first-child {
    padding-left: 0;
}

#article-bio ul.author-bio-links li:last-child {
    padding-right: 0;
}

#article-bio ul.author-bio-links li a {
    padding: 0;
    border-bottom: none !important;
    text-decoration: none !important;
    font-size: 30px;
}

/* ARTICLE BIO MEDIA QUERIES */
@media (max-width: 767px) {
    #article-bio {
        padding:10px;
    }

    #article-bio img.bio-img {
        height: 65px;
        width: 65px;
    }

    #article-bio .bio-text {
        margin-left: 75px;
    }
}

/* --------- */
/* PREV NEXT */
/* --------- */
#prev-next {
    max-width: 767px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}

#prev-next a {
    display: block;
    width: 100%;
    padding: 15px 0;
    background-color: #f2f5f7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none !important;
    font-family: 'Roboto Condensed','Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #61869e;
    text-transform: uppercase;
}

#prev-next a:hover {
    background-color: #dfe7ec;
    color: #0f4d8a;
}

/* PREV NEXT MEDIA QUERIES */
@media (max-width: 991px) {
    #prev-next a {
        font-size:18px;
    }
}

/* HIDE QUERIES */
@media (max-width: 1199px) {
    .hide-md {
        display:none !important;
    }
}

@media (max-width: 991px) {
    .hide-sm {
        display:none !important;
    }
}

@media (max-width: 767px) {
    .hide-xs {
        display:none !important;
    }
}

/* SHOW QUERIES */
@media (min-width: 1200px) {
    .show-md {
        display:none !important;
    }
}

@media (min-width: 992px) {
    .show-sm {
        display:none !important;
    }
}

@media (min-width: 768px) {
    .show-xs {
        display:none !important;
    }
}