.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 0px;
    padding-right: 10px;
}

.container {
    min-width:970px;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {


    .home-trending-widget ul {
        font-size: 16px;
    }

    .newsletter-sign-up .form-control {
        width:200px;
    }

    ul.text li {
        padding:0px 5px;

    }

    .btn-lg, .btn-group-lg > .btn {
        font-size: 20px;
    }

    .article-text {
        padding:0px 10px;
    }

    .in-article-trending {
        width: 100%;
    }

    button.fb, button.tw {
        width:234px;
    }



    /*---TRYING THIS OUT--*/
    @media (max-width: 970px) {
        .navbar-header {
            float: left;
        }

        .navbar {
            border-radius: 4px;
            min-width: 400px;
        }

        .nav-tabs-justified > li > a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0;
        }
        .nav-tabs-justified > .active > a,
        .nav-tabs-justified > .active > a:hover,
        .nav-tabs-justified > .active > a:focus {
            border-bottom-color: #fff;
        }

        .nav-justified > li {
            display: table-cell;
            width: 1%;
        }
        .nav-justified > li > a {
            margin-bottom: 0;
        }

        .nav-tabs.nav-justified > li > a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0;
        }
        .nav-tabs.nav-justified > .active > a,
        .nav-tabs.nav-justified > .active > a:hover,
        .nav-tabs.nav-justified > .active > a:focus {
            border-bottom-color: #fff;
        }

        .nav-tabs.nav-justified > li {
            display: table-cell;
            width: 1%;
        }
        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }

        .navbar-right .dropdown-menu {
            right: 0;
            left: auto;
        }
        .navbar-right .dropdown-menu-left {
            right: auto;
            left: 0;
        }
        .container {
            min-width: 970px;
        }

        .navbar-collapse {
            width: auto;
            border-top: 0;
            box-shadow: none;
        }
        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }
        .navbar-collapse.in {
            overflow-y: visible;
        }
        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
            padding-right: 0;
            padding-left: 0;
        }

        .container > .navbar-header,
        .container-fluid > .navbar-header,
        .container > .navbar-collapse,
        .container-fluid > .navbar-collapse {
            margin-right: 0;
            margin-left: 0;
        }

        .navbar-static-top {
            border-radius: 0;
        }

        .navbar-fixed-top,
        .navbar-fixed-bottom {
            border-radius: 0;
        }

        .navbar-toggle {
            display: none;
        }

        .navbar-nav {
            float: left;
            margin: 0;
        }
        .navbar-nav > li {
            float: left;
        }
        .navbar-nav > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
        }
        .navbar-nav.navbar-right:last-child {
            margin-right: -15px;
        }

        .navbar-left {
            float: left !important;
        }
        .navbar-right {
            float: right !important;
        }

        .navbar-form .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle;
        }
        .navbar-form .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle;
        }
        .navbar-form .control-label {
            margin-bottom: 0;
            vertical-align: middle;
        }
        .navbar-form .radio,
        .navbar-form .checkbox {
            display: inline-block;
            padding-left: 0;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle;
        }
        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            float: none;
            margin-left: 0;
        }
        .navbar-form .has-feedback .form-control-feedback {
            top: 0;
        }

        .navbar-form {
            width: auto;
            padding-top: 0;
            padding-bottom: 0;
            margin-right: 0;
            margin-left: 0;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .navbar-form.navbar-right:last-child {
            margin-right: -15px;
        }

        .navbar-text {
            float: left;
            margin-right: 15px;
            margin-left: 15px;
        }
        .navbar-text.navbar-right:last-child {
            margin-right: 0;
        }
    }











}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .home-trending-widget ul {
        font-size: 18px;
    }

    .newsletter-sign-up .form-control {
        width:373px;
    }

    ul.text li {
        padding:0px 30px;
    }

    .article-text {
        padding:0px 25px;
    }

    .in-article-trending {
        width: 100%;
    }

    .in-article-trending > ul {
        -webkit-padding-start:0px;
    }


    button.fb, button.tw {
        width:269px;
    }


}

/*------------ Typography -------------*/

