.no_voyage_msg{
background-color: #F2EEE6;
padding: 40px 20px;
text-align: center;
}
.carousel-ctn{
padding: 0 50px 50px 50px;
}
.carousel-ctn[data-count="1"] .swiper-wrapper,
.carousel-ctn[data-count="2"] .swiper-wrapper{
justify-content: center;
}
.carousel-ctn[data-count="1"] .swiper-slide,
.carousel-ctn[data-count="2"] .swiper-slide{
max-width: 450px;
}
.carousel-ctn .swiper-button-next,
.carousel-ctn .swiper-button-prev{
color: white!important;
}
.carousel-ctn .swiper-pagination-horizontal{
top: inherit!important;
bottom: 0!important;
}
.carousel-ctn .swiper-button-next:after,
.carousel-ctn .swiper-button-prev:after {
font-size: 2.8rem !important;
}
.carousel-ctn .swiper-pagination-bullet {
background: white;
}
.carousel-ctn .swiper-pagination-bullet-active {
background: #446F9F!important;
}
@media screen and (max-width:400px) {
.carousel-ctn{
padding: 0 25px 50px 25px;
}
.carousel-ctn .swiper-button-next{
right: 0!important;
}
.carousel-ctn .swiper-button-prev{
left: 0!important;
}
}
.card {
overflow: hidden;
transition-duration: .3s;
}
.card:hover img{
transform: scale(1.02);
transition-duration: .3s;
}
.card-image {
height: 300px;
position: relative;
background-size: cover;
background-position: center;
overflow: hidden;
}
.card-image img{
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
transition-duration: .3s;
}
.card-content {
padding: 15px;
background: #fff;
}
.card-content ul{
min-height: 180px;
}
.card .btn-full-width {
display: block;
width: 100%;
padding: 15px 10px;
text-align: center;
background: #446F9F;
transition-duration: .5s;
color: white;
text-decoration: none;
margin-top: 10px;
}
.card .btn-full-width:hover {
background: #27476B;
transition-duration: .5s;
}
.card-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgb(0,0,0);
background: linear-gradient(25deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 55%);
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
color: white;
padding: 10px;
}
.card-overlay h3{
color: white;
font-weight: bold;
}
.card-overlay .prix,
.card-overlay .date{
font-weight: bold;
}
.card-content {
padding: 20px;
}
.btn-full-width {
display: block;
width: 100%;
text-align: center;
background: #007bff;
color: white;
padding: 10px;
text-decoration: none;
}
.type-label {
position: absolute;
top: 10px;
right: -30px;
background: #F2EEE6;
color: #151F28;
padding: 5px 20px;
transform: rotate(45deg);
width: 120px;
text-align: center;
box-shadow: -10px -10px 15px 15px rgba(0, 0, 0, 0.2);
}
.type-label.complet {
background: #dc3545!important;
color: white!important;
}
.liste-voyages {
margin-top: 20px;
}
.filter-buttons {
display: flex;
justify-content: stretch;
margin: 80px -10px 50px -10px;
}
.filter-buttons a {
margin: 0 10px;
padding: 10px 20px;
background: #446F9F;
color: white;
cursor: pointer;
width: 100%;
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-family: 'Fira Sans', sans-serif;
font-size: 2.4rem;
}
.filter-buttons a.active {
background: #28496D;
}
@media screen and (max-width:400px) {
.filter-buttons{
display: block!important;
margin: 50px 0!important;
}
.filter-buttons a{
display: block!important;
margin: 0 0 10px 0!important;
}
}
@media screen and (max-width:1024px) {
.voyage-item {
grid-template-columns: 100%!important;
}
.voyage-image-ctn{
height: 200px;
}
}
.voyage-item {
display: grid;
grid-template-columns: 35% 65%;
margin-bottom: 50px;
background-color: #F2EEE6;
min-height: 250px;
overflow: hidden;
}
.voyage-item.invisible {
display: none;
}
.voyage-title{
text-transform: uppercase;
font-weight: bold;
}
.voyage-date{
color: #446F9F;
}
.voyage-image-ctn{
position: relative;
overflow: hidden;
}
.voyage-image{
object-fit: cover;
position: absolute;
width: 100%;
height: 100%;
transition-duration: .5s;
}
.voyage-item:hover .voyage-image{
transform: scale(1.1);
transition-duration: .5s;
}
.voyage-content{
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: center;
}
.voyage-content-inner{
padding: 30px 20px;
}
.voyage-desc{
text-transform: uppercase;
}
.voyages-buttons{
display: flex;
justify-content: stretch;
}
.voyage-buttons > div{
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 60px;
width: 50%;
float: left;
color: white;
font-weight: bold;
font-size: 2rem!important;
}
.voyage-prix{
flex-direction: column;
background-color: #446F9F;
}
.voyage-prix-info{
font-weight: normal;
font-size: 1.6rem;
}
.voyage-btn{
background-color: #28496D;
transition-duration:.5s;
}
.voyage-item:hover .voyage-btn{
background-color: #1d3651;
transition-duration:.5s;
}
.voyage_slider_soustitre{
font-weight: 800;
}
.voyage_slider_h3{
color: white;
margin-top: 20px;
font-family: "Gotham", sans-serif;
}
.voyage-desc-ctn{
display: grid;
grid-template-columns: auto 450px;
grid-gap: 70px;
}
@media screen and (max-width:1024px) {
.voyage-desc-ctn{
grid-template-columns: 100%;
}
.voyage-desc-ctn .col1{
margin-top: 70px;
}
}
.voyage-desc-ctn .col1 h2{
color: #1d3651;
}
.voyage-desc-ctn .col1 h3{
color: #446F9F;
margin-top: 30px;
}
.voyage-desc-ctn .col2 h3{
text-transform: uppercase;
font-size: 2.5rem;
margin-bottom: 10px;
}
.voyage-desc-ctn .col2 h3:not(:first-child){
margin-top: 30px;
}
.voyage-desc-ctn .col2 .bloc{
background-color: #F2EEE6;
padding: 30px;
margin-bottom: 30px;
}
.voyage-desc-ctn .prix-cta{
display: flex;
margin-bottom: 50px;
}
.voyage-desc-ctn .prix-ctn,
.voyage-desc-ctn .cta{
width: 50%;
height: 60px;
display: inline-flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 2.5rem;
font-family: 'Fira Sans', sans-serif;
padding: 0 20px;
}
.voyage-desc-ctn .prix-ctn{
flex-direction: column;
background-color: #446F9F;
}
.voyage-desc-ctn .prix-ctn .voyage-prix-info{
text-transform: none;
}
.voyage-desc-ctn .cta{
background-color: #28496D;
}
.voyage-desc-ctn .cta:hover{
background-color: #1d3651;
}
.voyage-desc-ctn .cta.cta-complet{
background-color: #dc3545;
cursor: default;
}
.voyage-desc-ctn .cta.cta-complet:hover{
background-color: #dc3545;
}