/*@import url(https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,700,700italic,900,900italic,italic,regular&subset=latin);*/

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
    -webkit-font-smoothing: antialiased;
    font-family: Lato, Helvetica, Arial, Verdana, sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight:normal;
    color: #000;
}

.row {
    margin-left:0px;
    margin-right:0px;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height */
    margin: 0 auto -60px;
    /* Pad bottom by footer height */
    padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
    height: 60px;
    background-color: #f5f5f5;
    margin-top:50px;
    padding-top:20px;
    padding-bottom:20px;
}


/* SSP Nav masthead
-------------------------------------------------- */

body, #zone-nav-wrapper, #toolbar {
    min-width: 320px; }

.block .block-title {
    display: none; }

#zone-nav-wrapper,
#zone-nav-wrapper *,
#zone-nav-wrapper *:before,
#zone-nav-wrapper *:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.clearfix:after {
    content: ""; }

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }

#zone-nav-wrapper {
    background: #1f4363;
    border-top: 2px solid #6c869d;}

/*.container-3 {*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*width: 1180px; }*/

.grid-1, .grid-2, .grid-3 {
    margin-left: auto;
    margin-right: auto;
    position: relative; }

.contextual-links-region {
    outline: medium none;
    position: relative; }

#block-sn-profile-sn-newsletter, #block-sn-profile-sn-account {
    clear: none;
    display: block;
    float: right; }

.newsletter-link {
    color: white;
    float: right;
    font-size: 11px;
    height: 40px;
    line-height: 43px;
    padding: 0 10px;
    border-right: 1px solid #355673; }

.newsletter-link a {
    color: #ffffff;
    text-decoration: none;
    line-height: 43px;
    font-family: Lato, Helvetica, Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size: 11px; }

.newsletter-link a:hover {
    text-decoration: underline; }

#block-sn-profile-sn-newsletter h2.block-title, #block-sn-profile-sn-account h2.block-title {
    display: none; }

html.js div.contextual-links-wrapper {
    display: block; }

#block-sn-profile-sn-account .user-picture {
    float: right;
    height: 40px;
    overflow: hidden;
    width: 40px; }

#zone-nav-wrapper img {
    height: auto !important;
    max-width: 100%; }

#zone-nav-wrapper img {
    height: auto;
    max-width: 100% !important; }

#block-sn-profile-sn-account .user-links, #block-sn-profile-sn-account .join-link {
    background: #0e2c47;
    color: #ffffff;
    float: right;
    font-size: 11px;
    height: 40px;
    line-height: 43px;
    padding: 0 10px; }

#block-sn-profile-sn-account .join-link {
    background: none repeat scroll 0 0 transparent; }

#block-sn-profile-sn-account .user-links a, #block-sn-profile-sn-account .join-link a {
    color: white;
    text-decoration: none;
    font-size: 11px;
    line-height: 43px;
    font-weight: normal; }

a.context-block {
    display: none !important; }

#block-menu-menu-social-media {
    border-right: 1px solid #355673;
    display: block;
    float: right; }

.contextual-links-region {
    outline: medium none;
    position: relative; }

#block-menu-menu-social-media h2.block-title {
    display: none; }

#block-menu-menu-social-media ul.menu {
    height: 30px;
    list-style-type: none;
    margin: 5px 0;
    padding: 0; }

#block-menu-menu-social-media ul.menu li {
    display: block;
    float: left;
    margin: 0 5px 0 0; }

#block-menu-menu-social-media ul li {
    padding: 0; }

#block-menu-menu-social-media img {
    height: 30px;
    width: 30px;
    margin-right: 5px; }

html.js div.contextual-links-wrapper {
    display: block; }

ul.menu {
    border: medium none;
    list-style: none outside none;
    text-align: left; }

a.context-block {
    display: none !important; }

#block-menu-menu-sections {
    display: block;
    float: left; }

ul.menu {
    border: medium none;
    list-style: none outside none;
    text-align: left; }

#block-menu-menu-sections ul.menu {
    height: 40px;
    list-style-type: none;
    margin: 0;
    padding: 0; }