.text-lowercase {
    font-family: "odudaregular", Arial, Sans-serif;
    color: #F8791C;
    display: block;
    position: relative;
    clear: both;
    letter-spacing: 1px;
}


h1 {
    margin-top:0;
}

h1.archive {
    margin-top:0;
    font-size:62px;
    padding-top:15px;
    padding-bottom:20px;
}


h1.article {
    font-family: "odudaregular",Arial, Sans-serif;
}

h3, h4, h5 {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

h2 {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

h3.trending {
    /*    padding-left: 10px;  */
    margin-top: 0px;
}

h2.email {
    margin: 0;
    padding:0;
    font-size: 50px;
}

body {
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    position: relative;
    max-width: 100%;
    overflow-x: hidden;
}

}

.article-text p a:hover {
    color:#333;
}

a:hover {
    color: #737373;
    text-decoration: none;
}

ol {

    margin:0px;
    margin-top:10px;
    -webkit-padding-start:10px;
}

blockquote {
    font-size: 18px;
    color:#979797;
}


/*------------------- Unresponsive Nav -------------------*/
​
​
    /* Always float the navbar header */
.navbar-header {
    float: left;
}
​
    /* Undo the collapsing navbar */
.navbar-collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    visibility: visible !important;
}
​
.navbar-toggle {
    display: none;
}
.navbar-collapse {
    border-top: 0;
}
​
.navbar-brand {
    margin-left: -15px;
}
​
    /* Always apply the floated nav */
.navbar-nav {
    float: left;
    margin: 0;
}
.navbar-nav > li {
    float: left;
}
.navbar-nav > li > a {
    padding: 15px;
}
​
    /* Redeclare since we override the float above */
.navbar-nav.navbar-right {
    float: right;
}
​
    /* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
    position: absolute;
    float: left;
    background-color: #f;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-width: 0 1px 1px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar .navbar-nav .open .dropdown-menu > .active > a,
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff !important;
    background-color: #428bca !important;
}
.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #999 !important;
    background-color: transparent !important;
}
​
.container .navbar-header, .container .navbar-collapse { margin-right: 0; margin-left: 0; }


/*---end---*/







/*------------------- Nav -------------------*/

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.navbar-wrapper {
    text-align: center;
}

.navbar-collapse.collapse {
    text-align: center; /* Set this */
    display: block;
    height: auto;
    padding-bottom: 0;
    overflow: visible;
    height: 70px;
}

.navbar-brand > img {
    width: 190px;
    height: auto;
}

.navbar-brand {
    padding: 12px 15px;
}

.navbar {
    position: relative;
    min-height: 70px;
    margin-bottom: 15px;
}

.navbar-default .navbar-nav > li > a {
    color: #393939;
    letter-spacing: .1em;
    font-family: "Source Sans Pro", Sans-serif, Arial;
    font-weight:600;
    font-size: 20px;
    padding: 10px 0px;
    font-size: 14px;
}

.nav .fa-facebook-official, .nav .fa-twitter, .nav .fa-search {
    color:#979797;
}

.nav .fa-facebook-official:hover {
    color:#3b5998;
}

.nav .fa-twitter:hover {
    color:#00aced;
}

.nav .fa-search:hover {
    color:#E97E1F;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    /*   color: #f0f0f0;  */
    background-color: #f0f0f0;
    border-bottom: 5px solid #F8791C;
}

.navbar-default .navbar-nav > li > a {
    height: 50px;
    font-size: 14px;
    letter-spacing: 2px;
    padding-top: 23px;
    font-family: "Source Sans Pro", Arial, Sans-serif;
}

.navbar-default .navbar-nav > li > a:hover {
    color:#F8791C;
}

.navbar-right {
    width:205px;
    margin:0;
    padding-left:55px;
}

.navbar-right .fa-facebook-official, .navbar-right .fa-twitter {
    margin-top: 4px;
}

.navbar-right .fa-twitter {
    margin-left: 27px;
}

.navbar-right .fa-search {
    font-size:17px;
    margin-left:9px;
}

.nav .fa-search:hover {
    cursor: pointer;
}

.navbar-default {
    background-color:#f0f0f0;
}



/*------------------- Article Hover Nav -------------------*/


#nav-share {
    box-shadow: 5px 2px 2px rgba(136, 136, 136, 0.37);
    position:fixed;
    top:0px;
    width:101%;
    background:#f0f0f0;
    z-index:100;
    box-shadow: 5px 2px 2px #888888;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

#nav-share button{
    height:70px;
}

#nav-share .navbar-right {
    height:70px;
    width: 542px;
}



.article-nav .navbar .fa-twitter, .article-nav .navbar .fa-facebook-official {
    color:#fff;
    margin-right: 5px;
}

.article-nav ul.text li {
    padding: 0px 15px;
}

.article-nav .navbar button {
    height: 70px;
    border-radius: 0px;
}

#nav-share > ul.text.nav.navbar-nav.navbar-left > li > img {
    padding-left:24px;
    padding-top:12px;
}

#nav-share .navbar-nav {
    display: inline-block;
    margin: 0;
}

#nav-share img {
    padding-top: 9px;
}

#nav-share .article-nav-headline {
    font-size: 18px !important;
    margin-top: 15px;
    font-weight:600;
    color: #393939;
    max-width: 470px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#nav-share .navbar-nav button.fb, #nav-share .navbar-nav button.tw {
    border-radius:0px;
}

.navbar-right button.tw .fa-twitter {
    margin-left:0px;
}

#nav-share .btn-group {
    padding-top:10px;
}

#nav-share .btn-group > .btn, .btn-group-vertical > .btn {
    float:none;
}

#nav-share .navbar-right button.fb i.fa-facebook-official, #nav-share .navbar-right button.tw i.fa-twitter {
    color:#fff;
    margin-right:8px;
}

#nav-share ul.text li {
    padding: 0px 20px 0px 0px;
}





/* add/change existing elements */

#nav-share {
    height: 52px;
    box-shadow: 5px 2px 2px rgba(136, 136, 136, 0.24);
}

#nav-share .btn-group > .btn, .btn-group-vertical > .btn {
    border-radius: 0px;
    height:50px;
}

#nav-share .btn-group > .btn, .btn-group-vertical > .btn:hover {
    border-radius:0px;
}

#nav-share .btn-group {
    padding-top: 0px;
}

#nav-share img {
    padding-top: 0px;
}

#nav-share .article-nav-headline {
    margin-top: 7px;
}

#nav-share .navbar-right {
    height: 50px;
    width: 518px;
}

/* new styles */

#nav-share .navbar-right .fa-twitter {
    margin-left: 0px;
}

#nav-share .fa-facebook-official, #nav-share .fa-twitter {
    color: #fff;
}








/*------------------- Buttons -------------------*/

.btn-default {
    border-bottom:3px solid #F1C19C;
    color:#E97E1F;
}

.btn-default:hover {
    background-color: #E97E1F;
    color:#fff;
}

.btn-group-justified .fb {
    border:1px solid #fff;
}

.btn-group-justified .tw {
    border:1px solid #fff;
}

.hover-share a.fb:hover, .fb:hover {
    background-color: #2E4A86;
}

.hover-share a.tw:hover, .tw:hover {
    background-color: #058EC1;
}

.hover-share a.fb:hover, .hover-share a.tw:hover, .fb:hover, .tw:hover {
    color:#fff;
}

.social-page-btns button {
    height: 119px;
}

/*------------------- Social Btns -------------------*/


.fb {
    background-color: #3b5998;
    border-color:#3b5998;
    color:#ffffff;
}

.hover-share a.fb {
    background-color: #3b5998;
    border-color:#3b5998;
    color:#ffffff;
}

a.fb:hover {
    color: #fff;
    text-decoration:none;
}

.tw {
    background-color: #00aced;
    border-color:#00aced;
    color:#ffffff;
}

.hover-share a.tw {
    background-color: #00aced;
    border-color:#00aced;
    color:#ffffff;
}

a.tw:hover {
    color: #fff;
    text-decoration:none;
}

.comment-btn i.fa-comment {
    margin-right: 10px;
}

.comment-btn i.fa-plus {
    padding-top: 3px;
}

