/*
Theme Name: Divi Child
Description: Child theme for Divi. You can now safely customize it and not risk losing your customizations.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: Divi
Version: 1.0
*/



/*---------------------------------Navigation---------------------------------*/
/*Styles for Navigation sub-menu*/
.Nav .sub-menu {
  border-radius: 10px;
  border: solid white 2px;
}


/*-------------------Social Media Buttons-------------------*/
  .Menu body {
	  margin: 0;
	  padding:0;
	  background: #262626;
  }

  .Menu ul {
	  display: flex;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
  }

  .Menu ul li {
	  list-style: none;
  }

  .Menu ul li a {
	  width: 50px;
	  height: 50px;
	  background-color: #fff;
	  text-align: center;
	  line-height: 43px;
	  font-size: 23px;
	  margin: 0 5px;
	  display: block;
	  border-radius: 50%;
	  position: relative;
	  overflow: hidden;
	  border: 3px solid white/*Put color here "Optional"*/;
	  z-index: 1;
  }

  .Menu ul li a .icon {
	  position: relative;
	  color: #262626;
	  transition: .5s;
	  z-index: 3;
  }

  .Menu ul li a:hover .icon {
	  color: #fff;
	  transform: rotateY(360deg);
  }

  .Menu ul li a:before {
	  content: "";
	  position: absolute;
	  top: 100%;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: #f00;
	  transition: .5s;
	  z-index: 2;
  }

  .Menu ul li a:hover:before {
	  top: 0;
  }

  .Menu ul li:nth-child(1) a:before{
	  background: #3b5999;
  }

  .Menu ul li:nth-child(2) a:before {
	  background: red;
  }

  .Menu ul li:nth-child(3) a:before {
    background: #f09433; 
  	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  }

@media only screen and (min-width: 320px) {
  .Menu ul li a {
	  width: 40px;
	  height: 40px;
	  line-height: 34px;
	  font-size: 17px;
	  margin: 0 5px;
	}
}


/*------------------------------Phone Responsive------------------------------*/
/*-------------------P1-------------------*/
/*Container*/
.P_1 .container {
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://ronin-team.rafisa-vd.ch/wp-content/uploads/2024/08/Photo-rubrique-cours-groupe.png);
  transition: 300ms !important;
  width: 70vw;
  height: 15vh;
}


/*Text CSS*/
.P_1 .container .text_wrap {
  transition: 400ms;
  position: absolute;
  bottom: 10px;
  left: 50px;
  right: 50px;
  color: black;
  font-family: anton;
  font-size: 1.2rem;
  font-weight: 500;
  visibility: visible;
}



/*White background css*/
.P_1 .overlay {
   border-radius: 10px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
}

/*White background*/
.P_1 .container .overlay {
  background-image: linear-gradient(rgba(0,0,0,0) 65%, rgba(255,255,255,0.75) 50%);
  transition: 1000ms;
}

/*Links*/
.P_1 .link {
  color: black;
  text-decoration: underline;
}

.P_1 p {
  visibility: visible;
}

/*P1 Tablet responsive*/
@media only screen and (min-width: 768px) {
  
  .P_1 .container {
  height: 25vh;
}
  
  .P_1 .container .text_wrap {
  bottom: 30px;
}
  
}

/*-------------------P2-------------------*/
/*Container*/
.P_2 .container {
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://ronin-team.rafisa-vd.ch/wp-content/uploads/2024/08/Photo-rubrique-sante.png);
  transition: 300ms !important;
  width: 70vw;
  height: 15vh;
}


/*Text CSS*/
.P_2 .container .text_wrap {
  transition: 400ms;
  position: absolute;
  bottom: 10px;
  left: 50px;
  right: 50px;
  color: black;
  font-family: anton;
  font-size: 1.2rem;
  font-weight: 500;
  visibility: visible;
}



/*White background css*/
.P_2 .overlay {
   border-radius: 10px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
}

/*White background*/
.P_2 .container .overlay {
  background-image: linear-gradient(rgba(0,0,0,0) 65%, rgba(255,255,255,0.75) 50%);
  transition: 1000ms;
}

/*Links*/
.P_2 .link {
  color: black;
  text-decoration: underline;
}

.P_2 p {
  visibility: visible;
}

/*P2 Tablet responsive*/
@media only screen and (min-width: 600px) {
  
  .P_2 .container {
  height: 25vh;
}
  
  .P_2 .container .text_wrap {
  bottom: 30px;
}
  
}

/*-------------------P3-------------------*/

/*Container*/
.P_3 .container {
  border-radius: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://ronin-team.rafisa-vd.ch/wp-content/uploads/2024/08/Photo-rubrique-cours-prive-scaled.jpg);
  transition: 300ms !important;
  width: 70vw;
  height: 15vh;
}


