/*
Theme Name: Act by Heart
Theme URI: https://modena.se
Author: Gabriel Westington
*/
@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/actbyheart/assets/fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('/wp-content/themes/actbyheart/assets/fonts/Roboto-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/themes/actbyheart/assets/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('/wp-content/themes/actbyheart/assets/fonts/Roboto-Bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
article,
footer,
header,
main,
menu,
nav,
section {
	display: block;
}
strong {
	font-weight: 700;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
	border-style: none
}
small {
    font-size: 80%
}
button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button,input {
    overflow: visible
}
button,select {
    text-transform: none
}
ul,
ol,
li > ul,
li > ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
:root {
	--lightblueish: #405d70;
	--blueish: #384F5E;
	--darkblueish: #2e3f4a;
	--greyish: #eeeae44a;
	--lightbeige: #EEEAE4;

	/* New */
	--deepred: #b31633;

	--palered: #dbcccc;
	--lightpink: #ed667f;
	--darkpink: #E64462;


	--orange: #f3a450;
	--darkorange: #eb8539;

	--beige: #ebe4d9;

	--grey-color-100: #f5f3ef;
	--grey-color-200: #ebebeb;
	--grey-color-300: #bdbdbd;
	--grey-color-400: #777777;
	--grey-color-500: #666666;
	--grey-color-600: #444444;
	--grey-color-700: #333333;


	/* Old */
	--darkestgreen: #456A50;
	--darkgreen: #54785F;
	--mediumgreen:#72917B;
	--brightgreen:#BFD3C3;
	--lightgreen: #CCDBCF;
	--lightgrey: #F5F3EF;
	--mediumgrey: #bdbdbd;
	--grey :#777777;
	--hellgrey: #666666;
	--darkgrey: #444444;
	--white: #ffffff;
	--almostwhite: #F8F4EE;
	--lightbeige: #EEEAE4;
	--red:#CA6153;

	--gutter-x: 3rem;
}
*,:after,:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html {scroll-behavior: smooth;}

body {
    background: var(--lightgrey);
    color: var(--darkgrey);
	font-size: 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    min-height: 100%;
    padding: 0;
	overflow-x: hidden;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-kerning: normal;
    -ms-font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    font-feature-settings: "kern"
}

.site-content {
	overflow: hidden;
}

/*--------------------------------------------------------------
# Quick fixes for demo
--------------------------------------------------------------*/
.member__login, .content-form__heading {
	display: none;
}



/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	clear: both;
}

h1 {
	font-size: 56px;
	line-height: 1.15;
	margin-bottom: 1.5rem;
}
/*
.home h1 {
	font-size: 90px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--lightgrey);
	margin-bottom: 3.5rem;
}*/

h2,.no-hero h1 {
	font-size: 60px;
	line-height: 1.28;
	margin-bottom: 1.4rem;
}

.hook h2 {
	font-size: 46px;
	line-height: 1.2;
	margin-bottom: 1.2rem;
}

h3 {
	font-size: 38px;
	line-height: 1.2;
	margin-bottom: 1rem;
}

h4 {
	font-size: 38px;
	line-height: 1.2;
    margin-bottom: 0.8rem;
}

p, ul, ol {
    font-size: 19px;
    line-height: 1.45;
    margin-bottom: 1.3rem;
}

.simple-text ul, .simple-text ol {
	margin-left: 1.5rem;
}

.above-heading {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 16px;
	margin-bottom: 1rem;
}

.hero .above-heading {
	font-size: 18px;
}

.hook__preamble p {
	font-size: 26px;
	line-height: 1.4;
	margin-bottom: 0;
}

.footer h4 {
	font-size: 32px;
	line-height: 1.3;
}

.footer h5 {
	font-size: 28px;
	line-height: 1.25;
}

.hap__preamble p, .simple-text h2 {
	font-size: 22px;
	line-height: 1.5;
}

.simple-text h2 {
	line-height: 1.3;
}

@media (max-width: 991px) {
	h1 {
		font-size: 50px;
		line-height: 1.1;
	}

	h2,.no-hero h1 {
		font-size: 44px;
		line-height: 1.28;
		margin-bottom: 1.4rem;
	}
	h3, .hook h2 {
		font-size: 40px;
		margin-bottom: 1.1rem;
	}
	p, ul, ol {
		font-size: 18px;
	}
	.above-heading {
    	font-size: 15px;
	}
	.hero .above-heading {
		font-size: 17px;
	}
	.hook__preamble p {
		font-size: 22px;
		line-height: 1.4;
	}

	.footer h4 {
		font-size: 24px;
		line-height: 1.4;
	}
	.footer h5 {
		font-size: 21px;
	}
	.hap__preamble p, .simple-text h2 {
		font-size: 21px;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 46px;
		line-height: 1.1;
	}

	h2,.no-hero h1 {
		font-size: 40px;
		line-height: 1.2;
	}
	h3, .hook h2 {
		font-size: 36px;
		margin-bottom: 1.1rem;
	}
	p, ul, ol {
		font-size: 18px;
	}
	.above-heading {
    	font-size: 14px;
	}
	.hero .above-heading {
		font-size: 16px;
	}
	.hook__preamble p {
		font-size: 21px;
		line-height: 1.4;
	}
	.footer h4 {
		font-size: 24px;
		line-height: 1.4;
	}
	.footer h5 {
		font-size: 20px;
	}
	.hap__preamble p, .simple-text h2 {
		font-size: 20px;
	}
}

@media (max-width: 500px) {
	h1 {
		font-size: 36px;
		line-height: 1.1;
	}

	h2,  .no-hero h1 {
		font-size: 32px;
		line-height: 1.3;
		margin-bottom: 1rem;
	}
	h3, .hook h2 {
		font-size: 28px;
		margin-bottom: 1rem;
	}
	p, ul, ol {
		font-size: 17px;
	}
	.above-heading {
    	font-size: 13px;
	}
	.hero .above-heading {
		font-size: 15px;
	}
	.hook__preamble p {
		font-size: 19px;
		line-height: 1.4;
	}
	.footer h4 {
		font-size: 22px;
		line-height: 1.4;
	}
	.footer h5 {
		font-size: 19px;
	}
	.hap__preamble p, .simple-text h2 {
		font-size: 19px;
	}
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {	
	color: var(--darkgrey);
	text-decoration: none;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

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

.site-content p a {
	padding-bottom: 0.02em;
	border-bottom: 1px solid var(--darkgrey);
    color: var(--darkgrey);
}

.site-content p a:hover,
.site-content p a:focus,
.site-content p a:active {
	border-bottom: 1px solid var(--red);
	color: var(--red);
}
/*--------------------------------------------------------------
# Framework
--------------------------------------------------------------*/
.container, 
.container-fluid,
.sm-container, 
.md-container,
.lg-container {
	width: 100%;
    padding-right: calc(var(--gutter-x) * 1);
    padding-left: calc(var(--gutter-x) * 1);
	margin: 0 auto;
}

.row {
	display: flex;
    flex-wrap: wrap;
    margin-right: calc(-1 * var(--gutter-x));
    margin-left: calc(-1 * var(--gutter-x));
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * 1);
    padding-left: calc(var(--gutter-x) * 1);
}

.site-content .container.order-reverse .row {
	flex-direction: column-reverse;
}

@media (min-width: 576px) {
	.container,
	.sm-container,
	.md-container,
	.lg-container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container,
	.md-container,
	.lg-container {
		max-width: 720px;
	}
	.sm-container {
		max-width: 630px;
	}
	.site-content .container.order-reverse .row {
		flex-direction: row-reverse;
	}
	.site-content .container .row > div:first-child {
		padding-right: 4rem;
		padding-left: 4rem;
	}
	.site-content .container.order-reverse .row > div:first-child {
		padding-right: 4rem;
		padding-left: 4rem;
	}
	.site-content .container-fluid .row > div:last-child {
		padding-left: 0;
		padding-right: 0;
		height: 100%;
		display: flex;
		justify-content: end;
		max-height: 540px;
	}
	.site-content .container.order-reverse .row > div:last-child {
        justify-content: end;
        display: flex;
	}
	.site-content .content-tiles .container .row > div:last-child {
		height: auto;
		display: block;
		max-height: none;
	}
}

@media (min-width: 992px) {
	.container,
	.lg-container {
		max-width: 960px;
	}
	.md-container {
		max-width: 830px;
	}
}

@media (min-width: 1380px) {
	.lg-container {
		max-width: 1160px; /* 1100 tidigare*/
	}
}

@media (max-width: 500px) {
	.row {
		margin-right: calc(-.5 * var(--gutter-x));
		margin-left: calc(-.5 * var(--gutter-x));
	}
	.row>* {
		padding-right: calc(var(--gutter-x) * .5);
		padding-left: calc(var(--gutter-x) * .5);
	}
	.container, 
	.container-fluid,
	.sm-container, 
	.md-container,
	.lg-container {
		padding-right: calc(var(--gutter-x) * .5);
		padding-left: calc(var(--gutter-x) * .5);
	}
}

.col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.3333333333%;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.6666666667%;
}