.disqus-comments {
    padding-top:10px;
    padding-bottom:10px;
}


#respond {
    display:none;
}

.header-social-btns button.fb, .bottom-social-btns button.fb, .social-page-btns button.fb {
    margin-right: 4px;
    color:white;
}

.header-social-btns .fa-fw {
    margin-right:10px;
}

.btn-group-vertical {
    max-width:95px;
}

.btn-group-vertical button {
    text-align: center;
    font-size: 14px;
    padding:5px;
}

.btn-group-vertical p.count {
    border:1px solid #ffffff;
    border-radius:5px;
    padding:3px;
    margin: 5px;
}

.btn-group-vertical button i {
    display:block;
    padding:10px 0px;
}

.btn-group-vertical button.fb {
    margin-bottom: 4px;
}

.social-page-btns button {
    height:136px;
    font-size: 22px;
}

.social-page-btns i {
    display:block;
    padding-bottom: 8px;
}

/*------------------- Share Hover -------------------*/


.hover-large {
    width: auto;
    margin-left: -16px;
    margin-right:10px;
}

.hover-long {
    width: auto;
    margin-left: -15px;
}

.hover-small {
    width: auto;
    margin-left: -11px;
    margin-right:9px;
}

.hover-small a {
    font-size: 12px;
    height:35px;
}

.hover-share {
    bottom: 0;
    position: absolute;
    z-index: 1000;
}

.hover-share i {
    margin-right: 8px;
}

.hover-share a.fb {
    border-radius: 0px 0px 0px 5px;
}

.hover-share a.tw {
    border-radius: 0px 0px 5px 0px;
}

.hover-long a.fb {
    border-radius: 0px;
}

.sharing > .hover-share {
    opacity:0;
    z-index: 1000;
    position:absolute;
    bottom: 0;

}

/*
.sharing > .share-count:hover + .hover-share {
    display: block;
}
*/

.hover-share:hover {
    opacity: 1;
    display:block;
}

.share-count {
    position:absolute;
    font-family: 'Source Sans Pro', Arial, Sans-serif;
    bottom:0;
    padding:13px 0px;
    font-size: 15px;
    font-weight:600;
}

.share-count i {
    margin-right: 5px;
}



.sharing .small-fb,.sharing .small-tw {
    font-size: 16px
}

.sharing .small-fb {
    color:#3b5998;
}

.sharing .small-tw {
    color:#00aced;
}









/*------------------- Cards -------------------*/

.large-card {
    border:1px solid #D8D8D8;
    border-radius:5px;
    border-bottom:3px solid #E7E7E7;
    width:100%;
}

.large-card .image-container {
    height:200px;
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
}

.large-card-bottom, .large-horizontal-card-side {
    padding:15px;
}

.small-card-bottom {
    padding: 10px;
}

.large-card img, .small-card img, .large-horizontal-card img {
    width:100%;
    height:auto;
}

.large-card-bottom {
    height:200px;
    background: #fff;
}

.category {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    color: #EB7F1D;


}

.large-card-bottom h2, .large-horizontal-card h2 {
    font-size: 22px;
    margin: 10px 0px;
    color:#333;
    font-weight:600;
}

.small-card-bottom h4 {
    font-size: 14px;
    margin: 2px 0px 5px 0px;
    color:#333;
    font-weight: 600;
}

.small-card {
    border:1px solid #D8D8D8;
    border-radius:5px;
    border-bottom:3px solid #E7E7E7;
    width:100%;
}

.small-card .image-container {
    height:95px;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}

.small-card-bottom {
    height:180px;
}

.small-card-bottom h4 {
    line-height: 1.2em;
}

.large-horizontal-card {
    border:1px solid #D8D8D8;
    border-radius:5px;
    border-bottom:3px solid #E7E7E7;
    width:100%;
    height:192px;
    position: relative;
}

.large-horizontal-card .image-container {
    height:189px;
    float:left;
    width:45%;
    border-radius: 5px 0px 0px 5px;
    overflow: hidden;
}

.large-horizontal-card-side {
    height:186px;
    float:left;
}

