/*
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 */
	--palered: #dbcccc;
	--lightpink: #d17b8a;
	--darkpink: #c76c7d;
	--lightgrey: #F5F3EF;


	--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 */
	--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;
}

/*--------------------------------------------------------------
# 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;
}

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;
}

ul, ol {
    font-size: 19px;
    line-height: 1.45;
    margin-bottom: 0;
	margin-top: 0;
}

p {
	font-size: 19px;
    line-height: 1.45;
    margin-bottom: 1.5rem;
	margin-top: 0;
}

.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: 36px;
		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,.lg-container,.md-container,.row>*,.sm-container{width:100%;padding-right:calc(var(--gutter-x) * 1);padding-left:calc(var(--gutter-x) * 1)}.container,.container-fluid,.lg-container,.md-container,.sm-container{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;max-width:100%}.site-content .container.order-reverse .row{flex-direction:column-reverse}@media (min-width:576px){.container,.lg-container,.md-container,.sm-container{max-width:540px}}@media (min-width:768px){.container,.lg-container,.md-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,.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 (max-width:500px){.row{margin-right:calc(-.5 * var(--gutter-x));margin-left:calc(-.5 * var(--gutter-x))}.container,.container-fluid,.lg-container,.md-container,.row>*,.sm-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,.col-5{flex:0 0 auto}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{flex:0 0 auto;width:50%}.col-7,.col-8{-webkit-box-flex:0}.col-7{-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-10,.col-9{-webkit-box-flex:0}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-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){.container,.lg-container{max-width:960px}.md-container{max-width:830px}.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%}.offset-lg{margin-left:0}}@media (min-width:1380px){.lg-container{max-width:1160px}.offset-lg{margin-left:6rem}}.center-block,.mx-auto{margin:0 auto}.d-flex{display:flex}.vertical-center{display:flex;justify-content:center}.center-block{text-align:center}.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 .logo img {
	width: 200px;
	height: auto;
	display: block;
}

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

@media (max-width: 500px) {
	header .logo img {
		width: 160px;
	}
	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;
}

.main-menu .menu > li.menu-item > a {
    font-size: 1.3rem;
	line-height: 1.4;
	color: white;
    text-align: center;
    font-weight: 700;
	display: flex;
	justify-content: center;
	height: auto;
	text-decoration: none;
    transition: .25s ease-in-out;
	margin: 0;
}

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

#menu {
	padding: 0;
	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;
	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;
	padding: 1.3rem;
	text-decoration: none;
	letter-spacing: 0.7px;
	transition: all .3s ease-in-out;
}

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

.main-menu > .menu {
	opacity: 1;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	align-items: center;
}

@media (max-width: 767px) {
	.main-nav {
        padding: 0;
        background: var(--darkpink);
        bottom: 0;
        font-size: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: 0;
        z-index: -1;
        visibility: hidden;
	}
	.main-menu > .menu {
		width: 50%;
        list-style: none;
        margin: 0 auto;
        padding: 180px 0 0 0;
        align-items: flex-start;
		flex-direction: column;
	}
	body.open-overlay .main-nav {
		opacity: 1;
		pointer-events: all;
		transition: opacity .3s;
		visibility: visible;
		max-height: 2000px;
		min-height: 100vh;
	}

	body.open-overlay .main-nav ul {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}
	body.open-overlay .main-nav {
		opacity: 1;
        pointer-events: all;
        transition: opacity .3s;
        visibility: visible;
	}
	.main-menu .menu > li.menu-item > a {
		font-size: 1.7rem;
		padding: .4rem .7rem;	
	}
}
@media (max-width: 500px) {
	.main-menu .main-nav .menu > li.menu-item > a {
		font-size: 1.4rem;
		padding: .6rem .7rem;
	}
}

/*--------------------------------------------------------------
## 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: var(--lightpink);
    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;
}

.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: var(--lightpink);
    border-radius: 5px;
}

.ham-icon {
	display: none;
    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) {
	.ham-icon {
		display: block;
	}
	#navigation {
		padding: 1.25rem 1.5rem;
	}
}

@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,
.act-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;
}

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

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

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

@media (max-width: 500px) {
	.wp-block-buttons a,
	.act-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: 13rem 0 14rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	display: flex;
    align-items: center;
	background-color: var(--darkpink);
}

.hero img {
	border-radius: 50%;
}

.hero h1 {
	font-weight: 700;
}

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

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

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

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

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

.hero-wrap .act-btn:last-child {
	margin-right: 0;
    margin-top: 1rem;
}

.hero .row > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 991px) {
	.hero {
    	padding: 13rem 0 14rem;
	}
	.hero-wrap {
		width: 80%;
	}
	.hero .row {
		flex-direction: column;
		align-items: center;
		gap: 2rem;
	}
	.hero img {
		width: 100%;
		max-width: 300px;
	}
}

@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;
	}
	.front-links {
    	padding: 2rem 0 3rem;
	}
	.front-links .row {
		margin-bottom: 1rem;
	}
	.front-links__feat {
		padding-bottom: 1rem;
	}
	.hero-wrap .act-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;
	}
	.hero img {
		max-width: 200px;
	}
}

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


/*--------------------------------------------------------------
## Block: Content and image
--------------------------------------------------------------*/
.content-image .row {
	align-items: center;
}
.content-image .act-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/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 .act-btn {
		margin-top: 2rem;
	}
	.content-image .row > div:first-child {
		margin-bottom: 1rem;
	}
}

