@charset "UTF-8";
@import "variables.css";
/* CSS Document */

/*html {
	scroll-behavior: smooth;
}*/

body {font-family: 'Outfit', sans-serif; color: #0d1319}
p, dl dd {font-weight: 300; line-height: 1.7rem; font-size: 1rem; margin-bottom: 2rem}
dl dd a {color: var(--charter)}
dl dd a:hover {color:var(--charter); text-decoration: underline}
dl dt {color: var(--greydark); font-weight: 400; font-size: 1rem}
a:hover {text-decoration: none}
h1 {font-family: var(--title)}
button:focus, a:focus, img:focus {outline: none}
@media (max-width: 575.98px) {
	h1 {font-size: 1.2rem}
	p {font-size: .85rem; line-height: 1.3rem}	
} 
@media (min-width: 576px) and (max-width: 767.98px) {
	h1 {font-size: 1.5rem}
	p {font-size: .9rem; line-height: 1.4rem}	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	h1 {font-size: 2rem}
	p {font-size: 1rem; line-height: 1.6rem}
}
.btn {padding: .6rem 2.2rem; border-width: 2px; border-style: solid; text-transform: uppercase; letter-spacing: var(--letterspace); font-size: .8rem; border-radius: 0; font-weight: 300}
@media (min-width: 576px) and (max-width: 991.98px) {
	.btn {padding: 1rem 2rem; font-size: .75rem}
	.btn.back {padding: .6rem 2.2rem .6rem 3rem;}
}
@media (max-width: 575.98px) {
	.btn {padding: .7rem 1.8rem; font-size: .7rem}
}
.btn.white {border-color: white; color: white;}
.btn.white:hover, .newsletter_form input[type="submit"]:hover {border-color:var(--charter); color: var(--charter);}
.btn.white.popup-video:hover {background-color: white; border:solid 2px white; color: var(--charter)}
.btn.white.full {background-color: white; color: var(--charter);}
.btn.back {position: fixed;z-index: 3;top: 1.5rem;right: 1.5rem;transition: var(--transition); padding-left: 3rem}
.btn.back:before {transition: var(--transition);display: block;position: absolute;background-image: url("images/chevronred.svg");content: "";height: 12px;width: 12px;background-size: 25px;background-repeat: no-repeat;background-position: 50%;transform: rotate(90deg);left: 1.3rem;top: .8rem;}
.btn.back:hover:before {left: 1rem;}
.btn.back:hover {border-color: transparent}

.btn.red {border-color: var(--charter); color: white;}
.btn.red.full {background-color: var(--charter); border: 0}
.btn.red:hover {border-color: var(--charter)}

.flag-container {justify-content: center; border: none; font-size: 2rem; margin: 2rem 0}
.flag-container .flag {background: none; border: solid 1px transparent; padding:1rem 1.5rem;}
.flag-container .flag img {display: block}
.flag-container .flag.active {border-color: #ccc; outline: none}
.modal-content {border-radius: 0; box-shadow: 0 0 90px rgba(0,0,0,.8); border: none}
.modal-heading .logo img {width: 200px; margin: 4rem auto 0; display: block;}
.modal-container {padding: 0 4rem 4rem; color:var(--txtintro)}
.modal-content p {margin-top: .2rem; margin-bottom: 2rem; line-height: normal;}
.modal-content p input, .modal-content p label {display: inline-block;}
.modal-content p label {width: 80%; vertical-align: top}
.modal-content p input {margin:0 10px 0; position: relative}
form.form-age {text-align: center; margin:2rem 0}
form.form-age > div {display: inline-block; margin: 0 1.5rem}
.modal-content strong {font-weight: 500}
.modal-content strong.welcome {text-transform: uppercase; color:#0d1319; display: block}
#consentModal {background: rgba(0,0,0,.5)}
.consent-yes {margin-top: 2rem}
btn.consent-yes:disabled {background-color: #303030}
@media (max-width: 991.98px) {
	.modal-heading .logo img {margin: 2rem auto 0; width: 150px}
	.flag-container {margin: 1rem 0}
	.flag-container .flag {padding: 1rem;}
	.modal-container {padding: 0 2rem 2rem}
	.modal-content p {margin-bottom: 1.5rem; font-size: .8rem}
	.consent-yes {margin-top: .5rem; padding: .5rem 2rem; font-size: .5rem}
}


header#header {position: fixed; top: 0; width: 100%; z-index: 5}
header#header .logo {background-color: var(--charter); height: 250px; width: 270px; position: absolute; top: 0; transform: translateX(-50%); left: 50%}
header#header .logo img {position: absolute; transform: var(--centered); top: 50%; left: 50%; width: 73%}
@media (max-width: 991.98px) {
	header#header .logo img {width: 80%}
}
.navbar.main_nav {
	background: white;
	transition: var(--transition);
}
.navbar.main_nav.is_active::after {
	content:'';
	width: 100%;
	position: absolute;
	z-index: -1;
	height: 100000000px;
	*background-color: rgba(0,0,0,.8);
}
#navbar_wrapper {width: 100%; padding:2rem 2rem 0;}
#navbar_wrapper img {width: 200px; display: block; margin: auto}
button.hamburger {display: block; height: 40px; width: 40px; background: white; border: none; position: relative; top: 1.5rem; left: 1.5rem; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s; transition: all ease-in .1s;}
button.hamburger:hover {background-color: var(--charter)}
button.hamburger, .btn.back {box-shadow:var(--boxshadow)}
button.hamburger:before, button.hamburger:after, button.hamburger span, button.closenav:before, button.closenav:after, button.mfp-close:before, button.mfp-close:after {height: 2px; font-size: 0; content: ""; display: block; background-color: var(--charter); width: 20px; position: absolute; transform: translateX(-50%); left: 50%;-moz-transition: all ease-in .15s; -o-transition: all ease-in .15s; transition: all ease-in .15s;} 
button.hamburger span {transform: translate(-50%,-50%); top: 50%;}
button.hamburger:before {top: .8rem}
button.hamburger:after {bottom: .8rem}
button.hamburger:hover > span {background-color: white}
button.hamburger:hover:after {bottom: .6rem; background-color: white;}
button.hamburger:hover:before {top: .6rem; background-color: white;}
body .mfp-iframe-holder button.mfp-close {width: 40px; height: 40px; font-size: 0; right:0}
body .mfp-iframe-holder {padding-top: 80px; padding-bottom: 80px}
body .mfp-iframe-holder .mfp-close {top: -60px;}
button.closenav {display: block; background: none; border: none; position: absolute; top: 1.5rem; right: 1.5rem; height: 40px; width: 40px;}
button.closenav:before, button.closenav:after, button.mfp-close:before, button.mfp-close:after {transform: translate(-50%, -50); left: 20%; top: 50%; -moz-transition: all ease-in .15s; -o-transition: all ease-in .15s; transition: all ease-in .15s;}
button.closenav:before, button.mfp-close:before {transform: rotate(45deg)}
button.closenav:after, button.mfp-close:after {transform: rotate(-45deg)}
button.closenav:hover:before, button.mfp-close:hover:before {transform: rotate(0deg)}
button.closenav:hover:after, button.mfp-close:hover:after {transform: rotate(0deg)}
#menu-header, #menu-header li {list-style: none; margin: 0; padding: 0;}
#menu-header li, #menu-header li a span {display: block}
#menu-header li a {text-transform: uppercase;color: var(--black); display: block; font-weight: 300; font-family: var(--title); font-size: 1.3rem}
#menu-header li a span {letter-spacing: var(--letterspace); font-family: 'Outfit', sans-serif; font-size: .7rem}

@media (min-width: 992px) {
	#menu-header, #menu-header li {text-align: center}
	#menu-header li {display: inline-block}
	.navbar.main_nav {width: 100%; top: -1000%;	position: absolute;}
	.navbar.main_nav.is_active {top: 0;}
}
@media (min-width: 992px) and (max-width:1159.98px) {
	#menu-header li a {padding: 2rem; font-size: 1.2rem}
}

@media (min-width: 1160px) {
	#menu-header li a {padding: 2rem 3rem;}
}

@media (max-width: 991.98px) {
	.navbar.main_nav {top: 0; height: 100Vh; left: -100%; position: fixed; text-align: center}
	.navbar.main_nav.is_active {left: 0; box-shadow: 0 0 150px rgba(0,0,0,.5)}
	#navbar_wrapper img {margin-bottom: 2.5rem;}
	#menu-header li a {padding: 1rem 0}
	#navbar_wrapper {height: 100Vh; width: 300px}
	.nav_content {	position: absolute;transform: translate(-50%,-50%);left: 50%;top: 48%;}	
}

@media (min-width: 576px) and (max-width:991.98px) {
	header#header .logo {height: 200px; width: 220px;}
}

@media (max-width: 991.98px) {
	header#header .logo {height: 140px; width: 170px;}
}


@-webkit-keyframes arrow-scroll_down {
  from {
    bottom: 5rem; }
  10% {
    bottom: 4.5rem; }
  20% {
    bottom: 5rem; }	
  80% {
    bottom: 5rem; }
  90% {
    bottom: 4.5rem; }
  100% {
    bottom: 5rem; }	

}

@keyframes arrow-scroll_down {
  from {
    bottom: 5rem; }
  10% {
    bottom: 4.5rem; }
  20% {
    bottom: 5rem; }	
  80% {
    bottom: 5rem; }
  90% {
    bottom: 4.5rem; }
  100% {
    bottom: 5rem; }	
	
}



#video-heading {position: fixed; top: 0; z-index: 0; display: flex; height: 72Vh; width: 100%}
.page-template-chateau-la-dominique #video-heading, .page-template-relais-la-dominique #video-heading {height: 100Vh;}
@media (orientation: landscape) {
	.page-template-chateau-la-dominique #video-heading, .page-template-relais-la-dominique #video-heading {min-height: 800px}
}
.page-template-chateau-la-dominique #video-heading:before, .page-template-relais-la-dominique #video-heading:before, .page-template-equipe #video-heading:before, .anchor, .page-template-page-parente #video-heading:before, .page-template-contact #video-heading:before, .page-template-page-nos-vins #video-heading:before, .page-template-page-explorer-terroir #video-heading:before, .page-template-visiter-chateau #video-heading:before {content: ""; display: block; position: absolute; transform: translateX(-50%); left: 50%; z-index: 2}
.page-template-chateau-la-dominique #video-heading:before, .page-template-relais-la-dominique #video-heading:before, .page-template-equipe #video-heading:before, .page-template-page-parente #video-heading:before, .page-template-contact #video-heading:before, .page-template-page-nos-vins #video-heading:before, .page-template-page-explorer-terroir #video-heading:before, .page-template-visiter-chateau #video-heading:before {height: 40px; width: 2px; background-color: var(--charter); bottom: 0;}

.page-template-equipe .anchor {height: 15px; width: 35px}
.anchor {bottom: 5rem; margin-left: .25rem; height: 15px; width: 35px; background-image: url("images/chevron.svg"); background-size: contain; background-repeat: no-repeat; display: block;
	-webkit-animation-name: arrow-scroll_down;
	animation-name: arrow-scroll_down;
	-webkit-animation-duration: 1.5s;
	animation-duration:  1.5s;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
	-webkit-animation-direction: normal;
	animation-direction: normal;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation-play-state: running;}

.anchor:hover {
animation-play-state: paused;
}
@media (max-width:991.98px) {
	.anchor {height: 10px; width: 30px; margin-left: .3rem}
}
#video-heading.fullH {height: 100Vh; position: fixed; width: 100%; top: 0; z-index: 1;}

#video-heading.fullH {min-height: 700px}
@media (max-width: 991.98px) {
	.home #video-heading.fullH {min-height: 780px;}
}
@media (min-width: 992px) {
	.home #video-heading.fullH {min-height: 600px;}
}
@media (max-width:1199.98px) {
	#video-heading.fullH {height: 92Vh;}
	body.home #video-heading.fullH {height: 100Vh;}
}
@media (max-width: 575.98px) {
	body.home #video-heading.fullH {min-height: 800px}
}
#video-heading video {width: 100%; object-fit: cover}
#hero-blog {height: 600px;}
#hero-blog > img {width: 100%; height: 100%; object-fit: cover; object-position: 50%;}
.home #video-heading .btn {position: absolute; white-space: nowrap}
@media (min-width: 992px) {
	.home #video-heading .btn {transform: var(--centered); top: 50%; left: 50%;}
}
@media (max-width: 991.98px) {
	.home #video-heading .btn {transform: translateX(-50%); left: 50%; bottom: 120px}
}
#video-heading .summary {height: 450px; width: 450px; background-color: var(--charteropacity); position: absolute; transform: var(--centered); top: 50%; left: 50%; z-index: 3;}
#video-heading .summary > div {transform: var(--centered); top: 50%; left: 50%; width: 80%; color: white; position: absolute; text-align: center}
#video-heading .summary > div ul {list-style: none; margin: 1.5rem 0 0; padding: 0; font-size: 1.3rem; letter-spacing: var(--letterspace); font-weight: 200}
#video-heading .summary > div ul li:after {content: "-"; margin: 0 2rem; display: block}
#video-heading .summary > div ul li:last-child:after {content: none}
#video-heading .summary > div h1 {font-size: 3rem}
#video-heading .summary > div h1 span {display: block;font-family: 'Outfit', sans-serif;font-size: 1rem; font-weight: 300; letter-spacing: var(--letterspace); text-transform: uppercase}
#video-heading .summary > div a {color: white}
#video-heading .pagers, #video-heading nav {position: absolute; z-index: 2; width: 100%}
@media (min-width: 991px) {
	#video-heading .pagers {transform: var(--centered); top: 50%; left: 50%;}
}
#video-heading .pagers a, #video-heading nav ul li a {display: block; color: white; font-family: var(--title); font-size: 1.5rem;text-transform: uppercase; line-height: normal; position: relative}
#video-heading .pagers a:after {content: ""; width: 55px; height: 2px; background-color: white; display: block; position: absolute; transform: translateY(-50%); top: 50%}
#video-heading .pagers a:before {position: absolute; transform: translateY(-50%); top: 50%; background-image: url("images/arrow.svg"); background-size: cover; height: 20px; width: 11px; content: ""; transition: var(--transition)}
#video-heading .pagers a span, #video-heading nav ul li a span {display: block; font-size: .8rem; font-weight: 300; letter-spacing: var(--letterspace);font-family: 'Outfit', sans-serif;}
#video-heading .pagers a:first-child {float: left; text-align: left;padding: 3rem 3rem 3rem 9rem;}
#video-heading .pagers a:first-child:after {left: 0}
#video-heading .pagers a:first-child:before {left: 85px; transform: var(--centered) rotate(180deg)}
@media (min-width: 1200px) {#video-heading .pagers a:first-child:hover:before {left: 75px}}
#video-heading .pagers a:nth-child(2) {float: right; text-align: right;padding: 3rem 9rem 3rem 3rem;}
#video-heading .pagers a:nth-child(2):after {right: 0;}
#video-heading .pagers a:nth-child(2):before {right: 85px}
@media (max-width:991.98px) {
	#video-heading .pagers a:before {height: 15px; width: 8px}
	#video-heading .pagers a::after {height: 1px; width: 10px;}
}
@media (min-width: 992px) {
	#video-heading nav {bottom: 120px}
	#video-heading nav ul li a {position: relative;}
	#video-heading nav ul li a:after {content: ""; display: block; height: 2px; background-color: var(--charter); width: 0; position: absolute; transform: translateX(-50%); left: 50%; bottom: -20px; transition: var(--transition)}
	#video-heading nav ul li:hover a:after {width: 50px;}
}

@media (max-width: 991.98px) {
	#video-heading nav {top: 170px}
}
#video-heading nav ul {margin: auto; padding: 0; text-align: center; font-size: 0; max-width: 1500px}
#video-heading nav ul li {display: inline-block; width: 20%}
#video-heading nav ul li a {font-size: 1.5rem; line-height: 1.6rem;}
#video-heading nav ul li a span {font-size: .75rem;}

@media (max-width:1300px) {
}
@media (max-width:991.98px) {
	#video-heading nav ul li {display: block; width: 100%; padding: 1rem 0}
	#video-heading nav ul li a {font-size: 1.2rem; line-height: 1.4rem;}
	#video-heading nav ul li a span {font-size: .65rem}
}

#video-heading .social {position: absolute; bottom: 20px; right: 20px; color: white; z-index: 2;}
#video-heading .social a {color: white; font-size: 1.5rem; margin-left: 2rem}
@media (max-width:991.98px) {
	#video-heading .social {transform: translateX(-50%); left: 50%; right: auto}
}

@media (min-width: 1200px) {#video-heading .pagers a:nth-child(2):hover:before {right: 75px}}

@media (max-width:498.99px) {
	#video-heading .summary {height: 300px; width: 300px}	
	#video-heading .summary > div h1 span {font-size: .7rem}
	#video-heading .summary > div h1 {font-size: 2.1rem}
	#video-heading .summary > div ul {font-size: .9rem}
}

@media (min-width:500px) and (max-width:1499.98px) {
	#video-heading .summary {height: 350px; width: 350px}
	#video-heading .summary > div h1 span {font-size: .9rem}
	#video-heading .summary > div h1 {font-size: 2.7rem}
	#video-heading .summary > div ul {font-size: 1.3rem}
}

@media (min-width:991.98px) and (max-width:1199.98px) {
	#video-heading .pagers a {font-size: 1.5rem}
	#video-heading .pagers a span {font-size: .8rem}
}
@media (max-width:991.98px) {
	#video-heading .pagers a {font-size: 1rem}
	#video-heading .pagers a span {font-size: .7rem}
	#video-heading .pagers a:after {width: 10px}
}
@media (min-width:992px) and  (max-width:1199.98px) {
	#video-heading .pagers a:after {width: 15px}
}
@media (max-width:1199.98px) {
	#video-heading .pagers {transform: translateX(-50%); left: 50%; bottom: 20px}
	#video-heading .pagers a:first-child {padding: 2rem 0 2rem 3rem;}
	#video-heading .pagers a:nth-child(2) {padding: 2rem 3rem 2rem 0;}	
	#video-heading .pagers a:first-child::before {left: 25px;}
	#video-heading .pagers a:nth-child(2)::before {right: 25px;}
}

#child-container {position: relative; z-index: 2;display: flex;flex-wrap: wrap;}
#child-container > div:first-child {padding: 5rem; background: var(--grey); text-align: center;  display: flex; flex: 0 0 100%; justify-content: center;}

#child-container .child-content {position: relative}
#child-container .child-content a {position: relative;display: block;color: var(--charter);margin: auto;}
#child-container .child-content img {object-fit: cover;width: 100%;height: 100%;object-position: center;}
#child-container .child-content span {display: inline-block;white-space: nowrap;padding: .7rem 2.3rem;background-color: white;text-transform: uppercase;position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;z-index: 2;font-size: .8rem;letter-spacing: var(--letterspace);}

.child-wine-content.left {background: var(--greyblack)}
.child-wine-content.right {background: var(--charter)}
.child-wine-content {text-align: center; padding: 5rem; color: white}
.child-wine-content a {color: white; display: flex; align-items: center; flex: 0 100%}
.child-wine-content a div, .child-wine-content a img {display: flex; flex-wrap: wrap; flex: 0 50%}
.child-wine-content a img {max-width: 200px; margin: 0 10%; height: auto}
.child-wine-content.right a img {order: 2}
.child-wine-content a strong {display: block; font-size: 1.3rem; font-weight: 300; text-transform: uppercase; margin-bottom: 3rem; width: 100%}
.child-wine-content a span {color: var(--charter);display: block; margin: auto; width: 220px;white-space: nowrap;padding: .7rem 2.3rem;background-color: white;text-transform: uppercase;font-size: .8rem;letter-spacing: var(--letterspace);}

@media (min-width: 1260px) and (max-width:1430px) {
	.child-wine-content a img {width: 150px; margin: 0 10%}
}

@media (min-width: 1200px) and (max-width:1259.98px) {
	.child-wine-content a img {margin: 0 5% 0; width: 150px}
}
@media (max-width: 1259.98px) {
	.child-wine-content a strong {font-size: 1.1rem; }
	.child-wine-content a span {width: 170px}
}
@media (max-width: 1199.98px) {
	.child-wine-content a, .child-wine-content a div, .child-wine-content a img {display: flex; flex-wrap: wrap; justify-content: center}
	.child-wine-content a img {width: 100%; max-width: 130px}
	.child-wine-content a div, .child-wine-content a div * {flex: 0 0 100%;}
	.child-wine-content.right a div {order: 2}
}

/**

.wrapper {margin: auto; background-color: white}

@media (min-width:1799.98px) {
	.wrapper {margin: 0 auto; padding: 0 70px}
}

@media (min-width: 1400px) and (max-width:1800px) {
	.wrapper {max-width: 1380px}
}

@media (min-width: 1200px) and (max-width:1399.98px) {
	.wrapper {max-width: 1170px}
}

@media (min-width: 992px) and (max-width:1199.98px) {
	.wrapper {max-width: 910px}
}

**/


@media (min-width: 992px) {
	#titlesquare {width: 340px; height: 315px;}
}


#introbloc #introbloccms p {margin: 2rem 0; color: var(--txtintro); font-size: 1.1rem; line-height: normal}
#titlesquare {color: white; background-color: var(--charter);box-shadow: var(--boxshadow);}


	#titlesquare {position: absolute; transform: translateX(-50%); left: 50%; top: -250px;}
	#titlesquare * {position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%}

#introbloc {background-color: var(--grey); text-align: center; position: relative; z-index: 2}
@media (min-width: 768px) and (max-width: 991.98px) {
	#titlesquare {width: 200px; height: 200px; top: -150px;}
	#titlesquare h1 {font-size: 1.5rem;}
	#introbloc #introbloccms p {font-size: 1rem}
}

@media (max-width: 767.98px) {
	#titlesquare {width: 150px; height: 150px; top: -120px;}
	#titlesquare h1 {font-size: 1.3rem;}
	#introbloc #introbloccms p {font-size: .9rem}
}
#wrapper {background-color: white; position: relative; margin-top: 72Vh;}
.page-template-relais-la-dominique #wrapper, .page-template-chateau-la-dominique #wrapper, #video-heading.fullH + #wrapper, .page-template-relais-la-dominique #wrapper, .page-template-relais-la-dominique #wrapper, #video-heading.fullH + #wrapper {margin-top: 100Vh}
.bloc-full-image {position: relative; z-index: 2;height: 100Vh; max-height: 850px; background-size: cover;}
@media (min-width: 992px) {
	#introbloc {padding: 5rem;}
	.bloc-full-image {background-attachment: fixed}
	
}
@media (max-width: 767.98px) {
	#introbloc {padding: 1.5rem}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	#introbloc {padding: 3rem}
}

@media (min-width: 1200px) {
	#introbloc #introbloccms {width: 1000px;}
}
#introbloc #introbloccms {margin: auto;}
#introbloc #introbloccms span.date {padding-top: 1rem; display: block}
.bloc-editorial-content {background: white; position: relative; z-index: 2}
.img {object-fit: cover; width: 100%; height: 100%; object-position: center}
.bloc-editorial-content .editorial {width: 55%; padding: 3rem 0;}
.bloc-editorial-content .editorial p {font-weight: 200}
.bloc-editorial-content .editorial h2 {margin-bottom: 3rem;font-family: var(--title); font-size: 2.3rem}
.bloc-editorial-content .editorial h2:before {content: ""; display: block; height: 3px; background-color: var(--charter); width: 45px; margin-bottom: 1.5rem}
.bloc-editorial-content .editorial.text-center h2:before {margin-left: auto; margin-right: auto}
.flexible-content.gallery {font-size: 0; padding-bottom: 3rem; text-align: center}
.flexible-content.gallery img {width: 33.3333%}
@media (max-width: 991.98px) {
	.flexible-content.gallery img {width: 50%}
	.bloc-editorial-content .img-bloc {order: -1}
}

@media (max-width: 767.98px) {
	.bloc-editorial-content .editorial h2 {font-size: 1.7rem; margin-bottom: 1.5rem;}
	.bloc-editorial-content .editorial {width: 85%}
}

.bloc-editorial-content.editorial-hero {position: relative; height: 850px;}
.bloc-editorial-content.editorial-hero > img {width: 100%; height: 100%; object-fit: cover;}
.bloc-editorial-content.editorial-hero .editorial {position: absolute; background-color: white; max-width: 550px; width: 100%; padding: 3.5rem;}

@media (max-width: 991.98px) {
	.bloc-editorial-content.editorial-hero .editorial {transform: translate(-50%,-50%); top: 50%; left: 50%;}
}
@media (min-width: 992px) {
	.bloc-editorial-content.editorial-hero .editorial {transform: translateY(-50%); top: 50%; right: 10rem;}
}

#crossarticle {display: flex; background-color: var(--grey); padding: 1rem; position: relative; z-index: 2}
#crossarticle h3 {padding: 5rem; font-family: var(--title); font-size: 2.5rem}
#crossarticle a {position: relative; display: block; color:  var(--charter); margin: auto; max-width: 650px}

@media (max-width: 767.98px) {
	#crossarticle h3 {padding: 1.5rem; font-size: 1.5rem}
}
@media (min-width: 1200px) {
	#crossarticle a {padding:5rem 2rem 5rem 2rem;}
}
@media (min-width:576px) and (max-width: 1199.98px) {
	#crossarticle a {padding:2rem;}
}
@media (max-width: 575.98px) {
	#crossarticle a {padding:1rem;}
}
#crossarticle a span {display: inline-block; white-space: nowrap; padding: .7rem 2.3rem; background-color: white; text-transform: uppercase; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; z-index: 2; font-size: .8rem; letter-spacing: var(--letterspace)}

.box-name {transform: var(--centered); top: 50%; left: 50%; position: absolute; border: solid 2px var(--charter); height: 540px; width: 540px}
.page-template-chateau-la-dominique .box-name, .page-template-relais-la-dominique .box-name {height: 450px; width: 500px}
.box-name > div {position: absolute;transform: var(--centered); top: 50%; left: 50%; color: white; text-align: center; width: 90%}
.box-name > div h1 {text-transform: uppercase;}

@media (max-width: 767.98px) {
	.box-name > div h1 {font-size: 1.6rem}
}
.box-name > div h2 {text-transform: uppercase; font-weight: 300; font-size: 1.1rem; letter-spacing: var(--letterspace); margin: 3rem 0 4rem;}
@media (max-width: 575.98px) {
	.page-template-chateau-la-dominique .box-name, .page-template-relais-la-dominique .box-name {width: 340px; height: 340px;}
	.box-name > div h2 {font-size: .75rem}
} 
@media (min-width: 576px) and (max-width: 767.98px) {
	.box-name > div h2 {font-size: .9rem}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.box-name > div h2 {font-size: 1rem}
}
.domain-name-container {background-color: #262626}
@media (max-width: 991.98px) {
	.domain-name-container {height: 75Vh; min-height: 600px}
}

@media (min-width: 992px) {
	.domain-name-container {min-height: 800px}
}

@media (max-width: 575.98px) {
	.domain-name-container {height: 525px;}
}


.product-slides .slick-prev, .product-slides .slick-next {background-color: white; border: none; position: absolute; z-index: 2; font-size: 0; height: 50px; width: 50px; top: 30%}  
@media (max-width: 575.98px) {
.product-slides .slick-prev, .product-slides .slick-next {top: 300px}
}

.product-slides {background-color: white}
.product-slides .slick-prev {left: 40px;}
.product-slides .slick-prev:before, .product-slides .slick-next:before {display: block; position: absolute; transform: var(--centered); top: 25%; background-image: url("images/chevronred.svg"); content: ""; height: 25px; width: 25px; background-size: 25px; background-repeat: no-repeat; background-position: 50%;}
.product-slides .slick-prev:before {transform: rotate(90deg); left: 25%}
.product-slides .slick-next:before {transform: rotate(-90deg); right: 25%}
.product-slides .slick-next {right:40px}

.product-slides .vintage-pic {position: absolute; transform: var(--centered); left: 50%; top: 50%;}
.product-slides .vintage-pic div:before {content: ""; border: solid 3px var(--charter); height: 300px; width: 300px; display: block; position: absolute; transform: var(--centered); left: 50%; top: 55%; z-index: -1}
.product-slides .vintage-pic img {height: 600px; width: auto; margin: auto; position: relative; right: -1rem}
.product-slides .vintage-pic div {position: relative;}
.product-slides .vintage-pic div a:focus, .product-slides .vintage-pic div a:active, .product-slides .vintage-pic div a:focus:active, button:focus:active, button:focus {border: none; box-shadow: none; color: transparent}
.product-slides .vintage-pic div a img:focus, .product-slides .vintage-pic div a img:active, .product-slides .vintage-pic div a img:focus:active {border: none; box-shadow: none; outline: none}
.product-slides .vintage-pic div span {position: absolute; top: 11rem; right: 1rem;font-family: var(--title); font-size: 3.5rem}
span.domain-name {display: block; text-align: center; text-transform: uppercase; letter-spacing: var(--letterspace); font-size: 1.5rem; font-weight: 300; padding-bottom: 3rem}
span.domain-name, .product-slides .vintage-pic span {position: relative; color: white; z-index: 2; white-space: nowrap}
select.vintage-selector {background: white; background-image: url("images/chevronred.svg"); background-size: 16px; background-repeat: no-repeat; background-position: 90%; border: solid 1px var(--greydark); padding: .7rem 4rem .7rem 1rem; color: var(--txtintro); font-size: 1rem; margin: 2rem 0; -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;}

#relais {background: #f2f2f2 url("images/bg-relais.jpg"); background-size: cover; text-align: center; position: relative}
@media (min-width: 768px) {
	#relais {height: 90Vh; min-height: 800px;}
}
#relais > div > div > div > span {font-size: 1.2rem; font-weight: 300; color: var(--greydark)}
#relais > div > div > img {max-width: 300px}
#relais h4 {font-family: var(--title); font-size: 2rem; margin: 2.5rem 0 3.5rem; text-transform: uppercase}
#relais h4 > span {font-family: 'Outfit', sans-serif; text-transform: uppercase; font-size: 1rem; letter-spacing: var(--letterspace); display: block; margin-top: 1.5rem; font-weight: 300}
@media (min-width: 768px) {
	#relais > div {position: absolute; transform: var(--centered); top: 50%; left: 50%; width: 100%}
}
#relais > div > div:first-child {background-color: white; text-align: center;height: 500px; width: 550px; position: relative}
#relais > div > div:first-child > div {position: absolute; transform: var(--centered); top: 50%; left: 50%; width: 80%; max-width: 300px}

#relais > div > div:first-child, #relais > div > div:nth-child(2) {display: inline-block; vertical-align: middle;}

@media (max-width: 767.98px) {
	#relais {padding: 3rem}
	#relais > div, #relais > div > div:first-child,  #relais > div > div:nth-child(2) {display: flex; justify-content: center}  
	#relais > div {flex-wrap: wrap}
	#relais > div > div:first-child, #relais > div > div:nth-child(2) {flex: 0 0 100%; max-width: 400px}
}

@media (min-width: 1380px) {
	#relais > div > div:nth-child(2) {margin-left: 15%}
	#relais > div > div:first-child {margin-right: 15%}
}

@media (min-width: 768px) and (max-width: 1379.98px) {	
	#relais > div > div:nth-child(2) {margin-left: 5%}
	#relais > div > div:first-child {margin-right: 5%}
}
@media (max-width: 1379.98px) {	
	#relais > div > div:first-child > span {font-size: 1rem}
	#relais h4 {font-size: 1.7rem; margin: 1.5rem 0 2.5rem}
	#relais h4 > span {font-size: .8rem}
}
@media (min-width:768px) and (max-width:1199.98px) {
	#relais > div > div:first-child {width: 400px; height: 450px;}
	#relais > div > div:nth-child(2) img {width: 140px}
}
@media (max-width: 767.98px) {
	#relais > div > div:nth-child(2) img {width: 100px; margin-bottom: 2rem}
	#relais > div > div:nth-child(2) {order: -1;}
	#relais > div > div:first-child {height: 400px}
}
.vintage-container {background-color: white}
@media (min-width: 992px) {
	.product-slides .vintage-content {position:absolute; transform: var(--centered); top: 50%; left: 50%; width: 100%;}	
}
.product-slides .vintage-content {padding: 5rem 0; text-align: center; width: 70%; margin: auto}
@media (max-width: 575.98px) {
	.product-slides .vintage-content {width: 100%; padding: 2rem}
}
.product-slides .vintage-content h3 {font-family: var(--title); color: var(--charter); font-size: 2.2rem; margin-bottom: 2rem;}
.product-slides .vintage-content p, .product-slides .vintage-content dl {line-height: 1.5rem; font-size: 1rem}
.cta .btn {box-shadow: var(--boxshadow); margin: 0 1rem; font-size: .8rem; border: none}
.cta .btn:first-of-type {color: var(--charter)}

@media (min-width:1370px) and (max-width:1670px) {
	.box-vintage .cta .btn {margin: 0 .5rem; padding: .8rem 1.5rem}
}

@media (min-width:768px) and (max-width:1370px) {
	.box-vintage .cta .btn {margin: .5rem 0; padding: .8rem 1.5rem; width: 100%; display: block;}
} 

@media (max-width: 1199.98px) {
	.product-slides .vintage-content p, .product-slides .vintage-content dl dd, .product-slides .vintage-content dl dt {line-height: 1.1rem; font-size: .9rem}
	.product-slides .vintage-content p, .product-slides .vintage-content dl dd {margin-bottom: 1rem}
	.product-slides .vintage-content h3 {font-size: 2rem; margin-bottom: 1.5rem}
	.cta .btn {margin: 1rem .5rem 0; font-size: .7rem; padding: .6rem 1rem}
	span.domain-name {padding-bottom: 2.5rem; font-size: 1.2rem}
	.product-slides .slick-prev, .product-slides .slick-next {height: 40px; width: 40px}
	.product-slides .slick-prev:before, .product-slides .slick-next:before {background-size: 20px; top: 20%}
	.product-slides .slick-prev::before {left: 15%}
	.product-slides .slick-next::before {right: 15%}
}

@media (min-width: 576px) and (max-width: 1199.98px) {
	.product-slides .vintage-pic img {height: 550px}
	.box-name {width: 440px; height: 440px}
	.product-slides .vintage-pic div span {top: 8.5rem; right: 0}
}
	
	
@media (max-width: 575.98px) {
	.product-slides .vintage-pic img {height: 450px}
	.product-slides .vintage-pic div span {top: 9rem; right: 2.5rem; font-size: 2.5rem;}
	.product-slides .vintage-pic div::before {width: 200px; height: 200px}
	.box-name {width: 340px; height: 340px;}
}

@media (min-width: 992px) {
	.product-slides .slick-prev, .product-slides .slick-next {transform: translateY(-50%); top: 60%;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {	
	.product-slides .slick-prev {left: 40px;}
	.product-slides .slick-next {left:calc(50% - 80px)}	
}

@media (min-width: 1400px) {
	.product-slides .slick-next {left:calc(50% - 150px)}
	.product-slides .slick-prev {left: 100px;}
}
@media (min-width: 992px) and (max-width:1399.98px) {
	.product-slides .slick-next {left:calc(50% - 100px)}
	.product-slides .slick-prev {left: 50px;}
}

#vintage-heading {background-image: url("images/bg-vin.jpg"); background-size: cover; padding: 12rem 0; position: relative}
#vintage-heading a.btn-nav {display: block; background-color: white; background-image: url("images/chevronred.svg"); background-position: 50%; background-size: 25px; background-repeat: no-repeat; height: 50px; width: 50px; transform: translateY(-50%); top: 47%; position: absolute; box-shadow: var(--boxshadow)}
#vintage-heading a.btn-nav.prev {left: 3%; transform: rotate(90deg)}
#vintage-heading a.btn-nav.next {right: 3%; transform: rotate(-90deg)}
#vintage-heading .box-vintage {max-width: 1750px; width: 80%; background: white; margin: auto; height: 600px; display: flex; align-items: center}
#vintage-heading .box-vintage > div {display: flex; flex-wrap: wrap; justify-content: center}
#vintage-heading .box-vintage > div:first-child {text-align: center}
#vintage-heading .box-vintage > div:first-child, #vintage-heading .box-vintage > div:last-child {width: 40%; padding: 5rem 2.5rem}
#vintage-heading .box-vintage > div:last-child {justify-content:flex-start; padding-right: 5rem}
#vintage-heading .box-vintage > div:last-child > span {font-family: var(--title); font-size: 2rem; margin-bottom: 1rem; font-weight: 100}
#vintage-heading .box-vintage > div:last-child p {margin-top: 2rem}
@media (max-width: 767.98px) {
	#vintage-heading .box-vintage > div:last-child p {margin-bottom: 0}
}
#vintage-heading .box-vintage > div:last-child p + div {display: none}
#vintage-heading .box-vintage > div:last-child p + div a {width: 100%; display: block}
@media (max-width: 767.98px) {
	#vintage-heading .box-vintage > div:last-child p + div {display: block; margin: 1rem auto 2rem; max-width: 300px; width: 100%}
	#vintage-heading .box-vintage > div:last-child p + div a.btn {margin-top: .5rem}
}
#vintage-heading .box-vintage > div:last-child > div {width: 100%}
#vintage-heading .box-vintage.all-vintage > div:last-child {text-align: center}
#vintage-heading .box-vintage > div:last-child p strong {font-weight: 600}
#vintage-heading .box-vintage > div:nth-child(2) {width: 20%}
#vintage-heading .box-vintage > div:nth-child(2) img {position: relative; top: -4.5rem; height: auto; width: 100%; max-width: 270px}
#vintage-heading .box-vintage.all-vintage > div:nth-child(2) img {top: auto}
#vintage-heading .box-vintage h1 {font-size: 2rem}
#vintage-heading .box-vintage h1, #vintage-heading .box-vintage h2, #vintage-heading .box-vintage h2 + span {text-transform: uppercase; width: 100%}
#vintage-heading .box-vintage h2 {font-weight: 200; font-size: 1.4rem; margin: 2rem 0}
#vintage-heading .box-vintage h2 + span {display: block; color: var(--txtintro); line-height: normal; font-size: 1.1rem; font-weight: 200; margin: 2rem 0; width: 100%; max-width: 100%}
#vintage-heading .box-vintage h2 + span strong {font-family: var(--title); color: var(--charter); display: block; font-size: 5rem; font-weight: 100}
#vintage-heading .box-vintage h2 + span strong.smaller {font-size: 4rem}
#vintage-heading .box-vintage div video {width: 100%}
@media (min-width: 768px) {
	#vintage-heading .box-vintage div video {max-width: 400px}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
	#vintage-heading a.btn-nav {width: 40px; height: 40px; background-size: 20px}
	#vintage-heading .box-vintage h1, #vintage-heading .box-vintage > div:last-child > span {font-size: 1.5rem;}
	#vintage-heading .box-vintage h2 {font-size: 1rem; margin: 0;}
	#vintage-heading .box-vintage > div:nth-child(2) img {width: 230px}
	#vintage-heading .box-vintage h2 + span strong {font-size: 4.5rem;}
	#vintage-heading .box-vintage h2 + span {font-size: 1rem;}
	#vintage-heading .box-vintage > div:last-child {padding-right: 2.5rem}
	#vintage-heading .box-vintage {height: 550px}
	}
@media (max-width: 767.98px) {
	#vintage-heading {padding: 3rem; position: inherit}
	#vintage-heading .box-vintage {height: auto; flex-wrap: wrap; width: 100%;}
	#vintage-heading .box-vintage > div:first-child, #vintage-heading .box-vintage > div:last-child, #vintage-heading .box-vintage > div:nth-child(2) {width: 100%;}
	#vintage-heading .box-vintage > div:first-child {padding: 2.5rem 2.5rem 0 2.5rem}
	#vintage-heading .box-vintage > div:nth-child(2) {padding:0 2.5rem}
	#vintage-heading .box-vintage > div:last-child {padding:0 2.5rem}
	#vintage-heading .box-vintage > div:first-child h1, #vintage-heading .box-vintage > div:first-child h2, #vintage-heading .box-vintage > div:first-child span, #vintage-heading .box-vintage > div:first-child .cta {width: 100%}
	#vintage-heading .box-vintage > div:first-child .cta {display: none;}
	@media (min-width: 768px) { 
		#vintage-heading .box-vintage > div:first-child .cta {display: block}
	}
	#vintage-heading .box-vintage > div:first-child h1 {font-size: 1.5rem}
	#vintage-heading .box-vintage > div:first-child h2 {font-size: .8rem; margin: .5rem 0 1.5rem}
	#vintage-heading .box-vintage h2 + span strong {font-size: 3.5rem;}
	#vintage-heading .box-vintage h2 + span {margin: 0}
	#vintage-heading .box-vintage > div {flex: 0 0 100%}
	#vintage-heading .box-vintage > div:nth-child(2) img {width: 150px; top: auto}
	#vintage-heading a.btn-nav {top: 50%}
	#vintage-heading .anchor {display: none;}
	#vintage-heading a.btn-nav {height: 30px; width: 30px; background-size: 15px}
}

@media (min-width:480px) and (max-width:767.98px) {
	#vintage-heading .box-vintage > div:first-child .cta .btn {width: 50%}
	}
@media (max-width:479.98px) {
	#vintage-heading .box-vintage > div:first-child .cta .btn {width: 100%}
	#vintage-heading .box-vintage > div:last-child > span {font-size: 2rem}
	}

#accords {position: relative}
#accords > img {width: 100%; height: 100%; object-fit: cover; object-position: left}
#accords .box {background-color: white; width: 570px; height: auto; padding: 5rem; display: flex; justify-content: center; align-items: center}
@media (min-width:1300px) {
	#accords .box {width: 770px}
}
@media (min-width:992px) {
	#accords {height: 90Vh; min-height: 600px;}
	#accords .box {position: absolute; transform: translateY(-50%); top: 50%; right: 8rem; }
}
@media (max-width: 991.98px) {
	#accords .box {width: auto; padding: 3rem}
}
#accords .box h3 {font-family: var(--title); font-size: 2.5rem; margin-bottom: 2.5rem}
#accords .box .btn {margin-top: 1rem}

#team-container {padding: 5rem 1.5rem 10rem 1.5rem; margin: auto; z-index: 3; position: relative; background-color: white;}
@media (max-width: 991.98px) {
	#team-container {padding: 5rem 1.5rem 0;}
}
#team-container > div {max-width: 1600px; margin: auto}
@media (min-width:1500px) {
	#team-container {padding: 5rem 5rem 10rem 5rem}
}
@media (min-width:992px) {
	#team-container > div > div > div:nth-child(2n) {bottom: -15rem}
}


@media (min-width:992px) {
	.contact-bloc {position: relative; padding: 15rem 0 0}
	.contact-bloc > div {position: absolute; }
}
@media (min-width:992px) and (max-width:1999.98px) {
	.contact-bloc > div {top: 0rem; left: 3rem;}
}
@media (min-width:1200px) {
	.contact-bloc > div {top: 3rem; left: 3rem;}
	}
.contact-bloc > div a {color: var(--charter)}
.contact-bloc > div address, .contact-bloc > div p {font-weight: 200; font-size: 1.3rem}

@media (max-width: 767.98px) {
	.contact-bloc > div address, .contact-bloc > div p {font-size: .9rem}
}

.contact-bloc img {width: 100%; max-width: 1500px; margin: auto; height: auto; display: block}

.team-content img {width: 100%;}
.team-content {padding: 2.5rem; display: block}
a.team-content {color: var(--greyblack); text-decoration: none}
.team-content .shadow {padding: 4.5rem; margin: 0 3rem; background-color: white; position: relative; z-index: 1; top: -3rem}
.team-content .shadow h2:before {content: ""; width: 3px; height: 100px; background-color: var(--charter); display: block; position: absolute; left: 0; top: -8rem}
.team-content .shadow h2 {font-family: var(--title); font-size: 2.2rem; margin-bottom: 2rem; position: relative}
.team-content .shadow h2 span {display: block; font-weight: 200; text-transform: uppercase; font-family: 'Outfit', sans-serif; font-size: 1.2rem}
@media (max-width: 575.98px) {
	.team-content {padding: 0;}
	.team-content .shadow h2 {font-size: 1.5rem}
	.team-content .shadow h2 span {font-size: .9rem}
}

.team-content .shadow p:last-of-type {margin-bottom: 0}

@media (max-width:1199.98px) {
	.team-content .shadow {margin: 0 1.5rem; padding: 2.5rem}
	.team-content .shadow h2::before {height: 65px; top: -5rem}
}


#tips {background-color: var(--grey); padding: 2rem 4rem; text-align: center; position: relative; z-index: 2}
#tips .tips-container {padding: 3rem 0; display: flex; height: 100%; flex-wrap: wrap; width: 80%; margin: auto; max-width: 350px; align-items: flex-start}
#tips .modal-content.tips-content, .tipsmodalcontainer .modal-content.tips-content {padding: 2.5rem}

#tips .tips-container > div {display: flex; flex: 0 0 100%; flex-wrap: wrap}
#tips .tips-container > div:first-child {align-items: flex-start; color: var(--txtintro)}
.modal-content.tips-content p {color: var(--txtintro)}
#tips .tips-container > div:first-child > div:first-child {height: 230px; display: flex; flex: 1 0 0}
#tips .tips-container > div:first-child > div img {margin: auto}
#tips .tips-container > div:nth-child(2) {align-items: flex-start;}
#tips .tips-container > div span, .modal-content.tips-content h5 {display: block; text-align: center; font-family: var(--title); font-size: 1.8rem; width: 100%; margin-bottom: 1.1rem; color: var(--dark)}
.modal-content.tips-content img {margin: auto auto 1.5rem auto; display: block}
#tips .tips-container > div p, .modal-content.tips-content p {font-size: 1.1rem; line-height: 1.5rem;}
.modal-content.tips-content p {margin-bottom: 1.5rem}
.modal-content.tips-content p:last-of-type {margin-bottom: 0}
#tips .tips-container > div {display: flex; flex: 0 0 100%; flex-wrap: wrap}
#tips .tips-container > div:last-child {align-self: flex-end}
#tips .tips-container > div a.btn {margin: auto; box-shadow: var(--boxshadow)}



.tips-content button {position: absolute; right: 0; top: 0; padding: .5rem; opacity: 1}
.tips-content button span {color: var(--charter)}

@media (max-width: 991.98px) {
	#tips .tips-container {padding: 0}
	#tips .tips-container > div:first-child p, .modal-content.tips-content p {font-size: .9rem; line-height: normal}
	#tips .tips-container > div span {font-size: 1.5rem; margin-bottom: 1rem;}
	#tips .tips-container > div a.btn {font-size: .7rem;padding: .6rem 1rem;}
}

#footer {padding: 5rem 2.5rem; background-color: white; position: relative; z-index: 2;}



#footer .wrapper-translations {position: absolute; bottom: 0; right: 0}
@media (min-width:610px) and (max-width: 991.98px) {
	#footer .wrapper-translations {bottom: 2rem;}
}
@media (max-width: 609.98px) {
	#footer .wrapper-translations {bottom:0; left: 15px}
}
#footer > div {max-width: 1400px; position: relative; border-top: solid 1px #ebebeb; padding-top: 3rem;}
#footer .social {text-align: right; font-family: var(--title); font-size: 1.5rem}
#footer .social a {font-size: 2rem; color: var(--greydark); margin-left: 1rem; display: inline-block; vertical-align: middle}
#footer .social a:first-of-type {margin-left: 2rem}
#footer .bottom-links {margin: 0; padding: 2rem 4rem 0 0; text-align: left; list-style: none; font-size: 0;}
#footer .bottom-links li {display: inline-block; padding: 0 .5rem; color: var(--greydark); text-transform: uppercase; font-size: .8rem}
#footer .bottom-links li:last-child:after {content: none}
#footer .bottom-links li:after {content: "|"; margin-left: 1rem}
#footer .bottom-links a {color: var(--greydark); text-transform: uppercase; font-size: .8rem;}
@media (max-width: 1245px) {
	#footer .bottom-links a {font-size: .7rem}
}
@media (max-width: 991.98px) {
	#footer .social {order: -1; text-align: center; padding: 1rem 0}
	#footer {padding: 1rem;}
	#footer .bottom-links {padding: 2rem 0; margin-top: 2rem; border-top: solid 1px var(--greydark)}
}

#video-heading .wrapper-translations {position: absolute; bottom: 30px; left: 20px; z-index: 2}

.newsletter_form {position: relative}
.newsletter_form .gform_footer.top_label {position: absolute; top: 0; padding: 0!important; margin: 0!important}

@media (min-width: 1140px) {
	.newsletter_form .gform_footer.top_label {left: 550px;} 
}
@media (max-width: 1139.98px) {
	.newsletter_form .gform_footer.top_label {right:2px;} 
}
body .gform_wrapper .gform_validation_errors {border-radius: 0; border-width: 1px; box-shadow: none;}
.newsletter_form input[type="submit"] {box-shadow: var(--boxshadow); background-color: white;color: var(--charter); border: none; height: 47px}
.newsletter_form input[type="submit"]:active { background-color: white !important; color: var(--charter) !important;}
.newsletter_form input[type="submit"]:active:focus {box-shadow: var(--boxshadow) !important}
.gform_wrapper.gravity-theme .gfield.newsletter_field {}
.gform_wrapper.gravity-theme .gfield.newsletter_field label, .gform_wrapper.gravity-theme .gfield.newsletter_field .ginput_container.ginput_container_email {display: inline-block; vertical-align: middle;}
.gform_wrapper.gravity-theme .gfield.newsletter_field label {font-family: var(--title);font-size: 1.5rem; font-weight: normal; margin: 0 2rem 0 0}

@media (max-width: 1199.98px) {
	.gform_wrapper.gravity-theme .gfield.newsletter_field label, #footer .social {font-size: 1.2rem;}
	#footer .social a {font-size: 1.5rem}
	.gfield_consent_label {font-size: .9rem}
	#footer .social a {margin-left: .5rem}
}

@media (max-width: 655px) {
	.gform_wrapper.gravity-theme .gfield.newsletter_field label, .gform_wrapper.gravity-theme .gfield.newsletter_field .ginput_container.ginput_container_email {display: block}
	.gform_wrapper.gravity-theme .gfield.newsletter_field label {margin: auto; padding-bottom: .5rem; text-align: center}
	.newsletter_form .gform_footer.top_label {top: 2.3rem}
	.social {text-align: center}
	.social a {margin: .5rem;}
	.social span {display: block;}
}

.gform_wrapper.gravity-theme .gfield.newsletter_field input.large[type="text"] {height: 50px; width: 200px; border-color: var(--greydark); border-width: 1px; border-style: solid; padding: .5rem 1rem; border-radius: 0}
.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description, .gform_wrapper.gravity-theme .gfield_consent_description {border: none!important; font-weight: 300; line-height: normal; color: var(--greydark); padding: 0!important}


@media (min-width: 655px) and (max-width:991.98px) {
	.gform_wrapper.gravity-theme .gfield.newsletter_field input.large[type="text"] {width: 100%}
}
@media (min-width: 1200px) {
	.gform_wrapper.gravity-theme .gfield.newsletter_field input.large[type="text"] {width: 100%}
}