#block-menu-menu-sections ul.menu {
    border-left: 1px solid #355673; }

#block-menu-menu-sections ul.menu li {
    display: block;
    float: left;
    margin: 0;
    padding: 0; }

#block-menu-menu-sections ul.menu li a {
    border-right: 1px solid #369dbf;
    color: #d4e4e8;
    display: block;
    font-family: "Lato",Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    height: 40px;
    line-height: 43px;
    padding: 0 10px;
    text-decoration: none; }
#block-menu-menu-sections ul.menu li a:hover {
    color: #fff; }

#block-menu-menu-sections ul.menu li.first a {
    padding: 0 10px;
    border-left: 1px solid #355673; }

#block-menu-menu-sections ul.menu li {
    display: block;
    float: left;
    margin: 0;
    padding: 0; }

#block-menu-menu-sections ul.menu li a {
    border-right: 1px solid #355673;
    color: #d4e4e8;
    display: block;
    font-family: "Lato",Helvetica,Arial,Verdana,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400 !important; /*was 300*/
    height: 40px;
    line-height: 43px;
    padding: 0 10px;
    text-decoration: none; }

#block-menu-menu-sections ul.menu li a {
    font-size: 15px;
    padding: 0 12px; }

#block-menu-menu-sections ul.menu li.first a {
    padding: 0 10px; }

#block-menu-menu-sections ul.menu li.last a {
    padding: 0 15px 0 14px; }

#block-menu-menu-sections ul.menu li a.active, #block-menu-menu-sections ul.menu li a.active-trail {
    background: none repeat scroll 0 0 #6c869d;
    color: white; }

#block-menu-menu-sections ul.menu li {
    display: block;
    float: left;
    margin: 0;
    padding: 0; }

div.context-block-region {
    display: none; }

#block-menu-menu-social-media ul.menu li a {
    display: block;
    height: 30px;
    width: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999em; }
/*#block-menu-menu-social-media ul.menu li a.donate {*/
/*width: auto;*/
/*text-indent: 0;*/
/*color: white;*/
/*font-family: Lato, Helvetica, Arial, Verdana, sans-serif;*/
/*font-size: 11px;*/
/*text-decoration: none;*/
/*line-height: 11px;*/
/*height: 11px;*/
/*float: left;*/
/*margin: 1px 10px 0 10px;*/
/*padding: 8px 10px 8px 10px;*/
/*background: #6c869d;*/
/*padding: 8px 10px 8px 10px;*/
/*border: 1px solid #1f4363;*/
/*outline: 1px solid #6c869d; }*/


/*#block-menu-menu-social-media ul.menu li a.donate:hover {*/
/*background: #7e99b3;*/
/*outline: 1px solid #7e99b3; }*/
/*#block-menu-menu-donate {*/
/*display: none;*/
/*!* XXX *!*/
/*background-color: #6c869d;*/
/*margin-top: 0;*/
/*padding: 7px 10px;*/
/*!*width: 100%;*!*/
/*color: #ffffff; }*/
/*#block-menu-menu-donate a {*/
/*text-decoration: none;*/
/*color: #ffffff; }*/
/*#block-menu-menu-donate a:visited {*/
/*color: #ffffff; }*/
/*#block-menu-menu-donate ul.menu {*/
/*padding: 0 0 10px;*/
/*margin: -5px 0 0; }*/
/*#block-menu-menu-donate ul.menu li {*/
/*list-style-type: none;*/
/*list-style-image: none; }*/
/*#block-menu-menu-donate ul.menu .twitter,*/
/*#block-menu-menu-donate ul.menu .google,*/
/*#block-menu-menu-donate ul.menu .facebook {*/
/*display: none; }*/
/*body.responsive-layout-mobile #block-menu-menu-donate ul.menu {*/
/*padding: 0 0 10px;*/
/*margin: 0 0 0; }*/
/*#block-menu-menu-donate h2.block-title {*/
/*display: none; }*/



#block-menu-menu-donate .menu {
    margin: 5px 0;
    padding: 0px;
    height: 30px; }
