/** ************************************************************************ **
 *   AREAS 
 ** ************************************************************************ **/

/** ************************************************************************ **
 *   Alternative / secondary content
 ** ************************************************************************ **/
.section-background-color-alt, .background-color-alt { background-color: #F0C98C; }
.section-background-color-alt, .background-color-alt,
.section-background-color-alt h1,
.section-background-color-alt h2,
.section-background-color-alt h3,
.section-background-color-alt p { color: #FFFFFF; }

/** ************************************************************************ **
 *   HEADER	 
 ** ************************************************************************ **/
/** Header: background */
.wn-header { background-color: white; }
/** Position */
/*
    .wn-header { top: 30px; }
    .wn-header-desktop.header-smaller { top: 0; }
*/

/** Logo - Bigger */
.wn-header-desktop.header-bigger { height: 120px; }
.wn-header-desktop.header-bigger .logo a img { max-height: 100px; }
/** Mobile */
.wn-header-mobile.header-bigger .logo a img { max-height: 80px; }
/** Main nav */
@media (min-width: 991px) and (max-width: 1050px) {
    .wn-header-desktop.header-bigger .logo a img { max-height: 72px; }
    .wn-navbar-navigation ul.wn-navbar-navigation-main li a { padding: 5px 12px; }
}
@media (min-width: 1050px) and (max-width: 1200px) {
    .wn-header-desktop.header-bigger .logo a img { max-height: 80px; }
    .wn-navbar-navigation ul.wn-navbar-navigation-main li a { padding: 5px 12px; }
}

/** LOGO - Title */
.logo { position: relative; }
.logo .project-title { 
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0; right: 0;
    text-align: right;
}
/** Logo text: hover */
.logo:hover .project-title { color: #444; }

/** Desktop */
    .wn-header-desktop .logo .project-title {
        bottom: 12px;
        font-size: 24px;
    }
    .wn-header-desktop.header-smaller .logo .project-title {
        bottom: 4px;
        font-size: 14px;
    }
    /** Main nav */
    @media (min-width: 991px) and (max-width: 1200px) {
        .wn-header-desktop .logo .project-title {
            font-size: 18px;
            bottom: 8px;
        }
    }
/** Mobile */ 
    .wn-header-mobile { min-height: 52px; }
    .wn-header-mobile.header-bigger { height: 100px; }

    /*
    .wn-header-mobile.header-bigger .logo { max-width: 80%; }
    .wn-header-mobile .logo .project-title {
        bottom: 4px;
        font-size: 16px;
    }
    .wn-header-mobile.header-smaller .logo img { display: none; }
    .wn-header-mobile.header-smaller .logo .project-title {
        bottom: 0px;
        display: contents;
        font-size: 22px;
        line-height: 1.8em;
    }
    */

/** Navi - General (Top / Main) */
.wn-navbar-navigation {
    position: relative;
    height: 100%;

    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;

}

.wn-navbar-navigation ul li a:hover,
.wn-navbar-navigation ul li a.active { color: #cc9966 !important; }
.wn-navbar-navigation ul li a.active { text-decoration: none; }


/** ************************************************************************ **
 *   FOOTER	 
 ** ************************************************************************ **/
footer { background-color: black;  color: #737373; }

footer a,
footer a:hover,
footer a:visited { color: #737373; }

/** ************************************************ ** 
 *  SOCIAL 
 ** ************************************************ **/
 /*
.fa-facebook,
.fa-instagram, 
.fa-youtube,
.fa-envelope,
.fa-twitter { color: #555; }
 */