/*Fonts*/
.lity-close{
    position: absolute!important;
    top: -50px!important;
}
body {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-text-stroke:1px transparent;
}
.hidden{
    display: none!important;
}
iframe{
    max-width: 100%;
}
@font-face{
  font-family: MuseoSans;
  font-weight: 100;
  src: url("./static/fonts/MuseoSans_100.otf") format("opentype");
}
@font-face{
  font-family: MuseoSans;
  font-weight: 300;
  src: url("./static/fonts/MuseoSans_300.otf") format("opentype");
}
@font-face{
  font-family: MuseoSans;
  font-weight: 500;
  src: url("./static/fonts/MuseoSans_500.otf") format("opentype");
}
@font-face{
  font-family: MuseoSans;
  font-weight: 700;
  src: url("./static/fonts/MuseoSans_700.otf") format("opentype");
}
@font-face{
  font-family: MuseoSans;
  font-weight: 900;
  src: url("./static/fonts/MuseoSans_900.otf") format("opentype");
}
/*Base Rules*/
html{
    font-family: MuseoSans;
}
input{
    font-family: MuseoSans;
}
body{
    margin: 0;
}
.left{
    float: left;
}
.right{
    float: right;
}
.clearfix{
    clear: both;
}
a{
    text-decoration: none;
}
h1.main-heading{
	display: inline;
    font-weight: 100;
    font-size: 1em;
}
.content-divider{
    height: 2px;
    width: 100%;
    background-color: rgb(240,240,240);
    margin-bottom: 50px;
}
.overlay{
    position: absolute;
    top: 0px;
}
.small-share{
    width: 24px;
    height: 21px;
    background-image: url("./static/images/mobile-share.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0px;
}
a.normalized-link{
    color: black;
}
a.white-link{
    color: white;
}
.exit-white{
    height: 22px;
    width: 22px;
    background-image: url("./static/images/exitwhite.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: right;
    margin-bottom: 40px;
}
@media (min-width: 1900px){
    /*Helper for wide screens on article pages*/
    .breakout-right{
        margin-right: -20%!important;
    }
    .breakout-left{
        margin-left: -20%!important;
    }
}
@media (min-width: 1440px){
    /*Specific Rules to Help Header*/
    .desktop .topbar .left li{
        margin-left: 45px;
    }  
    #desktop-searchbg{
        left: 76.5%;
    } 
    .desktop .topbar .right{
        width: 18%;
    } 
}
@media screen and (min-width: 1300px) and (max-width: 1439px){
    /*Header midpoints*/
    #desktop-searchbg{
        left: 75.5%;
    }
    .desktop .topbar .right{
        width: 19%;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1299px){  
    /*Header midpoints*/
    #desktop-searchbg{
        left: 74.5%;
    }
    .desktop .topbar .right{
        width: 20%;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1199px){
    /*Header midpoints*/
    #desktop-searchbg{
        left: 73.5%;
    }
    .desktop .topbar .right{
        width: 20.5%;
    }
}
@media screen and (min-width: 1050px) and (max-width: 1100px){
    /*Header Midpoints*/
    #desktop-searchbg{
        left: 72.7%;
    }
    .desktop .topbar .right{
        width: 21%;
    }
}

