/*
Theme Name: Template La Barde Montfort
Theme URI: https://www.labardemontfort..com/
Description: Theme La Barde Montfort
Version: 1.0
Author: Elodie B.
Author URI: https://www.elodieberger.com/
Text Domain: La Barde Montfort
*/
@font-face {
font-family: 'UtopiaStd-Regular';
src: url(fonts/UtopiaStd-Regular.eot);
src: url(fonts/UtopiaStd-Regular.eot?#iefix) format('embedded-opentype'),
url(fonts/UtopiaStd-Regular.ttf) format('truetype'),
url(fonts/UtopiaStd-Regular.woff) format('woff'),
url(fonts/UtopiaStd-Regular.woff2) format('woff2');
}
@font-face {
font-family: 'UtopiaStd-DispIt';
src: url(fonts/UtopiaStd-DispIt.eot);
src: url(fonts/UtopiaStd-DispIt.eot?#iefix) format('embedded-opentype'),
url(fonts/UtopiaStd-DispIt.ttf) format('truetype'),
url(fonts/UtopiaStd-DispIt.woff) format('woff'),
url(fonts/UtopiaStd-DispIt.woff2) format('woff2');
}
:root {
--GreyDark: #2d333c;
--GreyMedium: #363E4C;
--GreyLight: #566276;
--Dore: #BBA253;
--DoreLight: #cdb466;
--DoreDark: #9a833c;
--carousel-slide-width: 60%;
--carousel-button-color: currentColor;
--carousel-button-bg: transparent;
--carousel-button-border-radius: 50%;
--carousel-button-shadow: none;
--fancybox-color: #fff;
--fancybox-bg: rgba(24, 24, 27, 0.92);
--fancybox-content-color: #374151;
--fancybox-content-bg: #fff;
--fancybox-opacity: 1;
--fancybox-accent-color: #BBA253;
--fancybox-thumbs-border-radius: 4px;
--fancybox-thumbs-width: 96px;
--fancybox-thumbs-ratio: 1.5;
--fancybox-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
--carousel-button-height: 48px;
}
/* GENERAL */
html {font-size: 10px;}
body {font-size: 16px;line-height: 1.4; color: var(--GreyMedium); background-color: #fff; font-family: "Roboto Flex", sans-serif;font-optical-sizing: auto; font-weight: 300; font-style: normal; font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712;}
p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: var(--Dore);text-decoration: none;}
.m-text a:not(.btn) {border-bottom: 1px dotted var(--Dore);}
.m-text a:not(.btn):hover {border-bottom-style: solid; background-color: #f8f6ef;}
.bg-dore .m-text a:not(.btn) {border-color: #fff; color: #fff;}
.bg-dore .m-text a:not(.btn):hover {background-color: #d6ba60;}
.m-text {font-size: .9em;}
@media (min-width: 480px) {
.m-text {font-size: 1em;}
}
b, strong {font-weight:700;}
h1, .h1 {color: var(--GreyDark); font-size: 1.6em; margin-bottom: .8em;font-family: 'UtopiaStd-Regular'; font-weight: normal;line-height: 1em;}
h2 {color: var(--GreyMedium); font-size: 1.7em; margin-bottom: .4em;font-family: 'UtopiaStd-Regular';font-weight: normal;line-height: 1em;}
h3 {color: var(--GreyMedium); font-size: 1.1em; margin-bottom: .5em;font-family: 'UtopiaStd-Regular';font-weight: normal;line-height: 1em;}
@media (min-width: 480px) {
h1, .h1 {font-size: 2.2em;}
h2 {font-size: 2em;}
.h2-xs {font-size: 3em;}
h3 {font-size: 1.2em;}
}
@media (min-width: 768px) {
h1, .h1 {font-size: 2.75em;}
h2 {font-size: 2.6em;}
.h2-xs {font-size: 2.2em;}
h3 {font-size: 1.25em;}
}
@media (min-width: 992px) {
h1, .h1 {font-size: 3em;}
h2 {font-size: 2.7em;}
.h2-xs {font-size: 2.4em;}
.h2-xl {font-size: 3em;}
h3 {font-size: 1.3em;}
}
@media (min-width: 1200px) {
h1, .h1 {font-size: 3.6em;}
h2 {font-size: 2.8em;}
.h2-xs {font-size: 2.6em;}
.h2-xl {font-size: 3.45em;}
h3 {font-size: 1.35em;}
}
@media (min-width: 1500px) {
h1, .h1 {font-size: 3.75em;}
h2 {font-size: 3.125em;}
.h2-xs {font-size: 2.7em;}
.h2-xl {font-size: 3.75em;}
h3 {font-size: 1.4em;}
}
.sublabel {font-family: 'UtopiaStd-DispIt';font-size: 1.15em; color: var(--GreyMedium);position: relative; padding-left: 61px; margin-bottom: .1em;}
.sublabel span span {color: var(--Dore);}
.sublabel:before {content: ""; width: 52px; height: 2px; background-color: var(--Dore); display: inline-block; position: absolute; top: 9px; left: 0;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.sublabel.lazylate:before {width: 1px;}
.sublabel.lazylate-on:before {width: 52px;}
.sublabel > span {opacity: 1;}
.sublabel.lazylate > span {-webkit-transition: all .3s .4s; transition: all .3s .4s;opacity: 0;}
.sublabel.lazylate-on > span {opacity: 1;}
@media (min-width: 480px) {
.sublabel {font-size: 1.25em;padding-left: 91px;}
.sublabel:before {top: 11px;}
.sublabel.lazylate-on:before,
.sublabel:before {width: 82px;}
}
/* LAZY LOAD */
.iis-lazy-loaded {opacity: 0;transform: translateY(150px); animation: lazy-loaded 0.8s ease forwards;}
.iis-lazy-on {opacity: 1;transform: translateY(0); animation: none;}
@keyframes lazy-loaded {to { transform: translateY(0); opacity: 1;}}
.m-text table {width:100%;border:0;max-width:100%;}
.m-text table td, .m-text table th {padding:.8em .9em;border: 1px solid var(--GreyMedium);font-size: .9em;vertical-align: middle;}
.m-text table thead th, .m-text table thead td {padding:.9em;background-color: var(--GreyMedium); color: #fff; font-weight: 400;}
.m-text ul {padding-left: 0; list-style: none;}
.m-text li {position: relative; padding-left: 1em;margin-bottom: .3em;}
.m-text li:before {position: absolute;content: ""; width: 7px; height: 7px; border-radius: 50%;left: 1px; top: 7px;background-color: var(--GreyMedium);}
.m-text .list-unstyled li {padding-left: 0;}
.m-text .list-unstyled li:before {content: none;}
.m-text blockquote {font-size: 1.2em; padding-left: 32px;font-family: 'UtopiaStd-DispIt'; margin: 0;position: relative; color: var(--GreyLight);}
.m-text blockquote:before {width: 24px; height: 24px;left: 0; top: 0; content: ""; position: absolute; display: inline-block; opacity: .5;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;}
.m-text blockquote p {}
.nocomments {display: none;}
.alignleft {float:left; margin:0 15px 8px 0;}
.alignright {float:right; margin:0 0 8px 15px;}
img.aligncenter {display: block; margin: 0 auto;}
.wp-caption {display: inline-block; max-width: 100%;}
.wp-caption img {margin-bottom:.5rem;line-height:1;}
.wp-caption .wp-caption-text {font-size: .8em; font-style: italic; margin: 0;}
.m-section--color {padding: 2em 0 1em;}
.m-text--color {padding: 1.7em 2em .7em;}
.m-text img {max-width: 100%; height: auto;}
.m-text iframe, .m-text object {max-width: 100%;}
.img-fluid img, .img-fluid source {max-width: 100%; height: auto;}
hr {border: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);margin-top: 1em; margin-bottom: 1.6em;}
.has-transi {-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.btn, #submit {padding: .8em 3em .8em 1.4em; font-weight: 400; font-size: 15px; text-align: center; background: var(--Dore) url("images/arrow-right-white.svg") no-repeat right 15px top 50%; color: #fff; border-radius: 4px; margin-bottom: 0;position: relative;}
.btn:before {content: ""; border: 2px solid var(--Dore); position: absolute;border-radius: 5px; top: 0; left: 0; right: 0; bottom: 0;-webkit-transition: all .2s 0s; transition: all .2s 0s;}
.btn:hover, #submit:hover {color: #fff;background-color: var(--DoreLight);text-decoration: none;}
.btn:hover:before {top: -3px; left: -3px; right: -3px; bottom: -3px; border-color: var(--DoreLight);}
.btn--dark {background-color: var(--GreyMedium);color: #fff; background-image: url("images/arrow-right-white.svg");}
.btn--dark:before {border-color: var(--GreyMedium);}
.btn--dark:hover {background-color: var(--GreyDark);background-image: url("images/arrow-right-white.svg");}
.btn--dark:hover:before {border-color: var(--GreyDark);}
.btn--white {background-color: #fff;color: var(--GreyDark); background-image: url("images/arrow-right-dark.svg");}
.btn--white:before {border-color: #fff;}
.btn--white:hover {background-color: var(--GreyDark);background-image: url("images/arrow-right-white.svg");}
.btn--white:hover:before {border-color: var(--GreyDark);}
@media (min-width: 480px) {
.btn, #submit {font-size: 16px;}
}
@media (min-width: 992px) {
img.lefttoright {position: relative;opacity: 0;-webkit-transform: translateX(-50px); transform: translateX(-50px);-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
img.lefttoright.lazy-loaded {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;}
img.righttoleft {position: relative;opacity: 0;-webkit-transform: translateX(50px); transform: translateX(50px);-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
img.righttoleft.lazy-loaded {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;}
}
.bg-dore {background-color: var(--Dore);}
.bg-anthracite {background-color: var(--GreyMedium);}
.bg-dore,
.bg-anthracite,
.bg-dore h2,
.bg-anthracite h1,
.bg-anthracite h2,
.bg-dore h3,
.bg-anthracite h3 {color: #fff;}
.bg-dore li:before,
.bg-anthracite li:before {background-color: #fff;}
.bg-dore .sublabel,
.bg-anthracite .sublabel {color: #fff;}
.bg-dore .sublabel span span,
.bg-anthracite .sublabel span span {color: var(--Dore);}
.bg-dore .sublabel:before {background-color: #fff;}
.m-section-text.bg-dore,
.m-section-text.bg-anthracite {padding: 3em 0 2.5em;}
@media (min-width: 1200px) {
.m-section-text.bg-dore,
.m-section-text.bg-anthracite {padding: 5em 0 4.5em;}
}
.m-section.has-m {background-image: url("images/M-alpha-dore.webp"); background-repeat: no-repeat; background-position: right bottom; background-size: 400px auto;}
.m-section.bg-dore.has-m,
.m-section.bg-anthracite.has-m {background-image: url("images/M-alpha.webp");}
@media (min-width: 480px) {
.m-section.has-m {background-size: 700px auto;}
}
/* ******************************* HEADER */
.page-header {background: #fff; z-index: 999; left: 0; right: 0; top: 0;}
.page-header-top {position: absolute;}
.page-header-scroll {position: fixed; box-shadow: 0 1px 3px rgba(0, 0, 0, .2);}
.header-logo a {display: inline-block;}
.header-logo a:hover, .header-logo a:focus {text-decoration: none;}
.page-header-top .header-dflex {height: 80px;}
.page-header-scroll .header-dflex {height: 70px;}
.header-languages {position: relative;z-index: 998; margin-right: 110px; margin-left: 15px;}
.header-languages ul {margin: 0;padding: 0;list-style: none;}
.header-languages a {display: block;padding: 3px 6px;}
@media (min-width: 480px) {
.header-contact a {display: inline-block;}
.header-contact a:hover {color: var(--GreyMedium);}
.header-contact svg {display: inline-block; vertical-align: middle; margin-right: 4px;}
.header-contact svg path {fill: var(--Dore); stroke: var(--Dore);}
.header-contact a:hover svg path {fill: var(--GreyMedium);stroke: var(--GreyMedium);}
}
@media (min-width: 480px) and (max-width: 767px) {
.header-contact svg {width: 24px; height: 23px;}
}
@media (min-width: 768px) {
.header-contact span {font-weight: 500; display: inline-block; vertical-align: middle;}
}
@media (min-width: 992px) {
.header-booking .btn {margin-right: 12px;}
.header-logo {position: absolute; left: 50%; margin-left: -100px;}
.page-header-top .header-dflex {height: 90px;}
.page-header-scroll .header-dflex {height: 80px;}
.header-contact span {font-size: .95em;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-booking .btn,
.header-booking span {font-size: 14px;}
}
@media (min-width: 1200px) {
.header-contact span {font-size: 1.25em;}
}
.breadcrumb {font-size: 12px; padding: 3em 0; color: #fff;font-weight: 200;}
.nointro .breadcrumb {color: var(--GreyMedium);}
.breadcrumb a {margin: 0 5px;color: #fff;}
.nointro .breadcrumb a {color: var(--GreyMedium);}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb span:first-child > span:first-child > a {margin-left: 0;}
.breadcrumb_last {margin-left: 5px; font-weight: 500;}
/* ******************************* NAV */
body.nav-is-open {overflow: hidden;}
.nav-toggle {display: block;z-index: 9999;right: 15px; padding-right: 55px; cursor: pointer;}
.nav-toggle span {color: var(--GreyDark); position: absolute; left: 40px; top: 7px; font-weight: 500;}
.page-header-top + .nav-toggle {position: absolute;top: 22px;}
.page-header-scroll + .nav-toggle {position: fixed;top: 17px;}
.nav-icon {width: 32px; cursor: pointer;}
.nav-icon:after,
.nav-icon:before,
.nav-icon div {background-color: var(--GreyDark); -webkit-border-radius: 3px; border-radius: 3px; content: ''; display: block; height: 4px; margin: 6px 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.nav-toggle.is-open .nav-icon:before {transform: translateY(10px) rotate(135deg); -webkit-transform: translateY(10px) rotate(135deg); }
.nav-toggle.is-open .nav-icon:after {transform: translateY(-10px) rotate(-135deg); -webkit-transform: translateY(-10px) rotate(-135deg); }
.nav-toggle.is-open .nav-icon div {-webkit-transform: scale(0); transform: scale(0); }
@media (min-width:768px) {
.nav-toggle {right: auto; left: 50%; margin-left: 259px;}
}
@media (min-width:992px) {
.nav-toggle {margin-left: 378px;}
.page-header-top + .nav-toggle {top: 26px;}
.page-header-scroll + .nav-toggle {top: 22px;}
}
@media (min-width:1200px) {
.nav-toggle {margin-left: 468px;}
}
@media (min-width:1500px) {
.nav-toggle {margin-left: 548px;}
}
.main-nav {position: fixed; left: 0; right: 0; bottom: 0; overflow-y:scroll;z-index: 999;background-color: var(--GreyMedium);}
.page-header-top + .nav-toggle + .main-nav {top: 80px;}
.page-header-scroll + .nav-toggle + .main-nav {top: 70px;}
.main-nav.is-open {display: flex !important;flex-direction: column;justify-content: space-between;}
.nav-top {position: relative; flex: 1; padding: 40px 0;background: url("images/pattern-archi.webp") no-repeat right bottom;background-size: 350px auto;}
.nav-bottom {background-color: var(--GreyDark); padding: 40px 0 100px;}
.nav-contact {color: #fff;}
.nav-contact p {margin-bottom: 1.2em;}
.nav-contact a:not(.btn) {color: #fff;}
.nav-contact a:not(.btn):hover {color: var(--Dore);}
@media (min-width: 480px) {
.nav-top {background-size: 470px auto;}
}
@media (min-width: 992px) {
.page-header-top + .nav-toggle + .main-nav {top: 90px;}
.page-header-scroll + .nav-toggle + .main-nav {top: 80px;}
.nav-top {background-size: auto auto;}
.nav-bottom {padding-bottom: 40px;}
.nav-contact .d-flex > * {margin-right: 80px; margin-bottom: 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.nav-socials {text-align: right; width: 120px;}
.nav-contact .contact-adress,
.nav-contact .contact-tel {width: 240px; margin-right: 100px;}
}
@media (min-width: 1200px) {
.nav-subtitle {font-size: 1.3125em;color: var(--Dore);font-weight: 500; margin-bottom: .8em;}
.nav-contact .d-flex > * {margin-right: 42px;}
}
@media (min-width: 1500px) {
.nav-contact .d-flex > * {margin-right: 80px;}
}
.main-nav ul {margin: 0; padding: 0;}
ul.nav-menu a {display: inline-block;position: relative;}
ul.nav-menu {margin: 0;text-align: center;}
ul.nav-menu li { display:block;position: relative;}
ul.nav-menu a:hover {text-decoration: none;}
ul.nav-menu > li > a {font-size: 1.3125em;color: var(--Dore);font-weight: 500; margin-bottom: .8em;}
ul.nav-menu > li > a:hover {color: #fff;}
ul.nav-menu a:after {content: "";opacity: 0; display: inline-block; position: absolute; -webkit-transition: all .2s 0s; transition: all .2s 0s;background-size: cover !important;}
ul.nav-menu li > a:after {width: 18px; height: 17px; right: -10px; top: 6px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;}
ul.nav-menu li > a:hover:after {opacity: 1; right: -26px;background-image: url("data:image/svg+xml;charset=utf8,");}
ul.nav-menu ul.sub-menu li > a:after {width: 15px; height: 14px; right: -10px; top: 4px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;}
ul.nav-menu ul.sub-menu li > a:hover:after {opacity: 1; right: -23px;background-image: url("data:image/svg+xml;charset=utf8,");}
ul.nav-menu ul.sub-menu {display: none;}
ul.nav-menu ul.sub-menu > li {margin-bottom: .8em;}
ul.nav-menu ul.sub-menu li a {color: #fff;}
ul.nav-menu ul.sub-menu li a span {font-family: 'UtopiaStd-DispIt';display: inline-block;position: relative; padding-left: 13px;}
ul.nav-menu ul.sub-menu li a span:before {content: ""; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; display: inline-block; position: absolute; top: 8px; left: 3px;}
ul.nav-menu ul.sub-menu li > a:hover span:before {background-color: var(--Dore);}
ul.nav-menu ul.sub-menu li a:hover {color: var(--Dore);}
@media (min-width: 992px) {
ul.nav-menu {text-align: left;}
ul.nav-menu ul.sub-menu {display: block;}
}
@media (min-width: 992px) and (min-height: 800px) {
ul.nav-menu > li > a {margin-bottom: 1.3em;}
ul.nav-menu ul.sub-menu > li {margin-bottom: 1.3em;}
}
/* ******************************* FOOTER */
.mobile-booking {position: fixed; left: 0; right: 0; bottom: 0; z-index: 99999; background-color: var(--Dore); text-align: center;padding: 10px 15px;}
.mobile-booking .btn {margin-right: 10px;font-size: 14px;}
.mobile-booking span {color: #fff; font-weight: 500;font-size: 14px;text-shadow: 0 0 5px rgba(93, 77, 28, 1), 1px 1px 2px rgba(93, 77, 28, 1);}
.page-footer {background-color: var(--GreyMedium);color: #fff;padding-top: 30px;}
body.home .page-footer {position: relative; margin-top: -10px;}
.footer-subtitle {font-weight: 600;margin-bottom: .8em;}
.footer-contact a {color: #fff;}
.footer-contact a:hover {color: var(--Dore);}
.contact-adress {font-size: 0.875em;padding-left: 30px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;background-size: 24px 24px;}
.contact-mail {font-size: 0.875em;padding-left: 30px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 center;background-size: 20px 16px;}
.contact-mail:hover {background-image: url("data:image/svg+xml;charset=utf8,");}
.contact-tel {font-size: 0.875em;padding-left: 30px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 center;background-size: 18px 18px;}
.contact-tel:hover {background-image: url("data:image/svg+xml;charset=utf8,");}
.footer-links ul li {font-size: 0.875em;margin-bottom: .9em;}
.footer-links ul li a {color: #fff;}
.footer-links ul li a:hover {text-decoration: underline;}
.footer-reviews .ti-widget .ti-widget-container {margin: 0 !important;}
.footer-reviews .ti-widget a.ti-header {padding: 15px;}
.footer-reviews .ti-widget.ti-goog a.ti-header:hover,
.footer-reviews .ti-widget.ti-trip a.ti-header:hover,
.footer-reviews .ti-widget.ti-book a.ti-header:hover {background: var(--GreyMedium) !important;}
.footer-reviews .ti-widget .ti-text {color: #c8d5ea !important; font-weight: 400 !important;font-size: 14px !important;}
.footer-reviews .ti-widget.ti-goog .source-Google .ti-star.f {background-image: url("images/google-star.svg") !important;}
.footer-reviews .ti-widget.ti-goog .ti-large-logo {height: 25px; width: 100px; background: url("images/logo-google.svg") no-repeat 0 0; background-size: auto 25px;}
.footer-reviews .ti-widget.ti-goog .ti-large-logo img {display: none !important;}
.footer-reviews .ti-widget.ti-trip .source-Tripadvisor .ti-star.f {background-image: url("images/tripadvisor-star.svg");}
.footer-reviews .ti-widget.ti-trip .ti-large-logo {height: 21px; width: 100px; background: url("images/logo-tripadvisor.svg") no-repeat 0 0; background-size: auto 21px;}
.footer-reviews .ti-widget.ti-trip .ti-large-logo img {display: none !important;}
.footer-reviews .ti-widget.ti-book .source-Booking .ti-rating-box {background: #6a778d !important;}
.footer-reviews .ti-widget.ti-book .ti-large-logo {height: 25px; width: 80px; background: url("images/logo-booking.svg") no-repeat 0 0; background-size: 80px auto;}
.footer-reviews .ti-widget.ti-book .ti-large-logo img {display: none !important;}
.footer-mentions {background-color: var(--GreyDark); padding: 2.2em 0 1.25em;font-size: 0.875em;color: #c5d1e3;}
.footer-mentions a {color: #c5d1e3;}
.footer-mentions a:hover {color: #fff;}
.footer-mentions li {margin-left: 2em;}
@media (max-width: 479px) {
.footer-mentions p {margin-bottom: 5px;}
.footer-mentions li {display: block; margin: 0 0 5px !important;}
}
@media (min-width: 768px) {
.footer-contact p.contact-adress,
.footer-contact p.contact-mail,
.footer-contact p.contact-tel {margin-bottom: 2em;}
.footer-reviews > div {margin: 0 15px;}
}
@media (min-width: 992px) {
.page-footer {padding-top: 0;}
.footer-left,
.footer-contact,
.footer-links {padding-top: 90px;}
.footer-reviews > div {width: 100%;margin: 0;}
.footer-reviews {padding-top: 40px;position: relative;}
.footer-reviews:before {content: ""; position: absolute; top: 0; bottom: -0; left: -40px; right: -999em; background-color: #414957;}
}
.post-edit-link {position: fixed; top: 50%; left: 0;font-size: 0;z-index: 9999; text-decoration: none !important;}
.post-edit-link:before {display:block; font-size: 20px; border: 1px solid #fff; width: 35px; height: 35px; background-color: #000; color: #fff; text-align: center; line-height: 35px; content: "✎";}
.post-edit-link:hover:before {background-color: red;}
/* ******************************* */
#page {overflow: hidden; padding-top: 80px;}
@media (min-width: 992px) {
#page {padding-top: 90px;}
}
.m-section {position: relative;}
.anchor {position: absolute; left: 0; right: 0; top: -100px; z-index: -1;}
.main-img {overflow: hidden;position: relative;}
.main-img .container {height: 350px;position: relative; z-index: 50;}
.main-img .container > * {position: relative; z-index: 50;}
.main-img--home .container {height: 500px;}
.main-img > span {position: absolute; z-index: 20; left: 0; right: 0; top: 0; bottom: 0;background-position: center center; background-repeat: no-repeat; background-size: cover;}
.main-img .container:before {content: ""; position: absolute; right: 100%; width: 999em; top: 0; bottom: 0; z-index: 30;background-color: rgba(54,62,76,0.8);}
.main-img .container:after {content: ""; position: absolute; z-index: 30; left: 0; width: 25%; top: 0; bottom: 0; background: linear-gradient(to right, rgba(54,62,76,0.8) 0%,rgba(0,0,0,0) 100%);}
.main-title {position: relative;}
.main-title h1, .main-title .h1 {color: #fff; margin: 0; text-shadow: 0 0 8px rgba(54,62,76,0.8), 1px 1px 2px rgba(54,62,76,0.8);}
.main-title .surtitle {text-transform: uppercase; letter-spacing: .05em; display: inline-block;font-size: 0.85em; color: #fff; border-bottom: 1px solid #fff; padding-bottom: .7em;margin-bottom: .75em;text-shadow: 0 0 8px rgba(54,62,76,0.8), 1px 1px 2px rgba(54,62,76,0.8);}
.main-img--home .soustitre {color: #fff; font-size: 1.25em; font-family: 'UtopiaStd-DispIt';text-shadow: 0 0 8px rgba(54,62,76,0.8), 1px 1px 2px rgba(54,62,76,0.8);}
@media (max-width: 767px) {
.main-img--home .h1 {font-size: 2.5em;}
}
@media (min-width: 768px) {
.main-img .container {height: 450px;}
.main-img--home .container {height: 585px;}
}
@media (min-width: 1200px) {
.main-img .container {height: 580px;}
.main-img--home .container {height: 670px;}
}
@media (min-width: 1500px) {
.main-img .container {height: 580px;}
.main-img--home .container {height: 670px;}
}
.intro {color: #fff;position: relative;}
.intro--inner {background: var(--GreyDark) url("images/pattern-archi.webp") no-repeat right 0 bottom 60px;}
.intro h2 {color: #fff;}
.intro--inner:before {content: ""; position: absolute; height: 60px; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 10;}
.intro--inner > .container {position: relative; z-index: 20;}
.intro--inner .m-text {padding-bottom: 50px;}
@media (min-width: 992px) {
.nointro {margin-bottom: 2em;}
}
@media (min-width: 1200px) {
.nointro {margin-bottom: 3em;}
}
.intro--home {background-color: var(--GreyMedium);background: var(--GreyMedium) url("images/pattern-archi.webp") no-repeat right bottom; background-size: 300px auto;}
.intro--home h1 {color: #fff;margin-bottom: .15em;}
.introhome-label {font-family: 'UtopiaStd-DispIt';font-size: 1.15em; margin-bottom: .2em;}
.introhome-label span {color: var(--Dore);}
.intro--home .h1 {white-space: nowrap; color: #fff;}
.introhome-text {border-left: 2px solid var(--Dore);}
@media (min-width: 480px) {
.introhome-label {font-size: 1.25em;}
}
@media (min-width: 768px) {
.intro--home {background-image: none;}
.intro--home .h1 {margin-right: 20px;}
.intro--home h1 span {position: absolute; left: -999em;}
}
@media (max-width: 767px) {
.introhome-img .container {padding: 0;}
.introhome-img .img1 {width: 45%; height: 250px;}
.introhome-img .img2 {width: 55%; height: 250px;}
.introhome-img img {object-fit: cover;width: 100%;min-height: 100px;height: 100%;}
}
@media (max-width: 479px) {
.introhome-img .img1,
.introhome-img .img2 {height: 200px;}
}
@media (min-width: 768px) {
.introhome-img {background: linear-gradient(to bottom, #363e4c 0%,#363e4c 50%,#ffffff 50%,#ffffff 100%);position: relative;}
.introhome-img:before {content: ""; width: 400px; height: 177px;background: url("images/pattern-archi.webp") no-repeat 0 0; background-size: cover;position: absolute; top: -80px; right: 0;}
.introhome-img img {position: relative;}
.introhome-img .img1 {margin-left: -30px;position: relative;opacity: 0;-webkit-transform: translateX(-30px); transform: translateX(-30px);-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
.introhome-img .img1.lazy-loaded {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;}
.introhome-img .img2 {margin-left: 20px;position: relative;opacity: 0;-webkit-transform: translateX(120px); transform: translateX(120px);-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
.introhome-img .img2.lazy-loaded {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;}
}
@media (min-width: 992px) {
.introhome-img:before {width: 548px; height: 243px; top: -60px;}
}
@media (min-width: 1500px) {
.introhome-img .img1 {width: 660px;margin-left: -20px;}
.introhome-img .img2 {width: 650px;margin-right: 60px;margin-left: 0;}
}
/* ******************************* */
.homesituation-bigimg {background-image: url("images/chateau-xs.webp");background-color: #fff; height: 400px; background-repeat: no-repeat; background-position: center 0;position:relative;z-index:2;}
@media (min-width: 480px) {
.homesituation-bigimg {height: 450px;background-image: url("images/chateau-sm.webp");}
}
@media (min-width: 768px) {
.homesituation-bigimg {height: 560px;background-image: url("images/chateau-md.webp");}
}
@media (min-width: 992px) {
.homesituation-bigimg {height: 680px;background-image: url("images/chateau-lg.webp");}
}
@media (min-width: 1200px) {
.homesituation-bigimg {height: 800px;background-image: url("images/chateau-xl.webp");}
}
@media (min-width: 1500px) {
.homesituation-bigimg {height: 960px;background-image: url("images/chateau-xxl.webp");}
}
@media (min-width: 1900px) {
.homesituation-bigimg {background-image: url("images/chateau-xxxl.webp");}
}
/* ******************************* */
.homechambres {position: relative;content-visibility: visible !important;}
.homechambres:before {content: "";z-index: 10; top: 90px; left: 0; right: 0; bottom: 0; position: absolute;background-color: var(--GreyMedium);}
.homechambres-wrap {padding: 2em; position: relative; margin-top: -90px; background-color: var(--GreyMedium);z-index: 40;}
@media (min-width: 480px) {
.homechambres:before {top: 110px;}
.homechambres-wrap {margin-top: -110px;}
}
@media (min-width: 768px) {
.homechambres:before {top: 130px;}
.homechambres-wrap {margin-top: -130px;padding: 3em 3em 2em;}
}
@media (min-width: 992px) {
.homechambres:before {top: 160px;}
.homechambres-wrap {margin-top: -160px;padding-top: 4.5em;opacity: 0;-webkit-transform: translateY(140px); transform: translateY(140px);-webkit-transition: all .6s 0s; transition: all .6s 0s;}
.homechambres-wrap.lazy-loaded {-webkit-transform: translateY(0); transform: translateY(0);opacity: 1;}
}
@media (min-width: 1200px) {
.homechambres:before {top: 200px;}
.homechambres-wrap {margin-top: -200px; padding: 6em 3.3em 2em;}
}
@media (min-width: 1500px) {
.homechambres:before {top: 200px;}
.homechambres-wrap {margin-top: -200px; padding: 8em 0 2em;}
}
/* ******************************* */
span.anchor2 {height: 2em; display: block;}
body.home .hometable {padding-top: 2em;}
.hometable-texts {padding: 0 30px 1.5em;}
.hometable-photos .img1 a,
.hometable-photos .img2 a {overflow: hidden;}
.hometable-photos .img1 a img,
.hometable-photos .img2 a img {width: 100%; height: auto;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.hometable-photos .img1 a:hover img {-webkit-transform: scale(1.025);transform: scale(1.025);}
.hometable-photos .img2 a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.hometable-photos .img2 {width: 100%;}
.hometable-photos .img2 a {flex: 1;margin-right: 3px;}
body.home .hometable-photos .img2 a {width: 24%;}
.hometable-photos .img2 a:last-child {margin-right: 0;}
.hometable-photos a {position: relative;display: block;}
.hometable-photos a:after {opacity: 0; content: "";display: inline-block;position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.hometable-photos a:hover {cursor: pointer;}
.hometable-photos a:hover:after {width: 40px; height: 40px; margin: -20px 0 0 -20px;opacity: 1;}
@media (min-width: 768px) {
.hometable-texts {padding: 0 2em 2em;background-color: #fff; width: 690px; margin: 0 auto;position: relative; z-index: 20;}
.hometable-photos {margin-top: -100px;position: relative; margin-left: auto; margin-right: auto; z-index: 10;}
}
@media (min-width: 992px) {
.hometable {position: relative; z-index: 20;}
body.home .hometable {padding-top: 3em;}
span.anchor2 {height: 3em;}
.hometable-texts {padding: 0 3em 2.4em; width: 580px; position: relative; left: 50%; margin-left: -480px;}
.hometable-photos {margin-top: -150px;}
.hometable-photos:before {content: ""; width: 600px; height: 363px; top: -248px; left: 50%; background: url("images/M.svg") no-repeat 0 0;position: absolute; opacity: .1; margin-left: 114px; background-size: cover;}
.hometable--inner .hometable-photos:before {content: none;}
.hometable-photos > .container-fluid {position: relative;z-index: 20;}
.hometable-photos .img1 {width: 68.716%;position: relative;opacity: 0;-webkit-transform: translateX(-80px); transform: translateX(-80px);-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
.hometable-photos .img1.lazy-loaded {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;}
.hometable-photos .img2 {flex: 1;width: auto;}
.hometable-photos .img2 a {width: 48% !important; margin:0 0 2% 2%;opacity: 0;flex: auto !important;}
.hometable--inner .hometable-photos .img2 a {margin-bottom: 3.25%;}
.hometable-photos .img2 .img20 {-webkit-transition: all 0.8s 0.6s; transition: all 0.8s 0.6s;}
.hometable-photos .img2 .img21 {-webkit-transition: all 0.8s 0.8s; transition: all 0.8s 0.8s;}
.hometable-photos .img2 .img22 {-webkit-transition: all 0.8s 1s; transition: all 0.8s 1s;}
.hometable-photos .img2 .img23 {-webkit-transition: all 0.8s 1.2s; transition: all 0.8s 1.2s;}
.hometable-photos .img2 .img24 {-webkit-transition: all 0.8s 1.4s; transition: all 0.8s 1.4s;}
.hometable-photos .img2 .img25 {-webkit-transition: all 0.8s 1.6s; transition: all 0.8s 1.6s;}
.hometable-photos .img2 .img20.lazy-loaded,
.hometable-photos .img2 .img21.lazy-loaded,
.hometable-photos .img2 .img22.lazy-loaded,
.hometable-photos .img2 .img23.lazy-loaded,
.hometable-photos .img2 .img24.lazy-loaded,
.hometable-photos .img2 .img25.lazy-loaded {opacity: 1;}
}
@media (min-width: 1200px) {
body.home .hometable {padding-top: 5em;}
span.anchor2 {height: 5em;}
.hometable-texts {margin-left: -552px;}
.hometable-photos:before {width: 917px; height: 555px; top: -317px; margin-left: 29px;}
}
@media (min-width: 1500px) {
body.home .hometable {padding-top: 6em;}
span.anchor2 {height: 6em;}
.hometable-photos {max-width: 1700px;margin-top: -200px;}
.hometable-photos:before {margin-left: 3px;}
.hometable-texts {width: 700px; margin-left: -683px;}
}
/* ******************************* */
.homecadre {position: relative; z-index: 20;}
@media (max-width: 991px) {
.homecadre .container {}
.homecadre .img2 {width: 49%; height: 250px;}
.homecadre .img3 {width: 49%; height: 250px;}
.homecadre img {object-fit: cover;width: 100%;min-height: 100px;height: 100%;}
}
@media (max-width: 479px) {
.homecadre .img2,
.homecadre .img3 {height: 200px;}
}
@media (min-width: 992px) {
.homecadre .img1 {position: relative;margin-left: -40px;opacity: 0;-webkit-transform: translateX(-80px); transform: translateX(-80px);-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
.homecadre .img2 {position: relative;margin-left: -40px;opacity: 0;-webkit-transform: translateX(80px); transform: translateX(80px);-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
.homecadre .img3 {position: relative;margin-left: -40px;width: 480px;opacity: 0;-webkit-transform: translateX(50px); transform: translateX(50px)-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
.homecadre .img1.lazy-loaded,
.homecadre .img2.lazy-loaded,
.homecadre .img3.lazy-loaded {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;}
}
@media (min-width: 1200px) {
.homecadre .img1 {width: 650px;margin-left: -80px;}
.homecadre .img2 {width: 620px;margin-left: -60px;}
.homecadre .img3 {width: 700px;margin-left: -60px;}
}
@media (min-width: 1500px) {
.homecadre .img1 {width: 711px;margin-left: -91px;}
.homecadre .img2 {width: 620px;margin-left: -70px;}
.homecadre .img3 {width: 720px;margin-left: -70px;}
}
/* ******************************* */
.homeservices {position: relative; z-index: 10; margin-top: -30px;}
@media (min-width: 1200px) {
.homeservices {margin-top: -100px;}
}
/* ******************************* */
.homebienvenue {background: url("images/pattern-archi-2.webp") no-repeat right 0 bottom -12px;}
.homebienvenue-img {position: relative;}
.homebienvenue-img .img1 {position: relative;display: inline-block;}
.homebienvenue-img .img1:after {content: ""; width: 56px; height: 62px; position: absolute; left: -15px; top: -30px;display: inline-block;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;}
.homebienvenue-img .img2 {position: absolute; right: -95px; top: -88px; border: 10px solid #fff;}
.homebienvenue-img .text {position: absolute; color: var(--Dore); left: 0; top: -57px;font-family: 'UtopiaStd-DispIt';font-size: 1.25em;}
@media (min-width: 480px) {
.homebienvenue-img .text {left: 20%;}
.homebienvenue-img .img2 {right: -90px;}
}
@media (min-width: 768px) {
.homebienvenue-img .text {left: 34%;}
}
@media (min-width: 992px) {
.homebienvenue-img .img1 {opacity: 0;-webkit-transition: all .6s 0.2s; transition: all .6s 0.2s;}
.homebienvenue-img .img1:after {right: -32px; top: -21px; left: auto;}
.homebienvenue-img .img2 {left: -90px; bottom: -88px; right: auto; top: auto;width: 220px;opacity: 0;-webkit-transition: all .4s 0.4s; transition: all .4s 0.4s;}
.homebienvenue-img .text {right: 1px; bottom: -57px; top: auto; left: auto;}
.homebienvenue-img .img1.lazy-loaded,
.homebienvenue-img .img2.lazy-loaded {opacity: 1;}
}
@media (min-width: 1200px) {
.homebienvenue-img .img2 {width: 300px;}
.homebienvenue-img .text {right: 66px;}
}
@media (min-width: 1500px) {
.homebienvenue-img .text {right: 96px;}
}
/* ******************************* */
.m-accordion-section {border-radius: 4px;font-size: .925em;}
.m-accordion-title {background-color: var(--GreyMedium); border-radius: 4px;color: #fff;padding: .8em 2em .8em 1.2em;position: relative; cursor: pointer;display:block;}
.m-accordion-title:hover {background-color: var(--GreyDark); text-decoration: none;}
.m-accordion-title:focus {text-decoration: none;outline: none;}
.m-accordion-title:after {position: absolute; right: 1em; top: 50%; margin-top: -14px; content: ""; display: inline-block;width: 22px; height: 28px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0; -webkit-filter: invert(100%) sepia(0%) saturate(7483%) hue-rotate(346deg) brightness(98%) contrast(93%);filter: invert(100%) sepia(0%) saturate(7483%) hue-rotate(346deg) brightness(98%) contrast(93%);}
.m-accordion-title.active:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.m-accordion-title.active {border-radius: 4px 4px 0 0; background-color: var(--Dore);}
.m-accordion-panel {background-color: #fcfaf6; padding: 1em 1.2em 1px;display:none;border-radius: 0 0 4px 4px;}
@media (min-width: 480px) {
.m-accordion-section {font-size: 1em;}
}
.m-section-galerie {position: relative;}
.m-section-galerie .slider {position: relative;z-index: 20;}
.m-section-galerie.blancdore:before,
.m-section-galerie.blancnoir:before,
.m-section-galerie.noirblanc:before,
.m-section-galerie.noirdore:before,
.m-section-galerie.doreblanc:before,
.m-section-galerie.dorenoir:before {content: ""; position: absolute; height: 60px; left: 0; right: 0; bottom: 0; z-index: 10;}
.m-section-galerie.blancdore:before {background-color: var(--Dore);}
.m-section-galerie.blancnoir:before {background-color: var(--GreyMedium);}
.m-section-galerie.noirblanc {background-color: var(--GreyMedium);}
.m-section-galerie.noirblanc:before {background-color: #fff;}
.m-section-galerie.noirdore {background-color: var(--GreyMedium);}
.m-section-galerie.noirdore:before {background-color: var(--GreyMedium);}
.m-section-galerie.doreblanc {background-color: var(--Dore);}
.m-section-galerie.doreblanc:before {background-color: #fff;}
.m-section-galerie.dorenoir {background-color: var(--Dore);}
.m-section-galerie.dorenoir:before {background-color: var(--GreyMedium);}
@media (min-width: 768px) {
.m-section-galerie.blancdore:before,
.m-section-galerie.blancnoir:before {height: 70px;}
}
@media (min-width: 992px) {
.m-section-galerie.blancdore:before,
.m-section-galerie.blancnoir:before {height: 80px;}
}
@media (min-width: 1200px) {
.m-section-galerie.blancdore:before,
.m-section-galerie.blancnoir:before {height: 100px;}
}
@media (min-width: 1500px) {}
/* ******************************* */
.bloc {position: relative;overflow: hidden;}
.bloc-img {height: 300px;}
.bloc-img img {object-fit: cover; height: 100%; width: 100%;}
.bloc-layer {position: absolute; padding: 15px 20px 0; left: 0; right: 0;z-index: 30; bottom: 0;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.bloc-layer:before {content: "";position: absolute; z-index: 10; left: 0; bottom: 0; right: 0; height: 100%;-webkit-transition: all .4s 0s; transition: all .4s 0s;background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(54,62,76,0.75) 100%);}
.bloc:hover .bloc-layer:before {height: 300px;background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(54,62,76,0.9) 100%);}
.bloc-layer > * {position: relative; z-index: 30;}
.bloc-title {font-family: 'UtopiaStd-DispIt';font-size: 1.25em; color: #fff; margin-bottom: .7em; text-shadow: 0 0 5px #2d333c, 1px 1px 1px #2d333c;}
.bloc-excerpt {color: #fff; font-size: .9em;}
.bloc-more {height: 1px;opacity: 0; -webkit-transition: all .4s 0s; transition: all .4s 0s;}
.bloc:hover .bloc-more {height: 88px;opacity: 1;}
@media (min-width: 480px) {
.bloc-excerpt {font-size: 1em;}
}
@media (min-width: 992px) {
.bloc-img {height: 360px;}
.bloc:hover .bloc-layer:before {height: 360px;}
.bloc-text {height: 154px;}
.bloc-excerpt {font-size: .875em;}
}
@media (min-width: 1200px) {
.bloc-img {height: 404px;}
.bloc:hover .bloc-layer:before {height: 404px;}
.bloc-layer {padding: 20px 25px 0;}
.bloc-text {height: 154px;}
.bloc-excerpt {font-size: .925em;}
}
@media (min-width: 1500px) {
.bloc-layer {padding: 20px 30px 0;}
.bloc-excerpt {font-size: 1em;}
}
/* ******************************* */
.faq-items {border-top: 1px solid #ddd;}
.faq-item {border-bottom: 1px solid #ddd;}
.faq-item summary {padding: 15px 0; font-weight: 600;}
.faq-item[open] summary {color: var(--Dore);}
#faq-chambres {padding: 3em 0;background-color: #f6f6f6;box-shadow: 0 0 30px rgba(0,0,0,0.1) inset;}
@media (min-width: 992px) {
#faq-chambres {padding: 4em 0;}
}
@media (min-width: 1200px) {
#faq-chambres {padding: 5em 0;}
}
/* ******************************* */
.cartecadeau {background: #fff url("images/carte-cadeau-xs.webp") no-repeat right bottom; padding-bottom: 42px; background-size: auto 217px;}
.cartecadeau .container {min-height: 440px;}
@media (min-width: 480px) {
.cartecadeau .container {min-height: 460px;}
}
@media (min-width: 768px) {
.cartecadeau {padding-bottom: 0; background-size: 340px auto;background-image: url("images/carte-cadeau-xl.webp");}
.cartecadeau .container {min-height: 510px;}
}
@media (min-width: 992px) {
.cartecadeau {background-size: 420px auto;}
}
@media (min-width: 1200px) {
.cartecadeau {background-size: 490px auto;}
}
@media (min-width: 1500px) {
.cartecadeau {background-size: auto auto;}
}
/* ******************************* */
.intro--loc {overflow: hidden;}
.loc-introspecs li {width: 49%;}
.loc-caract {background: var(--Dore) url("images/M-light.svg") no-repeat right -65px bottom -100px; background-size: auto 300px;}
.list-pictos li {margin-bottom: 1.3em;line-height: 1.2em;}
.list-pictos li > div {width: 20px; margin-right: 10px; text-align: center;}
.list-pictos--2sdb li {width: 100%;}
@media (min-width: 768px) {
.loc-caract {background-position: right -100px bottom -150px; background-size: auto 400px;}
.list-pictos--2sdb li {width: 33%;}
}
@media (max-width: 991px) {
.intro--loc {position: relative;}
.intro--loc:before {content: ""; position: absolute; height: 250px; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 10;}
.intro--loc > .container {position: relative; z-index: 20;}
}
@media (min-width: 992px) {
.loc-caract {background-position: right -46% bottom -211px; background-size: auto 554px;}
.intro-loc-colimg {position: relative; z-index: 50;}
.intro-loc-coltxt {position: relative; z-index: 40;}
.intro-loc-specs {background-color: var(--GreyLight);position: relative; padding-top: 3.5em;}
.intro-loc-specs:before {content: "";position: absolute; left: -230px; bottom: -999em; top: 0; width: 999em; background-color: #414957;}
.intro-loc-specs:before {left: -310px;}
.list-pictos--2sdb li {width: 100%;}
}
@media (min-width: 1200px) {
.loc-caract {background-position: right -200px bottom -211px; background-size: auto 554px;}
.intro-loc-specs:before {left: -370px;}
.list-pictos--2sdb li {width: 33%;}
}
@media (min-width: 1500px) {
.intro-loc-specs:before {left: -410px;}
.list-pictos--2sdb li {width: 20%;}
}
/* ******************************* */
.loc-img-2 img {width: 100%; height: auto;}
@media (min-width: 992px) {
.loc-img-1 {position: relative;opacity: 0;-webkit-transform: translateX(-60px); transform: translateX(-60px);-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
.loc-img-1.lazy-loaded {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;}
.loc-img-2 {position: relative; margin-top: -50px;z-index: 50;opacity: 0;-webkit-transform: translateX(100px); transform: translateX(100px);-webkit-transition: all 1s 0.2s; transition: all 1s 0.2s;}
.loc-img-2 img {width: 650px;}
.loc-img-2.lazy-loaded {-webkit-transform: translateX(0); transform: translateX(0);opacity: 1;}
}
@media (min-width: 1200px) {
.loc-img-2 {margin-top: -75px;}
.loc-img-2 img {width: 838px;}
}
@media (min-width: 1500px) {
.loc-img-2 {margin-top: -100px;}
}
/* ******************************* */
.loc-resa {background-color: var(--GreyMedium);}
.loc-resa-title {font-family: 'UtopiaStd-DispIt';color: var(--Dore);font-size: 1.25em;}
.loc-resa-title span {display: inline-block; position: relative;}
.loc-resa-title span:before,
.loc-resa-title span:after {content: ""; width: 52px; height: 2px; background-color: var(--Dore); display: inline-block; position: absolute; top: 9px;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.loc-resa-title span:before {left: -62px;}
.loc-resa-title span:after {right: -62px;}
@media (min-width: 480px) {
.loc-resa-title span:before,
.loc-resa-title span:after {top: 11px;}
.loc-resa-title span:before,
.loc-resa-title span:after {width: 82px;}
.loc-resa-title span:before {left: -92px;}
.loc-resa-title span:after {right: -92px;}
}
.loc-resa-img {overflow: hidden;position: relative;height: 300px; display: block; width: 100}
.loc-resa-img > span {position: absolute; z-index: 20; left: 0; right: 0; top: 0; bottom: 0;background-position: center center; background-repeat: no-repeat; background-size: cover;}
.loc-resa > .container {position: relative;margin-top: -180px; z-index: 50;}
.loc-resa-text {background-color: #fff; text-align: center;padding: 2.5em 2em;position: relative; opacity: 0;-webkit-transform: translateY(140px); transform: translateY(140px);-webkit-transition: all .8s 0s; transition: all .8s 0s;}
.loc-resa-text.lazy-loaded {-webkit-transform: translateY(0); transform: translateY(0);opacity: 1;}
@media (min-width: 480px) {
.loc-resa > .container {margin-top: -220px;}
.loc-resa-img {height: 400px;}
.loc-resa-text {padding: 3em;}
}
@media (min-width: 768px) {
.loc-resa > .container {margin-top: -270px;}
.loc-resa-img {height: 450px;}
.loc-resa-text {padding: 4em;}
}
@media (min-width: 992px) {
.loc-resa > .container {margin-top: -310px;}
.loc-resa-img {height: 500px;}
.loc-resa-text {padding: 5em 4em;}
}
@media (min-width: 1200px) {
.loc-resa > .container {margin-top: -350px;}
.loc-resa-img {height: 580px;}
.loc-resa-text {padding: 6em 4em;}
}
@media (min-width: 1500px) {
.loc-resa > .container {margin-top: -380px;}
.loc-resa-text {padding: 6.5em 4em;}
}
/* ******************************* */
a.blocloc {position: relative;display: block;}
a.blocloc:after {content: ""; position: absolute;top: 0; bottom: 0; left: 0; right: 0;}
.blocloc-photos {position: relative; z-index: 10;}
.blocloc-photos .d-flex div img {object-fit: cover;width: 100%;min-height: 100px;height: 100%;}
.blocloc-text {background-color: var(--GreyMedium); padding: 1em 2em; color: #fff; position: relative;z-index: 20;border-left: 8px solid var(--Dore);}
.blocloc:hover .blocloc-text {background-color: var(--GreyDark);}
.blocloc-text:after {content: "";opacity: 0; display: inline-block; position: absolute; -webkit-transition: all .3s 0s; transition: all .3s 0s;width: 20px; height: 19px; right: 50px; top: 31px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;background-size: cover;}
.blocloc:hover .blocloc-text:after {opacity: 1; right: 25px;}
.blocloc-text-title {text-transform: uppercase;display: block;font-weight: 500;line-height: 1.2em;margin: 0 1em 0 0;color: #fff;}
.blocloc-text-subtitle {font-family: 'UtopiaStd-DispIt';margin: 0;position: relative; top: 2px;}
.blocloc-text-title,
.blocloc-text-subtitle {font-size: 1.2em;}
.blocloc-list-pictos-1 li {margin-bottom: 1em;}
.blocloc-list-pictos-2 {margin: 0;}
.blocloc-list-pictos-2 li:first-child {margin-right: 1.5em;}
@media (min-width: 480px) {
.blocloc-photos .d-flex div:first-child {width: 70.75%}
.blocloc-photos .d-flex div:last-child {margin-left: 1px; flex: 1;}
.blocloc-text-title,
.blocloc-text-subtitle {font-size: 1.25em;}
}
@media (max-width: 767px) {
.blocloc-list-pictos-2 li {margin-bottom: 1em;}
}
@media (min-width: 768px) {
.blocloc-text-title,
.blocloc-text-subtitle {font-size: 1.25em;}
.blocloc-text:after {top: 21px;}
.blocloc-list-pictos-1 {padding-top: .5em;}
.blocloc-list-pictos-2 {margin: .5em 0 .2em;}
}
@media (min-width: 992px) {
.blocloc-text {m}
.blocloc-text:after {top: 24px;}
.blocloc-text-title,
.blocloc-text-subtitle {font-size: 1.5em;}
}
@media (min-width: 1200px) {
.blocloc-text {}
.blocloc-text-title,
.blocloc-text-subtitle {font-size: 1.5625em;}
}
@media (min-width: 1500px) {}
/* ******************************* */
.homevideo video {width: 100%; height: auto;}
/* ******************************* */
/* 404 */
svg.error-icon {width: 50px;margin: 20px auto 40px;}
svg.error-icon path {fill: var(--GreyMedium);}
/* Sitemap */
.m-sitemap {margin-bottom: 40px;}
.m-sitemap ul li {margin-bottom: 0.7em;}
.m-sitemap ul li.menu-item.menu-item-has-children > a {display: inline-block; margin-bottom: 0.4em;}
/* ************* ARTICLE RELATED */
.m-article {position: relative;box-shadow: 0 0 1px rgba(0, 0, 0, .3);-webkit-transition: all .4s 0s; transition: all .4s 0s; border-left: 8px solid var(--Dore);}
.m-article:hover {box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
.m-article a {padding: 10px 50px 10px 30px; color: var(--GreyMedium); flex: 1;}
.m-article a {background: url("data:image/svg+xml;charset=utf8,") no-repeat right 30px top 50%;background-size: 20px auto;}
.m-article a:after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;z-index: 60;}
/* RESA HIPPOCAMP */
#hippocamp-search-widget-container table td,
#hippocamp-search-widget-container table th {padding:1px!important;}
#hippocamp-search-widget-container input[type="radio"],
#hippocamp-search-widget-container input[type="checkbox"] {display: auto !important;}
#hippo-main-search-container {max-width: 100%;}
#hippocamp-search-widget-container .bootstrap-iso .bg-dark {background-color: var(--GreyMedium) !important;}
#hc-form-container > .row {justify-content: center;}
#hippocamp-search-widget-container .mb-2, #hippocamp-search-widget-container .my-2 {margin-bottom: 2rem !important;}
#hippocamp-search-widget-container .btn {background-image: none;}
#hippocamp-search-widget-container .btn:before {content: none;}
#hippocamp-search-widget-container .btn-customized {background-color: var(--Dore) !important;border:0 !important;}
#hippocamp-search-widget-container .btn-customized:hover {background-color: var(--DoreLight) !important;}
#hippocamp-search-widget-container .alert-success {color: #343a40;background-color: #d8e3f4;border-color: #c8d5ea;}
#hippocamp-search-widget-container .btn-success {background-color: var(--Dore);border-color: var(--Dore);}
#hippocamp-search-widget-container .btn-success:hover {background-color: var(--DoreLight);border-color: var(--DoreLight);}
#hippocamp-search-widget-container .slider-selection {background-color: #c3d1e7 !important;}
#hippocamp-search-widget-container .slider-handle {background-image: linear-gradient(to bottom,#566276,#333) !important;background-image: -webkit-linear-gradient(top,#566276,#333) !important;background-image: -o-linear-gradient(top,#566276,#333) !important;background-image: linear-gradient(to bottom,#566276,#333) !important;}
#hippocamp-search-widget-container a {color: var(--Dore) !important;}
#hippocamp-search-widget-container .hpc-price-customized {color: var(--GreyDark) !important;}
#hippocamp-search-widget-container .hpc-badge-customized {color: #fff !important;border-color: var(--Dore) !important;background-color:var(--Dore); }
#hippocamp-search-widget-container .form-check {float: left;}
#hippocamp-search-widget-container .form-check input {background: none !important;-webkit-appearance: auto !important;-moz-appearance: auto !important;appearance: auto !important;}
/* SOCIALS */
.socials button {border: none; margin-right: 12px; background-color: transparent; padding: 0; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle;}
.socials button svg {display: inline-block; height: 26px; width: auto;}
.socials button.social-instagram svg {height: 28px;}
.socials > button:last-child {margin-right: 0;}
.socials button svg path {fill: #fff;}
.nav-socials button:hover svg path {fill: var(--Dore);}
.footer-socials button {background-color: var(--GreyLight); padding: 8px; border-radius: 50%;position: relative;}
.footer-socials button:before {content: ""; border: 1px solid var(--GreyLight); position: absolute; left: 0; right: 0; top: 0; bottom: 0;border-radius: 50%;-webkit-transition: all .2s 0s; transition: all .2s 0s;}
.footer-socials button:hover {background-color: #fff;}
.footer-socials button:hover svg path {fill: var(--GreyMedium);}
.footer-socials button:hover:before {left: -3px; right: -3px; top: -3px; bottom: -3px; border-color: #fff;}
/* LAZY LOAD */
.iis-lazy-loaded {opacity: 0;transform: translateY(150px); animation: lazy-loaded 0.8s ease forwards;}
.iis-lazy-on {opacity: 1;transform: translateY(0); animation: none;}
@keyframes lazy-loaded {to { transform: translateY(0); opacity: 1;}}
/* SLICKSLIDER */
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus {outline: none; }
.slick-list.dragging {cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after {display: table; content: ''; }
.slick-track:after {clear: both; }
.slick-loading .slick-track {visibility: hidden; }
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide {float: right; }
.slick-slide img {display: block; }
.slick-slide.slick-loading img {display: none; }
.slick-slide.dragging img {pointer-events: none; }
.slick-initialized .slick-slide {display: block; }
.slick-loading .slick-slide {visibility: hidden; }
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden {display: none; }
.slick-loading .slick-list:after { background-color: rgba(0, 0, 0, .3); content:""; display:block; width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; -webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out; }
@-webkit-keyframes rotate-loading {0% { -webkit-transform: perspective(120px)} 50% { -webkit-transform: perspective(120px) rotateY(180deg)} 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)} }
@keyframes rotate-loading {0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} }
/* Arrows */
.slick-prev, .slick-next {width: 34px; height: 17px;border: 0; font-size: 0; line-height: 0; position: absolute; z-index: 99; display: block; padding: 0; text-decoration: none !important; overflow: hidden;cursor: pointer; color: transparent; outline: none; background: transparent;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {outline: none;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before, .slick-next:before {width: 34px; height: 17px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; display: block; background-repeat: no-repeat; background-position: center center;}
.slick-prev:before {background-image: url("data:image/svg+xml;charset=utf8,");}
.slick-next:before {background-image: url("data:image/svg+xml;charset=utf8,");}
/* Dots */
.slick-dots {bottom: 20px;position: absolute; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li {width: 20px; height: 20px; margin: 0 5px;position: relative; display: inline-block; padding: 0; cursor: pointer; }
.slick-dots li button {width: 15px; height: 15px;background: #fff; opacity: 0.5;font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0; outline: none;border-radius: 50%;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none; opacity: .75;}
.slick-dots li.slick-active button {opacity: 1;}
/* carousel */
.loc-galerie {position: relative;}
.loc-galerie:before {content: ""; position: absolute; height: 60px; left: 0; right: 0; bottom: 0; background-color: var(--Dore); z-index: 10;}
.loc-galerie .slider {position: relative; z-index: 20;}
.slick-carouselgalerie .carouselgalerie-slide {margin: 0 10px;}
.slick-carouselgalerie .carouselgalerie-slide img {max-height: 300px; width: auto;}
.slick-carouselgalerie .slick-prev, .slick-carouselgalerie .slick-next {bottom: 0;background-color: #fff;width: 60px; height: 60px;text-align: center;}
.slick-carouselgalerie .slick-prev:before,
.slick-carouselgalerie .slick-next:before {display: inline-block;}
.slick-carouselgalerie .slick-prev {right: 60px;}
.slick-carouselgalerie .slick-next {right: 0;}
.slick-carouselgalerie .slick-prev:hover:before {background-image: url("data:image/svg+xml;charset=utf8,");}
.slick-carouselgalerie .slick-next:hover:before {background-image: url("data:image/svg+xml;charset=utf8,");}
.slick-carouselgalerie .carouselgalerie-slide a {position: relative;display: block;}
.slick-carouselgalerie .carouselgalerie-slide a:after {opacity: 0; content: "";display: inline-block;position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.slick-carouselgalerie .carouselgalerie-slide a:hover {cursor: pointer;}
.slick-carouselgalerie .carouselgalerie-slide a:hover:after {width: 40px; height: 40px; margin: -20px 0 0 -20px;opacity: 1;}
.slick-carouselgalerie .carouselgalerie-slide a {overflow: hidden;}
.slick-carouselgalerie .carouselgalerie-slide a img {-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.slick-carouselgalerie .carouselgalerie-slide a:hover img {-webkit-transform: scale(1.025);transform: scale(1.025);}
@media (min-width: 480px) {
.slick-carouselgalerie .carouselgalerie-slide img {max-height: 350px;}
}
@media (min-width: 768px) {
.loc-galerie:before {height: 70px;}
.slick-carouselgalerie .slick-prev, .slick-carouselgalerie .slick-next {width: 70px; height: 70px;}
.slick-carouselgalerie .slick-prev {right: 70px;}
.slick-carouselgalerie .carouselgalerie-slide {margin: 0 12px;}
.slick-carouselgalerie .carouselgalerie-slide img {max-height: 400px;}
}
@media (min-width: 992px) {
.loc-galerie:before {height: 80px;}
.slick-carouselgalerie .slick-prev, .slick-carouselgalerie .slick-next {width: 80px; height: 80px;}
.slick-carouselgalerie .slick-prev {right: 80px;}
.slick-carouselgalerie .carouselgalerie-slide img {max-height: 450px;}
}
@media (min-width: 1200px) {
.loc-galerie:before {height: 100px;}
.slick-carouselgalerie .slick-prev, .slick-carouselgalerie .slick-next {width: 100px; height: 100px;}
.slick-carouselgalerie .slick-prev {right: 100px;}
.slick-carouselgalerie .carouselgalerie-slide img {max-height: 480px;}
}
/* carousel Chambres */
.slick-carouselchambres {padding-bottom: 50px;}
.slick-carouselchambres .slick-list {overflow: visible;}
.slick-carouselchambres .slick-slide {margin: 0 15px;}
.slick-carouselchambres .slick-dots {bottom: 0;}
.slick-carouselchambres .slick-dots li button {background: var(--GreyMedium);}
@media (max-width: 767px) {
.slick-carouselchambres .slick-prev, .slick-carouselchambres .slick-next {display: none !important;}
}
@media (min-width: 768px) {
.slick-carouselchambres {max-width: 750px; margin-left: auto; margin-right: auto;padding-bottom: 0;}
.slick-carouselchambres .slick-slide {margin: 0 30px;}
.slick-carouselchambres .slick-dots {display: none !important;}
.slick-carouselchambres .slick-prev, .slick-carouselchambres .slick-next {top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.slick-carouselchambres .slick-prev:before {background-image: url("data:image/svg+xml;charset=utf8,");}
.slick-carouselchambres .slick-next:before {background-image: url("data:image/svg+xml;charset=utf8,");}
.slick-carouselchambres .slick-prev {left: -13px;}
.slick-carouselchambres .slick-next {right: -13px;}
}
@media (min-width: 992px) {
.slick-carouselchambres {max-width:990px;}
}
@media (min-width: 1200px) {
.slick-carouselchambres {max-width: 1190px;}
.slick-carouselchambres .slick-slide {margin: 0 40px;}
.slick-carouselchambres .slick-prev {left: -16px;}
.slick-carouselchambres .slick-next {right: -16px;}
}
@media (min-width: 1500px) {
.slick-carouselchambres {max-width: 1352px;}
}
.section-carouselchambres {background-color: var(--GreyMedium);position: relative;}
.section-carouselchambres:before {content: ""; position: absolute; height: 101px; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 10;}
.section-carouselchambres .slider {position: relative; z-index: 20;}
.carouselchambres-bloc {position: relative;}
.carouselchambres-text > div {width: 100%; font-size: 1.15em; background-color: var(--GreyMedium);padding: 16px 30px 10px 22px; border-left: 8px solid var(--Dore);-webkit-transition: all .3s 0s; transition: all .3s 0s;}
.carouselchambres-text a {color: #fff; text-transform: uppercase;display: block;font-weight: 500;line-height: 1.2em; margin-right: 18px;}
.carouselchambres-text a:after {content: ""; position: absolute;top: 0; bottom: 0; left: 0; right: 0;}
.carouselchambres-text p {margin: 0;font-family: 'UtopiaStd-DispIt';color: #fff;position: relative;}
.carouselchambres-bloc:hover .carouselchambres-text > div {padding-right:40px; border-left-width: 12px; background-color: var(--GreyDark);}
.carouselchambres-text p:after {content: "";opacity: 0; display: inline-block; position: absolute; -webkit-transition: all .3s 0s; transition: all .3s 0s;width: 20px; height: 19px; right: -10px; top: 3px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;background-size: cover;}
.carouselchambres-bloc:hover .carouselchambres-text p:after {opacity: 1; right: -32px;}
@media (min-width: 480px) {
.carouselchambres-text > div {width: 100%; font-size: 1.25em;}
.carouselchambres-text p:after {top: 5px;}
.section-carouselchambres:before {height: 103px;}
}
@media (min-width: 768px) {
.carouselchambres-text {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.carouselchambres-text > div {width: auto;font-size: 1.25em; padding: 16px 40px 10px 30px; border-left-width: 10px;}
.carouselchambres-bloc:hover .carouselchambres-text > div {padding-right:56px; border-left-width: 15px;}
.carouselchambres-text a {margin-right: 0;}
.section-carouselchambres:before {height: 79px;}
}
@media (min-width: 992px) {
.carouselchambres-text > div {font-size: 1.5em; padding: 16px 40px 10px 30px;}
.carouselchambres-text p:after {top: 8px;}
.section-carouselchambres:before {height: 89px;}
}
@media (min-width: 1200px) {
.carouselchambres-text > div {font-size: 1.5625em; padding: 20px 40px 14px 30px;}
.section-carouselchambres:before {height: 99px;}
}
/* FORMS */
.form-control {font-size: 16px;padding: 0.4em 0.8em; border: 0; background-color: #fff; border-bottom: 3px solid var(--GreyMedium);font-weight: 300;}
#respond textarea {max-width: 100%;}
.form-control:focus {border-color: var(--Dore);}
.form-group {position: relative; margin-bottom: 2em;}
.form-label {position: absolute; left: 0; z-index: 30;top:7px;font-weight: 500;}
.form-group .form-control {padding-left: 100px;position: relative; z-index: 10;}
.form-select {font-size: 16px;padding: 0.4em 0.8em .4em 0; background-color: #fff; border: 0;border-bottom: 3px solid var(--GreyMedium);background-image: url("data:image/svg+xml,");background-position: right 0.75rem center;background-size: 16px 12px;}
.form-select:focus {border-color: var(--GreyDark);}
.form-check {min-height: 20px;}
.form-check input {width: 20px;height: 20px;border: 3px solid var(--GreyMedium);background-size: contain;}
.form-check input:checked {background-color: var(--GreyDark);border-color: var(--GreyDark);}
.form-check input:checked[type=checkbox] {background-image: url("data:image/svg+xml,");}
.form-check input:checked[type=radio] {background-image: url("data:image/svg+xml,");}
.wpcf7-file.form-control {padding-left: 5px;}
.form-control::-webkit-file-upload-button {color: #fff; background-color: var(--GreyMedium);}
.form-control::file-selector-button {color: #fff; background-color: var(--GreyMedium);}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {background-color: var(--GreyDark);}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color: var(--GreyDark);}
.wpcf7-acceptance {font-size: .9em;}
span.wpcf7-form-control-wrap,
span.wpcf7-form-control-wrap > span {display: block; width: 100%;}
span.wpcf7-list-item {display: block; margin: 0 0 1em 0;}
span.wpcf7-list-item.last {margin-bottom: 0;}
.form-check--inline span.wpcf7-list-item {display: inline-block; margin: 0 0 0 1em;}
.form-check--inline span.wpcf7-list-item.first {margin-left: 0;}
/* WPCF7 */
.wpcf7 .screen-reader-response {position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; }
.wpcf7 form .wpcf7-response-output {margin: 1.5em 0; padding: 0.8em 1em; border:0; border-radius: 2px;}
.wpcf7 form.init .wpcf7-response-output {display: none;}
.wpcf7 form.sent .wpcf7-response-output {background-color: #629c17;color:#fff; /* Green */}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {background-color: #c03b17;color:#fff; /* Red */}
.wpcf7-form-control-wrap {position: relative;}
.wpcf7-not-valid-tip {color: red; font-size: .9em; font-weight: normal; display: block;padding-top: 4px;}
.wpcf7-not-valid.form-control {border-color: red;}
div.wpcf7 .ajax-loader {visibility: hidden; position: relative; display: inline-block; width: 20px; height: 20px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle;}
div.wpcf7 .ajax-loader:after {background-color: #000;width: 20px;height: 20px;content: ""; opacity: .8; position: absolute; top: 0; left: 0;display: inline-block;-webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out;}
div.wpcf7 .placeheld {color: #888;}
div.wpcf7 .ajax-loader.is-active {visibility: visible;} div.wpcf7 div.ajax-error {display: none;} div.wpcf7 input[type="file"] {cursor: pointer;} div.wpcf7 input[type="file"]:disabled {cursor: default;} div.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed;} .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {direction: ltr;}
span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {content: " ";}
span.wpcf7-list-item input {margin-right: 5px;}
/* Fancybox */
.not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none} .carousel{position:relative;box-sizing:border-box} .carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit} .carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing} .carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%} .carousel__track{display:flex} .carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y} .has-dots{margin-bottom:calc(0.5rem + 22px)} .carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none} .carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer} .carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out} .carousel__dots .carousel__dot.is-selected:after{opacity:1} .carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease} .carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)} .carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px} .carousel__button[disabled]{cursor:default;opacity:.3} .carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none} body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none} .fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left; --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 24px; --carousel-button-svg-height: 24px; --carousel-button-svg-stroke-width: 2.5; --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))} .fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit} .fancybox__container :focus{outline:thin dotted} body.is-using-mouse .fancybox__container :focus{outline:none} @media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px; --carousel-button-height:48px; --carousel-button-svg-width:27px; --carousel-button-svg-height:27px} } .fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))} .fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10} .fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)} .fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default} .fancybox__track{display:flex;height:100%} .fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch; --carousel-button-width: 36px; --carousel-button-height: 36px; --carousel-button-svg-width: 22px; --carousel-button-svg-height: 22px} .fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto} @media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px} } .fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20} .fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere} .is-loading .fancybox__caption{visibility:hidden} .fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)} .fancybox__nav .carousel__button{z-index:40} .fancybox__nav .carousel__button.is-next{right:8px} @media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px} } .fancybox__nav .carousel__button.is-prev{left:8px} @media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px} } .carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40} @media all and (min-width: 1024px){.carousel__button.is-close{right:40px} } .fancybox__content>.carousel__button.is-close{position:absolute;top:-36px;right:0;color:var(--fancybox-color, #fff)} .fancybox__no-click,.fancybox__no-click button{pointer-events:none} .fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)} .fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053} .fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%} .fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor} @keyframes fancybox-rotate{100%{transform:rotate(360deg)}} @keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}} .fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)} .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn} .fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut} .fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn} .fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut} .fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp} .fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown} .fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp} .fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown} @keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}} @keyframes fancybox-fadeOut{to{opacity:0}} @keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}} @keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}} @keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}} @keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}} .fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)} .fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px} .fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)} .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)} .fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab} .fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing} .fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto} .fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in} .fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out} .fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab} .fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing} .fancybox__image{transform-origin:0 0;touch-action:none;user-select:none;transition:none} .has-image .fancybox__content{padding:0;background:transparent;min-height:1px} .is-closing .has-image .fancybox__content{overflow:visible} .has-image[data-image-fit=contain]{overflow:visible;touch-action:none} .has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain} .has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto} .has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto} .has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto} .has-image[data-image-fit=cover]{overflow:visible;touch-action:none} .has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%} .has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover} .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible} .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%} .fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%} .fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff} .fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df} .fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent} .fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} .fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)} .fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn} .fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0} .fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer} .fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)} .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92} .fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none} .fancybox__thumb{position:relative;width:100%;padding-top:calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)} .fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))} @media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}} .fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn} .fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex} .fancybox__toolbar__items--left{margin-right:auto} .fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)} .fancybox__toolbar__items--right{margin-left:auto} @media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}} .fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased} .fancybox__progress{background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none} .fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none} .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none} .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block} .fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none} .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* Cookies */
#cookie-notice {position: fixed; min-width: 100%; height: auto; z-index: 100000; font-size: 13px; line-height: 20px; left: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cookie-notice.cn-animated {-webkit-animation-duration: 0.5s !important; animation-duration: 0.5s !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; } #cookie-notice.cn-animated.cn-effect-none {-webkit-animation-duration: 0.001s !important; animation-duration: 0.001s !important; } #cookie-notice .cookie-notice-container {display: block; } #cookie-notice.cookie-notice-hidden .cookie-notice-container {display: none; }
#cookie-notice .cookie-revoke-container {display: block; } #cookie-notice.cookie-revoke-hidden .cookie-revoke-container {display: none; } .cn-position-top {top: 0; } .cn-position-bottom {bottom: 0; } .cookie-notice-container {padding: 15px 79px 15px 15px; text-align: left; width: 100%; z-index: 2; } .cookie-revoke-container {padding: 15px; width: 100%; z-index: 1; }
.cn-close-icon {position: absolute; right: 0; top: 0; bottom: 0; width: 60px; opacity: 0.8; background-color: rgba(0, 0, 0, .2);}
.cn-close-icon:hover {opacity: 1; } .cn-close-icon:before, .cn-close-icon:after {position: absolute; content: ' '; top: 50%; left: 50%; margin-top: -10px; height: 20px; width: 2px; background-color: #fff; } .cn-close-icon:before {transform: rotate(45deg); } .cn-close-icon:after {transform: rotate(-45deg); }
#cn-notice-text {margin-right: 8px;}
#cookie-notice .cn-revoke-cookie {margin: 0; } #cookie-notice .cn-buttons-container {} .cn-button.wp-default, .cn-button.wp-default:hover, .cn-button.bootstrap, .cn-button.bootstrap:hover {box-shadow: none; text-decoration: none; } #cookie-notice .cn-button {margin-right: 10px;} .cn-button.wp-default {font-family: sans-serif; line-height: 18px; padding: 2px 12px; background: linear-gradient(to bottom, #FEFEFE, #F4F4F4) repeat scroll 0 0 #F3F3F3; border-color: #BBB; color: #333; text-shadow: 0 1px 0 #FFF; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 1px; cursor: pointer; display: inline-block; font-size: 12px; font-style: normal; text-decoration: none; white-space: nowrap; outline: none; } .cn-button.wp-default:hover {background: linear-gradient(to bottom, #FFFFFF, #F3F3F3) repeat scroll 0 0 #F3F3F3; border-color: #999; color: #222; } .cn-button.bootstrap {font-family: sans-serif; display: inline-block; *display: inline; padding: 4px 12px; margin-right: .3em; margin-bottom: 0; *margin-left: .3em; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, .75); font-style: normal; vertical-align: middle; cursor: pointer; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); background-color: #006dcc; *background-color: #04c; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-style: solid; border-width: 1px; border-color: #04c #04c #002a80; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); padding: 2px 10px; font-size: 12px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: none; } .cn-button.bootstrap:hover {color: #fff; background-color: #04c; *background-color: #003bb3; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #cookie-notice.cookie-notice-visible.cn-effect-none, #cookie-notice.cookie-revoke-visible.cn-effect-none {-webkit-animation-name: fadeIn; animation-name: fadeIn; } #cookie-notice.cn-effect-none {-webkit-animation-name: fadeOut; animation-name: fadeOut; } #cookie-notice.cookie-notice-visible.cn-effect-fade, #cookie-notice.cookie-revoke-visible.cn-effect-fade {-webkit-animation-name: fadeIn; animation-name: fadeIn; } #cookie-notice.cn-effect-fade {-webkit-animation-name: fadeOut; animation-name: fadeOut; } #cookie-notice.cookie-notice-visible.cn-effect-slide, #cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name: slideInUp; animation-name: slideInUp; } #cookie-notice.cn-effect-slide {-webkit-animation-name: slideOutDown; animation-name: slideOutDown; } #cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide, #cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide {-webkit-animation-name: slideInDown; animation-name: slideInDown; } #cookie-notice.cn-position-top.cn-effect-slide {-webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @media all and (max-width: 900px) {.cookie-notice-container #cn-notice-text {display: block; margin-bottom: 5px; } } @-webkit-keyframes fadeIn {from {opacity: 0; } to {opacity: 1; } } @keyframes fadeIn {from {opacity: 0; } to {opacity: 1; } } @-webkit-keyframes fadeOut {from {opacity: 1; } to {opacity: 0; } } @keyframes fadeOut {from {opacity: 1; } to {opacity: 0; } } @-webkit-keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp {from {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown {from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown {from {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp {from {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to {visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } }
.cookie-notice-container #cn-notice-text a {color: #fff; text-decoration: underline;}
#cookie-notice a {line-height: 1em;border-radius: 2px; padding: 6px 10px;border: 0;text-shadow: none; color: #fff !important;}
#cookie-notice a:hover, #cookie-notice a:focus {text-decoration: none;}
#cn-accept-cookie {background:#23832c !important;}
#cn-accept-cookie:hover, #cn-accept-cookie:focus {background:#46b450 !important;}
#cn-refuse-cookie {background:#dc3232 !important;}
#cn-refuse-cookie:hover, #cn-refuse-cookie:focus {background:#f33a3a !important;}
#cn-more-info {background:#666 !important;}
#cn-more-info:hover, #cn-more-info:focus {background:#777 !important;}