/*
Theme Name: HaHaPress Modern
Theme URI: https://hahatraining.nl
Description: Modern HaHa Training theme based on Larapress, with CPT courses, ACF blocks and multi-tenant course bridge compatibility.
Author: HaHa Training
Version: 1.0.1
Text Domain: hahapress
*/

 .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;

}
.main-header .container
{padding-top: 16px;
padding-bottom: 16px;}
.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;
	}

/* ==========================================
   MEGA MENU INCOMPANY
   ========================================== */

.mega-incompany .wp-block-post-template,
.mega-incompany .gb-query-loop-items{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:14px;
}

/* Hele kaart klikbaar */

.mega-incompany article,
.mega-incompany .gb-query-loop-item{
    height:100%;
}

.mega-incompany article > a,
.mega-incompany .gb-query-loop-item > a{
    display:flex;
    align-items:center;
    gap:12px;

    width:100%;
    height:100%;

    padding:10px;
    border-radius:10px;

    text-decoration:none;

    transition:all .2s ease;
}

/* Hover */

.mega-incompany article > a:hover,
.mega-incompany .gb-query-loop-item > a:hover{
    background:#f5f7fa;
}

/* Afbeelding kleiner */

.mega-incompany img{
    width:48px;
    min-width:48px;
    height:48px;
    object-fit:cover;

    border-radius:8px;
}

/* Titel naast afbeelding */

.mega-incompany h3,
.mega-incompany .entry-title{
    margin:0;

    font-size:14px;
    line-height:1.3;
    font-weight:700;

    color:#053565;
}

/* Excerpt uit */

.mega-incompany .entry-summary,
.mega-incompany .wp-block-post-excerpt{
    display:none;
}

/* Tablet */

@media(max-width:1200px){

    .mega-incompany .wp-block-post-template,
    .mega-incompany .gb-query-loop-items{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

}

/* Mobiel */

@media(max-width:768px){

    .mega-incompany .wp-block-post-template,
    .mega-incompany .gb-query-loop-items{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

/* Klein mobiel */

@media(max-width:480px){

    .mega-incompany .wp-block-post-template,
    .mega-incompany .gb-query-loop-items{
        grid-template-columns:1fr;
    }

}