/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
/* TOP BAR */
#top-bar #top-bar-inner {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

#top-bar-social-alt {
	flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

#top-bar-social-alt a {
	font-family: 'sofia-pro', sans-serif;
	font-size: 16px;
}

#top-bar-social-alt .block__links .elementor-widget-icon-list {
	border-right: 2px solid #fff;
}

#top-bar-wrap .block__contact .elementor-icon-list-text {
	text-decoration: underline;
}

#top-bar-social-alt .block__wpml .wpml-ls-item a {
	background-color: #00344F;
	padding-right: 0;
	border: none;
}

#top-bar-wrap .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: 0;
    border-top: 0;
    position: relative;
    right: auto;
    top: auto;
    margin-left: 7px;
    display: inline-block;
}

#top-bar-wrap .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border: none;
}

#top-bar-wrap span {
	font-family: "sofia-pro", sans-serif;
}

#top-bar-social-alt .block__wpml .wpml-ls-item a:focus,
#top-bar-social-alt .block__wpml .wpml-ls-item a:visited {
	border: none !important;
	outline: none !important;
}

/* MENU */
#site-header #site-header-inner {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

#site-header #site-navigation-wrap {
	flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

#site-header #site-navigation-wrap .ubermenu ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

#site-header #site-navigation-wrap .ubermenu ul li .ubermenu-submenu {
	align-items: flex-start;
}

#site-header #site-navigation-wrap .ubermenu ul li .ubermenu-submenu {
	border-radius: 20px;
    padding: 1em;
}

#site-header #site-navigation-wrap .ubermenu ul li .ubermenu-submenu li a span {
	font-weight: 700;
}

#site-header #site-navigation-wrap .ubermenu ul li .ubermenu-submenu li .ubermenu-custom-content {
	font-weight: normal;
}

#site-header #site-navigation-wrap .ubermenu ul li .custom-btn {
	border-radius: 12px;
	margin-left: 1em;
}

#site-header #site-navigation-wrap .ubermenu ul li i::before {
	content: "\f078";
	font-size: 14px;
}

#site-header #site-navigation-wrap .ubermenu ul li.ubermenu-has-submenu-drop {
	margin-right: 8px;
}

#site-header .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
	margin-top: -10px;
}

#site-header .ubermenu .ubermenu-target-text,
#site-header .ubermenu-content-block {
	font-family: "sofia-pro", Sans-serif !important;
}

/* MOBILE MENU */
.oceanwp-mobile-menu-icon a {
	font-size: 30px;
}

#site-header .oceanwp-mobile-menu-icon i {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

#mobile-fullscreen ul > li > a {
	text-transform: none;
	letter-spacing: 0;
    font-family: 'sofia-pro';
}

#mobile-fullscreen ul > li.last {
	border-bottom: 1px solid #fff;
	padding-bottom: 8px;
}

/* FORMS */
.frm_forms .frm_form_fields .frm_fields_container input::placeholder {
	color: #000;
	font-family: 'sofia-pro', sans-serif;
}

.frm_forms .frm_form_fields .frm_fields_container .frm_checkbox input {
	border: 2px solid #000;
	background-color: transparent;
	width: 20px;
    min-width: 20px;
    height: 20px;
}

.frm_forms .frm_form_fields .frm_fields_container .vertical_radio .frm_checkbox label {
	padding-left: 30px;
    text-indent: -30px;
}

.frm_forms .frm_form_fields .frm_fields_container .frm_checkbox a {
	text-decoration: underline;
}

.frm_forms .frm_form_fields .frm_fields_container .frm_submit button {
	text-transform: none;
	letter-spacing: 0;
}

.with_frm_style .frm_radio input[type="radio"] {
	border: 1px solid #000000;
	background-color: transparent;
}

.block__contact .frm_form_fields .frm_fields_container .frm_newsletter {
	margin-left: 2em;
}

