/**
 * Child Theme Custom Layout CSS
 * This file contains CSS overrides for the parent theme
 * Customizations made here will not be lost when updating the parent theme
 */

/* ======================================================================================================================================================
   ADVANCED MENU TOGGLE STYLES
   ====================================================================================================================================================== */

/* Advanced Menu Toggle and Hide Button Base Styles */
#advanced_menu_toggle, #advanced_menu_hide{
    position: absolute;
    border-radius: 2px;
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-decoration: none;
    text-align: center;
    right: 0;
    top: 50%;
    margin-top:-23px;
    z-index: 10000;
    border-style:solid;
    border-width: 1px;
    font-size: 30px;
    display:none;
}

/* Advanced Menu Hide Button Specific Styles */
#advanced_menu_hide{
    z-index: 10050;
    visibility: hidden;
    opacity: 0;
    top: 44px;
    right: 23px;
}

/* Show mobile menu state */
.show_mobile_menu #advanced_menu_hide{
    opacity: 1;
    visibility: visible;
}

/* Bottom navigation header adjustment */
.bottom_nav_header #advanced_menu_toggle{
    top:40px;
}

/* Transparent header styles */
.av_header_transparency #advanced_menu_toggle{ 
    color:inherit; 
    background: transparent;
}

/* CSS Animations and Transitions */
#advanced_menu_toggle, #advanced_menu_hide{
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* Logo positioning adjustments */
.html_logo_right #advanced_menu_hide{
    left:23px; 
    right:auto;
}

/* Responsive Design - Tablet */
@media only screen and (max-width: 989px) {
    .responsive.html_mobile_menu_tablet .main_menu .avia-menu, 
    .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, 
    .responsive.html_mobile_menu_tablet #header_main_alternate{
        display:none;
    }
    .responsive.html_mobile_menu_tablet .container #advanced_menu_toggle, 
    .responsive.html_mobile_menu_tablet #advanced_menu_hide{
        display:block;
    }
    .responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{
        left:50px;
    }
}

/* Responsive Design - Mobile */
@media only screen and (max-width: 767px) {
    .main_menu .avia-menu, #header_main_alternate, .fallback_menu{
        display:none;
    }
    .container #advanced_menu_toggle, #advanced_menu_hide{
        display:block;
    }
    .responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{
        left:auto;
    }
}

/* RTL (Right-to-Left) Language Support */
.rtl #advanced_menu_toggle, 
.rtl #advanced_menu_hide{
    right:auto; 
    left:0; 
}

/* Mobile Advanced Menu Styles */
#mobile-advanced .avia_mega_div{
    width:100%; 
    margin:0; 
    float: none;
}

#mobile-advanced .mega_menu_title a{
    padding:0; 
    border:none;
}

#mobile-advanced .avia_mega_text_block{
    display:none;
}

/* Mobile menu behavior */
.html_header_mobile_behavior #mobile-advanced ul{
    display:none;
}

#top #mobile-advanced .visible_sublist, 
#top #mobile-advanced .avia_mega_div.visible_sublist>ul{
    display:block;
}

/* Mobile menu list item indicators for RTL */
.rtl #mobile-advanced li > a:before, 
.rtl .html_header_mobile_behavior #mobile-advanced span > a:before, 
.rtl #mobile-advanced .mega_menu_title:before{
    left:0; 
    margin-left: 10px;
}

/* ======================================================================================================================================================
   MOBILE ADVANCED MENU STYLES - COMPLETE SET
   ====================================================================================================================================================== */

/* Mobile Advanced Menu Base Styles */
#mobile-advanced{
    width:100%;
    right:-100%;
    position: absolute;
    z-index: 10030;
    top:0;
    padding:89px 0;
    overflow: hidden;
    border-left-style: solid;
    border-left-width: 1px;
    margin:0 0 0 -2px;
    -webkit-transform: 	scale(0.5);
    -ms-transform: 		scale(0.5);
    transform: 			scale(0.5);
    -webkit-transition: all 0.6s ease;
    transition: 		all 0.6s ease;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    display:none;
}

/* Large screen mobile menu adjustments */
#mobile-advanced.large-sceen{
    width: 34%;
    right: -34%;
}

/* Show mobile menu container styles */
.show_mobile_menu{
    overflow: hidden;
}

/* 3D Transform Support */
.avia_transform3d #mobile-advanced{
    -webkit-transform: 	scale3d(0.5);
    transform: 			scale3d(0.5);
}

/* Active mobile menu state */
.show_mobile_menu #mobile-advanced{
    -webkit-transform: 	scale(1);
    -ms-transform: 		scale(1);
    transform: 			scale(1);
    -webkit-transform: 	translate(-100%, 0);
    -ms-transform: 		translate(-100%, 0);
    transform: 			translate(-100%, 0);
}

/* 3D Transform active state */
.avia_transform3d .show_mobile_menu #mobile-advanced{
    -webkit-transform: 	scale3d(1);
    transform: 			scale3d(1);
    -webkit-transform: 	translate3d(-100%, 0, 0);
    transform: 			translate3d(-100%, 0, 0);
}

/* Mobile menu item styles */
#mobile-advanced .avia-menu-fx{
    display:none; 
    visibility:hidden;
}

#mobile-advanced .avia-menu-subtext{
    display:none;
}

#mobile-advanced .av-menu-button > a .avia-menu-text{
    border:none; 
    padding:0;
}

#mobile-advanced>li:first-child>a:first-child{
    border-top-style: solid;
    border-top-width: 1px;
}

#mobile-advanced li{
    margin:0; 
    padding:0; 
    position: relative; 
    float:none; 
    clear: both;
}

/* Mobile menu arrows/indicators */
#mobile-advanced li > a:before, 
.html_header_mobile_behavior #mobile-advanced span > a:before, 
#mobile-advanced .mega_menu_title:before {
    content: "\25BA";
    position: absolute;
    top: 13px;
    margin-left: -10px;
    font-family: 'Arial';
    font-size: 7px;
}

.html_header_mobile_behavior #mobile-advanced span > a:before{ 
    top: 0px; 
}

/* Mobile menu lists */
#mobile-advanced ul{
    margin:0; 
    padding:0; 
    display: block; 
    width:100%; 
    left:0; 
    position: relative;
}

/* Mobile menu links */
#mobile-advanced a, #mobile-advanced .mega_menu_title{
    padding:13px 28px; 
    border-bottom-style: solid; 
    border-bottom-width:1px; 
    width:100%; 
    display:block; 
    margin:0; 
    text-decoration: none; 
    position: relative; 
    cursor: pointer;
}

/* Multi-level menu indentation */
#mobile-advanced ul a, #mobile-advanced .mega_menu_title{
    padding-left:50px;
}

#mobile-advanced ul ul a{
    padding-left:80px;
}

#mobile-advanced ul ul ul a{
    padding-left:110px;
}

#mobile-advanced ul ul ul ul a{
    padding-left:140px;
}

/* Mega menu specific styles */
#mobile-advanced .avia-bullet{
    display:none;
}

#mobile-advanced .avia_mega_div{
    width:100%; 
    margin:0; 
    float: none;
}

#mobile-advanced .mega_menu_title a{
    padding:0; 
    border:none;
}

#mobile-advanced .avia_mega_text_block{
    display:none;
}

/* 
 * CUSTOMIZATION AREA - Add your custom styles below
 * ================================================== 
 */

/* Add your custom advanced_menu_toggle styles here */