/**
 * @file
 * Visual styles for tabs.
 */

 div.tabs {
  margin: 1em 0;
}
ul.tabs {
  margin: 10px 0 0.5em;
  padding: 0;
  list-style: none;
}
.tabs > li {
  display: inline-block;
  margin-right: 0.3em; /* LTR */
}
[dir="rtl"] .tabs > li {
  margin-right: 0;
  margin-left: 0.3em;
}
.tabs a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
  color: #01111c;
  font-size: 16px;
}
.tabs a.is-active {
  background-color: #eee;
}
.tabs a:focus,
.tabs a:hover {
  background-color: #f5f5f5;
}
/**
 * @file
 * Visual styles for tabs.
 */

 div.tabs {
  margin: 1em 0;
}
ul.tabs {
  margin: 10px 0 0.5em;
  padding: 0;
  list-style: none;
}
.tabs > li {
  display: inline-block;
  margin-right: 0.3em; /* LTR */
}
[dir="rtl"] .tabs > li {
  margin-right: 0;
  margin-left: 0.3em;
}
.tabs a {
  display: block;
  padding: 0.2em 1em;
  text-decoration: none;
  color: #01111c;
  font-size: 16px;
}
.tabs a.is-active {
  background-color: #eee;
}
.tabs a:focus,
.tabs a:hover {
  background-color: #f5f5f5;
}
.imagepin-widget.imagepin-overlay {
    background-color: transparent;
    border: none;
    cursor: default;
    display: none;
}
.imagepin.imagepin-selected {
    background-color: transparent;
}
.imagepin {

    width: 33px;
    height: 46px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
    z-index: 5;
    background-image: url(/themes/custom/austral/assets/img/icons/marker.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.destination .mapboxgl-canvas,.destination .mapbox-map.mapboxgl-map,#map-popup .mapbox-map.mapboxgl-map {height : 100% !important;}
.init-popup {position: absolute;z-index: -1;opacity:0}
.mfp-content .init-popup {position: relative;z-index: 1;opacity:1}
.mapboxgl-ctrl-logo,.mapboxgl-ctrl.mapboxgl-ctrl-attrib{display : none !important;}
.mapboxgl-ctrl-compass{display :none !important}

.heroslideshow .swiper-wrapper .swiper-slide:before {
    background-color: rgb(0 0 0 / 5%) !important;

}
.heroslideshow .swiper-wrapper .swiper-slide:after {

    background: none !important;

}
.border-0{border: 0px}
.mapboxgl-marker{background-image: url(/themes/custom/austral/images/mapbox-marker-icon-blue.svg);
    background-size: cover;
    width: 20px;
    height: 47px;
    cursor: pointer;}
.mapboxgl-popup-close-button:hover,.mapboxgl-popup-close-button:focus {
    background-color: transparent;
    color: #37a1eb;
    border:none;
}
.mapboxgl-popup-close-button {
    background-color: transparent;
    border: 0 !important;
    border-radius: 0 0px 0 0;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 1px;
    color: #0d2768;
    font-size: 21px;
    line-height: normal;
}
.mapboxgl-popup-content {
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 2px 5px rgb(14 38 102 / 86%);
    padding: 15px;
    pointer-events: auto;
    position: relative;
}


.mapboxgl-popup {
     min-width: 120px;
}
.info-link a {
	font-weight: 700;
    border-bottom-width: 1px;
    margin-top: 15px;
    --tw-border-opacity: 1;
    border-color: rgb(13 39 104 / var(--tw-border-opacity));
    display: inline-block;
}
.result {
    opacity: 1;
    cursor: pointer;
    padding-right: 20px;
    width: auto;
    height: 40px;
    line-height: 40px;
    background: #0D2768;
    color: white;
    padding: 0 20px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    border: 1.5px solid #0D2768;
    border-radius: 22px;
    user-select: none;
    font-weight: 600;
    margin-right: 20px;

}
.fixed-header.mt-value-80.menu-with-mt{margin-top: 40px !important;}
.fixed-header.mt-value-40.menu-user-logged{margin-top: 0px !important;}

.yt-video-axeptio {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;

}

.yt-video-axeptio .yt-button-axeptio {
     position: absolute;
    left: 50%;
    top: 50%;
    /* border-radius: 58px!important; */
    transform: translate(-50%,-50%);
    background-color: #ba9637;
    color: white;
    height: 65px;
    padding: 0 41px;
    /* font-size: 97%; */
    z-index: 3;
    line-height: normal;}
.share-axeptio{
    /* position: absolute; */
    /* left: 34%; */
    /* top: 50%; */
    /* display: flex; */
    /* border-radius: 58px!important; */
    /* transform: translate(-37%,-30%); */
    background-color: #ba9637;
    color: white;
    height: 81px;
    padding: 0 20px;
    /* font-size: 97%; */
    z-index: 3;
    line-height: 77px;
    /* width: 100%; */
    }
    .node-destination-form .form-item--field-coordinates-info-0--weight, .node-destination-form #edit-field-coordinates-info-add-more,.node-destination-edit-form .form-item--field-coordinates-info-0--weight, .node-destination-edit-form #edit-field-coordinates-info-add-more{display : none;}
    .min-w-80{min-width : 80px}
    .max-h-312{
	max-height: 312px !important;
}
.about .map {
    max-width: 320px;
    position: relative;
    /* right: -40px; */
    /* top: -25px; */
}
.open-popup-link {
    top: -31px;
    position: relative;
}
.p-b-value{padding-bottom: 50px !important;}
#pointer_div_front{
	width: 336px;
	height: 298px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	position: relative;
}
#cross-front {
	position: absolute;
	visibility: visible;
	z-index: 2;
	color: #b8922f;
	font-size: 30px;
	content: "x";
	transition: 0.5s;
	display: block;
	width: 22px;
	margin-top: -30px;
	margin-left: -10px;
}
.newsletter .newsletter-container > div > div:first-child p {
    padding: 0;
}
.video-container iframe {

    background-color: white;
}
#youtubePlayer {
    position: relative;
    opacity: 0;
    overflow: hidden;
  }
