:root {
	--yellow: #FFB100;
	--dark-gray: #383836;
	--light-gray: #F7F7F7;
}

.main-content--landing {
	flex-grow: 1;
	width: 100%;
}

/*TYPES*/

.top-title {
	font-family: 'BioRhyme', serif;
	font-weight: 800;
	color: var(--yellow);
	text-transform: uppercase;
	font-size: 120px;
}

@media (max-width: 991px) {
	.top-title {
		font-size: 30px;
	}
}

.ban-title {
	font-family: 'BioRhyme', serif;
	font-weight: 800;
	color: var(--yellow);
	text-transform: uppercase;
	font-size: 100px;
}

@media (max-width: 991px) {
	.ban-title {
		text-align: center;
		font-size: 30px;
	}
}

.teaser-title {
	font-family: 'BioRhyme', serif;
	font-weight: 800;
	color: var(--dark-gray);
	text-transform: uppercase;
	font-size: 40px;
}

@media (max-width: 991px) {
	.teaser-title {
		font-size: 25px;
	}
}

.contact-form__title {
	font-family: 'BioRhyme', serif;
	font-weight: 800;
	color: var(--dark-gray);
	text-transform: uppercase;
	font-size: 60px;
}

@media (max-width: 991px) {
	.contact-form__title {
		font-size: 30px;	
	}
}


.footer-title--left {
	font-family: 'BioRhyme', serif;
	font-weight: 800;
	color: var(--yellow);
	text-transform: uppercase;
	font-size: 65px;
	padding-top: 32px;
}

@media (max-width: 991px) {
	.footer-title--left {
		font-size: 30px
	}
}

.footer-title--right {
	font-family: 'BioRhyme', serif;
	font-weight: 800;
	color: var(--dark-gray);
	text-transform: uppercase;
	font-size: 65px;
	padding-top: 14px;
}

@media (max-width: 991px) {
	.footer-title--right {
		font-size: 30px;	
	}
}


body {
	font-family: 'Opens Sans', sans-serif;
	font-size: 16px;
	color: var(--dark-gray);
}

@media (max-width: 991px) {
	body {	
		font-size: 14px;
		padding: 8px;	
	}
}