.col-6 {
	flex: 0 0 auto;
	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 {
	flex: 0 0 auto;
	width: 100%;
}

@media (min-width: 576px) {
	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	.col-sm-5 {
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
	.col-sm-6 {
		flex: 0 0 auto;
		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: 768px) {
	.col-md-2 {
		flex: 0 0 auto;
		width: 20%;
	}

	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}

	.col-md-4 {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}

	.col-md-5 {
		flex: 0 0 auto;
		width: 41.6666666667%;
	}

	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}

	.col-md-7 {
		flex: 0 0 auto;
		width: 58.3333333333%;
	}

	.col-md-8 {
		flex: 0 0 auto;
		width: 66.6666666667%;
	}

	.col-md-9 {
		flex: 0 0 auto;
		width: 75%;
	}

	.col-md-10 {
		flex: 0 0 auto;
		width: 83.3333333333%;
	}

	.col-md-11 {
		flex: 0 0 auto;
		width: 91.6666666667%;
	}

	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}
}

@media (min-width: 992px) {
	.col-lg-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.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 {
		flex: 0 0 auto;
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Offsets
--------------------------------------------------------------*/
@media (min-width: 992px) {
	.offset-lg {
		margin-left: 0;
	}
}

@media (min-width: 1380px) {
	.offset-lg {
		margin-left: 6rem;
	}
}
/*--------------------------------------------------------------
# Spacing & Aligning
--------------------------------------------------------------*/
.d-flex {
	display: flex;
}

.vertical-center {
	display: flex;
	justify-content: center;
}

.center-block {
	text-align: center;
	margin: 0 auto;
}

.mx-auto {
	margin: 0 auto;
}

.no-gutters,
.no-gutters .row>*  {
	padding-right: 0;
	padding-left: 0;
}

.no-gutters>* {
	margin-right: 0;
	margin-left: 0;
}

.all-4 {
	padding: 20px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-100 {
	padding-bottom: 100px;
}

.lr-50 {
	padding-right: 50px ;
	padding-left: 50px;
}

.lr-100 {
	padding-right: 100px ;
	padding-left: 100px;
}

.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 (max-width: 1024px) {
	.tb-150 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.pt {
		padding-top: 5%;
	}
}

@media (max-width: 767px) {
	.tb-150 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.pt {
		padding-top: 20px;
	}
}

/*--------------------------------------------------------------
# Header & Section
--------------------------------------------------------------*/
header {
	background: transparent;
    transition: background 0.3s ease;
    width: 100%;
    padding: 0;
}

section {
	padding: 4rem 0 4rem;
}

header .menu-header {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
    height: 120px;
}

header a.logo {
    padding: 5px 0;
    transition: .25s ease-in-out;
}

header a.logo:focus-visible,
header a.logo:hover {
    background: #b7c5ba;
    border-radius: 5px;
}

header .logo img {
	width: 200px;
	height: auto;
	display: block;
}

@media (max-width: 767px) {
	header .logo img {
		width: 160px;
	}
}

@media (max-width: 500px) {
	header .logo img {
		width: 140px;
	}
	section {
		padding: 2rem 0 2rem;
	}
	header .menu-header {
		height: 70px;
	}
}

/*--------------------------------------------------------------
# Header & Menu
--------------------------------------------------------------*/
.site-header .row > div {
	margin-top: 0;
}

.site-header .menu {
	display: flex;
	align-items: center;
	margin: 0;
}

.site-header .menu ul {
	margin: 0;
}

.site-header .menu li:first-of-type {
	padding-bottom: 1rem;
}

.main-nav {
    width: 50%;
    margin: 0 auto;
	padding-bottom: 1rem
}

.main-menu .menu > li.menu-item > a {
    font-size: 1.7rem;
	line-height: 1.45;
	color: var(--darkgrey);
    text-align: center;
    font-weight: 700;
	display: flex;
	justify-content: center;
	height: auto;
	text-decoration: none;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	margin: 0;
}

.main-menu .menu > li.menu-item a:hover,
.main-menu .menu > li.menu-item a:focus-visible {
	background: #b7c5ba;
	border-radius: 5px;
}

#menu {
	padding: 0;
	background: var(--lightgreen);
	opacity: 0;
	pointer-events: none;
	max-height: 0;
    visibility: hidden;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#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.menu > li > a {
	position: relative;
	display: inline-block;
	height: auto;
	line-height: 1.5;
	padding: 1rem 1rem;
	text-decoration: none;
	letter-spacing: 0.7px;
	transition: all .3s ease-in-out;
	width: calc(100%);
}

body.open-overlay #menu {
	opacity: 1;
	pointer-events: all;
	transition: opacity .3s;
	visibility: visible;
    max-height: 2000px;
    min-height: 100vh;
}

body.open-overlay #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: 8rem 0 0 0;
	align-items: flex-start;
}

.site-header .menu {
	flex-direction: column;
}

/* Nav small  */
.nav-small {
	display: flex;
	align-items: center;
}

.nav-small a {
	display: block;
	padding: 5px;
}

.nav-small a:hover,
.nav-small a:focus-visible {
	background: #b7c5ba;
	border-radius: 5px;
}

.nav-small img {
	width: 30px;
	height: auto;
}

.nav-small .nav-small__home {
	margin-right: 1.5rem;
}

.open-overlay .nav-small {
	visibility: hidden;
}

/* Insert icon on menu item */
.main-menu .hem img {
	width: 78px;
	height: auto;
}

/* Sec nav */
.sec-nav {
    width: 50%;
    margin: 0 auto;
}

.site-header .sec-nav .menu li {
	display: block;
    position: relative;
    width: 100%;
	padding-bottom: 0;
}

.sec-nav .menu li > a {
    position: relative;
    padding: .5rem 1rem;
    letter-spacing: 0.7px;
    width: calc(100%);
    font-size: 1.4rem;
	font-weight: 400;
    line-height: 1.45;
    color: var(--darkgrey);
    text-align: center;
    display: flex;
    justify-content: center;
    height: auto;
    text-decoration: none;
    margin: 0;
}

.site-header .sec-nav .menu li > a:hover, 
.site-header .sec-nav .menu li > a:focus-visible {
	background: #b7c5ba;
	border-radius: 5px;
}

/* Third nav */
.third-nav {
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: 100%;
 	margin: 0 auto;
}

.third-nav .social-media {
	display: flex;
}

.third-nav .social-media__item {
    display: flex;
    align-items: center;
    padding-right: 2rem;
}

.third-nav .social-media__item img {
    width: 30px;
    height: auto;
    margin-right: 0.7rem;
}

.third-nav .external-link {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767px) {
	#menu {
		justify-content: normal;
	}
	.main-menu .hem img {
		width: 50px;
	}
	.main-nav,
	.sec-nav,
	.third-nav {
		width: 100%;
	}
	.main-menu > .menu {
		padding: 4rem 0 0 0;
	}
	.site-header .main-nav .menu li:first-of-type {
		padding-bottom: 1rem;
		padding-top: 1rem;
	}
	.main-nav {
		padding-bottom: .7rem;
	}
	.main-menu .menu > li.menu-item > a {
		font-size: 1.48rem;
		padding: .4rem .7rem;	
	}
	.sec-nav .menu li > a {
		font-size: 1.4rem;
		padding: .4rem .7rem;
	}
	.sec-nav .menu li > a {
		font-size: 1.2rem;
	}
	.third-nav > div {
		display: flex;
		justify-content: center;
	}
	.third-nav .social-media__item,
	.third-nav .external-link {
		justify-content: center;
	}
	.third-nav .social-media {
		display: block;
		padding: 0 0 1rem 0;
	}
	.third-nav .social-media__item {
		align-items: flex-start;
		padding: 0.65rem 0.7em;
	}
	.third-nav .external-link {
		display: flex;
		align-items: flex-end;
		padding-bottom: 2rem;
	}
}
@media (max-width: 500px) {
	.main-menu > .menu {
		padding: 3rem 0 0 0;
	}
	.main-menu .main-nav .menu > li.menu-item > a {
		font-size: 1.3rem;
		padding: .6rem .7rem;
	}
	.third-nav {
		padding-top: 2rem;
		padding-bottom: 1rem;
	}
	.third-nav .social-media__item,
	.third-nav .external-link {
		justify-content: center;
	}
	.third-nav .social-media__item {
		padding: 0.4rem 0.7em;
	}
	.third-nav .external-link {
		display: flex;
		align-items: flex-end;
		padding-bottom: 2rem;
		padding-top: 2rem;
	}
}

/*--------------------------------------------------------------
## Hamburger
--------------------------------------------------------------*/
#navigation {
	position: absolute;
    width: 100%;
    z-index: 999;
    padding: 1.25rem 2.5rem;
}

.site-header__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #d3677a;
    border-radius: 10px;
    padding: 0.75rem 1.5rem;
    max-width: 1160px;
	margin: 0 auto;
}

