/**********************************

	Header.css for Squivotheme
	Sep 2018
	
	Default colours that need replacing:
	255 , 255 , 255
	222 , 111 , 213 
	100 , 100 , 100
	236 , 0 , 140
	22 , 17 , 141
	
	Fonts that need replacing:
	font-family: 'Playfair Display', serif;
	
**********************************/

.site-header{
	position: relative;
	z-index:2;
	background:transparent;
	top:0;
	width:100%;
	margin:0 auto;
	transition:all .2s ease;
	/*border-top:1px solid rgb( 217 , 164 , 65 );*/
}
.site-header-container{
	display:grid;
	grid-template-columns:140px 1fr;
	grid-gap:25px;
	width:100%;
	padding:0;
}

/* logo */
#site-logo-container{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	/*left:100px;*/
	top:0px;
	text-align:center;
	transition:all .12s ease;
	z-index:3;
	padding:0px;
}

.site-logo{
	position:relative;
	display: block;
	width:140px;
	height:auto;
	margin:0;
	padding:0;
}

.site-logo img{
	max-width:100%;
	height:auto;
}

.site-description{
	display:none;
}
/* menu toggle */
#mobile-menu-toggle{
	position:absolute;
	display:none;
	z-index:9999;
	height:40px;
	width:40px;
	top:12px;
	right:10px;
	right:16px;
	top:19px;
	background:transparent;
	cursor:hand;
	cursor:pointer;
	transition:all .2s ease;
}

#mobile-menu-toggle:hover .menu-icon-part{
	background:#790E4C;
}

#mobile-menu-toggle.on .menu-icon-part{
	background:#790E4C;
}

.menu-icon{
	position:absolute;
	height:40px;
	width:40px;
	top:0px;
	left:0px;
	transition:all .12s ease;
}

.menu-icon-part{
	position:absolute;
	height:5px;
	width:35px;
	background:#120D06;
	border-radius:2px;
}

.menu-icon-top{
	top:5px;
}
.menu-icon-mid{
	top:15px;
	background:#571F3F;
}
.menu-icon-bottom{
	top:25px;
	background:#790E4C;
}

/* nav container */
#site-nav-container {
	position:relative;
	display:inline-flex;
	align-content: center;
	align-items: center;
	justify-content: flex-end;
	text-align:right;
	transition:all .12s ease;
	z-index:2;
}

/* Main Menu */
ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 ;
	position:relative;
	display:table;
	text-align:left;
}

.nav-menu li {
	display: table-cell;
	position: relative;
	vertical-align: middle;

	z-index:1;
	padding: 10px 0;
}

.nav-menu li.menu-item-has-children:hover{
	border-top-left-radius: 15px;
	border-top-right-radius:15px;
	box-shadow: 5px 10px 25px rgba( 18 , 13 , 6 , .1 );
}


.nav-menu li a {
	color:#120D06;
	display:block;
	margin:0;
	padding:0 15px 0;
	text-decoration: none;
	transition:.2s ease;
	font-family: 'acherus_grotesque' , sans-serif;
	font-weight:100;
	font-size: 22px;
	line-height:23px;
	z-index:2;
	white-space: nowrap;
}
/*
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
}*/

.nav-menu li a:hover,
.nav-menu li a:focus{
	color:#571F3F;
}

.header-contact-info{
	position:absolute;
	right:0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background:#790E4C;
	font-size:10px;
	letter-spacing:1px;
	color:white;
	font-weight:100px;
	padding:5px 5px 7px 5px;
	z-index:100;
}

.header-contact-info a{
	color:#F7F6F2;
	margin:0 10px;	
}

.header-contact-info a:hover{
	text-decoration: none;
	color:#BDB4B4;
}

/* Sub Menus */
.nav-menu .sub-menu{
	position:absolute;
	display:none;
	z-index:0;
	left:0px;
	top:0px;
	transition:all .2s ease;
	box-shadow: 5px 26px 25px rgba( 18 , 13 , 6 , .1 );
	border-bottom-left-radius: 15px;
	border-bottom-right-radius:15px;
	border-top-right-radius:15px;
	width:360px;
}

.nav-menu .sub-menu li{
	position: relative;
	display:block;
	text-align:left;
	top:0px;
	margin:0px;
	width:auto;
	word-wrap: normal;
	white-space: nowrap;
	padding:0;
	background:#F7F6F2;
	border-bottom:none;
	transition:all .2 ease;
}

.nav-menu .sub-menu li:hover > a{
	color:#571F3F;
}

