/*	
	Theme Name: OntwikkelingsVolgModel
	Theme URI: http://osplus.nl/	
	Author: Maurits-Jan Seriese
	Author URI: http://osplus.nl/	
	Description: Template for OntwikkelingsVolgModel
	Version: 1
*/

*,
*:before,
*:after {
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:			border-box;
	outline:			0;
	-moz-appearance:		none;
	-webkit-appearance:		none;
}

html
{
	-webkit-font-smoothing:		antialiased;
	-webkit-text-size-adjust:	100%;
	-webkit-tap-highlight-color:	transparent;
}

html,
body
{
	font:				normal 1rem/1.5rem 'Quicksand', Verdana, Arial, Helvetica, sans-serif;
	width:				100%;
	color:				#3b707d;
	background:			#fff;
	padding:			0;
	margin:				0;
}

a {
	color:				#01528c;
	text-decoration:		none;
}

.link_btn {
	text-align:			center;
}

.link_btn > a {
	display:			inline-block;
	min-width:			15rem;
	line-height:			2rem;
	color:				#fff;
	background:			#3b707d;
	border-radius:			1rem;
	text-align:			center;
}

h1 {
	font-size:			1.5rem;
	line-height:			1.5rem;
	margin:				1rem 0 1.5rem;
	width:				100%;
}

h2 {
	font-size:			1.125rem;
	line-height:			1.5rem;
	margin:				0;
	color:				#59a799;
}

h2.page_title > span {
	color:				#222;
}


/*******************************************************************************************************
********************************************************************************************************


NAVIGATION


********************************************************************************************************
*******************************************************************************************************/


#menu_toggle {
	position:			fixed;
	left:				2rem;
	top:				2.75rem;
	width:				3rem;
	height:				3rem;
	cursor:				pointer;
	z-index:			32;
	transition:			top .5s ease-in;
}

#menu_toggle > div {
	position:			relative;
	width:				3rem;
	height:				3rem;
}

#menu_toggle > div > span {
	display:			inline-block;
	position:			absolute;
	width:				2rem;
	height:				3px;
	background-color:		#01528c;
	border-radius:			3px;
	transition:			transform .25s ease-in;
}

#menu_toggle > div > span.menu_dot_up {
	top:				0;
	left:				0;
	background-color:		#59a799;
}

#menu_toggle > div > span.menu_dot_middle {
	top:				.5rem;
	left:				-.5rem;
	background-color:		#3b707d;
}

#menu_toggle > div > span.menu_dot_down {
	top:				1rem;
	left:				.5rem;
	background-color:		#9da618;
}

nav {
	display:		flex;
	flex-direction:		column;
 	position:		fixed;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	color:			#fff;
	background:		#59a799;
	visibility:		hidden;
	opacity:		0;
	transition:		all .15s ease-in-out;
	transform:		scale(.9);
	z-index:		31;
}

#menu_toggle.on + nav {
	opacity:		1;
	visibility:		visible;
	overflow-y:		auto;
	transform:		scale(1.0);
}

#menu_toggle.on > div > span {
	left:			0rem;
	background-color:	#fff !important;
}

#menu_toggle.on .menu_dot_up {
	top:			.5rem;
	transform:		rotate(45deg);
}

#menu_toggle.on .menu_dot_middle {
	display:		none;
}

#menu_toggle.on .menu_dot_down {
	top:			.5rem;
	width:			2rem;
	transform:		rotate(-45deg);
}

#menu_toggle.on,
#menu_toggle.page_scrolled {
	//top:			2.25rem;
}

#menu_toggle.page_scrolled > div > span {
	//background-color:		#333;
}

nav ul,
nav li,
nav li > a {
	margin:			0;
	padding:		0;
	list-style:		none;
}

nav > ul {
	margin:			0;
	flex:			1;
}

nav > ul > li {
	position:		relative;
}

nav > ul > li:last-child:after {
	height:			0;
}

nav > ul > li:last-child {
	border:			0;
}

.menu {
	flex:			1;
	display:		flex;
	flex-direction:		column;
	justify-content:	center;
}

.menu > ul > li {
	font-size:		1rem;
	line-height:		1rem;
	text-transform:		uppercase;
}

.menu-item-has-children:before {
	position:		absolute;
	content:		">";
	top:			0;
	right:			1.75rem;
	width:			1.75rem;
	height:			1.75rem;
	line-height:		1.6rem;
	color:			rgba(255, 255, 255, .6);
	text-align:		center;
	border-radius:		.25rem;
	border:			1px solid rgba(255, 255, 255, .6);
	z-index:		3;
	transition:		background .2s ease-in-out,
				transform .2s ease-in-out;
	cursor:			pointer;
}

