#masthead {
	height: 75px;
}
body.admin-bar #masthead {
	top: 32px;
}
@media screen and (max-width: 1279px) and (min-width: 783px) {
	#wpadminbar {
		height: 64px !important;
	}
	body.admin-bar #masthead {
		top: 64px;
	}
}
@media screen and (max-width: 782px) {
	body.admin-bar #masthead {
		top: 46px;
	}
}

/* Logo */
#logo a {
	font-size  : 50px;
	text-align : left;
	font-weight: 500;
	color      : #fff;
	display    : block;
}

#logo a:hover {
	text-decoration: none;
}

#logo img {
	vertical-align: top;
	padding   : 12px 0;
	max-height: 75px;
}

/* Header nav bar links */
#masthead .nav-item {
	padding: 5px 12px;
}

#masthead .nav-link {
	display      : inline-block;
	font-size    : 13px;
	padding      : 0;
	border-bottom: 2px solid transparent;
	color        : #fff;
	transition   : border-bottom-color .2s, background-color .2s, font-size .2s, color .2s;
}

#masthead .nav-link:focus,
#masthead .nav-link:hover {
	text-decoration    : none;
	color              : #5Ac3ff;
	border-bottom-color: #5Ac3ff;
}

#masthead #main-navbar .nav-link {
	font-weight: 400;
	font-size: 14px;
}

#colophon .nav-link {
	font-size: 14px;
}

#masthead .current-menu-item .nav-link {
	color: #f4d5a5;
}

#masthead .color-darker-purple .nav-link {
	color: #8E5AD4;
}

#masthead .color-lighter-purple .nav-link {
	color: #9C66E6;
}
#masthead .color-green .nav-link {
	color: #64c86e;
}

/* Search */
#nav-container i {
	transition: all 0.3s;
}

.search-icon-path {
	fill      : #fff;
	transition: all 0.3s;
}

.search-icon {
	cursor    : pointer;
	padding   : 0 12px;
}

.search-icon .search-icon-svg {
	margin-bottom: 4px;
}

.search-icon:hover .search-icon-path {
	fill: #5Ac3ff;
}

.search-icon-mobile {
	cursor      : pointer;
	margin-right: 10px;
	vertical-align: top;
    margin-top: 14px;
}

.search-icon-mobile .search-icon-svg {
	margin-top: 3px;
}


/* Search Modal (pop up) */
#nav-search-modal .modal-content {
	border-radius: 0;
}

#nav-search-modal .modal-header {
	border : none;
	padding: 12px 16px 2px 10px;
}

#nav-search-modal .modal-body {
	padding: 0 20px;
}

#nav-search-modal .modal-footer {
	border : none;
	padding: 20px
}

#nav-search-modal .search-modal-input {
	border-top  : 0 !important;
	border-right: 0 !important;
	border-left : 0 !important;
}

#nav-search-modal #close-cross {
	position: relative;
	cursor  : pointer;
	width   : 25px;
	height  : 25px;
}

#nav-search-modal #close-cross::after,
#nav-search-modal #close-cross::before,
.dgd_stb_box_close::after,
.dgd_stb_box_close::before {
	position        : absolute;
	top             : 12px;
	right           : 0px;
	content         : '';
	display         : block;
	width           : 25px;
	height          : 3px;
	background-color: #211433;
}

#nav-search-modal #close-cross::after,
.dgd_stb_box_close::after {
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	-ms-transform    : rotate(45deg);
	-o-transform     : rotate(45deg);
	transform        : rotate(45deg);
}

#nav-search-modal #close-cross::before,
.dgd_stb_box_close::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	-ms-transform    : rotate(-45deg);
	-o-transform     : rotate(-45deg);
	transform        : rotate(-45deg);
}

/* Dropdowns */
.dropdown-toggle {
	cursor: pointer;
}

.dropdown-menu {
	border-radius: 0;
}

