/* CUSTOM STYLESHEET  */

/* CSS Smooth Scroll - Studio H 2020/02/03  */
html, body {
	scroll-behavior: smooth;
}

/* Header Menu - Studio H 2020/02/03  */
.sppb-addon-module .nav li {
	text-align:center;
}

.sppb-addon-module .nav li a {
	color:#2c2110;
	font-weight:normal;
	text-transform:uppercase;
	transition:all 200ms;
	background:none !important;
	line-height:14px;
	padding:4px 0px 4px 0px;
}

.sppb-addon-module .nav li.active a,
.sppb-addon-module .nav li a:hover,
.sppb-addon-module .nav li a:focus {
	color:#e80719;
}

/* Tablets and higher */
@media screen and (min-width:768px) {
	.sppb-addon-module .nav li a {
		font-size:17px;
		line-height:19px;
	}
}

/* Netbooks and higher */
@media screen and (min-width:992px) {
	.sppb-addon-module .nav li {
		text-align:right;
	}	
}

/* Main Menu - Studio H 2020/02/04  */
.sp-megamenu-parent {
	margin-top:100px !important;
	width:90%;
}

.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {
	line-height:24px;
}

.sp-megamenu-parent > li:first-child > a,
.sp-megamenu-parent > li:first-child > span {
	font-size:0px;
	width:60px;
}

.sp-megamenu-parent > li:first-child > a::before, 
.sp-megamenu-parent > li:first-child > span::before {
	width: auto;
	background:	transparent !important;
	font-family: FontAwesome;
	content: "\f015";
	font-size: 24px;
	line-height: 24px;
	display:inline-block;
	position:absolute;
	top: -1px;
	left: 17px;
	height: 45px;
	color: #2c2110;
	text-align: center;	
	transition:color 400ms, background-color 400ms;
}

.sp-megamenu-parent > li.active > a::before, 
.sp-megamenu-parent > li.active > span::before,
.sp-megamenu-parent > li:first-child:hover > a::before, 
.sp-megamenu-parent > li:first-child:hover > span::before {
	color:#eb4947;
}

/* Responsive Fix  */
@media screen and (min-width:980px) and (max-width:1200px){
	.sp-megamenu-parent {
		margin-top:10px !important;
		width:100%;
	}
}