#youtubePlayer.loaded{opacity: 1;-webkit-animation: animate 1s ease forwards;
  -o-animation: animate 1s ease forwards;
  animation: animate 1s ease forwards;
  -webkit-animation: animate 1s ease forwards 300ms 0 ease;
  -moz-animation: animate 1s ease forwards 300ms 0 ease;
  animation: animate 1s ease forwards 300ms 0 ease;}
#youtubePlayer.hidden{opacity: 0;}
.gin-secondary-toolbar--frontend{height: 40px;/* top: 38px; */}
.toolbar-fixed.user-logged-in.path-frontpage main, .toolbar-fixed.user-logged-in.path-frontpage .bandeau{margin-top: 40px;}
.mobiletablet\:h-value-75.mt-value-100.nav-down.scroll-to-top,.mobiletablet\:h-value-75.mt-value-100 {
    margin-top: 80px;
}
	.mobiletablet\:h-value-75.mt-value-100.fixed-header.nav-down,.mobiletablet\:h-value-75.mt-value-100.fixed-header.nav-up {
    margin-top: 80px;
}
body.toolbar-fixed.user-logged-in header {
        top: calc((var(--gin-toolbar-y-offset)));
        left: var(--gin-toolbar-x-offset);
        width: calc(100% - var(--gin-toolbar-x-offset));
        margin-top: calc((var(--gin-toolbar-secondary-height) - 20px));
        z-index: 100 !important;
    }
body.toolbar-fixed.user-logged-in header.nav-up {
        top: -100px;);)););
        /* position: absolute; */
        left: var(--gin-toolbar-x-offset);
        width: calc(100% - var(--gin-toolbar-x-offset));
        margin-top: unset;
        z-index: 100 !important;
    }
body.toolbar-fixed.user-logged-in header.nav-down {
        top: calc((var(--gin-toolbar-y-offset)));
        left: var(--gin-toolbar-x-offset);
        width: calc(100% - var(--gin-toolbar-x-offset));
        margin-top: calc((var(--gin-toolbar-secondary-height) - 20px));
        z-index: 100 !important;
    }
@media (min-width: 1025px){
  body.toolbar-fixed.user-logged-in header {
    /* width: 100%; */
    /* padding-left: 66px; */
  }
  .toolbar-fixed.user-logged-in header .menu-item-with-dropdown > div {

    width: calc(100% - 124px);
    left: 101px;}
 }
@media (max-width: 1024px){
		.mobiletablet\:h-value-75.mt-value-60.nav-down.scroll-to-top,.mobiletablet\:h-value-75.mt-value-60 {
    margin-top: 77px;
}
	.mobiletablet\:h-value-75.mt-value-60.fixed-header.nav-down,.mobiletablet\:h-value-75.mt-value-60.fixed-header.nav-up {
    margin-top: 77px;
}
.gin-secondary-toolbar--frontend{    height: 40px; top: 38px;}
.toolbar-fixed.user-logged-in.path-frontpage main, .toolbar-fixed.user-logged-in.path-frontpage .bandeau{margin-top: 78px;}
.mobiletablet\:h-value-75.mt-value-100.nav-down.scroll-to-top,.mobiletablet\:h-value-75.mt-value-100 {
    margin-top: 120px;
}
	.mobiletablet\:h-value-75.mt-value-100.fixed-header.nav-down,.mobiletablet\:h-value-75.mt-value-100.fixed-header.nav-up {
    margin-top: 117px;
}
.caption-landing{width: calc(100% - 15px);}
}
.pb-0{padding-bottom:0 !important;}
.popup-product .mapboxgl-ctrl-top-right {
    right: 0;
    bottom: 72px;
    top:unset;
}
.z-26{z-index:26}
.newsletter .newsletter-container > div > div:first-child a {
    border-bottom: 1px solid #0B2055;
    font-weight: 600;
}
.custom-select-arrow option[disabled],.custom-select-arrow{ color: #868faa;
  font-style: italic;}
.logo-client{background-color: #c8cdd9;}
.icon-timeline-devis{
    padding-right: 0.75rem;padding-left: 0.75rem;
}
.h-80{height : 80px}
td[headers="view-field-number-table-column"] a,.views-field.views-field-view-document a{font-weight:bolder}
/*table,tr,td{
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #0d2768;
    padding: 1rem;
    }*/
.margin-top-36{margin-top:-30px}
.loginpages {
  background-image: url(/themes/custom/austral/images/bg-espace.jpg);}

.path-devis #contact-popup {
  opacity: 0;
  transform: translateY(-20px);
  transition: 0.2s;
  pointer-events: none;
}
.path-devis #contact-popup.show-contact-popup {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.ck-content ul {
    list-style-type: disc;
    margin-block: 0.25em;
    margin-inline: 1.5em 0;
    padding-inline-start: 0;
    list-style-type: disc;
    list-style-image: none;}
 .form-submit{cursor : pointer;}
 .footer .\[\&\>a\]\:before\:bg-accent>a::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(229,231,235);
}
.\[\&\.show-accordion-content\]\:max-h-1000.show-accordion-content {
    max-height: max-content !important;
}
#youtubePlayer {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#youtubePlayer.loaded {
  opacity: 1;
}
