/* bootstrap grid */

.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 {
    position: relative;
    min-height: 1px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
    margin: 0.5rem 0;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 850px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}

/* responsive */

.footer-top {
    display: block;
}

.footer-bottom {
    display: block;
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 850px) {
    header#masthead #site-navigation {
        margin-top: 30px;
    }
}

/* Landscape phones and down */

@media (max-width: 850px) {

    #lang_sel_footer,#eventbar .label, header#masthead .site-search .social.follow-counts ul, .nomobile {
        display: none;
    }

    header#masthead nav ul.menu>li>a:first-of-type:hover {
        background-color:transparent!important;
    }

    header#masthead .site-search {
        display: flex;
        margin-top: -10px;
    }

    header#masthead>.container, body.has-container:not(.center-content) header#masthead>#content {
        display: block;
        margin-left: 0;
        padding-left: 0;

    }
    header#masthead>.container>div, body.has-container:not(.center-content) header#masthead>#content>div {
        width: 100%;
    }

    header#masthead #site-navigation {
        margin-top: 37px;
        padding-bottom: 8px;
    }

    /* EMAIL SIGN-UP */

    .custom-bg {
         width: 100%;
     }

    .custom-bg input[type="submit"]  {
        width: 90%;
        float: left;
    }

}

@media (min-width: 850px) {
    .container, body.has-container:not(.center-content) #content {
        padding-left: 0;
        padding-right: 0;
    }
}
/* medium screens */

@media (min-width: 1000px) {
    .card-content .primary-issue {
        padding: 0 .4rem .1rem 1rem;
        display: block;
    }

    .two-box .card-meta .primary-issue {

        display: block;
    }
}

@media (max-width: 850px) {
    .card-content .primary-issue {
        padding: 0.8rem .4rem .1rem 1rem!important;
        display: block;
    }

    .two-box .card-meta .primary-issue {
        padding: 0 .4rem .1rem 1rem;
    }

    header#masthead nav ul.menu {
        flex-direction: column;
        margin-left: 1rem;
    }

    .primary-issue {

    }

    /*feature card row*/
    .cards.row.feature-layout .one-feature.img-left .img img  {
        max-width: 850px;
    }
}

@media (min-width: 850px) {

    .col-md-2-3 {
        width: 65.88078% !important;
        margin-right: 2.35765% !important;
        float: left !important;
    }

    .two-third-one-third-layout .no-right {
        margin-right: 0 !important;
    }

    .two-box {
        width: 100%;
        /*sticks from our partner links to bottom of cards*/
        height: 100%;
        position: absolute;
        top: 0;
    }

    .col-md-1-3 {
        width: 31.76157% !important;
        margin-right: 2.35765% !important;
        float: left !important;
    }

    .col-md-1-3:nth-child(3) {
        margin-right: 0 !important;
    }

    .col-md-1-6 {
        width: 48% !important;
        margin-right: 2% !important;
        float: left !important;
    }

    .col-md-1-6:nth-child(2) {
        margin-right: 0 !important;
    }

    /*fixes inconsistent line spacing between bottom of 1/3 cards and label below it*/
    .cards.row/*.one-third-layout.w-images*/{
        margin-bottom: 20px;
    }
    .cards.row.one-third-layout.w-images{
        min-height: 475px;
    }
    /*2/3 & 1/3 card row*/
    /*image sizes on desktop*/
    .cards.row.two-third-one-third-layout .two-box .img img  {
        height: 100%;
    }
}

@media (max-width: 600px) {

    .card-content {

    }
}

/* small screens */

@media (max-width: 850px) {
    .card.new-slide {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }

    #lang_sel_footer {
        display: none;
    }

    header#masthead nav ul.menu > li > a:first-of-type:hover {
        background-color: transparent !important;
    }

    .card .card-meta, .card-meta .primary-issue {
        font-size: 0.8rem!important;
        float: left;

    }
    .card-meta.external {
        margin-left: 1rem!important;
    }

    .trending-label {
        display: none;
    }

    .trending-links li {
        overflow: hidden;
        padding: 1rem 0;
        white-space: nowrap;
        font-size: .75rem;
    }

    .card-content .card-2-3 {
        float: left;
        display: block;
        width: 100%;
        margin-top: 200px;
    }

    .two-box .img img, .one-box .img img {
        height: 100%!important;
        width: 100%!important;
        /*
        width: initial !important;
        max-width: initial !important;
        */
    }

    .two-box .img, .one-box.one-one .img {
        /*
        height: 225px;
        width: 100%;
        overflow: hidden;
        */

        height: 150px;
        width: 225px;
        /* overflow: hidden; */
    }

    .two-box {
        overflow: hidden;
    }

    .card-content-wrap .card-content .card-meta {
        /*
        margin: -1.5rem 0;
        */
    }

}