.current-menu-item.menu-item-has-children:before {
	color:			#150958;
	background:		#fff;
}

.menu-item-has-children.on:before {
	color:			#150958;
	background:		#fff;
	transform:		rotate(90deg);
}

.children,
.sub-menu {
	position:		relative;
	display:		none;
	margin:			0 0 0 1.25rem;
}

.current-menu-ancestor .sub-menu,
.current-menu-parent .sub-menu,
.on .sub-menu,
.on .children {
	display:		block;
}

.sub-menu *:before {
	display:		none;
}

nav > ul > li > a,
.sub-menu > li > a,
.children > li > a
{
	position:		relative;
	display:		block;
	padding:		.375rem 2.5rem .375rem 2.5rem;
	color:			#fff;
	font-size:		1rem;
	line-height:		1.25rem;
	font-weight:		600;
	text-decoration:	none;
	outline:		0;
	transition:		all .3s ease-in-out;
}

.current_page_item > a,
nav > ul > li.current_page_item > a,
.current-submenu-item > a,
nav > ul > li > a:hover,
nav > ul > li > a:focus,
nav > ul > li > a:active,
.sub-menu > li > a:hover,
.sub-menu > li > a:focus,
.sub-menu > li > a:active,
.children > li > a:hover,
.children > li > a:focus,
.children > li > a:active
{
	text-shadow:		none;
}

.current_page_item > a {
	//color:			#093349;
}

#menu-hider {
	display:		none;
	position:		fixed;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	z-index:		13;
}

#menu-hider.on {
	display:		block;	
}

.m_hide {
	display:		none;
}

#language {
	position:		absolute;
	top:			1.5rem;
	right:			1.5rem;
	z-index:		13;
}

#language > ul {
	display:		flex;
	align-items:		center;
	margin:			0;
	padding:		0;
	font-size:		.875rem;
	line-height:		.875rem;
	list-style:		none;
}

#language > ul > li.lang-item {
	padding:		0 .25rem 0 0;
    	margin:			0 .25rem 0 0;
	border-style:		solid;
	border-width:		0 1px 0 0;
	border-color:		#002e34;
	overflow:		hidden;
}

#language > ul > li.lang-item:last-child {
	margin:			0;
	padding:		0;
	border:			0;
}

#language > ul > li > a {
	display:		inline-block;
	overflow:		hidden;
	color:			#002e34;
	text-transform:		uppercase;
}

#language > ul > li.current-lang > a {
	font-weight:		bold;
}

#app_login {
	position:		absolute;
	bottom:			4rem;
	right:			calc(50% - 90px);
	width:			180px;
	height:			2rem;
	line-height:		1.75rem;
	font-weight:		bold;
	padding:		0;
	color:			#fff;
	background:		#3b707d;
	border:			1px solid #3b707d;
	border-radius:		1rem;
	text-align:		center;
	z-index:		12;
}

#home_circle_full,
#home_circle_main,
#home_circle_moon,
#home_infinity_dots,
#home_infinity_dots2 {
	position:		absolute;
	z-index:		10;
}

#home_circle_full {
	top:			calc(50% + 40px);
	left:			calc(50% - 160px);
	width:			120px;
	height:			120px;
	color:			#fff;
	opacity:		.85;
	z-index:		11;
}

#home_circle_full > div {
	position:		relative;
	width:			120px;
	height:			120px;
}

#home_circle_full > div > div {
	position:		absolute;
	display:		flex;
	align-items:		center;
	justify-content:	center;
	width:			120px;
	height:			120px;
	text-align:		center;
	font-size:		1.25rem;
	font-weight:		bold;
}

#home_circle_full > div > img.moon {
	position:		absolute;
	top:			-.5rem;
	left:			-.5rem;
	width:			120px;
	height:			120px;
}

#home_circle_full > div > img.back {
	width:			120px;
	height:			120px;
}

#home_circle_main {
	top:			calc(50% - 124px);
	left:			0;
	width:			100%;
	height:			auto;
}

#home_circle_main > div {
	display:		flex;
	justify-content:	center;
	align-items:		center;
	width:			100%;
	height:			260px;
}

#home_circle_main > div > img {
	width:			260px;
	height:			260px;
}

#home_infinity_dots,
#home_infinity_dots2 {
	position:		absolute;
	display:		flex;
	justify-content:	center;
	left:			0;
	width:			100%;
	height:			40px;
	opacity:		0;
}

#home_infinity_dots {
	top:			calc(50% - 180px);
}

#home_infinity_dots2 {
	top:			calc(50% + 150px);
}

#home_infinity_dots > img,
#home_infinity_dots2 > img {
	width:			auto;
	height:			40px;
}



/*******************************************************************************************************
********************************************************************************************************


ENTER SITE


********************************************************************************************************
*******************************************************************************************************/

#enter_site {
	position:		fixed;
	left:			0;
	top:			70px;
	width:			100%;
	height:			calc(100% - 70px);
	background:		#fff;
	z-index:		28;
	opacity:		1;
	transition:		visibility 1s ease-out,
				opacity 1s ease-out;
}

#enter_site_btn {
	position:		fixed;
	left:			0;
	top:			calc(50% - 1rem + 30px);
	width:			100%;
	text-align:		center;
	font-size:		1.5rem;
	line-height:		1.5rem;
	color:			#fff;
	text-shadow:		0 0 4px #000;
	z-index:		29;
	cursor:			pointer;
}

.arbitrarily-placed-and-sized-parent-element {
	position:		relative;
	top:			0;
	left:			0;
	width:			100vw;
	height:			100vh;
}

.video-embed-object-fit-cover {
	position:		absolute;
	top:			0;
	bottom:			0;
	left:			0;
	right:			0;
	width:			100%;
	height:			100%;
	container-type:		size;
	overflow:		hidden;
	z-index:		28;
}

.video-embed-object-fit-cover > iframe {
	position:		absolute;
	top:			50%;
	left:			50%;
	width:			100%;
	height:			100%;
	transform:		translate(-50%, -50%);

	@container (min-aspect-ratio: 16/9) {
		height: 56.25cqw; /* 100*9/16 */
	}

	@container (max-aspect-ratio: 16/9) {
		width: 177.78cqh; /* 100*16/9 */
	}

	pointer-events: none;
}



/*******************************************************************************************************
********************************************************************************************************


HEADER


********************************************************************************************************
*******************************************************************************************************/

header {
	position:		relative;
	width:			100%;
}

#background_parallax {
	position:		fixed;
	display:		flex;
	align-items:		center;
	justify-content:	center;
	height:			100vh;
	width:			100vw;
	z-index:		2;
	opacity:		0;
	transition:		opacity .75s .5s ease-out;
}

#background_parallax.ready {
	opacity:		1;
}

#background_parallax > img {
	height:			100%;
	width:			auto;
}

#site_container {
	position:		absolute;
	width:			100%;
	z-index:		9;
}

#logo_container {
	position:		fixed;
	top:			0;
	left:			0;
	display:		flex;
	align-items:		center;
	justify-content:	center;
	width:			100%;
	height:			120px;
	background-color:	#fff;
	z-index:		30;
}

#logo {
	margin-top:		.5rem;
}

#logo > svg,
#logo > img {
	width:			160px;
}

#explore,
.splash_page_explore,
.slider_page_explore {
	position:		absolute;
	top:			144px;
	left:			0;
	width:			100%;
	font-size:		1.75rem;
	line-height:		3rem;
	font-weight:		300;
	letter-spacing:		.5rem;
	color:			#fff;
	text-align:		center;
	text-shadow:		0 0 3px #000;
	text-transform:		uppercase;
	cursor:			pointer;
	z-index:		11;
	
}

#slider_text {
	display:		flex;
	flex-direction:		column;
	align-items:		center;
	justify-content:	center;
	position:		absolute;
	left:			0;
	top:			calc(50% - 50px);
	width:			100%;
	height:			100px;
	color:			#fff;
	z-index:		20;
	border-radius:		1rem;
	text-shadow:		0 0 3px #000;
}

#slider_text > div {
	font-size:		1.375rem;
	font-weight:		600;
	line-height:		1.75rem;
	text-align:		center;
	cursor:			pointer;
}

#slider_text > span {
	margin-top:		1rem;
	line-height:		1rem;
	font-weight:		bold;
}

#edugroup_container {
	display:		flex;
	flex-direction:		column;
	position:		absolute;
	top:			150px;
	right:			1rem;
	width:			120px;
	font-size:		.625rem;
	text-align:		center;
	z-index:		10;
	opacity:		0;
}

#next_page {
	display:		flex;
	align-items:		center;
	justify-content:	center;
	position:		absolute;
	left:			0;
	bottom:			1rem;
	width:			100%;
	height:			2rem;
	font-size:		2rem;
	line-height:		2rem;
	color:			#3b707d;
	z-index:		11;
	animation:		hithere 1.5s .5s ease;
	animation-iteration-count: 1;
}

@keyframes hithere {
	30% { transform: scale(1.4); }
	40%, 60% { transform: rotate(-20deg) scale(1.4); }
	50% { transform: rotate(20deg) scale(1.4); }
	70% { transform: rotate(0deg) scale(1.4); }
	100% { transform: scale(1); }
}


#next_page > div {
	width:			2rem;
	height:			2rem;
	background-color:	transparent;
	border-radius:		50%;
	transform:		rotate(90deg);
	cursor:			pointer;
}

#next_page > div > svg {
	width:			1.5rem;
	height:			1.5rem;
	margin:			.5rem 0 0 .5rem;
	fill:			#fff;
}

#social-media {
	display:		none;
	position:		absolute;
	right:			.5rem;
	bottom:			2.5rem;
	z-index:		11;
}

body.home #social-media {
	display:		inline-block;
}

#social-links > a,
#social-media > a {
	display:		flex;
	align-items:		center;
	font-size:		.875rem;
	padding:		.25rem 1rem;
}

#social-links > a:last-child,
#social-media > a:last-child {
	margin:			0 0 1.5rem;
}

#social-links > a > svg,
#social-media > a > svg {
	fill:			#3b707d;
	width:			1.75rem;
	height:			1.75rem;
	margin:			0 .25rem 0 0;
}

.social_instagram,
.social_facebook,
.social_whatsapp {
	display:		flex;
	align-items:		center;
}

.social_instagram > svg,
.social_facebook > svg,
.social_whatsapp > svg {
	width:			1.5rem;
	height:			1.5rem;
	margin:			0 .5rem 0 0;
	fill:			#64777c;
}

#bottom_email {
	position:		absolute;
	bottom:			0;
	height:			2rem;
	line-height:		2rem;
	font-weight:		600;
	width:			100%;
	color:			#093349;
	background-color:	#a1905f;
	text-align:		center;
	z-index:		10;
}


/*******************************************************************************************************
********************************************************************************************************


CONTENT


********************************************************************************************************
*******************************************************************************************************/

.home_content {
	position:		relative;
	height:			100vh;
	background-color:	#fff;
}

.mobile_slider_container,
.desktop_slider_container {
	position:		relative;
	margin-top:		0;
	width:			100%;
	height:			100%;
}

.slider_buttons {
	display:		flex;
	align-items:		center;
	position:		absolute;
	top:			0;
	left:			1rem;
	width:			calc(100% - 2rem);
	height:			100%;
	font-size:		2rem;
	line-height:		2rem;
	color:			#002e34;
	z-index:		12;
	opacity:		0;
	transition:		opacity .75s .75s ease-out;
}

.slider_page_buttons {
	z-index:		3;
	opacity:		1;
}

.slider_buttons.active {
	opacity:		.95;
}

.slider_next {
	width:			50%;
	text-align:		right;
}

.home_slider_previous,
.home_slider_next,
.slider_page_previous,
.slider_page_next {
	position:		absolute;
	top:			calc(50% - 3rem);
	left:			0;
	padding:		0 1rem;
	font-size:		2rem;
	line-height:		6rem;
	width:			3rem;
	height:			6rem;
	color:			#3b707d;
	z-index:		21;
	opacity:		1;
	transition:		opacity .75s .75s ease-out;
	cursor:			pointer;
}

.home_slider_previous,
.home_slider_next {
	z-index:		21;
	cursor:			pointer;
}

.home_slider_next {
	left:			unset;
	right:			0;
}

.slider_page_next {
	left:			unset;
	right:			0;
	text-align:		right;
}

.slider_buttons > div {
	cursor:			pointer;
}

.slider_buttons > div,
.slider_buttons > div > svg {
	width:			2rem;
	height:			2rem;
}

#gallery_slider_buttons {
	display:		none;
}

.slider_previous {
	flex:			1;
}

.slider_buttons > div > svg {
	fill:			#fff;
}

.slider_previous > svg {
	transform:		rotate(90deg);
}

.slider_next > svg {
	transform:		rotate(-90deg);
}

.desktop_slider_container {
	display:		none;
}

.mobile_slider_container > div,
.desktop_slider_container > div {
	opacity:		0;
	transition:		opacity .75s ease-in-out;
}

.mobile_slider_container > div.selected_container,
.desktop_slider_container > div.selected_container,
.mobile_slider_container > div.previous_selected_container,
.desktop_slider_container > div.previous_selected_container {
	opacity:		1;
}

.mobile_slider_container > div > span,
.desktop_slider_container > div > span {
	display:		none;
	position:		absolute;
	top:			12rem;
	left:			0;
	width:			100%;
	height:			2rem;
	font-size:		1.75rem;
	line-height:		2rem;
	font-weight:		300;
	letter-spacing:		.5rem;
	color:			#fff;
	z-index:		3;
	text-align:		center;
	text-shadow:		0 0 3px #000;
	opacity:		0;
	transition:		opacity 1s ease-in-out;
	text-transform:		uppercase;
}

.mobile_slider_container > div.selected_container > span,
.desktop_slider_container > div.selected_container > span {
	opacity:		1;
}

.mobile_slider_container > div > span > span,
.desktop_slider_container > div > span > span {
	color:			#05aeef;
}

.mobile_slider_container > div > img,
.desktop_slider_container > div > img {
	position:		absolute;
	left:			calc(50% - 120px);
	top:			calc(50% - 106px);
	width:			240px;
	height:			240px;
	object-fit:		cover;
	opacity:		0;
	z-index:		1;
	transition:		opacity .3s ease-in-out;
	border-radius:		50%;
}

.mobile_slider_container > div > img.selected_slider,
.desktop_slider_container > div > img.selected_slider {
	opacity:		1;
	z-index:		3;
}

.all_pages {
	position:		absolute;
	top:			2rem;
	left:			0;
	width:			100%;
	font-weight:		bold;
}

.all_pages > .scroll_to_page {
	font-size:		1.5rem;
	line-height:		2.25rem;
	color:			#fff;
	text-align:		center;
	text-transform:		uppercase;
	text-shadow:		0 0 3px black;
}

.scroll_to_page {
	cursor:			pointer;
}

#main_content {
	position:		relative;
}

body:not(.home) #main_content {

}

#main_content > .page {
	display:		flex;
	flex-direction:		column;
	min-height:		100vh;
	position:		relative;
	font-size:		1rem;
	line-height:		1.25rem;
	background-color:	rgba(255, 255, 255, 1);
	transition:		background-color .75s ease-out;
}

#main_content > .page:first-child {

}

.border_btn {

}

.splash_page_container {
	display:		flex;
	flex-flow:		wrap;
	height:			100vh;
}

.splash_page_item {
	display:		flex;
	justify-content:	center;
	position:		relative;
	width:			50%;
	height:			50%;
	overflow:		hidden;
}

.splash_page_explore,
.slider_page_explore {
	display:		flex;
	align-items:		center;
	justify-content:	center;
	flex-direction:		column;
	width:			100%;
	height:			100%;
	font-size:		.875rem;
	line-height:		1.25rem;
	left:			0;
	top:			0;
}

.splash_page_item > img {
	width:			100%;
	height:			100%;
	object-fit:		cover;
}

.slider_page_container {
	position:		relative;
	height:			100vh;
	overflow:		hidden;
}

.slider_page_item {
	position:		absolute;
	top:			0;
	left:			0;
	width:			100%;
	height:			100%;
	z-index:		2;
	opacity:		0;
	transition:		opacity .75s ease-out;
}

.slider_page_explore {
	position:		absolute;
	top:			calc(50% - 50px);
	height:			100px;
	font-size:		1.125rem;
	font-weight:		500;
	line-height:		1.5rem;
	letter-spacing:		.05rem;
	color:			#002e34;
	background:		rgba(255, 255, 255, .8);
	text-shadow:		unset;
	z-index:		2;
	opacity:		0;
}

.slider_page_item.slider_page_item_selected,
.slider_page_item.slider_page_item_selected .slider_page_explore {
	opacity:		1;
	z-index:		4;
}

.slider_page_item img {
	width:			100%;
	height:			100%;
	object-fit:		cover;
}

.slider_page_explore span {
	margin-top:		.25rem;
	font-size:		.75rem;
	line-height:		.75rem;
}

.page_main_image {
	position:		relative;
}

img.page_image_parallax {
	position:		absolute;
	top:			0;
	left:			0;
	display:		block;
	width:			100%;
	height:			auto;
}

img.page_image_parallax {
	opacity:		0;
	transition:		top 2s,
				opacity 2s;
}

img.page_image_parallax.slide_in {
	top:			1100px;
}

img.page_image_parallax.on {
	opacity:		1;
}

.page > .page_content {
	position:		relative;
	padding:		8.5rem 2rem 6.5rem 2rem;
	overflow:		hidden;
	border-radius:		1rem;
}

.page_arrow_container,
.page > .page_content > .page_arrow,
.page > .page_content > .page_arrow_reverse {
	position:		absolute;
	left:			0;
	bottom:			1.5rem;
	display:		flex;
	justify-content:	center;
	width:			100%;
	height:			2rem;
	cursor:			pointer;
	z-index:		11;
}

.page_arrow_container > svg,
.page > .page_content > .page_arrow > svg,
.page > .page_content > .page_arrow_reverse > svg {
	width:			1.25rem;
	fill:			#01528c;
}

.page_arrow_reverse > svg {
	transform:		rotate(180deg);
}

.page > .page_content > .page_social_media {
	position:		absolute;
	bottom:			2rem;
	right:			1.125rem;
	z-index:		3;
}

.page > .page_content > .page_social_media > svg {
	width:			1.75rem;
	height:			1.75rem;
	fill:			#093349;
}

.quote_text {
	font:			normal 1.75rem/1.5rem 'Caveat', 'Quicksand', Verdana, Arial, Helvetica, sans-serif;
}

body.home #content {
	color:			#ffffff;
	font-size:		1.625rem;
	line-height:		2.5rem;
	text-shadow:		0 0 6px #093349;
	opacity:		.9;
}

.page_content ul > li {
	margin:			0;
}

.page_content ul > p {
	display:		none;
}

.page_content > figure.wp-block-image,
.page_thumbnail {
	width:			100%;
	height:			270px;
	background:		url(images/circle_main.png);
	background-size:	250px;
	background-position:	center;
	background-repeat:	no-repeat;
}

.page_content > figure.wp-block-image.small_image {
	margin:			0;
	width:			180px;
}

.page_content > figure.wp-block-image > img,
.page_thumbnail > img {
	width:			230px;
	height:			230px;
	margin:			30px calc(50% - 115px) 0;
	border-radius:		50%;
	object-fit:		cover;
	transform:		scale(.5);
	opacity:		0;
	transition:		opacity .5s .25s ease-in-out,
				transform .5s .25s ease-in-out;
}

.page_content > figure.wp-block-image > img.wp-block-image-on,
.page_thumbnail > img.wp-block-image-on {
	transform:		scale(1);
	opacity:		1;
}

.wp-block-quote {
	margin:			0;
}

figure.wp-block-gallery.has-nested-images {
	position:		relative;
	height:			122px;
	width:			50%;
	margin:			0;
}

figure.wp-block-gallery.has-nested-images > p {
	display:		none;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
	position:		absolute;
	top:			0;
	left:			0;
	width:			100% !important;
	height:			auto;
	opacity:		0;
	transform:		translateX(120%);
	transition:		opacity .5s ease-out,
				transform .5s ease-out;
}

.wp-block-gallery.has-nested-images figure.wp-block-image.figure_selected:not(#individual-image) {
	opacity:		1;
	transform:		translateX(0);
}

.image_smaller > img {
	width:			60% !important;
}

.image_smallest > img {
	width:			40% !important;
}

.gallery_selector_container {
	display:		inline-flex;
	flex-wrap:		wrap;
	justify-content:	center;
	width:			calc(100% + 2rem);
	margin-top:		3rem;
}

.gallery_selector {
	display:		inline-block;
	width:			1.25rem;
	height:			1.25rem;
	margin:			.25rem;
	background-color:	rgba(0, 0, 0, .15);
	border-radius:		50%;
	cursor:			pointer;
}

.gallery_selector.selected {
	background-color:	#05aeef;
}

.about_block {
	padding:		.25rem .5rem;
	color:			#fff;
	background-color:	#0072bc;
	border-radius:		.25rem;
}

.previous_page_click,
.next_page_click,
.next_next_page_click {
	cursor:			pointer;
}


/*******************************************************************************************************
********************************************************************************************************


COST MODULES


********************************************************************************************************
*******************************************************************************************************/

#cost_modules {
	display:		flex;
	flex-direction:		column;
	align-items:		center;
	justify-content:	center;
}

.cost_module {
	position:		relative;
	display:		flex;
	flex-direction:		column;
	align-items:		center;
	justify-content:	center;
	width:			300px;
	height:			300px;
	margin-top:		2rem;
	color:			#fff;
	background-color:	#444;
	border-radius:		50%;
}

#cost_modules > div:first-child {
	margin-top:		0;
}

.text_bubble {
	display:		flex;
	justify-content:	center;
	align-items:		center;
	position:		absolute;
	font-weight:		bold;
	top:			-1.125rem;
	right:			-1.125rem;
	width:			100px;
	height:			100px;
	background-color:	rgba(89, 167, 153, .65);
	border-radius:		50%;
	text-align:		center;
}

.c_m_title {
	margin-top:		2rem;
	font-weight:		bold;
	font-size:		1.125rem;
	text-align:		center;
}

.c_m_sub_title {
	display:		flex;
	flex:			1;
	margin:			0 1.25rem;
	font-size:		.875rem;
	align-items:		center;
	justify-content:	center;
	text-align:		center;
}

.c_m_under_title {
	font-size:		.875rem;
	font-weight:		bold;
}

.c_m_link {
	margin-bottom:		2rem;
	padding:		.25rem .75rem;
	line-height:		1.125rem;
	font-size:		1.125rem;
	font-weight:		bold;
	background-color:	#fff;
	text-align:		center;
	border-radius:		2.25rem;
}

.cost_module_plan {
	background-color:	#59a799;
}

.cost_module_basic {
	background-color:	#3b707d;
}

.cost_module_profiles {
	background-color:	#9da618;
}

/************************************************************
*************************************************************

CONTACT TEMPLATE

*************************************************************
************************************************************/

.partner_of {
	margin:			4rem 0 0;
}

#main_content > .page.template-contact .page_content > figure.wp-block-image {
	width:			140px;
	height:			unset;
	margin:			0;
	background:		unset;
}

#main_content > .page.template-contact .page_content > figure.wp-block-image > img {
	transform:		scale(1);
	opacity:		1;
	width:			unset;
	height:			unset;
	margin:			0;
	border-radius:		0;
}

.template-contact {
	height:			100vh;
	margin-bottom:		0 !important;
	background:		#fff;
	border-radius:		0;
}

.template-contact h2 {

}

.template-contact figure.wp-block-gallery.has-nested-images {
	height:			122px;
	width:			50%;
	margin:			0;
}

.template-contact .page_arrow_container > svg {
	fill:			#01528c;
}

.template-contact img {
	border:			0 !important;
}


/************************************************************
*************************************************************

SPONSORS TEMPLATE

*************************************************************
************************************************************/

.page.template-sponsors > .page_content {
	min-height:		40vh;
}


/************************************************************
*************************************************************

FORM

*************************************************************
************************************************************/

form.wpcf7-form > * {
	margin-top:		-3rem;
	text-align:		center;
}

.wpcf7-email,
.wpcf7-submit {
	padding:		.5rem;
	width:			200px;
	border-radius:		1rem;
	border:			2px solid #924980;
}

.wpcf7-submit {
	margin-top:		.5rem;
	background:		#6f677d;
	color:			#fff;
}


/************************************************************
*************************************************************

BLOG

*************************************************************
************************************************************/

.post-template-default #menu_toggle {
	display:		none;
}

.post-template-default #social-media {
	display:		block;
}

.post-template-default #blog {
	background-color:	#f1e1c9;
}

.blog_title {
	font-weight:		bold;
	font-size:		1.5rem;
	line-height:		2.25rem;
	text-align:		center;
}

.blog_post_datetime {
	font-size:		.75rem;
	margin-bottom:		2rem;
}

#blog #social-media {
	bottom:			unset;
	top:			8.5rem;
}


/************************************************************
*************************************************************

TESTIMONIALS

*************************************************************
************************************************************/

.glsr-reviews {
	position:		relative;
	display:		flex;
}

.glsr-review {
	position:		absolute;
	opacity:		0 !important;
	visibility:		hidden;
	z-index:		1;
	transition:		opacity .5s ease-out,
				visibility .5s ease-out,
				transform .5s ease-out !important;
}

.glsr-review.review_on {
	opacity:		1 !important;
	visibility:		visible;
}

/************************************************************
*************************************************************

PAGES

*************************************************************
************************************************************/


/* TEST */

body[current_page="menu-item-16"] #main_content > .page {
	background-color:		#a6cdc5;	
}

body[current_page="menu-item-16"] h2 {
	color:				#59a799;
}

body[current_page="menu-item-82"] #main_content > .page {
	background-color:		#91a8b2;	
}

body[current_page="menu-item-82"] h2 {
	color:				#59a7a0;
}

body[current_page="menu-item-83"] #main_content > .page {
	background-color:		#c9cd88;	
}

body[current_page="menu-item-83"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-84"] #main_content > .page {
	background-color:		#e4c79e;	
}

body[current_page="menu-item-84"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-85"] #main_content > .page {
	background-color:		#fed88f;	
}

body[current_page="menu-item-85"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-86"] #main_content > .page {
	background-color:		#f6977a;	
}

body[current_page="menu-item-86"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-87"] #main_content > .page {
	background-color:		#a6cdc5;	
}

body[current_page="menu-item-87"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-88"] #main_content > .page {
	background-color:		#91a8b2;	
}

body[current_page="menu-item-88"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-89"] #main_content > .page {
	background-color:		#c9cd88;	
}

body[current_page="menu-item-89"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-58"] #main_content > .page {
	background-color:		#e4c79e;	
}

body[current_page="menu-item-58"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-59"] #main_content > .page {
	background-color:		#fed88f;	
}

body[current_page="menu-item-59"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-60"] #main_content > .page {
	background-color:		#f6977a;	
}

body[current_page="menu-item-60"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-61"] #main_content > .page {
	background-color:		#a6cdc5;	
}

body[current_page="menu-item-61"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-62"] #main_content > .page {
	background-color:		#91a8b2;	
}

body[current_page="menu-item-62"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-63"] #main_content > .page {
	background-color:		#c9cd88;	
}

body[current_page="menu-item-63"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-110"] #main_content > .page {
	background-color:		#f1e1c9;	
}

body[current_page="menu-item-110"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-109"] #main_content > .page {
	background-color:		#feeac4;	
}

body[current_page="menu-item-109"] h2 {
	color:				#59a896;
}

body[current_page="menu-item-66"] #main_content > .page {
	background-color:		#f6977a;	
}

body[current_page="menu-item-66"] h2 {
	color:				#59a896;
}

@media only screen and (min-width: 1024px) {
	h1 {
		max-width:		unset;
		margin:			0;
		padding:		2rem 4rem 1rem;
		text-align:		left;
	}

	h2 {
		margin:			0;
		font-size:		1.75rem;
		line-height:		1.75rem;
		font-weight:		800;
		text-align:		left;
	}

	#menu_toggle {
		left:			2rem;
	}

	#menu_toggle > div {
		background-color:	transparent;
	}

	#menu_toggle.page_scrolled {
		//top:			5rem;
	}

	#enter_site_btn {
		font-size:		1.75rem;
		line-height:		1.75rem;
	}

	#explore {
		top:			190px;
		left:			calc(50% - 150px);
		width:			300px;
		font-size:		3rem;
		line-height:		3rem;
	}

	#home_circle_main {
		top:			calc(50% - 200px);
	}

	#home_circle_main > div {
		height:			400px;
	}

	#home_circle_main > div > img {
		width:			400px;
		height:			400px;
	}

	#home_circle_full {
		top:			calc(50% + 70px);
		left:			calc(50% - 220px);
	}

	#home_infinity_dots {
		top:			calc(50% - 260px);
	}

	#home_infinity_dots2 {
		top:			calc(50% + 220px);
	}
	
	#home_circle_full,
	#home_circle_full > div,
	#home_circle_full > div > div,
	#home_circle_full > div > img.back,
	#home_circle_full > div > img.moon {
		width:			160px;
		height:			160px;
	}

	.desktop_slider_container > div > img {
		left:			calc(50% - 185px);
		top:			calc(50% - 180px);
		width:			380px;
		height:			380px;
	}

	.desktop_slider_container > div > span {
		top:			15rem;
		font-size:		3rem;
		line-height:		3rem;
	}

	nav {
		top:			0;
		width:			40%;
		height:			100%;
	}

	#background_parallax > img {
		height:			unset;
		width:			100%;
	}

	.mobile_slider_container {
		display:		none;
	}

	.desktop_slider_container {
		display:		block;
	}

	#slider_text > div {
		font-size:		1.5rem;
		line-height:		1.5rem;
	}

	#logo > svg, #logo_lang > svg {
		width:			240px;
	}

	#social-media {
		right:			1rem;
	}

	#social-media > a {
		width:			4.5rem;
	}

	#edugroup_container {
		position:		fixed;
		top:			1.25rem;
		right:			1.5rem;
		z-index:		12;
	}

	#social-links > a > svg,
	#social-media > a > svg {
		width:			2.75rem;
		height:			2.75rem;
	}

	#main_content > .page {
		display:		flex;
		min-height:		100vh;
		overflow:		hidden;
	}

	#main_content > .page.template-sponsors {
		min-height:		50vh;
	}

	.page > .page_content {
		padding:		9rem 2rem 2.5rem 2rem;
		width:			870px;
		margin-left:		calc(50% - 435px);
		min-height:		unset;
	}

	.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		left:			0;
		width:			40% !important;
	}

	.gallery_selector_container {
		width:			calc(100% + 6.5rem);
	}

	#main_content > .page.splash_page_container {
		flex-direction:		row;
	}

	.splash_page_explore {
		font-size:		1.25rem;
		line-height:		2rem;
		left:			calc(50% - 100px);
		width:			200px;
	}

	.slider_page_explore {
    		font-size:		1.75rem;
    		line-height:		1.75rem;
	}

	.template-contact {
		background-color:	#fff;
	}

	.template-contact > .page_content {
		height:			calc(100% - 100px);
		width:			50%;
	}

	.template-contact h2 {
		margin-bottom:		2rem;
	}

	.page_thumbnail > img {
		width:			30%;
	}

	#menu-item-40 .page_thumbnail > img {
		width:			16%;
		margin:			0 0 1rem;
	}

	#cost_modules {
		display:		flex;
		flex-direction:		row;
	}

	#cost_modules > div {
		margin-top:		0;
		margin-left:		1rem;
	}

	#cost_modules > div:first-child {
		margin-left:		0;
	}

	.cost_module {
		width:			260px;
		height:			260px;
	}

	.text_bubble {
		top:			-.75rem;
		right:			-.75rem;
		width:			80px;
		height:			80px;
	}

	.page_content > figure.wp-block-image {
		height:			320px;
		background-size:	310px;
	}

	.page_content > figure.wp-block-image > img {
		width:			290px;
		height:			290px;
		margin:			24px calc(50% - 145px) 0;
	}
}