/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
/* ----------------------------------------------------------------
			HEADER
-----------------------------------------------------------------*/
#header #mainMenu nav > ul > li.hover-active > a,
  #header #mainMenu nav > ul > li.hover-active > span, #header #mainMenu nav > ul > li.current > a,
  #header #mainMenu nav > ul > li.current > span, #header #mainMenu nav > ul > li:hover > a,
  #header #mainMenu nav > ul > li:hover > span, #header #mainMenu nav > ul > li:focus > a,
  #header #mainMenu nav > ul > li:focus > span {
    color: #0077c8; } 																													/* --- MENU LINK TXT COLOR ACTIVE desktop ---*/
  #header #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #header #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #header #mainMenu nav > ul > li .dropdown-menu > li > a:active,
  #header #mainMenu nav > ul > li .dropdown-menu > li > span:focus,
  #header #mainMenu nav > ul > li .dropdown-menu > li > span:hover,
  #header #mainMenu nav > ul > li .dropdown-menu > li > span:active,
  #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
  #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
  #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
    color: #0077c8; }
  #header #mainMenu nav > ul > li .dropdown-menu > li.current > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li.current > span, #header #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #header #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #header #mainMenu nav > ul > li .dropdown-menu > li:active > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li:active > span, #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
  #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
	  color: #0077c8; }																													/* --- SUBMENU LINK TXT COLOR ACTIVE desktop ---*/


#mainMenu nav > ul > li > a {
  position: relative;
  font-family: "Poppins", sans-serif;
  padding: 10px 12px;
  text-transform: uppercase;
  font-size: 14px;																													/* --- MENU LINK TXT SIZE desktop ---*/
  font-weight: 600;																													/* --- MENU LINK TXT WEIGHT desktop ---*/
  letter-spacing: 0.6px;
  color: #000;
  border-radius: 0;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  transition: all .3s ease;
  line-height: normal;
}
#mainMenu nav > ul > li .dropdown-menu > li > a,
#mainMenu nav > ul > li .dropdown-menu > li > span,
#mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
  font-size: 14px;																													/* --- SUBMENU LINK TXT SIZE desktop ---*/
  line-height: 14px;
  font-weight: 400;																													/* --- SUBMENU LINK TXT WEIGHT desktop ---*/
  font-style: normal;
  color: #fff;
  font-family: "Poppins", sans-serif;
  padding: 12px 20px 12px 18px;
  display: block;
  transition: .3s ease;
}

.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li > span,
#mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
  color: #000;																														/* --- SUBMENU LINK TXT COLOR desktop ---*/
}








/* ----------------------------------------------------------------
			MAIN NENU: RESPONSIVE
-----------------------------------------------------------------*/


.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span,
.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li > a,
#mainMenu.dark nav > ul > li .dropdown-menu > li > span,
#mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
  color: #fff;																															/* --- SUBMENU LINK TXT COLOR mobile ---*/
}
#header #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #header #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #header #mainMenu nav > ul > li .dropdown-menu > li > a:active,
#header #mainMenu nav > ul > li .dropdown-menu > li > span:focus,
#header #mainMenu nav > ul > li .dropdown-menu > li > span:hover,
#header #mainMenu nav > ul > li .dropdown-menu > li > span:active,
#header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
#header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
#header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
  background-color: #00205b;																								/* --- SUBMENU BOX BG COLOR mobile ---*/
}