/* very small screens */

@media (max-width: 320px) {

    #eventbar .label, #eventbar .small, .event-meta .meta .share {
        display: none;
    }

    #eventbar .small button {

    }

    .person-bio .profile-pic {
        max-width: 100%;
        display: block;
    }

    /*subscribe boxes on home page*/
    .custom-bg input[type="email"] {
        margin: 0;
        float: left;
    }

    .custom-bg input[type="submit"] {
        width: 8rem !important;
        float: left;
        margin-left: 1rem;
    }

    .custom-bg label {
        margin-top: 0;
        color: #183c75;
        font-weight: bold;
        width: 100%;
    }

    .custom-bg {
        background: #D4D6DD;
        padding: 10px 20px 20px 20px;
        width: 100%;
        height: 100px;
        margin: auto;
    }

    .site-branding {
        max-width: 640px;
        overflow: hidden !important;
    }

    .two {
        width: 100%;
    }
    p {
        margin: .5rem 0;
    }

    /*
    .cards.row.two-third-one-third-layout .two-box .card-2-3 .card-meta {
        word-wrap: break-word;
        max-width: 35%;
    }
    */
    .card-content {
        overflow: hidden;
    }
}
/*sizing/spacing for main signup box button on extremely small/legacy screens*/
@media (max-width: 360px) {

    .custom-bg.row form .dssb input[type="submit"] {
        width: 7rem !important;
        padding: .65em 1.3em .65em 0.95em;
    }

    /*long form reports chapter/share bar on small screens*/
    .social-share-toolbar .social-share {
        font-size: 1.6rem;
        margin-top: 0.5rem;

    }
}
/* sharing widget on mobile */

.widget-share.fixed-side {
    position: fixed !important;
    bottom: 0;
    left: 0;
    top: 37px;
}

@media (max-width: 850px) {

    .widget-share {
        position: fixed !important;
        bottom: 0;
        left: 0;
        opacity: .77;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=77);
        -moz-opacity: 0.77;
        -khtml-opacity: 0.77;
        border: 0 !important;
        padding: 0;
        margin: 0;
        width: 100%;
        background: #000;
    }

    .widget-share ul {
        text-align: center;
        width: 100%;
    }

    .widget-share ul li a {
        color: #fff;
        font-size: 2rem;
    }

    .widget-share ul li a:hover {
        color: #d3d3d3 !important;
    }

    .widget-share .widget-title {
        display: none;
    }

    #lang_sel_footer {
        position: fixed;
    }

    #lang_sel_footer ul {
        float: right;
    }

    #lang_sel_footer ul li a {
        color: #fff;
        font-size: 2rem;
    }

    #lang_sel_footer ul li a:hover {
        color: #d3d3d3 !important;
    }

}

@media (min-width: 850px) {
   .col-md-2-3 {
        width: 65.88078% !important;
         margin-right: 2.35765% !important;
        float: left !important;
        }
    .cards.row.two-third-one-third-layout .two-box .img,.cards.row.two-third-one-third-layout .two-box .card-content  {
        float: left;
        height: 220px;
        max-width: 50%;
        width: 330px;
    }
}

.two-third-one-third-layout .no-right {
     margin-right: 0!important;
     }

.two-box {
        width: 100%;
        /*sticks from our partner links to bottom of cards*/
        height: 100%;
        position: absolute;
        top: 0;
     }


/*.cards.row.two-third-one-third-layout .two-box .img {
    float: left;
    width: 57%;
    height: 100%;
    overflow: hidden;
}

.cards.row.two-third-one-third-layout .two-box .card-content {
    float: left;
    width: 43%;
    height: 100%;
    overflow: hidden;
}*/

@media (min-width: 850px) {
    .col-md-1-3 {
                width: 31.76157% !important;
                margin-right: 2.35765% !important;
                float: left !important;
            }

    .col-md-1-3:nth-child(3) {
                 margin-right: 0 !important;
             }
}

@media (max-width: 850px) {
    /*1/3 cards mobile and tablet*/

    .three-box .card-content {
        width: 100%;
        height: 75%;
        display: block;
    }

    .three-box.onethird .card-image {
        height: 90px;
    }
/*feature cards mobile and tablet*/
    .cards.row.feature-layout .one-feature.img-left .img {
        height: auto;
    }

}

/*EMAIL SIGNUP */

