/* Add here all your CSS customizations */

/* TEXT */

body {font-family: 'Raleway', sans-serif !important;}

@media (min-width: 991px) {
	.nav {height:70px}
}

.nav {align-self: center;}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {color: #444;}
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul li:hover > a {color: #49A382;}

#header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li > a { height: auto !important; min-height: 30px;}
#header .header-nav.header-nav-links nav > ul > li > a { letter-spacing: 0.1em }

header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active { background: white !important;}
#header .header-nav-main nav > ul > li > a.active {color: #49A382 !important;}


#header .header-btn-collapse-nav { background: #522944 }
#header .btn { border-radius: 2px !important }

/*#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a { color: black;}*/
/*html:not(.sticky-header-active) #header .header-nav.header-nav-light-text nav > ul:not(:hover) > li > a { color: white !important}
html:not(.sticky-header-active) #header .header-nav.header-nav-light-text nav > ul li:hover > a {color: white !important; border-bottom: 4px solid #ee6c5e}*/

.form-control {border-radius: 0em !important}

p { color: black !important; }
h1 { font-weight: 700 }s
h5 { letter-spacing: 0.1em; font-weight: 900 }

h2, h3, h4, h5, h6 { letter-spacing: 0.2em; }

h5 {color: #ee6c5e; font-weight: 800 !important}

.scroll-to-top:hover, .scroll-to-top:focus, .scroll-to-top:active { color: #ee6c5e !important; }

.home h5 {color: #ee6c5e}

#img-byky-type {
	position: absolute;
	width: 100%;
	max-width: 35px;
	top: 0;
	margin-top: -100px;
	left: 0;
	margin-left: 0px;
}

#img-byky-badge {
	position: absolute; 
	width: 100%; 
	max-width: 110px; 
	top: 0; 
	margin-top: -40px;
	right: 0;
	margin-right: 15px;
}

@media (min-width: 990px) {
	#img-byky-type { margin-top: -100px; margin-left: 100px; }
	#img-byky-badge { max-width: 150px; margin-top: -30px; margin-right: 75px;}
}

@media (min-width: 1600px) {
	#img-byky-type { margin-left: -50px; }
}

.custom-home-portfolio-item .thumb-info-inner { font-size: 1.4em; text-decoration: underline;}
.custom-home-portfolio-item a {color: white !important}
.custom-home-portfolio-item .thumb-info-type { background-color: transparent !important; letter-spacing: 0.1em; }

.bg-primary-1 { background-color: #522944!important; }
.bg-primary-2 { background-color: #49A382 !important; }

.overlay.overlay-op-0:hover:before, .overlay.overlay-op-0.overlay-show:before, .overlay.overlay-op-0.show:before {
	opacity: 0;
}

.about-header.page-header.page-header-modern.page-header-background.page-header-background-md {
    padding: 150px 0 200px 0px !important;
}

.page-header.page-header-modern.page-header-background.page-header-background-md {
    padding: 300px 0 300px 0px !important;
}

.page-header.page-header-modern.page-header-background.page-header-background-lg {
    padding: 150px 0 200px 0px !important;
}

@media (max-width: 1024px) {
	.page-header { margin: 0 !important }
	.page-header.page-header-modern.page-header-background.page-header-background-md { padding: 150px 0 150px 0px !important; }
}

.bg-home-about { 
	position: relative;
	z-index: 100;
	margin-top:-50px !important;
	background-image: url("../img/home/intro-section-BG.png");
	background-repeat: no-repeat;
  	background-size: cover;
	width:100%;
	background-position: top;
}

section.section { border-top: none !important; }

section.section.section-background {
    background-repeat: no-repeat !important;
    background-size: cover;
}

.img-fluid {width: 100%}

.bg-curated-01 {background-color:#077b7a !important }
.bg-lasttracks-01 {background-color:#f1ede7 !important }
.bg-westerninspect-01 {background-color:#1a1a1a !important }
.bg-discover-01 {background-color:#a2ae1a !important }


.btn-outline.btn-primary {
    color: #49A382 !important;
	border-color: #49A382 !important;
}

.btn-outline.btn-primary:hover,
.btn-outline.btn-primary.hover {
	color: white !important;
	background-color: #49A382 !important;
	border-color: #49A382 !important;
}