/*
 Theme Name:   Bethlehem Child
 Theme URI:    http://kreativelement.com/twentyfourteen-child/
 Description:  Slight modifications to Bethlehem Theme
 Author:       KreativElement
 Author URI:   http://kreativelement.com
 Template:     bethlehem
 Version:      1.0.0
 Tags:         bethlehem
 Text Domain:  bethlehem-child
*/



/*-----------HEADER----------*/

header.site-header .site-branding a {
    height: initial;
}

.header-7 .header-top-nav-menu .site-branding {
    width: 300px;
}/* ENLARGE LOGO */

#site-navigation-social > ul {
    margin:0;
}

#masthead > div.sticky-wrapper > div {
    margin-top:0;
}
#site-navigation {
    left: auto;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}

#site-navigation > div > div {
    float:none;
}
#masthead > div.header-top-nav-menu > div > div.site-branding {
    margin-top:42px;
}
#masthead > div.header-top-nav-menu > div > div.top-nav-links > ul > li.events-link,
#masthead > div.header-top-nav-menu > div > div.top-nav-links > ul > li.sermons-link {
    margin-top:60px;
}
#masthead > div.header-top-nav-menu {
    margin-top:0;
}
@media screen and (max-width: 767px) and (min-width: 320px)
{
    #masthead > div.header-top-nav-menu > div > div.site-branding,
    #masthead > div.header-top-nav-menu > div > div.top-nav-links > ul > li.events-link,
    #masthead > div.header-top-nav-menu > div > div.top-nav-links > ul > li.sermons-link {
        margin-top:0;
    }

    #site-navigation-social {
        background:transparent;
    }
    #site-navigation-social > ul > li{
        float: left;
        margin-right: 26px;
    }
}

/*-----------HEADER IMAGES----------*/

.no-container .site-content, .page-template-template-homepage .site-content, .page-template-template-homepage-v2 .site-content, .page-template-template-homepage-v3 .site-content {
    margin-top: -55px;
} /*REMOVED SPACE ABOVE HEADER IMAGE ON ALL PAGES*/


/*-----------FOOTER----------*/

.footer-widgets {
    border-top: 1px solid #ffffff;
}  /*BORDER COLOR CHANGED FROM BLACK TO WHITE*/

.footer-widgets .footer-widget {
    border-right: 1px solid #FFFFFF;
} /*BORDER COLOR CHANGED FROM BLACK TO WHITE*/

.hb-social li a i {
    height: 50PX;
    width: 50PX;
    font-size: 25px;
} /*ENLARGED FOOTER SOCIAL ICONS*/

.site-footer {
    color: #FFFFFF;
} /*FOOTER PARAGRAPH TEXT SET TO WHTIE*/


/*-----------TIMELINE PLUGIN----------*/
/*.timeline-width30 {
    width: 40% !important;
}*//*TIME LINE BOXES SET TO 40% VS 30%*/

.timeline dl dd.even .time {
    display: none;
}/*REMOVE CURRENT DATE FROM TIMELINE*/

.timeline dl dd.odd .time {
    display: none;
}/*REMOVE CURRENT DATE FROM TIMELINE*/

.cool_timeline .timeline-main-title.center-block {
    display: none;
} /*TIMELINE DEFAULT TITLE*/

.cool-timeline.white-timeline .timeline-post.even .timeline-meta .meta-details {
    display: none;
}

.cool-timeline.white-timeline .timeline-post.odd .timeline-meta .meta-details {
    display: none;
}


/*-----------TEAM MEMBERS----------*/
.team-large .member a>img, .team-small .member a>img {
    padding-bottom: 30px;
} /*ADDED SPACE BELOW IMAGE FOR LARGE SCREEN*/

.vc_separator h4 {
    font-size: 20px !important;
} /*FONT SIZE INCREASED*/

.theme_3 .member-img:hover .member-social {
    display: none;
}

.theme_3 .member-social {
    display: none;
} /*REMOVE BLACK BORDER ON BOTTON ON HOVER*/

.theme_3 .member-desc {
    display: none;
}/*REMOVE BIO FROM PASTORS & STAFF PAGE*/


/*-----------TYPOGRAPHY----------*/
body h3 {
    font-weight: 400;
} 


/*-----------VC MEGA MENU----------*/
.vc-mm-menu-h, .vc-mm-menu-v {
    background: rgb(105,125,176) !important;
}

span.vc-label {
    font-size: 16px !important;
}

.vc-mm-menu-h .vc-nav-on-desktop li.vc-d-0:hover > .nav-link, .vc-mm-menu-v .vc-nav-on-desktop li.vc-d-0:hover > .nav-link {
    background: none !important;
}


.vc-mm-menu-h .vc-nav-on-desktop .vc-mm-mega-cont-inner, .vc-mm-menu-v .vc-nav-on-desktop .vc-mm-mega-cont-inner {
    background: #ffffff!important;
    border-color: #ffb400 !important;
}

.vc-mm-menu a:hover, .vc-mm-menu li a:hover {
    color: #ffb400 !important;
}

span.vc-label:hover {
    color: #ffb400 !important;
}

span.vc-label:active {
    color: #ffffff !important;
}

.vc-mm-menu-h .vc-nav-on-desktop .current-menu-item > .nav-link, .vc-mm-menu-v .vc-nav-on-desktop .current-menu-item > .nav-link {
    background: none !important;
}

@media only screen and (max-width: 767px) {
.vc-mm-menu-h ul.vc-mm-menu.vc-nav-on-desktop li.vc-menu-item > a.nav-link {
    background: rgb(105,125,176) !important;
}
}

/*-----------IE---------*/
/*div.site-branding {
height: 0 !important;
}*/

/*-----------MOBILE MENU----------*/
.menu-toggle {
   display: none !important;
}



.video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 20px;
}

.video-item {
    position: relative;
}

.video-lightbox {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.video-lightbox-content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    overflow: auto;
}

.video-lightbox-content .close {
    color: white;
    position: absolute;
    top: 15px;
    right: 35px;
    font-size: 40px;
    cursor: pointer;
}

.video-lightbox-content .close:hover {
    color: #bbb;
}

.video-lightbox-content .embed-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-lightbox-content .embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}