/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 3.6.6.1627461043
Updated: 2021-07-28 08:30:43

*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap);

@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?6zb0hq');
    src:  url('fonts/icomoon.eot?6zb0hq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.woff2?6zb0hq') format('woff2'),
    url('fonts/icomoon.ttf?6zb0hq') format('truetype'),
    url('fonts/icomoon.woff?6zb0hq') format('woff'),
    url('fonts/icomoon.svg?6zb0hq#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}


:root {
    --passwordEye: #000;
    --passwordEye_active: #4097db;
}

body {
	margin: 0;
	/*     font-family: "Source Sans Pro", sans-serif; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

body, h1, h2, h3, h4, h5, h6, p, span, a:not(.dashicons) {
	font-family: "Source Sans Pro", sans-serif !important;
}

.learndash-wrapper a[href*=".pdf"]:before {
	font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	 content: "\e902";
	padding-right: 0.5em;
}
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-eye-blocked:before {
    content: "\e900";
}
.icon-eye:before {
    content: "\e901";
}
	
.main-header-bar-wrap, ..ast-primary-header-bar {
	background-color: #fff;
}

.main-header-bar-wrap .menu-item a {
	padding-left: 1.5em;
    padding-right: 1.5em;
    color: #0078bf !important;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3;
}

.title-header .wp-block-group {
    padding-top: 1em;
    padding-bottom: 1em;
}

.title-header .title-block {
	position: absolute;
    top: -40px;
    background-color: #4097DB;
    padding: 20px 30px 20px 30px;
    min-width: 500px;
	width: auto;
	white-space: nowrap;
    font-size: 1.9em !important;
    text-transform: uppercase;
}

/*
.title-header .title-block {
	position: absolute;
    top: -40px;
    background-color: #4097DB;
    padding: 20px 30px 20px 30px;
    width: 400px;
    font-size: 1.9em !important;
    text-transform: uppercase;
}
*/

.title-header .title-gray {
	background-color: #FAFAFA;
}

.current-menu-item .menu-link {
	font-weight: bold !important;
}

.section-bg {
	background-color: #FAFAFA;
}

.group-no-padding .wp-block-group, 
.group-no-padding {
	padding: 20px 0 20px 0;
}




.ur-frontend-form {
	padding: 30px !important;
	background-color: #fff;
}

.ur-label {
	font-weight: 400 !important;
}

.login-block {
	padding-top: 0;
}

#user-registration {
	margin: 0;
	box-shadow: none;
}
/*
.error-message {
    background-color: #e74c3c;
    color: #fff;
    padding: 15px;
}

.login-block {
	padding-top: 0;
}

#loginform {
	padding: 30px;
	background-color: #fff;
}

#loginform label {
    width: 100%;
    display: block;
    padding-bottom: 10px;
}

#loginform input[type='text']{
    width: 100%;
}

#loginform .login-password input[type='password'],
#loginform .login-password input[type='text'] {
    width: calc(100% - 45px - 10px);
    margin-right: 10px;
    float: left;
}








#loginform .login-password span {
    font-size: 1.5em;
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
*/

/*#loginform .login-password button:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    height: 44px;*/
/*    width: 44px;*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='44' height='44' viewBox='0 0 24 24' stroke-width='1.5' stroke='%232c3e50' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='12' cy='12' r='2' /%3E%3Cpath d='M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7' /%3E%3C/svg%3E");*/
/*    background-repeat: no-repeat;*/
/*    background-size: 44px;*/
/*    background-position: center;*/
/*}*/

/*#loginform .login-password .checked:before {*/
/*    background: radial-gradient(circle, transparent 50%, var(--passwordEye_active) 50%) no-repeat center,*/
/*    radial-gradient(circle, var(--passwordEye_active) 34%, transparent 34%) no-repeat center;*/
/*}*/









/*#loginform .login-password button {*/
/*    !* create eye password *!*/
/*    position: relative;*/
/*    cursor: pointer;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    background-color: #fff;*/
/*    height: 45px;*/
/*    width: 45px;*/
/*}*/

/*#loginform .login-password button:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    height: 20px;*/
/*    width: 20px;*/
/*    background: radial-gradient(circle, transparent 50%, var(--passwordEye) 50%) no-repeat center,*/
/*                radial-gradient(circle, var(--passwordEye) 34%, transparent 34%) no-repeat center;*/
/*    border-radius: 0 50%;*/
/*    transform: rotate(-45deg);*/
/*}*/

/*#loginform .login-password .checked:before {*/
/*    background: radial-gradient(circle, transparent 50%, var(--passwordEye_active) 50%) no-repeat center,*/
/*                radial-gradient(circle, var(--passwordEye_active) 34%, transparent 34%) no-repeat center;*/
/*}*/






.wp-block-button a {
	padding: 20px !important;
}

.login-remember {
    width: 100%;
    display: table;
    padding-top: 10px;
}
/*
.sfwd-courses-template-default .site-content:before {
	content: '';
	position: absolute;
	background-image: url(https://www.inontwikkeling.website/hes/wp-content/uploads/2022/03/emo-responsibiiy-header-1536x440.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	object-position: 13% 44%;
	width: 100%;
	height: 430px;
}

.sfwd-courses-template-default .site-content .ast-container:before {
	content: '';
	position: absolute;
	background-color: #4097DB;
	width: 100%;
	height: 100px;
	margin-top: 430px;
	left: 0;
	right: 0;
}

.sfwd-courses-template-default .site-content {
	height: 80vh;
}

.sfwd-courses-template-default .ast-container .primary  {
	margin-top: 530px !important;
}
*/

.home .site-primary-footer-wrap:first-of-type {
	display: none;
}

.site-primary-footer-wrap:first-of-type h2 {
	font-size: 2rem;
	color: #0078bf;
}

.with-dot-blue {
	border-bottom: 1px dashed var(--wp--preset--color--ast-global-color-5);
	padding-bottom: 10px;
}

.with-dot-white {
	border-bottom: 1px dashed #fff;
	padding-bottom: 10px;
}

.with-dot-black {
	border-bottom: 1px dashed #000;
	padding-bottom: 10px;
}

.sfwd-courses {
	/*background-color: transparent !important;*/
	padding: 20px !important;
	background-color: #fff !important;
}


.site-header-primary-section-right {
	align-items: end;
	justify-content: start;
	padding: 1em 0;
}

.main-header-bar-navigation .menu-link {
	font-size: 2rem !important;
	padding: 0.5rem 1.5em !important;
    color: #0078bf;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3;
}

.footer-bar-navigation {
	max-width: 236px;
}

.footer-bar-navigation .menu-link {
	font-size: 1.25rem;
    font-weight: 700;
    display: block;
    padding-bottom: 2px;
    border-bottom: 1px dashed;
    margin-bottom: 2px;
	width: 100%;
}
.footer-bar-navigation .spacing-top {
	margin-top: 50px;
}
.footer-bar-navigation .small .menu-link {
	font-weight: 400;
	font-size: 1rem;
	padding-bottom: 0;
	border: none;
}

.site-primary-header-wrap {
	max-width: 100%;
}

.site-primary-header-wrap .ast-builder-grid-row {
	grid-template-columns: 250px 1fr;
}

.site-footer-section h2 {
	color: #0078bf;
	font-size: 2rem;
}

p.foto-tekst {
	font-weight: 300;
    text-transform: uppercase;
    line-height: 1.2;
	font-size: 3rem;
	margin-left: 50%;
	margin-bottom: 0;
}
/*
.site-content {
	padding-top: 137px;
}
*/
.wp-block-cover__inner-container {
	max-width: 1600px;
}

@media (min-width: 768px) and (max-width: 1599px) {
	.wp-block-cover:first-of-type {
		height: 400px;
		min-height: 400px !important;
	}
}

.ld-course-step-back {
	text-indent: -9999px;

}
.ld-course-step-back:before {
	content: 'Back to course content';
	float: left;
	text-indent: 0;
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px;
}
.wp-image-28192 {
    object-position: 50% -80% !important;
}