#block-menu-menu-donate .menu li {
    list-style: none;
    display: block;
    margin: 0 0px 0 0;
    float: left;
    padding: 0; }
#block-menu-menu-donate .menu li a {
    width: auto;
    text-indent: 0;
    color: white;
    font-family: Lato, Helvetica, Arial, Verdana, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height: 11px;
    height: 11px;
    float: left;
    margin: 1px 0px 0 10px;
    padding: 8px 10px 8px 10px;
    background: #c64308;
    padding: 8px 10px 8px 10px;
    border: 1px solid #1f4363;
    outline: 1px solid #c64308; }
#block-menu-menu-donate .menu li a:hover {
    background: #c9521c;
    outline: 1px solid #c9521c; }
#block-menu-menu-donate {
    display: block;
    float: right;
    clear: none; }
#block-menu-menu-donate h2.block-title {
    display: none; }







/**Header **/
#mobile-nav-bar {
    display: none; }

.left {
    float: left; }

.right {
    float: right; }

#or {
    padding: 0 !important; }

#newsletter {
    background: none !important; }

/* New Mobile Header Bars */
@media (max-width: 767px) {
    #zone-nav-wrapper {
        background: #1f4363;
        border-top: 2px solid #6c869d;
        height: 50px;
        z-index: 499;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    #block-esi-block-s10-sn-profile-sn-account,
    #block-sn-profile-sn-newsletter,
    #block-sn-profile-sn-account,
    #block-menu-menu-social-media,
    #block-menu-menu-sections {
        display: none;
        /* XXX */
        background-color: #6c869d;
        margin-top: 0;
        padding: 7px 10px;
        /*width: 100%;*/
        color: #ffffff; }
    #block-esi-block-s10-sn-profile-sn-account a,
    #block-sn-profile-sn-newsletter a,
    #block-sn-profile-sn-account a,
    #block-menu-menu-social-media a,
    #block-menu-menu-sections a {
        text-decoration: none;
        color: #ffffff !important;
        font-weight: normal !important;
        padding-left: 0px !important; }
    #block-esi-block-s10-sn-profile-sn-account a:visited,
    #block-sn-profile-sn-newsletter a:visited,
    #block-sn-profile-sn-account a:visited,
    #block-menu-menu-social-media a:visited,
    #block-menu-menu-sections a:visited {
        color: #ffffff; }

    #mobile-nav-bar {
        display: block;
        z-index: 499;
        height: 50px; }
    #mobile-nav-bar a {
        text-indent: -9999em;
        text-decoration: none; }
    #mobile-nav-bar a.menu-toggle,
    #mobile-nav-bar a.search-toggle {
        padding: 5px;
        height: 40px;
        width: 40px;
        display: block;
        background-position: center center;
        background-repeat: no-repeat; }

    .mobile-menu-border {
        display: none !important;
    }

    #block-menu-menu-sections {
        display: none;
        /* XXX */
        float: none;
        -webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
        margin-left: 0;
        margin-top: 4px;
        padding: 0; }
    #block-menu-menu-sections ul.menu {
        padding-bottom: 0; }
    #block-menu-menu-sections ul.menu li {
        margin-left: 0;
        padding: 13px 0px 16px 20px;
        border-bottom: 1px solid #e2e7eb;
        background-color: #6c869d;
        float: none; }
    #block-menu-menu-sections ul.menu li.first a {
        border-left: none; }

    #block-menu-menu-newsletter {
        display: none; }

    #block-menu-menu-sections ul.menu,
    #block-menu-menu-social-media ul.menu {
        padding: 0 0 10px;
        margin: -5px 0 0; }
    #block-menu-menu-sections ul.menu li,
    #block-menu-menu-social-media ul.menu li {
        list-style-type: none;
        list-style-image: none; }
    #block-menu-menu-sections ul.menu .twitter, #block-menu-menu-sections ul.menu .google, #block-menu-menu-sections ul.menu .facebook,
    #block-menu-menu-social-media ul.menu .twitter,
    #block-menu-menu-social-media ul.menu .google,
    #block-menu-menu-social-media ul.menu .facebook {
        display: none; }

    #block-menu-menu-social-media {
        display: none !important; }
    #block-menu-menu-social-media li:last-child {
        display: none !important; }
    #block-menu-menu-social-media li:last-child a {
        display: none !important; }
    #block-menu-menu-donate {
        display: none; !important;
    }
    #block-sn-profile-sn-newsletter {
        display: none !important;
    }
    #block-sn-profile-sn-account {
        display: none !important;
        padding: 12px 0 12px 20px;
        float: none;
        clear: inherit; }
    #block-sn-profile-sn-account .user-picture,
    #block-sn-profile-sn-account .user-links {
        background-color: #6c869d;
        float: left;
        margin-right: 20px; }
    #block-sn-profile-sn-account .user-links {
        margin-top: 10px; }
    #block-sn-profile-sn-account .user-links:last-child a {
        float: right; }

    #region-nav-bar a {
        display: block;
        width: 100%; }
    #region-nav-bar .user-links {
        width: 100%;
        text-align: left; }
    #region-nav-bar .user-links span {
        display: none; }
    #region-nav-bar .user-links a {
        display: inline-block;
        float: left;
        margin-right: 80px;
        width: auto; }

    .video-wrapper {
        /*background: url('https://dev2.slicejack.com/fullscreen-video-demo/img/videoframe.jpg') center center / cover no-repeat;*/
    }

    .video-background {
        display: none;
    }

    #nav {
        display: none;
    }

    header .container {
        margin-bottom: 0px;
    }

    header h1 {
        font-size: 30px;
    }

    header h2 {
        font-size: 20px;
    }

    #wrap {
        margin-top: 0px;
        padding-top: 50px;
    }

}
/* end mobile media query */


