/* Theme Name: Template Eymaries Theme URI: https://www.les-eymaries.fr/ Description: Theme Eymaries Version: 1.0 Author: Elodie B. Author URI: https://www.elodieberger.com/ Text Domain: Eymaries */ /* 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;} .post-edit-link {position: fixed; bottom: 50px; 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;} /* GENERAL */ html {font-size: 14px;} body {margin: 0;font-size: 15px;line-height: 1.35; color: #1a171b; background-color: #fff; font-family: 'Montserrat', Arial, sans-serif;font-weight: 400;} a {color: #a4c22a; text-decoration: none;} a:hover, a:focus {text-decoration: underline;} b, strong {font-weight:700} h1 {padding: 12px 18px;font-size: 1.7em;background-color: rgba(0,0,0,0.4);text-transform: uppercase; font-weight: 700; line-height: 1em; color: #fff;} body.home h1 {position: absolute; left: -999em;} h2 {font-size: 1.7em; color: #d6bd51; margin-bottom: .8em;font-weight: 700; text-transform: uppercase; line-height: 1.1em;} h3 {font-size: 1.1em; color: #1a171b; margin-bottom: 1em; font-weight: 700; text-transform: uppercase;} .subtitle {display: block; font-family: 'Sacramento', cursive;text-transform: none; text-align: center; line-height: .95em; font-size: 2.35em;color: #1a171b; font-weight: normal;} .subtitle strong {font-family: 'Montserrat', Arial, sans-serif;font-weight: 700; display: block;text-transform: uppercase;color: #d6bd51;} .bandeau {height: 300px; position: relative; padding-top: 120px; background-color: #f6f6f6; background-size: cover; background-position: center center;} .bandeau:after {content: ""; position: absolute; left: 0; right: 0; top: 2px;height: 6px; background: url("images/frise-yellow.png") repeat-x 0 0;z-index: 10;} .main-title {text-align: center;} .main-title h1 {display: inline-block;} .main-subtitle span {display: inline-block; background-color: rgba(0,0,0,0.7);text-transform: uppercase; font-weight: 700;line-height: 1em; color: #fff;padding: 12px 18px;} @media (min-width: 768px) { h1 {font-size: 2.2em;} h2 {font-size: 2em;} h3 {font-size: 1.2em;} } /* ******************************* CLASSES / UTILITAIRES */ p, ul, table, form {margin-bottom:1em;font-size: 1em;} table{width:100%;border:0;max-width:100%;margin-bottom:1rem;border-top: 1px solid #ddd;} table td,table th{padding:.75rem;vertical-align:middle; border:none; border-bottom: 1px solid #ddd;} table thead th, table thead td{vertical-align: middle; 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}} .bg--grey {background-color: #f6f6f6;} .bg--white {background-color: #fff;} .bg--yellow {background-color: #d6bd51;} .bg--blue {background-color: #00192f;} .bg--green {background-color: #95b920;} .c--white {color: #fff !important;} .c--yellow {color: #d6bd51 !important;} .c--blue {color: #00192f !important;} .c--green {color: #95b920 !important;} .font-xs {font-size: .85em;} .font-lg {font-size: 1.25em;} .alert {background-color: #f5f2ed; padding: 1em;} /* 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;} .m-text ul {padding: 0;} .m-text li {list-style: none;padding-left: 1em;position: relative;} .m-text li:before {content: ""; width: 5px; height: 5px; border-radius: 50%;background-color: #1a171b; position: absolute; left: 0; top: 7px;} .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;} .sep {clear: both; height: 3em; display: block;} hr {border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 1rem 0; clear: both;} blockquote {font-size: 2.2em; line-height: 1.1em; position: relative; font-family: 'Sacramento', cursive;color: #d6bd51;border-left: 3px solid #d6bd51; padding-left: 15px;} .btn, #submit {padding: 8px 5px 7px 19px; text-transform: uppercase; border-radius: 18px; font-size: 17px; font-weight: 700 !important; text-shadow: none !important; text-align: center; background-color: #1f222e; color: #fff; 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: #353a4f;text-decoration: none;} .btn:after, #submit:after {content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 9px; margin-right: 10px; vertical-align: middle;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;-webkit-filter: invert(82%) sepia(23%) saturate(1032%) hue-rotate(3deg) brightness(91%) contrast(87%);filter: invert(82%) sepia(23%) saturate(1032%) hue-rotate(3deg) brightness(91%) contrast(87%);-webkit-transition: all .2s 0s; -moz-transition: all .2s 0s; -ms-transition: all .2s 0s; -o-transition: all .2s 0s; transition: all .2s 0s;} .btn:hover:after, .btn:focus:after, #submit:hover:after, #submit:focus:after {margin-left: 15px; margin-right: 4px;} .btn--green {background-color: #95b920;} .btn--green:hover, .btn--green:focus {background-color: #83a31a;} .btn--green:after {-webkit-filter: invert(6%) sepia(43%) saturate(4900%) hue-rotate(192deg) brightness(101%) contrast(101%);filter: invert(6%) sepia(43%) saturate(4900%) hue-rotate(192deg) brightness(101%) contrast(101%);} .btn--white {background-color: #fff; color: #1f222e;} .btn--white:hover, .btn--white:focus {background-color: #fff; color: #000;box-shadow: 0 0 5px #000, 1px 1px 2px #000;} .btn--white:after {-webkit-filter: invert(82%) sepia(23%) saturate(1032%) hue-rotate(3deg) brightness(91%) contrast(87%);filter: invert(82%) sepia(23%) saturate(1032%) hue-rotate(3deg) brightness(91%) contrast(87%);} .btn--outline {color: #1f222e; padding: 6px 5px 5px 19px; background-color: transparent; background-image: none; border: 2px solid #1f222e; } .btn--outline:hover, .btn--outline:focus {background-color: rgba(255,255,255,0.2);color: #1f222e;} .btn--outline:after {-webkit-filter: invert(6%) sepia(43%) saturate(4900%) hue-rotate(192deg) brightness(101%) contrast(101%);filter: invert(6%) sepia(43%) saturate(4900%) hue-rotate(192deg) brightness(101%) contrast(101%);} .btn--sm {padding: 7px 5px 6px 19px; font-size: 14px;} .btn--sm:after {width: 12px; height: 12px;} .btn--outline.btn--sm {padding: 5px 5px 4px 19px;} @media (max-width: 479px) { .btn--sm {font-size: 13px;} } /* ******************************* HEADER */ #page {overflow: hidden;padding-top: 56px;} .main-content {background: url("images/frise-yellow.png") repeat-x 0 2px; padding-top: 4em;} .page-header {background: #ddc763; height: 56px; z-index: 999;position: fixed; left: 0; right: 0; top: 0;} .page-header > .container {position: relative;} .header-languages {position: absolute;left: 15px; top: 10px; z-index: 998;} .languages-dropdown { width: 40px; background-color: #c1ad57;color: #5c501b; font-size: .85em; font-weight: 600; text-align: center;} .wpml-ls-legacy-dropdown ul {margin: 0;padding: 0;} .wpml-ls-legacy-dropdown ul li {display: block;position: relative;} .wpml-ls-legacy-dropdown a {display: block;padding: 6px 5px 5px; color:#73601f; line-height: 1em; } .wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a.is-open {background-color: #b5a24f; text-decoration: none;} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {width: 100%; padding-top: 5px; position: absolute; left: 0; top: 21px; margin: 0;background-color: #b5a24f;} .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:focus {background-color: #ab9848;} .header-logo {position: absolute; top: 0; left: 50%; margin-left: -90px;width: 180px; height: 93px;background-color: #fff; border-radius: 0 0 85px 85px;z-index: 9999;} .header-logo a {display: block;padding-top: 12px; height: 93px; text-align: center;font-size: 1.3em;} .header-logo a:hover, .header-logo a:focus {text-decoration: none;} .header-logo .logo-eymaries {font-size: .75em;} .logo-eymaries {color: #000;} .logo-eymaries span {display: block;line-height: 1em;font-family: 'Sacramento', cursive; font-size: 2.55em; line-height: .8em;} .logo-eymaries strong {display: block; font-weight: 700;text-transform: uppercase; line-height: 1em; font-size: 2.1em;} @media (max-width: 991px) { .header-logo {box-shadow:0 2px 8px rgba(0,0,0,0.2);} } @media (min-width: 992px) { #page {padding-top: 90px;} .page-header {height: 90px;-webkit-transition: height .4s 0s; -moz-transition: height .4s 0s; -ms-transition: height .4s 0s; -o-transition: height .4s 0s; transition: height .4s 0s;} .page-header-scroll {height: 65px;} .header-logo {margin-left: -123px;width: 246px; height: 128px;border-radius: 0 0 115px 115px;-webkit-transition: all .4s .1s; -moz-transition: all .4s .1s; -ms-transition: all .4s .1s; -o-transition: all .4s .1s; transition: all .4s .1s;} .page-header-scroll .header-logo {margin-left: -90px;width: 180px; height: 93px;border-radius: 0 0 85px 85px;box-shadow:0 2px 8px rgba(0,0,0,0.2);} .header-logo a {padding-top: 20px; height: 128px;-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;} .page-header-scroll .header-logo a {padding-top: 12px;height: 93px;} .header-logo .logo-eymaries {font-size: 1em;-webkit-transition: font-size .3s 0s; -moz-transition: font-size .3s 0s; -ms-transition: font-size .3s 0s; -o-transition: font-size .3s 0s; transition: font-size .3s 0s;} .page-header-scroll .logo-eymaries {font-size: .75em;} .header-languages {-webkit-transition: top .4s 0s; -moz-transition: top .4s 0s; -ms-transition: top .4s 0s; -o-transition: top .4s 0s; transition: top .4s 0s;} .page-header-scroll .header-languages {top: 5px;} .header-toolbar {color: #5c501b; font-size: .85em;padding: 15px 0 11px;-webkit-transition: padding .4s 0s; -moz-transition: padding .4s 0s; -ms-transition: padding .4s 0s; -o-transition: padding .4s 0s; transition: padding .4s 0s;} .header-toolbar-left span {margin-right: 133px;} .header-toolbar-right span {margin-left: 133px;} .header-description {color: #74611e;} .page-header-scroll .header-toolbar {padding: 5px 0 5px;} } /* ******************************* NAV */ .main-nav {position: relative;z-index: 997;} .main-nav ul {margin: 0; padding: 0;} ul.nav-menu a {display: block;color: #1a171b;} 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: 5px; right: 10px;} .nav-icon {width: 40px; cursor: pointer;} .nav-icon:after, .nav-icon:before, .nav-icon div {background-color: #1a171b; -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:991px) { #nav {display: none;} .main-nav {position: fixed; top: 56px; left: 0; right: 0; bottom: 0; overflow-y:scroll;background-color: #ddc763; padding: 35px 0 12px; text-align: center;} ul.nav-menu {margin-left: 15px; margin-right: 15px;} ul.nav-menu .sub-menu {margin:0;} ul.nav-menu li a:hover, ul.nav-menu li a:focus {background-color: #b49f47;} ul.nav-menu > li {margin-top: 5px;} ul.nav-menu > li > a {padding: 10px 5px;font-weight: 600; color: #fff; text-transform: uppercase;} ul.nav-menu .sub-menu a {padding: 5px 10px;} } @media (min-width:992px) { .main-nav {display: -ms-flexbox !important; display: flex !important; font-size: .9em;} .nav-left, .nav-right {width: 50%;} .nav-left > div {margin-right: 133px;} .nav-right > div {margin-left: 133px;} ul.nav-menu > li {display: inline-block;vertical-align: top;} ul.nav-menu > li > a {padding: 16px 2px 14px;text-transform: uppercase;font-weight: 600; line-height: 1em; font-size: 1.05em;} .page-header-scroll ul.nav-menu > li > a {padding: 16px 2px 14px;} ul.nav-menu li > a:hover, .nav-menu li:hover > a {text-decoration: none; color: #fff;} ul.nav-menu > li.nav-equestre a {color: #fff;position: relative;} ul.nav-menu > li.nav-equestre a:hover, ul.nav-menu > li.nav-equestre a:focus {color: #1a171b;} ul.nav-menu > li.nav-equestre a:before {content: "";width: 55px; height: 49px; background: url("images/cheval.png") no-repeat 0 0; position: absolute; top: -38px; left: 50%;margin-left: -27px;} .page-header-scroll ul.nav-menu > li.nav-equestre a:before {width: 34px; height: 30px; background-size: 34px 30px; top: -22px; margin-left: -17px;} ul.nav-menu ul.sub-menu {background-color: #fff; box-shadow:0 2px 5px rgba(0,0,0,0.2);padding: 8px 0 5px; font-size: .95em; top: 40px; width: 248px; margin-left: -124px; position: absolute; height: auto; left: -999em;z-index: 999;text-align: center;} ul.nav-menu li:hover > ul.sub-menu {left: 50%;} ul.nav-menu ul.sub-menu:after {content: "";background-color: #ddc763; display: block; width: 20px; height: 11px; border-radius: 0 0 18px 18px; position: absolute; left: 50%; margin-left: -10px; top: 0;} ul.nav-menu ul.sub-menu li {font-size: .9em;} ul.nav-menu ul.sub-menu a {padding: 8px 5px;} ul.nav-menu ul.sub-menu a:hover, ul.nav-menu ul.sub-menu a:focus {font-weight: 600;color: #1a171b;} } @media (min-width: 1200px) { .main-nav {font-size: 1em;} ul.nav-menu > li > a {padding: 15px 2px 13px;} .page-header-scroll ul.nav-menu > li > a {padding: 12px 2px 10px;} .page-header-scroll ul.nav-menu ul.sub-menu {top: 38px;} } /* ******************************* FOOTER */ .page-footer {background-color: #00223d;padding-top: 2.3em;font-size: .9em; color: #fff;position: relative;} .page-footer:before {content: ""; position: absolute; left: 0; right: 0; top: -6px;height: 6px; background: url("images/frise-footer.png") repeat-x 0 0;} .page-footer p {margin-bottom: .7em;} .footer-subtitle {font-weight: 900; text-transform: uppercase;font-size: 1.1em;margin-top: 1em;} .footer-contact-wrap {overflow: hidden;} .footer-contact a:hover, .footer-contact a:focus {text-decoration: none; color: #f0d854;} .footer-contact img {margin: 4px 10px 0 0;} .footer-contact .logo-eymaries {margin-bottom: 5px; padding-top: 4px; color: #d6bd51;} .footer-contact .logo-eymaries strong {color: #fff;} .footer-contact .svg-inline--fa {font-size: .85em;} .footer-newsletter .footer-subtitle {font-size: 2em;margin-bottom: 0px;margin-top: 13px;} .footer-newsletter .footer-subtitle + p {color: #738697;} .footer-newsletter .input-group-btn {padding-left: 5px;} .footer-newsletter .form-control {border-radius: 0.25rem !important;} .footer-links {margin-bottom: 20px;} .footer-links a:hover, .footer-links a:focus {text-decoration: none; color: #f0d854;} .footer-links li:before {content: ""; display: inline-block; width: 11px; height: 12px; margin-right: 4px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;-webkit-filter: invert(70%) sepia(31%) saturate(1033%) hue-rotate(31deg) brightness(91%) contrast(88%);filter: invert(70%) sepia(31%) saturate(1033%) hue-rotate(31deg) brightness(91%) contrast(88%);} .footer-mentions { clear:both; font-size:0.85em; padding: 2.5em 0 1em;} .footer-mentions a {color: #fff;} .footer-mentions a:hover, .footer-mentions a:focus {text-decoration: underline;} .footer-mentions > p {margin-right: 8px;} .footer-mentions li:before {content:"";width: 1px; height: 10px; background-color: #fff; display: inline-block;margin: 0 8px 0 0;} @media (min-width: 768px) and (max-width: 992px) { .footer-links {padding-left: 90px;} } /* ******************************* MODULES */ .m-text--color {padding: 10px 15px;} .m-text img {max-width: 100%; height: auto;} .m-text iframe, .m-text object {max-width: 100%;} .m-accordion-section {border: 1px solid #95b920;margin-bottom: 1.5em;} .m-accordion-title {background-color: #95b920; color: #fff;padding: .7em 2em .7em 1em;position: relative; cursor: pointer;display:block;font-size: 1.15em;} .m-accordion-title:hover, .m-accordion-title:focus {background-color: #89ab19; text-decoration: none;} .m-accordion-title .svg-inline--fa {position: absolute; right: 1em; top: .6em; background-color: rgba(255,255,255,0.5); border-radius: 50%; padding: 4px; width: 20px; height: 20px;} .m-accordion-title.active .svg-inline--fa {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .m-accordion-panel {border-top: 1px solid #95b920;padding: 1.2em 1.4em .5em;display:none;overflow: hidden;} .m-tabs-nav {margin: 0;position: relative;z-index: 2;width:100%;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:0;max-width:100%;} .m-tabs-link {cursor: pointer; margin: 0 5px 5px 0;display: block;background-color: #d6bd51;white-space: nowrap; color: #1a171b;padding: .5em;font-size: .9em; text-transform: uppercase;} .m-tabs-link.active, .m-tabs-link:hover {background: #00192f;color: #fff; text-decoration: none;} .m-tabs-panel {position: relative;z-index: 1; margin-bottom: 1em; background-color: #fff;padding: 1.2em 1.4em .5em;border: 1px solid #00192f; display: none;} @media (min-width: 480px) { .m-tabs-link {margin: 0 10px 15px 0;padding: .65em;} } @media (min-width: 992px) { .m-tabs-link {margin: 0 5px 5px 0;padding: .8em; white-space: normal;} } .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:after {font-family: "Font Awesome\ 5 Pro"; content: "\f00e";opacity: 0; font-size: 60px; color: #fff;position: absolute; left:50%; top: 50%; margin-top: -30px; margin-left: -25px;-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;} figure.hover--style1 a:hover .svg-inline--fa {opacity: 0.7; font-size: 50px;} figure.hover--style1 a:hover img {opacity: 0.9;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .m-masonry {padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em; } .m-masonry figure {display: inline-block; position: relative; margin: 0 0 1.5em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .m-masonry figure a {display: block;} .m-masonry figure a .masonry-caption { position: absolute; right: 15px; bottom: 15px; opacity: 1;background-color: rgba(0,0,0,0.6); padding: 6px 15px; color: #fff; text-align: right; font-size: .85em; color: #ccc;} .m-masonry figure a:hover .masonry-caption {opacity: .6;} @media (min-width: 480px) {.m-masonry {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}} @media (min-width: 768px) {.m-masonry {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}} .m-band {background-color: #00192f;overflow: hidden; position: relative;background-repeat: no-repeat;} .m-band > .container:before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.2);} .m-band-text {margin: 3em auto; padding: 1em 1em .2em;text-align: center;font-size: 1.5em;} .m-band-text p {color: #fff;font-weight: 900; text-shadow: 0 0 5px #000,1px 1px 2px #000;} @media (max-width: 767px) { .m-band {background-position: center center !important;} } @media (min-width: 768px) { .m-band {background-attachment: fixed;} .m-band-text {padding: 1.5em 1.5em .5em;font-size: 2.5em;} } @media (min-width: 992px) { .m-band {background-size: cover;} } /* ******************************* HOME */ .section-homestages {background-color: #95b920;} .section-homestages > .container {position: relative;} .homereviews {color: #fff;padding: 2em 0;position: relative; z-index: 2;} .homereviews blockquote {font-family: 'Montserrat', Arial, sans-serif;border:none; color: #fff; padding: 0; font-size: 1em; line-height: 1.3em; font-style: italic;} .homenews {padding: 2em 0;} .homenews-list li {line-height: 1.2em;margin-bottom: 6px;} .homenews-list li:before {content: ""; display: inline-block; margin-right: 5px;width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #00192f;} .homenews-list li a {color: #fff;} @media (max-width: 991px) { .section-homestages .col-12.col-lg-4.order-2.order-lg-1:before {content: ""; position: absolute; top: 0; bottom: 0; right: 0; left:-200%; width: 999%; background: #00192f;z-index: 1;} .section-homestages .col-12.col-lg-7.offset-lg-1.order-1.order-lg-2:before {content: ""; position: absolute; bottom: 0; right: 0; left:-200%; width: 999%; height: 6px; background: url("images/frise-footer.png") repeat-x 0 0;} } @media (min-width: 992px) { .section-homestages > .container:before {content: ""; background: #00192f url("images/frise-verti.png") repeat-y right 0; position: absolute; top: 0; bottom: 0; right: 62%; width: 999%;} } /* */ .blocLink {position: relative;max-width: 600px; margin: 0 auto;} .blocLink > img {-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;} a.blocLink-text {position: absolute; left: 0;top: 0; right: 0; bottom: 0; color: #1a171b;} .blocLink-round {position: relative; z-index: 20; background-color: rgba(255,255,255,0.9); width: 190px; height: 190px; padding: 15px; border-radius: 50%;text-align: center;} .blocLink-round:before {content: ""; z-index: -1; border-radius: 50%;left: 0; top: 0; right: 0; bottom: 0; border:1px solid #fff; background-color:transparent; position: absolute;opacity: 0;-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;} .blocLink-round span.subtitle {font-size: 2em;} .blocLink-round span.subtitle strong {font-size: .9em;} .blocLink-round span.pers {display: block; padding-top: 8px;} .blocLink-round span.text {font-size: 24px; text-transform: uppercase; font-weight: 700;line-height: 1.15em;} .blocLink-round span.arrow {width: 36px; height: 36px;background-color: #d6bd51;border-radius: 50%;display: block; margin-top: 10px;} .blocLink-round .svg-inline--fa {display: block; width: 11px; height: 11px; margin: 12px auto; -webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;} .blocLink:hover img, .blocLink:focus img {opacity: .9;} a.blocLink-text:hover, a.blocLink-text:focus {text-decoration: none;} a.blocLink-text:hover .blocLink-round , a.blocLink-text:focus .blocLink-round {background-color: rgba(255,255,255,1);} a.blocLink-text:hover .svg-inline--fa, a.blocLink-text:focus .svg-inline--fa {width: 14px; height: 14px;margin-top: 10px;} a.blocLink-text:hover .blocLink-round:before, a.blocLink-text:focus .blocLink-round:before {opacity: 1; border:2px solid #fff;left: -5px; top: -5px; right: -5px; bottom: -5px;} /* ******************************* LOCS */ .loc-icons {font-size: .8em; line-height: 1.2em; text-align: center; padding-top: 1em;max-width: 500px;} .loc-icons img {margin-bottom: 5px;} .locs_options {font-size: .85em;} .loc-icons--lavelinge {display: none;} body.page-id-136 .loc-icons--lavelinge, body.page-id-2433 .loc-icons--lavelinge, body.page-id-2434 .loc-icons--lavelinge {display: block;} .mosaic-loc {margin-bottom: 60px;overflow: hidden;} .mosaic-loc-btn {background-color: #fff; position: absolute; left: 0; right: 0; bottom: -30px;} .mosaic-loc-btn .btn:after {background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;} .mosaic-loc-btn .btn .close {display: none;} .mosaic-loc.is-open .mosaic-loc-btn .btn .open {display: none;} .mosaic-loc.is-open .mosaic-loc-btn .btn .close {display: inline-block;} .mosaic-loc.is-open .btn:after {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);} @media (min-width: 480px) and (max-width: 767px) { .mosaic-loc .col-md-4 {height: 1px;} .mosaic-loc .col-md-4:nth-child(-n+6){height: auto;} .mosaic-loc.is-open .col-md-4{height: auto;} } @media (min-width: 768px) { .mosaic-loc {height: 262px;} .mosaic-loc.is-open {height: 100% !important;} } @media (min-width: 992px) {.mosaic-loc {height: 351px;}} @media (min-width: 1200px) {.mosaic-loc {height: 420px;}} /* 404 */ .m-error {margin: 0 auto 3em; max-width: 700px;} .m-error .m-error-icon {font-size: 6em;color: #95b920;} /* ******************************* SLIDER */ .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: #95b920; 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: 20px; padding-right: 15px; text-align: center; z-index: 70; margin: 0 auto;} .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: 14px; height: 14px; 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;position: relative;} .flex-control-paging li a.flex-active:before {content: ""; width: 20px; height: 20px; position: absolute;left: -3px; top: -3px;border:1px solid #fff;border-radius: 50%;} .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;} @media (min-width: 768px) {#slider-1 .flex-control-paging {width: 720px;margin-left: -360px; left: 50%;padding-right: 0;} } @media (min-width: 992px) {#slider-1 .flex-control-paging {width: 960px;margin-left: -480px} } @media (min-width: 1200px) {#slider-1 .flex-control-paging {width: 1140px;margin-left: -570px} } .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;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-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:after {content: ""; position: absolute; left: 0; right: 0; top: 2px;height: 6px; background: url("images/frise-yellow.png") repeat-x 0 0;z-index: 10;} #slider-1 .slides, #slider-1 .slides li {height: 400px;} #slider-1 .slides > li {background-position: center center; background-repeat: no-repeat;} #slider-1 .flex-caption {position: absolute; left: 0; right: 0; bottom: 55px;} #slider-1 .flex-caption-1 {margin-bottom: 3px;} #slider-1 .flex-active-slide .flex-caption-1 {-webkit-transform: translateX(200px);-ms-transform: translateX(-200px);-moz-transform: translateX(200px);transform: translateX(200px); animation: moveslide1 0.8s ease forwards;-webkit-animation: moveslide1 0.8s ease forwards;-ms-animation: moveslide1 0.8s ease forwards;-moz-animation: moveslide1 0.8s ease forwards;} #slider-1 .flex-active-slide .flex-caption-2 {-webkit-transform: translateX(-200px);-ms-transform: translateX(-200px);-moz-transform: translateX(-200px);transform: translateX(-200px); animation: moveslide2 0.8s ease forwards;-webkit-animation: moveslide2 0.8s ease forwards;-ms-animation: moveslide2 0.8s ease forwards;-moz-animation: moveslide2 0.8s ease forwards;} #slider-1 .flex-caption-text span {display: inline-block; text-transform: uppercase; font-weight: 700; padding: 8px 12px; font-size: 1.1em; line-height: 1em; color: #fff;} #slider-1 .flex-caption-1 span {background-color: rgba(0,0,0,0.7);} #slider-1 .flex-caption-2 span {background-color: rgba(0,0,0,0.7);} @media (min-width: 768px) { #slider-1 .slides, #slider-1 .slides li {height: 500px;} #slider-1 .slides > li {background-size: auto auto;} #slider-1 .flex-caption-text span {padding: 10px 15px; font-size: 1.5em;} } @media (min-width: 992px) { #slider-1 .slides, #slider-1 .slides li {height: 650px; background-size: cover;} #slider-1 .flex-caption {bottom: 85px;} #slider-1 .flex-caption-text span {padding: 12px 18px; font-size: 1.8em;} } @keyframes moveslide1 {to {transform: translateX(0);}} @-webkit-keyframes moveslide1 {to { -webkit-transform: translateX(0);}} @keyframes moveslide2 {to { transform: translateX(0);}} @-webkit-keyframes moveslide2 {to { -webkit-transform: translateX(0);}} @keyframes moveslide3 {0% {opacity: 0;} 70% {opacity: 0;} 100% {opacity: 1;}} @-webkit-keyframes moveslide3 {0% {opacity: 0;} 70% {opacity: 0;} 100% {opacity: 1;}} /* ************ Sitemap */ .m-sitemap {margin-bottom: 40px;} .m-sitemap ul li.page_item {margin-bottom: 0.7em;} .m-sitemap ul li.page_item.page_item_has_children > a {display: inline-block; margin-bottom: 0.2em;} .m-sitemap ul li.page_item .children {margin: 0;} .m-sitemap ul li.page_item .children li {margin-bottom: 0.5em;} .m-sitemap ul li.page_item .children li:before {border: 1px solid #000; content: ""; background-color: transparent; border-radius: 0; width: 6px; height: 6px; border-right: none; border-top: none;} .m-sitemap li .date {display: block; font-size: .8em;} /* ************* LIST ARTICLES */ .m-article {position: relative;} .m-article--cat {background-color: #f8f8f8;} .m-article-title {font-size: 1.1em; margin-bottom: .9em;} .m-article--home .m-article-title {color: #fff;} .m-article-thumb {position: relative;} .m-article-date {position: absolute; top: 28px; left: -20px; text-transform: uppercase; background-color: #fff; color: #000; font-weight: 700; padding: 5px 8px;} .m-article--past .m-article-date {opacity: .5;} .m-article-content {padding: 0 15px 5px;} .m-article--cat .m-article-content {padding-bottom: 45px;} .m-article--cat .btn {position: absolute; left: 15px; bottom: 15px;} @media (min-width: 480px) {.m-article--cat .m-article-content {min-height: 365px;}} @media (min-width: 768px) {.m-article--cat .m-article-content {min-height: 305px;}} @media (min-width: 1200px) {.m-article--cat .m-article-content {min-height: 270px;}} /* ************* SINGLE */ body.single .main-date {text-align: center; font-size: 1.7em; color: #95b920; margin-bottom: 1em;font-weight: 700; text-transform: uppercase; line-height: 1.1em;} @media (min-width: 768px) {body.single .main-date {font-size: 2em;}} .share-title {text-transform: uppercase;display: inline-block;font-size: .9em;} .section-inscription {background-color: #f6f6f6;} .section-inscription > .container {position: relative;} .inscription-stage, .inscription-gite {position: relative; z-index: 2; padding: 3em 0;} @media (max-width: 991px) { .section-inscription .col-12.col-lg-4:before {content: ""; position: absolute; bottom: 0; right: 0; left:-200%; width: 999%; height: 6px; background: url("images/frise-inscription.png") repeat-x 0 0;} .section-inscription .col-12.col-lg-7.offset-lg-1:before {content: ""; position: absolute; top: 0; bottom: 0; right: 0; left:-200%; width: 999%; background: #ddd;z-index: 1;} } @media (min-width: 992px) { .section-inscription > .container:before {content: ""; background: #ddd url("images/frise-verti2.png") repeat-y right 0; position: absolute; top: 0; bottom: 0; right: 62%; width: 999%;} } .section-inscription form {font-size: .95em;} .section-inscription form strong {font-weight: 600;} .section-inscription form .form-check {padding-left: 0;font-weight: 600;} .section-inscription form .form-check input {margin-right: 5px;} .section-inscription form .form-check label {margin-bottom: 2px;} .section-inscription form .form-group-margin {margin-bottom: 3px;} body.single .comments {background-color: #f6f6f6;} .comments > .container {position: relative;} .comments .comment-edit-link, .comments .says, .comments #comments, .comments .navigation { display:none;} .commentlist {padding: 0;} .commentlist .comment { padding:1.5rem; background:#f8f8f8; list-style: none;margin-bottom: 1.5em;} .commentlist .comment-body {position: relative;} .comment-author {margin-bottom: 1.5rem;} .comment-author img {margin-right: 5px;border-radius: 50%;} .comment-author .fn {font-style: normal;overflow: hidden;} .comment-meta {margin-bottom: 1.5rem;font-size: .65em;} .comment-meta a, .comment-meta a:hover {text-decoration: none; color: #444; cursor: default;} .comment-meta + p {clear: both;} .commentlist ul.children {margin: 0;padding: 0;} .commentlist ul.children .comment { background: rgba(153,153,153,0.1);margin-bottom: 1rem;} .commentlist ul.children .comment:last-child { margin-bottom: 0;} .comments .comment-awaiting-moderation {float: right;} .commentlist .reply {margin-bottom: 1rem; font-size: .8em;} .comments > .btn:after {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);} @media (min-width: 768px) { .comment-author {float: left;} .comment-meta {float: right;} } .pagination {display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem;-ms-flex-pack: center; justify-content: center; } .pagination li:first-child a {margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .pagination li:last-child a {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination--lg a {padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination--lg li:first-child a {border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination--lg li:last-child a {border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination--sm a {padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination--sm li:first-child a {border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination--sm li:last-child a {border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .pagination a {color: #00192f; background-color: #fff; border: 1px solid #ddd;position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25;} .pagination li.active a {color: #fff; background-color: #00192f; border-color: #00192f;z-index: 2;cursor: default;} .pagination a:focus, .pagination a:hover {color: #00192f;background-color: #e9ecef;text-decoration: none; } /* ******************************* SOCIALS */ .socials a {color: #000; font-size: 20px; display: inline-block; vertical-align: middle; width: 30px; height: 30px; line-height: 30px; text-align: center;} .socials--colors a {color: #fff; border-radius: 2px;} .share .socials a {font-size: 16px; width: 22px; height: 22px; line-height: 22px;} .socials--colors a.facebook {background: #4171a5;} .socials--colors a.facebook:hover {background: #678db7;} .socials--colors a.twitter {background: #33ccff;} .socials--colors a.twitter:hover {background: #33c7e9;} .socials--colors a.googleplus {background: #f0583f;} .socials--colors a.googleplus:hover {background: #f37965;} .socials--colors a.youtube {background: #c92d20;} .socials--colors a.youtube:hover {background: #dd7971;} .socials--colors a.vimeo {background: #0088c0;} .socials--colors a.vimeo:hover {background: #33a0cd;} .socials--colors a.linkedin {background: #0087bf;} .socials--colors a.linkedin:hover {background: #339fcc;} .socials--colors a.viadeo {background: #505050;} .socials--colors a.viadeo:hover {background: #737373;} .socials--colors a.flickr {background: rgb(0,99,219); background: -moz-linear-gradient(left, rgba(0,99,219,1) 0%, rgba(0,99,219,1) 50%, rgba(255,0,132,1) 50%, rgba(255,0,132,1) 100%); background: -webkit-linear-gradient(left, rgba(0,99,219,1) 0%,rgba(0,99,219,1) 50%,rgba(255,0,132,1) 50%,rgba(255,0,132,1) 100%); background: linear-gradient(to right, rgba(0,99,219,1) 0%,rgba(0,99,219,1) 50%,rgba(255,0,132,1) 50%,rgba(255,0,132,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0063db', endColorstr='#ff0084',GradientType=1 );} .socials--colors a.flickr:hover {background: rgb(51,130,226); background: -moz-linear-gradient(left, rgba(51,130,226,1) 0%, rgba(51,130,226,1) 50%, rgba(255,51,157,1) 50%, rgba(51,130,226,1) 50%, rgba(255,51,157,1) 50%); background: -webkit-linear-gradient(left, rgba(51,130,226,1) 0%,rgba(51,130,226,1) 50%,rgba(255,51,157,1) 50%,rgba(51,130,226,1) 50%,rgba(255,51,157,1) 50%); background: linear-gradient(to right, rgba(51,130,226,1) 0%,rgba(51,130,226,1) 50%,rgba(255,51,157,1) 50%,rgba(51,130,226,1) 50%,rgba(255,51,157,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3382e2', endColorstr='#ff339d',GradientType=1 ); } .socials--colors a.instagram {background: #6358d7; background: -moz-linear-gradient(-45deg, #6358d7 0%, #c048b9 24%, #e23e83 50%, #f8444e 79%, #fdc479 100%); background: -webkit-linear-gradient(-45deg, #6358d7 0%,#c048b9 24%,#e23e83 50%,#f8444e 79%,#fdc479 100%); background: linear-gradient(135deg, #6358d7 0%,#c048b9 24%,#e23e83 50%,#f8444e 79%,#fdc479 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6358d7', endColorstr='#fdc479',GradientType=1 ); } .socials--colors a.instagram:hover {background: rgb(130,121,223); background: -moz-linear-gradient(-45deg, rgba(130,121,223,1) 0%, rgba(205,109,199,1) 24%, rgba(232,101,156,1) 50%, rgba(249,105,113,1) 79%, rgba(253,208,148,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(130,121,223,1) 0%,rgba(205,109,199,1) 24%,rgba(232,101,156,1) 50%,rgba(249,105,113,1) 79%,rgba(253,208,148,1) 100%); background: linear-gradient(135deg, rgba(130,121,223,1) 0%,rgba(205,109,199,1) 24%,rgba(232,101,156,1) 50%,rgba(249,105,113,1) 79%,rgba(253,208,148,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8279df', endColorstr='#fdd094',GradientType=1 ); } .socials--colors a.tripadvisor {background: #62984d;} .socials--colors a.tripadvisor:hover {background: #81ad71;} .socials--colors a.email {background: #505050;} .socials--colors a.email:hover {background: #737373;} .socials--colors a.pinterest {background: #e32228;} .socials--colors a.pinterest:hover {background: #e94e53;} /* 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;} /* FORMS */ .form-group {margin-bottom: 1em;} .form-control, #respond input[type=text], #respond input[type=email], #respond textarea {display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #00192f; background-color: #f9f9f9; background-image: none; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem;} .form-control::-ms-expand {background-color: transparent; border: 0;} .form-control:focus, #respond input[type=text]:focus, #respond input[type=email]:focus, #respond textarea:focus {color: #495057; background-color: #f9f0c8; border-color: #c9b045; outline: none;box-shadow: none;} .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 .wpcf7-response-output:before {display: block; float: left; margin-right: 20px; margin-top: -3px; width: 40px; text-align: center; font-size: 40px; line-height: 30px; color: #fff;font-family: Font Awesome\ 5 Pro; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wpcf7 .wpcf7-response-output.wpcf7-validation-errors:before {content: "\f06a";} .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok:before {content: "\f058";} .wpcf7 .wpcf7-response-output.wpcf7-validation-errors {background-color: red;} .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {background-color: #7ecb50;} .wpcf7-acceptance input {margin-right: 5px;} /* LAZY LOAD */ .is-lazy-loaded {opacity: 0;transform: translateY(150px); animation: lazy-loaded 0.8s ease forwards;} .is-lazy-loaded:nth-child(odd) {animation-duration: 0.6s;} .is-lazy-visible {opacity: 1;transform: translateY(0); animation: none;} @keyframes lazy-loaded {to { transform: translateY(0); opacity: 1;}} /* 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; padding: 24px; margin: 44px 0 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; } }