/*! 
 * * 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 
 * */

.fixed-bar .main-header{
    padding-top: 0 !important;
    
}

.fixed-bar .main-header .bg-white{
    box-shadow: 0 0 3px rgba(0,0,0,.5);
}

.fixed-bar .main-header img{
    height: 45px !important
}

@media(min-width: 1024px){
	.lg\:pb-\[43\.4\%\]{
		padding-bottom: 30%;
	}
}

.justify-end {
    justify-content: flex-end;
}
.items-center {
    align-items: center;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex {
    display: flex;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.mb-\[54px\] {
    margin-bottom: 54px;
}
.py-4 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.py-6{
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.gap-10 {
    gap: 2.5rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.rounded-\[5px\] {
    border-radius: 5px;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.font-semibold {
    font-weight: 600;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.px-5 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.border-\[\#DADADA\] {
    --tw-border-opacity: 1;
    border-color: rgb(218 218 218 / var(--tw-border-opacity, 1));
}
.border {
	border-style: solid;
    border-width: 1px;
}
.border-\[\#d4d4d4\] {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}

.border-t {
	border-top-style: solid;
    border-top-width: 1px;
}
.border-b {
	border-bottom-style: solid;
    border-bottom-width: 1px;
}
.rounded-\[10px\] {
    border-radius: 10px;
}
.w-full {
    width: 100%;
}
#mainHeader{
position:sticky;
top:0;
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pb-\[65\%\] {
    padding-bottom: 65%;
}
.overflow-hidden {
    overflow: hidden;
}
.h-full {
    height: 100%;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.rounded-ss-\[10px\] {
    border-start-start-radius: 10px;
}
.rounded-es-\[10px\] {
    border-end-start-radius: 10px;
}
.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.top-0 {
    top: 0px;
}
.right-0 {
    right: 0px;
}
.left-0 {
    left: 0px;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
@media(min-width:992px){
.section--hero.style-front .small-banner{
        transform: translateX(32%)
}
.section--logos .col-md{
flex: 0 0 20%;
max-width: 20%;
}
}
@media(min-width: 1024px) and (max-width: 1619px){
#mainHeader .navbar .nav-item .nav-link{
font-size: 16px;
}
#mainHeader #menu-main-menu{
margin-right: 0 !important;
}
}

@media (min-width: 1024px) {
    .lg\:gap-\[60px\] {
        gap: 60px;
    }
	.lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid {
        display: grid;
    }
}
:root{
--secondary: #01A554
}
/* ROOT WRAPPER */
.section--course {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #ffffff;
	overflow: visible;
}

/* NESTED ELEMENTS */
.section--course .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* GRID */
@media (min-width: 1024px) {
    .section--course .lg\:grid {
        display: grid;
    }
    .section--course .grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .section--course .lg\:gap-\[72px\] {
        gap: 72px;
    }
}

/* SIDE COURSE BOX */
.section--course .side-course {
    border-radius: 20px;
    overflow: hidden;
}
@media (min-width: 1024px) {
    .section--course .side-course{
        position: sticky;
        top: 0;
        
    }
	.section--course .side-course.on-top{
		transform: translateY(-110%);
	}
}

/* IMAGE WRAPPER */
.section--course .pb-\[65\%\] {
    padding-bottom: 65%;
}
.section--course .relative { position: relative; }
.section--course .absolute { position: absolute; }
.section--course .object-cover { object-fit: cover; }
.section--course .h-full { height: 100%; }
.section--course .w-full { width: 100%; }
.section--course .left-0 { left: 0; }
.section--course .top-0 { top: 0; }

/* SPACING */
.section--course .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.section--course .pt-6 { padding-top: 1.5rem; }
.section--course .pb-3 { padding-bottom: 0.75rem; }
.section--course .mb-6 { margin-bottom: 1.5rem; }
.section--course .gap-5 { gap: 1.25rem; }
.section--course .gap-10 { gap: 2.5rem; }

/* TYPOGRAPHY */
.section--course .text-2xl { font-size: 1.5rem; line-height: 2rem; }
.section--course .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.section--course .font-bold { font-weight: 700; }
.section--course .font-semibold { font-weight: 600; }

.section--course .text-secondary { color: var(--secondary); }
.section--course .text-xl { font-size: 1.25rem; }

/* FLEX */
.section--course .flex { display: flex; }
.section--course .items-center { align-items: center; }
.section--course .justify-between { justify-content: space-between; }
.section--course .flex-col { flex-direction: column; }
.section--course .flex-wrap { flex-wrap: wrap; }

/* ORDER */
@media (min-width: 1024px) {
    .section--course .lg\:order-1 { order: 1; }
    .section--course .lg\:order-2 { order: 2; }
}

/* ROUNDED */
.section--course .rounded-\[20px\] { border-radius: 20px; }
.section--course .rounded-\[10px\] { border-radius: 10px; }

/* BACKGROUNDS */
.section--course .bg-white { background-color: #ffffff; }
.section--course .bg-\[\#EFF3FF\] { background-color: #EFF3FF; }
.section--course .bg-secondary { background-color: var(--secondary); }
.section--course .text-white { color: #ffffff; }

/* BORDER */
.section--course .border { border-width: 1px; }
.section--course .border-solid { border-style: solid; }
.section--course .border-\[\#BFBFBF\] { border-color: #BFBFBF; }

/* IFRAME WRAPPER */
.section--course .iframe-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.section--course .iframe-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* BUTTON */
.section--course .btn-primary {
    background-color: var(--primary);
    color: #fff;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
}
.section--course .btn-primary i {
    margin-left: 0.5rem;
}

/* LOCATION LABEL */
.section--course .location {
    background-color: var(--secondary);
    color: #ffffff;
    padding: 0.25rem 0.75rem;
    border-radius: 10px;
    display: inline-block;
    width: fit-content;
    margin-bottom: 0.5rem;
}

/* SPACING UTILITIES */
.section--course .px-8 { padding-left: 2rem; padding-right: 2rem; }
.section--course .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
.section--course .mb-3 { margin-bottom: 0.75rem; }
.section--course .mb-4 { margin-bottom: 1rem; }
.section--course .gap-6 { gap: 1.5rem; }
.section--course .me-3 { margin-right: 0.75rem; }
.section--course .me-2 { margin-right: 0.5rem; }
.section--course .ms-2 { margin-left: 0.5rem; }
.section--course .ms-auto { margin-left: auto; }

/* ROOT SECTION */
.course-page-header {
    background-color: var(--secondary) !important; /* bg-secondary */
    color: #ffffff;                     /* text-white */
    padding-top: 200px;                 /* pt-[230px] */
    padding-bottom: 2.5rem;             /* py-10 => 2.5rem top/bottom (top overridden above) */
}

@media (min-width: 1024px) {
    .course-page-header {
        padding-bottom: 5rem;           /* lg:pb-20 */
    }
}

/* CONTAINER */
.course-page-header .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* GRID WRAPPER */
@media (min-width: 1024px) {
    .course-page-header .lg\:grid {
        display: grid;
    }
    .course-page-header .grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .course-page-header .gap-\[80px\] {
        gap: 80px;
    }
}

/* FLEX / ALIGNMENT */
.course-page-header .flex {
    display: flex;
}
.course-page-header .flex-wrap {
    flex-wrap: wrap;
}
.course-page-header .items-center {
    align-items: center;
}

/* COLUMN SPANS */
.course-page-header .col-span-1 {
    grid-column: span 1 / span 1;
}

/* HIDDEN / BLOCK ON BREAKPOINTS */
.course-page-header .hidden {
    display: none;
}
@media (min-width: 1024px) {
    .course-page-header .lg\:block {
        display: block;
    }
}

/* TYPOGRAPHY */
.course-page-header .text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}
@media (min-width: 1024px) {
    .course-page-header .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }
}
.course-page-header .font-bold {
    font-weight: 700;
}
.course-page-header .text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.course-page-header .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

/* SPACING UTILITIES */
.course-page-header .mt-8 {
    margin-top: 2rem;
}
.course-page-header .gap-4 {
    gap: 1rem;
}
.course-page-header .gap-\[25px\] {
    gap: 25px;
}
.section--course .side-course figure{
    margin: 0;
}
/* MARGINS (LTR) */
.course-page-header .me-3 {
    margin-right: 0.75rem;
}
.course-page-header .ms-3 {
    margin-left: 0.75rem;
}
.bg-secondary{
	background: var(--secondary) !important;
}
.side-course {
    box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}

.side-course .btn.btn-primary{
    background: #4b10c2!important;
    color: #FFF;
}

.course-page-header .btn.btn-white{
	background: #FFF !important;
	color: var(--secondary) !important;
	padding: 12px 30px !important;
}

.side-course{
    transition:.3s ease-in-out;
}
.side-course{
	background: #FFF;
}

#trainingen .flex-col{
	flex-direction:column;
}
.gap-\[35px\] {
    gap: 35px;
}