/*
Theme Name: Template Les Lapins Malins
Theme URI: https://www.mamleslapinsmalins.com/
Description: Theme Les Lapins Malins
Version: 1.0
Author: Elodie B.
Author URI: https://www.elodieberger.com/
Text Domain: Les Lapins Malins
*/
/* WP */
.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;}
/* GENERAL */
html {font-size: 14px;}
body {margin: 0;font-size: 16px;line-height: 1.35; color: #555; background-color: #fff; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400;}
a {color: #e67437; text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}
b, strong {font-weight:700;}
h1 {color: #e67437; font-size: 2em; margin-bottom: .8em;font-family: 'Schoolbell', cursive; text-align: center;}
h2 {color: #e67437; font-size: 2em; margin-bottom: .8em;font-family: 'Schoolbell', cursive; text-align: center;}
h3 {color: #555; font-size: 1.5em; margin-bottom: .3em;font-family: 'Schoolbell', cursive;}
@media (min-width: 768px) {
h1 {font-size: 2.8em;}
h2 {font-size: 2.5em;}
h3 {font-size: 1.8em;}
}
p, ul, table, form {margin-bottom:1em;font-size: 1em;}
hr {border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 1rem 0; clear: both;}
table{width:100%;border:0;max-width:100%;margin-bottom:1rem}
table td,table th{padding:.75rem;vertical-align:middle; border: 1px solid #000;}
table thead th{vertical-align: middle; background-color: #eee;}
table tbody tr:nth-child(odd) {background-color: #fff;}
table tbody tr:nth-child(even) {background-color: #f6f6f6;}
@media (max-width:479px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media (max-width:767px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media (max-width:991px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
@media (max-width:1199px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}
.has-transi {-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;}
/* ******************************* CLASSES / UTILITAIRES */
/* Listes */
.list-unstyled, .list-inline, .list-custom {padding-left: 0; list-style: none;}
.list-inline li {display: inline-block; }
.list-inline li:not(:last-child) {margin-right: 5px; }
.btn, #submit {padding: .65em 2em; font-size: 1rem; text-align: center; background-color: #307498; color: #fff; border-radius: 20px; border: 0; margin-bottom: 0; text-decoration: none; display: inline-block; cursor: pointer; background-image: none; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn:hover, .btn:focus, #submit:hover, #submit:focus {color: #fff;background-color: #235c7a;text-decoration: none;}
/* FORMS */
.form-group {margin-bottom: 1rem;}
.form-control {display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control::-ms-expand {background-color: transparent; border: 0; }
.form-control:focus {color: #495057; background-color: #fff; border-color: #80bdff; outline: none; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.form-control::-webkit-input-placeholder {color: #868e96; opacity: 1; }
.form-control:-ms-input-placeholder {color: #868e96; opacity: 1; }
.form-control::-ms-input-placeholder {color: #868e96; opacity: 1; }
.form-control::placeholder {color: #868e96; opacity: 1; }
.form-control:disabled, .form-control[readonly] {background-color: #e9ecef; opacity: 1; }
/* WPCF7 */
div.wpcf7 {margin: 0; padding: 0;}
div.wpcf7-response-output {margin: 2em 0.5em 1em; padding: 1.7em 1.2em; border: none; color:#fff;}
div.wpcf7 .screen-reader-response {position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0;border-radius:.25rem}
div.wpcf7-mail-sent-ok {border: 1px solid #3c763d;}
div.wpcf7-mail-sent-ng {border: 1px solid red;}
div.wpcf7-spam-blocked {border: 1px solid red;}
div.wpcf7-validation-errors {border: 1px solid red;}
.wpcf7-form-control-wrap {position: relative;}
.wpcf7 .wpcf7-not-valid {border: 1px solid red;}
span.wpcf7-not-valid-tip {font-weight: normal; display: block;font-size: .9em;color: red; }
.use-floating-validation-tip span.wpcf7-not-valid-tip {position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em;}
.wpcf7-display-none {display: none;}
div.wpcf7 .ajax-loader,
div.wpcf7 .ajax-loader:after {border-radius: 50%; width: 20px; height: 20px; }
div.wpcf7 .ajax-loader{visibility: hidden; display: inline-block; vertical-align: middle; border-top: 4px solid rgba(11, 137, 225, 0.2); border-right: 4px solid rgba(11, 137, 225, 0.2); border-bottom: 4px solid rgba(11, 137, 225, 0.2); border-left: 4px solid #0b89e1;content: ""; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: spinnerWpcf7 1.1s infinite linear; animation: spinnerWpcf7 1.1s infinite linear; }
@-webkit-keyframes spinnerWpcf7 {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spinnerWpcf7 {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg); } }
div.wpcf7 .ajax-loader.is-active {visibility: visible;}
div.wpcf7 div.ajax-error {display: none;}
div.wpcf7 .placeheld {color: #888;}
div.wpcf7 .wpcf7-recaptcha iframe {margin-bottom: 0;}
div.wpcf7 input[type="file"] {cursor: pointer;}
div.wpcf7 input[type="file"]:disabled {cursor: default;}
.wpcf7-acceptance {font-size: .85em;}
.wpcf7-acceptance input {margin-right: 7px;}
.wpcf7-acceptance a {color: #216081; text-decoration: underline;}
.wpcf7 .wpcf7-response-output:before {display: block; float: left; margin-right: 20px; width: 40px; height: 40px; text-align: center;content: "";background-repeat: no-repeat; background-position: 0 0;-webkit-filter: invert(100%) sepia(0%) saturate(7478%) hue-rotate(149deg) brightness(125%) contrast(98%);filter: invert(100%) sepia(0%) saturate(7478%) hue-rotate(149deg) brightness(125%) contrast(98%); }
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors:before {background-image: url("data:image/svg+xml;charset=utf8,");}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok:before {background-image: url("data:image/svg+xml;charset=utf8,");}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {background-color: red;}
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {background-color: #7ecb50;}
/* ******************************* HEADER */
.page-header {background-color: #fff; z-index: 999;border-bottom: 1px solid #eee; position: fixed; left: 0; right: 0; top: 0;}
.header-logo {background: url("images/logo-lapin.png") 0 0 no-repeat; max-width: 370px; display: inline-block; background-size: 58px auto; padding: 5px 0 0 70px;margin: 10px 0;}
.header-logo a:hover, .header-logo a:focus {text-decoration: none;}
.header-logo-baseline {padding-top: 5px; color: #555;font-size: .92em;}
@media (min-width: 768px) {
.page-header {text-align: center;}
}
@media (min-width: 992px) {
.header-logo {float: left;text-align: left;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.header-logo {max-width: 320px; background-size: 50px auto; padding-left: 60px;}
.header-logo-baseline {font-size: .79em;}
}
/* ******************************* NAV */
.main-nav {position: relative;z-index: 999;}
.main-nav ul {margin: 0; padding: 0;}
ul.nav-menu a {display: block;}
ul.nav-menu {margin: 0;}
ul.nav-menu li { display:block;position: relative;}
ul.nav-menu a:hover,
ul.nav-menu a:focus {text-decoration: none;}
.nav-toggle {display: block; position: absolute; top: 10px; right: 10px;}
.nav-icon {width: 40px; cursor: pointer;}
.nav-icon:after,
.nav-icon:before,
.nav-icon div {background-color: #000; -o-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; content: ''; display: block; height: 5px; margin: 7px 0; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.nav-toggle.is-open .nav-icon:before {transform: translateY(12px) rotate(135deg); -moz-transform: translateY(12px) rotate(135deg); -webkit-transform: translateY(12px) rotate(135deg); }
.nav-toggle.is-open .nav-icon:after {transform: translateY(-12px) rotate(-135deg); -moz-transform: translateY(-12px) rotate(-135deg); -webkit-transform: translateY(-12px) rotate(-135deg); }
.nav-toggle.is-open .nav-icon div {-moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
@media (max-width: 767px) {
.main-nav {position: relative; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; z-index: 1; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; -ms-overflow-style: -ms-autohiding-scrollbar; white-space: nowrap;}
ul.nav-menu {margin: 0; position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; white-space: nowrap;transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);}
ul.nav-menu::-webkit-scrollbar {display: none;}
ul.nav-menu > li {display: inline-block;vertical-align: middle;position: relative;text-align: center;padding-right: 5px;}
ul.nav-menu > li > a {padding: 10px; color: #555; font-size: .9em; font-weight: 700; text-transform: uppercase;}
}
@media (min-width:768px) {
.main-nav {display: block !important;}
ul.nav-menu > li {display: inline-block;}
ul.nav-menu > li > a {padding: 12px 15px; color: #555; font-weight: 700; text-transform: uppercase;}
ul.nav-menu li > a:hover {text-decoration: none; color: #fff;}
ul.nav-menu li.nav-green > a:hover { background-color: #c8da75;}
ul.nav-menu li.nav-orange > a:hover { background-color: #eea98a;}
ul.nav-menu li.nav-yellow > a:hover { background-color: #f5d669;}
ul.nav-menu li.nav-blue > a:hover { background-color: #84c6e9;}
}
@media (min-width: 992px) {
.main-nav {float: right; margin-top: 13px;text-align: right;font-size: .85em;}
}
@media (min-width: 1200px) {
.main-nav {font-size: 1em;}
}
/* ******************************* 404 */
body.error404 #nav {display: none !important;}
body.error404 .page-header {text-align: center;}
body.error404 .header-logo {float: none;}
body.error404 .footer-mentions a {display: none;}
/* ******************************* FOOTER */
.page-footer {background-color: #4496c1;color: #fff;}
.footer-mentions { clear:both; font-size:0.85em;}
.footer-mentions a {color: #fff;}
.footer-mentions a:hover, .footer-mentions a:focus {text-decoration: underline;}
.back-top {position: fixed;z-index: 99999; right: 20px; bottom: 30px;display: inline-block;background-color: rgba(0,0,0,0.4); width: 34px; height: 34px; text-align: center; line-height: 30px; border-radius: 50%;}
.back-top:hover {background-color: rgba(0,0,0,0.6);}
/* ******************************* */
#page {overflow: hidden;padding-top: 116px;}
@media (min-width: 468px) {
#page {padding-top: 123px;}
}
@media (min-width: 992px) {
#page {padding-top: 71px;}
}
@media (min-width: 1200px) {
#page {padding-top: 76px;}
}
/* */
.presentation {overflow: hidden;}
.page-lieu {background-color: #c8da75;color: #3e4420;}
.page-lieu h2 {color: #fff;text-shadow: 1px 1px 1px #6f7a3a;}
.page-lieu h3 {color: #fff;text-shadow: 1px 1px 1px #6f7a3a;}
.securite {background-color: #d4e77d;padding: 1em 2em;}
.securite-title {text-transform: uppercase;font-weight: 700;}
/* */
@media (min-width: 992px) {
.page-activites {background: url("images/crayons-couleur.jpg") no-repeat left top;background-size: 250px auto;}
}
@media (min-width: 1200px) {
.page-activites {background-size: auto auto;}
}
.cahier {background-color: #f3cebb;padding: 1em 2em;color: #693418; font-size: .95em;overflow: hidden;}
/* */
.page-assistantes {background-color: #f7e297;color: #5f4f30;}
.page-assistantes h2 {color: #8d7647;}
.page-assistantes h3 {color: #5f4f30;}
/* */
a.phone {display: inline-block; background-color: rgba(255,255,255,0.5); border-radius: 15px; padding: 4px 12px;box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
a.phone img {margin-right: 5px;vertical-align: middle;}
a.phone:hover, a.phone:focus {text-decoration: none;background-color: rgba(255,255,255,0.8)}
/* */
#page-contact > .container {position: relative;}
.facebook {display: inline-block; background-color: #fff; padding: 10px;border-radius: 50%;margin-bottom: 30px;}
.facebook img {border-radius: 50%;}
.facebook:hover img, .facebook:focus img {opacity: .9;}
.page-contact {background-color: #84c6e9;color: #216081;}
.page-contact h2 {color: #fff;text-shadow: 1px 1px 1px #216081;}
.page-contact h3 {color: #fff;text-shadow: 1px 1px 1px #216081;}
.page-contact a.phone {color: #4496c1;margin-top: 4px;}
.page-contact a.email {color: #fff;}
.contact-inscription {background-color: #5fb7e5;padding: 1em 2em .5em;}
@media (min-width: 480px) {
.facebook {position: absolute; top: 0; left: 15px; padding: 18px 10px 8px;border-radius: 0 0 50% 50%;margin: 0;}
}
@media (min-width: 768px) {
.facebook {left: 100px;}
}
@media (min-width: 992px) {
.contact-col-email {border-left:1px solid #4fa6d5;}
}
/* */
.page-avis > .container {background: url("images/mains-peinture.jpg") no-repeat right bottom;}
.masonry {padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em; }
.avis {display: inline-block; overflow: hidden; position: relative; padding: 1.6em 2em 1em; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;background: #f6f6f6 url("data:image/svg+xml;charset=utf8,") no-repeat 8px 8px;background-size: 20px auto;}
blockquote {font-size: 1em; text-align: justify; position: relative; margin-bottom: 10px;font-style: italic;}
cite {font-weight: 700; text-transform: uppercase;float: right; font-size: .85em;font-style: normal;}
@media (min-width: 480px) {.masonry {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}}
@media (min-width: 768px) {.masonry {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}}
@media (min-width: 992px) {
.page-avis {background: url("images/fanions.jpg") no-repeat left top;background-size: 300px auto;}
}
@media (min-width: 1200px) {
.page-avis {background-size: auto auto;}
}
/* */
.m-mosaic {margin: 0 -2px;}
.m-mosaic a {display: block;border: 1px solid #fff;}
.m-mosaic img {width: 100%; height: auto;}
figure.hover--style1 a {overflow: hidden;position: relative;}
figure.hover--style1 a:hover {text-decoration: none;background-color: #000;}
figure.hover--style1 a:hover img {opacity: 0.9;-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);}
/* */
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flexslider a:focus {outline: none; }
.flexslider .slides, .flexslider .slides > li, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block; height: auto; -moz-user-select: none;}
.flexslider .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides {display: block; }
* html .flexslider .slides {height: 1%; }
.no-js .flexslider .slides > li:first-child {display: block; }
.flexslider {margin: 0 auto; position: relative; zoom: 1;height:auto;}
.flexslider .slides {zoom: 1; z-index: 50;}
.flexslider .slides > li {position:relative;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading:after { background-color: #00a984; 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);} }
.flex-control-paging {width: 100%; position: absolute; bottom: 5px; text-align: center; z-index: 70}
.flex-control-paging li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {background-color: #fff;opacity: 0.5; font-size: 0; width: 15px; height: 15px; border-radius: 50%; display: block;cursor: pointer;}
.flex-control-paging li a:hover, .flex-control-paging li a:focus {opacity: 0.75;}
.flex-control-paging li a.flex-active {opacity: 1 !important;}
.flex-direction-nav {top: 50%; margin-top: -20px; *height: 0;position: absolute; left: 0; right: 0; z-index: 80;}
.flex-direction-nav li {display: inline-block; zoom: 1; *display: inline; position: relative;}
.flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;z-index: -1;}
.flex-direction-nav .flex-nav-prev {float: left;}
.flex-direction-nav .flex-nav-next {float: right;}
.flex-direction-nav a {font-size: 0; position: absolute;text-decoration: none !important; display: block; z-index: 10; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav .flex-nav-next a {right: 0;}
.flex-direction-nav a:before {content: ""; display: inline-block; opacity: .7;width: 60px; height: 60px; border-radius: 50%; background: rgba(0,0,0,0.4) url("data:image/svg+xml;charset=utf8,") no-repeat center center;}
.flex-direction-nav a.flex-next:before {background-image: url("data:image/svg+xml;charset=utf8,");}
.flex-direction-nav a:hover:before {opacity: 1;}
@media (min-width: 480px) {
.flex-control-paging {bottom: 30px;}
.flex-direction-nav {margin-top: -30px;}
}
@media (min-width: 768px) {
.flex-direction-nav .flex-nav-prev {margin-left: 20px;}
.flex-direction-nav .flex-nav-next {margin-right: 20px;}
}
#slider-1 .slides,
#slider-1 .slides > li {background-size: cover; height: 400px;}
#slider-1 .slides > li {background-position: center center; background-repeat: no-repeat;}
#slider-1 .flex-caption {margin-top: 95px;text-align: center;font-size: .7em;}
#slider-1 .flex-caption-text > span {display: block; margin-bottom: 4px;font-size: .9em; }
#slider-1 .flex-caption-text > span span {display: inline-block;padding: .3em .45em;font-size: 2.4em; line-height: 1em; color: #fff; background-color: rgba(0,0,0,0.4);}
#slider-1 .flex-active-slide .flex-caption-text > span {opacity: 0;-webkit-transform: translateX(-400px);-ms-transform: translateX(-400px);-moz-transform: translateX(-400px);transform: translateX(-400px);animation: moveslide 0.6s ease forwards;-webkit-animation: moveslide 0.6s ease forwards;-ms-animation: moveslide 0.6s ease forwards;-moz-animation: moveslide 0.6s ease forwards;}
#slider-1 .flex-active-slide .flex-caption-text > .flex-caption-2 {animation-delay: .4s;}
@keyframes moveslide {to {transform: translateX(0);}0% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes moveslide {to { -webkit-transform: translateX(0);opacity: 1;}0% {opacity: 0;} 100% {opacity: 1;}}
@media (min-width: 480px) {
#slider-1 .flex-caption {margin-top: 100px;font-size: .8em;}
#slider-1 .flex-caption-text > span {font-size:1em}
}
@media (min-width: 768px) {
#slider-1 .slides,
#slider-1 .slides > li {height: 600px;}
#slider-1 .flex-caption {text-align: left;margin-top: 210px;font-size: 1em;}
}
@media (min-width: 992px) {
#slider-1 .slides,
#slider-1 .slides > li {background-size: auto auto; height: 750px;}
#slider-1 .flex-caption {margin-top: 290px;}
}
.flexslider--gallery {margin-bottom: 10px;}
/* COOKIES */
#cookie-bar {background:rgba(0,0,0,0.8) !important; font-size: .9em !important; padding: 5px !important;}
#cookie-bar-button {background-color: #777 !important; color: #fff !important; border: none !important;}
#cookie-bar-button:hover, #cookie-bar-button:focus {text-decoration: none !important;background-color: #888 !important;}
/* FANCYBOX */
.fancybox-enabled {overflow: hidden; } .fancybox-enabled body {overflow: visible; touch-action: none; } .fancybox-container {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; backface-visibility: hidden; } .fancybox-container ~ .fancybox-container {z-index: 99992; } .fancybox-bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(.55,.06,.68,.19); backface-visibility: hidden; } .fancybox-container--ready .fancybox-bg {opacity: 0.87; transition-timing-function: cubic-bezier(.22,.61,.36,1); } .fancybox-controls {position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; backface-visibility: hidden; direction: ltr; } .fancybox-show-controls .fancybox-controls {opacity: 1; } .fancybox-infobar {display: none; } .fancybox-show-infobar .fancybox-infobar {display: inline-block; pointer-events: all; } .fancybox-infobar__body {display: inline-block; width: 70px; line-height: 44px; font-size: 13px; text-align: center; color: #ddd; background-color: rgba(30,30,30,0.7); pointer-events: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: subpixel-antialiased; } .fancybox-buttons {position: absolute; top: 0; right: 0; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons {display: block; } .fancybox-slider-wrap {overflow: hidden; direction: ltr; } .fancybox-slider-wrap, .fancybox-slider {position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; backface-visibility: hidden; } .fancybox-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); } .fancybox-slide::before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-slide > * {display: inline-block; position: relative; max-width: 800px; padding: 24px; margin: 44px 30px 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide--image {overflow: hidden; } .fancybox-slide--image::before {display: none; } .fancybox-content {display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; } .fancybox-iframe {display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {background: transparent; } .fancybox-placeholder {position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; backface-visibility: hidden; } .fancybox-image, .fancybox-spaceball {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder {cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder {cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder {cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder {cursor: grabbing; } .fancybox-spaceball {z-index: 1; } .fancybox-tmp {position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-error {position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error p {margin: 0; padding: 0;} .fancybox-close-small {position: absolute; top: 4px; right: 4px; padding: 0; margin: 0; width: 30px; height: 30px; font-size: 21px; line-height: 1; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; cursor: pointer; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus {outline: 1px dotted #888; } .fancybox-slide--video .fancybox-close-small {top : -36px; right : -36px; background: transparent; } .fancybox-close-small:hover {color: #555; background: #eee; } .fancybox-caption-wrap {position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; z-index: 99998; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap {opacity: 1; } .fancybox-caption {padding: 30px 0; text-align: center; font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button {pointer-events: all; } .fancybox-caption a {color: #fff; text-decoration: underline; } .fancybox-button {display: inline-block; position : relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } .fancybox-button--disabled {cursor: default; pointer-events: none; } .fancybox-button.fancybox-button--fullscreen:before {left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;display: block;height:20px;width:20px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;} .fancybox-button.fancybox-button--play, .fancybox-button.fancybox-button--thumbs {display: none !important;} .fancybox-infobar__body, .fancybox-button {background: rgba(30,30,30,0.6); } .fancybox-button:hover {background: rgba(0,0,0,0.8); } .fancybox-button::before, .fancybox-button::after {content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button--disabled::before, .fancybox-button--disabled::after {opacity: 0.5; } .fancybox-button--left::after {left: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; transform: rotate(-135deg); } .fancybox-button--right::after {right: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; transform: rotate(45deg); } .fancybox-button--left {border-bottom-left-radius: 5px; } .fancybox-button--right {border-bottom-right-radius: 5px; } .fancybox-button--close {float: right; } .fancybox-button--close::before, .fancybox-button--close::after {content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before {transform: rotate(45deg); } .fancybox-button--close::after {transform: rotate(-45deg); } .fancybox-loading {border: 6px solid rgba(100, 100, 100, .4); border-top: 6px solid rgba(255, 255, 255, .6); border-radius: 100%; height: 50px; width: 50px; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @keyframes fancybox-rotate {from {transform: rotate(0deg);} to {transform: rotate(359deg);} } @media all and (max-width: 800px) {.fancybox-controls {text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {display: none !important; } .fancybox-caption {padding: 20px 0; margin: 0; } }