.open-overlay .site-header__wrap {
    background: transparent;
}

.site-header__left,
.site-header__right {
	display: flex;
    align-items: center;
}

.site-header__right {
    gap: 2rem;
}

/* Login/logout button  */
.member__login {
	position: relative;
}

 .member__login > a {
    color: white;
	border: 1px solid white;
    font-size: 14px;
	line-height: 1;
	font-weight: 700;
    padding: 10px 24px;
    display: flex;
	align-items: center;
    cursor: pointer;
    border-radius: 50px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out
}


.member__login > a:hover,
.member__login.open > a {
	background: var(--darkgreen);
	border: 1px solid var(--darkgreen);
	color: var(--lightbeige);
}

/* When overlay menu is open, hide membermenu and logo */
.open-overlay .member__login,
.open-overlay .logo {
	visibility: hidden;
	opacity: 0;
}

.member__login > a span {
	font-size: 14px;
	line-height: 1;
}

.member__login > a svg {
    width: 16px;
    height: auto;
    margin-left: 0.7rem;
	fill: white;
}

.member__login > a:hover svg,
.member__login.open > a svg {
	fill: var(--lightgrey);
}

.member__nav {
	min-width: 220px;
    box-shadow: 0 6px 24px 0 rgba(0,0,0,.12), 0 3px 8px 0 rgba(0,0,0,.06);
    right: -10px;
    top: calc(100% - -10px);
    z-index: 100;
	border-radius: 10px;
	background: var(--lightgrey);
    list-style: none;
    padding: 1rem 0;
    position: absolute;
	margin: 0;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
}

.member__login.open .member__nav {
	opacity: 1;
	visibility: visible;
}

.site-header .member__nav ul {
	list-style: none;
	width: 100%;
	align-items: start;
}

.site-header .member__nav li {
	width: 100%;
}

.site-header .member__nav li:first-of-type {
	padding: 0;
}

.site-header .member__nav li:last-of-type > a {
	border-top: 1px solid #d9d9d9;
    margin-top: 0.5rem;
}

.member__nav li > a {
	color: var(--darkgrey);
    border: 0;
	display: flex;
	position: relative;
	font-size: 14px;
	line-height: 1.2;
    padding: .8rem 1rem;
    margin: 0 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	outline: 0;
}

.member__nav li > a:hover {
	background: var(--lightgreen);
	border-radius: 6px;
}

.member__nav li > a:before {
	margin-right: 1rem;
    width: 14px;
    height: 14px;
	opacity: .9;
}

.member__nav li.webbkurs > a:before {
	content: url('/wp-content/themes/actbyheart/assets/images/icons/book-2.svg');
}

.member__nav li.konto > a:before {
	content: url('/wp-content/themes/actbyheart/assets/images/icons/profile.svg');
}

.member__nav li.logga-ut > a:before {
	content: url('/wp-content/themes/actbyheart/assets/images/icons/logout.svg');
}

.site-header__info {
	border-left: 1px solid #BAB7B4;
    padding: .5rem;
    margin-left: .5rem;
    font-size: 0.8rem;
	line-height: 1.1;
	color: 	#444;
	height: 60px;
	display: flex;
    align-items: center;
}

.ham-icon {
	padding: 5px;
	-webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
	padding: 10px;
}

.ham-icon:hover,
.ham-icon:focus-visible {
    background: #a8bbac;
    border-radius: 5px;
}

.ham-icon {
    border: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
	background-color: transparent;
}

.ham-wrap {
    width: 34px;
    height: 26px;
    position: relative;
}

.ham-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: white;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.ham-icon span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.ham-icon span:nth-child(2) {
  top: 11px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.ham-icon span:nth-child(3) {
  top: 22px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.open-overlay .ham-icon span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: 5px;
}

.open-overlay .ham-icon span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.open-overlay .ham-icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 24px;
    left: 5px;
}

@media (max-width: 767px) {
	#navigation {
		padding: 1.25rem 1.5rem;
	}
	.member__login > a {
		font-size: 12px;
		padding: 8px 16px
	}
	.member__login > a span {
		font-size: 11px;
		white-space: nowrap;
		width: 45px;
		overflow: hidden;
		text-overflow: ellipsis;
		position: relative;
	}
	.member__login > a svg {
		width: 11px;
		margin-left: 0.2rem;
	}
}