.frm_dropzone.frm_single_upload {
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	line-height: 1;
}

.frm_dropzone .frm_upload_icon::before {
	font-size: 22px;
}

/* GENERAL */
#main h1 span {
	color: #6aa31b;
}

#main .block__links .column-2 .elementor-widget-button .elementor-widget-container .elementor-button-wrapper::before {
	content: "•";
	color: #00334F;
	margin-right: 10px;
	font-size: 24px;
    line-height: 1;
    position: absolute;
    top: 4px;
}

#main .block__links .column-2 .elementor-widget-button .elementor-widget-container .elementor-button-wrapper a {
	margin-left: 22px;
}

#main .block__links a {
	text-align: left;
}

#main .block__contact .elementor-icon-list-item a {
	text-decoration: none;
} 

#main .block__contact .elementor-icon-list-item .elementor-icon-list-text {
	text-decoration: underline;
} 

#main .block__contact .anchor-link a {
	border: none;
}

#main .block__contact .anchor-link a:hover .elementor-button-text {
	border-color: #00334F;
}

#main .block__contact .anchor-link .elementor-button-text {
	border-bottom: 2px solid #6aa31b;
}

#main .block__contact .anchor-link .elementor-button-icon svg {
	width: 30px;
}

#main .block__about .row__linkedin p {
	margin-bottom: 5px;
}

/* CONTACT */
#main .block__locaties .elementor-tabs-wrapper,
#main .block__locaties .elementor-tabs-content-wrapper {
	background-color: #F4F4F4;
	margin-right: 8em;
	border-radius: 40px;
	padding: 3em 8em 4em 5em;
}

#main .block__locaties .elementor-tabs-wrapper .elementor-tab-title,
#main .block__locaties .elementor-tabs-content-wrapper .elementor-tab-title {
	padding: 15px 0;
	border-bottom: 2px solid #00334F;
}

#main .block__locaties .elementor-tabs-wrapper .elementor-tab-title::after,
#main .block__locaties .elementor-tabs-content-wrapper .elementor-tab-title::after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #00334F;
	font-size: 12px;
	margin-left: 1em;
	display: inline;
	top: 35%;
	height: auto;
	width: auto;
    	right: auto;
}

#main .block__locaties .elementor-tabs-wrapper .elementor-tab-title:first-of-type::after,
#main .block__locaties .elementor-tabs-content-wrapper .elementor-tab-title:first-of-type::after {
	display: none;
}

#main .block__locaties .elementor-tabs-wrapper .elementor-tab-title:first-of-type,
#main .block__locaties .elementor-tabs-content-wrapper .elementor-tab-title:first-of-type,
#main .block__locaties .elementor-tabs-wrapper .elementor-tab-title.elementor-active:first-of-type,
#main .block__locaties .elementor-tabs-content-wrapper .elementor-tab-title.elementor-active:first-of-type {
	color: #00344f;
	font-weight: 600;
	font-size: 20px;
	border: none;
}

#main .block__locaties .elementor-tabs-wrapper .elementor-tab-title.elementor-active::before,
#main .block__locaties .elementor-tabs-content-wrapper .elementor-tab-title.elementor-active::before {
	display: none;
}

#main .block__locaties .elementor-tabs-content-wrapper h2 {
	color: #6AA31B;
	font-size: 26px;
}

#main .block__locaties .elementor-tabs-content-wrapper a {
	color: #fff;
	background-color: #6aa31b;
	border-radius: 12px;
    	padding: 10px 40px 12px 40px;
}

#main .block__locaties .elementor-tabs-content-wrapper a.link {
	background-color: transparent;
	padding: 0;
	color: #00344F;
	margin-bottom: 1em;
	display: inline-block;
}

#main .block__locaties .elementor-tabs-content-wrapper a.link i {
	color: #6AA31B;
}

#main .block__locaties .elementor-tabs-content-wrapper a.link span {
	text-decoration: underline;
}

