/*
Theme Name: Divi Child Theme
Theme URI: https://divireadythemes.com/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/
.menuletra{
	line-height:0.8!important;
}
#top-menu li li a{
	padding:5px!important;
	width:100%;
}
li {
	line-height:1.2;
}

/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/
/*show desktop menu on phone*/

@media (max-width: 980px) {
	.pa-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.pa-open-mobile-menu .et_mobile_nav_menu {
		display: none!important;
	}
}
.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-727 a{
	padding-top:5px!important;
	padding-bottom:5px!important;
	padding-left:10px!important;
	padding-right:10px!important;
	border: black 1px solid;
	background-color:#CFC5B7!important;
}
.container.clearfix.et_menu_container{
	width:90%!important;
	max-width:90%!important;
}
#top-menu > li:nth-child(6) > a{
	background:#B19B77!important;
	padding:5px!important;
}
/* ************************************************* */
/* MOBILE MENU SLIDE IN EFFECT - FIXED MOBILE HEADER */
/* ************************************************* */
/* Fix the mobile header */
.mobile_menu_bar::before{
	color:white!important;
}
.mobile_nav.opened #mobile_menu{
	text-transform:uppercase!important;
}
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
	#logo{
		max-height:95%!important;
	}
	#main-header{
		background-color:#1F3E5C!important;
	}
	.et_mobile_menu li a{
		font-size:20px!important;
		/*font-family:'Playfair Display',Georgia,"Times New Roman",serif!important;*/
		color:#1F3E5C!important;
		line-height:normal!important;
		text-transform: uppercase;
	}
	.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-727{
		background-color:#CFC5B7!important;
	}
	#mobile_menu > li:nth-child(6){
		background-color:#CFC5B7!important;
	}
}
/* Set the mobile menu full height and move it down so it doesn't overlap the fixed header */
/* Adjust the 80px set in the height calc value to match the height of your mobile menu */
#mobile_menu {
    display: block !important;
    height: calc(100vh - 80px);
  right: 0;
    position: fixed;
  overflow: auto;
    -webkit-transition: -webkit-transform 0.4s 0s;
    -moz-transition: -moz-transform 0.4s 0s;
    transition: transform 0.4s 0s;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}
/* Move the mobile menu fully off the screen when closed using translateX(100%) */
.mobile_nav.closed #mobile_menu {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
/* Move the mobile menu back onto the screen when open using translateX(0%) */
.mobile_nav.opened #mobile_menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
/* Switch the menu icon to a CROSS when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
}
#main-header .et_mobile_menu{
	background-color:rgba(255, 255, 255, 0.90)!important;
}
#main-header #mobile_menu.et_mobile_menu .sub-menu,
#main-header #mobile_menu.et_mobile_menu .children{
  display: none !important;
  visibility: hidden !important;
}
/* 2) Muéstralos solo cuando el LI esté abierto */
#main-header #mobile_menu.et_mobile_menu li.dt-open > .sub-menu,
#main-header #mobile_menu.et_mobile_menu li.dt-open > .children{
  display: block !important;
  visibility: visible !important;
}

/* 3) Prepara el item padre para colocar el toggle */
#main-header #mobile_menu.et_mobile_menu li.menu-item-has-children,
#main-header #mobile_menu.et_mobile_menu li.page_item_has_children{
  position: relative;
}

/* 4) Deja espacio a la derecha para el toggle (+) */
#main-header #mobile_menu.et_mobile_menu li.menu-item-has-children > a,
#main-header #mobile_menu.et_mobile_menu li.page_item_has_children > a{
  padding-right: 44px !important;
}

/* 5) Toggle clickable */
#main-header #mobile_menu.et_mobile_menu .mobile-submenu-toggle{
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  font-size: 22px;
  line-height: 1;
}

/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/