.page-no-headerspace { padding-bottom: 0; margin: 0; border-bottom: none; }

small { color: #999; text-transform: uppercase }

.author-box { border: 1px solid #e8e8e8; margin-top: 20px; padding: 5px; }

.personpic { float: left; margin: 15px 20px; padding: 3px; border-radius: 50%; border: solid 1px #ccc; }

.info-comment { padding: 5px }

.person-name { font-size: 16px; }

.img-circle { border-radius: 50% }

.img-80 { width: 80px; }

.img-50 { width: 50px; }

.img-gray { border: solid 1px #e8e8e8; }

.flex-container img { border: 1px solid #e8e8e8; width: 100%; }

.article-title { line-height: 20px; padding-top: 5px; }

.article-info { font-size: 14px; text-align: left }

.article-title-side { padding-top: 5px; }

.article-info-side { font-size: 14px }

    .article-info-side > a { font-size: 12px; color: #5bc0de !important; }

        .article-info-side > a:hover { color: #337AB7 !important; }

.thumbnail-classic img { padding-top: 20px; padding-bottom: 20px; }

.legacy-row { margin-left: -30px !important; margin-right: -30px !important; margin-top: 40px !important; margin-bottom: 40px !important; }



/* --------- Pagination -------------------*/


.pagination { display: inline-block; padding-top: 30px; }

    .pagination a { color: black; float: left; padding: 4px 8px; text-decoration: none; transition: background-color .3s; margin: 0 4px; color: #777; }

        .pagination a:hover { color: #337AB7 !important; text-decoration: none; }

        .pagination a.link { text-decoration: none; }

.page-two:hover ~ hr { margin-left: 27%; }

.page-three:hover ~ hr { margin-left: 39%; }

.page-four:hover ~ hr { margin-left: 52%; }

.page-five:hover ~ hr { margin-left: 65%; }

.page-six:hover ~ hr { margin-left: 78%; }

.pagination hr { height: 2px; width: 30px; margin: 0; margin-left: 50px; background: #337ab7; border: none; transition: .3s ease-in-out; }

.two:hover ~ hr { margin-left: 47%; width: 44px }

.three:hover ~ hr { margin-left: 70%; width: 76px; }


/****** Button ******/

.btn-tags { background-color: #5bc0de; color: #fff !important; border-color: #337AB7; display: inline-block; padding: 6px 12px !important; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 2px; }

    .btn-tags:hover { color: #fff !important; background-color: #337AB7 !important; }


@media screen and (min-width: 1680px) {
    .col-xl-2-custom { width: 16.6% !important; }
}


.two:hover ~ hr { margin-left: 46%; width: 76px; }

.three:hover ~ hr { margin-left: 79%; width: 48px; }

.btn-default.active { background-color: #5cb85c; color: white; }

.blog-flex-container { padding: 0; margin: 0; left: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; }

.wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; }



/* Articles Specific Fixes */

.articles a { color: #337AB7 !important; }

    .articles a:hover { color: #11b0e0 !important; }

    .articles a.alt { color: #11b0e0 !important; }

        .articles a.alt:hover { color: #337AB7 !important; }

.pdfs a { color: #999999 !important; }

    .pdfs a:hover { color: #11b0e0 !important; }

    .pdfs a.alt { color: #11b0e0 !important; }

        .pdfs a.alt:hover { color: #999999 !important; }

.pdfs:hover a { color: #11b0e0 !important; }

.nav-sticky-bar { border-bottom: 1px solid #f2f4f7 !important; }

@media (max-width: 768px) {
    .navbar-form { border-top: none; border-bottom: none; /*padding-top: 0 !important;*/ margin-top: 0 !important; margin-right: 0px; }

    /*.nav-sticky-bar { border-bottom: none !important; border-left: none !important; border-right: none !important; }*/

    .navbar-default .navbar-collapse { border: none !important; }

    .search-field-container { width: unset; padding-right: 18px; margin-top: -3px; }

    .search-field { font-size: 16px !important; }

    input { font-size: 16px !important; }

    .descriptor { line-height: normal !important; }
}

.articles blockquote { margin-top: 40px; margin-right: 40px; margin-bottom: 60px; margin-left: 40px; }

.articles img { margin-right: 20px; margin-bottom: 20px; border: 0px solid white; }

.articles figure { margin-right: 20px; margin-bottom: 20px; border: 0px solid white; width: min-content; }

    .articles figure img { margin-right: 0px; margin-bottom: 0px; border: 0px solid white; }

.articles figcaption { font-style: italic; color: #333; background-color: #e8e8e8; padding: .5em; }

.articles li { margin-bottom: 10px; margin-left: 10px; padding-left: 10px; }

.articles ol { margin-right: 150px; margin-bottom: 20px; margin-left: 40px; }

.articles p { margin-right: 150px; margin-bottom: 20px; }

.articles ul { margin-right: 150px; margin-bottom: 20px; margin-left: 40px; }

.articles .btn > .text { color: white; padding: 10px; line-height: 250%; }

.articles .youtube-embed-wrapper { margin-right: 150px; margin-top: 50px; margin-bottom: 50px; }

.carousel { height: 500px; margin-bottom: 30px; }

.carousel-caption { z-index: 10; background: rgba(0,0,0,0.5); }

.carousel .item { width: 100%; height: 500px; background-color: #777; }

.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; }

.blogBackgroundImage { cursor: pointer; }

.articles img { cursor: pointer; }

@media only screen and (max-width: 1400px) {
    .articles blockquote { margin-top: 40px; margin-right: 40px; margin-bottom: 60px; margin-left: 40px; }

    .articles btn { text-decoration-color: white !important; }

    .articles img { margin-right: 25px; margin-bottom: 20px; border: 0px solid white; }

    .articles li { margin-bottom: 10px; margin-left: 10px; padding-left: 10px; }

    .articles ol { margin-bottom: 20px; margin-left: 40px; }

    .articles p { margin-right: 40px; margin-bottom: 20px; }

    .articles ul { margin-bottom: 20px; margin-left: 40px; }

    .articles .btn > .text { color: white; padding: 10px; line-height: 250%; }

    .articles .youtube-embed-wrapper { margin-right: 50px; margin-top: 50px; margin-bottom: 50px; }
}

@media only screen and (max-width: 768px) {
    .articles img { display: block !important; width: 100% !important; height: auto !important; margin-right: 0px; margin-bottom: 0px; }

    .articles blockquote { margin-top: 40px; margin-right: 40px; margin-bottom: 60px; margin-left: 40px; }

    .articles li { margin-bottom: 10px; margin-left: 10px; padding-left: 10px; }

    .articles ol { margin-right: 0px; margin-bottom: 20px; margin-left: 40px; }

    .articles p { margin-right: 0px; margin-bottom: 20px; }

    .articles ul { margin-right: 0px; margin-bottom: 20px; margin-left: 40px; }

    .articles .youtube-embed-wrapper { margin-right: 0px; margin-top: 50px; margin-bottom: 50px; }

    .articles figure { width: 100%; margin-right: 0px; margin-bottom: 20px; border: 0px solid white; }

    .articles .layout-column { width: 100%; }

    .articles iframe { width: 100%; }
}