/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font .accommodation-list td strongand color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.25.1749979551
Updated: 2025-06-15 09:25:51
*/

/* Import Fonts */
@import url('https://fonts.cdnfonts.com/css/tropic-garden');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lalezar&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');

/* Global Typography */
:lang(ar) {
  font-family: 'Cairo', sans-serif;
}
:lang(ar) p,
:lang(ar) li,
:lang(ar) input,
:lang(ar) a,
:lang(ar) h6,
:lang(ar) h3
{
  font-family: 'Cairo', sans-serif !important;
}

[lang^="ar"] .arrow-side {
  transform: scaleX(-1);
}

[lang^="ar"] .ri-arrow-right-line {
  transform: scaleX(-1);
  display: inline-block;
}
[lang^="ar"] .copyrights img {
    top: 4px;
    right: 3px;
}

[lang^="ar"] .contacts p {
	text-align: right !important;
}

:lang(ar) h1,
:lang(ar)  h2,
:lang(ar) .cbp-single-title {
    font-family: "Lalezar", sans-serif !important;
}

[lang^="ar"] .slick-dots {
	padding-right: 0em !important;
}
[dir='rtl'] .slick-prev {
    right: auto !important;
}
h2,h1 {
    font-family: 'Tropic Garden', sans-serif;
}
.sites-heading {
	 font-family: 'Tropic Garden', sans-serif; 
	font-weight:400;
}
/* Header and Branding */
.site-branding a.brand {
    position: absolute;
    top: -5px;
    border: 5px solid #fff;
    border-radius: 10px;
}

/* Country Flags Slider */
.country-flags-slider .flag-slide {
    padding: 10px;
    transition: transform 0.3s ease;
}