@media (max-width: 500px) {
	#navigation {
		padding: 1rem 1rem;
	}
	.site-header__wrap {
		padding: .5rem .8rem;
	}
	.site-header__info {
		padding: .5rem;
		margin-left: 0.5rem;
		line-height: 1;
	}
	.site-header__right {
		gap: .5rem;
	}
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.wp-block-buttons a,
.aky-btn {
	font-size: 19px;
    line-height: 1;
    font-weight: 700;
    background: var(--blueish);
    color: var(--lightbeige);
    min-width: 180px;
    cursor: pointer;
    border-radius: 50px;
    padding: 20px 28px;
    display: inline-block;
    text-align: center;
	min-height: 59px;
	height: 59px;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.wp-block-buttons {
	margin-top: 2.5rem;
    margin-bottom: 2rem;
}

.aky-btn.lightgrey {
    background: var(--grey-color-200);
    color: var(--darkgrey);
}

.wp-block-buttons a:hover,
.wp-block-buttons a:focus-visible,
.aky-btn:hover,
.aky-btn:focus-visible {
	background: var(--lightblueish);
	color: var(--lightbeige);
}

@media (max-width: 767px) {
	.wp-block-buttons a,
	.aky-btn {
		font-size: 18px;
    	padding: 18px;
		min-height: 54px;
		height: 54px;
	}
}

@media (max-width: 500px) {
	.wp-block-buttons a,
	.aky-btn {
		min-width: 160px;
		font-size: 17px;
		padding: 16px 18px;
		min-height: 49px;
		height: 49px;
	}
}

/*--------------------------------------------------------------
## Global styles
--------------------------------------------------------------*/
ul {
	list-style-type: disc;
}

ol {
	list-style: decimal;
}



/*--------------------------------------------------------------
## Block: Hero
--------------------------------------------------------------*/
.hero {
    padding: 16rem 0 16rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
/*	min-height: 100vh; not full height */
	display: flex;
    align-items: center;
	background-color: var(--grey);
}

.hero .row > div {
	padding-right: calc(var(--gutter-x) * 2);
    padding-left: calc(var(--gutter-x) * 2);
}

.hero h1 {
	font-weight: 700;
}

.hero-wrap {
	color: var(--white);
	width: 55%;
}

.hero-wrap p {
	color: rgb(255 255 255 / 86%);
}

.hero-wrap p.above-heading {
    margin-bottom: 1.4rem;
}

.hero-wrap .subheading p {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 2.4rem;
}

.hero-wrap .aky-btn {
	display: inline-block;
	margin-right: 1rem;
}

.hero-wrap .aky-btn:last-child {
	margin-right: 0;
}

@media (max-width: 991px) {
	.hero {
		padding: 15rem 0 14rem;
	}
	.hero-wrap {
		width: 80%;
	}
	.hero .row > div {
		padding-right: calc(var(--gutter-x) * 1);
		padding-left: calc(var(--gutter-x) * 1);
	}
}

@media (max-width: 767px) {
	.hero {
		padding: 10rem 0 5rem;
	}
	.hero-wrap {
		width: 100%;
	}
	.hero-wrap p.above-heading {
		margin-bottom: 1.3rem;
	}
	.hero-wrap .subheading p {
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 2.2rem;
	}
}

@media (max-width: 500px) {
	.hero {
		padding: 9rem 0 4rem;
	}
	.hero .row > div {
		padding-right: calc(var(--gutter-x) * .5);
		padding-left: calc(var(--gutter-x) * .5);
	}
	.front-links {
    	padding: 2rem 0 3rem;
	}
	.front-links .row {
		margin-bottom: 1rem;
	}
	.front-links__feat {
		padding-bottom: 1rem;
	}
	.hero-wrap .aky-btn {
		margin-bottom: 1rem;
		margin-right: 0;
	}
	.hero-wrap .subheading p {
		font-size: 19px;
		line-height: 1.4;
		margin-bottom: 2rem;
	}
	.hero-wrap p.above-heading {
		margin-bottom: 1.2rem;
	}
}

@media (min-width: 992px) {
	.hero .container, .hero .lg-container {
		max-width: 1160px;
	}
}


/*--------------------------------------------------------------
## Block: Content and image
--------------------------------------------------------------*/
.content-image .row {
	align-items: center;
}
.content-image .aky-btn {
	margin-top: 2.5rem;
}
.content-image img {
	border-radius: 10px 0 0 10px;
	object-fit: cover;
}
.content-image .order-reverse img {
	border-radius: 0 10px 10px 0;
	object-fit: cover;
}
.content-image ul {
	list-style-type: none;
	margin-top: 1.5rem;
}
.content-image ul li {
	display: flex;
	align-items: center;
	margin-bottom: .6rem;
}

.content-image ul li:before {
	content: url('/wp-content/themes/actbyheart/assets/images/icons/Yoga_ikon_bock.svg');
  	display: block;
  	width: 18px; 
 	height: auto;
  	margin-right: .8rem;
}

@media (min-width: 768px) {
	.content-image > div {
		padding-right: 0;
	}
	.content-image > div.order-reverse {
		padding-left: 0;
	}
}
@media (min-width: 1201px) {
	.content-image .order-reverse img,
	.content-image .order-default img {
		border-radius: 20px;
	}
}
@media (max-width: 767px) {
	.content-image .order-default .row {
		flex-direction: column-reverse;
	}
	.content-image .row > div {
		margin-bottom: 2rem;
	}
	.content-image img,
	.content-image .order-reverse img {
		border-radius: 10px;
	}
}
@media (max-width: 500px) {
	.content-image ul {
		margin-top: 1.2rem;
	}
	.content-image ul li {
		margin-bottom: .4rem;
	}
	.content-image ul li::before {
		width: 20px;
		margin-right: .6rem;
	}
	.content-image .aky-btn {
		margin-top: 2rem;
	}
	.content-image .row > div:first-child {
		margin-bottom: 1rem;
	}
}

/*--------------------------------------------------------------
## Block: CTA
--------------------------------------------------------------*/
section.cta {
	padding: 1rem 0 2rem;
}

.cta .row {
    background: var(--lightgreen);
    border-radius: 10px;
    margin: 0;
}

.cta .cta__img-col {
	padding: 0;
	border-radius: 10px 0 0 10px;
	display: flex;
}

.cta img {
	border-radius: 10px 0 0 10px;
	object-fit: cover;
}

.cta .cta__content-col {
	padding: 2.5rem;
}

.cta__heading {
	background-color: var(--darkgreen);
	color: var(--lightbeige);
	border-radius: 5px;
	font-size: 16px;
	line-height: 1.3;
    padding: 0.3rem .9rem;
	display: inline-block;
	font-weight: 700;
}

.cta__price-vat {
    margin-top: 2rem;
	margin-bottom: .2rem;
    display: flex;
    align-items: baseline;
    gap: 1rem;
}

.cta__price {
	font-size: 60px;
	font-weight: 700;
	color: var(--darkgreen);
	margin: 0;
	letter-spacing: -1px;
}

.cta__vat {
	color: var(--darkgreen);
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
	font-style: italic;
}

.cta__desc {
	margin-bottom: 1.7rem;
    font-size: 17px;
    line-height: 1.3;
}

@media (max-width: 991px) {
	.cta .cta__content-col {
		padding: 2rem;
	}
	.cta__heading {
		font-size: 15px;
	}
	.cta__price-vat {
		gap: .5rem;
	}
	.cta__price {
		font-size: 40px;
	}
	.cta__vat {
		font-size: 15px;
	}
	.cta__desc {
		margin-bottom: 1.5rem;
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.cta .cta__content-col {
		padding: 2.5rem;
	}
	.cta img {
		border-radius: 10px 10px 0 0;
	}
}

@media (max-width: 500px) {
	.cta .cta__content-col {
		padding: 2rem;
	}
	.cta__price {
		font-size: 36px;
	}
	.cta__heading {
		font-size: 14px;
	}
}

/*--------------------------------------------------------------
## Block: Hook
--------------------------------------------------------------*/
.hook {
    margin-top: -7.5rem;
	padding: 0 2.5rem 1.25rem 2.5rem;
}
/*
.home .hook {
	margin-top: 0;
	padding: 4rem 2.5rem 5rem 2.5rem;
}*/

.hook__wrap {
	padding-top: calc(var(--gutter-x) * 2);
    padding-right: calc(var(--gutter-x) * 2);
    padding-left: calc(var(--gutter-x) * 2);
}

.hook__wrap-text {
	padding-right: calc(var(--gutter-x) * 3);
	padding-left: calc(var(--gutter-x) * 3);
}
/*
.home .hook__wrap {
    padding-right: calc(var(--gutter-x) * 1);
    padding-left: calc(var(--gutter-x) * 1);
}*/

.hook__container {
	background: var(--lightgrey);
	border-radius: 10px;
	max-width: 1160px;
	margin: 0 auto;
}

.hook__row {
	display: flex;
    flex-wrap: wrap;
}

.hook__col {
	margin: 0 auto;
	text-align: center;
}
/*
.home .hook__col {
	text-align: left;
}*/

.hook__embed { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
	margin-bottom: 4rem;
}
/*
.home .hook__embed {
	margin-top: 0;
	margin-bottom: 3rem;
}*/

.hook__embed iframe,
.hook__embed  object,
.hook__embed  embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 10px;
}

.hook h2 {
	margin-top: 0;
}

@media (max-width: 991px) {
	.hook__wrap-text {
		padding-right: calc(var(--gutter-x) * 1);
		padding-left: calc(var(--gutter-x) * 1);
	}
	.hook__wrap {
		padding-top: calc(var(--gutter-x) * 1);
		padding-right: calc(var(--gutter-x) * 1);
		padding-left: calc(var(--gutter-x) * 1);
	}
	/*
	.home .hook__wrap {
		padding: 0;
	}*/
}

@media (max-width: 767px) {
	.hook {
		padding-top: 0;
		margin-top: 0;
	}
	.hook__wrap {
		padding-right: 0;
		padding-left: 0;
	}
	/*
	.home .hook {
		padding-top: 4rem;
		padding-bottom: 3rem;
	}*/
	.hook__embed { 
		margin-bottom: 2rem;
	}
	.hook__wrap-text {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 500px) {
	.hook {
		padding-right: calc(var(--gutter-x) * .5);
    	padding-left: calc(var(--gutter-x) * .5);
	}
	/*
	.home .hook {
		padding-top: 3rem;
		padding-bottom: 2rem;
		padding-right: calc(var(--gutter-x) * .5);
    	padding-left: calc(var(--gutter-x) * .5);
	}*/
	.hook__wrap-text {
		padding-right: 0;
		padding-left: 0;
	}
	.hook__embed { 
		margin-bottom: 3rem;
	}
}

/*--------------------------------------------------------------
## Block: Course and login
--------------------------------------------------------------*/
.course-login h3 {
	margin-bottom: 2.7rem;
}

.course-login ul {
    list-style-type: none;
    counter-reset: my-counter;
    padding: 0;
	margin: 0;
}

.course-login li {
    counter-increment: my-counter;
    position: relative;
    padding-left: 30px;
    padding-top: 1rem;
    padding-bottom: 1rem;
	border-top: 1px solid var(--mediumgrey);
    font-weight: 700;
}

.course-login li:last-child {
	border-bottom: 1px solid var(--mediumgrey);
}

.course-login li::before {
    content: counter(my-counter)".";
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.col-card {
	display: flex;
	flex-direction: column;
	background: var(--beige);
	border-radius: 10px;
}

.col-card img {
	border-radius: 10px 10px 0 0;
}

.col-card__inner {
	padding: 3rem 3rem;
}

.col-card__text {
    margin-bottom: 3rem;
    text-align: center;
    font-size: 20px;
}

.col-card__btns {
	display: flex;
	justify-content: center;
}

.col-card .aky-btn {
	display: inline-block;
    margin-right: 0.7rem;
}

.col-card .aky-btn:last-child {
    margin-right: 0;
}

@media (max-width: 991px) {
	.course-login .row > div:first-child {
		margin-bottom: 4rem;
	}
	.col-card__btns {
		flex-direction: column;
	}
	.col-card .aky-btn {
		width: 100%;
		margin-bottom: 1rem;
	}
	.col-card .aky-btn:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	.course-login .row > div:first-child {
		margin-bottom: 3rem;
	}
	.col-card__inner {
		padding: 2rem 2rem;
	}
	.col-card__text {
		margin-bottom: 2rem;
		font-size: 18px;
	}
	.course-login h3 {
		margin-bottom: 2rem;
	}
}

@media (max-width: 500px) {
	.course-login .row > div:first-child {
		margin-top: 1rem;
	}
	.course-login .row > div {
		margin-bottom: 2rem;
	}
}

/*--------------------------------------------------------------
## Block: Content and tiles
--------------------------------------------------------------*/
.content-tiles {
	color: var(--lightbeige);
}

.content-tiles > div {
	padding-top: calc(var(--gutter-x));
	padding-bottom: calc(var(--gutter-x));
}

.content-tiles .row {
	align-items: center;
    flex-direction: column-reverse;
}

.content-tiles .cat-tiles {
    display: flex;
    flex-direction: column;
    position: relative;
}

.content-tiles h3 {
	margin-bottom: 2rem;
}

.content-tiles p {
	margin-bottom: 2.5rem;
}

.cat-tiles .cat-tiles__item figure {
    position: relative;
}

figure.has-placeholder-image, figure.oembed-wrapper {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.media-cover img, 
.media-cover video {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

@media (min-width: 768px) {
	.content-tiles .row {
		flex-direction: row;
	}
	
	.content-tiles .cat-tiles {
		padding-right: 0;
	}
}

@media (min-width: 1201px) {
	.cat-tiles .cat-tiles__item:nth-child(1) figure img {
		max-height: 400px;
	}
	.cat-tiles .cat-tiles__item:nth-child(2) figure img {
		max-height: 260px;
	}
	.cat-tiles .cat-tiles__item:nth-child(3) figure img {
		max-height: 400px;
	}
}

@media (max-width: 767px) { 
	.content-tiles .row > div:first-child {
		margin-bottom: 2rem;
	}
	.cat-tiles {
		margin-bottom: 2rem;
	}
	.cat-tiles .cat-tiles__item:nth-child(2) {
		margin-top: 1rem;
	}
	.cat-tiles .cat-tiles__item:nth-child(3) {
		width: calc(50% - 1rem);
	}
}

@media (max-width: 500px) { 
	.content-tiles .row > div:first-child {
		margin-bottom: 1rem;
	}
	.content-tiles .cat-tiles {
		margin-top: 1rem;
	}
	.content-tiles p {
		margin-bottom: 2rem;
	}
}

/*--------------------------------------------------------------
## Block: Content and form
--------------------------------------------------------------*/
.content-form {
	display: block;
}
.content-form h3 {
    margin-bottom: 2rem;
}

.content-form #forminator-module-359 {
    padding: 5rem 4rem 3rem !important;
    border-radius: 10px;
    border: 0;
	background-color: #fff;
}

.content-form #forminator-module-359 .content-form__heading p {
	font-size: 38px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 2.2rem;
}

.content-form #forminator-module-359 .forminator-row {
	margin-bottom: 1.4rem;
}

.content-form #forminator-module-359 .forminator-label {
    font-size: 17px;
	line-height: 1.7;
    font-weight: 700;
    cursor: pointer;
}

.content-form #forminator-module-359 .forminator-input,
.content-form #forminator-module-359 .forminator-textarea {
    display: block;
    margin: 0;
    padding: 9px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    background-image: unset;
    line-height: 1.3em;
    background-color: transparent;
    color: var(--darkgrey);
	outline: 0;
	width: 100%;
    -webkit-transition: .2s ease;
    transition: .2s ease;
	overflow: visible;
}