/* ============ Tablet styles =========== */
@media (min-width: 768px) {
    #zone-nav-wrapper {
        height: 40px;
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        z-index: 499;
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }

    .grid-3 {
        width: 768px; }

    #block-menu-menu-sections ul.menu li a {
        padding: 0 10px;
        font-size: 13px; }

    #blog-detail-header .blog-image {
        display: block; }

    #block-menu-menu-social-media ul.menu li a.twitter {
        display: none; }
    #block-menu-menu-social-media ul.menu li a.facebook {
        display: none; }
    #block-menu-menu-social-media ul.menu li a.google {
        display: none; }
    #block-menu-menu-social-media ul.menu li a.donate {
        margin: 1px 0px 0 0px; }

    #block-menu-menu-newsletter.active,
    #block-sn-profile-sn-newsletter {
        display: none; }

    header h1 {
        font-size:44px;
    }

    .headline-split {
        font-size: 34px;
        font-weight: 600;
    }

    .section-image figcaption, .main-section-video .video-caption {

    }

    .container h2 {
        font-size: 24px;
        font-weight: 800;
    }

    .publish-date {
        font-size: .5em;
        font-weight: 600;
        text-transform: uppercase;
    }

    .nav-title {
        font-size: 18px;
        font-weight: 400;
    }
}



/* ============ Desktop styles =========== */
@media (min-width: 1024px) {
    .grid-3 {
        width: 958px; }

    #block-menu-menu-sections ul.menu li a {
        padding: 0 15px;
        font-size: 15px; }

    #blog-detail-header .blog-description {
        display: block; }

    header h1 {
        font-size:54px;
    }

    .headline-split {
        font-size: 44px;
        font-weight: 600;
    }

    .container h2 {
        font-size: 24px;
        font-weight: 800;
    }

    .publish-date {
        font-size: .5em;
        font-weight: 600;
        text-transform: uppercase;
    }

    .nav-title {
        font-size: 30px;
        font-weight: 400;
    }
}




