/*
Theme Name: Studio WMT 
Theme URI: https://studio-wmt.com
Author: Antoine Moreau
Author URI: https://studio-wmt.com
Description: The ultimate custom theme for travel Agency, with a high front end performances level. Made to make things faster, Use it to make something cool 
License: Used for WMT Studio's clients only
Version: 0.0.1
Text Domain: Studio WMT Theme
*/

/*------------------------------ STYLE GLOBAL -----------------------------------*/

html{
    overflow-x: hidden;
}

html, body {
    margin : 0;
    padding: 0;
}

a{
  text-decoration: none;  
}


.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

.acf-map img {
   max-width: inherit !important;
}


a[href^="http://maps.google.com/maps"]{
    display:none !important
}

a[href^="https://maps.google.com/maps"]{
    display:none !important
}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
}
.gmnoprint div {
    background:#fff !important;
}


/* ///////////////////////////////////////////////////////////////////////////////////
*
* Slider CSS 
*
/////////////////////////////////////////////////////////////////////////////////// */

.slider-title{
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: block;
    width: 100%;
}

.slider-title h1, .slider-title h2{
    color: #fff;
    margin: 0;
    font-weight: 100;
}

.slider-title h1{
    font-size: 65px;
    line-height: 50px;
}

.slider-title h2{
    font-size: 30px;
}

.cbp-bislideshow {
    list-style: none;
    width: 100%;
    height: 75vh;
    z-index: -1;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

.cbp-bislideshow li {
    position: absolute;
    width: 100%;
    height: 75vh;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    background-repeat: no-repeat;
}

.backgroundsize .cbp-bislideshow li {
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: cover;
}

/* ...and hide the images */
.backgroundsize .cbp-bislideshow li img {
	display: none;
}

.cbp-bislideshow li img {
	display: block;
	width: 100%;
}

.cbp-bicontrols {
    position: absolute;
    width: 90px;
    height: 30px;
    right: 0;
    bottom: 0;
}

.cbp-bicontrols span {
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
}

.cbp-bicontrols span:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 20px;
    color: #fff;
    opacity: 0.7;
}

.cbp-bicontrols span:hover:before {
	opacity: 1;
}

.cbp-bicontrols span:active:before {
	top: 2px;
}

span.cbp-biplay:before {
    font-family: FontAwesome;
	content: "\f04b";
}

span.cbp-bipause:before {
    font-family: FontAwesome;
	content: "\f04c ";
}

span.cbp-binext:before {
    font-family: FontAwesome;
	content: "\f061";
}

span.cbp-biprev:before {
    font-family: FontAwesome;
	content: "\f060";
}

.cbp-bicontrols span.cbp-binext {
	float: right;
}

/* Fallback */

.no-js.no-backgroundsize .cbp-bislideshow li:first-child {
	opacity: 1;
}

.no-js.backgroundsize .cbp-bislideshow li:first-child img {
	display: block;
}

/* ///////////////////////////////////////////////////////////////////////////////////
*
* Caroussel CSS  
*
/////////////////////////////////////////////////////////////////////////////////// */



/* ///////////////////////////////////////////////////////////////////////////////////
*
* 404 CSS  
*
/////////////////////////////////////////////////////////////////////////////////// */

#compteur p,
.connex-title,
.copyright,
.footer-col-cta a,
.gp-container h2,
.no-page-wrap,
.oups {
    text-align: center
}


.no-page-wrap {
    padding: 2%;
    border-radius: 5px
}

.no-page {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2db1dd; 
    background: -moz-linear-gradient(-45deg, #2db1dd 0%, #6b2ff3 41%, #3548a8 100%); 
    background: -webkit-linear-gradient(-45deg, #2db1dd 0%,#6b2ff3 41%,#3548a8 100%); 
    background: linear-gradient(135deg, #2db1dd 0%,#6b2ff3 41%,#3548a8 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db1dd', endColorstr='#3548a8',GradientType=1 );
}

.count,
.oups {
    position: absolute
}

.no-page-wrap h1 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0
}

.no-page-wrap h2 {
    text-transform: initial;
    font-size: 15px;
    margin: 10px 0 40px;
    color: #fff
}

.no-page-wrap a {
    background-color: #d94012;
    border-radius: 3px;
    color: #fff;
    padding: 5px 20px;
    font-size: 13px
}

#compteur p,
.oups p {
    font-size: 100px;
    color: #fff;
    font-family: Palanquin, sans-serif;
    margin: 0
}

.oups {
    top: 30vh;
    right: 0;
    width: 100%
}

.oups p {
    opacity: .5
}

.count {
    bottom: 100px;
    right: 20px;
    color: #fff
}

#compteur p {
    opacity: 1
}

.count-txt p {
    color: #fff
}