main h2 {
font-weight: bold;
color: #000;
margin: 2rem 0;
}
main h3 {
color: #1eb4b3;
font-size: 1.65rem;
font-weight: bold;
margin: 1.5rem 0;
}
main h4 {
color: #000;
font-size: 1.35rem;
font-weight: bold;
font-style: italic;
}
main :is(ol,ul) li:not(:last-child) {
margin-bottom: 1rem;
}
main ul li::marker {
color: #3bade3;
}
p.last-updated {
font-weight: 600;
font-style: italic;
}
.video_youtube {
position: relative;
aspect-ratio: var(--r);
margin: 1rem 0;
}
.video_youtube iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.fav_aller {
display: flex;
gap: 15px;
align-items: start;
}
.fav_aller > :is(button,a) {
display: flex;
width: 200px;
min-width: min-content;
min-height: 78px;
align-items: center;
gap: 8px;
background: #0000;
border: 1px solid;
border-radius: 5px;
line-height: 1;
font-weight: 500;
text-transform: uppercase;
font-size: 17px;
text-align: center;
cursor: pointer;
color: #878073;
padding: 0 10px;
position: relative;
}
@media (max-width: 767px) {
.fav_aller > :is(button,a) { 
margin-top: 20px;
flex-direction: column;
padding: 20px 5px;
width: 100%;
}
}
.fav_aller > button.load:after {
content: "";
position: absolute;
inset: calc(50% - 10px) calc(50% - 20px);
background: radial-gradient(circle closest-side at center,currentColor 98%,#0000) 0 50%/33% 40% repeat-x;
}
.fav_aller > button.load > span,
.fav_aller > button.load:before{
opacity: 0; 
}
button.favorite_spot:before {
content: "\f3c5";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 40px;
}
button.aller_spot:before {
content: "\f0ca";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 40px;
}
.fav_aller > :is(button,a):hover,
.fav_aller > button.add {
background: #9cd08e;
color: #fff;
}
.fav_aller > button.add:hover {
background: #f18484;
}
.bg-container {
background: #4c6093;
padding: 0.25rem;
margin-top: 1rem;
color: #fff;
}
.customWidth60 .vcTitle {
font-size: 38px;
line-height: 1;
}
.menu-user-mobile-user {
background: none;
border: none;
}
#main-menu .menu-item-language {
order: 2;
position: relative;
padding: 0 !important;
}
#main-menu .menu-item-language > a {
border-radius: 100%;
width: 30px;
height: 30px;
padding: 0;
text-align: center;
line-height: 30px;
font-size: 15px;
border: 1px solid #e5e5e5;
display: block;
color: #2dace6;
}
#main-menu .menu-item-language > a:hover,
#main-menu .menu-item-language .dropdown-menu a.advance-menu:hover {
background: #eee;
}
#main-menu .menu-item-language > .icon-parent-menu {
display: none;
}
#main-menu .menu-item-language a.advance-menu .wpml-ls-native {
font-size: 0;
}
#main-menu
.menu-item-language
a.advance-menu
.wpml-ls-native[lang="fr"]:before {
content: "FR";
font-size: 15px;
}
#main-menu
.menu-item-language
a.advance-menu
.wpml-ls-native[lang="en"]:before {
content: "EN";
font-size: 15px;
}
.widget_sidebar,
.bloc-facebook {
margin-bottom: 40px;
}
.page-sidebar .widget {
margin: 10px 0;
}
.menu-lg-mobile .wpml-ls-legacy-dropdown a span,
.menu-mobile-btn-lang .wpml-ls-legacy-dropdown a span {
width: 2ch;
overflow: hidden;
margin: auto;
}
@media (min-width: 1200px) {
ul#main-menu
> li:is(.menu-item-17485, .menu-item-17444)
.submenu
.advance
.dropdown-menu
li {
width: 25%;
}
}
.page-header {
display: grid;
min-height: 350px;
}
.page-header .container {
margin: auto;
position: relative;
color: #fff;
}
p.intro-destination {
font-size: 18px;
margin: 1rem 0 0;
}
.single-experience h1,
.footer-news h2 {
font-family: 'Liquid Amber';
text-transform: uppercase;
}
.grecaptcha-badge {
display: none!important;
}
body.logged-in .user-menu > a,
body.logged-in .menu-user-mobile a {
color: #83cf7a;
}
body.logged-in .user-menu::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='100%' fill='%2383CF7A' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0S96 57.3 96 128s57.3 128 128 128zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z'/%3E%3C/svg%3E");
}
body.logged-in .user-menu > a,
body.logged-in .user-menu > a:hover {
border: 1px solid #83cf7a;
}
.user-menu > a {
background: none !important;
}
body:not(.logged-in) .user-menu > a:before {
content: "connexion";
}
html[lang="en-US"] .user-menu > a:before {
content: "my profile";
}
html[lang="en-US"] body:not(.logged-in) .user-menu > a:before {
content: "login";
}
.submenu-right.user-menu:hover::before,
body:not(.logged-in) .submenu-right.user-menu:hover::before {
color: #2dace6;
}
.user-menu > a .fas {
font-size: 10px;
margin-left: 5px;
}
.userProfile.client > .nav {
display: none;
}
.userProfile.client > .info-user {
margin-top: 20px;
}
@media (max-width: 991px) {
.userProfile .list-spots .informations {
font-size: 22px;
}
#main-menu .menu-item-language,
#main-menu .submenu-right.user-menu {
display: none;
}
}
@media all and (max-width: 686px) {
.userProfile .list-spots .item img,
.last-spot .list-spots .item img {
max-height: 150px;
object-fit: cover;
}
.userProfile .list-spots .informations {
top: 50px;
}
}
@media (min-width: 991px) {
.author .bannerItem h1 {
padding: 80px 0;
}
}
#myNavbar .site-menu {
flex-grow: 1;
}
.author #map,
.userProfile #map {
display: block;
}
.userProfile #map + .empty-field {
height: 360px;
display: flex;
background: rgba(0, 0, 0, 0.51);
margin-top: -360px;
position: relative;
color: #fff;
justify-content: center;
align-items: center;
font-size: 2em;
padding: 20px;
}
.notice-add-photo {
font-style: italic;
text-align: right;
}
.free-shore {
position: absolute;
top: 20px;
left: 15px;
z-index: 99;
}
.bannerItem h1.subTitleType .free-shore {
position: absolute;
top: 10px;
left: 100%;
}
.free-shore img {
width: 120px !important;
max-width: 120px !important;
}
.popin-freeshore {
width: 220px !important;
top: 100% !important;
left: 0 !important;
line-height: 13px;
background: #fdef83;
padding: 8px;
font-size: 12px;
box-shadow: none;
border-radius: 0;
visibility: hidden;
}
.bannerItem h1.subTitleType .free-shore .popin-freeshore {
top: 0 !important;
left: 100% !important;
}
.popin-freeshore pop {
color: #868686 !important;
font-weight: 400 !important;
}
.vcTitle.subTitleType > span:first-child {
margin-bottom: 18px;
text-transform: uppercase;
}
.subTitleType a.spot_favorite,
.subTitleType a.spot_aller {
margin-top: 5px;
font-weight: 800;
font-family: "Roboto";
border-bottom: 1px solid #fff;
padding: 5px 0 0px;
border-radius: 0;
font-size: 15px;
line-height: 14px;
}
.subTitleType a.spot_favorite {
margin-left: 0;
}
.add-rating:not(#rade6) {
display: inline-block;
color: #fff;
text-decoration: underline;
cursor: pointer;
font-size: 14px;
}
.bannerItem h1.subTitleType > .rating {
pointer-events: none;
margin-left: 0;
font-size: 16px;
}
.add-rating:not(#rade6) .rating {
display: none;
}
.add-rating:not(#rade6) .checkrate i {
display: none;
}
.notice-photos {
order: -1;
font-weight: 600;
font-size: 16px;
}
.notice-photos a {
color: #3bade3;
}
.notice-photos a[href*="proje"] {
color: #00a88b;
}
.notice-photos span:not(:last-of-type):after {
content: ",";
}
.single-region .adsense_code {
margin-top: 45px;
}
.single-experience .adsense_code {
clear: both;
padding-top: 20px;
}
@media all and (max-width: 767px) {
.vcIcons {
display: flex;
flex-direction: column;
align-items: center;
}
.vcIcons .itemIcon {
width: 100% !important;
margin: 5px;
}
}
.voyage-template-default .bannerItem {
padding-top: 100px;
}
ul.compred li {
font-weight: bold;
font-size: 14px;
}
.blocVoyage:first-child ul.compred li:last-child {
color: #dc9d00;
}
.site-main {
min-height: 0;
}
.footerBlocks {
padding: 10px 40px 50px;
}
body {
font-family: "Roboto", sans-serif;
font-display: swap;
font-size: 13px;
color: #525252;
line-height: 1.6;
font-size: 14px;
background: #ffffff;
font-weight: normal;
}
@media (min-width: 991px) {
body {
font-size: 15px;
}
}
.singleSpot .content a:not(.btn),
.singleRegion .content a:not(.btn),
.wpb_text_column a,
.wpb_raw_code a,
.singleSpecie p a {
color: #2cabe6;
text-decoration: underline !important;
}
.singleSpot .content a:not(.btn):hover,
.singleRegion .content a:not(.btn):hover,
.wpb_text_column a:hover,
.singleSpecie p a:hover {
color: #333;
}
.blockHTMLSSidebar .blockHTMLSidebar_top {
background-position: center;
background-size: contain;
}
@media (max-width: 767px) {
.blockHTMLSSidebar .blockHTMLSidebar_top {
height: 280px;
}
}
.wp-pwd #pass1 {
display: inline-block;
}
#cookie-notice {
background-color: rgba(0, 0, 0, 1);
max-width: 60% !important;
min-width: 350px !important;
margin: auto !important;
left: 0 !important;
right: 0 !important;
bottom: 12% !important;
font-size: 22px !important;
line-height: 29px !important;
border-radius: 7px !important;
box-shadow: 0 0 15px black !important;
}
#cookie-notice .cn-button {
font-size: 20px;
padding: 14px 20px;
margin: 10px;
}
#cookie-notice .cookie-notice-container {
padding: 45px 40px;
}
#menu-item-22355 {
display: none;
} .vcTitle.subTitleDestination span {
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
text-shadow: 0 0 1px #000;
}
.bannerItem h1.vcTitle.subTitleDestination {
text-shadow: 0 0 1px #000;
}
@media all and (min-width: 767px) {
.bannerItem h1.vcTitle.subTitleDestination {
font-size: 85px;
line-height: 90px;
}
}
.single-destination .bannerItem .content {
font-weight: bold;
font-size: 18px;
line-height: 22px;
}
main.singleRegion .col-sidebar .content,
main.singleSpot .col-sidebar .content,
.wpb_text_column p {
font-size: 16px;
}
main.singleRegion .content figcaption.wp-caption-text,
main.singleSpot .content figcaption.wp-caption-text {
font-size: 14px;
}
@media all and (min-width: 576px) {
.single-destination .bannerItem .content {
text-shadow: 0 0 1px #000;
}
}
#main-menu .menu-item-language > a:hover,
#main-menu .menu-item-language .dropdown-menu a.advance-menu:hover {
background: #eee;
}
#main-menu .menu-item-language > .icon-parent-menu {
display: none;
}
#main-menu .menu-item-language .submenu .dropdown-menu {
min-width: 0;
background: transparent;
box-shadow: none;
padding-top: 5px;
top: 80%;
}
#main-menu .menu-item-language .dropdown-menu a.advance-menu {
width: 30px;
height: 30px;
color: #000;
background: #fff;
font-family: "Bebas Neue";
}
.end-list-spot a {
color: #16abea;
text-decoration: underline !important;
}
.end-list-spot:after {
content: " - les distances indiquées sont les distances à vol d'oiseau";
font-style: italic;
}
html[lang="en-US"] .end-list-spot:after {
content: " - mentioned distances are as the crow flies";
}
.vcDestinationList .itemDestination ul li ul {
width: 100%;
float: none;
padding: 5px;
}
.vcDestinationList .itemDestination ul li ul:before {
content: none;
}
.vcDestinationList .itemDestination ul li ul li {
margin-bottom: 0px;
display: inline-block;
border-right: 1px solid #fff;
line-height: 14px;
padding-right: 5px;
}
.vcDestinationList .itemDestination ul li ul li:last-child {
border: none;
}
.vcDestinationList .itemDestination ul li ul li a {
font-size: 15px;
color: #fff;
line-height: 18px;
text-transform: initial;
font-weight: 500;
}
.vcDestinationList .itemDestination {
height: 100%;
}
.user-menu > a,
.user-menu > a:hover {
border: 1px solid #e5e5e5;
border-radius: 6px;
display: inline-block;
}
body.logged-in .user-menu > a,
body.logged-in .menu-user-mobile a {
color: #83cf7a;
}
body.logged-in .user-menu > a,
body.logged-in .user-menu > a:hover {
border: 1px solid #83cf7a;
}
.user-menu > a {
background: none !important;
}
.user-menu > a:before {
content: "mon profil";
font-weight: 400;
display: inline-block !important;
}
body:not(.logged-in) .user-menu > a:before {
content: "connexion";
}
html[lang="en-US"] .user-menu > a:before {
content: "my profile";
}
html[lang="en-US"] body:not(.logged-in) .user-menu > a:before {
content: "login";
}
.submenu-right.user-menu:before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='100%' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0S96 57.3 96 128s57.3 128 128 128zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z'/%3E%3C/svg%3E");
position: absolute;
left: 12px;
top: 50%;
color: #83cf7a;
transform: translateY(-50%);
line-height: 1;
}
body:not(.logged-in) .submenu-right.user-menu:before {
color: inherit;
}
.userProfile.client > .nav {
display: none;
}
.userProfile.client > .info-user {
margin-top: 20px;
}
.single-spot .destinationInformations:before {
background: none;
}
.single-spot .destinationInformations {
margin-top: 40px;
}
.single-spot .destinationInformations h4.title {
border-top: 40px solid #fff2b7;
font-size: 17px;
line-height: 18px;
padding: 10px 15px 0;
font-family: "Roboto", Arial;
}
.list-spots .item {
position: relative;
}
.userProfile .list-spots .item {
display: grid;
}
.userProfile .list-spots .item > * {
grid-area: 1/1;
}
.list-spots .item > a {
display: block;
overflow: hidden;
}
.last-spot .list-spots .item > a {
background: #fff;
padding: 0;
box-shadow: 0 0 0 8px #fff;
}
.userProfile .list-spots .item img,
.last-spot .list-spots .item img {
width: 100%;
transition: transform 0.4s;
}
.userProfile .list-spots .informations {
color: #fff;
font-size: 35px;
line-height: 15px;
}
.last-spot .list-spots .collaboration:hover h6 {
color: #2cabe6;
}
.single-destination .list-spots {
background: #4c6093;
}
@media (max-width: 991px) {
.userProfile .list-spots .informations {
font-size: 22px;
}
#main-menu .menu-item-language,
#main-menu .submenu-right.user-menu {
display: none;
}
}
@media all and (max-width: 686px) {
.userProfile .list-spots .item img,
.last-spot .list-spots .item img {
max-height: 150px;
object-fit: cover;
}
.userProfile .list-spots .informations {
top: 50px;
}
}
@media (min-width: 991px) {
.author .bannerItem h1 {
padding: 80px 0;
}
}
.destinationInformations .content ul li {
padding-bottom: 10px;
}
.destinationInformations .content ul li span {
font-weight: 500;
}
.vcpub.small,
.singleSpot .adsense_code {
margin-top: 15px;
}
#myNavbar .site-menu {
flex-grow: 1;
}
#myNavbar .user-menu {
margin-left: auto;
}
.fancybox-title-float-wrap .child {
text-shadow: none;
background: #fff;
}
.singleSpot .collaboration p:first-child {
background: #b9b9b9;
color: #fff;
margin: 0;
padding: 3px;
font-style: italic;
}
.singleSpot .collaboration a.authorSpot {
display: block;
background: #4c6093;
padding: 5px;
overflow: auto;
}
.singleSpot .collaboration img {
float: left;
margin: 2px 10px 0 5px;
border-radius: 50%;
max-width: 32px;
}
.singleSpot .collaboration h6 {
margin: 0px;
color: #fff;
font-weight: 700;
}
.singleSpot .collaboration p {
margin: 0;
color: #fff;
font-size: 0.9em;
}
.singleSpot .collaboration .other {
background: #547ad1;
color: #fff;
padding: 5px;
}
.singleSpot .collaboration .other a {
padding: 0 2px;
color: #fff;
text-decoration: underline !important;
font-weight: bold;
}
.singleSpot .collaboration .other i + span {
display: none;
position: absolute;
background: #4c6093;
padding: 10px;
z-index: 9;
font-size: 12px;
}
.singleSpot .collaboration .other i {
cursor: pointer;
}
.singleSpot .collaboration .other i:hover + span {
display: block;
}
.singleSpot .collaboration .other a:not(:last-child)::after {
content: ",";
display: inline-block;
padding-left: 2px;
}
.author #map,
.userProfile #map {
display: block;
}
.userProfile #map + .empty-field {
height: 360px;
display: flex;
background: rgba(0, 0, 0, 0.51);
margin-top: -360px;
position: relative;
color: #fff;
justify-content: center;
align-items: center;
font-size: 2em;
padding: 20px;
}
.notice-add-photo {
font-style: italic;
text-align: right;
}
.subTitleType a.spot_favorite {
margin-left: 0;
}
@media all and (max-width: 767px) {
.bannerItem h1.subTitleType .rateContainer .ratingcount {
display: none;
}
.bannerItem h1.subTitleType.larger {
font-size: 40px;
line-height: 40px;
}
}
.singleSpot .content a:not(.btn),
.singleRegion .content a:not(.btn),
.wpb_text_column a,
.wpb_raw_code a,
.singleSpecie p a {
color: #2cabe6;
text-decoration: underline !important;
}
.singleSpot .content a:not(.btn):hover,
.singleRegion .content a:not(.btn):hover,
.wpb_text_column a:hover,
.singleSpecie p a:hover {
color: #333;
}
.blockHTMLSSidebar .blockHTMLSidebar_top {
background-position: center;
background-size: contain;
}
@media (max-width: 767px) {
.blockHTMLSSidebar .blockHTMLSidebar_top {
height: 280px;
}
}
.wp-pwd #pass1 {
display: inline-block;
}
.singleSpecie a.imgPopup.photosSpot {
padding-top: 85%;
}
.singleSpecie a.imgPopup.photosSpot:hover {
transform: none;
}
.singleSpecie .item p {
font-size: 13px;
}
.single-species .footerBlocks a {
display: block;
position: relative;
}
.single-species .footerBlocks a p {
position: absolute;
bottom: 0;
font-family: "Liquid Amber", cursive;
color: #fff;
text-align: center;
left: 0;
right: 0;
background: rgba(33, 38, 39, 0.65);
margin: 0;
padding: 10px 0;
font-size: 25px;
}
.CustomSpecies p {
margin: 0;
font-size: 13px;
}
.woocommerce ul.products {
display: flex;
flex-wrap: wrap;
}
.woocommerce ul.products li.product .price {
text-align: center;
color: #1276bd;
}
.product a.button {
background: #e7be57;
margin: auto auto 0 !important;
}
.woocommerce ul.products li.product {
text-align: center;
display: flex;
flex-direction: column;
}
.product .description {
font-size: 13px;
}
.product .description p:last-child {
text-align: left;
}
h2.woocommerce-loop-product__title {
font-weight: bold;
text-align: center;
font-size: 16px !important;
}
.woocommerce ul.products li.product strong {
font-size: 12px;
}
.woocommerce ul.products li.product .price:before {
content: "à partir de ";
font-size: 14px;
}
html[lang="en-US"] .woocommerce ul.products li.product .price:before {
content: "starting from ";
font-size: 14px;
}
@media (max-width: 540px) {
.woocommerce ul.products li.product {
padding: 0 5px;
}
}
.wpb_text_column.see-all {
min-height: 208px;
background: #4a6099;
display: flex;
align-items: center;
}
.wpb_text_column.see-all a {
color: #fff;
text-decoration: none;
}
.vcBreadCrumb a {
color: #3bade3;
}
.table-species tr:hover td {
background: #c7c7c7;
}
.table-species td:last-child {
background: #f96f6c content-box;
}
.table-species td:last-child a {
color: #fff;
font-size: 13px;
padding: 0 7px;
white-space: nowrap;
}
@media (min-width: 768px) {
.CustomSpecies .col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
.custom-icon-photo {
background: url(https://www.snorkeling-report.com/wp-content/uploads/2018/11/green-box.jpg)
left top/auto 2.8rem no-repeat;
}
.custom-file {
cursor: pointer;
}
.custom-file label::after {
content: attr(data-text);
position: absolute;
min-width: 100%;
top: 0;
left: 50%;
bottom: 0;
background: #ee6e6d;
z-index: 5;
color: #fff;
text-align: center;
font-size: 24px;
text-transform: uppercase;
white-space: nowrap;
padding: 0 20px;
transform: translateX(-50%);
cursor: pointer;
border-radius: 0.25rem;
font-weight: bold;
}
.btn-upload {
background: #6bc4cd;
color: #fff;
text-transform: uppercase;
font-size: 24px;
padding: 0 10px;
font-weight: bold;
}
.imgMapContainer {
position: relative;
}
.mapboxgl-popup-content .mapboxgl-popup-close-button {
z-index: 10;
font-size: 20px;
background: #fff;
}
.mapboxgl-popup-content img {
width: 190px;
border-radius: 3px 3px 0 0;
}
.mapboxgl-popup-content .rating {
display: block;
height: 0;
position: relative;
bottom: 24px;
margin: 0 10px;
font-size: 15px;
text-align: left;
}
.mapboxgl-popup-content p,
.mapboxgl-popup-content h5 {
margin: 0;
max-width: 190px;
text-align: left;
}
.mapboxgl-popup-content p a,
.vid-content a {
text-decoration: underline !important;
}
.mapboxgl-popup-content p:last-child {
color: #fff;
margin-top: 3px;
}
span[class="Beginner"],
span[class="Débutant"] {
background: #aeaed8;
}
span[class="Intermediate"],
span[class="Intermédiaire"] {
background: #5c64ab;
}
span[class="Advanced"],
span[class="Confirmé"] {
background: #242b5b;
}
span.resort {
background: #fa8c89;
}
p.level span:not([class]),
.mapboxgl-popup-content p:last-child span:not([class]) {
background: #c0d46b;
}
.mapboxgl-popup-content p:last-child span[class]:after,
p.level span[class]:after {
content: " " attr(class);
}
span.resort::after {
content: none !important;
}
.single-spot .bannerItem p.level {
font-size: 24px;
margin: 0;
}
.container-rating {
font-family: 'Roboto';
font-weight: bold;
color: #fff;
font-size: 17px;
}
.bannerItem {
min-height: 380px;
}
.single-spot .bannerItem{
padding-bottom: 20px;
}
.single-spot .bannerItem p.level span {
font-family: 'Roboto';
font-weight: bold;
font-size: 14px;
display: inline-block;
position: relative;
}
.single-spot .bannerItem p.level span:hover .popin-freeshore {
opacity: 1;
visibility: visible;
}
.mapboxgl-popup-content p:nth-last-child(2) {
line-height: 1.2;
}
.mapboxgl-marker.custom {
background: #fff;
padding: 4px;
border-radius: 5px;
font-weight: bold;
font-size: 1.4em;
cursor: pointer;
}
.mapboxgl-marker.custom p {
margin: 2px;
}
.mapboxgl-marker.custom div {
background: center/cover;
margin: auto;
height: 0;
width: 0;
min-width: 0;
transition: 0.3s;
}
.mapboxgl-marker.custom span {
display: block;
overflow: hidden;
font-size: 12px;
max-height: 0;
transition: 0.3s;
}
.mapboxgl-marker.custom:hover {
z-index: 99;
}
.mapboxgl-marker.custom:hover div {
height: 120px;
min-width: 180px;
width: 100%;
}
.mapboxgl-marker.custom:hover span {
max-height: 100px;
}
.mapboxgl-marker.custom.bottom::after {
content: "";
position: absolute;
top: 98%;
width: 20px;
height: 10px;
left: 50%;
transform: translateX(-50%);
background: inherit;
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.mapboxgl-marker.custom.top::after {
content: "";
position: absolute;
bottom: 98%;
width: 20px;
height: 10px;
left: 50%;
transform: translateX(-50%);
background: inherit;
clip-path: polygon(0 100%, 100% 100%, 50% 0);
}
.mapboxgl-marker.custom.left::after {
content: "";
position: absolute;
right: 98%;
height: 20px;
width: 15px;
top: 50%;
transform: translateY(-50%);
background: inherit;
clip-path: polygon(100% 100%, 100% 0, 0% 50%);
}
.mapboxgl-marker.custom.right::after {
content: "";
position: absolute;
left: 98%;
height: 20px;
width: 15px;
top: 50%;
transform: translateY(-50%);
background: inherit;
clip-path: polygon(0 100%, 0 0, 100% 50%);
}
#mapBox #full-map {
position: absolute;
inset: 0;
margin: auto;
width: fit-content;
height: fit-content;
z-index: 999;
background: #fff;
padding: 10px;
border-radius: 30px;
border:none;
box-shadow: 2px 2px 10px #000;
cursor: pointer;
font-size: 25px;
font-weight: 800;
}
#mapBox > i,
#mapBox-all > i {
position: absolute;
top: 10px;
right: 10px;
width: 44px;
z-index: 999;
background: #fff;
padding: 10px;
border-radius: 50%;
box-shadow: 2px 2px 10px #000;
cursor: pointer;
text-align: center;
}
#mapBox #full-map:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100vw;
height: 600px;
}
#mapBox:not(.full) > i,
#mapBox.full #full-map,
#mapBox.full .title {
display: none;
}
#mapBox.full,
#mapBox-all  {
position: fixed !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100% !important;
pointer-events: initial;
z-index: 9999;
background: #32b7dc!important;
}
.mapboxgl-canvas-container {
filter: brightness(.8);
}
#mapBox.full .mapboxgl-canvas-container,
#mapBox-all .mapboxgl-canvas-container{
filter: brightness(1);
}
main.singleSpot .content:first-child {
font-size: 18px;
}
.single-destination .destinationFooter.blocksliders,
.single-region .destinationRegion.blocksliders {
background: #f6f6f6;
overflow: auto;
}
.destinationHomes .destinationHomeSlider .item,
.single-destination .destinationFooter.blocksliders .item,
.single-region .destinationRegion.blocksliders .item {
background: #fff;
}
.destinationHomes .destinationHomeSlider .informations,
.single-destination .destinationFooter.blocksliders .informations,
.single-region .destinationRegion.blocksliders .informations {
position: relative;
padding-top: 10px;
width: 0;
min-width: 100%;
color: #000;
text-align: center;
pointer-events: initial;
}
.destinationHomes .destinationHomeSlider a,
.single-region .destinationRegion.blocksliders a,
.single-destination .destinationFooter.blocksliders a {
overflow: hidden;
color: #000;
text-decoration: underline !important;
}
.destinationHomes .destinationHomeSlider h5 a,
.single-region .destinationRegion.blocksliders h5 a,
.single-destination .destinationFooter.blocksliders h5 a {
text-transform: uppercase;
text-decoration: none !important;
font-weight: 600;
}
.destinationHomes .destinationHomeSlider a img,
.single-region .destinationRegion.blocksliders a img,
.single-destination .destinationFooter.blocksliders a img {
width: 100%;
height: auto;
}
.destinationHomes .destinationHomeSlider .informations .des-content,
.single-region .destinationRegion.blocksliders .informations .des-content,
.single-destination .destinationFooter.blocksliders .informations .des-content {
text-align: left;
font-weight: 500;
}
.end-list a {
color: #16abea;
font-weight: 600;
}
@media (min-width: 767px) {
.single-region .destinationRegion.blocksliders.single {
width: 100%;
display: flex;
}
.single-region .destinationRegion.blocksliders.single .item {
margin: 0 5px;
}
}
@media (max-width: 767px) {
.single-region .destinationRegion .item:only-child {
width: 100%;
}
}
@media (max-width: 767px) {
.blockSidebar {
width: auto;
float: none;
overflow: auto;
}
}
.footer-aff {
color: #fff;
}
.footer-aff a {
color: #2cabe6;
}
.page-sidebar img {
max-width: 100%;
margin: 5px 0;
}
.page-sidebar .widget_text {
background: #eaeaea;
padding: 5px 10px;
}
.page-sidebar .widget_text:not(:last-child):not(:first-child) {
margin-top: 15px;
}
.page-sidebar .widget_text:first-child h3 {
font-weight: 700;
color: #fff;
font-size: 25px;
margin-bottom: 26px;
}
@media (min-width: 768px) {
main.site-main + .page-sidebar {
min-width: 330px;
}
.row.with-sidebar main.col-md-9 {
flex-shrink: 1;
min-width: 0;
}
.row.with-sidebar {
flex-wrap: nowrap;
}
}
.hotel-item {
border-top: 1px solid #e7e9ee;
}
.hotel-item.featured,
.tour-item > .featured {
background: rgb(255, 255, 227);
}
.tour-item > div {
border: 1px solid #cdcdcd;
}
.hotel-item:last-child {
border-bottom: 1px solid #e7e9ee;
}
.hotel-item .rating,
.tour-item .rating {
display: inline-block;
height: 25px;
vertical-align: bottom;
background: url(https://www.snorkeling-report.com/wp-content/uploads/2018/11/stars-1.png)
0 0 / auto 100%;
}
.hotel-item .distance {
background: #f96f6c;
color: #fff;
padding: 1px 10px;
border-radius: 5px;
}
.hotel-item .spot-item .distance {
border-radius: 20px;
display: inline-block;
}
.hotel-item .spot-item a {
color: #2cabe6;
font-weight: 600;
}
.hotel-item .spot-item .free-access {
background: #c0d46b;
color: #fff;
padding: 1px 10px;
border-radius: 20px;
display: inline-block;
}
span.featured::before {
content: attr(class);
display: inline-block;
font-size: 14px;
vertical-align: middle;
color: #fff;
background: rgb(107, 214, 228);
padding: 3px 8px;
border-radius: 5px;
}
.hotel-item p,
.tour-item p {
font-size: 14px;
}
.tour-item p { }
.tour-item .image {
position: relative;
background: center/cover no-repeat;
min-height: 200px;
margin: 0 -15px;
}
.tour-item .price {
position: absolute;
bottom: 0;
right: 0;
color: #fff;
padding: 5px 10px;
font-weight: 600;
background: rgba(0, 0, 0, 0.5);
}
.tour-item .location,
.tour-item .duration {
font-size: 18px;
font-weight: 900;
display: flex;
align-items: center;
}
.tour-item .location i,
.tour-item .duration i {
width: 40px;
font-size: 1.5em;
text-align: center;
}
.tour-item span.featured {
position: absolute;
top: 10px;
right: 10px;
}
.mapboxgl-map .title {
top: 20px;
right: 20px;
pointer-events: none;
}
@media all and (max-width: 800px) {
.mapboxgl-map .title {
position: relative;
display: table;
margin-left: auto;
top: 0;
margin-top: -55px;
}
body.home #mapBox {
border-top: 50px solid transparent;
}
body.home #mapBox.full {
border-top: 0;
}
}
figure,
figure img {
max-width: 100% !important;
height: auto;
}
.hide-favorite {
display: none;
}
a.added-date::before {
content: "added on";
}
html[lang="fr-FR"] a.added-date::before {
content: "ajouté le";
}
.experiencesListing .experience {
border: 1px solid grey;
height: 100%;
display: block;
}
.experiencesListing .experience .information {
width: 70%;
margin: -30px auto 5px;
border: 1px solid grey;
box-shadow: 2px 2px 4px;
background: #fff;
position: relative;
}
.experiencesListing .experience img {
width: 100%;
}
a.photosSpot img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
@media (min-width: 992px) {
li#menu-item-47053 a,
li#menu-item-47054 a {
padding: 0.5rem 1rem;
border-radius: 6px;
color: #fff;
background-color: #fd4253;
border: 1px solid #fd4253;
}
li#menu-item-47053 a:hover,
li#menu-item-47054 a:hover {
color: #fd4253 !important;
background-color: #fff;
}
li#menu-item-50059,
li#menu-item-52942 {
margin-right: 3rem;
}
li#menu-item-50059 a,
li#menu-item-52942 a {
padding: 0.5rem 1rem;
border-radius: 6px;
color: #fff;
background-color: #022042;
border: 1px solid #022042;
}
li#menu-item-50059 a:hover,
li#menu-item-52942 a:hover {
color: #022042 !important;
background-color: #fff;
}
}
a.wakatobi {
display: block;
margin: 5px 0;
text-align: center;
padding: 20px 10px;
background: url(https://www.snorkeling-report.com/wp-content/uploads/2018/11/wakatobi.jpg)
center/cover;
color: #fff;
}
a.wakatobi h3 {
font-size: 35px;
font-weight: 800;
}
a.wakatobi span {
background: #fff;
color: #000;
display: inline-block;
padding: 10px;
border-radius: 5px;
font-weight: 700;
font-size: 20px;
box-shadow: 5px 5px 0 rgb(255 255 255 / 50%);
}
#menu-item-22355 {
display: none;
}
@media (max-width: 991px) {
.vcDestinationList > .row > [class*="col"] {
padding-bottom: 15px;
}
.itemDestination,
span.menuDescription {
display: inline-block;
min-height: auto;
}
.maskGrey,
a.advance-menu:before {
display: none;
}
ul#main-menu > li {
padding: 3px 0px;
border-bottom: 1px solid #eeeeee;
}
li.submenu-right.simple.menulanguage,
li.user-menu.simple {
display: none;
}
ul#main-menu > li:last-child {
border-bottom: none;
border-top: none;
}
ul#main-menu > li:nth-last-child(2),
ul#main-menu > li:nth-last-child(3) {
border-bottom: none;
}
.advance .dropdown-menu li {
padding: 0px 0px 5px 0px;
display: inline-block;
}
.advance .dropdown-menu li,
span.menuDescription {
float: none;
}
.advance .dropdown-menu li a {
height: auto;
width: auto;
display: inline-block;
}
.advance .dropdown-menu li a span {
background-size: 70px 70px !important;
padding-left: 0;
text-align: center !important;
color: white;
max-width: 95%;
}
.advance .dropdown-menu li a span img {
height: auto;
}
.advance .dropdown-menu li a span.voyageTitle {
color: #333;
text-align: center !important;
}
.advance .dropdown-menu li a span.voyageDes {
color: #868686;
text-align: center !important;
font-size: 12px;
}
.simple .dropdown-menu,
.advance .dropdown-menu,
.itemDestination a.title,
.itemDestination ul,
span.menuDescription {
width: 100%;
}
.submenu .dropdown-menu {
margin-bottom: 10px;
padding-bottom: 30px;
}
.submenu .simple .dropdown-menu {
padding-bottom: 0px;
}
span.item-menu-image {
color: #666666;
height: auto;
max-width: 100%;
background-position: left;
background-size: contain;
text-align: left;
padding-left: 70px;
padding-top: 0px;
}
.destinationSpot .informations .title {
font-size: 20px;
line-height: 22px;
}
.destinationSpot .informations .content {
padding-bottom: 5px;
font-size: 12px;
line-height: 15px;
}
.destinationHomeSlider .informations,
.blocksliders .informations {
padding: 5px;
}
.destinationFooter {
margin-top: 15px;
}
.row.destinationHomes [class*="col-"] {
margin-bottom: 10px;
}
button.navbar-toggler {
height: 30px;
width: 30px;
margin-top: 10px;
border-radius: 100%;
line-height: 30px;
vertical-align: middle;
position: relative;
}
.navbar-button {
position: absolute;
left: 4px;
top: 6px;
}
button.navbar-toggler:before {
content: "";
display: block;
height: 100%;
width: 100%;
background: #2dace6;
position: absolute;
bottom: 0;
left: 0;
border-radius: 100%;
transition: 0.25s ease-in-out;
}
button.navbar-toggler.collapsed:before {
background: #fff;
}
button.navbar-toggler.collapsed:hover:before {
background: #e5e5e5;
}
.navbar-button span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}
.navbar-button span:nth-child(2) {
transform: rotate(45deg);
}
.navbar-button span:nth-child(3) {
transform: rotate(-45deg);
}
.navbar-button span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}
.navbar-button span {
position: absolute;
height: 2px;
width: 17px;
left: 2px;
background: #fff;
border-radius: 9px;
opacity: 1;
transition: 0.25s ease-in-out;
}
.navbar-button span:nth-child(1) {
top: 3px;
}
.navbar-button span:nth-child(2),
.navbar-button span:nth-child(3) {
top: 7px;
}
.navbar-button span:nth-child(4) {
top: 11px;
}
.collapsed .navbar-button span {
width: 17px;
opacity: 1;
left: 2px;
background: #2dace6;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.user-menu .simple .dropdown-menu {
width: 100%;
}
.frmSearch .col-8 {
margin: auto;
}
.homeSlider .item,
.bannerItem,
.itemDestination,
.experiencesHome .experience {
margin-bottom: 10px;
background-position: center center;
}
.experiencesHome .row .col-6:nth-child(odd) {
padding-right: 5px;
}
.experiencesHome .row .col-6:nth-child(even) {
padding-left: 5px;
}
.experiencesHome .row .col-6:nth-child(3) .experience,
.experiencesHome .row .col-6:nth-child(4) .experience,
.experiencesHome .row .col-12 .experience {
margin-bottom: 0;
}
.experiencesHome .row .col-12:nth-child(2) .experience {
margin-top: 10px;
}
.home .experiencesHome .experience,
.home .experiencesHome .col-6 {
margin: 0px !important;
padding: 0 !important;
border-radius: 0;
}
.experiencesHome .firstItem.experience .information img {
width: 120px;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.advance .dropdown-menu li,
.advance .dropdown-menu li.menu-item-object-experience {
width: 32%;
}
}
@media (max-width: 767px) {
.advance .dropdown-menu li {
width: 46%;
font-size: 11px;
margin-right: 7px;
vertical-align: top;
}
.itemDestination {
width: 100%;
}
.btn-idfish {
width: calc(25% - 7px);
}
}
#main-menu .menu-item-language:hover .submenu .dropdown-menu {
display: block;
}
#main-menu .menu-item-language::after {
content: none !important;
}
.user-menu > a {
padding: 5px 10px 5px 30px;
}
header {
padding: 10px 0px;
background: #ffffff;
}
header .navbar {
padding: 0px;
font-family: "Roboto";
font-size: 18px;
color: #575756;
font-weight: normal;
}
header .navbar .submenu {
font-family: "Roboto", Arial, sans-serif;
}
@media (max-width: 991px) {
a.logo img {
width: 120px;
}
}
ul#main-menu > li {
font-family: "Bebas Neue";
font-size: 17px;
position: relative;
}
ul#main-menu > li.menu-item-has-children::after {
content: "";
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.1em;
width: 8px;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666666' viewBox='0 0 448 512'%3E%3Cpath d='M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z'/%3E%3C/svg%3E");
position: absolute;
top: -2px;
right: -12px;
}
@media (min-width: 992px) and (max-width: 1199px) {
ul#main-menu > li {
padding: 0 8px;
font-size: 15px;
}
}
ul#main-menu > li:hover .submenu .advance .dropdown-menu { display: flex;
}
ul#main-menu > li .submenu .advance .dropdown-menu li {
width: 20%;
padding: 0.25rem;
}
ul#main-menu > li:hover .simple .dropdown-menu {
opacity: 1;
visibility: visible;
display: block;
}
.blocksliders .informations .rating,
.blockSidebar .blockLink a span,
a.photosSpot,
.vcCustomTabs .vcCustomTabsDetail.active {
display: block;
}
a.photosSpot {
margin: 0px 1px 2px 1px;
background-size: cover;
background-position: center center;
}
@media (max-width: 767px) {
a.photosSpot {
margin: 0px -10px 8px -10px;
}
a.photosSpot {
margin: 0px -10px 8px -10px;
}
}
@media (max-width: 567px) {
a.photosSpot {
height: 100px !important;
}
}
.fancybox-prev span,
.fancybox-next span {
visibility: visible;
background: none;
}
.fancybox-prev span:before,
.fancybox-next span:before {
content: "\f104";
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
color: rgba(255, 255, 255, 1);
font-size: 30px;
opacity: 0.4;
transition: 0.4s;
}
.fancybox-next span:before {
content: "\f105";
}
.fancybox-prev:hover span:before,
.fancybox-next:hover span:before {
opacity: 1;
}
span.icon-parent-menu {
font-size: 12px;
margin-left: 5px;
transition: 0.3s;
}
ul#main-menu > li:hover span.icon-parent-menu,
ul#main-menu > li:hover > a,
ul#main-menu > li.current-menu-parent span.icon-parent-menu,
ul#main-menu > li.current-menu-item span.icon-parent-menu {
color: #3bade3;
transition: none !important;
}
.submenu .dropdown-menu {
background: #f6f6f6;
border: none;
padding: 0px;
color: #ffffff;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
border: none;
font-size: 14px;
overflow: hidden;
}
a.advance-menu {
position: relative;
}
.dropdown-menu a.advance-menu {
overflow: hidden;
display: block;
}
.dropdown-menu a.advance-menu.voyages img {
margin: 5px 0;
}
.dropdown-menu a.advance-menu.voyages {
height: auto;
text-align: center;
}
.dropdown-menu a.advance-menu.voyages:hover {
background: #324673;
}
.dropdown-menu a.advance-menu.voyages:hover span {
color: #fff;
}
span.voyageDes {
color: #868686;
line-height: 16px;
display: inline-block;
font-size: 14px;
padding: 5px 9px;
}
span.voyageTitle {
color: #333333;
padding: 5px 0px;
display: inline-block;
font-size: 14px;
line-height: 16px;
font-weight: bold;
}
a.advance-menu.language:before {
left: 0px;
}
.simple .dropdown-menu {
width: 215px;
opacity: 0;
visibility: hidden;
transition: transform 0.3s ease-in-out;
}
.simple.menulanguage .dropdown-menu {
width: auto;
min-width: 80px;
transition: 0.4s;
}
.simple .dropdown-menu li {
transition: background 0.3s;
}
.simple .dropdown-menu li:not(:last-child) {
border-bottom: 1px solid #fff;
}
.simple .dropdown-menu li:hover {
color: #fff;
background: #3bace3;
}
.simple .dropdown-menu li:hover a,
.simple .dropdown-menu li a:hover {
color: #fff !important;
}
.simple .dropdown-menu a {
color: #868686;
display: block;
width: 100% !important;
height: 100% !important;
font-family: "Roboto";
padding: 10px 10px;
font-size: 14px;
}
.advance .dropdown-menu {
padding: 16px 16px 8px 16px;
border-radius: 6px !important;
display: none;
flex-wrap: wrap;
margin: 0 -0.5rem;
width: 800px;
position: absolute;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
.advance .dropdown-menu li:first-child,
.advance .dropdown-menu li:nth-child(5n + 6) {
padding-right: 0px;
}
.advance .dropdown-menu li.menu-item-object-experience:nth-child(4n + 5) {
padding-right: 0px;
}
.menu-voyages .advance .dropdown-menu li {
width: 25%;
}
.menu-voyages .advance .dropdown-menu {
width: 75%;
}
@media (max-width: 991px) {
.menu-voyages .advance .dropdown-menu li {
width: 48%;
}
.menu-voyages .advance .dropdown-menu {
width: 100%;
}
.menu-voyages .advance .dropdown-menu li:nth-child(even) {
margin-right: 0;
}
}
@media (max-width: 467px) {
.menu-voyages .advance .dropdown-menu li {
width: 46%;
}
}
span.menuDescription {
width: 100%;
float: left;
text-align: center;
font-size: 16px;
text-transform: uppercase;
color: #3bade3;
font-weight: bold;
margin-bottom: 10px;
}
span.item-menu-image {
display: block;
color: #ffffff;
font-weight: bold;
text-align: center;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-transform: uppercase;
}
span.item-menu-image span {
display: block;
}
.user-menu .simple .dropdown-menu {
width: 440px;
}
.user-menu.simple .simple .dropdown-menu {
width: auto;
}
li.user-menu .submenu form {
padding: 15px;
}
li.user-menu .submenu form a.icon-arrow-next {
padding-top: 0;
}
.submenu form.dropdown-menu {
color: #bcbcbc;
font-size: 12px;
}
li.menu-item-object-region a span,
li.menu-item-object-experience a span,
li.menu-item-object-destination a span {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
overflow: hidden;
border-radius: 5px;
}
li.menu-item-object-region a span img,
li.menu-item-object-experience a span img,
li.menu-item-object-destination a span img {
width: 100%;
object-fit: cover;
height: 120px;
transition: 0.3s;
}
li.menu-item-object-region a span span,
li.menu-item-object-experience a span span,
li.menu-item-object-destination a span span {
position: absolute;
font-family: "Roboto";
font-weight: 700;
transition: 0.3s;
}
li.menu-item-object-region a:hover span span,
li.menu-item-object-experience a:hover span span,
li.menu-item-object-destination a:hover span span {
margin-top: -10px;
}
ul#main-menu a:hover > span img,
ul#main-menu a.voyages:hover img {
transform: scale(1.1);
}
ul#main-menu a.voyages:hover > span {
transform: scale(1);
}
form.dropdown-menu label,
form.dropdown-menu p {
text-transform: uppercase;
font-weight: bold;
}
form.dropdown-menu .form-group .fields {
background: #ffffff;
float: left;
}
form.dropdown-menu .form-group input {
border: none;
background: none;
font-size: 14px;
color: #bcbcbc;
width: 169px;
height: 50px;
float: left;
}
form.dropdown-menu .form-group input[type="email"] {
border-right: 1px solid #f6f6f6;
}
form.dropdown-menu .form-group button {
width: 50px;
height: 50px;
font-weight: bold;
font-family: "Roboto";
border-radius: 0;
font-size: 14px;
padding-right: 0px;
padding-left: 0px;
}
form.dropdown-menu a.icon-arrow-next {
width: 100%;
float: left;
margin: 10px 0px;
color: #3bade3;
background: url(//www.snorkeling-report.com/wp-content/themes/snorkeling/img/arrow-next.png) no-repeat 0px 5px;
padding-left: 10px;
border-bottom: 1px solid #ffffff;
padding-bottom: 10px;
font-weight: bold;
}
a.menuDescription {
color: #3e5584;
padding-right: 0.25rem;
font-weight: bold;
width: 100%;
font-family: "Roboto";
text-align: right;
}
a.menuDescription:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: bold;
color: #3e5584;
margin-right: 5px;
font-size: 11px;
}
.linkAdvanceMore {
width: 100%;
text-align: right;
}
form.dropdown-menu .row {
clear: both;
}
form.dropdown-menu .row P {
margin: 0px;
line-height: 50px;
}
form.dropdown-menu a.btn {
color: #ffffff;
font-weight: normal;
padding: 13px 0px;
width: auto !important;
height: auto !important;
}
input::placeholder,
textarea::placeholder {
transition: 0.8s;
color: #989898;
font-weight: 100;
}
input:focus::placeholder,
textarea:focus::placeholder {
opacity: 0;
}
input:focus,
textarea:focus {
box-shadow: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
.dropdown-menu a.advance-menu {
width: 120px;
height: 90px;
}
.dropdown-menu li.menu-item-object-experience a.advance-menu {
width: 150px;
height: 90px;
font-size: 12px;
}
span.voyageDes {
font-size: 12px;
}
} .home-slider .splide__slide {
position: relative;
}
.home-slider .splide__pagination__page {
background: #fff;
opacity: 1;
}
.home-slider .splide__pagination__page.is-active {
background: #2dace6;
}
.home-slider-item-img {
max-width: 100%;
width: 100%;
height: 100%;
min-height: 280px;
max-height: 320px;
object-fit: cover;
}
@media screen and (min-width: 991px) {
.home-slider-item-img {
height: 400px;
}
}
.home-slider-item-content {
max-width: 800px;
margin: 0 auto;
position: absolute;
bottom: 20px;
right: clamp(12px, 5vw, 150px);
}
.home-slider-item-content a {
color: #fff !important;
font-size: 13px;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
font-weight: 700;
font-family: "Roboto";
}
.home-slider-item-content a:hover {
color: #16abea !important;
}
.menu-mobile-btns {
display: flex;
align-items: center;
gap: 0.5rem;
}
@media screen and (min-width: 1200px) {
.menu-mobile-btns {
display: none;
}
}
.menu-mobile-btn {
border-radius: 100%;
width: 30px;
height: 30px;
padding: 0;
text-align: center;
line-height: 28px;
font-size: 12px;
border: 1px solid #e5e5e5;
color: #2cabe6;
transition: 0.3s;
background-color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.menu-mobile-btn:hover {
background-color: #e5e5e5;
}
.menu-mobile-btn-nav {
}
.menu-mobile-btn-nav span {
width: 17px;
opacity: 1;
left: 2px;
background-color: #2dace6;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.menu-mobile-btn-nav span:nth-child(1) {
top: 3px;
}
.menu-mobile-btn-nav span:nth-child(2) {
top: 7px;
}
.menu-mobile-btn-nav span:nth-child(3) {
top: 7px;
}
.menu-mobile-btn-nav span:nth-child(4) {
top: 11px;
}
.menu-mobile-btn-nav.active {
background-color: #2dace6;
}
#mask {
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
position: fixed;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
cursor: pointer;
transition: opacity 0.15s linear;
}
#mask.open {
opacity: 0.5;
pointer-events: all;
}
.main-nav {
position: absolute;
top: 0;
min-height: 100vh;
max-height: 100vh;
left: 0;
width: 280px;
background-color: #fff;
transform: translateX(-100%);
z-index: 1050;
padding: 1.5rem;
transition: transform 0.3s ease-in-out;
}
#main-menu {
gap: 1.75rem;
align-items: center;
display: flex;
flex-direction: column;
margin-bottom: 0;
list-style-type: none;
padding-left: 0;
}
.main-nav.open {
transform: translateX(0);
}
@media screen and (max-width: 1200px) {
ul#main-menu > li .submenu .advance .dropdown-menu li {
width: 50%;
margin: 0;
}
.main-nav {
overflow: scroll;
}
#main-menu {
align-items: flex-start !important;
}
.simple .dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
position: static !important;
display: block !important;
}
.advance .dropdown-menu {
opacity: 1 !important;
visibility: visible !important;
display: flex !important;
flex-wrap: wrap !important;
position: static !important;
width: auto !important;
transform: none !important;
}
.advance .dropdown-menu li a span {
max-width: 100% !important;
}
}
@media screen and (min-width: 1200px) {
.main-nav {
display: flex;
align-items: center;
position: static;
transform: translateY(0);
width: auto;
min-height: auto;
padding: 0;
}
#main-menu {
flex-direction: row;
}
}
::-webkit-scrollbar {
width: 10px;
height: 7px;
}
::-webkit-scrollbar-thumb {
background: #d5e3ec;
border-radius: 50px;
}
::-webkit-scrollbar-track {
background: #fff;
padding: 1px;
border-radius: 0px;
}
.loading-layer {
position: fixed;
width: 100%;
height: 100%;
top: 0%;
left: 0;
bottom: auto;
right: auto;
transition: all 0.9s cubic-bezier(0.6, 0.05, 0.4, 1);
}
.loading-layer.active {
top: -100%;
}
.loading-layer--1 {
background: #fff;
z-index: 1000000;
}
.loading-layer--2 {
background: #4a6099;
transition-delay: 0.2s;
z-index: 99999;
}
.loading-layer--3 {
background: #3bade3;
transition-delay: 0.4s;
z-index: 99998;
}
.loading-logo-container {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
p > a[href*=fareharbor]:not(#_),
p a.button-link:not(#_) {
background: #2cabe6;
display: block;
color: #fff!important;
padding: 0.6em;
border-radius: 1.5em;
text-decoration: none!important;
}