.content-form #forminator-module-359 .forminator-textarea {
	min-height: 140px;
	width: 100%;
}

.content-form #forminator-module-359 .forminator-field:focus {
    outline: 0;
}

.content-form #forminator-module-359 .forminator-input:hover,
.content-form #forminator-module-359 .forminator-input:active,
.content-form #forminator-module-359 .forminator-input:focus,
.content-form #forminator-module-359 .forminator-textarea:hover,
.content-form #forminator-module-359 .forminator-textarea:active,
.content-form #forminator-module-359 .forminator-textarea:focus {
    color: var(--darkgrey);
}

.content-form #forminator-module-359 button {
	border: 0;
}

.content-form #forminator-module-359 .forminator-show {
    font-size: 20px;
    margin-bottom: 1rem;
    background: transparent;
	color: var(--darkgrey);
    border-radius: 10px;
	border: 1px solid transparent;
}

.content-form #forminator-module-359 .forminator-show.forminator-error {
    padding: 1rem 1.3rem;
	border: 1px solid var(--red);
    background: var(--red);
	color: #fff;
}

.content-form #forminator-module-359 #consent-1 .forminator-checkbox__wrapper {
	display: flex;
	gap: .5rem;
}

.content-form #forminator-module-359 #consent-1 .forminator-checkbox.forminator-consent {
    top: 1px;
    position: relative;
}

@media (min-width: 768px) {
	.caf__text {
		margin-top: 30px;
	}
	.content-form .row > div:last-child {
		padding-right: 1rem;
	}
}

@media (min-width: 1100px) {
	.content-form .row > div:last-child {
		padding-right: 0;
	}
}


@media (max-width: 991px) { 
	.content-form #forminator-module-359 {
		padding: 3rem 3rem 2rem !important;
	}
	.content-form #forminator-module-359 .content-form__heading p {
		font-size: 30px;
		margin-bottom: 2rem;
	}
}

@media (max-width: 767px) { 
	.content-form div:first-child {
		margin-bottom: 2rem;
	}
}

@media (max-width: 500px) { 
	.content-form #forminator-module-359 {
		padding: 1rem 2rem 1rem !important;
	}
	.content-form div:first-child {
		margin-bottom: 1rem;
	}
	.content-form #forminator-module-359 .content-form__heading p {
		font-size: 24px;
		margin-bottom: 2rem;
	}
	.content-form #forminator-module-359 .forminator-label {
		color: var(--grey);
		font-size: 15px;
		line-height: 1.7;
	}
}

/*--------------------------------------------------------------
## Block: Feedback
--------------------------------------------------------------*/
.feedback {
	display: block;
}

.feedback .row:first-child > div {
	text-align: center;
	margin-bottom: 2.5rem;
}

.feedback__heading {
	font-size: 42px;
	line-height: 1.2;
}

.feedback__subheading {
	font-size: 22px;
	line-height: 1.2;
	font-style: italic;
}

.feedback__quote {
	margin-bottom: 2rem;
}

.feedback__info {
	display: flex;
	align-items: center;
}

.feedback img {
	width: 60px;
	border-radius: 50%;
}

.feedback__info-wrap {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
}

.feedback__name {
	font-weight: 700;
	margin-bottom: 0;
}

.feedback__org {
	margin: 0;
}

@media (max-width: 991px) { 
	.feedback .row:last-child > div:not(:last-child) {
		margin-bottom: 3rem;
	}
	.feedback__quote {
		margin-bottom: 1rem;
	}
	.feedback__heading {
		font-size: 38px;
	}
	.feedback__subheading {
		font-size: 21px;
	}
}

@media (max-width: 767px) { 
	.feedback .row:last-child > div:not(:last-child) {
		margin-bottom: 2.5rem;
	}
	.feedback__heading {
		font-size: 34px;
	}
	.feedback__subheading {
		font-size: 20px;
	}
}

@media (max-width: 500px) { 
	.feedback__heading {
		font-size: 24px;
	}
	.feedback__subheading {
		font-size: 20px;
	}
}

/*--------------------------------------------------------------
## Block: Content and faq
--------------------------------------------------------------*/
.content-faq {
	display: block;
}

.content-faq h3 {
	margin-bottom: 2rem;
}

.accordion__item {
	border-top: 2px solid var(--mediumgrey);
}

.accordion__item:last-child {
	border-bottom: 2px solid var(--mediumgrey);
}