/*--------------------------------------------------------------
## Block: Hook
--------------------------------------------------------------*/
.hook {
    margin-top: -7.5rem;
	padding: 0 2.5rem 1.25rem 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);
}

.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;
}
.hook__embed { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
	margin-bottom: 4rem;
}

.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);
	}
}

@media (max-width: 767px) {
	.hook {
		padding-top: 0;
		margin-top: 0;
	}
	.hook__wrap {
		padding-right: 0;
		padding-left: 0;
	}
	.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);
	}
	.hook__wrap-text {
		padding-right: 0;
		padding-left: 0;
	}
	.hook__embed { 
		margin-bottom: 3rem;
	}
}

/*--------------------------------------------------------------
## Block: Content and tiles
--------------------------------------------------------------*/
.content-tiles {
	color: white;
}

.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 h2 {
	margin-bottom: 2rem;
    line-height: 1.1;
    font-size: 50px;
}

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

.cat-tiles .cat-tiles__item figure {
	position: relative;
    display: flex;
    justify-content: center;
}

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: 100%;
    max-width: 400px;
}

.content-tiles .act-btn {
	margin-top: 1rem;
}

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

@media (max-width: 767px) { 
	.content-tiles .row > div:first-child {
		margin-bottom: 2rem;
	}
	.cat-tiles {
		margin-bottom: 2rem;
	}
	.content-tiles h2 {
		font-size: 40px;
	}
}

@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;
	}
	.content-tiles h2 {
		font-size: 30px;
	}
}

/*--------------------------------------------------------------
## Block: Content double
--------------------------------------------------------------*/
.content-double {
	padding-top: 5rem;
}
.content-double h3 {
	margin-bottom: 1rem;
	text-align: center;
}	

.content-double ul li {
    margin-bottom: 1rem;
    margin-left: 2rem;
}

@media (max-width: 767px) {
	.content-double h3 {
		margin-bottom: .5rem;
	}
}

@media (max-width: 500px) {
	.content-double h3 {
		margin-bottom: 0;
	}
	.content-double ul li {
		margin-bottom: .8rem;
	}
}

/*--------------------------------------------------------------
## 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-error {
	display: none;
}

.content-form .forminator-error-message {
	color: var(--darkpink);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
}

.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: 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;
	}
}

/*--------------------------------------------------------------
## 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;
	}
}

/*--------------------------------------------------------------
## 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;
}

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

.footer ul {
	list-style: none;
}

.footer__row-top {
    padding: 3rem 0;
}

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

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

.footer__heading {
	position: relative;
}

.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 .act-btn {
	background: var(--blueish);
	font-size: 14px;
	padding: 12px;
	display: inline-block;
	max-width: 160px;
	min-height: 38px;
	height: 38px;
}

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

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

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


@media (max-width: 767px) {
	.footer__row-top {
		padding: 2.5rem 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__social img {
		width: 25px;
	}

}

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

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

/*--------------------------------------------------------------
## Privacy Policy
--------------------------------------------------------------*/
.privacy-policy .site-main {
	padding-top: 13rem;
	padding-bottom: 4rem;
}

.privacy-policy h1 {
	margin-bottom: 2.5rem;
}

.privacy-policy h3 {
	font-size: 1.5rem;
	margin-top: 1rem;
}

.privacy-policy ul {
	padding-left: 4.5rem;
	margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
	.privacy-policy .site-main {
		padding-top: 10rem;
		padding-bottom: 3rem;
	}
}


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

#wpadminbar {
	position: fixed !important;
}

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