/*
 Theme Name:   Basel Child
 Description:  Basel Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     basel
 Version:      1.0.0
 Text Domain:  basel-child
*/


/* Your customizations starts here */
@media screen and (min-width: 0px) and (max-width: 991px) {
	
.swiper-button-next, .swiper-button-prev{
	display : none;
}
.mon-titre2 {
    font-size: 32px !important;
}
	
.accueil {
	padding : 0px !important;
	margin-bottom : 30px;
	margin-top : 45px;
}
	
}

.basel-navigation .menu>li.menu-item-design-default .sub-menu-dropdown {

    background-color: #03022a !important;
	color: #fff !important;
}

.basel-navigation .menu>li.menu-item-design-default ul li a {
    color: #fff !important;
	font-weight : bold !important;
}
.accueil {
	padding : 90px;
}

.footer-container.color-scheme-light p {
    color: #fff !important;
}

.kc_captcha {
    color: #fff !important;
}
fieldset {
    border: 0px solid #e6e6e6 !important;
	padding: 0px !important;
    margin-bottom: 0px !important;

}

.kc_captcha label {
    color: #fff;
}

.captcha-image svg {

    width: 45px !important;
    height: 45px !important;

}


.wpcf7-form.sent .wpcf7-response-output {
    color: #fff !important;
    border-color: #fff !important;
    background-color: transparent;
}

.footer-container.color-scheme-light a {
    color: #fff !important;
}

.mobile-nav {
    background-color: #03022a !important;
}
.mobile-nav ul li a{
    font-weight : bold !important;
}
.mobile-nav ul li.current-menu-item > a {

    color: #fff !important;
}

.vc_toggle .vc_toggle_title h4 {
    font-size: 18px !important;
    transition: all .2s ease;
    color: #03022a !important;
    text-transform: uppercase;
    font-weight: bold;
}


.site-logo img {
    max-width: 290px !important;
    max-height: 112px;
}


@font-face {
    font-family: 'Game Of Squids';
    src: url('GameOfSquids.eot');
    src: url('GameOfSquids.eot?#iefix') format('embedded-opentype'),
        url('GameOfSquids.woff2') format('woff2'),
        url('GameOfSquids.woff') format('woff'),
        url('GameOfSquids.svg#GameOfSquids') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.mon-titre {
  font-family: 'Game Of Squids', sans-serif;
}

.mon-titre2 {
    font-size: 50px;
    font-weight: 200;
    text-transform: uppercase;
	
}

.mb-0 {
  margin-bottom : 0px !important;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
    color: #000 !important;
}

input[type=submit] {
    display: inline-block;
    color: #ffff18 !important;
    border: 1px solid #ffff18 !important;
    background-color: transparent !important;
    text-align: center;
	font-weight : bold !important;
    border-radius: 5px;
  
}

.header-vertical .site-logo img {
        max-height: none;
        width: 40% !important;
}

.header-vertical.color-scheme-light .right-column, .header-vertical.color-scheme-light .header-links {
        border-top: 0px solid rgba(255, 255, 255, 0.15) !important;
        border-bottom: 0px solid rgba(255, 255, 255, 0.15) !important;
}

.image-hover {
  position: relative;
  width: 100% !important;
  height: 100%;
  overflow: hidden;
  opacity: 0; /* caché au début */
  transform: translateY(-20px); /* position initiale */
  transition: opacity 0.5s, transform 0.5s;
}

.image-hover.fade-in-down {
  opacity: 1;
  transform: translateY(0);
}

.img-base {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(3, 2, 42, 0.6); /* fond semi-transparent noir */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.image-hover:hover .overlay {
  opacity: 1;
}

.logo {
  width: 80px;
  margin-bottom: 15px;
}

.btn {
    background-color: #ffff17;
    color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  transition: background-color 0.2s;
}

.btn:hover {
  background-color: #ddd;
}





.mb-3{
	margin-bottom : 30px;
}
.noirblanc {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
  border-radius : 20px
}

.noirblanc:hover {
  filter: grayscale(0%);
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #03022a !important;
}

.swiper-button-next, .swiper-button-prev {

    color : #03022a  !important;
}

.footer-container .footer-column {
    text-align: center;
}

.maj {
  text-transform : uppercase;
  font-weight : bold;
	
}
.bleu {
	color: #03022a;
}
.jaune {
  color : #ffff17;
}

.blanc {
  color : #fff;
}

.mt-0{
	margin-top : 0px !important;	
}

.mb-0{
	margin-bottom : 0px !important;	
}

.btn{
	font-weight : bold;
}
.btn.btn-color-alt.btn-style-bordered:hover {
	
	color: #03022a !important;
	
}