/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

div .logo {
    padding-top: 30px;
    width: 230px;
    margin-left: 60px;
}

#top #header .av-main-nav > li > a {
    background-color: #ffffff;
    border: none;
}


#top #header .av-main-nav > li > a:hover {
    background-color: #d39e46;
}
#top #header .av-main-nav > li.current-menu-item > a {
    background-color: #efd621;
}

#top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
    color: #16355b;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 15px;
}

#top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
    color: #16355b;
    background-color: #ffffff;
    border: none;
}

#top #wrap_all .av-main-nav ul > li > a:hover {
    color: #16355b;
    background-color: #f8f8f8;
    border: none;
}

#top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .avia_mega_div, #top #wrap_all .avia_mega_div ul, #top #wrap_all .av-main-nav ul ul {
    color: #16355b;
}

#top #wrap_all .av-social-link-facebook a, #top #wrap_all .av-social-link-instagram a, #top #wrap_all .av-social-link-mail a {
    color: #CC9832;
}


/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
/* Add your Desktop Styles here */

@media only screen and (max-width: 1490px) {
    div .logo {
        padding-top: 50px;
        width: 130px;
        margin-left: 5px;
    }

}

@media only screen and (max-width: 1330px) {
    #top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
        color: #16355b;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 12px;
    }

}

@media only screen and (max-width: 1190px) {
    .social_bookmarks {
        display: none;
    }
}

@media only screen and (max-width: 1110px) {
    div .logo {
        padding-top: 55px;
        width: 95px;
        margin-left: 5px;
    }
    #top .av_seperator_big_border#header .av-main-nav > li > a {
        padding: 0 10px;
        min-width:0;
    }
}

@media only screen and (max-width: 980px) {
    div .logo {
        padding-top: 27px;
        width: 125px;
        margin-left: 5px;
    }
    .html_mobile_menu_tablet .header_color div .av-hamburger-inner, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::before, .html_mobile_menu_tablet .header_color div .av-hamburger-inner::after {
        background-color: #16355b;
    }
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    .responsive #top .logo {
        padding-top: 5px;
        width: 125px;
        margin-left: 5px;
    }

    #top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after {
        background-color: #16355b;
    }
}