.large-horizontal-card a, .large-card h2, .large-card a, .small-card a {
    color:#393939;
    margin-top: 3px;

}



a:hover {
    color:#A5A5A5;
    text-decoration: none;
}


.article_sidebar .large-card {
    margin:5px;
}

.article_sidebar .ad-300x250 {
    padding-left:5px;
}



#article-sticky-ad .large-card {

    max-width:300px;
}


/*------------------- Spacing -------------------*/

.addspace {
    margin-bottom:20px;
}

.row {
    padding-bottom:15px;
}

.removespace {
    padding-bottom: 0px;
}

/*------------------- Newsletter Widget -------------------*/

.newsletter-sign-up {
    height: 132px;
    background-image: url('./images/email_background.jpg');
    border-radius: 5px;
    /*    margin: 0px 10px; */
    padding: 20px;
    background-size: 1168px 132px;
    background-repeat: no-repeat;
}

.newsletter-sign-up p {
    padding-top: 5px;
    font-size: 24px;
}

.newsletter-sign-up .pull-left {
    margin-left: 200px;
}

.newsletter-sign-up button, .form-inline button {
    background-color: #346BDD;
    color: #fff;
    border: none;
    border-radius: 0px 5px 5px 0px;
    height: 58px;
    font-size: 30px;
    width: 154px;
    margin-left: -4px;
}

.form-inline {
    margin-top:15px;
}

.newsletter-sign-up .form-control, .form-control {
    height: 60px;
    padding: 20px 20px;
    font-size: 24px;
    line-height: 1.42857143;
    color: #8e8e8e;
    background-color: #fff;
    background-image: none;
    border: 1px solid #EEF0EF;
    border-radius: 5px 0px 0px 5px;
}

.newsletter-sign-up .text-lowercase {
    display: inline;
}

/*------------------- Home Trending Widget -------------------*/


.fa-share-alt {
    color:#E97E1F;
}

.home-trending-widget {
    width:100%;
    height:auto;
    border:1px solid #F4D8C2;
    border-bottom:3px solid #E7E7E7;
    border-radius:5px;
    border-bottom:3px solid #F1C19C;
    min-height: 500px;
    font-size:17px;
    padding-right:10px;
}


.home-trending-widget-article ul li {
    margin-top: 10px;
    padding: 0px 25px;
    margin-bottom: 10px;
}

.home-trending-widget-article ul {
    list-style: none;
    /* padding-right: 10px; */
    margin: 0;
    padding: 0;
}


.home-trending-widget ol > li {
    height: 60px;
}

.home-trending-widget ol,  .sidebar-trending-widget ol {
    counter-reset: foo;
    display: table;
    font-weight:600;
}

.home-trending-widget ol {
    min-height:525px;
}

.home-trending-widget ol > li, .sidebar-trending-widget ol > li {
    color:#333;
    counter-increment: foo;
    display: table-row;
}

.home-trending-widget ol > li::before, .sidebar-trending-widget ol > li::before {
    content: counter(foo) ".";
    display: table-cell;
    text-align: left;
    padding-left:15px;
    padding-right:15px;
    color:#F8791C;
}

.home-trending-widget ol > li > a, .sidebar-trending-widget ol > li > a {
    color: inherit;
    padding-right:10px;
    margin-bottom:10px;

}

.home-trending-widget ol > li > a:hover, .sidebar-trending-widget ol > li > a:hover {
    color: #737373;
    text-decoration: none;
    background:none;
}

.home-trending-widget p.bigwidgetheader {
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #F8791C;
    width: 140px;
    margin: 0 auto;
    padding: 5px 0px;
    border-radius: 0px 0px 5px 5px;
}

span.home-num {
    margin-right:10px;
    font-weight: 500;
    color:#E97E1F;
    font-family: "odudaregular", Arial, Sans-serif;
}

#reading-list-nav > .nav > .active {
    background-color: #f5f5f5;
}

.sidebar-trending-widget ol > li {
    height:80px;
}

.sidebar-trending-widget {
    margin-left: 10px;
}

.sidebar-trending-widget ol > li > a {
    margin-bottom:0px;
    font-size:16px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 0px;
}