/*Text CSS*/
.P_3 .container .text_wrap {
  transition: 400ms;
  position: absolute;
  bottom: 10px;
  left: 50px;
  right: 50px;
  color: black;
  font-family: anton;
  font-size: 1.2rem;
  font-weight: 500;
  visibility: visible;
}



/*White background css*/
.P_3 .overlay {
   border-radius: 10px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
}

/*White background*/
.P_3 .container .overlay {
  background-image: linear-gradient(rgba(0,0,0,0) 65%, rgba(255,255,255,0.75) 50%);
  transition: 1000ms;
}

/*Links*/
.P_3 .link {
  color: black;
  text-decoration: underline;
}

.P_3 p {
  visibility: visible;
}

/*P3 Tablet responsive*/
@media only screen and (min-width: 600px) {
  
  .P_3 .container {
  height: 25vh;
}
  
  .P_3 .container .text_wrap {
  bottom: 30px;
}
  
}



/*-------------------------Course Widjets-------------------------*/
/*-------------------C4-------------------*/
.C_4 .container {
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://ronin-team.rafisa-vd.ch/wp-content/uploads/2024/08/Photo-rubrique-cours-groupe.png);
  transition: 300ms !important;
  width: 26vw;
  height: 26vh;
}

/*Hover animation*/
.C_4 .container:hover {
  border-radius: 20px;
  transition: 300ms !important;
  width: 26vw;
  height: 46vh;
}

/*Text CSS*/
.C_4 .container .text_wrap {
  transition: 400ms;
  position: absolute;
  bottom: 20px;
  left: 50px;
  color: black;
  font-family: anton;
  font-size: 1.5rem;
  font-weight: 500;
  visibility: visible;
}

.C_4 .container:hover .text_wrap {
  transition: 400ms;
  bottom: 250px;
  left: 50px;
  
}

/*White background css*/
.C_4 .overlay {
   border-radius: 20px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
}

/*White background*/
.C_4 .container .overlay {
  background-image: linear-gradient(rgba(0,0,0,0) 70%, rgba(255,255,255,0.75) 50%);
  transition: 1000ms;
}

.C_4 .container:hover .overlay {
  background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(255,255,255,0.75) 0%);
}

/*List text*/
.C_4 .container .list_wrap {
  transition: 200ms;
  visibility: hidden;
  position: absolute;
  bottom: -250px;
  left: 5px;
  margin-right: -130px;
  color: black;
  font-family: anton;
  font-size: 1.3rem;
  font-weight: 400;
  opacity: 0;
}

.C_4 .container:hover .list_wrap {
  visibility: visible;
  transition: 1000ms;
  opacity: 1;
}

/*Links*/
.C_4 .link {
  color: black;
  text-decoration: underline;
}

li {
  line-height: 1.5;
}

.C_4 a:hover{
  text-decoration: none!important;
}


@media only screen and (max-width: 1024px) {
  
  .C_4 .container .text_wrap {
  bottom: 20px;
  left: 40px;
  font-size: 1.3rem;
}
  
  .C_4 .container .list_wrap {
  bottom: -250px;
  left: -5px;
  margin-right: -130px;
  font-size: 1rem;

}
  
}


/*-------------------C5-------------------*/
/*Animation and look*/
.C_5 .container {
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://ronin-team.rafisa-vd.ch/wp-content/uploads/2024/08/Photo-rubrique-sante.png);
  transition: 300ms !important;
  width: 26vw;
  height: 26vh;
}

/*Hover animation*/
.C_5 .container:hover {
  border-radius: 20px;
  transition: 300ms !important;
  width: 26vw;
  height: 46vh;
}

/*Text CSS*/
.C_5 .container .text_wrap {
  transition: 400ms;
  position: absolute;
  bottom: 20px;
  left: 50px;
  color: black;
  font-family: anton;
  font-size: 25px;
  font-weight: 500;
  visibility: visible;
}

.C_5 .container:hover .text_wrap {
  transition: 400ms;
  bottom: 180px;
  left: 50px;
  
}

/*White background css*/
.C_5 .overlay {
   border-radius: 20px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
}

/*White background*/
.C_5 .container .overlay {
  transition: 1000ms;
  background-image: linear-gradient(rgba(0,0,0,0) 70%, rgba(255,255,255,0.75) 50%);
}

.C_5 .container:hover .overlay {
  transition: 1000ms;
  background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(255,255,255,0.75) 0%);
}

/*List text*/
.C_5 .container .list_wrap {
  transition: 200ms;
  visibility: hidden;
  position: absolute;
  bottom: -180px;
  left: 5px;
  margin-right: -100px;
  color: black;
  font-family: anton;
  font-size: 22px;
  font-weight: 400;
  opacity: 0;
}

.C_5 .container:hover .list_wrap {
  visibility: visible;
  transition: 1000ms;
  opacity: 1;
}

/*Links*/
.C_5 .link {
  color: black;
  text-decoration: underline;
}

