/*
Theme Name: Tempera Child (no copyright link)
Theme URI: http://www.cryoutcreations.eu/
Description: Tempera child theme
Author: Cryout Creations
Author URI: http://www.cryoutcreations.eu
Version: 0.2
Template: tempera
*/

@import url("../tempera/style.css"); /*include parent theme css*/

#topbar {
    display: none !important;
}


@media (min-width: 651px) and (max-width: 1050px) {
    #prime_nav {
        flex-wrap: wrap !important;
    }
}

.entry-summary .entry-summary-image {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
    height: 175px;
}

.entry-summary .entry-summary-image img {
    float: unset !important;
    margin-right: unset !important;
}

@media (min-width: 651px) {
    .entry-summary .entry-summary-image {
        width: 250px !important;
        float: left !important;
    }

}

@media (min-width: 801px) and (max-width: 1050px) {
    #content {
        margin: 0px 150px !important;
        width: unset !important;
    }
}

@media only screen and (max-width: 768px) {
    #content {
        padding: 0px 10px;
    }

    #logo-container {
        position: absolute;
        right: 0px;
        min-height: 80px;
        max-height: 80px;
        min-width: 80px;
        max-width: 80px;
    }

    #logo-container img {
        height: 100%;
    }

    #header-img-container {
        min-height: 80px;
        max-height: 80px;
    }

    #header-img-container img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        min-height: 80px;
        max-height: 80px;
    }
    
    /* SLIDER */
    .nivo-caption {
        width: 100% !important;
        color: white !important;
        top: unset !important;
        background-color: white !important;
        position: absolute !important;
    }

    .slider-wrapper {
        padding-top: 0px !important;;
    }
    
    .theme-default .nivoSlider img {
        height: 300px !important;
        object-fit: contain !important;
    }
    
    .column-image img {
        height: 250px !important;
        object-fit: contain;
    }
}

@media only screen and (min-width: 651px) {
    #access > .menu > ul > li > a > span {
        border: 0px;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        font-size: 16px;
        letter-spacing: 1px;
    }
    
    #access > .menu > ul > li > a:hover {
        text-decoration: underline solid #343199;
        text-decoration-thickness: 2px;
        text-underline-offset: 5px;
        background-color: transparent;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }
    
    #access ul li.current_page_item > a,
    #access ul li.current-menu-item > a,
    #access ul li.current_page_ancestor > a,
    #access ul li.current-menu-ancestor > a,
    .widget-title {
        background-color: transparent !important;
        text-decoration: underline solid #343199 !important;
        text-decoration-thickness: 2px !important;
        text-underline-offset: 5px !important;
    }
    
    #access > .menu > ul > li > ul:before {
        display: none;
    }
    
    .widget-title {
        border: 0 !important;
    }
    
    #nav-links-container {
        display: flex;
        align-items: center;
    }
    
    #header-container {
        display: flex;
        flex-wrap:nowrap;
        max-width: 100%;
    }
    
    #img-nav-container {
        width: 100%;
    }

    #main-image {
        max-height: 150px;
    }
    
    #header-img-container {
        z-index: -1;
        text-align: center;
    }
    
    #header-img-container,#nav-links-container {
        flex: 0 0 100%;
    }
    
    #prime_nav {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    }
    
    #prime_nav li {
        text-align: center;
    }

    .theme-default .nivoSlider img {
        height: 400px !important;
        object-fit: contain;
    }
}

#logo-container {
    display: flex;
    flex-basis: 25%;
}

#header-img-container {
    z-index: -1;
}

#forbottom {
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.widget-area.sidey#primary {
    width: 200px !important;

}

.entry-title {
    font-size: 20px !important;
    font-weight: bold !important;
    color: black !important;
}

#content {
    padding-top: 10px;
}

/* SLIDER */
.nivo-caption {
    width: 100%;
    right: unset;
    bottom: 0px;
    background-color: unset !important;
    opacity: 0.99;
    padding: 10px;
    text-align: center;
}

.nivo-caption h2  {
    border-bottom: none;
    margin: 0px 0px 0px 0px !important;
    padding: 10px 20px !important;
    background-color: rgba(2,9,214,0.8) !important;
    display: inline-block;
}

/* Main page */
#pp-afterslider #front-text1 h2 {
    text-decoration: underline solid #ffd900 !important;
    text-underline-offset: 10px;
    text-decoration-thickness: 2px;
    font-size: 3em;
    margin-top: 20px;
}

#pp-afterslider .column-header-image {
    background-color: #ffd900;
    color: #0902d6;
    text-align: center;
    margin-bottom: 0px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#pp-afterslider .column-header-image:hover {
    background-color: #0902d6;
    color: #ffd900;
    text-align: center;
    margin-bottom: 0px;
}

.column-image img {
    height: 300px;
    object-fit: contain;
}

.columnmore a:hover {
    background-color: #0902d6 !important;
    color: #ffd900 !important;
}

.columnmore a {
    background-color: #ffd900 !important;
    color: #0902d6 !important;
}

#access ul ul li {
    border-top: none;
    border-bottom: none;
}

#access a  {
    color: black !important;
}

#access ul ul li a:hover {
    background-color: transparent !important;
    text-decoration: underline solid #343199 !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 5px !important;
}