@media screen and (min-width: 1325px){
    /*Article Author*/
    .article-author-block{
        position: absolute;
        top: 175px;
        left: -30%;
        text-align: right;
        width: 200px
    }
    .article-author-block .author-image{
        height: 48px;
        width: 48px;
    }
    .article-author-block .author-image{
        float: right;
    }
    .article-author-block .name{
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 0px;
        margin-top: 60px;
    }
    .article-author-block .category{
        font-size: 12px;
        font-weight: 500;
        margin: 0px;
    }
}
@media (min-width: 1300px){
    /*Next Article*/
    .next-article{
        position: absolute;
        top: 513px;
        right: 0;
        z-index: 4;
        width: 317px;
        height: 120px;
    }
    .next-container{
        position: relative;
        width: 100%;
        height: 100%;
    }
    .next-image{
        position: relative;
        width: 100%;
        height: 120px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .next-container .overlay{
        left: 40px;
        color: white;
    }
    .next-container .next{
        font-weight: 100;
        font-size: 10px;
        margin: 15px 0px;
    }
    .next-container .title{
        font-weight: 100;
        font-size: 20px;
        margin: 0px;
        margin-right: 20px;
    }
}
@media (min-width: 1176px) and (max-width: 1299px){
    /*Next Article*/
    .next-article{
        position: absolute;
        top: 513px;
        right: 0;
        z-index: 4;
        width: 22%;
        height: 80px;
    }
    .next-container{
        position: relative;
        width: 100%;
        height: 100%;
    }
    .next-image{
        position: relative;
        width: 100%;
        height: 100px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .next-container .overlay{
        left: 40px;
        color: white;
    }
    .next-container .next{
        font-weight: 100;
        font-size: 10px;
        margin: 15px 0px;
    }
    .next-container .title{
        font-weight: 100;
        font-size: 13px;
        line-height: 20px;
        margin: 0px;
        margin-right: 20px;
    }
}
@media (max-width: 1175px){
    .next-article{
        display: absolute;
    }
}
@media (min-width: 1300px) {
    /*Index Streaming*/
    .stream-table{
        position: relative;
    }
    .stream-container{
        display: flex;
        flex-direction: column;
    }
    .stream-container.right{
        width: 308px;
        height: 420px;
        position: absolute;
        float: none;
        right: 0px;
    }
    .stream-image{
        width: 100px;
        max-width: 100%;
        background-position: center;
        height: 56px;
    }
    .stream-small{
        height: 85px;
        width: 100%;
    }
    .current-stream-container.left{
        width: 865px;
        height: 420px;
        position: relative;
    }
    .stream-small p{
        width: 100%;
        margin: 0px;
        font-weight: 100;
        font-size: 14px;
    }
    .stream-small.highlighted{
        background-color: rgb(40,40,40);
        z-index: 12;
        color: white;
    }
    .stream-image-container{
        margin-right: 20px;
        margin-top: 15px;
        position: relative;
        max-width: 45%;
    }
    .stream-small:first-child .content-divider{
        display: none;
    }
    .stream-small .content-divider{
        background-color: #DFDFDF;
        margin: 0px;
        height: 1px;
    }
    .stream-small .content-divider.hide-bar{
        background-color: rgb(243,243,243);
    }
    .stream-small.highlighted .content-divider{
        background-color: rgb(40,40,40);
    }
    .stream-container{
        background-color: rgb(243,243,243);
    }
    .stream-small .overlay{
        top: 15px;
        left: 40%;
    }
    .stream-small .overlay .play{
        width: 25px;
        height: 25px;
    }
    .stream-title{
        margin-left: 36px;
        margin-top: 25px;
        width: 141px;
    }
    .stream-title.top{
        margin-top: 35px;
    }
}
@media (min-width: 1050px) and (max-width: 1299px) {
    /*Index Streaming*/
    .stream-table{
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .stream-container.right{
        width: 27%;
        height: 420px;
        position: absolute;
        float: none;
        right: 0px;
    }
    .stream-image{
        width: 100px;
        max-width: 100%;
        background-position: center;
        height: 56px;
    }
    .stream-container{
        display: flex;
        flex-direction: column;
    }
    .stream-small{
        height: 85px;
        width: 100%;
    }
    .current-stream-container.left{
        width: 75%;
        height: 420px;
        position: relative;
    }
    .stream-small p{
        width: 100%;
        margin: 0px;
        font-weight: 100;
        font-size: 14px;
    }
    .stream-small.highlighted{
        background-color: rgb(40,40,40);
        z-index: 12;
        color: white;
    }
    .stream-image-container{
        margin-right: 4%;
        margin-top: 15px;
        position: relative;
        max-width: 45%;
    }
    .stream-small:first-child .content-divider{
        display: none;
    }
    .stream-small .content-divider{
        background-color: #DFDFDF;
        margin: 0px;
        height: 1px;

    }
    .stream-small .content-divider.hide-bar{
        background-color: rgb(243,243,243);
    }
    .stream-small.highlighted .content-divider{
        background-color: rgb(40,40,40);
    }
    .stream-container{
        background-color: rgb(243,243,243);
    }
    .stream-small .overlay{
        top: 15px;
        left: 40%;
    }
    .stream-small .overlay .play{
        width: 25px;
        height: 25px;
    }
    .stream-title{
        margin-left: 14%;
        margin-top: 25px;
        max-width: 39%;
    }
    .stream-title.top{
        margin-top: 35px;
    }
    .breakout-right{
        margin-right: -30%!important;
        width: 400px!important;
    }
    .breakout-right .breakout-text{
        padding: 20px 40px 20px 0px!important;
        width: 400px!important;
    }
}
@media (min-width: 1050px) {
    /*Header*/
    .head{
        margin: auto;
    }
    .head .desktop{
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 14;
    }
    #mobile-searchbar,
    #mobile-subscribebar,
    .tablet,
    .mobile{
        display: none;
    }
    .topbar{
        position: relative;
        height: 65px;
        max-width: 1300px;
        margin: 15px auto 0px auto;
        padding: 0px 75px;
        box-sizing: border-box;
        z-index: 14;
    }
    .desktop .topbar .left{
        padding-top: 6px;
    }
    /*Search Rules*/
    .searchbg-container{
        position: fixed;
        height: 80px;
        width: 100%;
        top: 0;
        left: 0;
    }
    .topbar-search{
        position: relative;
        height: 80px;
        max-width: 1300px;
        padding: 0px 75px;
        margin: auto;
        box-sizing: border-box;
    }
    .logo{
        width: 179px;
        height: 20px;
        margin-top: 5px;
    }
    #desktop-searchbg{
        position: absolute;
        top: 0px;
        background-color: white;
        height: 80px;
        width: 70px;
        z-index: 14;
        display: none;
    }
    #desktop-searchbar{
        position: fixed;
        top: 80px;
        left: 0px;
        background-color: white;
        height: 70px;
        width: 100%;
        display: none;
    }

    #desktop-header.btf,
    .category.archive #desktop-header,
    .search #desktop-header,
    .page-template-archives #desktop-header{
        background-color: white;
        color: black;
        border-bottom: 1px solid rgb(231,231,231);
    }
    #desktop-header.btf.active{
        border: 0px;
    }
    #desktop-header.btf .categories li a.white-link,
    #desktop-header.btf .categories li.active a.white-link,
    .category.archive #desktop-header .categories li a.white-link,
    .category.archive #desktop-header .categories li.active a.white-link,
    .search #desktop-header .categories li a.white-link,
    .search #desktop-header .categories li.active a.white-link,
    .page-template-archives #desktop-header .categories li a.white-link,
    .page-template-archives #desktop-header .categories li.active a.white-link{
        color: black;
    }
    .bottombar{
        height: 70px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0px 75px;
        position: relative;
    }
    .bottombar .search-icon{
        background-image: url("./static/images/searchgray.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        float: none;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin: 0px;
    }
    .bottombar input{
        margin-left: 33px;
        margin-top: -5px;
        border: 0px;
        height: 30px;
        width: 30%;
        font-size: 18px;
        color: rgb(183,183,183);
        font-weight: 300;
    }    
    #desktop-searchbg,
    #desktop-searchbar,
    #desktop-searchbar input,
    #desktop-searchbg,
    #desktop-searchbar,
    #desktop-searchbar input{
        background-color: black;
    }
    #search-expander{
        cursor: pointer;
    }
    #search-expander.active{
        background-image: url("./static/images/search.png");
        background-repeat: no-repeat;
    }
    #desktop-header.btf #search-expander.active,
    .category.archive #desktop-header #search-expander.active,
    .search #desktop-header #search-expander.active,
    .page-template-archives #desktop-header #search-expander.active{
        background-image: url("./static/images/search.png");
        background-repeat: no-repeat;    
    }
    /*Index - Featured Section*/
    body.home .featured-image{
        height: 540px;
        position: absolute;
        top: 0px;
    }
    .featured{
        margin: auto;
        position: absolute;
        top: 250px;
    }
    .featured .category{
        padding:  0px 75px 0px 75px;
        color: white;
    }
    .featured-float-container{
        padding: 6px 75px 20px 75px;
    }
    .featured-title h2 {
        font-weight: 100;
        margin: 0px;
        font-size: 40px;
        max-width: 800px;
        line-height: 1.45em;
        margin-bottom: 30px;
        letter-spacing: 1px;
    }
    .readmore{
        margin-top: 20px;
    }
    .readmore a{
        border: solid white 2px;
        border-radius: 5px;
        padding: 15px 30px;
        font-size: 13px;
        font-weight: 100;
        letter-spacing: 1px;
    }
    .carosel-full{
        position: absolute;
        width: 100%;
        top: 500px;
    }
    .carosel-container{
        margin: auto;
        max-width: 1300px;
        box-sizing: border-box;
        padding: 0px 75px;
        z-index: 9;
    }
    .carosel{
        width: 120px;
        height: 15px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        float: right;
    }
    .carosel-button{
        height: 13px;
        width: 13px;
        border: 2px solid rgb(190,190,190);
        border-radius: 25px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .carosel-button.selected{
        background-color: rgb(190,190,190);
    }

    /*Grid System*/
    .category-titles{
        height: 20px;
    }
    .category{
        font-size: 16px;
    }
    .table{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .column{
        width: 32%;
        min-height: 400px;
    }
    .table-image{
        height: 235px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    /*Index - Specific Content/Grid Code*/
    .body{
        margin: auto;
        margin-top: 540px;
        max-width: 1300px;
        box-sizing: border-box;
        padding: 50px 70px 0px;
    }
    /*Homepage Grid Adjustments*/
    .stream-table{
        min-height: 420px;
    }
    .stream-table .author-block .author-image{
        margin-right: 15px;
    }
    /*Articles*/
    /*Articles - Background and Top*/
    body.single{
        background-color: rgb(242,242,242);
    }
    .article-container{
        width: 55%;
        min-width: 850px;
        margin: auto;
        padding-top: 60px;
        margin-top: -120px;
    }
    body.single .featured-image{
        height: 500px;
    }
    .whitespace-container{
        position: absolute;
        top: 417px;
        height: 83px;
        width: 100%;
    }
    .whitespace{
        position: relative;
        width: 55%;
        min-width: 850px;
        background-color: white;
        margin: auto;
        height: 83px;
    }
    /*Share Sidebar*/
    .sidescroll{
        position: absolute;
        left: 0px;
        top: 553px;
        z-index: 4;
    }
    .scroll-container{
        position: relative;
        display: flex;
        flex-direction: column;
    }
    /*Article Content*/
    .article-text,
    .share-container{
        padding: 0px 100px;
    }
    /*Instream/Breakout Instructions*/
    .instream-image{
        min-height: 350px;
    }
    .instream-text{
        min-height: 400px;
    }
    .breakout-left{
        padding-top: 15px;
        float: left;
        margin-left: -50%;
        margin-right: 64px;
        width: 500px;
    }
    .breakout-right{
        float: right;
        margin-right: -50%;
        margin-left: 64px;
        width: 500px;
    }
    .breakout-left img,
    .breakout-right img{
        width: 100%;
    }
    .breakout-cover{
        margin: 0px -100px;
    }
    .breakout-center{
        margin: 0px;
    }
    .breakout-left .breakout-image,
    .breakout-right .breakout-image{
        width: 500px;
        height: 330px;
    }
    .breakout-center .breakout-image,
    .breakout-cover .breakout-image{
        height: 420px;
    }
    .breakout-text{
        position: relative;
        width: 540px;
        background: rgba(255,255,255,.5);
        box-sizing: border-box;
    }
    .breakout-left .breakout-text{
        padding: 20px 80px 20px 40px;
    }
    .breakout-right .breakout-text{
        padding: 20px 120px 20px 0px;
    }
    .breakout-text p{
        margin: 0px;
    }
    .breakout-text .breakout-quote{
        font-size: 42px;
        line-height: 150%;
        font-weight: 500;
        margin-bottom: 30px;
    }
    .breakout-text .breakout-author{
        font-weight: 300;
    }
    /*Case Study Formatting*/
    body.single-case-study .article-container,
    body.single-ebook .article-container{
        padding-bottom: 60px;
    }
    body.single-case-study .article-text{
        padding: 0px;
        padding-bottom: 50px;
    }
    body.single-case-study .article-text{
        padding: 0px 100px;
    }
    body .whitespace p{
        padding: 0px 100px;
    }
    .single-case-study .content-divider,
    .single-ebook .content-divider{
        width: 80%;
        margin: 0px 100px;
        padding: 0px;
    }
    .download-pdf{
        margin: 30px 100px 0px;
    }
    body .article-text .full-image{
        height: 420px;
        margin: 0px -100px;
    }
    .single-case-study h4,
    .single-case-study b{
        font-size: 20px;
        font-weight: 500;
    }
    body.single.single-case-study .featured-image-container .overlay,
    body.single.single-case-study .featured-image-container a{
        height: 500px;
    }
    body.single.single-case-study .featured-image-container .play{
        height: 70px;
        width: 70px;
    }
    /*Filter Rules*/
    .archive.category .content-container,
    .search .content-container,
    .page-template-archives .content-container{
        margin: auto;
        margin-top: 175px;
        max-width: 1300px;
        box-sizing: border-box;
        padding: 0px 75px;
    }
    .archive.category .top-titles h5,
    .search .top-titles h5{
        font-weight: 100;
        font-size: 16px;
    }
    .archive.category .top-titles h1,
    .search .top-titles h1{
        font-weight: 300;
        font-size: 40px;
    }
    .search .content-container{
        margin-bottom: 50px;
    }
    /*Advertising*/
    .table.ad-included{
        width: 65%;
        float: left;
    }
    .table.ad-included .column{
        width: 48%;
    }
    .ad-container{
        float: left;
        width: 28%;
        margin-left: 5%;
        background: black; 
    }
}
/*Desktop-Tablet Combined Rules*/
@media screen and (min-width: 768px){
    /*Articles on Homepage*/
    .category.link p{
        font-weight: 100;
        font-size: 12px;
        margin: 20px 0px 0px;
    }
    .category-titles .left{
        font-weight: 100;
    }
    .category-titles .right{
        font-weight: 300;
    }
    /*Shareblock article*/
    .shareblock .email,
    .shareblock .twitter,
    .shareblock .facebook,
    .shareblock .linkedin{
        position: relative;
        height: 45px;
        width: 150px;
    }
    /*Search Page Behavior*/
    .top-titles-container{
        clear: both;
        height: 102px;
    }
    .search-page h5{
        font-size: 14px;
        font-weight: 100;
    }
    .top-titles-container .search-icon,
    .top-titles-container .exit
    {
        display: none;
    }
    .top-titles-container .right-arrow{
        margin-top: 45px;
        margin-right: 30px;
        height: 22px;
        width: 22px;
        background-image: url("./static/images/rightarrow.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    /*Footer*/
    .mobile_footer_wrapper{
        display: none;
    }
    /*Article pages*/
    .article-container ul li{
        color: #414141;
        font-size: 20px;
        font-weight: 300;
        line-height: 36px;
        padding-bottom: 10px;
    }
    .article-container h3.heading{
        color: #CD2333;
        font-size: 28px;
        font-weight: 100;
    }
}
/*Early breaks for articles*/
@media (max-width: 1324px){
    /*Article Author*/
    .article-author-block{
        height: 32px;
        padding-top: 18px;
    }
    .article-author-block .author-image{
        height: 20px;
        width: 20px;
        float: left;
        margin-top: 5px;
        margin-right: 10px;
    }
    .article-author-block .author-text{
        float: left;
    }
    .article-author-block .author-text p{
        margin: 0px;
        line-height: 150%;
        font-weight: 500;
    }
    .article-author-block .author-text .name{
        font-size: 14px;
    }
    .article-author-block .author-text .category{
        font-size: 10px;
        color: rgb(207,32,46);
    }
    .next-container{
        display: none;
    }
}
/*Mobile-Tablet Combined Rules*/
@media screen and (max-width: 1049px){
    .mobile-head{
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 12;
    }
    .btf.mobile-head{
        background-color: white;
    }
    .advertising-container,
    .column.aligner{
        display: none;
    }
    #mobile-searchbar .bottombar-container{
        width: 100%;
        background-color: rgb(246,246,246);
    }
    #mobile-searchbar .bottombar-container input{
        background-color: rgb(246,246,246);
        color: black;
        border: 0px;
        font-size: 16px;
    }
    #mobile-subscribebar{
        display: none;
        position: fixed;
        top: 0px;
        z-index: 14;
        width: 100%;
        height: 160px;
        background-color: white;
    }
    #mobile-subscribebar .subscribe-top{
        height: 40px;
    }
    #mobile-subscribebar .subscribebar-container .title{
        font-size: 22px;
        font-weight: 300;
    }
    #desktop-searchbar{
        display: none !important;
    }

    /*Mobile Searchbar*/
    #mobile-searchbar{
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 15;
        width: 100%;
        background-color: white;
        height: 100vh;
        display: none;
        overflow-y: auto;
    }
    #mobile-searchbar .topbar .exit,
    #mobile-subscribebar .exit{
        background-image: url("./static/images/exitblack.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        cursor: pointer;
    }
    #mobile-searchbar .search-category-container,
    #mobile-searchbar .bottombar{
        max-width: 85%;
        margin: 0 auto;
        padding: 20px 0px;

    }
    #mobile-searchbar .bottombar .search-icon{
        background-image: url("./static/images/searchgray.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover; 
        height: 16px;
        width: 18px;
        margin-right: 15px;
        margin-top: 3px;
    }
    .search-category-container ul{
        list-style: none;
        padding-left: 5%;
    }
    .search-category-container li{
        font-weight: 100;
    }
    .search-category-container li.active{
        font-weight: 500;
    }
    .search-category-container .subscribe li{
        color: white;
        font-size: 13px;
        font-weight: 300;
    }
    .search-category-container .subscribe{
        margin-top: 20px;
    }
    #mobile-subscribe-container{
        position: relative;
    }
    .mobile-categories .normalized-link{
        color: rgb(171,171,171);
    }
    .mobile-categories .active .normalized-link{
        color: inherit;
    }
    #mobile-subscribe-container input{
        width: 400px;
        border: 1px solid rgb(207,207,207);
        border-radius: 5px;
        font-size: 16px;
        padding: 1px;
        padding-left: 10px;
    }
    #mobile-subscribe-container .right-container{
        cursor: pointer;
        position: absolute;
        background-color: rgb(71,135,187);
        width: 95px;
        top: 0px;
        left: 405px;
        border-radius: 0px 5px 5px 0px;
        -moz-border-radius: 0px 5px 5px 0px;
        -moz-border-radius: 0px 5px 5px 0px;
    }
    #mobile-subscribe-submit{
        margin: 12px;
    }
    #mobile-subscribe-submit p{
        font-weight: 500;
        font-size: 12px;
        color: white;
        margin: 0px;
        text-align: center;
    }
    /*Article Baseline*/
    .whitespace-container,
    .next-article,
    .sidescroll{
        display: none;
    }
    /*Case Studies*/
    .download-pdf{
        margin: 50px 0px;
    }
    /*Filters*/
    .archive.category .topbar .hamburger,
    .search .topbar .hamburger,
    .page-template .topbar .hamburger,
    .mobile-head.btf .topbar .hamburger{
        background-image: url("./static/images/blackhamburger.png");
        background-size: cover;
    }
    #mobile-thanks{
        position: fixed;
        top: 10px;
        z-index: 40;
        margin: 0 auto;
        width: 100%;
    }
    .thank-container{
        position: relative;
        width: 95%;
        margin: 0 auto;
        background-color: #F0F8EF;
        border: 1px solid #6DC067;
        box-sizing: border-box;
        border-radius: 3px;
    }
    .thank-text{
        padding: 12px;
        padding-left: 9px;
        line-height: 17px;
        font-size: 13px;
        font-weight: 300;
        color: #111;
    }
    .thank-check{
        float: left;
        height: 20px;
        width: 20px;
        margin: 19px 9px 0px 12px;
        background-image: url('./static/images/success-check.png');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
}
@media (max-width: 1049px) and (min-width: 768px){
    /*Tablet Header*/
    .desktop,
    .mobile,
    .carosel-scroller{
        display: none;
    }
    .logo{
		width: 193px;
        height: 22px;
        margin-top: 6px;    
	}
    .hamburger{
        width: 33px;
        height: 22px;
        margin-top: 8px;
    }
    .topbar{
        height: 59px;
        max-width: 85%;
        margin: 0 auto;
        padding-top: 21px;
    }
    .search-category-container li{
        margin-bottom: 22px;
        font-size: 22px;
    }
    #mobile-searchbar .topbar .exit,
    #mobile-subscribebar .exit{
        width: 22px;
        height: 22px;
        cursor: pointer;
        margin-top: 8px;
    }
    #mobile-subscribe-container input{
        height: 45px;
    }
    #mobile-subscribe-container .right-container{
        height: 49px;
        right: 8%;
    }
    #mobile-subscribe-container #mobile-subscribe-submit{
        margin: 17px 0px;
    }
    /*Index Featured*/
    .featured-image{
        height: 540px;
        position: absolute;
        top: 0px;
    }
    .featured{
        position: absolute;
        top: 190px;
        margin: auto;
        color: white;
    }
    .featured-float-container .featured-title{
        max-width: 100%;
        margin-bottom: 20px;
    }
    .featured .featured-title-container .category p{
        margin-bottom: 5px;
    }
    .featured-title h2{
        font-weight: 100;
        margin: 0px;
        font-size: 30px;
        max-width: 800px;
        line-height: 1.45em;
        margin-bottom: 10px;
    }
    .featured .featured-title-container .category{
        padding: 0px 75px;
    }
    .featured .category{
        padding:  0px 75px 25px 75px;
    }
    .featured-float-container{
        padding: 0px 75px 20px 75px;
        height: 100px;        
    }
    .readmore a{
        border: solid white 2px;
        border-radius: 5px;
        padding: 15px 30px;
        font-size: 13px;
        font-weight: 100;
    }
    .carosel-full{
        position: absolute;
        width: 100%;
        top: 500px;
    }
    .carosel-container{
        margin: auto;
        max-width: 1300px;
        box-sizing: border-box;
        padding: 0px 75px;
        z-index: 9;
    }
    .carosel{
        width: 120px;
        height: 15px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        float: right;
    }
    .carosel-button{
        height: 13px;
        width: 13px;
        border: 2px solid rgb(190,190,190);
        border-radius: 25px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .carosel-button.selected{
        background-color: rgb(190,190,190);
    }
    /*Index - Specific Content/Grid Code*/
    .body{
        margin: auto;
        margin-top: 580px;
        box-sizing: border-box;
        padding: 0px 75px;
    }
    .category-titles{
        height: 20px;
    }
    .ebooks.table{
        justify-content: space-between;
    }
    /*Grid*/
    .table{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .column{
        width: 47%;
        min-height: 375px;
    }
    .table-image{
        height: 235px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .category{
        font-size: 16px;
    }
    /*Index Streaming*/
    .stream-container.right{
        display: none;
    }
    .current-stream-container.left{
        width: 100%;
    }
    .current-stream-container.left{
        width: 100%;
        height: 420px;
        position: relative;
    }
    /*Article Top Behavior*/
    body.single .featured-image{
        height: 400px;
        position: relative;
    }
    .article-container,
    .whitespace{
        width: 70%;
        min-width: 640px;
        margin: 0px auto;
    }
    .single h1.article-title{
        padding: 35px 0px 5px 0px;
        font-weight: 300;
        font-size: 38px;
    }
    /*Handling Instream/Breakout on Tablet*/
    .breakout-image{
        width: 100%;
        height: 330px;
        margin-bottom: 50px;
    }
    .breakout-all{
        width: 45%;
    }
    .breakout-all.breakout-right{
        float: right;
        padding: 0px 7.5% 5% 7.5%;
    }
    .breakout-all.breakout-left{
        float: left;
        padding: 7.5%;
    }
    .breakout-all .breakout-text p{
        margin: 0px;
        line-height: 150%;
        font-weight: 300;
    }
    .breakout-all .breakout-text p.breakout-quote{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .instream-all.instream-text{
        min-height: 400px;
    }
    /*Share Container*/
    .share-container{
        margin-top: 50px;
    }
    /*Case Study Formatting*/
    .single-case-study .whitespace-container{
        display: inline;
        position: relative;
        width: 70%;
        min-width: 640px;
    }
    .single-case-study .whitespace-container p{
        width: 70%;
        min-width: 640px;
        margin: auto;
    }
    body.single-case-study .full-image{
        height: 330px;
    }
    .single-case-study h4,
    .single-case-study b{
        font-size: 20px;
        font-weight: 500;
    }
    body.single.single-case-study .featured-image-container .overlay,
    body.single.single-case-study .featured-image-container a{
        height: 400px;
    }
    body.single.single-case-study .featured-image-container .play{
        height: 70px;
        width: 70px;
    }
    .single-case-study .article-container .content-divider,
    .single-ebook .article-container .content-divider{
        margin-bottom: 0px;
    }
    .single-case-study .article-container .donwload-pdf,
    .single-ebook .article-container .donwload-pdf{
        margin-top: 35px;
        margin-bottom: 20px;
    }
    /*Filter Rules*/
    .archive.category .content-container,
    .page-template-archives .content-container,
    .search .content-container{
        margin: auto;
        margin-top: 175px;
        box-sizing: border-box;
        padding: 0px 75px;
    }
    .archive.category .top-titles h5,
    .page-template-archives .top-titles h5,
    .search .content-container{
        font-weight: 100;
        font-size: 14px;
    }
    .archive.category .top-titles h1,
    .page-template-archives .top-titles h1,
    .search .content-container{
        font-weight: 300;
        font-size: 30px;
    }
    .download-pdf{
        margin: 35px 0px 20px;
    }
}
@media (max-width: 767px) {
    /*Mobile Head*/
    .tablet,
    .desktop,
    .carosel-scroller{
        display: none;
    }
    .mobile-head{
        background-color: rgba(156,156,156,.5);
    }
    .logo{
		width: 193px;
        height: 22px;
	}
    .hamburger{
        width: 20px;
        height: 15px;
    }
    .topbar{
        height: 20px;
        max-width: 85%;
        margin: 0 auto;
        padding: 25px 0px;
    }
    .search-category-container li{
        margin-bottom: 18px;
        font-size: 18px;
    }
    #mobile-searchbar .topbar .exit,
    #mobile-subscribebar .exit{
        width: 16px;
        height: 16px;
        margin-right: 2px;
        cursor: pointer;
    }
    #mobile-searchbar .mobile-categories .content-divider{
        display: none;
    }
    #mobile-subscribe-container.email-bar input{
        height: 36px;
        width: 200px;
    }
    #mobile-subscribe-container.email-bar .right-container{
        height: 40px;
        left: 205px;
    }
    #mobile-subscribe-container .right-carot{
        height: 13px;
        width: 7px;
        margin-left: 16px;
        margin-top: 12px;
    }
    /*Homepage Table*/
    .column{
        width: 100%;
    }
    .category{
        font-size: 14px;
    }
    .category-titles{
        padding: 0px 5%;
        height: 40px;
        font-size: 14px;
    }
    .category-titles .left{
        font-weight: 300;
    }
    .category-titles .right{
        font-weight: 500;
        font-size: 12px;
    }
	h1.main-heading{
		font-weight: 100;
	}
    .table{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .table-image{
        height: 195px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .column .table-image-container .overlay{
        height: 200px;
    }
    .titles{
        width: 85%;
        margin: 0 auto;
    }
    .category.link p{
        font-weight: 100;
        font-size: 12px;
        margin: 20px 0px 10px;
    }
    .home .content-divider{
        margin-bottom: 30px;
    }
    /*Index Featured*/
    .featured-image{
        height: 400px;
        position: absolute;
        top: 0px;
    }
    .featured{
        position: absolute;
        top: 130px;
        margin: auto;
        color: white;
    }
    .featured-float-container div.featured-title{
        max-width: 100%;
    }
    .featured-title h2{
        font-weight: 100;
        margin: 0px;
        font-size: 24px;
        max-width: 800px;
        line-height: 32px;
        margin-bottom: 35px;
    }
    .featured .category{
        padding:  0px 5% 10px 5%;
    }
    .featured-float-container{
        padding: 0px 5% 20px 5%;
    }
    .readmore a{
        border: solid white 2px;
        border-radius: 5px;
        padding: 15px 30px;
        font-size: 13px;
        font-weight: 100;
    }
    .carosel-full{
        position: absolute;
        width: 100%;
        top: 375px;
    }
    .carosel-container{
        margin: auto;
        max-width: 1300px;
        box-sizing: border-box;
        padding: 0px 75px;
        z-index: 9;
    }
    .carosel{
        width: 120px;
        height: 15px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: auto;
    }
    .carosel-button{
        height: 9px;
        width: 9px;
        border: 2px solid white;
        border-radius: 25px;
        box-sizing: border-box;
        cursor: pointer;
    }
    .carosel-button.selected{
        background-color: white;
    }
    /*Index Specific Grid / Content*/
    .body{
        margin: auto;
        margin-top: 430px;
        box-sizing: border-box;
    }
    body h4.article-title{
        font-size: 20px;
        font-weight: 100;
        margin-top: 0px;
        min-height: 45px;
        line-height: 30px;
    }
    body .category-titles{
        margin-bottom: 0px;
    }
    .latest-streams-container{
        margin-bottom: 40px!important;
    }
    .ebooks.table{
        justify-content: space-between;
    }
    /*Index Streaming*/
    .stream-table{
        min-height: 250px;
    }
    .stream-container.right{
        display: none;
    }
    .current-stream-container.left{
        width: 100%;
        height: 150px;
        position: relative;
    }
    .current-stream-overlay{
        display: none;
    }
    .current-stream-container .overlay.mobile{
        width: 100%;
        height: 150px;
        top: 0px;
        left: 0px;
    }
    .watch-container{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        text-align: center;
        height: 150px;
    }
    .mobile.stream-block{
        width: 85%;
        margin: 0 auto;
    }
    .mobile .new{
        margin: 24px 0px;
        color: white;
        font-weight: 100;
        margin: 15px 0px 10px;
    }
    .stream-block .titles{
        width: 100%;
    }
    .stream-block h4{
        margin: 0px;
    }
    /*Mobile Overlay Rules*/
    .overlay.mobile a{
        display: inline-block;
        height: 150px;
        width: 100%;
    }
    .overlay.mobile .play-container{
        margin: 35px auto 0px;
        width: 50px;
        height: 50px;
        background-color: rgba(0,0,0,.7);
        border-radius: 50%;
    }
    .overlay.mobile .play{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 15px 0px 25px;
        width: 20px;
        height: 20px;
        margin: 0px auto;
        background-position: center;
        background-size: cover;
    }
    .overlay.mobile .text{
        font-weight: 100;
        font-size: 14px;
        margin: 10px auto 0px;
    }
    /*Articles*/
    /*Articles Top*/
    body.single .featured-image{
        height: 277px;
        position: relative;
    }
    .single h1.article-title{
        padding: 0px;
        margin: 35px auto 0px!important;
        font-weight: 300;
        font-size: 22px;
        line-height: inherit;
        min-height: 0px;
    }
    body.single .article-author-block{
        min-width: 270px;
        width: 85%;
        margin: 10px auto;
    }
    .article-container .article-text p{
        font-size: 14px;
    }
    .article-container ul li{
        color: #414141;
        font-size: 14px;
        font-weight: 300;
        line-height: 200%;
        padding-bottom: 10px;
    }
    .article-container h3.heading{
        color: #CD2333;
        font-size: 28px;
        font-weight: 100;
    }
    /*Article Formatting*/
    .article-container p,
    .article-container h1.article-title,
    .article-container .inline-article-author-block,
    .article-container .mobile,
    .whitespace,
    .article-container h2,
    .article-container h3,
    .article-container h4,
    .article-container hr,
    .article-container ul{
        width: 85%;
        min-width: 270px;
        margin: 14px auto;
    }
    .mobile.shareblock {
        width: 200px!important;
        max-width: 200px!important;
        min-width: 200px!important;
        margin: 0px;
        padding: 0px!important;
    }
    .shareblock .email,
    .shareblock .twitter,
    .shareblock .facebook,
    .shareblock .linkedin{
        position: relative;
        height: 45px;
        width: 50px;
        margin: 0px;
        border-radius: 0px!important;
    }
    .shareblock .email .share-logo,
    .shareblock .twitter .share-logo,
    .shareblock .facebook .share-logo,
    .shareblock .linkedin .share-logo{
        float: none;
        margin: auto;
        left: 0px!important;
    }
    /*Authors*/
    .inline-article-author-block.clearfix{
        height: 50px;
    }
    .author-text{
        width: 50%;
    }
    /*Breakout / Instream Info*/
    .breakout-image{
        width: 100%;
        height: 195px;
        margin: 30px 0px;
    }
    .greentext{
        box-sizing: border-box;
        width: 68%;
        min-width: 265px;
        margin: 30px auto;
    }
    .article-container .greentext p{
        width: 100%;
        font-size: 20px;
    }
    .article-container .article-text .breakout-text{
        font-weight: 500;
        font-size: 20px;
        margin: 30px auto;
    }
    .article-container .article-text .breakout-text p{
        font-weight: 500;
    }
    .article-container .article-text .breakout-text p.breakout-quote{
        font-size: 20px;
    }
    .article-container .article-text .breakout-text p.breakout-author{
        font-size: 14px;
        margin-top: 30px;
    }
    /*Share Container*/
    .share-container{
        display: none;
    }
    /*Case Study Formatting*/
    .single-case-study .whitespace-container{
        display: inline;
        position: relative;
        width: 70%;
    }
    .single-case-study .whitespace-container .category p,
    .single-case-study h4
    {
        width: 70%;
        margin: 0px auto;
        font-size: 14px;
    }
    body.single-case-study .full-image{
        height: 200px;
        margin: 30px 0px;
    }
    .single-case-study h4,
    .single-case-study b{
        font-size: 16px;
        font-weight: 300;
    }
    .single-case-study h4{
        width: 70%;
        margin: 0px auto;
    }
    .single-case-study .article-container .content-divider,
    .single-ebook .article-container .content-divider{
        display: none;
    }
    .article-text .instream-breakout-fullquote{
        width: 70%;
        margin: 0px auto;
    }
    .article-text .instream-breakout-fullquote *{
        float: none;
    }
    .article-text .instream-breakout-fullquote .author-image{
        width: 64px;
        height: 64px;
        margin: 20px 0px;
    }
    .article-text .instream-breakout-fullquote .quote-full{
        margin: 0px;
    }
    .article-text .instream-breakout-fullquote .quote-full .quote-text p{
        font-size: 20px;
        font-weight: 300;
    }
    .download-pdf{
        margin: 30px 7.5% 0px;
    }
    body.single.single-case-study .featured-image-container .overlay,
    body.single.single-case-study .featured-image-container a{
        height: 277px;
    }
    body.single.single-case-study .featured-image-container .play{
        height: 47px;
        width: 47px;
    }
    /*Filter Rules*/
    .archive.category .content-container,
    .search .content-container,
    .page-template .content-container{
        margin: auto;
        margin-top: 100px;
        box-sizing: border-box;
    }
    .top-titles{
        width: 80%;
        margin: auto;
    }
    body.search .top-titles{
        width: 70%;
    }
    body.search .content-divider.top-divider{
        margin-bottom: 35px;
    }
    .archive.category .top-titles h5,
    .search .top-titles h5{
        font-weight: 100;
        font-size: 14px;
    }
    .archive.category .top-titles h1,
    .search .top-titles h1{
        font-weight: 300;
        font-size: 30px;
    }
    .archive.category .top-divider.content-divider,
    .search .top-divider.content-divider{
        width: 80%;
        margin: 0px auto 50px auto;
    }
    /*Search Page*/
    .search-page h5,
    .top-titles-container{
        width: 85%;
        margin: 0px auto;
        font-size: 24px;
        font-weight: 100;
    }
    .top-titles-container{
        min-height: 65px;
    }
    .archive.category .top-titles-container .top-titles h1,
    .search .top-titles-container .top-titles h1{
        font-size: 22px;
        font-weight: 100;
    }
    .top-titles-container .search-icon.gray{
        background-image: url("./static/images/searchgray.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 14px;
        width: 14px;
        margin-top: 15px;
        margin-right: 10px;
    }
    .top-titles-container .exit{
        background-image: url("./static/images/exit.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 20px;
        width: 20px;
        margin-top: 17px;
        cursor: pointer;
    }
    /*Footer (Mobile Version)*/
    .footer_wrapper{
        display: none;
    }
    .mobile_footer_wrapper{
        display: block;
        background: #262626;
        color: #8c8c8c;
        padding: 11px 17px 13px;
        clear: both;
        height: 17px;
    }
    .mobile_footer_wrapper ul{
        list-style: none;
        margin: 0px;
        padding: 0px;
        border: 0px;
    }
    .mobile_footer_wrapper li,
    .mobile_footer_wrapper li a{
        color: rgb(153,153,153);
        font: 12px "MuseoSans-300", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
        text-decoration: none;
        display: inline-block;
    }
    .footer_left_part{
        float: left;
    }
    .mobile_footer_wrapper .footer_left_part .mobile_footer_contact{
        margin-right: 26px;
    }
    .footer_right_part{
        float: right;
    }
}
@media (max-width: 350px) {
    #mobile-subscribe-container.email-bar .right-container{
        left: 60%!important;
    }
    #mobile-subscribe-container.email-bar input{
        width: 57%!important;
    }
}
/*Header*/
body,
.head,
.featured-image,
.featured{
    width: 100%;
}
.logo{
    background-image: url("./static/images/vimeo-ls.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    white-space: nowrap;
    float: left;
}
.topbar ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.topbar .left ul{
    margin-top: 9px;
    margin-left: 20px;
}
.topbar li{
    display: inline;
    margin-left: 25px;
    color: white;
    font-size: 16px;
    font-weight: 100;
    padding-bottom: 29px;
    letter-spacing: 1px;
}
.categories,
.search-icon{
    float: left;
}
.search-icon{
    width: 26px;
    height: 25px;
    background-image: url("./static/images/search.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 9px;
    z-index: 15;
}
.topbar .subscribe{
    float: right;
}
.subscribe{
    width: 126px;
    height: 44px;
    text-align: center;
    border-radius: 5px;
}
.subscribe li{
    margin-left: 0px;
    display: block;
    padding-top: 14px;
    font-weight: 100;
    font-size: 14px;
    cursor: pointer;
}

.topbar .categories li.active{
    border-bottom: 2px solid white;
    font-weight: 700;
}
.topbar .categories li{
    font-weight: 300;
}
.topbar .hamburger{
    background-image: url("./static/images/hamburger.png");
    background-size: cover;
    cursor: pointer; 
}
/*Background*/
.desktop,
.tablet{
    background-color: rgba(156,156,156,.5);
}
/*Homepage Featured*/
.featured-image{
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('hero-image.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.featured-title-container{
    max-width: 1300px;
    background: transparent;
    margin: 0 auto;
}
.featured .category{
    font-weight: 100;
}
.featured .category p{
    margin: 0px;
}
.featured-title{
    float: left;
    max-width: 83%;
}
.readmore{
    font-weight: 300;
}
/*Grid*/
.titles{
    font-weight: 300;
}
.category-titles{
    margin-bottom: 20px;
}
.category-titles p{
    margin: 0px;
}
.article-title{
    font-weight: 300;
    color: black;
    font-size: 24px;
    min-height: 60px;
    margin-bottom: 15px;
}
h4.article-title{
    margin-top: 20px;
    line-height: 34px;
}
.table-image-container,
.table-image{
    position: relative;
}
.table-image-container .overlay{
    height: 235px;
    width: 100%;
}
.paper{
    width: 35px;
    height: 45px;
    background-image: url("./static/images/paper.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 80%;
    transform: translateY(-50%);
    margin-left: 20px;
}
/*Homepage Stream Container*/
.latest-streams-container{
    margin-bottom: 70px;
}
.stream-image-large{
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("./static/images/streamselect.png");
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}
.current-stream-container .overlay{
    top: 0px;
    left: 0px;
    color: white;
    z-index: 11;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 60px;
}
.new{
    text-align: center;
    background-color: rgba(230,230,230,.9);
    padding: 5px 1px;
    box-sizing: border-box;
    color: rgb(56,56,56);
    width: 50px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.new p{
    margin: 0;
    font-size: 10px; 
}
.current-stream-title{
    font-size: 32px;
    padding-bottom: 20px;
}
.current-stream-title h2{
    margin: 0;
    font-weight: 100;
    font-size: 46px;
}
.author-block{
    height: 30px;
    padding-bottom: 20px
}
.author-block p{
    margin-top: 5px;
    margin-bottom: 0px;
    font-weight: 100;
    font-size: 14px;
}
.author-image{
    height: 30px;
    width: 30px;
    background-image: url("./static/images/logodefault.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.load-stream,
.stream-small,
.stream-small p,
#submitEmail,
.close-subscribe{
    cursor: pointer;
}
.current-stream-title.load-stream,
.new p,
.author-text{
    cursor: default;
}
.watch-now{
  height: 40px;
  width: 160px; 
  box-sizing: border-box;
  border: 2px solid white;
  border-radius: 5px; 
  margin-top: 10px;
}
.watch-now p{
    margin-top: 8px;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 100;
}
.play{
    background-image: url("./static/images/playarrow.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.watch-now .text{
    margin-right: 17px;
    margin-top: 2px; 
}
.watch-now .play{
    height: 20px;
    width: 20px;
    margin-left: 17px;
    margin-top: 7px;
}
/*Articles*/
/*Article Base Formatting*/
body.single .featured-image{
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('article-header-alt.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}
.article-container{
    background-color: white;
    position: relative;
    z-index: 3;
    padding-bottom: 20px;
}
h1.article-title{
    margin: 0px;
    font-weight: 300;
    font-size: 42px;
    line-height: 56px;
}
.article-text p,
.share-container p{
    font-weight: 100;
    font-size: 20px;
    line-height: 200%;
}
.article-container ul{
    padding-left: 20px;
}

/*Breakout / Instream*/
.instream-breakout-fullquote{
    min-height: 250px;
}
.breakout-image{
    position: relative;
    background-image: url("./static/images/latestarticle2.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.greentext{
    border-left: 2px solid rgb(109,192,103);
    padding-left: 10%;
}
.greentext p{
    font-size: 26px;
    line-height: 200%;
    color: rgb(109,192,103);
}
/*Author*/
.article-author-block .author-image,
.inline-article-author-block .author-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 25px;
}
/*Share Info*/
.share-logo{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.email{
    background-color: rgb(207,32,46);
}
.twitter{
    background-color: rgb(80,171,241);
}
.facebook{
    background-color: rgb(52,100,165);
}
.linkedin{
    background-color: rgb(17,114,162);
}
.email:hover{
    background-color: rgb(192,43,55);
}
.twitter:hover{
    background-color: rgb(64,138,195);
}
.facebook:hover{
    background-color: rgb(39,81,133);
}
.linkedin:hover{
    background-color: rgb(13,92,131);
}
.scroll-container .email,
.scroll-container .twitter,
.scroll-container .facebook,
.scroll-container .linkedin{
    height: 45px;
    width: 45px;
}
.twitter .share-logo{
    background-image: url("./static/images/icon-twitter@4x.png");
    width: 17px;
    height: 15px;
    left: 30%;
}
.facebook .share-logo{
    background-image: url("./static/images/icon-facebook@4x.png");
    width: 9px;
    height: 18px;
    left: 35%;
}
.linkedin .share-logo{
    background-image: url("./static/images/icon-linkedin@4x.png");
    width: 17px;
    height: 17px;
    left: 30%;
}
.email .share-logo{
    background-image: url("./static/images/icon-email@4x.png");
    width: 19px;
    height: 15px;
    left: 30%;
}
.scroll-container .share-logo{
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.share-logo{
    position: relative;
    top: 50%;
    transform: translateY(-50%);    
}
.share-container .content-divider{
    margin-bottom: 30px;
}
.shareblock{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 50px;
    margin: 0 auto;
    max-width: 641px;
}
.shareblock p,
.shareblock .share-logo{
    float: left;
    margin: 0px;
}
.shareblock .twitter .share-logo,
.shareblock .facebook .share-logo{
    left: 25px;
}
.shareblock .email .share-logo{
    left: 35px;
}
.shareblock .linkedin .share-logo{
    left: 28px;
    top: 48%;
}

.shareblock .email,
.shareblock .twitter,
.shareblock .facebook,
.shareblock .linkedin{
    border-radius: 5px;
}
.shareblock .email p,
.shareblock .twitter p,
.shareblock .facebook p,
.shareblock .linkedin p{
    color: white;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    letter-spacing: 1px;
}
.shareblock .email p{
    left: 65px;
}
.shareblock .twitter p{
    left: 60px;
}
.shareblock .facebook p{
    left: 50px;
}
.shareblock .linkedin p{
    left: 55px;
}

/*Case Study Base*/
.whitespace .category p{
    position: relative;
    margin: 0px;
    font-weight: 100;
    padding-top: 60px;
}
body.single.single-case-study .featured-image{
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('case-study-hero.png');
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
body.single.single-case-study .featured-image-container{
    position: relative;
}
body.single.single-case-study .featured-image-container .overlay{
    width: 100%;
}
body.single.single-case-study .featured-image-container a{
    width: 100%;
    display: inline-block;
}
body.single.single-case-study .featured-image-container .play{
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.single.single-case-study h1.article-title{
    padding-top: 20px;
    padding-bottom: 10px;
}
body.single .full-image{
    background-image: url("./static/images/livestreamcamera.png");
    padding: 0px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-case-study .article-text .author-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 118px;
    width: 118px;
    padding: 0px;
    margin-top: 15px;
}
.article-text .quote-full{
    width: 75%;
    margin-left: 5%;
}
.article-text .quote-full p{
    margin: 0px;
}
.article-text .quote-text p{
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 10px;
}
.download-pdf{
    padding: 5px 20px;
    box-sizing: border-box;
    height: 45px;
    width: 155px;
    background-color: rgb(207,32,46);
    border-radius: 5px;
    cursor: pointer;
}
.download-pdf p{
    padding: 0px;
    padding-top: 10px;
    margin:0px;
    color: white;
    font-size: 14px;
}
.single-case-study .article-container{
    margin-bottom: 20px;
}
/*Filter Page*/
.archive.category #desktop-header,
.search #desktop-header,
.archive.category .tablet,
.search .tablet,
.page-template-archives .tablet,
.archive.category .mobile.mobile-head,
.search .mobile.mobile-head,
.page-template-archives .mobile.mobile-head,
.mobile-head.btf{
    box-sizing: border-box;
    background-color: white;
    border-bottom: 1px solid rgb(231,231,231);
}
.archive.category #desktop-header.active,
.search #desktop-header.active{
    border: 0px;
}
.archive.category .logo,
.btf.mobile-head .logo,
.page-template .logo,
.search .logo,
#desktop-header.btf .logo,
.category.archive #desktop-header .logo,
.search #desktop-header .logo,
#mobile-searchbar .logo,
.page-template-archives #desktop-header .logo,
.page-template-archives .tablet .logo
{
    background-image: url("./static/images/vimeo-ls.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.archive.category .topbar .categories li,
.search .topbar .categories li{
    color: rgb(136,136,136);
}
/*Search Page*/
.search-page .category-titles p{
    font-size: 20px;
}

.search-page .top-titles{
    float: left;
}
/*Topbar Search Behavior on Filter Pages*/
.archive.category .search-icon,
.search .search-icon,
#desktop-header.btf .search-icon,
.category.archive #desktop-header .search-icon
.search #desktop-header .search-icon,
.page-template-archives #desktop-header .search-icon{
    background-image: url("./static/images/searchblack.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 15;
}
.search .search-icon.gray{
    background-image: url("./static/images/searchgray.png");
}
.load-more{
    width: 150px;
    height: 50px;
    border: 2px solid black;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0px auto 50px auto;
    cursor: pointer;
}
.load-more p{
    font-size: 13px;
    font-weight: 700;
    margin: 15px 0px 0px 0px;
    color: rgb(66,66,66);
    text-align: center;
}
/*Modals / Subscription behavior*/
#dimmer-container,
#dimmer{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 15;
  display: none
}
#dimmer{
  background-color: rgba(0,0,0,0.5);
}
#subscribe-box {
  display: inherit;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  color: black;
  z-index: 17;
  padding: 0px;
  border-radius: 10px;
  background: white;
  border: 1px solid black;
  border-radius: 5px;
  width: 380px;
  height: 430px;
}
#casestudy-box {
    position: relative;
    margin: auto;
    margin-top: 20vh;
    display: none;
    color: black;
    z-index: 17;
    padding: 0px;
    border-radius: 10px;
    background: white;
    border: 1px solid black;
    border-radius: 5px;
    width: 380px;
    height: 800px;
    max-height: calc(100vh - 175px);
    overflow-y: auto;
}

#sign-in-box {
  display: none;
  position: relative;
  top: 40vh;
  margin: 0 auto;
  color: black;
  z-index: 17;
  padding: 0px;
  border-radius: 10px;
  background: white;
  border: 1px solid black;
  border-radius: 5px;
  width: 380px;
  height: 360px;
}
.subscription-container{
    width: 380px;
    height: 360px;
    position: relative;
    padding-top: 30px;
    box-sizing: border-box;
}
#casestudy-box .subscription-container{
    width: 380px;
    height: 725px;
    position: relative;
    padding-top: 70px;
    box-sizing: border-box;
}
.subscribe-table,
.subscribe-title,
.subscribe-subtitle{
    padding: 0px 30px;
    margin: 0px;
}
.after-links a.blue-link{
    color: rgb(75,135,187);
    text-decoration: underline;
    padding-right: 10px;
    font-weight: 100;
    font-size: 12px;
}
form .ui.primary.button{
    background-color: rgb(75,135,187);
    font-size: 14px;
    font-weight: 500;
    margin: 10px 0px;
}
.close-subscribe,
.close-sign-in{
    position: absolute;
    top: 16px;
    right: 16px;
    height: 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("./static/images/exit.png");
    z-index: 18;
}
h4.subscribe-title {
    font-size: 45px;
    font-weight: 100;
    line-height: 54px;
    color: #4185BE;
    padding-bottom: 30px
}
p.subscribe-subtitle {
    font-size: 14px;
    font-weight: 300px;
    color: #424242;
    line-height: 28px;
    margin-bottom: 10px;

}
.subscribe-row input{
    margin: 10px 0px;
    width: 318px;
    height: 38px;
    border: 1px solid rgb(207,207,207);  
    border-radius: 5px;
    box-sizing: border-box;
    padding-left: 10px;

}
.subscribe-row .submit{
    -webkit-appearance: textfield;
    width: 318px;
    color: white;
    background-color: rgb(83,137,185);
    margin-top: 15px;
    box-shadow: none;
    margin: 10px 0px;
    border: 0px;
    padding: 0px;
    font-weight: 100;
    font-size: 14px;
}
/*Share Expander*/
.expanded-share,
.hover-share{
    position: relative;
    display: none;
}
.expanded-share{
    height: 45px;
}
.hover-share{
    width: 100%;
}
.expanded-share .facebook,
.expanded-share .twitter,
.expanded-share .linkedin,
.expanded-share .email{
    width: 25%;
    height: 45px;
    float: left;
}
.expanded-share .facebook .share-logo,
.expanded-share .twitter .share-logo,
.expanded-share .linkedin .share-logo,
.expanded-share .email .share-logo{
   margin-left: 45%;
   left: 0px;
}
/*Semantic Form Jazz*/
.ui.form{
    font-size: 1rem;
    position: relative;
    max-width: 100%;
    display: block;
    margin-top: 0px;
}
.ui.form .field{
    clear: both;
    margin: 0 0 5px;
}
.ui.form .field>label{
    display: block;
    margin: 0 0 .28571429rem;
    color: rgba(0,0,0,.87);
    font-weight: 300;
    text-transform: none;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline-width: 0;
  /* mobile firefox too! */
}
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
    width: 100%;
    margin: 0em;
    outline: none;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.2142em;
    padding: 0.67861429em 0px;
    font-size: 1em;
    background: #FFFFFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
}
.ui.fluid.dropdown {
    display: block;
    width: 100%;
    min-width: 0;
}
select.ui.dropdown {
    height: 38px;
    padding: .5em;
    border: 1px solid rgba(34,36,38,.15);
    visibility: visible;
}
.ui.form select {
    display: block;
    width: 100%;
    background: #FFF;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
    box-shadow: 0 0 0 0 transparent inset;
    padding: .62em 1em;
    color: rgba(0,0,0,.87);
    -webkit-transition: color .1s ease,border-color .1s ease;
    transition: color .1s ease,border-color .1s ease;
}
.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: 0;
    text-align: left;
    -webkit-transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    -webkit-tap-highlight-color: transparent;
}
button, select {
    text-transform: none;
}
.ui.checkbox label{
    font-weight: 300;
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover {
    background-color: #1678c2;
    color: #FFF;
    text-shadow: none;
}

.ui.primary.button {
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
    font-weight: 100;
    padding: 10px 30px;
    letter-spacing: 1px;
}
.ui.primary.button, .ui.primary.buttons .button {
    background-color: #2185D0;
    color: #FFF;
    text-shadow: none;
    background-image: none;
}
.ui.button:hover {
    background-color: #CACBCD;
    background-image: none;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    color: rgba(0,0,0,.8);
}
.ui.button, .ui.buttons .button, .ui.buttons .or {
    font-size: 1rem;
}
.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: 0;
    border: none;
    vertical-align: baseline;
    background: #E0E1E2;
    color: rgba(0,0,0,.6);
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
    will-change: '';
    -webkit-tap-highlight-color: transparent;
}

/*Loadmore*/
.loadmore-marker{
    height: 70px;
    width: 100%;
}
.full-article-container{
    position: relative;
}
/*Livestream Update Column Updates*/
.column.ls-update .table-image{
    border-bottom: 20px solid rgb(112,191,107);
    box-sizing: border-box;
}
.column{
    margin-bottom: 40px;
}
.column.ls-update .titles a p{
    color: rgb(112,191,107);
    font-weight: 500;
}
.article-content{
    padding-top: 8px;
}
.bottombar input:focus{
        outline: none;
}
.stream-small.clicked p{
    font-weight: 500!important;
}

/*Subscribe error state*/
.invalid-email input{
    border-color: #CF202E!important;
    margin-bottom: 0px!important;
}
.invalid-email .error-message{
    display: inherit;
}
.error-message{
    margin: 0px;
    margin-top: 3px;
    font-weight: 300;
    color: #CF202E;
    font-size: 11px;
    display: none;
}
.post-subscribe-container{
    padding-top: 120px;
}
p.post-subscribe.subscribe-message{
    font-size: 22px;
    font-weight: 300;
    color: black;
    padding: 0px 30px;
    margin: 0px;
}