.accordion__question {
	width: 100%;
	padding: 1.5rem 0;
	font-weight: 700;
	cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion__question:hover,
.accordion__question:focus-visible {
	color: var(--darkgrey);
}

.accordion__question-txt {
	margin-bottom: 0;
}

.accordion__answer {
	display: none;
	overflow: hidden;
	padding: 0 2rem 1.5rem 0;
}

.accordion__item .accordion__answer p {
	margin-bottom: 0;
}

.accordion__question-icon {
	margin-right: 1rem;
    margin-left: 1rem;
}

.accordion__item .accordion__question-icon {
    transition: transform .2s cubic-bezier(.215,.61,.355,1);
}

.accordion__item.active .accordion__question-icon {
    transform: rotate(45deg);
}

.accordion__question-icon img {
	width: 12px;
	height: 12px;
	max-width: none;
}

.content-faq a {
	color: var(--darkgreen);
	border-bottom: 2px solid var(--darkgreen);
}

.content-faq a:hover {
	color: var(--red);
	border-bottom: 2px solid var(--red);
}

@media (min-width: 768px) {
	.content-faq .row > div:last-child {
		padding-right: 1rem;
	}
}

@media (min-width: 1100px) {
	.content-faq .row > div:last-child {
		padding-right: 0;
	}
}

@media (max-width: 767px) { 
	.content-faq .row > div:first-child {
		margin-bottom: 3rem;
	}
	.accordion__question {
		padding: 1rem 0;
	}
	.accordion__answer {
		display: none;
		overflow: hidden;
		padding: 0 2rem 1rem 0;
	}
	.content-faq h3 {
		margin-bottom: 1.5rem;
	}
}

/*--------------------------------------------------------------
## Block: Single image
--------------------------------------------------------------*/
.single-image {
	padding: 1rem 0 2rem;
}

.single-image img {
	border-radius: 10px;
}

/*--------------------------------------------------------------
## Block: Simple text
--------------------------------------------------------------*/
.simple-text {
	padding-top: 2rem;
}

.simple-text p {
	margin-bottom: 1.25rem;
}

.simple-text h2:not(:first-child) {
	margin-top: 2rem;
}

.simple-text h2 {
    margin-bottom: 1rem;
}

@media (max-width: 767px) { 
	.simple-text {
		padding-top: 1rem;
	}
	.simple-text p {
		margin-bottom: 2rem;
	}
	.simple-text h2 {
		margin-bottom: .5rem;
	}
}

/*--------------------------------------------------------------
## Block: Heading and preamble
--------------------------------------------------------------*/
.heading-and-preamble {
   	padding: 1rem 4rem 2rem 4rem;
}

.hap__heading {
	margin-bottom: 2rem;
}

.hap__preamble p {
	text-align: center;
}

@media (max-width: 767px) { 
	.heading-and-preamble {
		padding: 1rem 2rem 2rem 2rem;
	}
}

@media (max-width: 500px) { 
	.heading-and-preamble {
		padding: 1rem 0 2rem 0;
	}
	.page-template-template-no-hero .heading-and-preamble {
		padding: 1rem 0 1rem 0;
	}
}

/*--------------------------------------------------------------
## Block: Download PDF
--------------------------------------------------------------*/
.download-pdf {
	padding: 1rem 0 0;
}

.dp__main {
	padding: 10px 0;
}

.dp__main img {
	width: 48px;
	transition: .25s ease-in-out;
}

.dp__main a:hover img,
.dp__main a:focus img,
.dp__main a:active {
	filter: brightness(1.1);
}

.dp__main a {
	display: flex;
}

.dp__texts {
	padding-left: 1.3rem;
    display: flex;
    flex-direction: column;	
    justify-content: center;		
}

.dp__heading {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
	border-bottom: 1px solid transparent;
    transition: .25s ease-in-out;
	align-self: self-start;
}

.dp__link-title {
	font-size: 18px;
    line-height: 1.4;
	border-bottom: 1px solid transparent;
    transition: .25s ease-in-out;
}

.dp__main a:hover .dp__heading,
.dp__main a:hover .dp__link-title  {
	color: var(--darkgreen);
}

@media (max-width: 500px) { 
	.dp__main img {
		width: 40px;
	}
	.dp__texts {
		padding-left: 1.1rem;		
	}
	.dp__heading {
		font-size: 17px;
	}
	.dp__link-title {
		font-size: 16px;
	}
}


/*--------------------------------------------------------------
## Block: Video link
--------------------------------------------------------------*/
.course__content ul.video-link {
	list-style: none;
	padding: 1rem 0 0 0.5rem;
}

.video-link li {
    margin-bottom: .25rem;
}

.video-link li a {
	display: flex;
	align-items: flex-start;
}

.video-link img {
    margin-right: .75rem;
	border-radius: 5px;
	transition: .25s ease-in-out;
}

.video-link__wrap {
	margin-top: 3px;
}

.video-link h5 {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 700;
}

.video-link span {
	font-size: 16px;
	line-height: 1.3;
}

.video-link a div {
    transition: .25s ease-in-out;
	color: var(--darkgrey);
}

.video-link a:hover div,
.video-link a:focus div,
.video-link a:active div {
	color: var(--darkgreen);
}

.video-link a:hover img,
.video-link a:focus img,
.video-link a:active img {
	filter: brightness(1.1);
}

@media (max-width: 500px) { 
	.video-link h5 {
		font-size: 16px;
	}

	.video-link span {
		font-size: 14px;
		line-height: 1.3;
	}
}

/*--------------------------------------------------------------
## Block: PDF link
--------------------------------------------------------------*/
.pdf-link li {
	margin-bottom: .3rem;
	transition: .25s ease-in-out;
}

.pdf-link li a {
	display: flex;
	align-items: center;
}

.pdf-link h5 {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 400;
    padding-right: .5rem;
    transition: .25s ease-in-out;
}

.pdf-link li h5:after {
	content: '';
    background-image: url('/wp-content/themes/actbyheart/assets/images/icons/Yoga_Webb-Ikon_Pdf.svg');
	background-size: contain;
	background-repeat: no-repeat;
    width: 20px;
    height: 14px;
    margin-left: 10px;
    transition: .25s ease-in-out;
    display: inline-block;
    vertical-align: middle;
}

.pdf-link a div {
    transition: .25s ease-in-out;
	color: var(--darkgrey);
}

.pdf-link li a:hover h5,
.pdf-link li a:focus h5,
.pdf-link li a:active h5 {
	color: var(--darkgreen);
}

.pdf-link li a:hover:after,
.pdf-link li a:focus:after,
.pdf-link li a:active:after {
	opacity: .6;
}

@media (max-width: 500px) {
	.pdf-link li a {
		align-items: start;
	}
	.pdf-link h5 {
		font-size: 16px;
	}
	.pdf-link li h5:after {
		margin-left: 5px;
	}

}

/*--------------------------------------------------------------
## Template: No Hero and others
--------------------------------------------------------------*/
.no-hero .site-content,
.newsletter .site-content,
.password-protected .site-content {
	padding-top: 12rem;
}

.no-hero h1 {
	text-align: center;
	margin-bottom: 2rem;
}

.no-hero .wp-block-image {
	padding: 0 0 3rem;
}

.no-hero .wp-block-image img {
	border-radius: 10px;
}


@media (max-width: 767px) {
	.no-hero .site-content,
	.newsletter .site-content,
	.password-protected .site-content {
		padding-top: 8rem;
	}
	.no-hero h1 {
		margin-bottom: 1.5rem;
	}
}

@media (max-width: 500px) {
	.no-hero .site-content,
	.newsletter .site-content,
	.password-protected .site-content {
		padding-top: 7rem;
	}
}

/*--------------------------------------------------------------
## Single Lesson & Course
--------------------------------------------------------------*/
.pmpro_courses_lesson-back-to-course {
	display: none;
}

.course__bg,
.lesson__bg {
	background: var(--darkpink);
	padding: 10rem 0;
}

.aky-member__bg {
	background: #8EA996;
	padding: 10rem 0;
}

.aky-member__main,
.course__main {
	margin-top: -7.5rem;
    padding: 0 2.5rem;
}

.lesson__main {
	margin-top: -7.5rem;
    padding: 0 2.5rem 6rem 2.5rem;
}

/* Pmpro memberpages, course and lesson container */
.aky-member__container,
.course__container,
.lesson__container {
	background: var(--lightgrey);
	border-radius: 10px;
	max-width: 1160px;
	margin: 0 auto;
}

.aky-member__row {
	padding-top: calc(var(--gutter-x) * 1.5);
    padding-right: calc(var(--gutter-x) * 1.5);
    padding-left: calc(var(--gutter-x) * 1.5);
    padding-bottom: calc(var(--gutter-x) * 1.5);
}

.aky-member__row > div {
	max-width: 500px;
	margin: 0 auto;	
}

.course__row,
.lesson__row {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
	padding-top: calc(var(--gutter-x) * 1.5);
    padding-right: calc(var(--gutter-x) * 1.5);
    padding-left: calc(var(--gutter-x) * 1.5);
}

.course__row {
	justify-content: center;
}

.lesson__content {
    flex: 0 0 auto;
    width: 75%;
	padding-left: calc(var(--gutter-x) * 1.5);
	padding-top: calc(var(--gutter-x) * 1.75);
}

.course__content {
    width: 100%;
	padding-left: calc(var(--gutter-x) * 0.75);
	padding-right: calc(var(--gutter-x) * 0.75);
    display: flex;
    align-items: center;
    flex-direction: column;
}

.course__content > * {
    max-width: 690px;
	width: 100%;
}

.course__content > figure {
    max-width: 790px;
	width: 100%;
}

/* Course page */
.course-lessons__list {
	width: 100%;
    background: var(--lightbeige);
	display: block;
}

.course-lessons__container {
    max-width: 1160px;
    margin: 0 auto;
}

.course-lessons__list .course__row {
	padding-top: calc(var(--gutter-x) * 2);
	padding-bottom: calc(var(--gutter-x) * 2);
}

.course-lessons__list .course-progress {
	width: 60%;;
}

/* GWCourse*/
.course__content {
	padding-bottom: calc(var(--gutter-x) * 1);
}

.lesson__sidebar {
	flex: 0 0 auto;
    width: 25%;
}


.course__content .heading-and-preamble,
.lesson__content .heading-and-preamble {
	padding: 0;
}

.course__content .heading-and-preamble .md-container,
.lesson__content .heading-and-preamble .md-container {
	padding: 0;
	margin: 0;
}

.lesson__content .heading-and-preamble .hap__heading {
	margin-bottom: 1.3rem;
}

.course__content .heading-and-preamble .hap__heading {
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 2.5rem;
    text-align: center;
}

.course__content .heading-and-preamble .hap__preamble p,
.lesson__content .heading-and-preamble .hap__preamble p {
	text-align: left;
	padding-bottom: 1rem;
}

.course__content .wp-block-image,
.lesson__content .wp-block-image {
	margin-top: 2.5rem;
    margin-bottom: 2rem;
}

/* If image is next to hap, reduce margin top */
.course__content .heading-and-preamble + .wp-block-image,
.lesson__content .heading-and-preamble + .wp-block-image {
	margin-top: .25rem;
}

.course__content .wp-block-image img,
.lesson__content .wp-block-image img {
    border-radius: 10px;
}

.course__content h2,
.lesson__content h2 {
	font-size: 32px;
	line-height: 1.25;
	margin-top: 2.5rem;
	margin-bottom: .6rem;
}

.course__content ul,
.course__content ol,
.lesson__content ul,
.lesson__content ol {
	padding: 1rem 2rem 1rem;
}

.course__content ul li,
.course__content ol li,
.lesson__content ul li,
.lesson__content ol li {
    padding: 0.2rem 0;
}

.lesson__content .wp-block-audio {
	margin-top: 2.5rem;
	margin-bottom: 2rem;
}

/* style audio player in wordpress */
.wp-block-audio audio {
	width: 100%;
}

.wp-block-audio audio::-webkit-media-controls-panel {
	background-color: var(--lightgreen);
	border-radius: 10px;
}

.wp-block-audio audio::-webkit-media-controls-play-button {
	color: var(--darkgrey);
}

.wp-block-audio audio::-webkit-media-controls-timeline {
	background-color: var(--lightgreen);
}

.wp-block-audio audio::-webkit-media-controls-current-time-display {
	color: var(--darkgrey);
}

.wp-block-audio audio::-webkit-media-controls-time-remaining-display {
	color: var(--darkgrey);
}

.wp-block-audio audio::-webkit-media-controls-volume-slider {
	background-color: var(--lightgreen);
}

.wp-block-audio audio::-webkit-media-controls-mute-button {
	color: var(--darkgrey);
}

.wp-block-audio audio::-webkit-media-controls-volume-slider-container {
	background-color: var(--lightgreen);
}

.wp-block-audio audio::-webkit-media-controls-volume-slider-container {
	background-color: var(--lightgreen);
}

/* Styling for the checkbox container */
.pmpro_courses_lesson-status {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 2.2rem 0;
  }

  .pmpro_courses_lesson-status p {
	margin: 0;
  }
  
  /* Hide the default checkbox */
  .pmpro_courses_lesson-status input[type="checkbox"] {
	display: none;
  }
  
  /* Style the custom checkbox */
  .pmpro_courses_lesson-status label {
	display: flex;
	transition: ease-in-out 0.2s;
  }

  .pmpro_courses_lesson-status label:hover {
	color: var(--darkgreen);
  }
  
  /* Style the custom checkbox indicator */
  .pmpro_courses_lesson-status label::before {
	content: '';
	display: inline-block;
	width: 28px;
    height: 28px;
	padding: 0px 3px 3px 4px;
    background-color: transparent;
    border: 3px solid #ccc;
    border-radius: 4px;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 0.8rem;
	transition: ease-in-out 0.2s;
  }
  
  /* Style the custom checkbox indicator when checked */
  .pmpro_courses_lesson-status input[type="checkbox"]:checked + label::before {
    content: url(/wp-content/themes/actbyheart/assets/images/icons/Yoga_ikon_bock.svg);
    display: block;
    width: 28px;
    height: 28px;
    margin-right: 0.8rem;
	padding: 0px 3px 3px 4px;
	border: 3px solid var(--darkgreen);
	transition: ease-in-out 0.2s;
  }

.lesson__next-link {
	font-size: 19px;
	font-weight: 700;
}

.lesson__next-link a:hover,
.lesson__next-link a:focus,
.lesson__next-link a:active {
	color: var(--red);
}

.lesson__status {
	display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: solid 5px #dfdfdf;
    margin: 3rem 0 0;
}
  
@media (max-width: 991px) {
	.aky-member__row,
	.course__row,
	.lesson__row {
		padding-top: calc(var(--gutter-x) * 1);
		padding-right: calc(var(--gutter-x) * 1);
		padding-left: calc(var(--gutter-x) * 1);
	}
	.lesson__content {
		padding-left: calc(var(--gutter-x) * 1);
		padding-top: calc(var(--gutter-x) * 1.75);
	}
	.course__content,
	.course__lessons {
		padding-left: calc(var(--gutter-x) * 0.5);
		padding-right: calc(var(--gutter-x) * 0.5);
	}
	.course__content h2,
	.lesson__content h2 {
		font-size: 30px;
	}
	.course-lessons__list .course-progress {
		width: 80%;;
	}
}

@media (max-width: 767px) {
	.aky-member__bg,
	.course__bg,
	.lesson__bg {
		padding: 8rem 0;
	}
	.aky-member__main,
	.course__main {
		padding: 0 1.5rem;
	}
	.course__main,
	.lesson__main {
		padding: 0 1.5rem 6rem 1.5rem;
	}
	.course__content,
	.course__lessons,
	.lesson__content {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
	}
	.lesson__content {
		padding-bottom: calc(var(--gutter-x) * 1);
	}
	.course__lessons,
	.lesson__sidebar {
		width: 100%;
		padding-top: calc(var(--gutter-x) * 1);
	}
	.lesson__sidebar {
		border-top: 2px solid var(--grey);
	}
	.course__content h2,
	.lesson__content h2 {
		font-size: 28px;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}
	.course-lessons__list .course-progress {
		width: 100%;;
	}
}

@media (max-width: 500px) {
	.aky-member__bg,
	.course__bg,
	.lesson__bg {
		padding: 7rem 0;
	}	
	.lesson__main {
		padding: 0 1rem 4rem 1rem;
	}
	.aky-member__main,
	.course__main {
		padding: 0 1rem 0 1rem;
	}
	.aky-member__row,
	.course__row,
	.lesson__row {
		padding-top: calc(var(--gutter-x) * .5);
		padding-right: calc(var(--gutter-x) * .5);
		padding-left: calc(var(--gutter-x) * .5);
	}
	.lesson__row {
		padding-top: calc(var(--gutter-x) * 2);
	}
	.course__content {
		padding-bottom: calc(var(--gutter-x) * .5);
	}
	.course__lessons,
	.lesson__sidebar {
		padding-top: calc(var(--gutter-x) * .5);
	}
	.course__content h2,
	.lesson__content h2 {
		font-size: 26px;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}
	.lesson__next-link {
		font-size: 17px;
	}
	.lesson__status {
		margin: 2rem 0 0;
	}
	.course__content ul,
	.course__content ol,
	.lesson__content ul,
	.lesson__content ol {
		padding: .5rem 1.5rem 1rem;
	}
}

/*--------------------------------------------------------------
## Course Progress
--------------------------------------------------------------*/
.course-progress h4 {
    margin-bottom: 2.5rem;
	font-size: 26px;
	line-height: 1.25;
	font-weight: 700;
}

.single-pmpro_course .course-progress h4 {
	font-size: 32px;
}

.course-progress ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}

