/**
* #.# Global CSS
*
* @summary: This file contains the global styles for the project
*
* @resources:
*
* @media-queries: NO
*
*/

@font-face
{
    font-family: 'Lato';
    src: url('../fonts/Lato/Lato-Regular.ttf') format('truetype');
}

@font-face
{
    font-family: 'Lato-Light';
    src: url('../fonts/Lato/Lato-Light.ttf') format('truetype');
}

body
{
    color: #4d4f51;
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
}

h1
{
}

h2
{
}

h3
{
}

h4
{
    color: #353637;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 14px;
}



a.btn-primary, a.btn-primary:link, a.btn-primary:active, a.btn-primary:visited
{
    background-color: #337ab7;
    color: #fff;
}

.btn-primary
{
    background-color: #337ab7;
    border-color: #2e6da4;
}

a, a:link, a:active, a:visited
{
    color: #235f93;
    font-weight: 700;
}
p a, p a:link, p a:active, p a:visited
{
    text-decoration: underline;
}
a:hover
{
    color: #226092;
}

img
{
    max-width: 100%;
}

/*General Site Styles*/


.hdg_1
{
    font-size: 46px;
    font-weight: 300;
    line-height: 1;
}

.hdg_2
{
    color: #226092;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
}

sup .hdg_2, sup .hdg_1, sup .hdg_3
{
    font-size: 1em;
}

.hdg_3
{
    font-size: 28px;
    font-weight: 400;
}

.background-pattern
{
    background: #f0f2f4 url("../images/area-bg-circles.jpg") repeat fixed 0 0;
}

.dark_subheader
{
    color: #353637;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 14px;
}

.area_light
{
    background-color: #f0f2f4;
    position: relative;
}

.area_pattern
{
    background: #f0f2f4 url("../images/area-bg-circles.jpg") repeat fixed 0 0;
    position: relative;
}

.area_light.content, .area_pattern.content, .area_white.content
{
    padding: 25px 25px 75px 25px;
}

.padded-container
{
    padding-top: 25px;
    padding-bottom: 75px;
}

.title.right.tab, .title.left.tab
{
    padding: 10px 50px;
    display: table;
    bottom: 100%;
}

.title.right.tab
{
    right: 0;
}

.title.left.tab
{
    left: 0;
}

.tab .h1, .tab .h2, .tab .h3, .tab h1, .tab h2, .tab h3
{
    margin-top: 0;
    margin-bottom: 0;
}

.area_white
{
    background: #fff;
    position: relative;
}

.clearBack .container, .area_light .container, .pattern .container
{
    position: relative;
}

.container.contentBlock
{
    padding-top: 48px;
    padding-bottom: 48px;
}

.thumbnail.cardBlock
{
    border: none;
}

.cardBlock.orgHighlight, .cardBlock.networkStat
{
    padding: 4px;
    line-height: 1.428571429;
}

.cardBlock.networkStat
{
    text-align: center;
    margin: 0 auto;
}

.cardBlock.orgHighlight img, .cardBlock.networkStat img
{
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.cardBlock.orgHighlight img
{
    float:left;
    margin-right:20px;
}
.cardBlock.orgHighlight h3
{
    margin-top: 0px;
}
.cardBlock.orgHighlight p
{
    padding-right: 20px;
}

.cardBlock.networkStat h5
{
    margin-top: 0;
}

.thumbnail .caption
{
    padding: 0;
}

.adminOnlyContent
{
    display: none;
}
.flex-container .contentBlock .thumbnail {
    margin:0 10px 0 0;
}
.cover, .video-banner .inner-video-content
{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sfPageEditor .video-banner .inner-video-content
{
    height: 50%;
    top: auto;
    bottom:0px;
    width: 50%;
}

.cover .hi, .video-banner .inner-video-content
{
    color: #fff;
    text-shadow: 0px 0px 3px #444;
}

.sfPageEditor .video-banner .inner-video-content
{
    text-shadow: none;
}

.lity-content .transcriptContent
{
    display: block;
    width: 75vw;
    height: 60vh;
    padding: 3vw;
    background: #fff;
}

.cover em.hidden
{
    display: none;
}

.pattern
{
}

.tv
{
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.video-banner .inner-banner-video img{
    width:100%;
    height:auto;
}
.tv .screen, .video-banner .inner-banner-video
{
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .5s;
    z-index: 1;
}

.tv .active, .video-banner .inner-banner-video
{
    opacity: 1;
}

.widgetBlock
{
    padding: 50px 0;
}

.cardBlock.networkStat .networkStat-number
{
    color: #235f93;
    font-size: 30px;
}

a.lg-greenBtn
{
    display: block;
    max-width: 296px;
    color: #fff;
    text-align: center;
    padding: 13px 14px;
    background-color: #779A0C;
    text-transform: uppercase;
}

a.lg-greenBtn:hover, a.lg-greenBtn.active
{
    background-color: #93bf0d;
    color: #fff;
}

video
{
    min-width: 100%;
    width:auto;
    min-height: 100%;
}

.orange
{
    color: #f68d2d;
}

.blue-border
{
    border-color: #226092;
}

.contentBlock iframe{
    max-width:100%;
}

.ltIE10 .orgHighlight.cardBlock, .ltIE10 .networkStat.cardBlock
{
    min-height: 150px;
}

.ltIE10 .flex-container > div.contentBlock
{
    min-height: 175px;
}

@media only screen and (min-width : 992px)
{
    .title.right.tab, .title.left.tab
    {
        position: absolute;
    }
}
@media only screen and (min-width : 768px)
{
    video
    {
        width: 100%;
        height: auto;
    }
}