@media only screen and (min-width:1000px) and (max-width: 3000px) {
    .custom-bg {
        background: #D4D6DD;
        padding: 20px;
        width: 100%;
        height: 77px;
    }

    .custom-bg label {
        width: 200px;
        float: right;
        color: #183c75;
        font-weight: bold;
    }

    .custom-bg input[type="email"] {
        width: 95%;
        float: right;
    }

    .custom-bg input[type="submit"] {
        width: 120px;
        float: left;
        padding-left: 17px;
        margin-left: 17px;
        text-transform: UPPERCASE;
    }
}

@media only screen and (min-width:641px) and (max-width: 850px) {
    .custom-bg input[type="email"]  {
        width: 100%;
        float: left;
        margin: 0 10px;
    }

    .custom-bg input[type="submit"]  {
        float: left;
        margin: 0 2rem;
    }

    .custom-bg label  {
        float: left;
        margin-left: .75rem;
        color: #183c75;
        font-weight: bold;
        width: 100%;

    }
    .custom-bg {
        height: 100px;
        padding: 10px 30px 10px 10px;
    }
}

.custom-bg {
    background: #D4D6DD;
    width: 100%;
    min-height: 77px;
    margin: auto;
}

@media (min-width: 321px) and (max-width: 640px) {
    .custom-bg input[type="email"] {
        margin: 0;
        float: left;
    }

    .custom-bg input[type="submit"] {
        width: 8rem !important;
        float: left;
        margin-left: 2rem;
    }

    .custom-bg label {
        margin-top: 0;
        color: #183c75;
        font-weight: bold;
        width: 100%;
    }

    .custom-bg {
        background: #D4D6DD;
        padding: 10px 20px 20px 20px;
        width: 100%;
        height: 100px;
        margin: auto;
    }

    .site-branding {
        max-width: 640px;
        overflow: hidden !important;
    }

    .two {
        width: 100%;
    }
    p {
        margin: .5rem 0;
    }
}

@media (max-width: 649px) {
    .cards.row {
        /*
        display: block;
        */
    }

    .card .one-third {
        display: block !important;
    }

    .featured-posts a .entry-author {
        display: none;
    }
}


/*Mobile Share Links*/
@media (min-width: 850px) {
    .mobile-only-link, .mobile-only-sub-link {
        display: none!important;
    }
}
@media (max-width: 850px) {
    .mobile-only-sub-link {
        display: block!important;
    }
}
@media (min-width: 435px) and (max-width: 480px){
    #nav-toggle{
        margin-right: 150px;
    }
}

/*mobile card label fix*/
@media(max-width: 850px){
    .landing h3 span {
        line-height: 4;
    }
    .landing h3 {

    }

}

@media (max-width: 850px) and (min-width: 480px) {
    .search-wrapper {
    margin-top: -2rem;
}
}

/* Tablet sizing for One Column */

@media (max-width: 850px) and (min-width: 690px) {
    .cards.row.one-layout .one-one.img-left {
        float: left;
        height: 150px;
    }
    .card-content.one_column {
        /*
        margin-left: 325px;
        */
        width: 400px;
    }
}

@media (max-width: 689px) {
    .card-content.one_column {
        margin-left: 300px;
        width: 300px;
    }
}

/* Cell phone sizing for One Column */

@media (max-width: 450px) {
    .cards.row.one-layout .one-one.img-left {
        float: left;
        height: 33vw;
    }
    .card-content.one_column {
        margin-top: 0;
        margin-left: 150px;
        width: 200px;
        position: initial!important;
    }
    /*.three-box img:not(.video_play_button)*/ .one-layout img:not(.video_play_button) {
        height: 33vwpx;
        width: 50vw;
        overflow: hidden;
    }
    .card-meta-one {
        margin: 0 !important;
    }
}


/* one third after two third mobile */

@media (max-width: 850px) and (min-width: 690px) {
    .card.col-xs-12.col-sm-4.col-md-1-3 {
        display: inline-block;
    }
}

/* Tablet sizing for one-third row */