.nav-menu .sub-menu li a{
	color:rgb( 100 , 100 , 100 );
	text-decoration:none;
	padding:6px 20px;
	text-align:left;
	font-size:16px;
	line-height:18px;
	
	transition:all .2s ease;
	white-space:normal;
}

.nav-menu .sub-menu li a:hover{
}

.nav-menu .sub-menu li:nth-child(odd){
	background:#fbfbf9;
}

.nav-menu .sub-menu li.hide,
.nav-menu .sub-menu li.draft{
	display:none;
}

.nav-menu li.mini-burger.on{
	color:#790E4C;
}
.nav-menu li.mini-burger.on > .sub-menu, 
.nav-menu li:hover > .sub-menu{
	top:54px;
	top:40px;
	padding:15px 0;
	/*left:15px;*/
	display:block;
	background:#F7F6F2;
}

.nav-menu .sub-menu li:hover .sub-menu{
	left:100%;
	top:0;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color:#790E4C;
}

/*the mobile menu*/
.nav-mobile-menu{
	display:none;
}

.nav-mobile-menu.on{
	z-index:9999;
	display:block;
	margin:0;
	width: 100%;
}

.nav-mobile-menu.on li{
	display:block;
	position:relative;
	background:#FBFBF9;
}

.nav-mobile-menu.on li:nth-child(even){
	background:#F7F6F2;
}
.nav-mobile-menu.on li.draft{
	display:none;
}
	
.nav-mobile-menu.on li a{
	position:relative;
	display:block;
	padding:10px 20px;
	color:#120D06;
	font-weight:100;
	letter-spacing: 2px;
}

.nav-mobile-menu.on li > ul {
	background:rgb( 222 , 111 , 213 );
	display: none;
	float: none;
	position: relative;
	left: auto;
	top: auto;
}

.nav-mobile-menu.on li > ul a {
	color: #790E4C;
	width: auto;
}

.nav-mobile-menu.on li:hover > a,
.nav-mobile-menu.on .children a {
	background-color: transparent;
	background:#BDB4B4;
	text-decoration:none;
}

.nav-mobile-menu.on li a:hover,
.nav-mobile-menu.on ul a:hover,
.nav-mobile-menu.on li .sub-menu a:hover {
	color: #790E4C;
}

.nav-mobile-menu.on li > .sub-menu{
	padding:0;
}

.nav-mobile-menu.on li > .sub-menu li a{
	position:relative;
	display:block;
	padding:10px 20px 10px 40px;
}

.nav-mobile-menu.on li.menu-item-has-children.on > a{
	text-decoration:none;
	padding-left:20px;
	z-index:1;
	position:relative;
}

.nav-mobile-menu.on li.menu-item-has-children.on a:hover,
.nav-mobile-menu.on li.menu-item-has-children.on a{
	color:#790E4C;
}

.nav-mobile-menu.on li.menu-item-has-children.on > ul a{
	color:#120D06;
}

.nav-mobile-menu.on li.menu-item-has-children > ul{
	display:none;
}

.nav-mobile-menu.on li.menu-item-has-children.on > ul{
	display:block;
}

.nav-mobile-menu.on li.menu-item-has-children > a > span{
	position:absolute;
	display:block;
	font-family:'FontAwesome';
	right:2px;
	top:2px;
	content:'\f0da';
	z-index:10;
    /*-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);*/
    transition:all .1s ease;
    padding:10px;
    height:39px;
    width:39px;
   	background: transparent;
}

.nav-mobile-menu.on li.menu-item-has-children > a > span:after{
	position:absolute;
	display:block;
	right:11px;
	top:13px;
	z-index:10;
	content:'';
    transition:all .1s ease;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #120D06 transparent transparent transparent;
}

.nav-mobile-menu.on li.menu-item-has-children > a:hover > span:after{
	border-color: #790E4C transparent transparent transparent;
}

.nav-mobile-menu.on li.menu-item-has-children.on > a > span:after{
	-ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.nav-mobile-menu .current_page_item > a,
.nav-mobile-menu .current_page_ancestor > a,
.nav-mobile-menu .current-menu-item > a,
.nav-mobile-menu .current-menu-ancestor > a {
	color:#790E4C !important;
	border-left:5px solid #790E4C;
}

.nav-mobile-menu .sub-menu{
	display:block;
}

/*  added 2020 to hide menu elements without removing them */
.nav-mobile-menu li.temp-hide,
.nav-menu li.temp-hide{
	display:none !important;
}