li {
  line-height: 1.5;
}

.C_5 a:hover{
  text-decoration: none!important;
}


@media only screen and (max-width: 1024px) {
  
  
  .C_5 .container .text_wrap {
  bottom: 20px;
  left: 40px;
  font-size: 1.3rem;
}
  
  .C_5 .container .list_wrap {
  bottom: -150px;
  left: -5px;
  margin-right: -130px;
  font-size: 1rem;

}
  
}



/*-------------------C6-------------------*/
/*Animation and look*/
.C_6 .container {
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://ronin-team.rafisa-vd.ch/wp-content/uploads/2024/08/Photo-rubrique-cours-prive-scaled.jpg);
  transition: 300ms !important;
  width: 26vw;
  height: 26vh;
}

/*Hover animation*/
.C_6 .container:hover {
  border-radius: 20px;
  transition: 300ms !important;
  width: 26vw;
  height: 46vh;
}

/*Text CSS*/
.C_6 .container .text_wrap {
  transition: 400ms;
  position: absolute;
  bottom: 20px;
  left: 50px;
  color: black;
  font-family: anton;
  font-size: 25px;
  font-weight: 500;
  visibility: visible;
}

.C_6 .container:hover .text_wrap {
  transition: 400ms;
  bottom: 150px;
  left: 50px;
  
}

/*White background css*/
.C_6 .overlay {
   border-radius: 20px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
}

/*White background*/
.C_6 .container .overlay {
  transition: 1000ms;
  background-image: linear-gradient(rgba(0,0,0,0) 70%, rgba(255,255,255,0.75) 50%);
}

.C_6 .container:hover .overlay {
  transition: 1000ms;
  background-image: linear-gradient(rgba(0,0,0,0) 0%, rgba(255,255,255,0.75) 0%);
}

/*List text*/
.C_6 .container .list_wrap {
  transition: 200ms;
  visibility: hidden;
  position: absolute;
  bottom: -150px;
  left: 5px;
  margin-right: -100px;
  color: black;
  font-family: anton;
  font-size: 22px;
  font-weight: 400;
  opacity: 0;
}

.C_6 .container:hover .list_wrap {
  visibility: visible;
  transition: 1000ms;
  opacity: 1;
}

/*Links*/
.C_6 .link {
  color: black;
  text-decoration: underline !important;
}

li {
  line-height: 1.5;
}

.C_6 a:hover{
  text-decoration: none!important;
}


@media only screen and (max-width: 1024px) {
  
  .C_6 .container .text_wrap {
  bottom: 20px;
  left: 40px;
  font-size: 1.3rem;
}
  
  .C_6 .container .list_wrap {
  bottom: -150px;
  left: -5px;
  margin-right: -130px;
  font-size: 1rem;

}
  
}


/*-------------------------Courses shortcut-------------------------*/
.Sticky_test .et_pb_module {
  border-left: solid black 18px;
  box-shadow: 0vw 0px 0px 0px rgba(0,0,0,0.85) inset;
  transition: 300ms;
  padding-top: 4%;
  padding-bottom: 1%;
  padding-left: 5%;
  border-radius: 0px 10px 10px 0px;
}

.Sticky_test .et_pb_module:hover {
  box-shadow: 30vw 0px 0px 0px rgba(0,0,0,0.35) inset;
  transform: translate(25px);
}

.Sticky_test .et_pb_module h1 {
  transition: 300ms;
  font-size: 2em !important;
  font-family: anton;
}

.Sticky_test .et_pb_module:hover h1 {
  color: white;
}

.sticky_test div {
  
}






/*-------------------For image Lightbox-------------------*/ /*
body:not(.et-fb-root-ancestor) [class*='et-lb-content'], .et-lb-wrapper {
	position:fixed !important;
	visibility:hidden;
	top:0px;
	z-index:999999;
	min-height:100%;
	transition:all .2s 0s;
    width: 100%;
}
body:not(.et-fb-root-ancestor) [class*='et-lb-content'] .et_pb_row {
	position:relative;
	top:50px;
}
.et-lb-open {
	visibility:visible!important;
	width:100%;
}
span.et-lb-close {
	font-size:46px;
	right:-1vw;
	margin-top:-51px;
	margin-right: 15px;
	display:block;
	color: black; /* COLOR OF THE CLOSING ICON*/ /*
	padding:10px;
	cursor:pointer;
	font-weight:bold;
	font-family:etmodules;
	z-index:99999999999999;
	position:absolute;
	transition: 200ms;
}

span.et-lb-close:hover {
	transition: 200ms !important;
	color: red !important;
}

body:not(.et-fb-root-ancestor) [class*='et-lb-content']:not(.et-lb-open) {
	transform:scale(.3);opacity:0;
}
body:not(.et-fb-root-ancestor) [class*='et-lb-btn'] {
	cursor:pointer;
}
*/