@media (max-width: 850px) /*and (min-width: 690px) */{

    .cards.row.one-third-layout {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
    }

    .flexrow {
        width: 100%!important;
        min-height: 85px;
        /*display: flex;

        flex-wrap: wrap;
        flex-direction: row;
        */
    }

    .card-content.card-1-3 {
        margin-top: -90px;
        margin-left: 0px;
        width: auto;
    }

    .card-content h5 {
        font-size: 1.2rem;
    }

    .onethird {
        /*
        width: 748px;
        */
        width: auto;
        margin: .5rem 0;
        max-height: 85px;
    }

    .three-box.onethird .card-meta {
        position:absolute!important;
        bottom:0!important;
        right: 5px!important;
    }

    .three-box.onethird .card-content.card-1-3 h5 {
        font-size:1.2rem;
        height: 55px;
        overflow: hidden;
    }

    .thirdprimary {
        margin-left: auto;
    }

    .three-box img:not(.video_play_button) {
        max-height: 85px;
        /*
        width: 33.3333334%;
        */
        width: 128px;
    }

    /*one column rows tablet & mobile*/
    @media (min-width: 451px) and (max-width: 850px) {
        .cards.row.one-layout .card {
            /* This makes the 2/3 column work on mobile do not erase!!! */
            min-height: 150px;
            height: 150px;
        }

        .cards.row.one-layout .one-box .img /*,.cards.row.one-layout .one-box .card-content */
        {
            float: left;
            width: 225px;
            max-height: 150px;
        }

        .cards.row.one-layout .one-box.img-right .card-content.one_column {
            width: calc(100% - 225px) !important;
            margin-left: auto;
            height: auto;
        }

        .cards.row.one-layout .one-box.img-left .card-content.one_column {
            width: calc(100% - 225px) !important;
            width: 155px;
            height: 100%;
        }

        .cards.row.one-layout .one-box .card-content.one_column .title-2-3 {
            height: 105px;
            overflow: hidden;
            font-size: 1.2rem !important;
        }

        .one-box .card-content.one_column {
            width: 155px !important;
        }

        .one-box.one-one .card-content h5 {
            height: 105px;
            overflow: hidden;
            font-size: 1.2rem;
        }

        .img-right .card-content.one_column .card-meta, .img-right .card-content.one_column .card-meta span {
            margin-left: 0px !important;
        }
    }

    /*makes 1 column card images half the size of the card they are
    on when viewed on smaller screen sizes*/
    @media (max-width: 450px) {
        .cards.row.one-layout .card {
            /* This makes the 2/3 column work on mobile do not erase!!! */
            min-height: 33vw;
            height: 33vw;
        }

        .cards.row.one-layout .one-box .img /*,.cards.row.one-layout .one-box .card-content */
        {
            float: left;
            width: 50vw;
            max-height: 150px;
        }

        .cards.row.one-layout .one-box.img-right .card-content.one_column {
            width: calc(100% - 50vw) !important;
            margin-left: auto;
            height: auto;
        }

        .cards.row.one-layout .one-box.img-left .card-content.one_column {
            width: calc(100% - 50vw) !important;
            width: 155px;
            height: 70%;
        }

        .cards.row.one-layout .one-box .card-content.one_column .title-2-3 {
            height: 105px;
            overflow: hidden;
            font-size: 1.2rem !important;
        }

        .one-box .card-content.one_column {
            width: 155px !important;
        }

        .one-box.one-one .card-content h5 {
            height: 90px;
            overflow: hidden;
            font-size: 1.2rem;
        }

        .img-right .card-content.one_column .card-meta, .img-right .card-content.one_column .card-meta span {
            margin-left: 0px !important;
        }
    }
    /*2/3 - 1/3 rows tablet & mobile*/
    @media (min-width: 451px) and (max-width: 850px) {
        .cards.row.two-third-one-third-layout .card {
            /* This makes the 2/3 column work on mobile do not erase!!! */
            min-height: 150px;
        }

        .cards.row.two-third-one-third-layout .two-box .img, .cards.row.two-third-one-third-layout .two-box .card-content {
            float: left;
            width: 225px;
            max-height: 150px;
        }

        .cards.row.two-third-one-third-layout .two-box .card-content.card-2-3 {
            width: calc(100% - 225px) !important;
            height: 100%;
        }

        .cards.row.two-third-one-third-layout .two-box .card-content.card-2-3 .title-2-3 {
            height: 105px;
            overflow: hidden;
            /*
            font-size: 1.2rem!important;
            */
        }

        .cards.row .onethreemobile {
            min-height: 85px !important;
            max-height: 85px !important;
        }

        .cards.row.two-third-one-third-layout .three-box {
            min-height: 85px;
            height: 85px;
        }

        .two-box .card-content.card-2-3 {
            width: 155px !important;
        }

        .two-box .card-content h5, .three-box .card-content h5 {
            height: 55px;
            overflow: hidden;
            font-size: 1.2rem;
        }
    }
    /*makes 2/3 1/3 card images half the size of the card they are
    on when viewed on smaller screen sizes*/
    @media (max-width: 450px) {
        .cards.row.two-third-one-third-layout .card {
            /* This makes the 2/3 column work on mobile do not erase!!! */
            min-height: 33vw;
        }

        .cards.row.two-third-one-third-layout .two-box .img, .cards.row.two-third-one-third-layout .two-box .card-content {
            float: left;
            width: 50vw;
            max-height: 33vw;
        }

        .cards.row.two-third-one-third-layout .two-box .card-content.card-2-3 {
            width: calc(100% - 50vw) !important;
            height: 70%;
        }

        .cards.row.two-third-one-third-layout .two-box .card-content.card-2-3 .title-2-3 {
            height: 90px;
            overflow: hidden;
            /*
            font-size: 1.2rem!important;
            */
        }

        .cards.row .onethreemobile {
            min-height: 85px !important;
            max-height: 85px !important;
        }

        .cards.row.two-third-one-third-layout .three-box {
            min-height: 85px;
            height: 85px;
        }

        .two-box .card-content.card-2-3 {
            width: 155px !important;
        }

        .two-box .card-content h5, .three-box .card-content h5 {
            height: 55px;
            overflow: hidden;
            font-size: 1.2rem;
        }
    }
}