.dropdown-menu.show>.menu-item>.dropdown-menu {
	display    : block !important;
	position   : relative;
	border     : none;
	overflow   : hidden;
	top        : auto;
	right      : auto;
	padding    : 0;
	margin-left: 20px;
}

.dropdown-menu.show>.menu-item>.dropdown-menu a {
	text-align: left;
}

#main-navbar-nav .dropdown-menu.show>.menu-item {
	text-align: left;
	padding   : 0 20px !important;
}

#main-navbar-nav .dropdown-menu.show>.menu-item>.dropdown-menu {
	margin-top: 0;
}

#main-navbar-nav .dropdown-menu .dropdown-item {
	color: #211433;
    	font-size: 14px;
    	padding: 2px;
	white-space: normal;
}

#main-navbar-nav .dropdown-menu .dropdown-item:hover {
	background-color: transparent;
}

#main-navbar-nav .dropdown-menu .dropdown-item:focus, #main-navbar-nav .dropdown-menu .dropdown-item:active {
	background-color: transparent;
}

#main-navbar-mobile .dropdown-menu>.dropdown-submenu>a {
	padding: 10px !important;
}

.dropdown-menu>.dropdown-submenu>a::after {
	display: none !important;
}

#main-navbar-nav .dropdown-menu>.dropdown-submenu li.current_page_item {
	text-decoration: none;
}

#main-navbar-nav .dropdown-menu>li.current_page_item>a,
#main-navbar-nav .dropdown-menu>.dropdown-submenu li.current_page_item a {
	color: #2E5394 !important;
}

.navbar-toggler {
	position: absolute;
	right   : 10px;
}

#main-navbar-mobile .nav-item {
	padding       : 10px;
}

#main-navbar-mobile .nav-link {
	padding    : 0 !important;
	font-size     : 1rem;
	font-weight: 500;
	color: #211433;
}

#main-navbar-mobile .dropdown-item {
	color: #211433;
}

/* Mega Main Menu */
/*
.yamm > #main-navbar-nav > ul.nav > li.dropdown > ul.dropdown-menu > li.menu-item-has-children {
	margin-bottom: 1rem;
}
.yamm > #main-navbar-nav > ul.nav > li.dropdown > ul.dropdown-menu > li.menu-item-has-children > a {
	font-weight: 500;
	border-bottom: 1px dotted #CCC;
	font-size: 1rem;
}
.yamm > #main-navbar-nav > ul.nav > li.dropdown > ul.dropdown-menu > li.menu-item-has-children > ul.dropdown-menu > .nav-item {
	padding: 0;
}
.yamm > #main-navbar-nav > ul.nav > li.dropdown > ul.dropdown-menu.menu-item-has-grandchildren.show {
	display: flex !important;
	flex-wrap: wrap;
}
#main-navbar-mobile > ul.nav > li.dropdown > ul.dropdown-menu > li.menu-item-has-children > a {
	font-weight: 500;
}
*/


/* CSS for the mobile navbar to slide from the right, triggered by javascript in ghostpress.js */

body.noscroll {
	overflow: hidden;
}

/* Stops the body scrolling underneath when the mobile nav is visible */

#main-navbar-mobile {
	position  : fixed;
	padding   : 10px;
	height    : calc(100vh - 60px);
	/* Full screen  height minus height of the navbar */
	top       : 60px;
	/* Put the top of the mobile nav under the navbar */
	width     : 100%;
	background: #fff;

	transition: all 0.3s;
	left      : 100%;
	z-index   : 100;
	overflow  : scroll;
}

#main-navbar-mobile.active {
	left: 0;
}

/* CSS For the navbar mobile button and it's animation */

#main-navbar-mobile-activate-btn {
	width             : 33px;
	height            : 20px;
	margin            : 20px 0 0 auto;
	padding           : 0;
	-webkit-transform : rotate(0deg);
	-moz-transform    : rotate(0deg);
	-o-transform      : rotate(0deg);
	transform         : rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition   : .5s ease-in-out;
	-o-transition     : .5s ease-in-out;
	transition        : .5s ease-in-out;
	cursor            : pointer;
}

