#ShiftNavWrapper {
	vertical-align: top;
	width: 60px;
	padding: 10px 10px 10px 10px;
	display: none;
}

#ShiftNavCircle {
	padding: 0px 8px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#CoverImage {
	position: relative;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 50vw;

	background-position: center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}



.HeaderContainer1 {
    height: 120px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+96 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 96%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

#HeaderContainer {
	position: fixed;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1000;
	background: #67318f;
	border-bottom: 2px solid white;
}

#MenuBlue {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #2dabec;
	border-bottom: 2px solid white;
	display: none;
}


.HeaderContainer2 {
    height: 120px;
    margin-bottom: 160px;
}


#HeaderTable {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
	width: 100%;
}

#HeaderTR {
	display: table-row;
	width: 100%;
}


#HeaderLogo {
	display: table-cell;
	vertical-align: top;
	position: relative;
	width: 400px;
    height: 60px;
}

#HeaderMenu {
	display: table-cell;
	vertical-align: top;
	width: 100%;
}

#HeaderMenu nav {
	float: right;
	margin: 10px 10px 10px 10px; 
}


#LogoHomeLarge {
	margin: 10px 10px 0px 10px; 
	padding: 0px 0px 0px 0px;
	display: block;
	width: 150px;
	max-width: 150px;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
}

#LogoHomeSmall {
	margin: 10px 10px 0px 10px; 
	padding: 0px 0px 0px 0px;
	display: block;
	width: 150px;
	max-width: 150px;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
}

.fadeOut {
	opacity: 0;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}
.fadeIn {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	-ms-transition: opacity 500ms ease-in-out;
	-o-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}

@media screen and (max-width: 860px) {
	
	#LogoHomeLarge {
		width: 150px;
		max-width: 150px;
	}

	#CoverCorner {
		padding: 5px 0px 5px 10px; 
	}

	#CoverCornerHeadings {
		padding: 0px 30px 0px 0px; 
	}
	
	#CoverCornerHeadings h1 {
		font-size: 4.65vw;
		line-height: 6vw;
	}

	#CoverCornerHeadings h2 {
		font-size: 4vw;
		letter-spacing: 0.8vw;
		line-height: 6vw;
	}
}

@media screen and (max-width: 767px) {
	
	#HeaderContainer {
		position: absolute;
	}

	#ShiftNavWrapper {
		display: table-cell;
	}

	#CoverCorner {
		padding: 3px 10px 3px 10px; 
	}

	#CoverCornerHeadings {
		padding: 0px 10px 0px 0px; 
	}

}



/* ******************************************************************************************* */
/* ******************************************************************************************* */
/* Mega Menu Settings */
/* ******************************************************************************************* */
/* ******************************************************************************************* */

/* purple 67318f */
/* blue 2dabec */


#mega-menu-main-menu {
	background: none !important;
}

#MainMenuDesktop * {
	text-align: right !important;
}

.MainNav {
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
	text-align: right !important;
	display: inline-block;
}

#mega-menu-wrap-header-menu {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin: auto;
	display: inline-block;
  	width: auto;
}

ul#mega-menu-header-menu {
	text-align: right !important;
    max-width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

li.mega-menu-item {
	display: inline-block !important;
	width: auto !important;
	text-align: right !important;
	vertical-align: top !important;
	margin: 28px 0px 0px 0px !important;
}

li.mega-menu-item:first-of-type  {

}
li.mega-menu-item:last-of-type  {

}


li.mega-menu-item a {
	font-family: 'Oswald'!important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 17px !important;
	letter-spacing: 2px;
	margin: 4px 4px 4px 4px !important; 
	padding: 0px 12px 0px 12px !important; 
	color: #ffffff !important;
	display: inline-block !important;
	border: 1px solid rgba(0,0,0,0) !important;
	line-height: 2.2 !important;
}


li.mega-menu-item a:hover {
	color: #ffffff !important;
	background: #2dabec;
	text-shadow: none;

	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	border: 1px solid white !important;
}

.PurpleHoverBack {
	background: #67318f !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	border: 1px solid white !important;
}
.BlueHoverBack {
	background: #2dabec !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	border: 1px solid white !important;
}


li.mega-current-menu-item > a {
	color: #67318f !important;
	background: #ffffff !important;
	text-shadow: none;

	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	border: 1px solid white !important;
}


.fa-home {
	font-size: 24px;
	-webkit-transform:scale(1,1); !important; /* Safari and Chrome */
	-moz-transform:scale(1,1); !important; /* Firefox */
	-ms-transform:scale(1,1); !important; /* IE 9 */
	-o-transform:scale(1,1); !important; /* Opera */
	transform:scale(1,1); !important; /* W3C */
}

li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	color: #000000 !important;
	background: #ffffff !important;
	text-shadow: none;
}

ul.mega-sub-menu {
	border-top: 1px solid #ffffff !important;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.4) !important;
	outline: 1px solid #ffffff !important;
	background: #ffbb1b !important;
	display: inline-block !important;
	width: auto !important;
}