#main .block__locaties .elementor-tabs-content-wrapper a.link:hover {
	color: #6AA31B;
}

#main .block__content .row__social p {
	margin-bottom: 0;
}

/* BLOG */
#main .grid-items .item {
	text-align: left;
	font-family: "sofia-pro", Sans-serif;
	margin: 0;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,.16);
	margin-left: 5px;
    margin-right: 5px;
}

#main .grid-items .item .title a {
	color: #00334F;
	font-weight: 600;
}

#main .grid-items {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3em;
    padding-bottom: 3em;
}

#main .grid-items .item img {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#main .grid-items .item .block__content {
	padding: 1em 2em 2em;
}

#main .grid-items .item .block__content a.read_more {
	border-bottom: 2px solid #6aa31b;
	font-size: 16px;
	position: relative;
}

#main .grid-items .item .block__content a.read_more::after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: #79A52D;
	border-bottom: none;
	font-size: 11px;
	margin-left: 10px;
	position: absolute;
    top: 20%;
    right: -25%;
}

#main .grid-items .item .block__content a.read_more:hover,
#main .grid-items .item .block__content a.read_more:hover::after {
	color: #00334F;
	border-color: #00334F;
}

#main .pagination i {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
}

#main .pagination .page-numbers {
	opacity: 1;
	color: #313131;
	padding: 5px;
	margin: 0 1em;
}

#main .pagination .page-numbers.current {
	color: #6DA41A;
	border-bottom: 2px solid #6DA41A;
}

/* SINGLE BLOG */
#main a.heateor_sss_email {
	position: relative;
}

#main a.heateor_sss_email::after {
	content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    color: #6DA41A;
    font-size: 20px;
    margin-left: 10px;
    margin-top: 4px;
    position: absolute;
    left: 0;
}

#main a.heateor_sss_email .heateor_sss_svg {
	visibility: hidden;
    display: none;
}

#main a.heateor_sss_email:hover {
	cursor: pointer;
}

#main a.heateor_sss_email:hover::after {
	color: #000;
}

#main .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul {
	display: flex;
}

#main .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul .heateor_sss_facebook {
	order: 2;
}

#main .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul .heateor_sss_facebook .heateor_sss_svg {
	width: 40px !important;
    height: 40px !important;
}

#main .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul .heateor_sss_button_linkedin {
	order: 1;
}

#main .heateor_sss_horizontal_sharing .heateor_sss_sharing_ul .heateor_sss_email {
	order: 3;
}

.block__share p {
	margin-bottom: 0;
}

.post-in-category-succesverhalen #related-posts,
.post-in-category-opleidingen #related-posts,
.post-in-category-formation #related-posts,
.post-in-category-jobs #related-posts,
.post-in-category-temoignages #related-posts {
	display: none;
}

#related-posts {
	padding: 0em 13em 10em 13em;
}

#related-posts .oceanwp-row article {
	text-align: left;
	font-family: "sofia-pro", Sans-serif;
	width: 45%;
	box-shadow: 0 0 10px rgba(0,0,0,.16);
	border-radius: 20px;
	padding: 0;
}

#related-posts article .related-post-title {
	margin: 1em 0;
}

#related-posts article .related-post-title a {
	color: #00334F;
	font-size: 20px;
	font-weight: 700;
}

#related-posts article .fa-solid {
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	font-style: normal;
	color: #6DA41A;
	font-size: 10px;
	margin-left: 5px;
}

#related-posts article p {
	font-size: 16px;
}

#related-posts article figure a {
	border-radius: 20px;
}

#related-posts article figure a img {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#related-posts article .row__readmore a {
	font-size: 16px;
	border-bottom: 2px solid #6aa31b;
}

#related-posts article .row__readmore:hover i,
#related-posts article .row__readmore:hover a {
	color: #00334F;
	border-color: #00334F;
}