#main-navbar-mobile-activate-btn span {
	display           : block;
	position          : absolute;
	height            : 3px;
	width             : 100%;
	background        : #fff;
	opacity           : 1;
	left              : 0;
	-webkit-transform : rotate(0deg);
	-moz-transform    : rotate(0deg);
	-o-transform      : rotate(0deg);
	transform         : rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition   : .25s ease-in-out;
	-o-transition     : .25s ease-in-out;
	transition        : .25s ease-in-out;
}

#main-navbar-mobile-activate-btn span:nth-child(1) {
	top: 0px;
}

#main-navbar-mobile-activate-btn span:nth-child(2),
#main-navbar-mobile-activate-btn span:nth-child(3) {
	top: 9px;
}

#main-navbar-mobile-activate-btn span:nth-child(4) {
	top: 18px;
}

#main-navbar-mobile-activate-btn.open span:nth-child(1) {
	top  : 9px;
	width: 0%;
	left : 50%;
}

#main-navbar-mobile-activate-btn.open span {
	height: 3px;
}

#main-navbar-mobile-activate-btn.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	-o-transform     : rotate(45deg);
	transform        : rotate(45deg);
}

#main-navbar-mobile-activate-btn.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	-o-transform     : rotate(-45deg);
	transform        : rotate(-45deg);
}

#main-navbar-mobile-activate-btn.open span:nth-child(4) {
	top  : 9px;
	width: 0%;
	left : 50%;
}


/* Extra large devices (large desktops, 1200px and up) - XL*/
@media (min-width: 1200px) {
	#masthead .nav-link {
		font-size    : 14px;
	}
	#masthead #main-navbar .nav-link {
		font-size: 16px;
	}
	#colophon .nav-link {
		font-size: 16px;
	}
}

@media (min-width: 768px) and (max-width: 1280px) {
	#logo a {
		font-size: 52px;
	}
}

@media screen and (min-width:992px) {}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	.navbar-nav .dropdown-menu {
		background-color: #fff;
		border          : 1px solid rgba(0, 0, 0, .15);
	}
}

@media (max-width: 991px) {

	#masthead {
		height: 62px;
	}

	#nav-container {
		text-align: right;
	}

	#logo a {
		font-size: 40px;
	}

	#logo img {
		vertical-align: top;
    	padding: 0;
    	height: 42px;
    	margin-top: 10px;
	}

	#main-navbar-nav {
		position: absolute;
	}

	.back-to-main-site a {
		font-size: 7px;
	}

	.dropdown-menu {
		position : static !important;
		transform: none !important;
		border: none;
		padding: 0;
	}

	#main-navbar-mobile .dropdown-menu .menu-item {
		padding-top: 6px;
		padding-bottom: 0;
	}

	.dropdown .dropdown-toggle::after {
		border           : solid #211433;
		border-width     : 0 3px 3px 0;
		display          : inline-block;
		padding          : 4px;
		margin: 0 0 -0.2em 0.4em;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		-ms-transform    : rotate(-45deg);
		-o-transform     : rotate(-45deg);
		transform        : rotate(-45deg);
	}

	.dropdown.show .dropdown-toggle::after {
		border           : solid #211433;
		border-width     : 0 3px 3px 0;
		display          : inline-block;
		padding          : 4px;
		margin: 0 0 0 0.4em;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		-ms-transform    : rotate(45deg);
		-o-transform     : rotate(45deg);
		transform        : rotate(45deg);
	}

	.dropdown-item:focus, .dropdown-item:hover {
		background-color: transparent;
	}

}



@media (max-width: 767px) {
	#footer-navbar {
		margin-bottom: 30px !important;
	}

	#footer-navbar .menu-item {
		width: 100%;
	}

	#footer-navbar .menu-item a {
		padding: 2px 0;
	}
}