@font-face {
	font-family: 'Brownhill Script';
	src: url('/wp-content/themes/freddion/fonts/brownhill_script.woff2') format('woff2'),
	     url('/wp-content/themes/freddion/fonts/brownhill_script.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

.display-1 {
	font-family: 'Brownhill Script', serif;
	color: #fff;
	font-size: 149px;
}

@media (max-width: 991px) {
	.display-1 {
		font-size: 40px;

	}
}

.display-2 {
	font-family: 'Brownhill Script', serif;
	color: #fff;
	font-size: 200px;
	text-transform: initial;
    font-weight: 400;
}

@media (max-width: 991px) {
	.display-2 {
		font-size: 50px;

	}
}

.display-3 {
	font-family: 'BioRhyme', serif;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 26px;
} 

/*FIN TYPES*/

/*BTN */

.btn-custom {
	background-color: transparent;
	border: 4px solid var(--yellow);
	text-decoration: none !important;
	border-radius: 18px;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 26px;
	transition: 500ms all ease-in-out !important;
}

@media (max-width: 991px) {
	.btn-custom {
		font-size: 16px;	
	}
}

.btn-teaser {
	color: var(--dark-gray);
}

.btn-teaser:hover {
	background-color: var(--yellow);
	color: #fff;
}

.btn-ban {
	color: #fff;
}

.btn-ban:hover {
	background-color: var(--yellow);
	color: #fff !important;
}

.btn-arrow__white,
.btn-arrow__black {
	background-color: transparent;
    border: 4px solid var(--yellow);
    text-decoration: none !important;
    border-radius: 18px;
    padding: 24px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 26px;
    transition: 500ms all ease-in-out !important;
    position: relative;
    color: #fff;
}

@media (max-width: 991px) {
	.btn-arrow__white,
	.btn-arrow__black {
    	font-size: 16px;
	}
}

.btn-arrow__white:before,
.btn-arrow__black:before {
	position: absolute;
    left: -50px;
    bottom: 8px;
    transition: 250ms all ease-in-out !important;
}


.btn-arrow__white:before {
	content: url('/wp-content/themes/freddion/images/arrow-white.png');
}

.btn-arrow__black:before {
	content: url('/wp-content/themes/freddion/images/arrow-black.png');
}

.btn-arrow__black:hover:before,
.btn-arrow__white:hover:before {
	left: -35px;
    bottom: 8px;
}

.btn-form {
	color: var(--dark-gray);
}

.btn-form:hover {
	background-color: var(--yellow);
	color: var(--dark-gray);
}


.btn-footer {
	border: 4px solid #fff; 
	color: var(--dark-gray);
}

.btn-footer:hover {
	background-color: #fff;
	color: var(--dark-gray);
}

/*FIN BTN*/

/*HEADER*/
.main-content--landing,
.main-header--landing {
	position: relative;
}

.home-video-container {
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 100px;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

@media (max-width: 991px) {
	.home-video-container {
		background-position: center left 60%;
	}
}

.home-video-content {
	position: absolute;
	top: 40px;
}

.top-content .container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.top-content .container .display-1 {
	position: absolute;
	top: 32px;
}

.top-ban {
	width: 100%;
	position: absolute;
    bottom: 40px;
	z-index: 0;
}

.top-ban:before {
	content: "";
	background-color: rgba(0,0,0,0.7);
    position: absolute;
    width: 100%;
    height: 160px;
    top: 70px;
    z-index: -1;
}

@media (max-width: 991px) {
	.top-ban:before {
		height: 80px;
		top: 10px;
	}
}


.top-ban__content .container {
	display: flex;
	align-items: center;
	justify-content: center;
}


/* VIDEO*/


* { 
	box-sizing: border-box; 
}

.video-background {
  background: #000;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}

@media (max-width: 991px) {
	.video-background {
		display: none;
	}
}


.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}

@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}

/*FIN VIDEO */

/*FIN HEADER*/

/*TEASERS*/

.teasers-arbo {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    position: absolute;
    top: -150px;
}

.teasers-arbo img {
	width: 780px;
}

@media (max-width: 1200px) {
	.teasers-arbo img {
		display: none;
	}
}

.teasers {
	margin-top: 32px;
	padding-bottom: 32px;
}

@media (max-width: 991px) {
	.teasers {
		margin-top: 0;
	}
}

.teaser {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (max-width: 991px) {
	.teaser {
		margin-top: 40px;
		margin: 120px 40px;
	}
}

.teaser p {
	text-align: center;
	margin: 50px 0; 
}

@media (max-width: 991px) {
	.teaser img {
		width: 100px;
	}
}


/*FIN TEASERS*/

/*CONTENT-BAN*/

.content-ban {
	margin-top: 100px;	
}

.content-ban__img {
	height: 600px;
	width: 100%;
	display: flex;
	justify-content: center;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 0;
	overflow: hidden;
	position: relative;
}

.content-ban__img:before {
	content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 100%, transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.content-ban__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; 
}

.content-ban__text h3 {
	text-align: center;
	color: #fff;

}
/*FIN CONTENT-BAN */


/*CONTACT-FORM*/

.contact-form {
	position: relative;
	background-color: var(--light-gray);
	padding-bottom: 80px;
	padding-top: 80px;

}

#contact{
	padding:10px 0 10px;
}

.contact-text{
	margin:45px auto;
}

.mail-message-area{
	width:100%;
	padding:0 15px;
}

.mail-message{
	width: 100%;
	background:rgba(255,255,255, 0.8) !important;
	transition: all 0.7s;
	margin:0 auto;
	border-radius: 0;
}

.not-visible-message{
	height:0px;
	opacity: 0;
}

.visible-message{
	height:auto;
	opacity: 1;
	margin:25px auto 0;
}

.form{
	width: 100%;
	padding: 12px 16px;
	background:#fff;
	border:1px solid rgba(0, 0, 0, 0.075);
	color:#000 !important;
	font-weight: 600;
	font-size:13px;
	transition: all 0.4s;
	border-radius: 12px;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.form:hover{
	border:1px solid var(--yellow);
}

.form:focus{
	color: white;
	outline: none;
	border:1px solid var(--yellow);
}

.textarea{
	height: 150px;
	max-height: 150px;
	max-width: 100%;
}

.center{
	margin-top:330px;
}

input {
	/* position: relative; */
	/* z-index: 9999; */
}


@media (min-width: 991px) {
	.container {
	    width: 1170px !important;
	}
}

@media (max-width: 991px) {
	.contact-form {
	    padding: 40px 32px;
	}
}

.form-header {
	text-align: center;
}

.form-title {
	margin-top: 64px;
	margin-bottom: 16px;
	font-weight: 400;
	font-size: 32px;
}

.form-sub {
	margin-bottom: 32px;
	font-size: 16px;
}

.form-bg {
	background-color: #50b848;
    width: 100%;
    height: 180px;
    position: absolute;
    bottom: -32px;
}

.wpcf7-response-output {
	color: white;
    font-weight: 400;
    margin-left: 16px;
    margin-top: 4px;
}

.center {
	margin-top: 0;
}

.contact-form__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}

.contact-form__title:after {
	content: "";
    background-color: var(--yellow);
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    width: 300px;
    height: 5px;
    margin-top: 16px;
    margin-bottom: 32px;
}
/*FIN CONTACT-FORM*/

/*FOOTER*/

.left-side {
	background-color: var(--dark-gray);
}

@media (max-width: 991px) {
	.left-side {
		margin-bottom: 0;		
	}
}

@media (max-width: 468px) {
	.left-side {
		margin-bottom: -30px; 	
	}
}

.left-side__content {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	margin-right: 32px;
	padding-bottom: 80px;

}

.left-side img {
	border-bottom: 4px solid var(--yellow);
	padding: 20px 0px;
	margin-bottom: 64px;
}

@media (max-width: 991px) {
	.left-side img {
		width: 200px;	
	}
}

.left-side .address {
	margin-bottom: 32px;
}

.left-side p {
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	margin-bottom: 0;
}

.left-side .contact-info a {
	text-decoration: none;
	color: var(--yellow);
	text-transform: uppercase;
}

.right-side {
	background-color: var(--yellow);
}

.right-side .footer-title--right:after {
	content: "";
    background-color: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: start;
    width: 300px;
    height: 5px;
    margin-top: 16px;
}


.right-side__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-left: 32px;
	padding-bottom: 103px;
}

@media (max-width: 991px) {
	.right-side__content {
		padding-bottom: 166px;
	}
}

@media (max-width: 468px){
	.right-side__content {
		padding-bottom: 100px;
	}
}

.right-side .contact-form {
	background-color: transparent;
	padding-top: 16px;

}

.right-side .form {
	width: 500px;
}

@media (max-width: 991px) {
	.right-side .form {
		width: 270px;
	}
}

@media (max-width: 991px) {
	.right-side .contact-form {
		padding: 0;	
	}
}


.copyright-landing {
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
    height: 45px;
    text-transform: uppercase;
}

@media (max-width: 468px) {
	.copyright-landing {
    	height: 75px;
	}
}

.adn-signature__text {
	font-size: 11px !important;
}

.adn-signature__text a,
#adn-signature .adn-signature__logo svg {
	color: black;
}

@media (max-width: 991px) {
	.left-copyright {
		font-size: 12px;
    	margin-top: 8px;
	}
}

@media (min-width: 991px) {
	.right-copyright {
		display: flex;
    	align-items: center;
    	justify-content: flex-end;
	}
}


@media (min-width: 991px) {
	.footer-form-field {
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
}

#mc_embed_signup div.mce_inline_error {
	background-color: #383836 !important;
}

.right-side #mce-EMAIL,
.right-side #mce-FNAME,
.right-side #mce-LNAME {
	color: #000 !important;
	padding: 16px !important;
	background-color: #fff !important;
	border-color: transparent;
	margin-bottom: 16px !important;

}

/*SITE*/

.form-notice {
	margin-bottom: 16px;
	color: #000000;
	font-size: 0.75em;
}

.form-notice a {
	color: currentcolor;
	text-decoration: underline;
}

.page-template-landing-page .main-header,
.page-template-landing-page .main-footer,
.page-template-landing-page .shop_nav_content,
.page-template-landing-page .contact-us,
.page-template-landing-page .partners,
.page-template-landing-page .copyright {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent !important;
}