#related-posts article .block__content {
	padding: 1em 2em 2em;
}

#related-posts .oceanwp-row {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#main #primary .elementor-custom-embed-image-overlay img {
	border-radius: 50%;
}

/* FOOTER */
#footer {
	z-index: 20;
}

#footer .gallery {
	display: flex;
    align-items: center;
}

#footer-widgets p {
	margin-bottom: 0;
}

#footer #footer-bottom.no-footer-nav #copyright {
	font-family: 'sofia-pro', sans-serif;
	text-align: left;
	font-size: 14px;
}

.scroll-top-right i {
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
}

#footer .with_frm_style input[type="text"],
#footer .with_frm_style input[type="email"] {
	background-color: #fff;
	font-family: 'sofia-pro', sans-serif;
}

#footer .with_frm_style input[type="text"]::placeholder,
#footer .with_frm_style input[type="email"]::placeholder {
	font-family: 'sofia-pro', sans-serif !important;
}

#footer .block__contact .elementor-icon-list-text {
	text-decoration: underline;
}
#footer span {
	font-family: 'sofia-pro', sans-serif;
}

#footer .block__wpml .wpml-ls-item a {
	background-color: #00344f;
	border: none;
	color: #fff;
    border-radius: 12px;
    margin: 0 1em;
    padding: 10px;
}


/* RESPONSIVE */
@media screen and (max-width: 1366px) {
	#related-posts {
	    padding: 0em 16em 10em 16em;
	}

	.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 1200px;
	}
}

@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 1080px) {
	#main {
		overflow: hidden;
	}

	#site-header .ubermenu {
		display: none;
	}

	#main .block__locaties .elementor-tabs-content-wrapper {
		margin-right: 0;
		border-radius: 40px;
		padding: 2em;
	}

	#main .block__locaties .elementor-tabs-content-wrapper .elementor-tab-content {
		padding: 0;
		margin-top: 1.5em;
		overflow: scroll;
	}

	.frm_forms .frm_form_fields .frm_fields_container .frm_submit button {
		width: 100%;
	}

	#main .grid-items {
		grid-template-columns: repeat(2, 1fr);
	}

	#top-bar .wpml-ls-legacy-dropdown .wpml-ls-item {
		text-align: right;
	}

	#top-bar-social-alt .block__wpml .wpml-ls-item .wpml-ls-sub-menu a {
		padding-left: 20px;
		padding-bottom: 10px;
	}

	#top-bar-social-alt .block__wpml .wpml-ls-item .wpml-ls-sub-menu {
		visibility: visible;
		position: relative;
	}

	#top-bar #top-bar-social-alt .block__wpml {
		width: auto;
	}

	#top-bar #top-bar-social-alt .block__wpml ul > li.wpml-ls-item {
		display: flex;
		justify-content: flex-end;
	}

	#top-bar #top-bar-social-alt .block__wpml a::after {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.block__content .column-bg .elementor-widget-wrap {
		min-height: 42vh;
		border-radius: 40px;
	}

	#related-posts {
		padding: 0 0 5em 0;
	}
}

@media screen and (max-width: 768px) {
	#related-posts {
		padding: 0 0 5em 0;
	}

	.block__content .column-bg .elementor-widget-wrap {
		min-height: 38vh;
	}
}

@media screen and (max-width: 496px) {
	#main .grid-items {
		grid-template-columns: repeat(1, 1fr);
	}

	#main .grid-items .title {
		line-height: 24px;
	}

	#scroll-top {
		width: 40px;
    	height: 40px;
    	line-height: 40px;
    	font-size: 20px;
	}

	.block__content .column-bg .elementor-widget-wrap {
		min-height: 33vh;
	}

	#main .elementor-widget-image img {
		object-fit: cover;
	}

	#footer .frm_form_field.frm_three_col .frm_opt_container {
		grid-template-columns: repeat(2,1fr);
	}
}