/* 

        Theme Name: Dani Child
        Theme URI: http://www.spab-rice.com 
        Description: Avoc child Theme. 
        Version: 1.0
        Author: Spab Rice 
        Author URI: http://www.spab-rice.com 
        Template:    dani
        Text Domain:  dani-child
        
*/

@import url("../dani/style.css");


#hero.text-light {
    background: none !important;
}
/* -----------------------------------
        CHILD CSS
------------------------------------- */

nav#main-nav>ul>li>a,
header.menu-open nav#main-nav>ul>li>a {
    text-transform: lowercase !important;
}

nav#main-nav ul.sub-menu>li>a,
header.menu-open nav#main-nav ul.sub-menu>li>a {
    text-transform: lowercase !important;
}

@media only screen and (min-width: 769px) {
    header.menu-open nav#main-nav ul.sub-menu {
        background: rgba(0, 0, 0, 0.4);
    }
}

header.menu-is-open[class*='menu-full'] #menu-inner {
    width: 100% !important;
}

header.menu-is-open[class*='menu-full'] img#dark-logo {
    opacity   : 1 !important;
    visibility: visible !important;
}

header.menu-is-open[class*='menu-full'] img#light-logo {
    opacity   : 0 !important;
    visibility: hidden !important;
}

.title-alt a {
    color: #FF6600 !important;
}

.title-alt .column {
    margin-top: 20px !important;
}

@media only screen and (min-width: 769px) {
    .team-member {
        width        : 280px !important;
        height       : 210px !important;
        float        : left !important;
        margin-right : 10px !important;
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 768px) {
    .team-member {
        float        : left !important;
        margin-bottom: 10px !important;
    }
}

.column .spacer {
    max-width: 10px !important;
    float    : left !important;
}

.textwidget .tag-cloud-link {
    padding      : 5px;
    margin-bottom: 5px !important;
    background   : #EAEAEA;
}

.textwidget a {
    padding      : 5px;
    margin-bottom: 5px !important;
    background   : #EAEAEA;
}




.wp-video,
video.wp-video-shortcode,
.mejs-container,
.mejs-overlay.load {
    width: 100% !important;
}

.mejs-container {
    /*padding-top: 56.25%; */
}

.wp-video,
video.wp-video-shortcode {
    max-width: 100% !important;
}

video.wp-video-shortcode {
    position: relative;
}

@media only screen and (max-width: 769px) {
    .single-portfolio #portfolio-single .wrapper {
        width: 100%;
    }

    .single-post  #page-title  {
        display: none;
    }
}