.course-progress li {
	display: block;
}

.course-progress li a {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 0;
    font-size: 16px;
    border-top: 2px solid #D9D9D9;
}

.course-progress li a:hover {
	color: var(--darkgreen);
}

.single-pmpro_course .course-progress li a {
	font-size: 19px;
}

.course-progress li:last-child a {
	border-bottom: 2px solid #D9D9D9;
}

.course-progress li a.completed {
	text-decoration: line-through;
}

.course-progress li.course-progress__current a {
	font-weight: 700;
	color: var(--mediumblue);
}

.course-progress li.course-progress__current a:hover {
	color: var(--darkblue);
}

@media (max-width: 991px) {
	.course-progress h4 {
		margin-bottom: 1.3rem;
		font-size: 22px;
	}
	.single-pmpro_course .course-progress h4 {
		font-size: 28px;
	}
	.single-pmpro_course .course-progress li a {
		font-size: 18px;
	}
}

@media (max-width: 500px) {
	.course-progress h4 {
		margin-bottom: 1rem;
		font-size: 21px;
	}
	.single-pmpro_course .course-progress h4 {
		font-size: 26px;
	}
}

/*--------------------------------------------------------------
## Responsive Video: Both uploaded to Media and Vimeo embedded
--------------------------------------------------------------*/
figure.wp-block-video,
figure.is-type-video {
	margin-top: 2.5rem;
	margin-bottom: 2rem;
}

figure.is-type-video .wp-block-embed__wrapper { 
    position: relative; 
	padding-bottom: 56.25%; /* 16/9 aspect-ratio */
    overflow: hidden;
    max-width: 100%;
    height: auto;
	border-radius: 10px;
}
/* if video is next to hap, reduce top margin */
.lesson__content .heading-and-preamble + figure.wp-block-video,
.course__content .heading-and-preamble + figure.wp-block-video,
.course__content .heading-and-preamble + figure.is-type-video, 
.lesson__content .heading-and-preamble + figure.is-type-video {
	margin-top: .25rem;
}

.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Text for video */
.is-type-video .wp-element-caption {
	margin-top: 0.75rem;
}

/* if wp-element-caption is next to .is-type-video .wp-block-embed__wrapper , reduce margin top on .is-type-video .wp-block-embed__wrapper */
.wp-block-video .wp-element-caption + .wp-block-embed__wrapper,
.is-type-video .wp-element-caption + .wp-block-embed__wrapper {
	margin-bottom: .75rem;
}

