/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 26 2023 | 15:07:55 */
.intro{    height: 600px;  width: 95%; }
#slider {
  position: relative;
  overflow: hidden;
  margin: 0px 20px 8px 20px;
  border-radius: 4px;
  }
  
  #slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  } 
  #slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    background-repeat: no-repeat;
	  background-position: center;
    text-align: left;
	  height:700px;
  }
  .slide-1{
   background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/04/riadlecalifeclair700.webp");
  }
  .slide-2{
   background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/07/home-fonce.webp");
  }
  .slide-3{
   background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/06/cta-riad-le-calife.webp");
  }
 .slide-4{
   background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/04/chambre-slider.webp");
  }
 .slide-5{
   background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/06/offers-final.webp");
  }
 .slide-6{
   background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/07/lebar-slider-1.webp");
	background-size : contain;
  }
 .slide-7{
   background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/04/leisure-slider-1.webp");
  }
 .slide-8{
   background-image: url("https://preprod.riadlecalife.com/wp-content/uploads/2023/07/contact-2.webp");
  }
  a.control_prev, a.control_next {
    position: absolute;
	font-family: 'Poppins'!important;
    top: 44%;
    z-index: 999;
    display: block;
    padding: 7px 14px;
    width: auto;
    height: auto;
    color: white;
    text-decoration: none!important;
    font-weight: 300;
    font-size: 50px!important;
    cursor: pointer;
    transition: 0.6s ease;
 background-color: #0000003d!important;
  }
  .text-block{
    position: relative;
	  left:0!important;
    top: 25%;
	  width: 100%;
	  text-align: center;
	  width: 70%!important; 
	  margin-left: auto;
	  margin-right: auto;
  }
.slide-title{
	font-size: 72px!important; text-transform: uppercase!important; font-weight: 300; letter-spacing: .3rem; 
}
.slide-sub-title{font-size: 32px!important; font-family: 'Poppins'!important; font-weight: 400; letter-spacing: .3rem; text-transform: uppercase;}
  .dot {
    cursor: pointer!important;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: rgba(255, 255, 255, 0.65);
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
	  background-color: #00000030!important;
  }
  .active, .dot:hover {
    background-color: #AF8636;
  }
  .button {
    padding: 28px 36px;
    border: solid 4px white!important;
	  border-style: double!important;
    font-size: 24px;
	  font-family: 'Poppins';
    color: white!important;
    font-weight: 900!important;
    cursor: pointer;
	  text-transform: uppercase;
	  letter-spacing: .12em!important;
	  transition: transform 500ms ease;
  }
  .button:hover{
    transform: scale(1.05);	
  }
  a.control_prev:hover, a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
  }
  a.control_prev {
    border-radius: 0 2px 2px 0;
  }
  a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
  }
.transition{
	animation: zoom 5s infinite alternate;
}
  @keyframes zoom {
    from {transform: scale(1.02); opacity: .9} 
    to {transform: scale(1); opacity: 1}
  }
@media (max-width: 750px){
	.slide-title {font-size: 32px!important;}
	a.control_prev, a.control_next {padding: 7px;}
	.slide-sub-title{font-size: 24px!important;}
	.button {font-size: 16px!important; margin-left: auto; margin-right: auto; width: 100%!important}}
@media (max-width: 900px){.soc-shape{position: relative; left: 35%!important; margin-bottom: 14px!important;} .soc-icons{width: 100%!important; margin-left: 0px!important; flex-direction: column!important; margin-top: 28px;}.footer-content{ font-size: 16px!important;} .slide-6{background-size : cover;}}
@media (min-width: 920px){ 
	.ast-container {max-width: 100%!important;} #slider {margin: 0 auto 8px auto!important;}}
@media (max-width: 1142px){ .text-block{width: 80%!important;} }

@media (min-width: 1200px){
.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0px;
    margin-bottom: 60px;
}}
html body {
    --wp--custom--ast-default-block-top-padding: 2em;
    --wp--custom--ast-default-block-right-padding: 2em;
    --wp--custom--ast-default-block-bottom-padding: 2em;
    --wp--custom--ast-default-block-left-padding: 2em;
    --wp--custom--ast-container-width: 100%;
    --wp--custom--ast-content-width-size: 100%;
    --wp--custom--ast-wide-width-size: calc(100% + var(--wp--custom--ast-default-block-left-padding) + var(--wp--custom--ast-default-block-right-padding));
}