/* ============ Wide styles =========== */
@media (min-width: 1220px) {
    .grid-3 {
        width: 1180px; }

    #block-menu-menu-sections ul.menu li a {
        padding: 0 12px;
        font-size: 15px; }

    #block-menu-menu-social-media ul.menu li a.twitter {
        display: block; }
    #block-menu-menu-social-media ul.menu li a.facebook {
        display: block; }
    #block-menu-menu-social-media ul.menu li a.google {
        display: block; }
    #block-menu-menu-social-media ul.menu li a.donate {
        margin: 1px 10px 0 10px; }

    #block-menu-menu-newsletter {
        display: block; }


    header h1 {
        font-size:64px;
    }

    .headline-split {
        font-size: 54px;
        font-weight: 600;
    }

    .section-image figcaption, .main-section-video .video-caption {
        /*margin-top: 15px;*/
        /*width: 100%;*/
        /*clear: both;*/
        /*text-align: right;*/
    }

    .section-image figcaption p, .main-section-video .video-caption {
        /*width: 25%;*/
        /*clear: both;*/
        /*display: inline-block;*/
        /*text-align: left;*/
    }

    .container h2 {
        font-size: 2em;
        font-weight: 800;
    }

    .publish-date {
        font-size: .5em;
        font-weight: 600;
        text-transform: uppercase;
    }

    .nav-title {
        font-size: 30px;
        font-weight: 400;
    }

}


























/* ============ Hover States - ignore them on mobile menu - and extras to hide =========== */
@media (min-width: 768px) {
    .navCover{
        display:none;
    }
    #block-sn-profile-sn-account, #block-menu-menu-social-media, #block-menu-menu-sections {
        display:block!important;
    }
    #zone-nav-wrapper{
        height:40px!important;
    }
    #block-menu-menu-newsrail ul.newsrail-menu li ul.newsrail-menu li a:hover, #block-menu-menu-newsrail ul.newsrail-menu li ul.newsrail-menu li a.active {
        background: #eeeeee url("i/newsrail-sub-menu-shadow.png") repeat-y top left;
        color:#1f4363;
    }
    #block-menu-menu-newsrail ul.newsrail-menu li a:hover, #block-menu-menu-newsrail ul.newsrail-menu li a.active,  #block-menu-menu-newsrail ul.newsrail-menu li h3:hover,#block-menu-menu-newsrail ul.newsrail-menu li.hovering h3  {
        color: white;
        background: #1f4363;
    }

    #block-menu-menu-newsrail ul.newsrail-menu li ul.newsrail-menu li a:hover, #block-menu-menu-newsrail ul.newsrail-menu li ul.newsrail-menu li h3:hover {
        background: #1f4363 url("i/newsrail-sub-menu-shadow.png") repeat-y top left;
        color:#ffffff;
    }
    #block-menu-menu-newsrail ul.newsrail-menu li ul.newsrail-menu li a.active-trail:hover {
        color: #333333;
    }
    #block-menu-menu-newsrail ul.newsrail-menu li.default-hovering > a:hover {
        color: white;
        background: #1f4363;
    }
    #block-views-newsrail-river-main .view-newsrail-river ul li:not(.node-type-sponsored):hover {
        background: #dddddd;
    }

    #block-menu-menu-newsrail ul.newsrail-menu li a:hover  {
        background: transparent;
        display: block;
        color: #333333;
    }
    #newsrail-mobile-handle {
        display:none!important;
    }
    .mobile-brick-content {
        display:none!important;
    }
    #newsriver-sorts a:hover {
        color:#ffffff;
        background:#355673;
    }
}







/* Custom page CSS
-------------------------------------------------- */

#wrap > .container,
.sub-wrap > .container {
    /*padding: 60px 15px 0;*/
    padding: 35px 0px 0;
    border-top: solid 2px #000;
}
.container .credit {
    /*margin: 20px 0;*/
    margin: 0;
    display: block;
}

#footer {
    background-color:#414141;
}

#footer a {
    color:#efefef;
}

h1,h2,h3,h4 {
    font-family: Lato, Helvetica, Arial, Verdana, sans-serif;
    vertical-align:middle;
}

.video-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -45px;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


header .container {
    z-index: 3;
    margin-bottom: -20px;
    /*align-self: flex-end;*/
    /*padding-bottom: 65px;*/
}

