/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------ Structure ------------------*/

.regular_text,
.regular_text span {
  z-index: 100!important;
  font-size: 1.7vh!important;
  line-height: 3.2vh!important;
}

.hand_written p {
  font-size: 5vh;
  line-height: 6vh;
  display: block;
  margin: 0;
  padding: 0;
  z-index: 20;
}

#big_text_circle_background {
  width: 150vh!important;
  height: 150vh!important;
  top: 20vh;
  left: -40vh;
  z-index: -500!important;
  border-radius: 50%;
  background: linear-gradient(180deg, #004159 0%, #DE6C93 50%, #004159 100%);
}

#page
{
		overflow-x: hidden;
}

.care_text_circle_container 
{
  width: 70vh;
  height: 70vh;
  border-radius: 50%;
  background: #DE6C93;
	position:absolute;
}

/*.care_text_circle_container .elementor-widget-container {
  width: 72%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}*/

@media screen and (max-width: 767px)
{
   	.regular_text,
		.regular_text span 
		{
  		font-size: 1.5vh!important;
  		line-height: 3vh!important;
		}
		
		.hand_written p 
		{
  		font-size: 4vh;
  		line-height: 5vh;
		}
		
		#big_text_circle_background 
		{
					width: 170vh!important;
					height: 170vh!important;
					top: 20vh;
					left: -60vh;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------ Home ------------------*/

#logo_bar {
  position: absolute;
}

#logo{
  height:10vh;
	display:block;
	margin:auto;
	margin-top:5vh;
}

#logo_asca
{
		height:10vh;		
		display:block;
		margin:auto;
}

#appointment_button a
{
		display:block;
		position:fixed;
		bottom: 5vh;
		left: 50%;
		transform: translate(-50%);
}

@media screen and (max-width: 767px)
{
   	#home
		{
				background-image:url("https://reflet-therapies.care/wp-content/uploads/2025/09/mobile_home_background_portrait.jpg");
				background-size: cover;
				background-position: center;
				background-repeat:no-repeat;
		}
		
		#video
		{
				display:none;
		}
		
		#logo{
			height:5vh;
			margin-top:5vh;
		}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------ Reflexologie ------------------*/

.care_pictures img
{
		width:40vw!important;
		height:40vw!important;
}

@media screen and (max-width: 767px)
{		
		.care_pictures img
		{
				width:95vw!important;
				height:95vw!important;
		}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------ Diapasons ------------------*/

#diapasons > .care_description {
  width: 30%;
  top: 10vh;
  left: 5vw;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------ About ------------------*/

#about_text_circle_container {
  width: 70vh;
  height: 70vh;
  border-radius: 50%;
  background: rgba(0, 65, 89, 0.2);
}

#about_text_circle_container .elementor-widget-container {
  width: 72%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#appointment_title
{
		font-size: 4vh!important;
}

@media screen and (max-width: 767px)
{
   	#about_picture img
		{
				width:90vw!important;
				height:90vw!important;	
		}
		
		#about_text_circle_container 
		{
				width: 110vw!important;
  			height: 110vw!important;
		}
		
		#about_slogan
		{
				position:relative!important;
		}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------ Google reviews ------------------*/

.ti-rating-text
{
		color:white!important;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------ Easy Appointments ------------------*/

#appointments_desktop
{
		display:block;
}

#appointments_mobile
{
		display:none;
}

.appointments_container
{
		margin:auto;
}

.time-disabled
{
		display:none!important;
}

.busy, .no-slots
{
		background-color: unset!important;
}

.busy a, .no-slots a
{
		color: #ccc!important;
}

.appointments_container .control-label,
.appointments_container h3, .appointments_container small,
#booking-overview {
  color: white;
  font-family: outfit-light;
}

.final {
  margin-top: 30px;
}

@media screen and (max-width: 767px)
{
   	#appointments_desktop
		{
				display:none;
		}
		
		#appointments_mobile
		{
				display:block;
		}
}