/*--------------------------------------------------------------
## Template for Course Material
--------------------------------------------------------------*/
.page-template-template-course .course__content {
	padding-bottom: 6rem;
}

/* Template for Course Material not https://utbildning.actbyheart.org/kurs/webbkurs-om-tillganglig-yoga/ */
.page-template-template-course .course__content > *:not(.heading-and-preamble) {
	max-width: 550px;
}

.page-template-template-course li a:hover,
.page-template-template-course li a:focus,
.page-template-template-course li a:active {
	color: var(--darkgreen);
}

@media (max-width: 500px) {
	.page-template-template-course .course__content {
		padding-bottom: 3rem;
	}
}
/*--------------------------------------------------------------
## Gutenberg Blocks 
--------------------------------------------------------------*/
.wp-block-separator {
	border: 0;
    border-bottom: 3px solid var(--lightbeige);
	margin-top: 2.5rem;
    margin-bottom: 3.5rem;
}

/* For video block, media uploaded videos*/
.wp-block-video video {
    width: 100%;
    height: auto; /* This maintains the aspect ratio of the video */
	border-radius: 10px;
}

.has-text-align-center {
	text-align: center;
}


.page-template-template-course .wp-block-separator {
    border: 0;
    border-bottom: 5px solid #ddd;
    margin-top: 2rem;
    margin-bottom: 0;
}

@media (max-width: 767px) {
	.wp-block-separator {
		margin-top: 2rem;
		margin-bottom: 2.5rem;
	}
	.page-template-template-course .wp-block-separator {
		margin-top: 2rem;
		margin-bottom: 0;
	}
}

@media (max-width: 500px) {
	.wp-block-separator {
		margin-top: 1.5rem;
		margin-bottom: 2rem;
	}
	.page-template-template-course .wp-block-separator {
		margin-top: 1.5rem;
		margin-bottom: 0;
	}
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer {
	background: var(--blueish);
	color: var(--lightbeige);
    width: 100%;
    display: flex;
    align-items: center;
	position: relative;
}

.footer__bg {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.single-pmpro_course .footer__bg {
	background: var(--lightbeige) !important;
}

.newsletter .footer {
	border-radius: 0;
}

.footer ul {
	list-style: none;
}

.footer__row-top {
	border-bottom: var(--greyish) 2px solid;
    padding: 5rem 0;
}

.footer__row-middle {
	border-bottom: var(--greyish) 2px solid;
    padding: 5rem 0;
}

.footer__row-bottom {
    padding: 2rem 0;
}

.footer__heading {
	position: relative;
	padding: calc(var(--gutter-x) * 2);
}

.footer__heading h4 {
    font-weight: 400;
	margin: 0;
}

.footer__heading h4 strong {
    font-weight: 700;
}

.footer__heading img {
	width: 80px;
    position: absolute;
    top: 20px;
    right: 20px;
	rotate: 20deg;
}

.footer__heading h4 a {
    color: var(--lightbeige);
	border-bottom: 1px solid var(--lightbeige);
	text-wrap: nowrap;
}

.footer .main-nav,
.footer .sec-nav {
	width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.footer .main-menu > .menu {
	padding: 0;
}

.footer .main-menu .menu > li,
.footer .sec-nav .menu li {
	padding: 0.5rem 0;
}

.footer .main-menu .menu > li > a,
.footer .sec-nav .menu li > a {
    font-size: inherit;
    line-height: inherit;
    color: var(--lightbeige);
	padding: 0;
	margin: 0;
    text-align: left;
    display: inline;
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
}

.footer .main-menu .menu > li > a:hover,
.footer .sec-nav .menu li > a:hover,
.footer .main-menu .menu > li > a:focus-visible,
.footer .sec-nav .menu li > a:focus-visible {
	border-bottom: 1px solid var(--lightbeige);
    background: transparent;
    border-radius: 0;
}

.footer__card {
	background: var(--darkblueish);
    border-radius: 10px;
	padding: 1rem;
	text-align: center;
	color: var(--lightbeige);
}

.footer__card-inner {
	border: 3px solid var(--greyish);
	border-radius: 10px;
	padding: 2.5rem;
}

.footer__card h5 {
	margin-bottom: 1.7rem;
}

.footer__card .aky-btn {
	background: var(--blueish);
	font-size: 14px;
	padding: 12px;
	display: inline-block;
	max-width: 160px;
	min-height: 38px;
	height: 38px;
}

.footer__card .aky-btn:hover,
.footer__card .aky-btn:focus,
.footer__card .aky-btn:active {
	background: var(--lightblueish);
	color: var(--lightbeige);
}

.footer__row-bottom > div:first-child {
	padding-left: 0;
}

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

.footer__arv img,
.footer__skill img {
	height: 30px;
	width: auto;
}

.footer__social {
    display: flex;
    justify-content: flex-end;
}

.footer__social img {
    width: 30px;
    height: auto;
    margin-right: .8rem;
}

.footer__social a {
	display: flex;
    align-items: center;
	color: var(--lightbeige);
}

.footer__logos a:hover,
.footer__social a:hover {
	transform: scale(1.05);
}

.footer__arv,
.footer__insta {
	margin-right: 3rem;
}

@media (max-width: 767px) {
	.footer__row-top {
		padding: 4rem 0;
	}
	.footer__row-middle {
		padding: 4rem 0;
	}
	.footer__heading {
	    padding-bottom: calc(var(--gutter-x) * 1);
		padding-right: 0;
		padding-left: 0;
	}
	.footer__heading img {
		width: 60px;
		top: 20px;
		right: 20px;
	}
	.footer .main-nav, .footer .sec-nav {
		padding-top: 0;
		padding-bottom: 0;
		text-align: center;
	}
	.footer__card {
		margin-top: 2rem;
	}
	.footer__card-inner {
		padding: 2rem;
	}
	.footer__row-bottom > div:first-child {
		padding: inherit;
	}
	.footer__logos,
	.footer__social {
		justify-content: center;
	}
	.footer__arv img,
	.footer__skill img {
		height: 25px;
	}
	.footer__arv,
	.footer__insta {
		margin-right: 2rem;
	}
	.footer__social img {
		width: 25px;
	}

}

@media (max-width: 500px) {
	.footer__row-top,
	.footer__row-middle {
		padding: 3rem 0;
	}
	.footer__row-bottom {
		padding: 1.5rem 0;
	}
	.footer__heading {
	    padding-bottom: 1rem;
	}
}

@media (min-width: 1380px) {
	.footer .lg-container {
    	max-width:	1000px;
	}
}

/*--------------------------------------------------------------
## Password Protected Page
--------------------------------------------------------------*/
.password-protected .site-content,
.password-protected .course__container {
	background: var(--darkgreen);
}

.password-protected .course__bg,
.password-protected .course__main,
.password-protected .course__row{
	padding: 0;
	margin: 0;
	background: none;
}

.password-protected .heading-and-preamble h1,
.password-protected .heading-and-preamble p {
	color: var(--almostwhite);
	text-align: center !important;
}

.password-protected .password-group {
	padding: 15px 0;
	display: flex;
	flex-direction: column;
	border: 0;
	color: var(--almostwhite);
}

.password-group label {
	font-size: 0.95rem;
	line-height: 1.5;
	padding-bottom: 4px;
}

.password-group input {
	width: 100%;
	border-radius: 5px;
	padding: 18px 10px;
	border: 0;
	background: var(--lightbeige);
}

.password-protected input[type="submit"] {
	border: 0;
	margin-top: .5rem;
	width: 100%;
}

.password-protected .footer {
	border-radius: 0;
}	

@media (max-width: 767px) {
	.password-protected .course__content .heading-and-preamble .hap__heading {
        margin-top: 3rem;
        margin-bottom: 1rem;
	}
	.password-protected .heading-and-preamble {
        padding: 1rem 2rem 2rem 2rem;
    }
	.password-protected .course__content .heading-and-preamble .md-container {
		width: 100%;
		padding-right: calc(var(--gutter-x)* 1);
		padding-left: calc(var(--gutter-x)* 1);
		margin: 0 auto;
	}
	.password-protected .course__content .heading-and-preamble .hap__preamble p {
		padding: 0;
	}
}

@media (max-width: 500px) {
	.password-protected .heading-and-preamble {
		padding: 1rem 0 0 0;
	}
	.password-protected .course__content .heading-and-preamble .md-container {
		padding-right: calc(var(--gutter-x)* .5);
		padding-left: calc(var(--gutter-x)* .5);
	}
	.password-group input {
		padding: 15px 10px;
	}
}

/*--------------------------------------------------------------
## Responsive Viemo
--------------------------------------------------------------*/
.embed-container { 
    position: relative; 
	padding-bottom: 64.29%;
   /* padding-bottom: 56.25%;*/
    overflow: hidden;
    max-width: 100%;
    height: auto;
	border-radius: 10px;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

#wpadminbar {
	position: fixed !important;
}

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