header {
    min-height: 100%;
    height: 100vh;
    /*background: url(../img.jpg) scroll top left;*/
    background-size: cover;
    color:#fff;

    /* Make it a flex container */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;

    /* In legacy web browsers such as Firefox 9
       we need to specify the width of the flex container */
    width: 100%;

    /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
       hence the bootstrap's container won't be aligned to the center anymore.

       Therefore, we should use the following declarations to get it centered again */
    -webkit-box-pack : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    -webkit-justify-content : center;
    justify-content : center;


}

header h1,header h2,header h3 a,header a,header a:hover {
    color:#000;
    font-weight:800;
    text-decoration:none;
}

header h3 {
    font-family: Lato, Helvetica, Arial, Verdana, sans-serif;
    background: #ffcc33;
    padding:10px;
    border-radius:3px;
    font-size:34px;
    padding:12px 10px 6px 10px;
}

/*header h1, header h2 {*/
/*text-shadow: 1px 2px 0px rgba(150, 150, 150, .8)*/
/*}*/

.headline-split {
    display: block;
}

header .dropdown-menu {
    top:74px;
    background: #ffcc33;
    border-width:0;
}

#nav {
    width: 100%;
    position:static;
    top:-32px;
}

#nav.affix {
    position: fixed;
    top: 0;
    z-index:10;
    -webkit-transition: all .6s ease-in-out;
}

#footer > .container {

}

@media (min-width: 767px) {
    .navbar-nav.nav-justified > li{
        float:none;
    }
}
.navbar-nav {
    margin: 1px 1px;
}

/* customize nav style */
.navbar-custom {
    background-color: #b2b2b2;
    font-weight:700;
    text-transform:uppercase;
    border-width:0;
}
.navbar-custom  .navbar-nav>li>a {
    color: #114364;
}
.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
    background-color: #0e4365;
}

.navbar-custom .sn-logo {
    margin:0;
    padding:0;
}

.navbar-custom .sn-logo img {
    max-height: 51px;
}

.navbar-custom .sn-logo a {
    padding:0;
}

.navbar-custom .navbar-nav .nav-title > a {
    background-color: transparent !important;
}

.navbar-custom .navbar-nav .nav-title > a:hover, .navbar-custom .navbar-nav .nav-title > .nav-title:active {
    background-color: transparent !important;
    color: #114364;
}

.weather {
    border-left: solid 2px #fff;
}

.weather.last {
    border-right: solid 2px #fff;
}

.weather-icon {
    line-height: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
    height: 51px;
    width: 51px;
}

.weather.active .weather-icon.wi-1,
.weather .wi-1.selected,
.weather .weather-icon.wi-1:hover {
    background-color: #0e4365 !important;
}

.weather.active .weather-icon.wi-2,
.weather .wi-2.selected,
.weather .weather-icon.wi-2:hover {
    background-color: #0e4365 !important;
}

.weather.active .weather-icon.wi-3,
.weather .wi-3.selected,
.weather .weather-icon.wi-3:hover {
    background-color: #0e4365 !important;
}

.weather.active .weather-icon.wi-4,
.weather .wi-4.selected,
.weather .weather-icon.wi-4:hover {
    background-color: #0e4365 !important;
}

.weather.active .weather-icon.wi-5,
.weather .wi-5.selected,
.weather .weather-icon.wi-5:hover {
    background-color: #0e4365 !important;
}

.weather.active .weather-icon.wi-6,
.weather .wi-6.selected,
.weather .weather-icon.wi-6:hover {
    background-color: #0e4365 !important;
}

.weather.active .weather-icon.wi-7,
.weather .wi-7.selected,
.weather .weather-icon.wi-7:hover {
    background-color: #0e4365 !important;
}

.weather.active .weather-icon.wi-8,
.weather .wi-8.selected,
.weather .weather-icon.wi-8:hover {
    background-color: #0e4365 !important;
}

.navbar-custom .dropdown-menu{
    right:0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
    border-top-color: #999;
    border-bottom-color: #999;
}

.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

.navbar-toggle {
    outline:0;
}