/*------------------- Sidebar & In Article Trending Widget -------------------*/


#sidebar-trending-widget-wrapper {
    top:80px;
}

.sidebar-trending-widget {
    top:80px;
    max-width:300px;
    margin:auto;
    height:auto;
    margin-bottom:20px;
    border:1px solid #F4D8C2;
    border-radius:5px;
    border-bottom:3px solid #F1C19C;
    background:#fff;
    z-index: 1;
}

.sidebar-popular-widget {
    max-width:300px;
    margin:auto;
    height:auto;
    margin-bottom:20px;
    border:1px solid #F4D8C2;
    border-radius:5px;
    border-bottom:3px solid #F1C19C;
}

.share-count-trend {
    font-size: 15px;
    font-weight: 600;
    color:#7A7A7A;
    font-family: 'Source Sans Pro', Arial, Sans-serif;
}

.sidebar-trending-widget ul, .sidebar-popular-widget ul {
    list-style: none;
    text-indent: 0;
    margin:0px;
    width:150px;
    /*	padding:0px 20px;  */
}

.in-article-trending ul li, .sidebar-popular-widget ul li {
    padding: 5px 10px 15px 0px;
    color: #333;
    font-weight: bold;
    font-size: 13px;
}

.in-article-trending ul li a:hover {
    color:#737373;
}

.in-article-trending ul li {
    margin-left:15px;
    list-style: none;
}


.in-article-trending ul a:hover {
    color: ##737373;
}

#reading-list-nav > ul > li > a:hover {
    background:lightgray;
}

#reading-list-nav {
    text-align:left;
}


.fa-share-alt {
    color:#E97E1F;
}

.sidebar-trending-widget p.widgetheader, .in-article-trending p.widgetheader {
    text-align: center;
    color:#fff;
    font-size: 15px;
    background-color: #F8791C;
    width: 120px;
    margin: 5 auto;
    padding:6px 0px;
    border-radius: 0px 0px 5px 5px;
}

span.home-num {
    margin-right:10px;
    font-weight: 500;
    color:#E97E1F;
    font-family: "odudaregular", "Source Sans Pro", Arial, Sans-serif;
}

.in-article-trending {
    border:1px solid #F4D8C2;
    border-bottom:3px solid #E7E7E7;
    border-radius:5px;
    border-bottom:3px solid #F1C19C;
    text-align: left;
    margin-bottom:10px;
    min-height:250px;
    width:180px;
}

.article-text .in-article-trending a {
    text-decoration: none;
}


.size-full {
    width:100%;

}

/*------------------- Article Styles -------------------*/

h1.article {
    font-family: "odudaregular", "Source Sans Pro", Arial, Sans-serif;
    color:#393939;
    margin-top: 0px;
    margin-bottom: 6px;
    font-size: 52px;
}

p.byline {
    color:#7A7A7A;
    font-size: 14px;
}

.article-text {
    color:#393939;
}

.article-text a {
    color:#4A90E2;
    text-decoration: underline;
}

.below-content {
    padding-top:20px;
}

.article-text {
    font-size: 18px;
}

.see_also {
    font-family: "odudaregular", Arial, Sans-serif;
    color: #F27C21;
    float: left;
    margin-right: 3px;
}



/*------------------- Tags -------------------*/

.tagbox {
    margin:20px 0px;
}

span.taghead {
    font-family: "odudaregular", Arial, Sans-serif;
    color:#E97E1F;
    float:left;
    font-size:18px;
    padding-top:3px;
}

a.taglink {
    border: 1px solid #C5B3B3;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px 10px;
    display: inline-block;
    margin-left: 5px;
    color: #B3B3B3;
    margin-bottom: 5px;
    text-decoration: none;
}

/*------------------- Newsletter Page -------------------*/

.email-text {
    width:85%;
}

.email-text h4 {
    margin-top: 0px;
    font-size: 20px;
    margin-bottom: 5px;
}

.email-text p {
    font-size: 16px;
}

.email-card, .selected-email-card {
    border:1px solid #D8D8D8;
    border-bottom:3px solid #E7E7E7;
    padding:20px;
    border-radius:5px;
    height:150px;

}

