/*
Theme Name: Template Qantik-Forme
Theme URI: https://www.qantikforme.com/
Description: Theme Qantik-Forme
Version: 1.0
Author: Elodie B.
Author URI: https://www.elodieberger.com/
Text Domain: Qantik-Forme
*/

:root {
  --Bleu: #5f6495;
  --Vert: #789d8b;
  --Beige: #f4f1e0;
  --Corail: #d37f65;
  --BleuDark: #3b4079;
  --VertDark: #537d69;
  --BeigeDark: #d4ceac;
  --CorailDark: #ae5d44;
}

/* GENERAL */

html {font-size: 16px;}
body {font-size: 17px;line-height: 1.4; color: #000; background-color: #fff; font-family: "Open Sans", sans-serif;font-weight: 300;font-optical-sizing: auto;font-style: normal;font-variation-settings: "wdth" 100;}

p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: var(--Corail);text-decoration: none;}
.m-text a:not(.btn) {font-weight: 400; color: var(--Vert); border-bottom: 1px dotted var(--Vert);}
.m-text a:not(.btn):hover {border-bottom-style: solid;}

b, strong {font-weight:500;}
h1 {color: #000; font-size: 1.5em; margin-bottom: 1.5em;font-family: "Marcellus", serif;font-weight: 400;font-style: normal;}
h2 {color: var(--Bleu); font-size: 1.4em; margin-bottom: 1em;font-family: "Marcellus", serif;font-weight: 400;font-style: normal;}
h2 span.subline {font-family: "Open Sans", sans-serif; color: var(--Corail); font-weight: 400; text-transform: uppercase; font-size: .7em; letter-spacing: .02em; display: block;}
h3 {color: #000; font-size: 1.05em;  margin-bottom: .9em; font-weight: 600;}
@media (min-width: 480px) {
	h1 {font-size: 1.7em;}
	h2 {font-size: 1.6em;}
	h3 {font-size: 1.075em;}
}
@media (min-width: 768px) {
	h1 {font-size: 1.9em;}
	h2 {font-size: 1.75em;}
	h2 span.subline {font-size: .55em;}
	h3 {font-size: 1.15em;}
}
@media (min-width: 992px) {
	h1 {font-size: 2.2em;}
	h2 {font-size: 1.85em;}
	h3 {font-size: 1.175em;}
}
@media (min-width: 1200px) {
	h1 {font-size: 2.4em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.2em;}
}

.m-text table {width:100%;border:0;max-width:100%;}
.m-text table td, .m-text table th {padding:.6em .9em;border: 1px solid #000;font-size: .9em;vertical-align: middle;}
.m-text table thead th, .m-text table thead td {padding:.75em .9em;background-color: #444; color: #fff;}

.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: #212121;}
.m-text .list-unstyled li {padding-left: 0;}
.m-text .list-unstyled li:before {content: none;}

.m-text blockquote {font-size: 1.1em; padding-left: 32px;font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; margin: 0;position: relative; color: var(--Vert);line-height: 1.3em;}
.m-text blockquote:before {width: 24px; height: 24px;left: 0; top: 0; content: ""; position: absolute; display: inline-block;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23789d8b' d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'/></svg>") no-repeat 0 0;}

hr {border: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);margin-top: 1em; margin-bottom: 1.6em;}

.rounded, .rounded > * {border-radius: 4px;}

.btn, #submit {padding: .6em 1.4em .7em; font-size: 15px; text-align: center; font-weight: 500; background-color: var(--Bleu); color: #fff; border-radius: 5px; margin-bottom: 0; text-decoration: none !important;}
.btn:hover, #submit:hover {color: #fff;background-color: var(--BleuDark);text-decoration: none;}

.btn--corail {background-color: var(--Corail);}
.btn--corail:hover {background-color: var(--CorailDark);}

.btn--vert {background-color: var(--Vert);}
.btn--vert:hover {background-color: var(--VertDark);}

.btn--white {background-color: #fff; color: #000;}
.btn--white:hover {background-color: #fff;color: var(--CorailDark);}

.link, .m-text a.link {color: var(--Vert); font-weight: 600; display: inline-block; text-decoration: underline;border: 0;}
.link:hover, .m-text a.link:hover {color: var(--VertDark);}
.link:after {content: ""; width: 16px; height: 18px; display: inline-block; margin-left: 5px; -webkit-transition: all .2s 0s; transition: all .2s 0s;vertical-align: middle; position: relative; top: -2px;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23789d8b' d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/></svg>") no-repeat 0 0;}
.link:hover:after {margin-left: 9px;background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23537d69' d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/></svg>");}

@media (min-width: 480px) {
	.btn, #submit {font-size: 17px;}
}

/* ******************************* HEADER */

.page-header {background-color: var(--Corail); z-index: 999; padding: 15px 0;}
.header-logo a:hover {text-decoration: none;}
@media (min-width: 992px) {
	.page-header {padding: 24px 0;}
}

.breadcrumb {font-size: .75em; padding: 1.5em 0 1.4em; color: #666; text-transform: uppercase; letter-spacing: .03em;}
.breadcrumb a {margin: 0 5px;color: #666;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb span:first-child > span:first-child > a {margin-left: 0;}
.breadcrumb_last {margin-left: 5px;}

/* ******************************* NAV */

.main-nav {position: relative;z-index: 997;}
.main-nav ul {margin: 0; padding: 0;}

ul.nav-menu li {display:block;position: relative;}
ul.nav-menu a {display: block; font-weight: 500; color: #fff;}
ul.nav-menu a:hover {text-decoration: none;}
ul.nav-menu ul.sub-menu a {font-weight: 400;}
ul.nav-menu li.nav-contact a {font-weight: 700;}

.nav-toggle {display: block;}
.nav-icon {width: 40px; cursor: pointer;}
.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {background-color: #fff; -webkit-border-radius: 3px; border-radius: 3px; content: ''; display: block; height: 5px; margin: 7px 0; -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); -webkit-transform: translateY(12px) rotate(135deg); }
.nav-toggle.is-open .nav-icon:after {transform: translateY(-12px) rotate(-135deg); -webkit-transform: translateY(-12px) rotate(-135deg); }
.nav-toggle.is-open .nav-icon div {-webkit-transform: scale(0); transform: scale(0); }

@media (max-width:991px) {
	#nav {display: none;}
	body.nav-is-open {overflow: hidden;}
	.main-nav {position: fixed; top: 76px; left: 0; right: 0; overflow-y:scroll; bottom: 0; background-color: var(--Corail); text-align: center;}
	ul.nav-menu li a:hover {background-color: rgba(255, 255, 255, .2);}
	ul.nav-menu > li {border-top: 1px solid #fff;}
	ul.nav-menu > li > a {padding: 15px; font-size: 1.2em;}
	ul.nav-menu .sub-menu {margin:0; padding: 10px 0 3px; font-size: .95em;}
	ul.nav-menu .sub-menu li {margin-bottom: 10px;}
	ul.nav-menu .sub-menu li a {padding: 5px 15px;}
}
@media (min-width:992px) {
	.main-nav {display: block !important;}
	ul.nav-menu > li {display: inline-block;}
	ul.nav-menu > li > a {padding: 12px 15px;}
	ul.nav-menu li > a:hover, .nav-menu li:hover > a {text-decoration: none; color: #fff;}
	ul.nav-menu li.nav-contact > a:hover, .nav-menu li.nav-contact:hover > a {color: #fff;}
	ul.nav-menu li.menu-item-has-children > a:after {margin-left: 10px; width: 9px; height: 18px; position: relative; top: 2px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'><path fill='%23ffffff' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/></svg>") no-repeat 0 0;}
	ul.nav-menu ul.sub-menu {top: 100%; background: var(--CorailDark); width: 265px; position: absolute; left: -999em;z-index: 999; font-size: .9em;}
	ul.nav-menu li:hover > ul.sub-menu {left: 0;}
	ul.nav-menu ul.sub-menu > li {border-bottom: 1px solid rgba(255, 255, 255, .3);}
	ul.nav-menu ul.sub-menu a {padding: 12px 15px;}
	ul.nav-menu ul.sub-menu li:hover a,
	ul.nav-menu ul.sub-menu a:hover {background-color: rgba(255, 255, 255, .1); color: #fff;}
}
@media (min-width: 1200px) {
	ul.nav-menu > li > a {padding: 12px 18px;}
	ul.nav-menu ul.sub-menu a {padding: 12px 18px;}
}


/* ******************************* FOOTER */

.cta {background-color: var(--Corail); color: #fff; padding: 40px 0; margin-bottom: 1px;}
.cta-title {margin: 0;font-size: 1.4em;font-family: "Marcellus", serif;font-weight: 400;font-style: normal;}
.cta-subtitle {margin: 0;}
@media (min-width: 480px) {
	.cta-title {font-size: 1.6em;}
}
@media (min-width: 768px) {
	.cta-title {font-size: 1.75em;}
}
@media (min-width: 992px) {
	.cta-title {font-size: 1.85em;}
}
@media (min-width: 1200px) {
	.cta-title {font-size: 2em;}
}

.page-footer {background-color: var(--Vert);padding: 50px 0 10px; color: #fff;}
.page-footer a {color: #fff;}
.page-footer a:hover {text-decoration: underline;}
.footer-contact svg {width: 20px; height: auto; margin-right: 10px;}
.footer-contact svg path {fill: #fff;}
.footer-mentions {font-size:0.85em;}
.footer-mentions li:before {content:"";width: 1px; height: 10px; background-color: #fff; display: inline-block;margin: 0 10px 0 0;}
@media (max-width: 991px) {
	.footer-mentions li:first-child:before {content: none;}
}

.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;}

.nocomments {display: none;}
.alignleft {float:left; margin:0 15px 8px 0;}
.alignright {float:right; margin:0 0 8px 15px;}
img.aligncenter,
.m-text picture.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.5em 2em 1px;}
.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;}

.faq-items {border-top: 1px solid #ddd;}
.m-faq {border-bottom: 1px solid #ddd;}
.m-faq summary {padding: 15px 0;font-weight: 500;}


.fiche-tarifs {height: 100%; background-color: var(--Beige); padding: 30px 30px 50px; border-radius: 5px;}
.fiche-details {font-size: .85em;}
.fiche-tarifs p {margin-bottom: .8em;}
.fiche-tarifs hr {border-top: 1px solid rgba(0, 0, 0, 0.3);margin: 0; padding-top: .8em;}

@media (min-width: 992px) {
	.fiche-tarifs {position: relative; margin-top: -40px;}
}

.hero {background: var(--Bleu) url("images/hero-768.webp") no-repeat center center; background-size: cover;}
.hero .d-flex {height: 350px;}
.hero h1 {margin-bottom: .2em; line-height: 1.25em; text-shadow: 0 0 10px rgba(255, 255, 255, .8);}
.hero p {margin-bottom: 1.7em; text-transform: uppercase; font-weight: 500; font-size: 1.1em;text-shadow: 0 0 10px rgba(255, 255, 255, .8);}
.hero .btn {font-size: 16px;padding: .7em 1.5em .8em; box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);}
@media (min-width: 480px) {
	.hero .btn {font-size: 18px;}
}
@media (min-width: 768px) {
	.hero {background-image: url("images/hero-1200.webp");}
	.hero .d-flex {height: 400px;}
}
@media (min-width: 1200px) {
	.hero {background-image: url("images/hero-1500.webp");}
}
@media (min-width: 1500px) {
	.hero {background-image: url("images/hero-2000.webp");}
}

.homeprestas {background-color: var(--Beige); padding: 30px; border-radius: 5px;}
@media (min-width: 480px) {
	.homeprestas {padding: 30px 50px;}
}
@media (min-width: 1200px) {
	.homeprestas {padding: 30px 70px;}
}

/* 404 */
svg.error-icon {width: 50px;margin: 20px auto 40px;}
svg.error-icon path {fill: #000;}

/* Sitemap */
.m-sitemap {margin-bottom: 40px;}

/* SOCIALS */

.socials button {width: 26px; height: 26px; margin-right: 5px; border: none; background-color: transparent; padding: 0; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle;}
.socials button svg {display: block;}
.socials > button:last-child {margin-right: 0;}
.socials button svg path {fill: #fff;}
.socials button:hover svg path {fill: var(--Beige);}

/* FORMS */

.form-group .label {display: inline-block; margin-bottom: 5px;}
.form-control {font-size: 16px;padding: 0.4em 0.8em; border-radius: 2px; background-color: #f6f5ed; border: 1px solid var(--BeigeDark);}
#respond textarea {max-width: 100%;}
.form-control:focus {border-color: var(--Corail);}
.form-select {font-size: 16px;padding:  0.4em 0.8em; border-radius: 2px; background-color: #f6f5ed; border: 1px solid var(--BeigeDark);background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");background-position: right 0.75rem center;background-size: 16px 12px;}
.form-select:focus {border-color: var(--Corail);;}

.form-check {min-height: 20px;}
.form-check input {width: 20px;height: 20px; background-color: var(--Beige); border: 1px solid var(--BeigeDark);background-size: contain;}
.form-check input:checked {border-color: var(--Corail); background-color: var(--Corail);}
.form-check input:checked[type=checkbox] {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");}
.form-check input:checked[type=radio] {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23fff'/></svg>");}

.form-control::-webkit-file-upload-button {color: #fff; background-color: var(--Bleu);}
.form-control::file-selector-button {color: #fff; background-color: var(--Bleu);}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {background-color: var(--Bleu);}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color: var(--Bleu);}

.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;}

/* 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; } .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;border: 0; color: #fff;} .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; font-weight: bold;}
#cookie-notice a:hover, #cookie-notice a:focus {text-decoration: none;}
#cn-accept-cookie {background:#298b32 !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;}