@charset "utf-8";
/* CSS Document */

body, html {
    height: 100%;
}

body {
	overflow-x: hidden;
}

html {
	overflow-x: visible!important;
	scroll-behavior: smooth;
}


/*FONTS*/
.primary-font-exp{
font-family: "bebas-neue-pro-expanded", sans-serif;
font-weight: 400;
font-style: normal;
}

.primary-font{
font-family: "bebas-neue-pro-semiexpanded", sans-serif;
font-weight: 400;
font-style: normal;
}

.primary-font-nar{
font-family: "bebas-neue-pro", sans-serif;
font-weight: 400;
font-style: normal;
}

.outline-font{
font-family: "acier-bat-outline", sans-serif;
font-weight: 400;
font-style: normal;
}

.noir-font{
font-family: "acier-bat-noir", sans-serif;
font-weight: 400;
font-style: normal;
}

.cursive-font{
font-family: lindsey-signature, sans-serif;
font-weight: 400;
font-style: normal;
}

.title-font{
font-family: "larken", sans-serif;
font-weight: 400;
font-style: normal;
}



/*GENERAL RULES*/
.z-to-front{
	z-index: 900;
}

.no-bullets{
	list-style-type:none!important;
}

.no-decoration{
	text-decoration: none!important;
}

.image-contain{
	object-fit: contain;
}