.selected-email-card {
    background-color: #EEF0EF;
}

/*------------------- Footer -------------------*/

#footer-wrapper {

    z-index: -1;
}

.footer {
    margin-top: 20px;
}

.footer a {
    font-size: 12px;
    color:#323232;
}

.footer a:hover {
    color:#F27C21;
    text-decoration: none;
}

ul.thm_brand_footer {
    z-index:1;
}

ul.thm_brand_footer {
    background-color:#EFEFEF;
    height:70px;
    z-index: -1111;
}

ul.footer_nav {
    padding:4px;
}

ul.thm_brand_footer, ul.footer_nav, .thm {
    text-align: center;
}

ul.thm_brand_footer li, ul.footer_nav li {
    display:inline-block;
}

.thm {
    width:800px;
    margin:auto;
    display:block;
    border-top:1px dashed #d3d3d3;
    padding:20px 0px;
}

.thm span {
    font-size:12px;
    font-style: italic;
}

.thm img {
    padding-right:20px;
}


/*------------------- Search Form -------------------*/

.search-form {
    padding-bottom:15px;

}

.search-field {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 8px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition:         width 400ms ease, background 400ms ease;
    width: 0;
}

.search-field:focus {
    background-color: #fff;
    cursor: text;
    outline: 1;
    width: 180px;
    position:absolute;
    top:10;
    right:0;
}

.search-submit {
    display: none;
}

input[type="search"] {
    -webkit-appearance: textfield;
}


body > div.navbar-wrapper > nav > div > ul.nav.navbar-nav.navbar-right > li:nth-child(3) > form > label {

    padding-top: 15px;
}



/*------------------- ads -------------------*/
/*--these are placeholders for dev.  change background to none. */

.banner-ad {
    width:auto;
    text-align:center;
}

.ad-300x280 {
    width:300px;
    min-height:250px;
    /*background:lightgray;
    background: url('http://placehold.it/300x280') lightgrey;*/
    margin:auto;

}

.ad-300x250 {
    width:300px;
    min-height:250px;
    /*background:url('http://placehold.it/300x250') lightgrey;*/
    margin:auto;
    padding-bottom: 17px;
}

.ad-728x90 {
    width:auto;
    min-height:84px;
    /*background:url('http://placehold.it/728x90') lightgrey;*/
    margin:auto;

}

#category-sticky-ad.affix {
    top:10px;
    padding-left:40px;
}

#article-sticky-ad.affix {
    top:100px;
    padding-left:0px;
    /*    z-index:999999999;  */
    z-index:0;
}


/* hack for screentime - don't remove  or ad refresh will break */
/*
#refresh-ad {
      min-height:10000px;
}
*/

#article-signup-label {
    font-size:22px;
}


.newsletter-wrap iframe {
    width: 100%;
    height: 600px;
}


#disqus_thread {

    overflow:hidden;

}


.affix {
    max-width:24%;
}


#recent-stories {

    margin-bottom:10px;

}


/* enlarges numbers and fixes styling */

.home-trending-widget ol > li::before, .sidebar-trending-widget ol > li::before {
    font-family: Odudaregular;
    font-size: 55px;
    float: left;
    margin-top:-15px;
}


/* fix cards display on sidebar */

.article_sidebar .large-card .image-container {
    height: 160px;
}



.article_sidebar  .hover-large {
    width: auto;
    margin-left: -16px;
    margin-right: 5px;
}


.article-text .small-card-bottom h4 a {
    color:#393939;
    text-decoration: none;

}
/* for Trending Widget in Article page */
.home-trending-widget-article {
    width: 100%;
    height: auto;
    border: 1px solid #F4D8C2;
    border-bottom: 3px solid #E7E7E7;
    border-radius: 5px;
    border-bottom: 3px solid #F1C19C;
    min-height: 250px;
    font-size: 14px;
    /*padding-right: 10px;
    padding-left: 10px;*/
}
.home-trending-widget-article p.bigwidgetheader {
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-color: #F8791C;
    width: 140px;
    margin: 0 auto;
    padding: 5px 0px;
    border-radius: 0px 0px 5px 5px;
}
.home-trending-widget-article ul{
    list-style:none;
    padding-right:10px;

}
.home-trending-widget-article ul li{

    margin-top:10px;
    margin-bottom:10px;

}
.home-trending-widget-article ul li a{
    color:#000000;
}

