/*
Name: Multi Menu For The Pro Expert Theme
Author: Carl French - theendlessbookcase.com
Version: 1.3
Description: The menu provides a pair of menus - one conventional one dropdown for responsive use
Style Sheet
 */
/*************** Containers *********************/
#menus_container1, #menus_container2 {
	position:relative;
	clear:both;
}
#menus_container1:after, #lite_menus_container1:after, #menus_container2:after, #lite_menus_container2:after {  
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
#menus_container1 {
    z-index: 2;
}
#menus_container2 {
    z-index: 1;
}
/************** Menus ***************************/
/*  
Menu Styles
menu_d is Dropdown menu
menu_h is an Horizontal menu
*/

.menu_d {
	position: relative;
	list-style: none;
	z-index: 50;
}
.menu_d li {
	position: relative;
	float: left;
	width:100%;
}
.menu_d ul {
	position: absolute;
	visibility: hidden;
	list-style: none;
	z-index: 110; 
}
.menu_d ul li {
	clear: both;
}
.menu_d a {
	display: block;
	padding: 6px 0 6px 0 ;
	line-height: 22px;
	font-size: 14px;
	width: 100%;
	height: 25px;
        text-decoration: none;
	border-radius: 0;
	text-align: center;
	border-width: 0;
	border-style: solid;
	border-color: #F0F0F0;/*#1*/
}
.menu_d ul ul {
	position: absolute;
	top: 0; 
}
.menu_d li:hover ul, .menu_d a:hover ul, .menu_d :hover ul :hover ul, .menu_d :hover ul :hover ul :hover ul {
	visibility: visible;
}
.menu_d :hover ul ul, .menu_d :hover ul :hover ul ul {
	visibility: hidden;
}

/* Typical menu */
.menu_d ul, .menu_d ul li {
	width: 150px;
        line-height: 22px;
}
.menu_d ul ul, .menu_d :hover ul :hover ul {
	left: 150px;
}

.menu_d ul a {
	width: auto; 
}
.menu_d a {
	color: #fff;
	background-color:#EC1C24;/*#2*/
}

.menu_d a:hover {
	color: #fff;
	background-color: #3E92CC;/*#3*/
	text-decoration: none;
}

.menu_d a:active {
	color: #fff;
	background-color: #FF9C2A;/*#4*/
	text-decoration: none;
}

.menu_d  li.current-menu-item a  {
	color: #FFFFFF;/*#5*/
	background: #9E1B1B;/*#6*/
	text-decoration: none;
}

.menu_d  li.current-menu-item a:hover {
	color: #FFFFFF;/*#7*/
	background: #3E92CC;/*#8*/
	text-decoration: none;
}

/************** Alternative menu***************************/
/*  menu_h Styles    */

#alternative_menu_container, #collapsible_menu_container {
	position:relative;
	float: left;
	border-width: 4px 4px 4px 4px;
	border-style: solid;
	border-color: #F0F0F0;/*#9*/
	width: 100%;
}
	
.menu_h {
	position: relative;
	list-style: none;
	z-index: 50;
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-size: 16px;
 /*       float:left; */
}
.menu_h li {
	position: relative;
        align-self: auto;
/* 	float: left; */
}
.menu_h ul {
	position: absolute;
	visibility: hidden;
	list-style: none;
	z-index: 110; 
}
.menu_h ul li {
	clear: both;
}
.menu_h a {
	display: block;
}
.menu_h ul ul {
	position: absolute;
	top: 0; 
}
.menu_h li:hover ul, .menu_h a:hover ul, .menu_h :hover ul :hover ul, .menu_h :hover ul :hover ul :hover ul {
	visibility: visible;
}
.menu_h :hover ul ul, .menu_h :hover ul :hover ul ul {
	visibility: hidden;
}