ul.mega-sub-menu li {
	border-left: none !important;
	border-right: none !important;
	display: block !important;
}



ul.mega-sub-menu li a {
	font-family: 'Lato' !important;
	font-style: italic !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 1.5 !important;
	letter-spacing: 1px;
	padding: 5px 10px 5px 10px !important;
	color: white !important;
	white-space: nowrap !important;
	background: #ffbb1b !important;
	border-left: 1px solid white !important;
	border-right: 1px solid white !important;
	border-bottom: 1px solid white !important;
}


@media screen and (max-width: 1280px) {
	
	#MainMenuDesktop {
		width: 580px;
	}
	
	li.mega-menu-item:nth-of-type(1), li.mega-menu-item:nth-of-type(2), li.mega-menu-item:nth-of-type(3), li.mega-menu-item:nth-of-type(4) {
		margin: 10px 0px 0px 0px !important;
	}
	li.mega-menu-item:nth-of-type(5), li.mega-menu-item:nth-of-type(6), li.mega-menu-item:nth-of-type(7), li.mega-menu-item:nth-of-type(8) {
		margin: -5px 0px 0px 0px !important;
	}

}

@media screen and (max-width: 800px) {
	
	#MainMenuDesktop {
		width: 500px;
	}

	li.mega-menu-item a {
		font-size: 15px !important;
		margin: 4px 4px 4px 4px !important; 
		padding: 0px 10px 0px 10px !important; 
		line-height: 2.3 !important;
	}
}

@media screen and (max-width: 767px) {
	
	#MainMenuDesktop {
		display: none;
	}
}
	

/* ******************************************************************************************* */
/* ******************************************************************************************* */
/* Shift Nav Settings */
/* ******************************************************************************************* */
/* ******************************************************************************************* */

a.shiftnav-toggle-button {
	background-color: none !important;
	background: none !important;
	padding: 0px !important;
	margin: 0px 0px 0px 10px !important;
	font-size: 40px;
	color: #ffffff !important;
}

a.shiftnav-toggle-button:hover {
	color: #67318f !important;
	text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff,  -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;  
}

.shiftnav-inner >  ul, .shiftnav-inner >  ul > li {
	display: block !important;
}

.shiftnav-inner >  ul > li:first-of-type {
	margin-top: 40px  !important;
	border-top: 2px solid white !important;
}

#shiftnav-main {
	background: #67318f;
	background-size: contain;
	background-repeat: repeat-y;
}


#shiftnav-toggle-main {
	background-color: none !important;
	padding: 0px !important;
	margin: 0px !important;
	height: 80px !important;
}

.shiftnav-main-toggle-content, .shiftnav-toggle-main-block {
	padding: 0px !important;
	margin: 0px 0px 0px 0px;
}

.shiftnav-toggle {
	color: fffff !important;
}

.shiftnav-toggle:hover, .shiftnav-toggle:active {
	background-color: none !important;
	background: none !important;
}

.shiftnav-panel-close  {
	color: #ffffff !important;
	z-index: 2000 !important;
	background-color: none !important;
	background: none !important;
	font-size: 30px !important;
	margin-top: -17px  !important;
}

button.shiftnav-panel-close:hover, button.shiftnav-panel-close:active {
	color: #ffbb1b !important;
	text-shadow: none;  
}

.shiftnav {
	border-right: 1px solid white !important;
	border-left: 0px !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e2c7+0,c19e67+26,e9d4b3+53,c19e67+72,e9d4b3+100 */
}

.shiftnav li {
	font-family: 'Oswald'!important;
	font-style: normal !important;
	font-weight: 500 !important;
	background: #67318f !important;
	border-bottom: 2px solid white !important;
	line-height: 1.5 !important;
	letter-spacing: 2px;
	word-spacing: 8px;
	font-size: 18px !important;
	line-height: 1.5 !important;
}

.shiftnav li, .shiftnav li a {
	color: white !important;
}

.shiftnav li:active, .shiftnav li:hover, .shiftnav li a:active, .shiftnav li a:hover {
	background-color: #2dabec !important;
	color: #ffffff !important;
/* 
	text-shadow: 1px 1px 1px #67318f
 */
}

.shiftnav li.current-menu-item, .shiftnav li.current-menu-item a {
	background-color: #ffffff !important;
	color: #67318f !important;
}

.shiftnav li.current-menu-item a:hover, .shiftnav li.current-menu-item a:active {
	color: #67318f !important;
}

#dsidx, .dsidx-results:nth-of-type(1) {
	margin: 40px 30px 40px 30px !important;
	margin-left: 30px !important;
	margin-right: 30px !important;
	max-width: 88vw !important;
}

@media screen and (max-width: 640px) {
	
	#dsidx, .dsidx-results:nth-of-type(1) {
		margin: 40px 12px 40px 8px !important;
		max-width: 88vw !important;
	}
}