@font-face {
    font-family: "PirateOne";
    src: url("/css/fonts/PirataOne-Regular.ttf");
}
@font-face {
    font-family: "MontserratRegular";
    src: url("/css/fonts/Montserrat-Regular.ttf");
}

html {
  scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: 100px;
}

#header-wrap {
	background-color: rgba(0, 0, 0, 1);
}

.contentId_5238 #header-wrap {
	    background-color: rgba(0, 0, 0, 0.6);
}

#header.dsHeaderTyp2.full-header .primary-menu .menu-container {
	background-color: inherit;
}

#gotoTop:hover,
::selection
{
	background: #D6A14A;
}

.menu-link,
.top-links-item>a {
	color: #B88A3B;
}

.top-links-sub-menu, .top-links-section {
	border-top-color: #D6A14A;
}

h1, h2, h3, h4, h5, h6 {
	font-family: PirateOne;
	color: #F2F0EB;
}

h1 {
	font-size: 3rem;
}	
h2 {
	font-size: 2.5rem;
}
h3 {
	font-size: 2.3rem;
}
h4 {
	font-size: 2.1rem;
}
h5 {
	font-size: 2rem;
}
h6 {
	font-size: 1.9rem;
}

body, p {
	font-family: MontserratRegular;
	font-size: 1.3rem;
	line-height: 1.5;
	color: #F2F0EB;
}

.story-box .story-box-info .story-title {
	color: #F2F0EB;
}

#content {
	background-color: #050505;
}

.shape-divider-fill {
	fill: #050505;
}

#content p {
    line-height: 1.5;
}

.story-box .story-box-info .story-box-content p {
	font-size: 16px;
}

.story-box .story-box-image {
	box-shadow: 0 0 30px rgba(214,161,74,0.35);
}

.story-box .story-box-info{
	text-shadow: 0 0 10px rgba(255,106,0,0.7), 0 0 20px rgba(255,154,31,0.5);
	background: linear-gradient(135deg, #050505 0%, #111111 45%, #2A1A0F 100%);
	color: #F2F0EB;
}

.story-box .story-box-info .story-box-content p {
	color: #F2F0EB;
}

ul.tab-nav:not(.tab-nav-lg) li a
{
	font-size: 1.6rem;
	font-family: PirateOne;
	font-weight: bold;
	color: #D6A14A;
}
ul.tab-nav:not(.tab-nav-lg) li a:hover,
ul.tab-nav li.ui-tabs-active a {
	color: #FF9A1F;
}

ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a::after {
	background-color: #D6A14A;
}

a, .entry-title.title-sm h3 a {
	color: #D6A14A;
}

a:hover, .entry-title.title-sm h3 a:hover {
	color: #FF9A1F;
}

.btn-primary {
	background-color: #D6A14A;
	border-color: #D6A14A;
	color: #000;
	font-weight: bold;
}

.btn-primary:hover {
	background-color: #FF9A1F;
	color: #000;
	font-weight: bold;
}

.entry-image a img {
	opacity: 0.8;
}

.entry-image a:hover img {
	opacity: 1;
}

.team-title h4 {
    font-size: 1.8rem;
    text-transform: none;
}

.entry-title.title-sm h3 {
    font-size: 1.5rem;
}

.dark.footerTyp4 #copyrights {
	background: linear-gradient(135deg, #050505 0%, #111111 45%, #2A1A0F 100%);
}

.dark.footerTyp4 h4,
.dark.footerTyp4 #copyrights,
.dark.footerTyp4 #copyrights .copyright-links a {
	color: #F2F0EB;
}

.story-box .story-box-info {
	padding: 40px;
}

.story-box:hover {
	cursor: initial !important;
}

.dark.footerTyp4 #copyrights .copyright-links a,
#copyrights .footerTyp4IconElement.footerTyp4IconElement a {
	color: #D6A14A;
}

.dark.footerTyp4 #copyrights .copyright-links a:hover,
#copyrights .footerTyp4IconElement.footerTyp4IconElement a:hover {
	color: #FF9A1F;
}

label {
	font-size: inherit;
	font-family: inherit;
	color: #F2F0EB;
}
 

@media (min-width: 992px) {
	
	.full-header #logo {
		border-right: none;
	}
    .sticky-header #header-wrap { 
		    background-color: rgba(0, 0, 0, 0.8);
	}
	
	.style-3 .menu-container>.menu-item:hover>.menu-link {
        color: #FF9A1F;
		background: none;
    }
}


@media (max-width: 992px) {
	#header-wrap {
		background-color: rgba(0, 0, 0, 1) !important;
	}
	
	.svg-trigger path {
		stroke: #B88A3B;
	}
	
	#header.dsHeaderTyp2.full-header .primary-menu .menu-container {
        background-color: #302119 !important;
    }
	
	.menu-item:not(:first-child) {
		border-top: 1px solid #000;
	}
	
	.toggle-header, .accordion-header {
		color: #D6A14A;
	}
}

@media (max-width: 767px) {
	#header.dsHeaderTyp2.full-header .header-misc {
        position: absolute;
        left: 0px;
        bottom: -10px;
    }
	
	.header-row {
		position: relative;
		top: 1px;
	}	
}

@media (max-width: 768px) {
	h1 {
		font-size: 36px;
	}

	h2 {
		font-size: 30px;
	}

	h3 {
		font-size: 26px;
	}

	h4 {
		font-size: 22px;
	}

	h5 {
		font-size: 19px;
	}
	
	p {
		font-size: 1.2rem;
	}
}

@media (max-width: 479px) {
    .story-box.description-left .story-box-info,
	.story-box .story-box-info	{
        margin: -20px 5% 0;
    }
	.story-box .story-box-image {
		height: 290px;
	}
}

@media (max-width: 440px) {
	h1 {
		font-size: 32px;
	}

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 19px;
	}

	h5 {
		font-size: 17px;
	}
	
	p {
		font-size: 1rem;
	}
}