/*
Theme Name: Divi - Child Theme
Description: Divi child theme template
Author: Bob Haefele
Template: Divi
Site:RCHDesign.com

@import('/wp-content/themes/Divi-child/fonts/lora/lora.css');
*/





/*-----------------------------------------------
  General
-----------------------------------------------*

/*-----------------------------------------------
  Body - All
-----------------------------------------------*/
#et-main-area {
	margin-top:0px;
}
@media only screen and (min-width: 770px) {
	.rchList2Col {
		columns:2;
	}
	.rchList3Col {
		columns:3;
	}
	.rchList4Col {
		columns:4;
	}
	.rchList2Col li, .rchList3Col li, .rchList4Col li {
		margin-right:20px;
	}
}


.et_pb_section_1_tb_header  {
	qqqright:0;
	qqqtop:36px!important;
	qqqwidth:84px;
	
}

/*-----------------------------------------------
  Header Section
-----------------------------------------------*/

/*-----------------------------------------------
  Contents Section
-----------------------------------------------*/

/*-----------------------------------------------
  Side Section
-----------------------------------------------*/

/*-----------------------------------------------
  Footer Section
-----------------------------------------------*/
.rchFooterLnk {
	color:#aaaaaa;
}

/*-----------------------------------------------
Custom Style
-----------------------------------------------*/

#left-area ol, .entry-content ol, .et-l--body ol, .et-l--footer ol, .et-l--header ol,
#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    padding: 10px 0 23px 2.5em;
    list-style-position: outside;
}


h1, h2, h3, h4 {
	white-space: pre-wrap;
  word-break: normal;
  overflow-wrap: normal;
  
}


#menu-main-menu li {
	padding:0 25px;
}
ul.sub-menu {
	padding:10px 0px!important;
}
ul.sub-menu li.menu-item {
	padding:0px 0px!important;
}
ul.sub-menu li.menu-item a {
	padding:10px 20px!important;
}


/*Style Vertical Navigation Menu*/ 
.rchVertMenu .et_pb_menu__menu>nav>ul {
	flex-direction: column;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100%;
}
.rchVertMenu .et_pb_menu__menu>nav>ul>li {
  margin: 10px 0 !important;
}
.rchVertMenu .et_pb_menu__menu>nav>ul>li>a {
	background-color:#000000!important;
	color:#f0f0f0!important;
	border:none!important;
	text-align:center!important;
	padding:10px 15px!important;
	
}
.rchVertMenu .et_pb_menu__menu>nav>ul>li>ul li {
  display:block !important;
  padding: 0px !important;
}
.rchVertMenu .et_pb_menu__menu>nav>ul ul {
	padding: 0px !important;
  top: 0px !important;
}
.rchVertMenu .et_pb_menu__menu>nav>ul>li>ul {
  left:calc(100% - 1px) !important;
  top:0px !important;
}
.rchVertMenu .et-menu .menu-item-has-children>a:first-child:after {
  content: "5" !important; /*change arrow icon for submenu*/
  right: 20px !important;
}
.rchVertMenu .nav li ul {
	qqqleft: calc(100% - 1px) !important; /*align submenu to the right of menu link*/
}
@media all and (min-width: 981px) {
	.rchVertMenu .et_pb_menu__menu, .rchVertMenu .et_pb_menu__menu>nav {
		width: 100%; /*width of the vertical navigation menu*/
	}
	/*Adjust the width of the main content and footer area to make room for the fixed vertical header*/ 
	
}

/* Style for vertical menu */
.rchVertMenu .et_pb_menu__menu nav ul li {
    display: block; /* Ensures menu items are on their own line */
    width: 100%;    /* Makes items full width */
}

/* Target specific menu module for vertical layout */
.rchVertMenu .et_pb_menu__menu {
    qqqwidth: 250px; /* Adjust width as needed */
}

#rchHeaderLogo{
	margin-bottom:0px;
	
}

/* Force the menu to be visible and scrollable on mobile */
@media (max-width: 980px) { /* Adjust breakpoint as needed */
    .rchVertMenu .et_mobile_nav_menu {
        position: relative; /* Or relative to keep its place in the header */
        display: block !important; /* Force menu to be visible */
        max-height: 80vh; /* Adjust to control menu height, e.g., 80% of viewport height */
        overflow-y: auto; /* Add scrollbar when content exceeds max-height */
        margin-top: 10px; /* Add some spacing if needed */
    }

    .rchVertMenu .et_pb_menu__menu {
        qqqwidth: 100%; /* Make the menu container full width on mobile */
    }
	
	.rchVertMenu .et_pb_menu__menu {
		display: flex!important;
	}
	.rchVertMenu .et_mobile_nav_menu {
		display: none!important;
	}
	#et-main-area { 
	  margin-top:100px;
	}
	
	#rchHeaderLogo{
		right:auto;
		left:0px;
		qqqmargin-bottom:0px;
		
	}
	#rchMobMainMenu {
		top:30px;
		z-index:99990;
		
	}
	#rchMobMainMenu div.et_pb_menu__wrap {
		justify-content:right;
	}
	
	#rchMobTopBtnsRow {
		padding:0px;
		margin:0px;
		
		color:#ffffff;
		
	}
	#rchMobTopBtnsRow {
		width:100%;
		
	}
	
	#rchMobTopBtnsH {
		color:#d38b29;
		
	}
	#rchMobTopBtnsH a {
		display:block;
		padding:15px 0px;
		width:50%;
		float:left;
		text-align:center;
		background-color:#d38b29;
		color:#000000;
		text-transform:uppercase;
		
	}
	#rchMobTopBtnsH a:first-child {
		border-right:solid 1px #333333;
		
	}
	
	#mobile_menu1 {
		margin-top:50px;
		
	}
	
	#mobile_menu1 ul.sub-menu {
		padding:10px 0px 10px 10px!important;
		
	}
	
	
}


.mobile_menu_bar:before {
	color:#D38B29!important;
	
}