/* Sliding Trending Bar*/
.dragdealer, .dragdealer.active {
    background: #183c75!important;
    overflow-x: auto;
}

@media (max-width: 1040px) {

    .handle.trending-links {
        text-align: center;
        max-width: 1040px;
    }
}@media (min-width: 1041px) {

    .handle.trending-links {
        text-align: center;
        width: 100%;
    }
}

/* Cell phone sizing for one-third row */

/*@media (max-width: 689px) and (min-width: 400px) {
    .cards.row.one-third-layout {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
    }
    .flexrow {
        width: 480px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .card-content.card-1-3 {
    }

    .onethird {
        width: 740px;
        margin: .5rem 0 !important;
        max-height: 210px;
    }

    .thirdprimary {
    }

    .three-box img:not(.video_play_button) {
        max-height: 210px;
        width: auto;
    }
}*/


/* Tablet sizing for Featured Post */

@media (max-width: 850px) /*and (min-width: 769px) */{
    

    .card-content-wrap .card-content {
        
width: 300px;
        
margin-top: 200px;
        
margin-left: -15px;
    }

    .cards.row.feature-layout .card.one-feature {
        
float: left;
        
display: block;
        
height: 625px;
    }
    

    .cards.row.feature-layout .card-content-wrap .card-content {
        
width: 600px;
        
margin-top: 425px;
        
margin-left: -650px;
    }

    .card-meta.primary-issue.featureprimary {
        margin-top: 525px;
    }
    

}

@media (max-width: 850px) and (min-width: 665px) {
    

    .cards.row.feature-layout .card.one-feature {
        
float: left;
        
display: block;
        
height: 650px;
    }
    .cards.row.feature-layout .card-content-wrap .card-content {
        
width: 600px;
        
margin-top: 425px;
        
margin-left: -650px;
    }

    

}

@media (max-width: 664px) and (min-width: 586px) {
    .cards.row.feature-layout .card.one-feature {
        
float: left;
        
display: block;
        
height: 650px;
    }  

    .cards.row.feature-layout .card-content-wrap .card-content {
        
width: 500px;
        
margin-top: 400px;
        
margin-left: -550px;
    }  

}

@media (max-width: 585px) and (min-width: 481px) {
    

    .cards.row.feature-layout .card.one-feature {
        
float: left;
        
display: block;
        
height: 600px;
    }  

    .cards.row.feature-layout .card-content-wrap .card-content {
        
width: 400px;
        
margin-top: 375px;
        
margin-left: -450px;
           }  

}

@media (max-width: 480px) {

    .cards.row.one-layout .one-one.img-left {
        
float: left;
        
display: block;
        
height: 400px;
    }
    .card-content-wrap .card-content {
        
width: 300px;
        
float: left;
        
display: block;
        
margin-top: 180px;
        
margin-left: -15px;
    }
    .cards.row.feature-layout .card.one-feature {
        
float: left;
        
display: block;
        
height: 500px;
    }
    /*
    .cards.row.feature-layout .card-content-wrap .card-content {
        
width: 300px;
        
float: left;
        
display: block;
        margin-top: 250px;
        
margin-left: -325px;
    }
    */
    .onethreemobile {

    }

}

    /* TWO THIRDS TABLET SIZES */

@media (max-width: 850px) and (min-width: 481px) {
    .img.placeholder img {
        min-height: 225px;
    }
}

@media (max-width: 850px) {
    .report-image img {
        width: 100%;
    }
}
@media (max-width: 991px) and (min-width: 850px) {
    .custom-bg form div {
        padding-left: 1.75rem;
    }
    .custom-bg form div:nth-of-type(3) {
        padding-left: .75rem!important;
    }
}