/* 
 Theme Name:     TCMS
 Author:         TCMS
 Author URI:     TCMS.com
 Template:       Divi
 Version:        1
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.3.2
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* =============================================================
 * Top Navigation Menu
 * ============================================================*/

#small-nav-container{
	background-color: #f9f9f9;
	height: 30px;
}
@media screen and (max-width: 600px){
	#small-nav-container{
		/*display: none;*/
	}
}

@media screen and (max-width: 600px){	
	.container.clearfix.et_menu_container{
		width:93%;
	}
}

@media screen and (min-width: 600px){
	.desktop-hide{
		display: none !important;
	}
}

#small-nav-top{
	background-color: #f9f9f9;
    height: 30px;
    width: 80%;
    max-width: 1080px;
    margin: auto;
}

#small-nav-top ul{
	float: right;
}

#small-nav-top ul li{
	display: inline-block;
    padding: 4px 0 0px 28px;
    font-size: 90%;
}

#small-nav-top ul li a{
	color:#666666;
}

#logo{
	max-height: 48%;
}

@media screen and (max-width: 600px){	
	#logo{
		max-height: 28%;
	}
}


#main-header{
	transition:none;
}

.logo_container{
	transition:none;
}

#logo{
	transition:none;
}

.et_fixed_nav #et-top-navigation{
	transition:none;
	padding-left: 156px;
}
#top-menu, .et-menu, nav#top-menu-nav, nav.et-menu-nav {
	float: left;
	padding-left: 60px;
}

#et-top-navigation {
    float: left;
}

@media screen and (max-width: 600px){
	 #et-top-navigation{
	 	float: right;
}
 }

/*@media screen and (min-width: 800px){
	 #et-top-navigation{
	 	position: relative;
	    right: 35%;
	    padding-left:0 !important;
	 }
 }*/


/*@media screen and (min-width: 1164px){
	 #et-top-navigation{
	 	position: relative;
	    right: 35%;
	    padding-left:0 !important;
	 }
 }

 @media only screen and (min-width: 1146px) and (max-width: 1163px){
	 #et-top-navigation{
	 	position: relative;
	    right: 28%;
	    padding-left:0 !important;
	 }
 }*/

#book-directory{
    float: right;
    display: block;
    position: relative;
    left: 1%;
    top: 1.5em;
    padding: .5em;
    margin: 0 0 1em 0;
    height: 47px;
}

@media screen and (max-width: 600px){
	#book-directory{
		float: none;
	    display: block;
	    position: relative;
	    left: 41%;
    	top: 1.5em;
	    padding: .5em;
	    margin: 0 0 2em 0;
	    height: 0;
	    width: 100px;
	}
}

#book-directory a{
	padding: .7em 2.5em .7em 2.5em;
    background-color: #dc1920;
    color: white;
    font-size: 1em;
    font-weight: 600;
    height: 95px;
    max-height: 182px;	
}
@media screen and (max-width: 600px){
	#book-directory a{
		padding: .5em 1.25em .5em 1.25em;
	    background-color: #dc1920;
	    color: white;
	    font-size: .8em;
	    font-weight: bold;
	    height: 95px!important;
	    max-height: 182px!important;
	}
}

@media screen and (min-width: 981px){
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
    padding-top: 30px;
	}
}

/* =============================================================
 * Mobile Menu Collapse
 * ============================================================*/
 
/**** This hides the sub menu items on mobile ****/
 
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
 
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
 
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
 
/**** Here you can swap out the actual icons ****/
 
span.menu-closed:before {
content: "\4c";
display: block;
color: #000;
font-size: 16px;
font-family: ETmodules;
}
 
span.menu-closed.menu-open:before {
content: "\4d";
}