/*  menu_nr */
.menu_h ul, .menu_h ul li {
	width: 150px;
}
.menu_h ul ul, .menu_h :hover ul :hover ul {
	left: 0;
}
.menu_h a { 
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px;
	line-height: 27px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.menu_h ul a {
	width: auto; 
}
.menu_h a {
	color: #FFFFFF;/*#10*/
	background-color: #EC1C24;/*#11*/
}

.menu_h a:hover  {
	color: #FFFFFF;/*#12*/
	background-color:#3E92CC;/*#13*/
	text-decoration: none;
}

.menu_h li.current-menu-item a {
	color: #FFFFFF;/*#14*/
	background-color: #9E1B1B;/*#15*/
	text-decoration: none;
}

.menu_h li.current-menu-item a:hover {
	color: #FFFFFF;/*#16*/
	background-color: #3E92CC;/*#17*/
	text-decoration: none;
}

/* Header menu_h and Front page content menu_h */
#header .menu_h a, #front_content_column .menu_h a {
	padding: 12px 0 20px 0 ;
	line-height: 16px;
	font-size: 16px;
	width: 108px;
	min-height: 16px;
	border-radius: 8px;
	margin: 4px 0 4px 4px;
	text-align: center;
	border-width: 4px 4px 4px 4px;
	border-style: solid;
	border-color: #F0F0F0;/*#18*/
}
.menu_h .sub-menu {
	padding-left: 0;
}
.menu_h  .sub-menu  .menu-item li a{
	padding-top: 0;
	margin-top: 0;
	z-index: 500;
}

/**
 * Navigation
 * -----------------------------------------------------------------------------
 */

.horizontal_wrapper nav {
	position:relative;
	z-index: 900;
	width:100%;
}
.toggle-menu {
	display: block;
	width:100%;
	padding: 0;
	height:30px;
	background-color: #EC1C24;/*#19*/
	background-image:url(../images/menu.png);
	background-position:center center;
	background-repeat:no-repeat;
	font-size:0;
	cursor:pointer;
}
.toggle-menu:hover {
	background-color: #3E92CC;/*#20*/
}
.close-menu {
	background-image:url(../images/menu-close.png);
}
.close-menu:hover {
}
.nav-wrapper {
	background-color:#EC1C24;/*#21*/
	position: fixed;
	text-align: center;
	margin-left:0;
	color: #000;
	width: 100%;
	top:-150%;
	height:0px;
}
.nav-container {
	height:0px;
	overflow:hidden;
	-webkit-overflow-scrolling: touch;
  	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;

}
.nav-wrapper {
	top:auto;
	position:relative;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	-o-transition: all .5s ease-in;
	transition: all .5s ease-in;
}
.horizontal_wrapper nav ul {
	width:100%;
}
.horizontal_wrapper nav ul li {
	margin: 0;
	width: auto;
	text-align: center;
	border-bottom:0 solid rgba(0, 0, 0, 1.0);
}
.horizontal_wrapper nav ul li:last-child {
	border-bottom:none;
}
.horizontal_wrapper nav a {
	display:block;
	font-size:16px;
	padding:0 5px;
	font-weight:normal;
	color:#FFFFFF;/*#22*/
}
.horizontal_wrapper nav a:hover {
	background-color:#3E92CC;/*#23*/
	color:#FFFFFF;/*#24*/
}

.horizontal_wrapper .sub-menu {
	margin-bottom:0;
        width:auto;
}
.horizontal_wrapper .sub-menu > li {
    border: none;
    white-space: nowrap;
}

.horizontal_wrapper .sub-menu > li a {
	text-transform:none;
	font-weight:normal;
	font-size:14px;
	padding: 0;
}

.sub-menu {
	margin-bottom:0;
}
.sub-menu > li {
    border: none;
}
.sub-menu > li a {
	text-transform:none;
	font-weight:normal;
	font-size:14px;
	padding: 6px 0 10px 0;
}
	#collapsible_menu_container {
	overflow: hidden;
	height: 0;
	}
	#front_page_header_menu_container {
	overflow: hidden;
	height: 0;
	}
        
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 

/* Basic responsive */
/* Wide screen set-up  - above 800px */

    	.dropdown_wrapper {
	overflow: hidden;
	height: 0;
	}
	.horizontal_wrapper {
	overflow: unset;
	height: unset;
        }
/*  EBC SPECIAL - Special Styling Built In For The Endless Bookcase Web Site */
  #ebc_main_multi_menu  {
	position:relative;	
		z-index: 200; 
}
#ebc_sec_multi_menu {
	position:relative;	
		z-index: 100; 
}
#ebc_main_multi_menu .sub-menu li a{
		text-align: center;
}
#ebc_main_multi_menu .menu_h ul.menu-item li.sub-menu{
	position:relative;	
	z-index: 800; 
}
#ebc_main_multi_menu  ul#pro_expert_menu_h, #ebc_sec_multi_menu  ul#pro_expert_menu_h {
	position:relative;	
	margin: 0 auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
	float:unset;
}

