/**
 * Theme Name: Skilleyd Lab
 * Description: Skilleyd Lab
 * Author: D2C
 * Template: blocksy
 * Text Domain: skilleyd
 */

header li {
	height: 30px !important;
	margin-left: 20px !important;
}

header ul {
	margin-top: 12% !important;
}

header li:hover a,
header .current-menu-ancestor  a,
header .current_page_item a {
	height: 30px !important;
  border-radius: 100px;
}


.descr_corso .elementor-tab-title {
	display: flex !important;
	justify-content: center !important;
}

.descr_corso .elementor-tab-title svg {
	
}


.container {
  width: 100%;
  padding: 2% 0;
	height: 60vh;
}

.left { 
	width: 100%;
  color: white;
}

.right { 
	width: 100%;
	position: relative;
	margin-top: 50%;
}

.left h2 {
	font-family: 'Open Sans';
	font-size: 22px;
	color: #FFF;
	font-style: italic;
	font-weight: 300;
	line-height: 30px;
	text-transform: uppercase;
  margin-bottom: 10px;
}

.left ul {
	display: none;
}

.left ul li {
  margin: 0px;
}

.left ul li a {
  color: white;
  text-decoration: none;
  font-size: 13px;
  line-height: 10px;
  transition: color 0.3s;
}

.left ul li a.active {
	font-weight: 800;
}

.left ul li a:hover {
  color: #d4e5f6;
}


.text-box {
	background-color: #FFF;
  padding: 25px;
  border-radius: 25px;
  text-align: left;
  width: 100%;
}


.text-box h3 {
  font-size: 18px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	line-height: 18px;
	/* identical to box height, or 50% */
	text-transform: uppercase;
	color: #A5C615;
}

.text-box strong {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	font-size: 13px;
	line-height: 13px;
	/* identical to box height, or 100% */
	color: #121212;
}

.text-box p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #121212;
}

.text-box a {
	margin-top: 20px;
	padding: 5px 30px;
	background-color: #A5C615;
	color: #121212;
	border: none;
	border-radius: 100px;
	float: right;
}

.text-box a:hover {
  background-color: #6ca000;
  color: #FFF;
}


.slide {
  position: absolute;
  top: 50px;
  left: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: left 0.5s ease;
}

.slide img {
	max-width: 30% !important;
	border-radius: 15px !important;
	margin-bottom: 15px !important;
	position: absolute !important;
  right: -10px !important;
  top: -190px !important;
}


/*------------------------------------*\
	RESPONSIVE
	Media Queries Bootstrap 4
\*------------------------------------*/

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	/*************
		Shortcode
		Slidershow
	*************/
	
	.container {
		display: flex;
		height: auto;
	}
	
	.left {
    padding-right: 2%; 
    width: 28%;
	}
		
	.right {
    width: 70%;
/*   	overflow: hidden; */
		position: relative;
		margin-top: 0%;
	}
	
	.left h2 {
		font-size: 35px;
		line-height: 35px;
	  margin-bottom: 30px;
	}
	
	.left ul {
		display: inline;
	}
	
	.left ul li {
	  margin: 10px 0;
	}
	
	.left ul li a {
	  color: white;
	  text-decoration: none;
	  font-size: 18px;
	  transition: color 0.3s;
	}
	
	.container-slide {
		display: flex;     
	  align-items: center;    
	}
	
	.slide {
	  position: absolute;
	  top: 0px;
	  left: 100%;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	  transition: left 0.5s ease;
	}
	
	
	.slide img {
	  max-width: 30% !important;
	  height: auto !important;
	  border-radius: 25px !important;
	  z-index: 10 !important;
	  margin-top: -100px;
	  position: relative !important;
	  top: 0 !important;
	  right: 0 !important;
	}

	.text-box {
		background-color: #FFF;
	  margin-top: 20px;
	  margin-left: -30px;
	  margin-bottom: -50px;
	  padding: 35px 55px;
	  border-radius: 25px;
	  width: 66%;
	  text-align: left;
	}
	
	.text-box h3 {
	  font-size: 24px;
		font-weight: 400;
		line-height: 24px;
	}
	
	.text-box strong {
		font-size: 18px;
		line-height: 24px;
	}
	
	.text-box p {
		font-size: 14px;
		line-height: 24px;
	}
	
	.text-box a {
		margin-top: 20px;
		padding: 5px 30px;
		float: right;
	}

	
	
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }