/*
Theme Name: Scolarity
Theme URI: https://modena.se
Author: Gabriel Westington
*/
@font-face {
	font-family: "Albert Sans";
    src: url('/wp-content/themes/scolarity/assets/fonts/AlbertSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Albert Sans";
    src: url('/wp-content/themes/scolarity/assets/fonts/AlbertSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}body{margin:0;padding:0;-webkit-font-smoothing:antialiased}article,footer,header,main,menu,nav,section{display:block}strong{font-weight:bold}img,.wp-caption{max-width:100%;height:auto;border:0;display:block}ul,ol,li>ul,li>ol{margin:0;padding:0;list-style:none}ul,ol{margin-left:20px;margin-bottom:20px}ul{list-style:disc}svg:not(:root){overflow:hidden}figure{display:block;margin:0}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}.site-content{overflow:hidden}ol{margin-left:0}

/*--------------------------------------------------------------
# Root vars
--------------------------------------------------------------*/
:root {
	--color-light-blue: #c0f2f2;
	--color-medium-blue: #46bbbb;
	--color-dark-blue: #248686;
	--color-text : #242222;
	--color-light-grey: #f8f8f8;
	--color-medium-grey: #e5e5e5;
	--column-padding: 30px;
}

@media (max-width: 781px) {
	:root {
		--column-padding: 20px;
	}
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
	font-family: "Albert Sans", sans-serif;
	font-weight: 400;
	color: var(--color-text);
	font-size: 1.1rem;
	line-height: 1.7;
	background: #fff;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Albert Sans", sans-serif;
	font-weight: 600;
	clear: both;
}
h1, .cta h2 {
	font-size: 3.5rem;
	line-height: 1.1;
}
h2 {
	font-size: 2.3rem;
	line-height: 1.2;
}
h3, article h2 {
    font-size: 1.5rem;
	line-height: 1.25;
}
article h2 {
    margin-top: 0;
    margin-bottom: 2rem;
}
h4, article h3 {
	font-size: 1.3rem;
	line-height: 1.4;
}
article h3 {
	margin-top: 2rem;
	margin-bottom: 1rem;
}
h5 {
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: 5px;
}
p, article h4 {
	font-size: 1.1rem;
	line-height: 1.7;
	margin: 0 0 1.4rem 0;
}
article ul {
    font-size: 1.1rem;
    line-height: 1.7;
    margin: 0 1.4rem 1.8rem;
}

@media (max-width: 1100px) {
	h1, .cta h2  {
		font-size: 3.7rem;
		line-height: 1.1;
	}
	h2 {
		font-size: 2.2rem;
		line-height: 1.2;
	}
	h3, article h2  {
		font-size: 1.4rem;
		line-height: 1.25;
	}
	h4, article h3 {
		font-size: 1.2rem;
		line-height: 1.4;
	}
	h5 {
		font-size: 1rem;
		line-height: 1.6;
		letter-spacing: 5px;
	}
}
@media (max-width: 1024px) {
	h1, .cta h2  {
		font-size: 3.3rem;
		line-height: 1.1;
	}
	h2 {
		font-size: 2.1em;
		line-height: 1.25;
	}
	h4, article h3 {
		font-size: 1.1rem;
		line-height: 1.4;
	}
	h5 {
		font-size: 1rem;
		line-height: 1.6;
		letter-spacing: 5px;
	}
}
@media (max-width: 781px) {
	h1, .cta h2  {
		font-size: 2.6rem;
		line-height: 1.1;
	}
	h2 {
		font-size: 2rem;
		line-height: 1.2;
	}
	h3, article h2  {
		font-size: 1.4rem;
		line-height: 1.3;
	}
	h4, article h3 {
		font-size: 1.1rem;
	}
	h5 {
		font-size: 1rem;
		line-height: 1.6;
		letter-spacing: 5px;
	}
	p, article h4 {
		font-size: 1rem;
	}
	article ul {
		font-size: 1rem;
	}
}

@media (max-width: 500px) {
	h1, .cta h2  {
		font-size: 2.5rem;
		line-height: 1.1;
	}
	h2 {
		font-size: 1.8rem;
		line-height: 1.15;
	}
	h3, article h2  {
		font-size: 1.3rem;
		line-height: 1.3;
	}
	h4, article h3 {
		font-size: 1.1rem;
	}
	h5 {
		font-size: .9rem;
		line-height: 1.6;
		letter-spacing: 3px;
	}
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: var(--color-dark-blue);
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

a:hover,
a:focus,
a:active {
	color: var(--color-hover);
	text-decoration: none;
	outline: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header {
	background: transparent;
	transition: background 0.3s ease;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1030;
	padding: 0;
}

header .top-wrap {
    display: flex;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1100px;
    margin: 0 auto;
    flex-direction: column;
    gap: 20px;
}

header .logo img {
	width: 200px;
	height: auto;
	display: block;
	margin: 1rem 0;
}

header .top-items {
	display: flex;
	align-items: center;
}

header a.logo {
	z-index: 99;
}

@media (max-width: 990px) {
	header .top-wrap {
		justify-content: space-between;
		flex-direction: row;
		gap: 20px;
		padding: 0;
	}
	header .logo img {
		width: 100px;
	}
}
@media (max-width: 500px) {
	header .top-wrap {
		padding: 0;
		gap: 0;
	}
	header .logo img {
		width: 90px;
	}
}

/*--------------------------------------------------------------
# Framework
--------------------------------------------------------------*/
.container,.container-small{width:100%;margin-right:auto;margin-left:auto}.container-large{max-width:1100px}.container-small{max-width:970px}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right: var(--column-padding);padding-left:var(--column-padding)}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:782px){.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1024px){.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}

.center-block{text-align:center;margin:0 auto}.mx-auto{margin:0 auto}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*="col-"]{padding-right:0;padding-left:0}.edge-to-edge{padding:0}.all-4{padding:20px}.pb-50{padding-bottom:50px}.pb-100{padding-bottom:100px}.pr-4{padding-right:20px!important;padding-left:20px!important}.tb-50{padding-top:50px;padding-bottom:50px}.tb-100{padding-top:100px;padding-bottom:100px}.tb-150{padding-top:150px;padding-bottom:150px}.pr-l-4{padding-right:20px!important;padding-left:20px!important}@media (min-width:1800px){.pr-l-4{padding-right:0!important;padding-left:0!important}}@media (max-width:1024px){.tb-150{padding-top:100px;padding-bottom:100px}}@media (max-width:781px){.tb-150{padding-top:50px;padding-bottom:50px}}

/*--------------------------------------------------------------
# Header & Menu
--------------------------------------------------------------*/
.site-header .menu {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	gap: 2rem;
}

.site-header .menu li {
	margin: 0;
	display: block;
	position: relative;
}

.site-header .menu li.visible-mobile {
	display: block;
}

@media (min-width: 991px) {
	.site-header .menu li.visible-mobile {
		display: none;
	}

	.main-menu .menu > li.menu-item > a {
		margin-right: 15px;
		font-size: 16px;
		line-height: 1.6;
		color: var(--color-text);
		display: inline-block;
		height: auto;
		text-decoration: none;
		transition: all .15s ease-in-out;
		border-bottom: 2px solid transparent;
        text-transform: uppercase;
        letter-spacing: .7px;
	}

	.main-menu .menu > li.menu-item > a:last-child {
		margin-right: 0;
	}

	.main-menu .menu > li.menu-item:hover > a {
		border-bottom: 2px solid var(--color-text);
	}

	/* Menu with sub-menu items*/
	.main-menu .menu > li.menu-item > .sub-menu {
		position: absolute;
		right: 9999rem;
		background: white;
		padding: 13px 18px;
		z-index: 10;
	    width: 150px;
        text-align: center;
		box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .1), 0 4px 6px -1px rgba(0, 0, 0, .1);
        border-radius: 7px;border-radius: 10px;
		opacity: 0;
		transition: opacity .15s linear, transform .15s linear, right 0s .15s;
        transform: translateY(.5rem);
	}

	.main-menu .menu > li.menu-item:hover > .sub-menu {
        left: -30px;
        opacity: 1;
        transform: translateY(0);
        transition: opacity .15s linear, transform .15s linear;
    }

	.main-menu .menu > li.menu-item > .sub-menu a {
		color: var(--color-text);
		border-bottom: 1px solid transparent;
	}

	.main-menu .menu > li.menu-item > .sub-menu a:hover {
		color: var(--color-text);
		border-bottom: 1px solid var(--color-text);
	}
}

@media (max-width: 990px) {
	.main-menu {
		padding: 0;
		background: var(--color-light-grey);
		bottom: 0;
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		right: 0;
		top: 0;
		z-index: -1;
		visibility: hidden;
	}

	.site-header .menu {
		gap: 0;
	}

	.main-menu > ul {
		opacity: 1;
		display: block;
		-webkit-transform: translateY(25px);
		-ms-transform: translateY(25px);
		transform: translateY(25px);
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 250ms;
		transition-duration: 250ms;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
		list-style: none;
		clear: both;
		margin: 0 auto;
		padding: 160px 0 0 0;
		max-width: 500px;
	}

	.main-menu > ul > li {
		display: block;
		position: relative;
		width: 100%;
	}

	.main-menu > ul > li:first-child:before {
		height: 0;
	}

	.main-menu ul.menu > li > a {
		position: relative;
		display: inline-block;
		font-size: 18px;
		font-weight: 600;
		height: auto;
		line-height: 1.5;
		padding-bottom: 0.8125rem;
		padding-left: 0;
		padding-top: 0.875rem;
		padding-right: 1.3rem;
		text-decoration: none;
		outline: 0;
		color: var(--color-text);
		text-transform: uppercase;
		letter-spacing: 0.7px;
	}

	.main-menu .menu > li.menu-item > .sub-menu {
		padding-bottom: 10px;
	}

	.main-menu .menu > li.menu-item > .sub-menu li a {
		color: var(--color-text);
        display: block;
		padding: 0;
        outline: 0;
	    text-transform: uppercase;
        font-size: 18px;
	}

	.main-menu .sub-menu>li>a:before {
        content: "- ";
    }

    .main-menu .menu > li:before {
        display: block;
        content: '';
        width: auto;
        height: 1px;
        background-color: rgb(139 122 122 / 20%);
    }

	header .site-header-wrap {
		display: flex;
	}

	/* Removes scrollbar */
	body.open-main-menu {
		overflow: hidden;
		height: 100%;
		width: 100%;
	}

	body.open-main-menu nav.main-menu {
		opacity: 1;
		pointer-events: all;
		transition: opacity .3s;
		visibility: visible;
		z-index: 10;
	}

	body.open-main-menu nav.main-menu ul {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.main-menu ul,
	.main-menu li {
		list-style: none;
	}

	.main-menu > .menu {
		opacity: 1;
		list-style: none;
		margin: 0 auto;
		padding: 180px 0 0 0;
		align-items: flex-start;
		max-width: 400px;
	}
	.main-menu ul.menu > li > a {
		font-size: 20px;
		padding-bottom: 10px;
        padding-top: 10px;
	}
	.site-header .menu {
		flex-direction: column;
	}
}

@media (max-width: 500px) {
	.main-menu .menu {
		width: 100%;
		max-width: 100%;
		padding: 160px 20px 0 20px;
	}
	.main-menu ul.menu > li > a {
		font-size: 18px;
	}
}

@media (min-width: 769px) {
	.main-menu ul.menu > li > a {
		font-size: 20px;
		font-weight: 600;
	}
}

/*--------------------------------------------------------------
## Buttons - Block editor
--------------------------------------------------------------*/
.wp-block-button__link {
    border: 0;
    border-radius: 50px;
    background: var(--color-medium-blue);
    padding: 24px 34px;
    color: #fff;
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .5px;
}

.wp-block-button__link *,
.wp-block-button__link:visited * {
	color: #fff;
	font-weight: 600;
    font-size: 16px;
	line-height: 1;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.wp-block-button__link:visited,
.wp-block-button__link:active {
	background: var(--color-medium-blue);
	color: #fff;
}

.wp-block-button__link:hover {
	background: var(--color-dark-blue);
	color: #fff;
}

@media (max-width: 781px) {
	.wp-block-button__link {
		padding: 16px 20px;
		font-size: 16px;
	}
	.wp-block-button__link *,
	.wp-block-button__link:visited * {
		font-size: 15px;
	}
}

@media (max-width: 500px) {
	.wp-block-button__link {
		padding: 14px 18px;
		font-size: 15px;
	}
	.wp-block-button__link *,
	.wp-block-button__link:visited * {
		font-size: 14px;
	}
}

/*--------------------------------------------------------------
## Misc
--------------------------------------------------------------*/
figure img {
	border-radius: 20px;
}

@media (max-width: 781px) {
	.wp-block-spacer[style*="height:20px"] {
		height: 10px !important;
	}
	.wp-block-spacer[style*="height:30px"] {
		height: 15px !important;
	}
	.wp-block-spacer[style*="height:40px"] {
		height: 20px !important;
	}
	.wp-block-spacer[style*="height:50px"] {
		height: 25px !important;
	}
	.wp-block-spacer[style*="height:60px"] {
		height: 30px !important;
	}
}


/*--------------------------------------------------------------
## Hamburger animation
--------------------------------------------------------------*/
.ham-wrap{display:flex;align-items:center;z-index:10;padding-right:1rem}.ham{display:none}@media (max-width:990px){.ham{display:block;height:65px;margin-right:-20px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 400ms;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ham .top{stroke-dasharray:40 121;stroke-dashoffset:10px}.ham .bottom{stroke-dasharray:40 121}.line{fill:none;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:var(--color-text);stroke-width:4;stroke-linecap:round}.ham .middle{stroke-dasharray:40 121;stroke-dashoffset:10px}.ham.active{transform:rotate(45deg)}.ham.active .middle{stroke-dashoffset:0}.ham.active .top{stroke-dashoffset:-68px}.ham.active .bottom{stroke-dashoffset:-68px}.ham:hover .line.top{stroke-dasharray:50 121}.ham:hover .line.middle{stroke-dasharray:80 121}}@media (max-width:781px){.ham{height:60px}}@media (max-width:568px){.ham{height:53px}}.open-overlay .navbar-sticky .drop [data-toggle="dropdown"],.open-overlay .navbar-sticky .search-menu i{color:var(--color-text)}.open-overlay .navbar-sticky .line{stroke:var(--color-text)}.open-overlay .logo.color-logo{display:none}.open-overlay .logo.white-logo{display:block}

/*--------------------------------------------------------------
# Block : Hero
--------------------------------------------------------------*/
.hero {
	position: relative;
	padding: 60px 0 100px 0;
}

.hero__bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.hero__bg-layer > * {
    width: 500px;
    left: calc(50% - 230px);
    right: auto;
    height: auto;
    top: auto;
    bottom: 0;
    transform: scaleX(1) scaleY(-1);
	display: block;
	position: absolute;
}

.hero__bg-layer  .fl-shape {
	fill: var(--color-light-blue);
	stroke: none;
	stroke-width: 0;
	width: 100%;
}

.hero h1 {
	margin-top: 0;
	margin-bottom: 30px;
}

.hero h4 {
	margin-top: 0;
	margin-bottom: 30px;
}

.hero p {
	margin-bottom: 30px;
}

.hero__image {
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.hero__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}

@media (max-width: 781px) {
	.hero {
		padding: 0 0 60px 0;
		margin-top: 2rem;
	}
	.hero__bg-layer > * {
		width: 400px;
	}
	.hero__image {
		display: none;
	}
	.hero h1 {
		margin-bottom: 30px;
	}
	
	.hero h4 {
		margin-bottom: 30px;
	}
	
	.hero p {
		margin-bottom: 30px;
	}
}

/*--------------------------------------------------------------
Two items with buttons. Using WP blocks only
--------------------------------------------------------------*/
.oh-two-items {
    max-width: 1100px;
	padding: 0;
    margin: 0 auto 5rem;
	gap: 0;
}

article .oh-two-items {
	gap: 40px;
	margin: 0 auto;
}

.oh-two-items > div {
	padding: 0 var(--column-padding);
}

article .oh-two-items > div {
	padding: 0;
}

.oh-two-items h2 {
	margin-bottom: 20px;
}

.oh-two-items h3 a,
.oh-two-items h3 a:hover,
.oh-two-items h3 a:focus,
.oh-two-items h3 a:active {
	color: var(--color-text);
	border: 0;
}

.oh-two-items p a {
    display: inline-block;
	margin-top: 10px;
	color: var(--color-medium-blue);
	border-bottom: 2px solid var(--color-medium-blue);
}

.oh-two-items p a:hover,
.oh-two-items p a:focus,
.oh-two-items p a:active {
	color: var(--color-dark-blue);
	border-bottom: 2px solid var(--color-dark-blue);
}

.oh-two-items h2 a {
	color: var(--color-text);
	border: 0;
}

article .oh-two-items figure {
	margin-bottom: 0 !important;
}

.oh-two-items figure a {
	border: 0;
}

.oh-two-items figure a img {
	transition: 0.2s ease-in-out;
}

.oh-two-items figure a:hover img {
	filter: brightness(90%);
}

.oh-two-items img {
	border-radius: 20px;
	margin-bottom: 20px;
}

.oh-two-items p {
	margin-bottom: 30px;
}

@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		display: flex;
		flex-direction: column;
    }
}
@media (max-width: 781px) {
	article .oh-two-items {
		margin: 0 auto 40px;
	}
	.oh-two-items {
		gap: 0;
    	margin: 0 auto 2rem;
	}
	.home .oh-two-items {
		gap: 2rem;
	}
	.oh-two-items p:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 500px) {
	article .oh-two-items {
		padding: 0;
		gap: 2rem;
	}
	.home .oh-two-items {
		padding: 0;
	}
	.oh-two-items > div:first-child {
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------
## Page
--------------------------------------------------------------*/
.hero-page {
	position: relative;
}

.hero__bg {
    position: relative;
    background-color: var(--color-light-blue);
    padding-top: 0;
    padding-bottom: 30%;
    background-position: center center;
    display: flex;
    flex-direction: column;
}

.hero__heading {
	width: 60%;
	margin: 0 auto;
	text-align: center;
}

.hero__shape {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.hero__shape svg {
    width: 100%;
    left: auto;
    right: auto;
    top: auto;
    bottom: 0;
    transform: scaleX(1) scaleY(-1);
    display: block;
    position: absolute;
	height: 40px !important;
}

.hero__shape-content {
	fill: #ffffff;
    stroke: none;
    stroke-width: 0;
    width: 100%;
}

.hero__img {
    justify-content: center;
    position: relative;
    z-index: 9;
    margin-top: -30%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero__img img {
	border-radius: 20px;
    -webkit-filter: drop-shadow(0 0 15px rgba(0,0,0,.1));
    filter: drop-shadow(0 0 15px rgba(0,0,0,.1));
    max-height: 500px;
    width: auto;
}

.single-post .fl-module-rich-text > div {
	margin-bottom: 0;
}

.single-post p, .single-post ul {
	margin-bottom: 2em;
}

.single-post h1 {
	color: #fff;
	margin-bottom: 2rem;
}

.single-post h3 {
	margin-bottom: 1.1rem;
}

.single-post h4 {
	margin-bottom: 1rem;
}

article > .fl-builder-content {
	max-width: 900px;
	margin: 0 auto;
	padding: 20px 0 60px;
}

.hero__breadcrumbs,
.hero__date {
	max-width: 970px;
	margin: 0 auto;
}

.hero__breadcrumbs,
.hero__breadcrumbs a,
.hero__date {
	color: #fff;
}

.hero__breadcrumbs a {
	display: flex;
	align-items: center;
}

.hero__breadcrumbs-blog {
    margin-left: 4px;
    font-size: 1rem;
	border-bottom: 1px solid transparent;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.hero__breadcrumbs a:hover .hero__breadcrumbs-blog {
	border-bottom: 1px solid #fff;
}

@media (max-width: 1100px) {
	.hero__shape svg {
		height: 20px !important;
	}
	.hero__heading {
		width: 70%;
	}
}

@media (max-width: 1024px) {
	.hero__heading {
		width: 90%;
	    padding: 0 20px;
	}
}

@media (max-width: 781px) {
	.hero__shape svg {
		height: 15px !important;
	}
	.hero__heading {
		width: 100%;
		padding: 0;
	}
}

@media (max-width: 500px) {
	.hero__shape svg {
		height: 10px !important;
	}
	.hero__bg {
		padding-bottom: 50%;
	}
	.hero__img {
		margin-top: -50%;
	}
}

/*--------------------------------------------------------------
## Make embedded video in WP editor responsive
--------------------------------------------------------------*/
.wp-video,
video.wp-video-shortcode,
.mejs-container,
.mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video,
video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}


/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/
article .container.content {
	max-width: 900px;
    margin: 20px auto 0;
    padding: 20px 60px 60px;
    display: block;
	z-index: 9;
  	position: relative;
}

article .no-feature-image + .container.content {
	background: white;
	margin-bottom: 60px;
    padding: 60px 60px 60px;
	z-index: 9;
	position: relative;
	border-radius: 20px;
	-webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, .1));
	filter: drop-shadow(0 0 15px rgba(0, 0, 0, .1));
}

article .content figure {
	margin-bottom: 30px;
}

article a {
	color: var(--color-medium-blue);
	border-bottom: 1px solid var(--color-medium-blue);
}

article a:hover {
	color: var(--color-dark-blue);
}

.hero__heading h1 {
	font-size: 3rem;
}

@media (max-width: 1024px) {
	.hero__heading h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 781px) {
	.hero__heading h1 {
        font-size: 2.3rem;
		margin-top: 3rem;
    }
	article .container.content {
		padding: 20px 20px 20px;
	}
	article .no-feature-image + .container.content {
		padding: 40px 20px 20px;
		margin-bottom: 0;
		border-radius: 0;
		-webkit-filter: none;
		filter: none;
	}
}

@media (max-width: 500px) {
	.hero__heading h1 {
		font-size: 2rem;
	}
}

@media (max-width: 360px) {
	.hero__heading h1 {
		font-size: 1.8rem;
	}
}

/*--------------------------------------------------------------
## Forminator
--------------------------------------------------------------*/
.wp-block-buttons>.wp-block-button {
    display: inline-block;
    margin: 0;
}

.forminator-ui#forminator-module-7936.forminator-design--material .forminator-button-submit {
    border: 0;
    border-radius: 50px;
    background: var(--color-medium-blue);
    padding: 20px 28px;
    color: #fff;
    font-size: 16px !important;
    line-height: 1;
	font-weight: 600 !important;
    letter-spacing: .5px;
} 

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer{padding:60px 0 20px 0;background:var(--color-light-grey)}.footer .container{margin:0 auto}.footer p,.footer a{color:var(--color-text)}.footer a{transition:ease-in-out .2s}.footer a:hover{color:var(--color-dark-blue)}.footer ul{list-style:none}.footer h4{font-size:1.3rem;line-height:1.4;margin-top:0;margin-bottom:8px}.footer-logo{display:flex;justify-content:flex-end}.footer .logo{display:block;height:auto;margin-bottom:10px}.footer ul{margin:0}.footer-copy{margin-top:30px}.footer .copy{font-size:14px;line-height:21px;letter-spacing:-0.3px}.footer-copy>div{display:flex;justify-content:center}.footer-copy .footer-copy-logo a:hover img{transform:scale(1.1)}.footer-social ul li{display:block;margin-bottom:0}.footer-social a i{opacity:1;color:var(--color-darkgrey);width:32px;height:32px;line-height:42px;font-size:20px;text-align:left;-webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s}.footer-social a:hover i{color:var(--color-dark-blue)}.footer-social span{text-transform:capitalize}@media (min-width:782px){.footer .row>div:not(:first-child){flex-direction:column}}@media (max-width:1024px){.footer .footer-row-content>div{margin-bottom:2rem;}.footer-logo{display:flex;justify-content:center}}@media (max-width:781px){.footer{padding-left:0;padding-right:0}.footer .row>div{text-align:center;display:flex;align-items:center;flex-direction:column}}

/*--------------------------------------------------------------
# Adminbar
--------------------------------------------------------------*/
.admin-bar .site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

/*
For truly dynamic height adaptation, add this JavaScript to your theme:

function adaptSmartSpacers() {
    if (window.innerWidth <= 781) {
        document.querySelectorAll('.wp-block-spacer.smart-spacer').forEach(spacer => {
            const style = spacer.getAttribute('style');
            if (style && style.includes('height:')) {
                const heightMatch = style.match(/height:\s*(\d+)px/);
                if (heightMatch) {
                    const originalHeight = parseInt(heightMatch[1]);
                    const newHeight = Math.round(originalHeight / 2);
                    spacer.style.height = newHeight + 'px';
                }
            }
        });
    }
}

// Run on load and resize
window.addEventListener('load', adaptSmartSpacers);
window.addEventListener('resize', adaptSmartSpacers);
*/