#ebc_main_multi_menu  div.horizontal_menu_container {
	position:relative;
	z-index: 600; 
        border-top: 1px solid #F01D24;/*#25*/
        background: #E91C23;/*#26*/
        background: -webkit-gradient(linear, left top, left bottom, from(#09005D), to(#BD2020));
        background: -webkit-linear-gradient(top, #09005D, #BD2020);
        background: -moz-linear-gradient(top, #09005D, #BD2020);
        background: -ms-linear-gradient(top, #09005D, #BD2020);
        background: -o-linear-gradient(top, #09005D, #BD2020);
        border-radius: 8px;
        -webkit-box-shadow: 4px 4px 4px #BD2020;/*#27*/
        -moz-box-shadow: 4px 4px 4px #BD2020;/*#27*/
	box-shadow: 4px 4px 4px #BD2020;/*#27*/
	margin-bottom: 8px;
}

#ebc_main_multi_menu .menu_h li, #ebc_sec_multi_menu .menu_h li  {
	float:unset;
	display: inline-block;
}

#ebc_main_multi_menu .menu_h a {
    position:relative;	
    color: #FFFFFF;/*#28*/
    border-top: 1px solid #F01D24;/*#29*/
    background: #E91C23;/*#30*/
    background: -webkit-gradient(linear, left top, left bottom, from(#09005D), to(#BD2020));
    background: -webkit-linear-gradient(top, #09005D, #BD2020);
    background: -moz-linear-gradient(top, #09005D, #BD2020);
    background: -ms-linear-gradient(top, #09005D, #BD2020);
    background: -o-linear-gradient(top, #09005D, #BD2020);
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 2px #BD2020;/*#31*/
    -moz-box-shadow: 2px 2px 2px #BD2020;/*#31*/
    box-shadow: 2px 2px 2px #BD2020;/*#31*/
}

#ebc_main_multi_menu  .menu_h a:hover  {
    position:relative;	
    color: #FFFFFF;/*#32*/
   border-top-color: #E3E3E3;/*#33*/
   background: #D9D9D9;/*#34*/
   background: -webkit-gradient(linear, left top, left bottom, from(#D9D9D9), to(#666666));
   background: -webkit-linear-gradient(top, #D9D9D9, #666666);
   background: -moz-linear-gradient(top, #D9D9D9, #666666);
   background: -ms-linear-gradient(top, #D9D9D9, #666666);
   background: -o-linear-gradient(top, #D9D9D9, #666666);
   text-decoration: none;
}

#ebc_main_multi_menu  .menu_h li.current-menu-item a {
    position:relative;	
    color: #FFFFFF;/*#35*/
   background: #EEEEEE;/*#36*/
   background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#aaaaaa));
   background: -webkit-linear-gradient(top, #EEEEEE, #aaaaaa);
   background: -moz-linear-gradient(top, #EEEEEE, #aaaaaa);
   background: -ms-linear-gradient(top, #EEEEEE, #aaaaaa);
   background: -o-linear-gradient(top, #EEEEEE, #aaaaaa);
	text-decoration: none;
}

#ebc_main_multi_menu  .menu_h li.current-menu-item a:hover, #ebc_main_multi_menu .menu_h li.menu-item-home a:hover  {
    position:relative;	
    color: #FFFFFF;/*#37*/
   border-top: 1px solid #D9D9D9;/*#38*/
   background: #D9D9D9;/*#39*/
   background: -webkit-gradient(linear, left top, left bottom, from(#D9D9D9), to(#666));
   background: -webkit-linear-gradient(top, #D9D9D9, #666);
   background: -moz-linear-gradient(top, #D9D9D9, #666);
   background: -ms-linear-gradient(top, #D9D9D9, #666);
   background: -o-linear-gradient(top, #D9D9D9, #666);
   border-radius: 4px;
   -webkit-box-shadow: 2px 2px 2px #666666;/*#40*/
   -moz-box-shadow: 2px 2px 2px #666666;/*#40*/
	box-shadow: 2px 2px 2px #666666;/*#40*/
	text-decoration: none;
}

/* Secondary */
#ebc_sec_multi_menu .sub-menu li a{
    text-align: center;
}

#ebc_sec_multi_menu div.horizontal_menu_container  {
    position:relative;
    z-index: 10; 
   border-top: 1px solid #D9D9D9;/*#41*/
   background: #D9D9D9;/*#42*/
   background: -webkit-gradient(linear, left top, left bottom, from(#D9D9D9), to(#666));
   background: -webkit-linear-gradient(top, #D9D9D9, #666);
   background: -moz-linear-gradient(top, #D9D9D9, #666);
   background: -ms-linear-gradient(top, #D9D9D9, #666);
   background: -o-linear-gradient(top, #D9D9D9, #666);
   border-radius: 8px;
   -webkit-box-shadow: 2px 2px 2px #666666;/*#43*/
   -moz-box-shadow: 2px 2px 2px #666666;/*#43*/
	box-shadow: 2px 2px 2px #666666;/*#43*/
	margin-bottom: 8px;
}

#ebc_sec_multi_menu .menu_h a {
    position:relative;	
    color: #FFFFFF;/*#44*/
   border-top: 1px solid #D9D9D9;/*#45*/
   background: #D9D9D9;/*#46*/
   background: -webkit-gradient(linear, left top, left bottom, from(#D9D9D9), to(#666));
   background: -webkit-linear-gradient(top, #D9D9D9, #666); 
   background: -moz-linear-gradient(top, #D9D9D9, #666); 
   background: -ms-linear-gradient(top, #D9D9D9, #666); 
   background: -o-linear-gradient(top, #D9D9D9, #666); 
   border-radius: 4px;
   -webkit-box-shadow: 2px 2px 2px #666666;/*#47*/
   -moz-box-shadow: 2px 2px 2px #666666;/*#47*/
	box-shadow: 2px 2px 2px #666666;/*#47*/
}

#ebc_sec_multi_menu  .menu_h a:hover  {
    position:relative;	
       color: #FFFFFF;/*#48*/
   border-top: 1px solid #F01D24;/*#49*/
   background: #E91C23;/*#50*/
   background: -webkit-gradient(linear, left top, left bottom, from(#09005D), to(#BD2020));
   background: -webkit-linear-gradient(top, #09005D, #BD2020);
   background: -moz-linear-gradient(top, #09005D, #BD2020);
   background: -ms-linear-gradient(top, #09005D, #BD2020);
   background: -o-linear-gradient(top, #09005D, #BD2020);
   border-radius: 4px;
   -webkit-box-shadow: 2px 2px 2px #BD2020;/*#51*/
   -moz-box-shadow: 2px 2px 2px #BD2020;/*#51*/
	box-shadow: 2px 2px 2px #BD2020;/*#51*/
	text-decoration: none;
}

#ebc_sec_multi_menu  .menu_h li.current-menu-item a {
	position:relative;	
	color: #FFFFFF;/*#52*/
   border-top: 1px solid #F01D24;/*#53*/     
   background: #E91C23;/*#54*/ 
   background: -webkit-gradient(linear, left top, left bottom, from(#F01D24), to(#09005D));
   background: -webkit-linear-gradient(top,#F01D24, #09005D);
   background: -moz-linear-gradient(top, #F01D24, #09005D);
   background: -ms-linear-gradient(top, #F01D24, #09005D);
   background: -o-linear-gradient(top, #F01D24, #09005D);
    border-radius: 4px;
   -webkit-box-shadow: 2px 2px 2px #BD2020;/*#55*/
   -moz-box-shadow: 2px 2px 2px #BD2020;/*#55*/
   box-shadow: 2px 2px 2px #BD2020;/*#55*/
   
	text-decoration: none;
}

#ebc_sec_multi_menu  .menu_h li.current-menu-item a:hover, #ebc_sec_multi_menu .menu_h li.menu-item-home a:hover  {
	position:relative;	
	color: #FFFFFF;/*#56*/
   border-top: 1px solid #F01D24;/*#57*/
   background: #E91C23;/*#58*/
   background: -webkit-gradient(linear, left top, left bottom, from(#09005D), to(#BD2020));
   background: -webkit-linear-gradient(top, #09005D, #BD2020);
   background: -moz-linear-gradient(top, #09005D, #BD2020);
   background: -ms-linear-gradient(top, #09005D, #BD2020);
   background: -o-linear-gradient(top, #09005D, #BD2020);
   border-radius: 4px;
   -webkit-box-shadow: 2px 2px 2px #BD2020;/*#59*/
   -moz-box-shadow: 2px 2px 2px #BD2020;/*#59*/
	box-shadow: 2px 2px 2px #BD2020;/*#59*/
	text-decoration: none;
}
/* DROP DOWN */
/* main */
#ebc_main_multi_menu .toggle-menu {
	background-color:transparent;/* OVERRIDDEN Palette number 60*/
}

#ebc_main_multi_menu  .toggle-menu:hover {
	background-color: #3E92CC;/*#61*/
}

#ebc_main_multi_menu .menu_d a {
	background-color:#EC1C24;/*#62*/
}

#ebc_main_multi_menu .menu_d a:hover {
	background-color: #A9A9A9;/*#63*/
}

#ebc_main_multi_menu .menu_d a:active {
	background-color: #E3E3E3;/*#64*/
}

#ebc_main_multi_menu .menu_d  li.current-menu-item a, #ebc_main_multi_menu .menu_h li.menu-item-home a  {
	color: #FFFFFF;/*#65*/
	background: #EC1C24;/*#66*/
	text-decoration: none;
}

#ebc_main_multi_menu .menu_d  li.current-menu-item a:hover, #ebc_main_multi_menu .menu_h li.menu-item-home a:hover  {
	color: #FFFFFF;/*#67*/
	background: #898989;/*#68*/
	text-decoration: none;
}
/* Secondary */
#ebc_sec_multi_menu .toggle-menu {
	background-color: #808080;/*#69*/
}

#ebc_sec_multi_menu  .toggle-menu:hover {
	background-color: #A9A9A9;/*#70*/
}

#ebc_sec_multi_menu .menu_d a {
	background-color: #949494;/*#71*/
}

#ebc_sec_multi_menu .menu_d a:hover {
	background-color: #A9A9A9;/*#72*/
}

#ebc_main_multi_menu .menu_d a:active {
	background-color: #A9A9A9;/*#73*/
}

#ebc_sec_multi_menu .menu_d  li.current-menu-item a, #ebc_sec_multi_menu .menu_h li.menu-item-home a  {
	color: #FFFFFF;/*#74*/
	background: #EC1C24;/*#75*/
	text-decoration: none;
}

#ebc_sec_multi_menu .menu_d  li.current-menu-item a:hover {
	color: #FFFFFF;/*#76*/
	background: #000000;/*#77*/
	text-decoration: none;
} 

/* For sub menus and sub sub menus */
#ebc_main_multi_menu .menu_d {
	position:relative;
}

#ebc_main_multi_menu .menu_d ul,
#ebc_sec_multi_menu .menu_d ul {
	position:relative;
	visibility: visible;
	float:left;
	clear: both;
	top: unset;
}

#ebc_main_multi_menu .menu_d ul,
#ebc_sec_multi_menu .menu_d ul {
	width: 90%;
}
#ebc_main_multi_menu .menu_d ul li,
#ebc_main_multi_menu .menu_d ul ul li,
#ebc_sec_multi_menu .menu_d ul li,
#ebc_sec_multi_menu .menu_d ul ul li {
	width: 100%;
	clear: both;
	top: unset;
}

#ebc_main_multi_menu .menu_d ul ul,
#ebc_sec_multi_menu .menu_d ul ul {
	width: 90%;
	left: 10%;
	clear: both;
	top: unset;
}
.menu_d, .menu_h{
    margin:0;
    padding:0;
}
.menu_h {
  background-color:transparent; /* was palette number 78 */  
}

#menus_container1:after, #menus_container2:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*  END OF EBC SPECIAL  */        
        
@media only screen and (max-width:800px) {
    	.dropdown_wrapper {
	overflow: unset;
	height: unset;
	}
	.horizontal_wrapper {
	overflow: hidden;
	height: 0;
        }
      
    
}

@media only screen and (max-width:400px) {
       	.dropdown_wrapper {
	overflow: unset;
	height: unset;
	}
	.horizontal_wrapper {
	overflow: hidden;
	height: 0;
        }
    
}