.image-cover{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.flip-pic{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.border-white{
	border-style: solid none solid none;
	border-width: thin;
	border-color: #eaeef4;
}

.border-grey{
	border-style: solid none solid none;
	border-width: thin;
	border-color: #1e2023;
}

.greyline{
	height: 3px;
	background-color: #1e2023;
}

.greylineThin{
	height: 1px;
	background-color: #1e2023;
}

.whiteline{
	height: 3px;
	background-color: #eaeef4;
}

.waypoint-vis{
	opacity: 0;
}


/*TEXT FORMATTING*/
 
.text-charcoal{
	color:#0b0c0c!important;
}

.text-darkgrey{
	color: #1e2023!important;
}

.text-lightgrey{
	color: #676b72!important;
}

.text-cream{
	color: #eaeef4!important;
}

.text-sideways{
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.xl-tracking{
	letter-spacing: 12px;
}

.large-tracking{
	letter-spacing: 9px;
}

.med-tracking{
	letter-spacing: 6px;
} 

.small-tracking{
	letter-spacing: 4px;
}

.xs-tracking{
	letter-spacing: 2px;
}

.xxs-tracking{
	letter-spacing: 1px;
}

.dropcap{
	float: left;
	font-size: 7rem;
	line-height: 0.75;
	margin: -0.1em, 0.1em, 0, 0;
}

.justify-text{
	text-align: justify;
  	text-justify: inter-word;
}

.text-shadow-sm {
color: #333333;
text-shadow: 2px 2px 0px #FFFFFF, 5px 4px 0px rgba(0,0,0,0.15);
}


/*LINK AND HOVER EFFECTS*/

.link-hover{
	text-decoration: none;
}

.link-hover:hover{
	text-decoration-line: overline;
	text-decoration-color: #9e0e12;
}

.texthover{
	opacity: 75%;
}

.texthover:hover{
	opacity: 100%;
}

.text-link-grey{
	color: #676b72!important;
}

.text-link-grey:hover{
	color: black!important;
}

.text-link-white{
	text-decoration: none;
	color: white!important;
}

.text-link-white:hover{
	text-decoration: underline;
}


/*BACKGROUNDS*/
.grey-bgnd{
	background-color: #393b3f!important;
}

.offwhite-bgnd{
	background-color: #dcdee2!important;
}

.light-grey-bgnd{
	background-color: #acb0b5!important;
}

.dark-grey-bgnd{
	background-color: #1f2021!important;
}

.mainBackground{ 
	background-color: #dcdee2;
	height: 100%;
	z-index: -2;
}

.mainBackgroundImg{ 
	background-image: url("images/candid/background-image-1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -100;
}


/*NAVIGATION*/
.nav-color.scrolled {
    background-color: #1f2021!important;
    transition: background-color 200ms linear;
}

.menu-hover{
	border-top-style: solid!important;
	border-top-color: transparent!important;
	border-top-width: thin!important;
}

.menu-hover:hover{
	border-top-style: solid;
	border-top-color: #dcdee2!important;
	border-top-width: thin;
}

.logo img{
	height: 4.3vmax;
}

.active{
	border-top-style: solid!important;
	border-top-color: #dcdee2!important;
	border-top-width: thin!important;
}

.sale-button{
	border: none;
	background-color: #dcdee2!important;
	color: #1f2021;
	border-radius: 3px;
}

.sale-button:hover{
	background-color: #acb0b5!important;
	color: white!important;
}

.saleActive{
	background-color:#acb0b5!important;
	color: white!important;
}


/*BUTTONS*/
.grey-arrow-button{
	border: none;
	background-color: #262728!important;
	color: #dcdee2;
	transition: 0.3s all ease-in-out;
	display: inline-block;
  	position: relative;
}

.grey-arrow-button:hover{
	background-color: #840707!important;
}

.grey-arrow-button:hover:after {
  opacity: 1;
  right: 15px;
  top: 0px;
  bottom: 0px;
  left: auto;
}

.grey-arrow-button:after {
  content: '»';
  position: absolute;
  opacity: 0;  
  margin: auto;
  padding-top: 2px;
  top: 0px;
  bottom: 0px;
  right: -20px;
  left: auto;
  transition: 0.5s;
}

.solid-btn{
	height: 48px;
}


.light-grey-solid-button{
	border: none;
	background-color: #acb0b5!important;
	color: #1b1c1c;
	border-radius: 3px;
}

.light-grey-solid-button:hover{
	background-color: #acb0b5!important;
	color: white!important;
}

.dark-grey-solid-button{
	border: none;
	background-color: #1b1c1c!important;
	color: #dcdee2;
	border-radius: 3px;
}

.dark-grey-solid-button:hover{
	background-color: #393b3f!important;
	color: white!important;
}

.curved-edges{
	border-radius: 10px;
}

.border-buttonGrey{
	border: solid medium!important;
	border-color: #0b0c0c!important;
	background-color: rgba(0,0,0,0.00)!important;
	color: #0b0c0c!important;
}

.border-buttonGrey:hover{
	background-color: rgba(0,0,0,0.1)!important;
	color: black!important;
}

.border-button{
	border: solid medium;
	border-color: #353535!important;
	background-color: rgba(0,0,0,0.00);
	color: #353535;
}

.border-button:hover{
	background-color: #353535!important;
	color: white; 
}

.border-btn{
	height: 43px;
}

.border-buttonFB{
	border: solid thin;
	border-color: #4267B2;
	background-color: rgba(0,0,0,0.00);
	color: #4267B2!important;
}

.border-buttonFB:hover{
	background-color: #4267B2!important;
	color: white!important;
}

/*OTHER CLASSES*/

.custom-position-subtitle{
	transform: translateY(-75px);
}

.slick-prev{
	z-index: 900!important;
}

.slick-next{
	z-index: 900!important;
}

.slick-prev:before {
	color: #1b1c1c!important;
}
.slick-next:before {
	color: #1b1c1c!important;
}

.slick-dots li button::before {
    font-size: 16px;
    color: #353535!important;
    opacity: 0.7;
	padding-top: 8px;
  }

.slick-dots li.slick-active button::before {
    color: #353535!important;
    opacity: 1;
	padding-top: 8px;
  }

.btn:active,
.btn:focus {
  box-shadow: 3px 3px 3px #353535!important;
}


/*MEDIA QUERIES*/

@media only screen and (max-width: 992px) {
	
  .custom-position-subtitle{
	transform: translateY(-50px);
}
}

@media only screen and (max-width: 576px) {
	
  .custom-position-subtitle{
	transform: translateY(-40px);
}
}