/**
 * Theme Name: Cura
 * Theme URI: https://thecurafoundation.org
 * Author: AppPresser
 * Author URI: https://apppresser.com
 * Description: Salient child theme for Cura
 * Version: 8.1.0
 * Template: salient
 */

 div.small-nav header#top {
	height: 80px;
}

div.small-nav header#top #logo {
	margin: 0 auto;
}

#header-outer nav > ul > .megamenu > ul > li ul {
	display: block !important;
}

div.small-nav header#top nav > ul > li.cura-button > a {
	margin: 13px auto 20px !important;
}

div.small-nav header#top nav > ul > li.menu-item-has-children > a {
	padding: 15px 0 !important;
}

div.small-nav header#top nav > ul > li.menu-item-has-children > .dropdown-menu {
	top: 122px !important;
}

header#top {
	height: 120px;
}

header#top #logo {
	margin: 15px auto;
}

header#top nav > ul > li {
	display: flex;
	float: none;
	justify-content: space-between;
	position: relative !important;
	margin: 0;
	width: 100%;
}

header#top nav > ul > li.cura-button {
	margin: 0 10px;
}

header#top nav > ul > li.cura-button:first-child {
	margin-left: 0;
}

header#top nav > ul > li.cura-button:last-child {
	margin-right: 0;
}

header#top nav > ul > li a {
	font-size: 18px;
	line-height: 1.5em;
}

header#top nav > ul > li .megamenu-column ul > li > ul > li {
	padding-left: 2em;
}

header#top nav > ul > li.cura-button > a {
	background: #888;
	border-radius: 99px;
	color: #fff;
	margin: 31px auto !important;
	padding: 1em 1.5em !important;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
}

header#top nav > ul > li.cura-button > a:hover {
	background: rgba(136, 136, 136, 0.8);
	color: #fff !important;
}

header#top nav > ul > li.menu-item-has-children > a {
	color: #1b1b1b !important;
	padding: 50px 0 24px !important;
}

header#top nav > ul > li.menu-item-has-children > a.dropdown-toggle svg {
	display: block;
	margin: 9px auto 0;
	stroke: #1b1b1b;
	stroke-width: 5px !important;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
	transform: rotateX(0deg);
    transform-origin: center center;
	-webkit-transition: 0.7s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.7s;
	-moz-transform-style: preserve-3d;
    -o-transition: 0.7s;
	-o-transform-style: preserve-3d;
	transition: 0.7s;
	transform-style: preserve-3d;
	width: 35px;
}

header#top nav > ul > li.menu-item-has-children > a.dropdown-toggle svg line {
	fill: #1b1b1b !important;
	stroke: #1b1b1b !important;
}

header#top nav > ul > li.menu-item-has-children.menu-item-over > a.dropdown-toggle svg {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
	transform: rotateX(180deg);
    transform-origin: center center;
	-webkit-transition: 0.7s;
	-webkit-transform-style: preserve-3d;
	-moz-transition: 0.7s;
	-moz-transform-style: preserve-3d;
    -o-transition: 0.7s;
	-o-transform-style: preserve-3d;
	transition: 0.7s;
	transform-style: preserve-3d;
}

header#top nav > ul > li.menu-item-has-children > .dropdown-menu {
	background: #fff;
	background-repeat: no-repeat !important;
	background-size: 276px !important;
	margin-left: calc( ( 100% - 1245px ) / 2);
	min-height: 440px;
	padding: 35px 35px 35px 300px;
	position: fixed;
	left: 0;
	width: 1245px;
}


body.admin-bar header#top nav > ul > li.menu-item-has-children > .dropdown-menu {
	top: 162px !important;
}

body:not(.admin-bar) header#top nav > ul > li.menu-item-has-children > .dropdown-menu {
	top: 130px !important;
}

header#top nav > ul > li.menu-item-has-children:nth-child(1) > .dropdown-menu {
	background: #e9dbc5;
	background-image: url(assets/img/menu1.jpg);
}


header#top nav > ul > li.menu-item-has-children:nth-child(2) > .dropdown-menu {
	background: #cad9c7;
	background-image: url(assets/img/menu2.jpg);
}

header#top nav > ul > li.menu-item-has-children:nth-child(3) > .dropdown-menu {
	background: #a9b8c1;
	background-image: url(assets/img/menu3.jpg);
}

header#top nav > ul > li.menu-item-has-children:nth-child(4) > .dropdown-menu {
	background: #cdc7d7;
	background-image: url(assets/img/menu4.jpg);
}

header#top .container .row {
	display: flex;
}

header#top .container .row > .col_last {
	width: 100%;
}

header#top .sf-menu .menu-item a::after {
	display: none !important;
}

header#top .sf-menu li ul li a {
	background-color: unset;
	color: #000 !important;
	font-size: 18px;
	line-height: 1.5em !important;
	padding: 0 15px 14px 0 !important;
}

body:not([data-header-format="left-header"]) header#top .sf-menu {
	float: none;
	position: unset;
	width: 100%;
}

body:not([data-header-format="left-header"]) header#top nav > ul {
	display: flex;
}

body:not([data-header-format="left-header"]) header#top nav > ul > li.menu-item-has-children > ul ul li a:hover,
body:not([data-header-format="left-header"]) header#top nav > ul > li.menu-item-has-children > ul ul li.current-menu-item a,
header#top .sf-menu li ul li a:active,
header#top .sf-menu li ul li a:hover {
	background-color: unset !important;
	color: #000 !important;
	opacity: 0.8;
}

body:not([data-header-format="left-header"]) header#top nav > ul > li.menu-item-has-children > ul > li > a,
body:not([data-header-format="left-header"]) header#top nav > ul > li.menu-item-has-children > ul > li > ul > li > a {
	font-size: 20px !important;
	text-transform: uppercase;
}

#breadcrumbs {
	display: none;
}

.main-content ul,
.main-content ol {
	margin-bottom: 0 !important;
}

@media (min-width: 1024px) {
	#top nav ul[data-user-set-ocm="off"] .slide-out-widget-area-toggle,
	body.material #header-outer:not([data-format="left-header"]) #top > .container > .row nav > ul[data-user-set-ocm="off"] > .slide-out-widget-area-toggle {
		display: none !important;
	}

	#header-outer[data-format="default"] #top .span_9 {
		margin-left: unset !important;
		width: 100%;
	}

	#header-outer[data-format="default"] #top .span_9 nav {
		width: 100%;
	}
}

@media (max-width: 1400px) {
	header#top nav > ul > li a {
		font-size: 16px;
	}

	header#top nav > ul > li.cura-button > a {
		padding: 1.25em 1.5em !important;
	}

	header#top nav > ul > li.menu-item-has-children > .dropdown-menu {
		margin-left: 0;
		width: 100%;
	}
}

@media (max-width: 1024px) {
	header#top .container > .row > .col:first-child {
		width: calc(100% - 100px) !important;
	}
}