.share-links {
    clear: both;
    width: 100%;
    text-align: right;
}

.share-links > a.btn {
    font-size: 12px;
    margin-bottom: 15px;
}

.divider {
    height:25px;
}

hr {
    border-color: #000000;
}

.panel {
    border-width:0;
}

@media (max-width: 768px) {
    header {
        height: 95px;
    }
    .vertical-align {
        flex-direction: column !important;
    }
}

#map-canvas {
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 15px;
}

.scroll-top {
    position:fixed;
    bottom:0;
    right:6%;
    z-index:100;
    background: #ffcc33;
    font-size:24px;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
    color:#222;
}


section {
    color: #ffffff;
    min-height: 400px;
    height: auto !important;
    height: 100%;
    padding-top:100px;
}


.vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.title-events {
    font-size: 24px;
    line-height: 30px;
}


.video {
    width: 100%;
    height: auto;
    max-width: ;
}

.inline-video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.inline-video iframe {
    /*width: 100%;*/
    /*height: 500px;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.quote {

}

.quote p {
    color: #086898;
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 300;
}

span.quote-author {
    font-weight: 400;
    text-transform: uppercase;
    font-size: .6em;
    display: block;
}

.intro p {
    font-size: 24px;
    line-height: 36px;
}

.intro p:first-child:first-letter {
    float: left;
    font-size: 70px;
    line-height: 60px;
    padding-top: 8px;
    padding-right: 4px;
    padding-left: 3px;
}

.section-image, .main-section-video {

}

figure.image-w-cation {
    margin: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

figcaption, .video-caption p {
    font-size: 13px;
    line-height:15px;
}

.credit {
    font-size: 10px;
    line-height:12px;
    text-transform: uppercase;
}

#hurricanes {
    height: auto;
}

#hurricanes .container {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

#hurricanes .container p {
    margin: 0;
}

#hurricanes .container .jumbotron-caption {
    font-size: 13px;
    line-height:15px;
}

#hurricanes .container .jumbotron-credit {
    font-size: 10px;
    line-height:12px;
    text-transform: uppercase;
}

/* ============ Before After section =========== */


.cross2 {
    position: relative;
    overflow: hidden;
    z-index: 9;
    margin-bottom: 15px;
}

.cross2 *, .cross2 *:before, .cross2 *:after  {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cross2-focused {
    outline: thin dotted;
    outline-offset: 1px;
}

@media (max-width: 991px) {
    .cross2-focused {
        outline: none;
    }
}

.cross2 img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.cross2-slider {
    position: absolute;
    width: 40px;
    height: 40px;

    border-radius: 50%;
    -webkit-border-radius: 50%;

    background-clip: padding-box;
    -webkit-background-clip: padding-box;

    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    border: 3px solid white;
}

.cross2-slider:focus {
    outline: none;
}

.cross2-slider > span:before, .cross2-slider > span:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 9px;
    top: 11px;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #ffffff transparent;
}

.cross2-slider > span:after {
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #ffffff;
    left: auto;
    right: 9px;
}

.cross2-vertical .cross2-slider > span:before {
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #ffffff transparent;
    left: 11px;
    top: 9px;
}

.cross2-vertical .cross2-slider > span:after {
    border-width: 6px 6px 0 6px;
    border-color: #ffffff transparent transparent transparent;
    left: 11px;
    top: auto;
    bottom: 9px;
}

.cross2-slider:before, .cross2-slider:after {
    content: '';
    width: 3px;
    height: 9999px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid white;
    position: absolute;
    bottom: 50%;
    left: 50%;
    margin-left: -1px;
    margin-bottom: 19px;
    opacity: 0.5;
}

.cross2-slider:after {
    top: 50%;
    bottom: auto;
    margin-top: 19px;
    margin-bottom: 0;
}

.cross2-vertical .cross2-slider:before, .cross2-vertical .cross2-slider:after {
    top: 50%;
    bottom: auto;
    height: 3px;
    width: 9999px;
    margin-left: 19px;
    margin-top: -1px;
}

.cross2-vertical .cross2-slider:after {
    right: 50%;
    left: auto;
    margin-right: 19px;
    margin-left: 0;
}

.cross2-overlay {
    cursor: pointer;
}

.cross2:hover .cross2-item-title {
    opacity: 0;
    top: -40px;
}

.cross2:hover .cross2-item-after .cross2-item-title {
    top: auto;
    bottom: -40px;
}

.cross2-item-title {
    position: absolute;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    color: white;
    opacity: 1;
    transition: opacity .4s, top .4s;
    -webkit-transition: opacity .4s, top .4s;
    -moz-transition: opacity .4s, top .4s;
}

.cross2-item-after .cross2-item-title {
    transition: opacity .4s, bottom .4s;
    -webkit-transition: opacity .4s, bottom .4s;
    -moz-transition: opacity .4s, bottom .4s;
}

.cross2-item-before > .cross2-item-title {
    top: 0;
    left: 0;
}

.cross2-item-after > .cross2-item-title {
    bottom: 0;
    right: 0;
}






/* ============ Slide Show =========== */





.Wallop-buttonNext,.Wallop-buttonPrevious {
    border: none;
    -webkit-appearance:none;
    border-radius: 0;
    /*background: hsla(0, 0%, 0%, 1);*/
    color: #fff;
    width: 40px;
    height: 40px;
    /*border-radius: 20px;*/
    text-indent: -9999px;
}

.Wallop-buttonNext:hover,.Wallop-buttonPrevious:hover {
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}

.Wallop-buttonNext:focus,.Wallop-buttonPrevious:focus {
    outline: 0;
}

.Wallop-buttonNext:before,.Wallop-buttonPrevious:before {
    width: 100%;
    text-align: center;
    text-indent: 0;
    font-size: 25px;
    line-height: 0;
}

.Wallop-buttonPrevious:before {
    /*content: "\276E";*/
}

.Wallop-buttonNext:before {
    /*content: "\276F";*/
}


.pager {
    margin: 0;
}






/* ============ Share Butttons =========== */


.btn-twitter {
    background: #00acee;
    border-radius: 0;
    color: #fff
}
.btn-twitter:link, .btn-twitter:visited {
    color: #fff
}
.btn-twitter:active, .btn-twitter:hover {
    background: #0087bd;
    color: #fff
}
.btn-facebook {
    background: #3b5998;
    border-radius: 0;
    color: #fff
}
.btn-facebook:link, .btn-facebook:visited {
    color: #fff
}
.btn-facebook:active, .btn-facebook:hover {
    background: #30477a;
    color: #fff
}
.btn-googleplus {
    background: #e93f2e;
    border-radius: 0;
    color: #fff
}
.btn-googleplus:link, .btn-googleplus:visited {
    color: #fff
}
.btn-googleplus:active, .btn-googleplus:hover {
    background: #ba3225;
    color: #fff
}
.btn-pinterest {
    background: #f74425;
    border-radius: 0;
    color: #fff
}
.btn-pinterest:link, .btn-pinterest:visited {
    color: #fff
}
.btn-pinterest:active, .btn-pinterest:hover {
    background: #c7371e;
    color: #fff
}
.btn-linkedin {
    background: #0e76a8;
    border-radius: 0;
    color: #fff
}
.btn-linkedin:link, .btn-linkedin:visited {
    color: #fff
}
.btn-linkedin:active, .btn-linkedin:hover {
    background: #0b6087;
    color: #fff
}



/* ============ iPad styles =========== */


/*iPad Portrait*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

    .video-wrapper {
        display: none !important;
    }

    .masthead {
        height: 250px;
        background: url('https://webbedxp.com/web-assets/images/climatechange/_main_jumbo-tron.jpg') center center / cover no-repeat;
    }

    .col-sm-9, .col-sm-3 {
        display: block;
        width: 100%;
    }

}

/*iPad Landscape*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

    .video-wrapper {
        display: none !important;
    }

    .masthead {
        height: 250px;
        background: url('https://webbedxp.com/web-assets/images/climatechange/_main_jumbo-tron.jpg') center center / cover no-repeat;
    }


}