/* Fix for nav bar gap */
.thm-carousel{
    margin-top: -13px;
}
.tag-cloud-header{
    color:#EB7F1D;
    font-weight: 500;
    text-transform: lowercase;
    font-size: 24px;
    font-family: "odudaregular", Arial, Sans-serif;

}
.tag-cloud {
    text-transform:uppercase;
    padding-left: 25px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-top: 15px;


}
.tag-cloud a{
    margin-right: 15px;

}

.tag-card {
    height: 100%;
}



/* Taxonomy term links grouped by alphabets */

.alphabetical-terms {
    font-size: 16px;
    background-color: #fafafa;
    padding: 40px;
    margin-bottom: 40px;
}

.alphabetical-terms a {
    text-decoration: none;
    color: #333;
}

.alphabetical-terms a:hover {
    color: #4abec0;
}

.alphabetical-terms a:visited {
    color: #919394;
}

.jump-links {
    padding: 20px 0;

}


.jump-links input {
    padding: 7px 10px;
    margin-right: 5px;
    border: 1px solid #ddd;
    line-height: 1;
    font-size: 14px;
    color:#EB7F1D;
    background-color:inherit;
}

.jump-links input:hover {
    background: #EB7F1D;
    color: #fff;
    border: 1px solid #4abec0;
}

.terms-group {
    overflow: hidden;
    padding: 20px 0;
}
.terms-group:last-child {
    padding-bottom: 0;
}

.jump-links:focus,
.terms-group:focus {
    outline: none;
}

.terms-group h4 {
    color:#EB7F1D;
    font-size: 20px;
    line-height: 1;
}

.terms-group ul {
    margin-left: -30px;
    margin-bottom: 0;
    list-style-type: none;
}
.terms-group li {

    list-style-type: none;
}

.terms-group a {
    text-transform: uppercase;
    text-decoration: none;
    color: black;
}

.terms-group em {
    font-size: 12px;
    color: #868686;
}

@media only screen and (min-width: 501px) {

    .terms-group ul {
        -moz-column-count: 3;
        -moz-column-gap: 15px;
        -webkit-column-count: 3;
        -webkit-column-gap: 15px;
        column-count: 3;
        column-gap: 15px;
        list-style-type: none;
    }

}

.terms-group ul > li {
    list-style-type: none;
}

.terms-group ul li:before {

}

.to-top {
    float: right;
}

.to-top a {
    padding: 10px 20px;
}
.to-top a:visited {
    color: #333;
}
.topics-title{
    font-family: Oduda;
    color:#EB7F1D;
    font-weight: 500;
    font-size: 62px;
}
.topics-prev-page{

    display: inline-block;
    background-color:inherit;
}

.topics-next-page{

    display: inline-block;
    background-color:inherit;
}
button[name="button_next_page"]{
    float:right;
    display: inline-block;
    vertical-align: bottom;
    background-color: inherit;
    width:100px;
    font-family: Oduda;
    font-size: 16px;
    color:#EB7F1D;
    border: 1px solid;
    border-color: #ddd;


}
button[name="button_next_page"]:hover{
    background: #EB7F1D;
    color: #fff;
    border: 1px solid #4abec0;
}
button[name="button_prev_page"]:hover{
    background: #EB7F1D;
    color: #fff;
    border: 1px solid #4abec0;
}

button[name="button_prev_page"]{
    float:left;
    display: inline-block;
    vertical-align: bottom;
    background-color: inherit;
    width: 100px;
    font-family: Oduda;
    font-size: 16px;
    color:#EB7F1D;
    border: 1px solid;
    border-color: #ddd;


}



.pixalate-pp-pb {
    display:none;
}


/*------------------- Comments -------------------*/

#show-comments {
    margin-top:20px;
}

#disqus_thread {
    margin-top:20px;
}