.country-flags-slider .flag-slide img {
    width: 155px;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Slick Slider Arrows */
.slick-arrow {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

.slick-prev {
    left: -50px !important;
}

.slick-prev:before {
    content: '\ea64' !important;
    font-family: 'remixicon' !important;
    color: #1DAA73 !important;
    line-height: 1;
    opacity: 1;
}

.slick-next {
    right: -40px !important;
}

.slick-next:before {
    content: '\ea6e' !important;
    font-family: 'remixicon' !important;
    color: #1DAA73 !important;
    line-height: 1;
    opacity: 1;
}

/* Sport Filter and Grid Section */
.sport-filter-wrapper {
    padding: 2rem 0;
    max-width: 1170px;
    /* justify-self: center; */
    margin-inline: auto;
}

.sport-filters {
    font-size: 14px;
    display: flex;
    list-style: none;
    margin-bottom: 2rem;
    background: #238E69;
    max-width: 500px;
    border-radius: 20px;
    justify-self: center;
    padding: 4px !important;
    font-weight: 300;
    gap: 5px;
}

.sport-filters li {
    cursor: pointer;
    padding: 0.3rem 1.2rem;
    border-radius: 20px;
    color: #fff;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: 'Poor Story', var(--global-display-fallback-font);
}

.sport-filters li:hover {
    background: #FD4D40;
    color: white;
}

.sport-filters li.active {
    background: #FD4D40;
    color: white;
}

.sport-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.sport-card {
    opacity: 1;
    transition: all 0.3s ease;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.sport-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.sport-card.hide {
    opacity: 0;
    pointer-events: none;
}

.sport-card-inner {
	background: white;
}

.sport-img img {
    height: auto;
    margin-bottom: 1rem;
    width: -webkit-fill-available;
}

.sport-text h3 {
    margin: 0;
    color: #238E69;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
}

.sport-text {
    padding: 0rem 1rem 1rem;
    line-height: 1;
}
.sport-text p {
    color: #4E5A7B;
    font-size: 18px;
    font-family: 'Poor Story';
	margin-block: 0px;
}
/* Ville Hote Grid Section */
.ville-hote-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
    text-align: center;
}

.ville-hote-card {
    width: 180px;
    transition: all 0.3s ease;
	margin-top: 10px;
}

.ville-hote-card:hover img {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.ville-hote-card h3 {
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 0;
    color: #239E69;
}

.ville-hote-card p {
    font-size: 14px;
    color: #4B5563;
    letter-spacing: 1.1px;
}
.ville-hote-image {
/*     justify-items: center; */
	padding-top: 10px;
	justify-self: center;
}

.ville-hote-image img {
    width: 250px;
    height: auto;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.ville-hote-card:hover .ville-hote-image img {
    transform: scale(1.1);
    filter: brightness(1.1);
}

/* News Section */
.grid-section {
    display: grid;
    gap: 0px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-items: center;
}
.news-section {
    margin: 20px 0;
}

.news-section .slick-slide {
    margin: 0 10px; /* External margin to create space between cards */
}

.news-card {
    width: 100%;
    max-width: 363px;
    border: 1px solid #ddd;
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: 10px;
}

.news-card:hover ,.sites-cards:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.news-card img {
    width: 100%;
    height: 200px;
	object-fit: cover;
    transition: transform 0.3s ease;
}

.news-card:hover img ,.sites-cards:hover img {
    transform: scale(1.08);
}

.news-content {
    padding: 15px;
	background: white;
	height: 240px;
}

.news-date {
    display: block;
    color: #666;
    font-size: 12px;
}

.news-content h3 {
    margin: 0;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-content h3 a:hover {
	color:black;
}
.news-content p {
    margin: 10px 0;
    font-size: 14px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* text-overflow: ellipsis; */
}

.read-more {
    color: #1DAA73;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.read-more i {
    margin-left: 5px;
    transition: margin-left 0.3s ease, transform 0.3s ease;
}

.read-more:hover i {
    margin-left: 8px;
}

/* Partenaires Slider Section */
.partenaires {
    position: relative;
    overflow: visible !important;
    padding: 0 10px;
    background: #fff;
    max-width: 100%; /* Ensure container doesn't exceed viewport */
}
.partenair {
	justify-self: center;
}
.partenaires-slider {
    margin: 0 auto;
    max-width: 1200px; /* Optional: Cap the maximum width for larger screens */
}

.partenaires-slide {
    margin: 0 5px;
    box-sizing: border-box;
    padding: 10px 0;
    text-align: center;
    width: 182px !important; /* Force slide width to match slideWidth */
}

.partenaires-slide img.partenaires-logo {
    width: 100%;
    height: auto;
    max-width: 182px;
    max-height: 124px;
    object-fit: contain;
    border: none;
}

.slick-list {
    margin: 0 -5px; /* Offset the slide margins */
    padding-bottom: 15px !important; /* Space for dots */
}

.slick-dots {
	padding-left: 0px !important;
    margin-top: 10px !important;
	
}

.slick-dots li button {
    font-size: 0;
    width: 12px;
    height: 12px;
    background: #ccc;
    border: none;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slick-dots li.slick-active button {
    background: #1DAA73;
    width: 14px;
    height: 14px;
}

/* Center Underline */
.center-underline::after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background-color: #FD4D40;
    justify-self: center;
}
.left-underline::after {
	 content: '';
    display: block;
    width: 115px;
    height: 4px;
    background-color: #FD4D40;
	margin-top: 5px;
}

.wpml-ls-native {
    font-size: 12px;
    font-weight: 500;
}
.wpml-ls-legacy-list-horizontal>ul {
	justify-self: center;
}
.wpml-ls-legacy-list-horizontal a {
	text-decoration: none !important;
}
.phone-number {
    direction: ltr !important;
}
/*********Actulity ******/
/* Layout container */

.cbp-inner-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    padding: 30px 10px;
}
.cbp-hero {
    background-image: url('../kadence-child/img/Header.jpg');
    background-size: cover;
    background-position: center;
    text-align: center;
    min-height: 350px;
    align-content: center;
}
.cbp-hero h1 {
  font-size: 2rem;
  color: #fff;
  margin: 0;
	font-weight: 100;
}

/* Posts grid */
.cbp-posts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 768px) {
  .cbp-posts-grid {
    grid-template-columns: 1fr;
  }
}

/* Post card */
.cbp-single-more-posts {
	background: #FDF9EF;
}

.cbp-single-image img {
    width: -webkit-fill-available;
    max-height: 450px;
    object-fit: cover;
    border-radius: 20px;
}
.cbp-single-content {
	margin: 30px 0px 0px 0px;
}

.cbp-single-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* Optional: wrap on small screens */
  gap: 10px;
  margin-bottom: 40px;
}

.cbp-single-title {
    font-size: 22px;
    flex: 1;
    color: #238E69;
    font-family: 'Montserrat';
    max-width: 700px;
}
:lang(ar) .cbp-single-body {
	font-weight:400;
}
.cbp-single-date {
    font-size: 14px;
    color: #3A3A3A;
    white-space: nowrap;
    font-weight: 400;
}
/* Post card */
.cbp-single-more-posts {
	background: #FDF9EF;
}


.cbp-single-more-posts h2 {
    justify-self: center;
    margin-bottom: 30px;
    color: #238E69;
    font-size: 24px;
    font-weight: 400;
}
.see-btn {
    display: block;
    padding: 12px 32px;
    background-color: #FD4D40;
    color: #fff !important;
    text-decoration: none;
    border: none;
    border-radius: 50px;
    max-width: fit-content;
    font-size: 12px;
    justify-self: center;
    margin-top: 60px;
}

.see-btn:hover {
  background-color: #238E69;
}

/**********************************/
/* Page title */
.archive-title {
    text-align: center;
    margin: 2rem 0 0;
    color: #238E69;
    font-weight: 400;
}
.cbp-single-post {
    margin: 20px 0px;
}
/* Featured post (top large one) */
.featured-post {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  min-height: 300px;
  margin-bottom: 2rem;
  overflow: hidden;
height: 500px;
}

.featured-overlay {
    background: linear-gradient(to top, rgb(0 0 0 / 63%) 20%, transparent 40%);
    color: white;
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.featured-overlay h3 {
    font-size: 1.5rem;
    margin: 0 0 0.5rem 0;
    color: white;
    font-weight: 400;
    font-family: 'Tropic Garden';
    max-width: 800px;
}

.featured-overlay .news-date {
	color:white;
	}
.sites-cards {
    max-width: fit-content;
    justify-self: center;
	transition: all 0.3s ease;	
	overflow:hidden;
	border-radius:20px;
}

.sites-cards img {
    transition: transform 0.8s ease;
}
.coordonnées {
	font-weight:500;
}
.splide .splide__arrow svg {
	display:none;
}

.news-pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.news-pagination .page-numbers {
  display: inline-block;
  padding: 10px 16px;
  min-width: 40px;
  text-align: center;
  border-radius: 10px;
  background-color: white;
  color: #1DAA73;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid #1DAA73;
  transition: all 0.3s ease;
}

.news-pagination .page-numbers:hover {
  background-color: #FD4D40;
  color: white;
  border-color: #FD4D40;
}

.news-pagination .page-numbers.current {
  background-color: #FD4D40;
  color: white;
  border-color: #FD4D40;
  pointer-events: none;
  font-weight: 600;
}

.news-pagination .page-numbers.next,
.news-pagination .page-numbers.prev {
  font-weight: bold;
}
/************Acomondation**************/
.accommodation {
		background:#FDF9EF;
}
.accommodation-tabs-section {
    padding: 2rem 10px;
    max-width: 1170px;
    /* justify-self: center; */
    margin-inline: auto;
}
.accommodation-tabs {
    display: flex;
    justify-content: space-evenly;
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem;
    gap: 1rem;
    background: white;
    border-radius: 10px;
    margin-left: 0px;
    line-height: 2.5;
}
.accommodation-tabs li {
    padding: 10px 20px;
    cursor: pointer;
    color: #598274;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    font-family: 'Tropic Garden', sans-serif;
	list-style: none;
}

.accommodation-tabs li.active {
  border-color: #238E69;
  color: #238E69;
	border-block-width: 5px;
}

.accommodation-list {
  display: none;
}

.accommodation-list.active {
  display: block;
}

.accommodation-list table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  overflow: hidden;
  border-radius: 15px;
}

.accommodation-list th,
.accommodation-list td {
  padding: 15px 30px;
  text-align: left;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  font-weight: 500;
max-width: 300px;
}

.accommodation-list th {
  font-weight: 700;
}
:lang(ar) .accommodation-list th,
:lang(ar) .accommodation-list td {
  text-align: right;
}


:lang(ar) .accommodation-tabs li {
  font-weight: 800;
}

.accommodation-list td strong {
  font-family: 'Tropic Garden';
font-weight:500;
}
:lang(ar) .accommodation-list td strong {
  font-family: 'cairo';
}
.gmaps-btn {
  background: white;
  color: #1DAA73;
  border: 1px solid #1DAA73;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.gmaps-btn:hover {
  background-color: #FD4D40;
  border-color: #FD4D40;
  color: white;
}

.accommodation-phone {
  font-weight: bold;
}

.accommodation-email {
  font-weight: 500;
}

.responsive-table-wrapper {
  overflow-x: auto;
}

.accommodation-list table {
  min-width: 600px; /* Ensures scroll on mobile if needed */
}

/* Mobile-friendly tweaks */
@media (max-width: 768px) {
  .accommodation-tabs {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .accommodation-tabs li {
    flex: 1 1 45%;
    text-align: center;
  }

  .accommodation-list th, .accommodation-list td {
    padding: 12px 15px;
    font-size: 13px;
  }

  .gmaps-btn {
    padding: 4px 12px;
    font-size: 12px;
	text-align: center;
  }

  .responsive-table-wrapper {
    margin-bottom: 20px;
  }
}

/* Informations Section Bounce Animation */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

.Informations .wp-block-kadence-image img {
    transition: none;
}

.Informations .wp-block-kadence-column:hover img {
    animation: bounce 0.9s ease;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .news-card {
        width: 100%; /* Full width within slick-slide */
    }
}

@media (max-width: 768px) {
   
    .news-card {
        margin-bottom: 15px;
    }
    .news-content h3 {
        font-size: 16px;
    }
    .news-content p {
        font-size: 13px;
    }
	.left-underline::after {
		justify-self: center;
	}
}

@media (max-width: 600px) {
    .partenaires .slick-slide {
/*         width: 182px !important; /* Enforce width at 600px */ */
        margin: 0 5px;
    }
    .partenaires .slick-list {
        margin: 0 -5px;
    }
}

@media (max-width: 480px) {
    .partenaires .slick-slide {
/*         width: 182px !important; /* Enforce width at 480px */ */
        margin: 0 5px;
    }
	.partenair {
		text-align: center;
	}
    .sport-filters li {
        font-size: 10px;
        padding: 0.5rem 13px;
    }
	.head-des::after {
		top: 2em;
	}
	.cbp-inner-wrapper {
		padding: 20px 10px;
	}
.featured-overlay h3 {
    font-size: 14px;
	}
	.cbp-hero {
	min-height: 250px;
}
	.cbp-single-header {
		flex-direction: column;
	}
	.cbp-single-title {
	text-align: center;
}
	.featured-overlay {
		padding: 10px;
	}
	.featured-post {
		height: 300px;
	}
		.cbp-single-more-posts h2 {
		text-align: center;
	}
}

/* Copyrights */
.copyrights img {
    display: inline-block;
    position: relative;
    top: 5px;
    right: -3px;
}