/*! 
 * * Theme Name: LARAPRESS
 * * Theme URI: none
 * * Description: Larapress and Tailwind custom wordpress theme.
 * * Author: Fast Eddy
 * * Author URI:
 * * Version: 1.0
 * * License: GNU General Public License v2
 * * License URI: http://www.gnu.org/licenses/gpl-2.0.html 
 * */

 .main-header{
	position: fixed;
	transition: .3s ease-in-out;
}
.main-header .container>.bg-white{
	box-shadow: 0 0 6px rgba(0,0,0,.2)
}
.fixed-bar .main-header{
	top: 10px;
}
@media(min-width: 1024px) and (max-width: 1439px){
	.navigation{
		gap: 17px !important;
	}
	.navigation li a{
		font-size: 16px !important;
	}
	.main-header .btn{
		font-size: 16px !important;
	}
	.main-header .w-\[280px\]{
		width: 240px !important;
	}
}
@media (min-width: 1024px) {
    .section--course .side-course.on-top {
        transform: translateY(-110%);
    }
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* Add dots under the hoverable text */
  border-color: #2ea554;
  cursor: pointer;
}

/* Tooltip text */
.tooltiptext {
  visibility: hidden; /* Hidden by default */
  width: 150px;
  background-color: rgb(63 167 214);
  color: #ffffff;
  text-align: center;
  padding: 2px 1px 2px 1px;
  border-radius: 6px;
  position: absolute;

  z-index: 1; /* Ensure tooltip is displayed above content */
}

/* Show the tooltip text on hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Show the tooltip text on hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip-top{
bottom: 125%;
    left: 50%;
    margin-left: -60px;

}

.cursusblok1
{width: 66,66%;
	padding: 1%;
    margin: 0% 5% 5% 5%;
	background: #eceef3;
 box-shadow:10px 30px 30px 10px rgba(0, 0, 0, 0.10);
    border-radius: 10px 10px 10px 10px;
	}