/*!
Theme Name: CVN Portal
Theme URI: http://underscores.me/
Author: MillerSmith
Author URI: http://millersmith.com
Description: Custom theme for Cohen Veterans Network Clinicians Portal
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cvnportal
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CVN Portal is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/* Nope. */

.page-numbers::before {
    content: 'Page ';
}
.page-numbers.next::before {
    content: '';
}
.bbp-pagination-links{
    float:left !important;
    margin-left:10px;
}

@media screen and (min-width:1026px){
    .flex-desktop{
        display: flex;
    }
    .flex-desktop .new-bar{
        display: flex;
        align-items: center;
    }
    .secondary-nav > ul > li.menu-item:first-of-type a{
        background: #f60;
        padding: 13px 12px 12px 30px;
        margin-left: -31px;
        background: linear-gradient(120deg, white 0%, white, 11%, #002e62 11%, #002e62 100%);
    }
}

.new-bar.not-first-alert{
    background-image: none;
    box-shadow: inset 0 0 20px rgba(209, 17, 66);
    border: none;
    background: rgba(209, 17, 66, 0.1);
}

.cvn-alert {
    padding-left: 15px;
    padding-right: 15px;
}

/* bbpress profile tinymceditor formatting */
#bbpress-forums #bbp-your-profile fieldset .mce-tinymce div {
    margin-bottom: unset;
    float: unset;
    width: unset;
    clear: left;
}

/* calendar css added on 20052019 */
.tribe-events-sub-nav li{
    width:33.33%;
    margin:0 !important;
    display: inline-block;
}
.tribe-events-nav-current{
    text-align: center !important;
    font-weight: bold;
    color:#d11142;
}


/* styles added for top nav on 06062019 */
.secondary-nav{
    min-width: 630px !important;
}


/* styles added for top nav on 18072019 */
.top-nav-container .four.columns{
    background: transparent !important;
    float: right;
    overflow: visible;
}
.top-nav-container .secondary-nav{
    padding-left: 0 !important;
    margin-left: -220px;
}
.top-nav-container .secondary-nav ul{
    margin-left:44px;
}


/* styles added for cvn profiles on 06082019 */
.row.home-profile-widget, .home .four.columns .strip {
    padding-left: 1rem !important;
    padding-right: 2rem !important;
}
.home-profile-widget img {
    margin-left: 1rem !important;
}


/* CountDown Styles added on 04102019 */
.countdown-wrapper{
    background:#d11142;
    font-family: 'proxima-nova',sans-serif;
}
.countdown-headline{
    font-size: 28px;
    line-height:1.2;
    color:#fff;
    font-weight: bold;
    padding:20px 25px;
}
#countdown-lead-tour{
	font-family: sans-serif;
	color: #fff;
	display:block;
	font-weight: 100;
	text-align: center;
    font-size: 40px;
    font-weight:bold;
    display: table;
    width: 100%;
    padding: 8px 25px 12px 0;
    box-sizing: border-box;
}
#countdown-lead-tour > div{
    display: block;
    float:left;    
    width:22%;
    margin-left:1.5%;
    margin-right:1.5%;
}
#countdown-lead-tour div > span{
    line-height: 70px;
    display:block;
    text-align: center;
    background: rgba(255,255,255,0.3);
    font-family: 'proxima-nova',sans-serif;
}
#countdown-lead-tour .smalltext{
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    font-family: 'proxima-nova',sans-serif;
    line-height: 1;
    padding-top: 8px;
}








/* Styles added on 09-01-2020 */
@media screen and (min-width:1025px){
    .primary-nav{
        padding-left:5.25vw !important;
    }
    .primary-nav ul li.menu-item-has-children > a::after{
        right:0.1vw !important;
        content:unset !important;
    }
    .primary-nav ul li {
        padding-right:1vw !important;
    }
    .primary-nav ul li a{
        letter-spacing: 0 !important;
        font-size: 16px !important;
    }
    .secondary-nav{
        float: right !important;
        padding-right:30px !important;
        margin-right:0 !important;
    }
}
/* Styles added on 23-01-2020 */
@media screen and (min-width:1025px) and (max-width:1449px){
    #header nav.primary-nav{
        width:82% !important;
        padding-left: 6vw !important;
    }
    .primary-nav ul li {
        padding-right: 1vw !important;
    }
    .primary-nav ul li a{
        font-size:1.2vw !important;
    }
}


/* style added for topic / replies ul li*/
.bbp-reply-content ul,
.bbp-reply-content ol{
    font-size: 1.8rem;
}


/* styles added on 19022020 */
.home .slide{
    background-position: center center;
    min-height: unset;
    padding-top: 55%;
}
.home .slide .slide-text{
    max-width:40%;
    top:10%;
    left:7%;
}
.home .slide .slide-text.box_right{
    right:7%;
}
.home .slide .slide-text h2{
    margin-bottom:1rem;
}
.home a.slide_link_url{
    margin-bottom:1.5rem;
}

@media (min-width:1026px) and (max-width:1449px){
    .home .slide .slide-text h2{
        font-size:1.6vw;
    }
    .home .slide_copy{
        font-size: 1.25vw;
    }
    .home a.slide_link_url{
        font-size: 1.4vw;
    }
}



/* Covid-19 page styles */
body.page-template-page-covid19 .logo-covid-19{
    display:block;
    text-align:left;
    margin-top: 25%;
}
body.page-template-page-covid19 .logo-covid-19 img{
    max-width:250px;
}
.bquote{
    background: #eeeeee; 
    padding: 20px; 
    margin-bottom: 20px; 
    font-size:18px; 
    border-left:5px #ccc solid;   
    font-style:italic;
}




/*MBC Page CSS*/
.mbc-row{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.column-sm-2{
    width: 25%;
}
.column-sm-3{
    width: 33.33%;
}
.column-sm-5{
    width: 41.6666666667%;
}
.column-sm-6{
    width: 50%;
}
.column-sm-7{
    width: 58.3333333333%;
}
.column-sm-9{
    width: 66.66%;
}
.column-sm-10{
    width: 75%;
}

.d-flex{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.justify-content-center{
    justify-content: center;
}
.border-bottom-7{
    border-bottom: 8px solid #D11242;
}

/* ========== first section left ========== */
.mbc-wrapper-1{
    background: #002d62;
    overflow: hidden;
}
.mbc-intro-text{
    position: relative;
    height: 100%;
}
.mbc-intro-text::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #002d62;
    clip-path: polygon(29% 0, 0 0, 0 100%);
    right: -100%;
    /* clip-path: polygon(100% 0, 0 100%, 100% 100%); */
    transform: rotateX(180deg);
    z-index: 2;
}
.mbc-intro-text .mbc-main-text{
    max-width: 630px;
    display: block;
    float: right;
    padding: 45px 0 45px 0;
    color: #ffffff;
    margin-left: 30px;
}
.mbc-details{
    margin-top: 40px;
    font-size: 25px;
    line-height: 35px;
}

.mbc-video-wrapper{
    height: 100%;
    position: relative;
}
.mbc-intro-text .mbc-intro-logo{
    max-width: 424px;
    width: 100%;
}
.mbc-video-wrapper .intro-lg-img{
    width: 100%;
    min-height: 100%;
    max-height: inherit;
    object-fit: cover;
    object-position: top center;
    /* margin-top: -1px;
    margin-bottom: -1px; */
}
.mbc-video-wrapper .mbc-play-btn{
    color: #ffffff;
    position: absolute;
    left: 100px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 20px;
}
.mbc-video-wrapper .mbc-play-btn a{
    color: #ffffff;
    font-weight: 400;
    transition: 0.4s;
}
.mbc-video-wrapper .mbc-play-btn a:hover{
    color: #cacaca;
}
.play-icon{
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 30px solid #ffffff;
    border-bottom: 15px solid transparent;
    margin-left: 25px;
}
.play-icon:hover{
    text-decoration: none;
}
.mbc-video-wrapper .mbc-play-btn a:hover .play-icon{
    border-left: 30px solid #cacaca;
}

/* ========== second section left ========== */
.mbc-wrapper-2{
    padding-top: 40px;
    padding-bottom: 40px;
}
.mbc-wrapper-2 .mbc-row{
    background-color: #f2f4f7;
}
.mbc-clinic-img{
    height: 100%;
    width: 100%;
}
.mbc-clinic-img {
    width: 100%;
}
.mbc-clinic-img img{
    max-height: 405px;
    object-fit: cover;
    object-position: center;
    height: 100%;
}
.mbc-clinical-guide-details{
    /* min-height: 408px; */
    height: 100%;
    background-color: #f2f4f7;
    padding: 40px;
}
.mbc-heading{
    text-transform: uppercase;
    color: #002d62;
    font-size: 37px;
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-weight: 300;
    line-height: 50px;
}
.mbc-heading:before{
    content: '';
    position: absolute;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 1px dashed #D11242;
}
.mbc-clinical-guide-details p{
    font-size: 26px;
    line-height: 36px;
    color: #002d62;
}
.download-btn{
    padding: 15px 25px;
    background-color: #D11242;
    color: #ffffff;
    margin-top: 0px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 15px;
    letter-spacing: 1px;
}
.download-btn:hover{
    color: #ffffff;
    text-decoration: none;
}
.download-icon{
    height: 16px;
    margin-right: 10px;
}

/* ========== Third section left ========== */
.mbc-wrapper-3{
    background: #fff;
    overflow: hidden;
}
.mbc-practice-img{
    height: 100%;
    position: relative;
}
.mbc-practice-img img{
    width: 100%;
    min-height: 100%;
    max-height: inherit;
    object-fit: cover;
    object-position: top center;
    /* margin-top: -1px; 
    margin-bottom: -1px;*/
}
.mbc-practice-img .mbc-play-btn{
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 105px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 20px;
}
.mbc-play-btn a:hover{
    text-decoration: none;
}
.mbc-practice-details{
    height: 100%;
    background-color: #fff;
    padding: 40px 0px 40px 80px;
    max-width: 630px;
    position: relative;
    margin-right: 20px;
    margin-left: 0;
}
.mbc-practice-details::after{
    position: absolute;
    content: "";
    width: 250px;
    height: 100%;
    background-color: #ffffff;
    clip-path: polygon(100% 0, 0 132%, 100% 100%);
    left: -249px;
    top: 0;
    bottom: 0;
}
.mbc-practice-details p{
    font-size: 26px;
    line-height: 36px;
    color: #002d62;
}

/* ========== 4th section ========== */
.reverse .mbc-row{
    flex-direction: row-reverse;
}
.reverse .mbc-practice-details{
    padding: 40px 40px 40px 0;
    float: right;
    margin-left: 20px;
    margin-right: 0;
    /* max-width: 800px; */
    /* margin-right: 34px; */
    /* margin-left: 15%; */
}
.reverse .mbc-practice-img img{
    margin-bottom: 0px;
}
.reverse .mbc-practice-details::after{
    position: absolute;
    content: "";
    width: 250px;
    height: 100%;
    background-color: #fff;
    right: -249px;
    top: 0;
    bottom: 0;
    z-index: 1;
    left: auto;
    transform: rotate(180deg);
}

/* modal popup */
.video-modal{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 100vh;
    min-width: 100vw;
    background-color: rgba(0, 45, 98, 0.9);
    display: none;
    z-index: 99;
    overflow-y: auto;
    overflow-x: hidden;
}
.video-modal .modal-flex{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    min-width: 100vw;
}
.heading-modal{
    font-size: 30px;
    color: #ffffff;
    line-height: 36px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
}
.close-modal{
    text-align: right;
}
.close-modal span{
    color: #ffffff;
    font-weight: 800;
    text-shadow: 0px 1px #ffffff;
    font-size: 30px;
    cursor: pointer;
}
.dialog-modal{
    max-width: 720px;
    margin: 50px 15px;
}
.body-modal p{
    font-size: 16px;
    color: #ffffff;
}
.video-section{
    margin-bottom: 15px;
}
.video-section video{
    max-height: 450px;
    width: 100%;
}

@media screen and (max-width: 980px){
    .column-sm-2, .column-sm-3, .column-sm-5, .column-sm-6, .column-sm-7, .column-sm-9, .column-sm-10{
        width: 100%;
    }
    .mbc-video-wrapper .mbc-play-btn{
        left: 0;
    }
    .mbc-practice-img .mbc-play-btn{
        right: 0;
    }
    .mbc-practice-details::after{
        content: none !important;
    }
    .mbc-clinic-img img{
        max-height: inherit;
        width: 100%;
    }
    .mbc-intro-text .mbc-main-text{
        margin-right: 20px;
        margin-left: 20px;
    }
    .mbc-clinical-guide-details{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 25px;
    }
    .mbc-practice-details, .reverse .mbc-practice-details{
        padding-left: 20px;
        padding-right: 20px;
    }
    .mbc-wrapper-2 .mbc-row{
        padding-top: 25px;
    }

    /* modal css */
    .dialog-modal{
        margin: 20px 0;
    }
    .header-modal{
        padding-left: 15px;
        padding-right: 15px;
    }
    .heading-modal{
        font-size: 18px;
        line-height: 24px;
        width: 100%;
    }
    .body-modal p{
        margin-left: 20px;
        margin-right: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    .body-modal .download-btn{
        margin-left: 20px;
        margin-right: 20px;
    }
    .video-section video{
        max-height: 211px;
        width: 100%;
    }
    .video-section iframe{
        height: 211px !important;
        width: 100%;
    }
    .body-modal .download-btn, .download-btn{
        padding: 15px 25px;
        font-size: 15px;
        line-height: 20px;

    }
    .video-modal .modal-flex{
        align-items: flex-start;
    }
}