/*
Theme Name: Stronger Stories Iso
Theme URI: #
Author: BozBoz
Author URI: #
Description: Stronger Stories custom WordPress theme
Requires at least: 4.9.6
Tested up to: 5.6
Requires PHP: 5.6.2
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blank-canvas
Tags: one-column, accessibility-ready, custom-colors, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready


@import "variables.css";

/* Remove extra margin from articles on single post pages. */

.single .site-main > article,
.page .site-main > article {
	margin-bottom: 0;
}

html {
	scroll-behavior: smooth;
}


* {
	box-sizing: border-box;
	font-display: block;
}

::selection {
	background: #11D8BB !important;
	color: #fff !important;
}

::-moz-selection {
	background: #11D8BB !important;
	color: #fff !important;
}

p:last-child {
	margin-bottom: 0;
}

/* Remove some top padding if the first block on the page is a full-width image, cover, media & text, or group block. */

.single.hide-post-and-page-titles .entry-content > .wp-block-image.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-image.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-cover.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-cover.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-media-text.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-media-text.alignfull:first-child,
.single.hide-post-and-page-titles .entry-content > .wp-block-group.has-background.alignfull:first-child,
.page.hide-post-and-page-titles .entry-content > .wp-block-group.has-background.alignfull:first-child {
	margin-top: calc(-1 * var(--global--spacing-vertical));
}

/* Remove some bottom padding if the last block on the page is a full-width image, cover, media & text, or group block. */

.page.hide-site-footer .entry-content > .wp-block-image.alignfull:last-child,
.page.hide-site-footer .entry-content > .wp-block-cover.alignfull:last-child,
.page.hide-site-footer .entry-content > .wp-block-media-text.alignfull:last-child,
.single.hide-site-footer.hide-site-footer .entry-content > .wp-block-group.has-background.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-image.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-cover.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-media-text.alignfull:last-child,
.single.hide-site-footer.hide-comments .entry-content > .wp-block-group.has-background.alignfull:last-child {
	margin-bottom: calc(-1 * var(--global--spacing-vertical));
}

/* Center-align headers and footers. */

.entry-header,
.page-title,
.entry-footer,
.site-info,
.footer-menu {
	text-align: center;
}

/* Body */

body {
	margin: 0;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	color: #1540F5 !important;
}

a,
a:active,
a:visited,
a:hover {
	border: none;
}

p {
	margin-top: 0;
}

/* Header */

body .elementor-location-header nav > ul li.profile {
	align-items: center;
}

body.role-premium .elementor-location-header nav > ul li.profile::before {
	content: url(./assets/images/pink-heart.svg);
	transform: translateY(5px);
}

body.role-premium .elementor-location-header nav > ul li.profile > a {
	color: #FC40B6 !important;
}

body .elementor-location-header nav > ul li.profile::before {
	content: url(./assets/images/blue-heart.svg);
	display: inline-block;
}

body .elementor-location-header nav > ul li.profile a {
	display: inline-block
}

body .elementor-location-header nav > ul > li > a::after {
	content: '';
    height: 9px;
    width: 100%;
    position: absolute;
    bottom: 19px;
    background: #11D8BB !important;
    left: 0;
    right: 0;
    z-index: -1;
	opacity: 0;
	transition: all 300ms ease-in-out;
}

body .elementor-location-header nav > ul li a:hover::after,
body .elementor-location-header nav > ul li.current-menu-item a::after {
	opacity: 1;
}

body .elementor-location-header nav > ul li > ul li a:hover {
	background: transparent !important;
}

body .elementor-location-header nav > ul li > ul li a::after {
    left: 10px;
    right: 10px;
	bottom: 10px;
	width: calc(100% - 20px)
}

body .elementor-location-header nav ul li.button {
	background: transparent;
	border: 1px solid #1540F5;
	border-radius: 0;
}

body .elementor-location-header nav ul li.button a {
	color: #1540F5 !important;
	padding: 10px 25px !important;
	-webkit-margin-start: 0 !important;
	margin-inline-start: 0 !important;
}

body .elementor-location-header nav ul li.button a:after {
	display: none !important;
}

body .elementor-location-header nav ul li.button:hover {
	background: #1540F5;
}

body .elementor-location-header nav ul li.button:hover a {
	color: #fff !important;
}

/* Subv menu */

body .elementor-location-header nav > ul > li > ul.sub-menu {
	padding: 0 25px;
}

body .elementor-location-header nav > ul > li > ul.sub-menu li {
	position: relative;
	padding: 0 !important;
}

body .elementor-location-header nav > ul > li > ul.sub-menu li a {
	border: none;
	padding-right: 30px !important;
}

body .elementor-location-header nav > ul > li > ul.sub-menu li::after {
	content: '';
	background-image: url(assets/images/blue-chevron.svg);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
	height: 16px;
	width: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #1540F5;
}

/* Loader */

body .loader {
    position:   fixed;
    z-index:    999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: #fff;
	display: flex;
    align-items: center;
    justify-content: center;
}

body.loaded .loader {
    display: none;
}

.lds-facebook {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
  }
  .lds-facebook div {
	display: inline-block;
	position: absolute;
	left: 8px;
	width: 16px;
	background: #1540F5;
	animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  }
  .lds-facebook div:nth-child(1) {
	left: 8px;
	animation-delay: -0.24s;
  }
  .lds-facebook div:nth-child(2) {
	left: 32px;
	animation-delay: -0.12s;
  }
  .lds-facebook div:nth-child(3) {
	left: 56px;
	animation-delay: 0;
  }
  @keyframes lds-facebook {
	0% {
	  top: 8px;
	  height: 64px;
	}
	50%, 100% {
	  top: 24px;
	  height: 32px;
	}
  }
  

/* Page header 1 */

.menu-open [data-elementor-type="header"] {
	position: fixed;
    z-index: 3;
    width: 100%;
}

[data-elementor-type="header"] ul.elementor-nav-menu {
	align-items: center;
}

[data-elementor-type="header"] ul.elementor-nav-menu li.menu-item-has-children i {
		display: none;
	}

.page-header-1 {
	background: url(./assets/images/birds-left.png), url(./assets/images/birds-right.png);
	background-size: contain;
    background-repeat: no-repeat;
	background-position: 0vw 100%, 80vw 0;
	padding-bottom: 100px;
}

.page-header-1::before {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 100px;
    left: 0;
    background: #f2f2f2;
    z-index: -1;
}

.page-header-1 .elementor-container {
	height: 400px;
    display: flex;
    align-items: center;
}

.page-header-1 h1::after {
	content: '';
    position: absolute;
    height: 250px;
    width: 1px;
    background: #1540F5;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(100% + 25px);
}

/* Page header 2 */

.page-header-2 {
	background-image: url(./assets/images/poster.png);
	background-size: 60% auto;
    background-position: center right;
    background-repeat: no-repeat;
}

.page-header-2 .elementor-widget-button::after {
	content: '';
    position: absolute;
    height: 150px;
    width: 1px;
    background: #1540F5;
    left: 0;
    margin: auto;
    top: calc(100% + 25px);
}

/* Breadcrumbs */

#breadcrumbs a,
#breadcrumbs i,
#breadcrumbs span {
	font-size: 16px;
	text-decoration: none;
	color: rgba(77, 77, 77, .8);
}

#breadcrumbs a:hover {
	text-decoration: underline;
	color: #FF4338;
}

#breadcrumbs i {
	font-size: 8px;
    margin: 0 5px;
}

/* Accordion */

body .elementor .elementor-widget-accordion .elementor-accordion .elementor-accordion-item {
	border-top: 2px solid #EDEDED;
}

body .elementor .elementor-widget-accordion .elementor-accordion .elementor-accordion-item:hover {
	border-color: #1540F5;
}

body .elementor .elementor-widget-accordion .elementor-accordion .elementor-accordion-item img {
	margin-top: 20px;	
}

body .elementor .whats-new.elementor-widget-toggle::before {
	content: url(./assets/images/see-whats-new.svg);
    position: absolute;
    top: -60px;
    right: 40px;
    transform: scale(.75);
}

/* Carousel */

.elementor-widget-testimonial-carousel .elementor-swiper .eicon-chevron-right::before,
.elementor-widget-testimonial-carousel .elementor-swiper .eicon-chevron-left::before {
	display: none;
}

.elementor-widget-testimonial-carousel .elementor-swiper .eicon-chevron-right {
	background: url(./assets/images/arrow-right-pink.svg) no-repeat 50%;
    background-size: contain;
    height: 50px;
    width: 20px;
}

.elementor-widget-testimonial-carousel .elementor-swiper .eicon-chevron-left {
	background: url(./assets/images/arrow-left-pink.svg) no-repeat 50%;
    background-size: contain;
    height: 50px;
    width: 20px;
}

/* .elementor-swiper .eicon-chevron-right {
	background: url(./assets/images/arrow-right.svg) no-repeat 50%;
    background-size: contain;
    height: 50px;
    width: 20px;
}

.elementor-swiper .eicon-chevron-left {
	background: url(./assets/images/arrow-left.svg) no-repeat 50%;
    background-size: contain;
    height: 50px;
    width: 20px;
} */

/* Tabs */

body .elementor .elementor-widget-tabs .elementor-tab-content {
	padding: 5% 8%;
}

body .elementor .elementor-widget-tabs .elementor-tab-content h1,
body .elementor .elementor-widget-tabs .elementor-tab-content h2,
body .elementor .elementor-widget-tabs .elementor-tab-content h3,
body .elementor .elementor-widget-tabs .elementor-tab-content h4,
body .elementor .elementor-widget-tabs .elementor-tab-content h5,
body .elementor .elementor-widget-tabs .elementor-tab-content h6 {
	margin-bottom: 20px;
	margin-top: 0;
	color: #202020;
}

body .elementor .elementor-widget-tabs .elementor-tab-content img {
	margin: 30px 0;
}

body .elementor .elementor-widget-tabs .elementor-tab-content img:last-of-type {
	margin-bottom: 0;
}

body .elementor .elementor-widget-tabs .elementor-tab-title {
	border: 2px solid #EDEDED;
	border-bottom: 0;
	transition: border 300ms ease-in-out;
}

body .elementor .elementor-widget-tabs .elementor-tab-title:hover {
	border-color: #1540F5;
}

body .elementor .elementor-widget-tabs .elementor-tab-title.elementor-active {
	background: #1540F5;
	color: #fff !important;
}

body .elementor .elementor-widget-tabs .elementor-tab-title.elementor-active::before,
body .elementor .elementor-widget-tabs .elementor-tab-title.elementor-active::after {
	z-index: 1;
}

/* Tabs Vertical */

body .elementor .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title.elementor-active::before,
body .elementor .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title.elementor-active::after {
	display: none;
}

body .elementor .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper {
	border: none;
}

body .elementor .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-content {
	padding: 0 0 0 5%;
}

body .elementor .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title {
	border: none;
	border-bottom: 2px solid #EDEDED;
}

body .elementor .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title {
	padding-top: 10px;
	padding-bottom: 10px;
}

body .elementor .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title:hover {
	border-color: #1540F5;
}

/* Hotspots */

body .elementor .e-hotspot .e-hotspot__tooltip {
    box-sizing: border-box;
	border: 3px solid #1540F5;
	top: calc(100% + 20px );
}

/* body .elementor .e-hotspot .e-hotspot__tooltip::before {
	content: '';
	height: 20px;
	width: 3px;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	margin: auto;
	background: #1540F5;
    z-index: -1;
} */

	/* Updated tooltip */

	body .e-hotspot__direction-mask {
		overflow: visible;
	}

	body .elementor .e-hotspot .e-hotspot__tooltip {
		transform: translateY(-35px);
		-webkit-transform: translateY(-35px);
		-moz-transform: translateY(-35px);
		-ms-transform: translateY(-35px);
		-o-transform: translateY(-35px);
	}

	/* body .elementor .e-hotspot .e-hotspot__tooltip::before {
		content: '';
		height: 20px;
		width: 3px;
		position: absolute;
		top: auto;
		bottom: -20px;
		left: 0;
		right: 0;
		margin: auto;
		background: #1540F5;
		z-index: -1;
	} */

body .elementor .e-hotspot .e-hotspot__tooltip img {
	max-height: 40px;
	margin-bottom: 20px;
}

body .elementor .e-hotspot .e-hotspot__tooltip h1,
body .elementor .e-hotspot .e-hotspot__tooltip h2,
body .elementor .e-hotspot .e-hotspot__tooltip h3,
body .elementor .e-hotspot .e-hotspot__tooltip h4,
body .elementor .e-hotspot .e-hotspot__tooltip h5,
body .elementor .e-hotspot .e-hotspot__tooltip h6 {
	margin-bottom: 10px;
}

body .elementor .e-hotspot .e-hotspot__tooltip p {
	white-space: initial;
}

/* Blockquote */

body .elementor-blockquote--skin-clean .elementor-blockquote p.elementor-blockquote__content {
	display: inline-block;
}

body .elementor-blockquote--skin-clean .elementor-blockquote p.elementor-blockquote__content::before {
	content: url(./assets/images/quote-right.svg);
	display: inline-block;
	margin-right: 5px;
}

body .elementor-blockquote--skin-clean .elementor-blockquote p.elementor-blockquote__content::after {
	content: url(./assets/images/quote-left.svg);
	display: inline-block;
	margin-left: 5px;
}

body .elementor-blockquote--skin-quotation .elementor-blockquote::before {
	content: url(./assets/images/quote-right.svg);
	height: 90px;
}

body .elementor-blockquote--skin-border .elementor-blockquote {
	border: none;
	padding: 35px;
	position: relative;
}

body .elementor-blockquote--skin-border .elementor-blockquote::before {
	content: url(./assets/images/blue-quote-left.svg);
	position: absolute;
	top: 0;
	left: 0;
}

body .elementor-blockquote--skin-border .elementor-blockquote::after {
	content: url(./assets/images/blue-quote-right.svg);
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* Images */

body .elementor-widget-image .wp-caption figcaption {
	color: rgba(77, 77, 77, .8);
}

/* Video playlist */

body .elementor .e-tabs-wrapper {
	padding-left: 15px;
}

body .elementor .elementor-widget-video-playlist .e-tabs-header {
	border: none;
}

body .elementor .elementor-widget-video-playlist h2.e-tabs-title {
	padding: 0;
}

body .elementor .elementor-widget-video-playlist .e-tab-title {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #EDEDED;
}

body .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title.e-active,
body .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:hover {
	border: none;
	border-top: 1px solid #1540F5;
	background: transparent;
}

body .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title.e-active a,
body .elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title.e-active .e-tab-duration {
	color: #1540F5 !important;
}

body .elementor .elementor-widget-video-playlist h4.e-tab-title-text {
	font-weight: normal;
}

body .elementor .elementor-widget-video-playlist h4.e-tab-title-text a {
	text-decoration: none
}

/* Audio player */

body .elementor .mejs-audio,
body .elementor .mejs-container,
body .elementor .mejs-container .mejs-controls,
body .elementor .mejs-embed,
body .elementor .mejs-embed body{
	background: transparent;
}

body .elementor .mejs-audio .mejs-button > button {
	background-image: url(./assets/images/mejs-controls.svg);
	background-color: transparent;
}

body .elementor .mejs-audio .mejs-time {
	color: #4D4D4D;
	opacity: .8;
}

body .elementor .mejs-audio .mejs-controls {
	padding: 0;
}

body .elementor .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
body .elementor .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-total {
    background: #F2F2F2;
}

body .elementor .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #4D4D4D;
}

body .elementor .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgba(0, 0, 0, .05);
}

body .elementor .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #1540F5;
}

/* List */

.elementor-icon-list-items svg {
	height: auto;
}

/* Pricing */

.pricing-2::after {
	content: url(./assets/images/For_Life.svg);
	position: absolute;
	top: -60px;
    right: -60px;
    transform: scale(.75);
}

/* Lists */

ol,
body .mkb-article-text ol {
	margin: 1em 0 1em 1em;
	padding: 0;
	list-style: none;
}

ol li {
	counter-increment: li;
	margin-bottom: 20px;
}

ol li:last-of-type {
	margin-bottom: 0;
}

ol li::before {
	content: counter(li);
	color: #1540F5;
  	display: inline-block;
	width: 1em;
 	margin-left: -1em
}

ol li strong {
	color: #202020;
}

/* Carousel */

body .elementor .swiper-container-horizontal > .swiper-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
}

body .elementor .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 3px;
}

body .elementor .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
	height: 6px;
	width: 6px;
	opacity: 1;
	background: #1540f5;
}

/* Timeline */

.timeline::after {
	content: '';
    position: absolute;
    height: calc(100% + 30px);
    width: 2px;
    background: #1540F5;
    left: 0;
    right: 0;
    margin: auto;
    top: 20px;
    z-index: 1;
}

/* Blog */

.img-overlay img {
    min-width: 130%;
}

.single figcaption {
    text-align: left;
    font-size: 12px;
}

.single-post h4,
.single-post h5 {
	margin: 40px 0 20px 0;
}

.featured-post .elementor-post__text {
	background: #f2f2f2;
    position: absolute;
    bottom: -70px;
    right: 0;
    width: 50%;
    padding: 80px 60px;
	display: flex;
	flex-wrap: wrap
}

.featured-post .elementor-post__meta-data {
	order: -1;
}

/* Blog pagination */

.elementor-pagination {
	margin-top: 60px;
}

.elementor-pagination .page-numbers {
	height: 33px;
	width: 33px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #1540F5;
	border-radius: 50%;
	color: #1540F5;
}

.elementor-pagination .page-numbers.current,
.elementor-pagination .page-numbers:hover {
	color: #fff;
	background: #1540F5;
}

/* Course */

.meter > span {
    background: #11D8BB !important;
}

.single-course {
	margin: 0;
    padding: 0;
}

.single-course .comments-area {
	display: none;
}

.single-course .entry-content > header {
	display: none;
}

.single-course .course {
	margin: 0;
	padding: 0;
	border: none;
}

.single-course .post-entries,
.single-course .nocomments {
	display: none;
}

.single-course .course-lessons {
	max-width: 1140px;
	margin: 0 auto 90px auto;
	position: relative;
}

.single-course .course-lessons::before {
	content: '';
    position: absolute;
    height: 150px;
    width: 2px;
    background: #1540F5;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(-150px);
    z-index: 1
}

.single-course .course-lessons .inner {
	border: 2px solid #1540F5;
	padding: 60px 40px;
	display: flex;
	margin: 0 10px;
}

.single-course .course-lessons .inner .left {
	width: 33.33%;
}

.single-course .course-lessons .inner .left h3 {
	color: #1540F5;
	margin: 0 0 30px 0;
}

.single-course .course-lessons .inner .left img {
	max-width: 100%;
	height: auto;
}

.single-course .course-lessons .inner .right {
	width: 66.66%;
	padding-left: 10%;
}

.single-course .course-lessons .inner .right ol {
	margin: 0;
}

.single-course .course-lessons .inner .right ol li:first-of-type {
	border-top: 2px solid rgba(77, 77, 77, .1);
}

.single-course .course-lessons .inner .right ol li {
	border-bottom: 2px solid rgba(77, 77, 77, .1);
	list-style: auto;
	list-style-position: inside;
}

.single-course .course-lessons .inner .right ol li::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 0;
	top: 50%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #d6d6d6;
	content: "\f023";
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.single-course .course-lessons .inner .right ol li.completed::after {
	content: "\f00c";
	display: block !important;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 0;
	top: 50%;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #63a95f;
	height: auto;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.single-course .course-lessons .inner .right ol li::marker {
	color: #bfbfbf;
}

.single-course .course-lessons .inner .right ol li .lesson-title {
	display: inline-block;
	margin: 0;
	opacity: .5;
}

.single-course .course-lessons .inner .right ol li.completed .lesson-title {
	opacity: 1;
}

.single-course .course-lessons .inner .right ol li h2 {
	font-family: "Apercu", Sans-serif;
    font-size: 18px !important;
}

.single-course .course-lessons .inner .right ol li h2 a {
	text-transform: none;
	text-decoration: none;
	color: #4D4D4DC4;
	cursor: normal;
}

.single-course .course-lessons.course-started .inner .right ol li a:hover {
	text-decoration: underline;
	color: #FF4338;
	cursor: pointer;
}

.single-course .course-lessons .inner .right ol + form[method="POST"] {
	display: none;
}

.course-container .status.completed, .course-lessons .status.completed, .course .status.completed {
    background: #11d8bb;
}

.single-course .course-lessons .inner .right ol li.completed,
.single-course .course-lessons .inner .right ol li.completed a,
.single-course .course-lessons .inner .right ol li.completed::marker {
	color: #63a95f !important;
}

.course .course-meta .status {
    border-radius: 0;
    font-weight: 400;
}

.single-course .course-meta form .course-start,
.comment-respond form .submit {
	font-family: "Apercu", Sans-serif !important;
	font-size: 18px !important;
	text-decoration: none !important;
	fill: var( --e-global-color-accent ) !important;
	color: var( --e-global-color-accent ) !important;
	background-color: transparent !important;
	border: 2px  solid var( --e-global-color-accent ) !important;
	border-radius: 0px 0px 0px 0px !important;
	padding: 6px 25px 6px 25px !important;
	text-transform: none !important;
	font-weight: normal !important;
	margin: 0 !important;
	transition: all 300ms ease-in-out !important;
	-webkit-transition: all 300ms ease-in-out !important;
	-moz-transition: all 300ms ease-in-out !important;
	-ms-transition: all 300ms ease-in-out !important;
	-o-transition: all 300ms ease-in-out !important;
}

.single-course .course-meta form .course-start:hover,
.comment-respond form .submit:hover {
	fill: #1540F5 !important;
	background: #1540F5 !important;
	color: #fff !important;
}

.single-course .status.in-progress {
	display: none;
}

.single-course .course-lessons .inner .right ol li .lesson-meta,
.single-course .course-lessons .inner .right ol li .entry {
	display: none;
}

.single-course .course-lessons.course-started .inner .right ol li::before {
	display: none;
}

.single-course .course-lessons.course-started .inner .right ol li .lesson-title {
	opacity: 1;
}

.single-course .course-lessons.course-started .inner .right ol li::marker {
    color: #4D4D4DC4;
}

a.top-top {
	display: block;
	text-align: center;
	margin-top: 20px;
}

/* Comment form */

.comments-area {
	background-color: #f2f2f2;
	background-image: url(./assets/images/birds-br.png);
	background-size: auto;
    background-repeat: no-repeat;
	background-position: bottom right;
	margin: 90px 0 1px 0;
}

.comments-area .inner {
	max-width: 800px;
	margin: 0 auto;
	padding: 90px 10px;
}

.comments-area .inner h3 {
	color: #1540F5;
	margin: 0 0 20px 0;
	display: flex;
	align-items: center;
}

.comments-area .inner h3::after {
	content: '';
    background: url(./assets/images/comments.svg);
    background-size: contain;
	background-repeat: no-repeat;
    background-position: 50%;
    height: 120px;
	width: 120px;
    display: block;
    margin-left: auto;
}

.comments-area form textarea {
	width: 100%;
	border: none;
	font-family: "Apercu", Sans-serif;
	font-size: 18px;
	line-height: 26px;
	padding: 20px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	margin-bottom: 15px;
}

.entry-content .sensei-breadcrumb {
	background: transparent;
    text-align: center;
    width: auto;
    display: table;
    margin: 50px auto 0 auto;
    color: #1540F5;
    padding: 12px 25px 6px 25px !important;
	font-style: normal;
	font-size: 0;
}

.entry-content .sensei-breadcrumb:before {
	font-size: 18px;
}

.entry-content .sensei-breadcrumb a {
	font-size: 18px;
	text-decoration: none;
}

.entry-content .sensei-breadcrumb a:hover {
	color: #FF4338;
}

/* Wiki */

.single-kb {
	overflow-x: hidden;
	background: url(./assets/images/birds-right.png) no-repeat top right;
}

body h3.kb-topic__title {
	color: #202020 !important;
    font-family: "Apercu", sans-serif;
    font-size: 22px !important;
}

body .kb-topic .kb-topic__articles li {
    margin: 0 0 1em;
}

body .kb-topic .kb-topic__articles li a {
    display: inline-block;
    vertical-align: top;
    color: #1540F5;
    font-family: "Apercu", sans-serif;
    font-size: 18px;
}

body .kb-topic .kb-topic__articles li a span {
	text-decoration: underline;	
}

.kb-topic .kb-topic__articles li:hover a span {
	text-decoration: none;
}

body .kb-search__input-wrap.mkb-search-theme__clean .kb-search__input {
    height: 50px;
    border-radius: 0;
    border: transparent;
    box-shadow: none;
    background: #f2f2f2;
}

body .mkb-article-extra__custom-html,
body  .mkb-article-extra {
	margin: 0;
}

body .mkb-article-extra__custom-html .elementor-section {
	padding: 30px 0;
	font-size: 18px;
}

body .mkb-article-extra__custom-html .elementor-section::before {
	content: '';
	position: absolute;
	top: 0;
	right: -50vw;
	bottom: 0;
	left: -50vw;
	z-index: 0;
	background: #f2f2f2;
}

body .mkb-article-extra__custom-html .elementor-section p.elementor-heading-title {
	font-size: 24px;
    font-weight: bold;
    line-height: 32px;
	color: var( --e-global-color-primary )
}

body .kb-topic .kb-topic__show-all {
	display: none;
}

a.wiki-back {
	padding-left: 30px;
    background: url(./assets/images/pink-arrow-left.svg) left no-repeat;
	color: var( --e-global-color-primary ) !important;
    text-decoration: none !important;
    font-family: "Strong Sans Regular", Sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 46px;
    line-height: 40px;
    margin-top: 30px;
    cursor: pointer;

	margin: 0 auto 40px auto;
    display: table;
}

/* Definitions search */

body .kb-search input,
.kb-search__results,
.kb-search__results-summary {
	font-family: "Apercu",sans-serif;
}

body .kb-search .kb-search__result-topic-name {
    background: #1540F5 !important;
}

.kb-search__tip {
	display: none;
}

/* Comments */

.comment-reply-title small {
	margin-left: 20px;
}

ul.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.comment-list li {
	margin: 20px 0;
	padding: 20px 0;
	border-bottom: 1px solid #fff;
}

ul.comment-list .vcard {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

ul.comment-list .vcard cite,
ul.comment-list .vcard span {
	font-style: normal;
	opacity: .8;
	font-size: 16px;
	margin-right: 5px;
}

ul.comment-list .vcard img {
	margin-right: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

ul.comment-list .comment-meta {
	font-size: 14px;
}

ul.comment-list .comment-reply-link {
	font-size: 14px;
    text-decoration: none;
    fill: var( --e-global-color-accent );
    color: var( --e-global-color-accent );
    background-color: transparent;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-accent );
    border-radius: 0px 0px 0px 0px;
    padding: 6px 25px 6px 25px;
    text-transform: none;
    font-weight: normal;
    margin: 0;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

ul.comment-list .comment-reply-link:hover {
	fill: var( --e-global-color-accent );
    color: #fff;
    background-color: var( --e-global-color-accent );
}

ul.comment-list li ul.children {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.comment-list li ul.children li {
	padding: 30px;
	border: none;
	background-color: #fff;
	position: relative;
}

ul.comment-list li ul.children li::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 40px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #ffffff transparent;
}

/* Lesson buttons */

.entry-content.type-lesson footer {
	display: block;
	text-align: center;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	padding: 30px 0;
	max-width: 1140px;
	width: 100%;
	margin: 0 auto 40px auto;
}

.entry-content footer a.button,
.entry-content footer input[type="submit"] {
	min-width: 33.33%;
	font-size: 18px !important;
	text-decoration: none !important;
	fill: #1540F5 !important;
	color: #fff !important;
	background-color: #1540F5 !important;
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: #1540F5 !important;
	border-radius: 0px 0px 0px 0px !important;
	padding: 6px 25px 6px 25px !important;
	text-transform: none !important;
	font-family: "Apercu", Sans-serif !important;
	font-weight: normal !important;
	margin: 0 !important;
	transition: all 300ms ease-in-out !important;
	-webkit-transition: all 300ms ease-in-out !important;
	-moz-transition: all 300ms ease-in-out !important;
	-ms-transition: all 300ms ease-in-out !important;
	-o-transition: all 300ms ease-in-out !important;
}

.entry-content footer a.button:hover,
.entry-content footer input[type="submit"]:hover {
	fill: #fff !important;
	background: #fff !important;
	color: #1540F5 !important;
}

/* Lesson buttons */

.lesson-buttons form {
	display: block !important;
	text-align: center;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	padding: 30px 0;
	max-width: 1140px;
	width: 100%;
	margin: 0 auto 40px auto;
}

.lesson-buttons .quiz-submit {
	font-size: 18px !important;
	text-decoration: none !important;
	fill: #1540F5 !important;
	color: #fff !important;
	background-color: #1540F5 !important;
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: #1540F5 !important;
	border-radius: 0px 0px 0px 0px !important;
	padding: 6px 25px 6px 25px !important;
	text-transform: none !important;
	font-weight: normal !important;
	margin: 0 !important;
	transition: all 300ms ease-in-out !important;
	-webkit-transition: all 300ms ease-in-out !important;
	-moz-transition: all 300ms ease-in-out !important;
	-ms-transition: all 300ms ease-in-out !important;
	-o-transition: all 300ms ease-in-out !important;
}

.lesson-buttons .quiz-submit:hover {
	fill: #fff !important;
	background: #fff !important;
	color: #1540F5 !important;
}

/* Lesson messages */

.sensei-message {
	margin: 0 !important;
    display: flex;
    align-items: center;
}

.sensei-message a {
	margin-left: auto !important;
}

.sensei .entry-content .lesson-meta + footer {
	text-align: center;
	margin-bottom: 30px;
}

/* Lesson pagination */

.post-entries.pagination {
	max-width: 1140px;
	padding: 0 10px;
	margin: 0 auto;
	overflow: hidden;
}

.post-entries.pagination .nav-prev,
.post-entries.pagination .nav-next {
	max-width: 50%;
}

.post-entries.pagination span.title {
	display: block;
}

.post-entries.pagination a {
	font-size: 36px;
	font-family: "Strong Sans Regular", Sans-serif;
	text-decoration: none;
	color: #202020;
}

.post-entries.pagination i {
	color: #FC40B6;
	font-size: 40px;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.post-entries.pagination a:hover i {
	color: #ff4338;
}

.post-entries.pagination .nav-prev span.title {
	margin-left: 2.2em;
}

.post-entries.pagination .nav-prev i {
	margin-right: .2em;
}

.post-entries.pagination .nav-next i {
	margin-left: .2em;
}

/* Quiz page */

.single-quiz .entry-content {
    max-width: 1140px;
    margin: 0 auto;
}

.single-quiz .entry-content ol li::before {
    display: none;
}

.single-quiz .entry-content ul {
    margin: 0;
    padding: 0;
}

.single-quiz .entry-content .question-title {
    font-family: "Strong Sans Regular", Sans-serif;
    font-size: 32px;
}

.single-quiz .entry-content form {
	margin: 60px 0;
}

.single-quiz .comments-area {
	display: none;
}

.single-quiz .pagination {
	overflow: hidden;
}

.single-quiz .sensei-breadcrumb {
	margin-bottom: 60px;
}

.single-quiz .quiz-submit,
.single-quiz .quiz-submit.reset:hover {
    font-size: 18px !important;
    text-decoration: none !important;
    fill: #1540F5 !important;
    color: #1540F5 !important;
    background-color: transparent !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #1540F5 !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 6px 25px 6px 25px !important;
    text-transform: none !important;
    font-weight: normal !important;
    margin: 0 !important;
    transition: all 300ms ease-in-out !important;
    -webkit-transition: all 300ms ease-in-out !important;
    -moz-transition: all 300ms ease-in-out !important;
    -ms-transition: all 300ms ease-in-out !important;
    -o-transition: all 300ms ease-in-out !important;
}

.single-quiz .quiz-submit:hover,
.single-quiz .quiz-submit.reset {
	background: #1540F5 !important;
	color: #fff !important;
}

/* Courses shortcode */

#user-course-status-toggle {
	display: none;
}

html body .all-courses ul.course-container,
html body #sensei-user-courses ul.course-container {
	margin: 0 -15px;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	border: none;
}

html body .all-courses ul.course-container li.user-active,
html body #sensei-user-courses ul.course-container li.user-active {
	display: none;
}

html body .all-courses ul.course-container li.user-active .info,
html body #sensei-user-courses ul.course-container li.user-active .info {
	background: #1540f5;
	color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

html body .all-courses ul.course-container li.user-active .info a,
html body #sensei-user-courses ul.course-container li.user-active .info a {
    color: #fff;
}

html body .all-courses ul.course-container li.course,
html body #sensei-user-courses ul.course-container li.course {
	width: calc(33.33% - 30px);
    margin: 0 15px 30px 15px;
	padding: 0 0 60px 0;
    border: none;
    background: #fff;
}

html body .all-courses ul.course-container li .entry,
html body #sensei-user-courses ul.course-container li .entry {
	display: flex;
    flex-wrap: wrap;
}

html body .all-courses ul.course-container li .entry h3,
html body #sensei-user-courses ul.course-container .entry h3 {
    font-family: "Apercu", Sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    line-height: 32px;
	padding-left: 32px;
	padding-right: 32px;
}

html body .all-courses ul.course-container li .entry h3 a,
html body #sensei-user-courses ul.course-container .entry h3 a {
	color: var( --e-global-color-primary );
	text-decoration: none;
	margin-bottom: 10px;
}

html body .all-courses ul.course-container li .entry p.time,
html body #sensei-user-courses ul.course-container li .entry p.time {
	width: 100%;
	margin-bottom: 10px;
	color: #202020;
}

html body .all-courses ul.course-container li .entry p.time img,
html body #sensei-user-courses ul.course-container li .entry p.time img {
	transform: translateY(2px);
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
}

html body .all-courses ul.course-container li .entry picture,
html body #sensei-user-courses ul.course-container li .entry picture {
	width: 100%;
}

html body .all-courses ul.course-container li .entry p,
html body #sensei-user-courses ul.course-container li .entry p {
	margin: 0;
	padding-left: 32px;
	padding-right: 32px;
	color: var( --e-global-color-2d3346a );
}

html body .all-courses ul.course-container li .entry .sensei-course-meta,
html body #sensei-user-courses ul.course-container li .entry .sensei-course-meta {
	display: none;
}

html body .all-courses ul.course-container li .entry a,
html body #sensei-user-courses ul.course-container li .entry a {
	order: -1;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

html body .all-courses ul.course-container li .entry a img,
html body #sensei-user-courses ul.course-container li .entry a img {
	margin: 0;	
	padding: 0;
	width: 100%;
}

html body .all-courses ul.course-container li .entry .entry-actions,
html body #sensei-user-courses ul.course-container li .entry .entry-actions {
	display: none;
}

html body .all-courses ul.course-container li footer,
html body #sensei-user-courses ul.course-container li footer {
	border-top: 1px solid #EFEFEF;
    margin: 0;
    padding: 8px 0;
    display: flex;
    position: absolute;
    bottom: 0;
	right: 31px;
    left: 31px;
    width: auto;
    align-items: center;
	color: #1540f5;
}

html body .all-courses ul.course-container li footer i,
html body #sensei-user-courses ul.course-container li footer i {
	margin-left: auto;	
}

html body .all-courses ul.course-container li footer i.circle,
html body #sensei-user-courses ul.course-container li footer i.circle {
	height: 18px;
	width: 18px;
	border: 3px solid #1540f5;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

/* Protected pages */

.protected {
	max-width: 1140px;
	margin: 90px auto;
	padding: 0 5%;
}

/* Cookie banner */

.lscookies-user-box h2 {
	font-size: 22px !important;
    margin: 0;
    padding: 0 !important;
    line-height: 1.3em;
}

.lscookies-user-box .button {
	background: #202020;
}

/* Cookie policy */

.page-template-cookie-policy .lscookies-user-box {
	left: auto;
}

.cookies-container {
	max-width: 1280px;
    margin: 0 auto 60px auto;
    padding: 0% 5% 0% 5%;
}

.cookies-container .lscookies-save.button {
	font-size: 18px;
    text-decoration: none;
    fill: var( --e-global-color-accent );
    color: var( --e-global-color-accent );
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var( --e-global-color-accent );
    border-radius: 0px 0px 0px 0px;
    padding: 10px 25px 10px 25px;
}

.cookies-container .lscookies-save.button:hover {
	background: var( --e-global-color-accent );
	fill: var( --e-global-color-accent );
	color: #fff;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

/* Error page */

.error404 .site-content {
	text-align: center;
}

.error404 .site-content h3 {
	color: #1540F5;
}

.error404 .site-content .searchform {
	margin-bottom: 60px;
}

.error404 .site-content input[type="text"] {
    background: #f2f2f2;
    border: none;
    border-radius: 0;
    padding: 20px;	
}

.error404 .site-content input[type="submit"] {
	color: #1540f5;
    border: 2px solid #1540f5;
    padding: 17px 30px;
    font-size: 18px;
}

.error404 .site-content input[type="submit"]:hover {
	color: #fff;
	background: #1540f5;
	cursor: pointer;
}

.error404 .page-content {
	max-width: 800px;
	margin: 0 auto 90px auto;
}

/* Swiper slider */

#buildingBlocks a {
	text-decoration: none;
}

#buildingBlocks .video-title {
	font-family: "Strong Sans Regular", Sans-serif;
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    top: 10px;
}

/* Contact forms */

.wpcf7-form input {
	border: none;
	background: #F2F2F2;
	color: rgba(0, 0, 0, .5);
	padding: 10px;
    font-size: 16px;
    margin: 0 0 10px 0;
	width: 100%;
}

.wpcf7-form input:focus {
	box-shadow: none;
	outline: none;
}

.wpcf7-form input[type="submit"] {
	border: 2px solid #1540f5;
	color: #1540f5 !important;
	padding: 10px 30px;
	margin: 0 auto;
    display: table;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.wpcf7-form input[type="submit"]:hover {
	background: #1540f5;
	color: #fff !important;
	cursor: pointer;
}

/* Airtables archive */

.story-archive-wrapper {
	background: #f2f2f2;
	padding: 90px 0;
	position: relative;
}

.logged-out-container {
	max-width: 1100px;
	margin: 60px auto;
}

.story-archive-wrapper::before {
	content: '';
    position: absolute;
    height: 120px;
    width: 2px;
    background: #1540F5;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(-60px);
}

#page-meta {
	margin-top: 40px;
	opacity: .5;
}

#page-meta #number-of-results {
	font-weight: 600;
	margin-right: 15px;
}

.story-index {
	max-width: 1140px;
	padding: 0 15px;
	margin: 0 auto;
}

.story-index #search-stories {
	position: relative;
	margin-bottom: 40px;
}

.story-index #search-stories input[type="text"] {
	background: #fff;
    border: none;
    padding: 15px;
    width: calc(100% - 48px);
    font-size: 16px;
}

.story-index #search-stories input[type="text"]::placeholder {
	color: rgba(32, 32, 32, .5) !important;
}

.story-index #search-stories input[type="text"]:focus {
	border: none;
	outline: none;
}

.story-index #search-stories button {
	background: #1540F5 url(./assets/images/search.svg) no-repeat 50% 50%;
	bordeR: none;
	height: 48px;
	width: 48px;
	font-size: 0;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.story-index #search-stories button:hover {
	background-color: #11D8BB;
	cursor: pointer;
}

.story-index .accordion {
	border: 2px solid #1540F5;
	position: relative;
}

.story-index .accordion::after {
	content: '';
    position: absolute;
    height: 60px;
    width: 2px;
    background: #1540F5;
    left: 0;
    right: 0;
    margin: auto;
    bottom: calc(-60px);
    z-index: 1;
}

.story-index .accordion h4 {
    color: #fff;
    background: #1540F5;
    font-size: 32px;
	padding: 0 20px;
	margin: 0;
    -webkit-font-smoothing: antialiased;
	display: flex;
	align-items: center;
	margin: -1px;
}

.story-index .accordion h4 span {
	height: 50px;
	width: 25px;
	margin-left: auto;
	cursor: pointer;
	position: relative;
	display: flex;
    align-items: center;
}

.story-index .accordion h4 span::after {
	content: '';
	height: 2px;
	width: 25px;
	background: #fff;
}

.story-index .accordion h4 span.open::before {
	content: '';
	height: 2px;
	width: 25px;
	background: #fff;
	display: block;
	position: absolute;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

.story-index .accordion #filter-stories {
	padding: 20px;
}

.story-index .accordion #filter-stories .cat-wrap,
.story-index .accordion #filter-stories .story-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.story-index .accordion #filter-stories .checkbox {
	display: inline-flex;
	font-size: 14px;
	line-height: 1.2em;
	align-items: center;
	background: #fff;
	width: calc(25% - 8px);
    margin: 4px;
	cursor: pointer;
	color: rgb(77, 77, 77, .8);
}

.story-index .accordion #filter-stories .checkbox.active {
	color: #1540F5;
}

.story-index .accordion #filter-stories .checkbox img {
	filter: grayscale(1) brightness(1.2);
	-webkit-filter: grayscale(1) brightness(1.2);
}

.story-index .accordion #filter-stories .checkbox.active img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}

.story-index .accordion #filter-stories .checkbox input {
	margin: 0 10px 0 auto;
}

.story-index .accordion #filter-stories button {
	border: 2px solid #1540F5;
	color: #1540F5;
	font-size: 16px;
	background: transparent;
	padding: 7px 30px;
	margin-right: 10px;
	display: inline-block;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.story-index .accordion #filter-stories button:hover {
	background: #1540F5;
	color: #fff;
	cursor: pointer;
}

.story-index .accordion #filter-stories button + a {
	text-decoration: none;
}

/* Story archive elementor templates */

.blue-print {
	border-top: 2px solid #E1E1E1;
}

.blue-print .elementor-section,
.highlights-accordion {
	background-color: #f2f2f2 !important;
}

/* Story archive pagination */

#page-controls {
	display: flex;
}

#page-controls a {
	color: var( --e-global-color-primary );
	text-decoration: none;
	font-family: "Strong Sans Regular", Sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 46px;
	line-height: 40px;
	margin-top: 30px;
	cursor: pointer;
}

#page-controls a.button-disabled {
	opacity: .3;
	cursor: default;
}

#page-controls a#previous-page {
	padding-left: 30px;
	background: url(./assets/images/pink-arrow-left.svg) left no-repeat;
}

#page-controls a#next-page {
	margin-left: auto;
	padding-right: 30px;
	background: url(./assets/images/pink-arrow-right.svg) right no-repeat;
}

/* Story archive cards */

#story-index {
	display: flex;
	flex-wrap: wrap;
	margin: 20px -15px 0 -15px;
}

.story-card {
	width: calc(33.33% - 30px);
	background: #fff;
	margin: 0 15px 30px 15px;
	padding: 30px 30px 0 30px;
	display: flex;
    flex-direction: column;
	position: relative;
	cursor: pointer;
}

.story-card.user-free *:not(.locked) {
	opacity: .35;
}

.story-card.user-free.free * {
	opacity: 1;
}

.story-card.user-anonymous .locked {
	display: none;
}

.story-card .locked {
	color: #1540F5;
    opacity: 1;
    position: absolute;
    top: 110px;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    pointer-events: none;
    font-size: 22px;
}

.story-card .locked img {
	opacity: 1 !important;
	margin-right: 5px;
}

.story-card > a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
}

.story-card .story-card-image img {
	width: 100%;
	height: auto;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;;
}

.story-card:hover .story-card-image img {
	opacity: .3;
}

.story-card .content {
	line-height: 1.4em;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}


.story-card:hover .content .story-bionic-story-unit,
.story-card:hover .content h5 {
	visibility: hidden;
}

.story-card:hover .content .story-atomic-story-unit {
	display: block;
}

.story-card .content-hover {
	display: none;
}

.story-card:hover .content-hover {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 120px;
	display: block;
}

.story-card:hover .content-hover h5::after {
	content: '';
	height: 10px;
	width: 100%;
	background: #11D8BB;
	position: absolute;
	display: inline-block;
	bottom: 0;
	left: 0;
	z-index: -1;
    mix-blend-mode: multiply;
}

.story-card .content h5,
.story-card .content-hover h5 {
	font-size: 36px;
	line-height: 32px;
	margin: 20px 0;
	position: relative;
	z-index: 1;
	display: inline-block;
}

.story-card .content p.story-bionic-story-unit {
	margin-bottom: 32px;
}

.story-card .content .story-atomic-story-unit {
	display: none;
}

.story-card .story-last-edited {
	font-size: 14px;
	opacity: .5;
	margin-top: auto;
}

.story-card footer {
	margin-top: auto;
	padding-top: 5px; 
	border-top: 2px solid rgba(77, 77, 77, .1);
}

.story-card footer .story-category {
	display: none;
	align-items: center;
	color: #1540F5;
    font-size: 14px;
	white-space: pre;
}

.story-card footer .story-category:nth-of-type(1),
.story-card footer .story-category:nth-of-type(2) {
	display: inline-flex;
}

.walk {
	border-top: 1px solid #4D4D4D3D;
}

/* Single story */

.single.single-stories .container {
    padding: 0 100px;
}

.single.single-stories .header {
	background-image: url(./assets/images/story-poster.png);
    background-position: 90% 0;
    background-repeat: no-repeat;
    background-size: auto;
	position: relative;
}

.single.single-stories .header::before {
	content: '';
    position: absolute;
    height: 150px;
    width: 2px;
    background: #1540F5;
    left: 0;
    right: 0;
    margin: auto;
    bottom: calc(-15%);
    z-index: 1;
}

.single.single-stories .header h1 + p {
	font-size: 24px;
	line-height: 32px;
}

.single.single-stories .header img {
	height: auto;
	max-width: 100%;
}

.single.single-stories .header img.birds {
	position: absolute;
    height: auto;
    width: auto;
    bottom: -20%;
    left: -5%;
	padding: 0;
	pointer-events: none;
}

.single.single-stories .canvas-download {
	border: 2px solid #1540F5;
	color: #1540F5;
	text-decoration: none;
	font-size: 18px;
	margin: 0 auto;
	padding: 4px 35px;
	display: table;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.single.single-stories .canvas-download:hover {
	color: #fff;
	background: #1540F5;
}

.story-individual .site-main {
	background: #F2F2F2;
	overflow: hidden;
}

.story-individual .site-main .intro {
	padding-top: 120px;
	padding-bottom: 90px;
	margin-bottom: 90px;
	border-bottom: 2px solid #E1E1E1;
}

.story-individual .site-main .intro ul.story-info {
	margin: 0;
	padding: 0 0 0 30px;
	list-style: none;
}

.story-individual .site-main .intro ul.story-info li {
	padding: 7px 0;
	border-top: 2px solid #E1E1E1;
}

.story-individual .site-main .intro ul.story-info li p.last-updated {
	font-size: 14px;
    opacity: .5;
}

.story-individual .site-main .intro ul.story-info li .story-category,
.story-individual .site-main .intro ul.story-info li .story-type {
    color: #1540F5;
    font-size: 14px;
}

/* Single story tabs */

.story-individual .site-main ul.story-tabs {
	list-style: none;
}

.story-individual .site-main ul.story-tabs li {
	display: inline-block;
	position: relative;
	padding: 0 5px;
}

.story-individual .site-main ul.story-tabs li button {
	border: 2px solid #1540F5;
	color: #1540F5;
	background: transparent;
	padding: 5px 20px;
	text-decoration: none;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.story-individual .site-main ul.story-tabs li button.active,
.story-individual .site-main ul.story-tabs li button:hover {
	color: #fff;
	background: #1540F5;
}

.story-tab-content .canvas-content {
	display: none;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-template-rows: auto 300px;
	grid-column-gap: 6px;
	grid-row-gap: 6px;
	margin: 0 -6px 60px -6px;
}

.story-tab-content .canvas-content {
	grid-column-gap: 0;
	grid-row-gap: 0;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(1) {
	grid-area: 1 / 1 / span 2 / 2;
	border-right: 1px dashed #B1B1B1;
	height: 618px;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(2) {
	grid-area: 1 / 2 / 2 / 3;
	border-right: 1px dashed #B1B1B1;
	border-bottom: 1px dashed #B1B1B1;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(3) {
	grid-area: 1 / 3 / span 2 / 4;
	border-right: 1px dashed #B1B1B1;
	height: 618px;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(4) {
	grid-area: 3 / 1 / 4 / span 3;
	width: calc(100% - 110px);
	border-top: 1px dashed #B1B1B1;
	border-right: 1px dashed #B1B1B1;
	padding-top: 20px;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(5) {
	grid-area: 2 / 2 / 3 / 3;
	border-right: 1px dashed #B1B1B1;
	padding-top: 20px;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(6) {
	grid-area: 1 / 4 / 2 / 5;
	border-right: 1px dashed #B1B1B1;
	border-bottom: 1px dashed #B1B1B1;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(7) {
	grid-area: 3 / 4 / 4 / span 2;
	width: calc(100% + 110px);
    margin-left: -110px;
	border-top: 1px dashed #B1B1B1;
	padding-top: 20px;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(8) {
	grid-area: 2 / 4 / 3 / 5;
	border-right: 1px dashed #B1B1B1;
	padding-top: 20px;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(9) {
	grid-area: 1 / 5 / span 2 / 6;
	height: 618px;
}

.story-tab-content .canvas-content.active {
	display: grid;
}

.story-tab-content .canvas-content .lean-story-block {
	background-color: #fff;
	padding: 0 20px 20px 20px;
}

.story-tab-content .canvas-content .lean-story-block h5 {
	font-size: 24px !important;
	line-height: 20px !important;
}

.story-tab-content .canvas-content .lean-story-block h5 span {
	color: #202020 !important;
}

.story-tab-content .canvas-content .lean-story-block h5 img {
	height: 20px;
    max-width: 30px;
	margin-right: 15px;
}

.story-tab-content .canvas-content .lean-story-block p.subtitle {
	font-size: 12px;
	line-height: 16px;
	color: #202020;
	opacity: 0.6;
}

.story-tab-content .canvas-content .lean-story-block:nth-of-type(6) p.subtitle,
.story-tab-content .canvas-content .lean-story-block:nth-of-type(9) p.subtitle {
	margin-bottom: 30px;
}

.story-tab-content .canvas-content .lean-story-block p,
.story-tab-content .canvas-content .lean-story-block li {
	line-height: 24px;
	font-size: 16px;
}

/* Hemmingway tab */

#hemmingway-story-canvas-content.active,
#visual-story-canvas-content.active {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px;
	margin-bottom: 60px;
}

#hemmingway-story-canvas-content .hemmingway-story-block,
#visual-story-canvas-content .visual {
	width: calc(20% - 9px);
	margin: 0 2px 3px 2px;
	padding: 10px;
	background: url(./assets/images/story-card-bg.svg) no-repeat;
	background-size: cover;
}

#hemmingway-story-canvas-content .hemmingway-story-block .content {
	padding: 15px;
	background: url(./assets/images/story-card-content.svg) no-repeat;
	background-size: cover;
	height: calc(100% - 42px);
	min-height: 250px;
}

#hemmingway-story-canvas-content .hemmingway-story-block.no-statement .content {
	display: flex;
	align-items: center;
}

#hemmingway-story-canvas-content .hemmingway-story-block.no-statement .content h3 {
	font-size: 37px;
    margin: 0;
    line-height: .9em;
}

#hemmingway-story-canvas-content .hemmingway-story-block .content h3 {
	font-size: 32px;
	line-height: 28px;
}

#hemmingway-story-canvas-content .hemmingway-story-block .content p {
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0 0 0;
}

#hemmingway-story-canvas-content .hemmingway-story-block footer {
	color: #1540F5;
	font-size: 14px;
	margin-top: 10px;
}

#hemmingway-story-canvas-content .hemmingway-story-block footer img {
	margin-left: auto;
	max-height: 30px;
	max-width: 30px;
}

/* Modal */

.premium-modal-trigger-btn span {
	margin: 0 auto;
}

.modal_outer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	align-items: center;
	justify-content: center;
	z-index: 99999;
	display: none;
}

.modal_outer.active {
	display: flex;
}

.modal,
.single.single-stories .modal { /* second super specific class to override meddlesome bootstrap */
	max-width: 920px;
	width: 90%;
	margin: auto;
	position: relative;
	background: #fff;
	text-align: center;
	padding: 60px 30px;
	overflow: scroll;
	display: block;
	height: auto;
}

.modal .modal__close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

.modal .modal__close:after {
	display: inline-block;
	font-size: 28px;
	color: #1540F5;
	content: "\00d7";
}

.modal .modal__body {
	max-width: 700px;
    margin: 0 auto;
}

.modal .modal__body h4 {
	margin: 20px 0;
	color: #1540F5;
}

.modal .modal__body .btn {
	border: 2px solid #1540F5;
	text-decoration: none;
	padding: 10px 20px;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.modal .modal__body .btn:hover {
	color: #fff;
	background: #1540F5;
}

/*  */

.canvas-content#lean-story-canvas-content {
	padding: 20px;
	background: #fff;
	grid-auto-rows: 1fr;
	max-width: 1440px;
	margin: 0 auto 60px auto;
}

.canvas-content#hemmingway-story-canvas-content,
.canvas-content#visual-story-canvas-content {
	max-width: 1140px;
	margin: 0 auto 60px auto;
}

#visual-story-canvas-content .visual img {
	max-width: 100%;
	height: auto;
}

#visual-story-canvas-content .visual p {
	color: #1540F5;
	font-size: 14px;
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 0 0;
}

#visual-story-canvas-content .visual p img {
	margin-left: auto;
	max-height: 30px;
	max-width: 30px;
}

/* Story insight */

body .story-insight {
	border: 2px solid #1540F5;
	padding: 80px 40px;
	position: relative;
	margin-top: 140px;
}

body .story-insight img {
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
}

body .story-insight::before {
	content: '';
    position: absolute;
    height: 75px;
    width: 2px;
    background: #1540F5;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(-125px);
    z-index: 1;
}

body .story-insight::after {
	content: '';
	display: block;
	background: #F2F2F2;
	position: absolute;
	top: -35px;
	left: 0;
    right: 0;
	margin: auto;
	height: 70px;
	width: 70px;
}

body .story-insight h3 {
	color: #1540F5;
	margin: 0 0 36px 0;
}

body .story-insight p {
	max-width: 800px;
	margin: 0 auto;
}

.story-sources strong,
.story-sources a {
	margin-right: 15px;
}

/* Related stories */

.story-individual .story-related {
	background: #fff;
	padding: 90px 0;
	position: relative;
}

.story-individual .story-related img.birds {
	position: absolute;
    top: -100px;
    right: 0;
}

.story-individual .story-related .related-stories {
	display: flex;
    flex-wrap: wrap;
    margin: 60px -15px 0 -15px;
}

.story-individual .story-related .related-stories .story-card {
	border: 2px solid #EDEDED;
}

/* Word accordion */

.word-accordion {
	max-width: 500px;
	margin: 0 auto;
}

body .word-accordion h2 {
	margin: 0;
	font-size: 90px;
}

.word-accordion dt {
	font-size: 56px;
	line-height: .8;
    cursor: pointer;
	font-family: "Strong Sans Regular", Sans-serif;
	display: inline;
	margin-right: 10px;
}

.word-accordion dd {
	margin: 0;
	padding-right: 20px;
	display: none;
	position: relative;
}

.word-accordion dd .close {
    position: absolute;
    right: 0;
    top: 5px;
    width: 16px;
    height: 16px;
    opacity: 0.3;
	cursor: pointer;
}

.word-accordion dd .close:hover {
    opacity: 1;
}

.word-accordion dd .close:before,
.word-accordion dd .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 16px;
    width: 2px;
    background-color: #333;
}

.word-accordion dd .close:before {
    transform: rotate(45deg);
}

.word-accordion dd .close:after {
    transform: rotate(-45deg);
}

/* Content hub archive */

#searchform.content-hub-searchform {
	display: flex;
}

#searchform.content-hub-searchform button {
	background: #1540F5;
    border: none;
	padding: 10px 20px;
}

#searchform.content-hub-searchform button:hover {
	background: #FC40B6;
	cursor: pointer;
}

#searchform.content-hub-searchform button i {
	font-size: 18px;
}

#searchform.content-hub-searchform [type="text"] {
	background: #F2F2F2;
	border: none;
	padding: 15px;
    font-size: 16px;
	min-width: 90%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

#searchform.content-hub-searchform [type="text"]:focus {
	border: none;
	outline: none;
	box-shadow: none;
}

#searchform.content-hub-searchform [type="text"]::placeholder {
	color: rgba(0, 0, 0, .5);
}

#searchform + .clear-search {
	font-size: 18px;
    text-decoration: none;
	color: #1540F5;
    fill: #1540F5;
    border: 2px solid #1540F5;
    background-color: #1540F5;
    border-radius: 0px 0px 0px 0px;
    padding: 6px 25px 6px 25px;
    text-transform: none;
	margin-top: 20px;
    font-weight: normal;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
	background: transparent;
    cursor: pointer;
	display: inline-block;
}

#searchform + .clear-search:hover {
	background: #1540F5;
	color: #fff;
}

.content-hub-posts {
	background: #f2f2f2;
	padding: 85px 0;
}

.no-posts {
	margin-top: 30px;
}

.content-hub-posts .container {
	max-width: 1140px;
	margin: 0 auto;
	display: flex;
}

.content-hub-posts .container .hub-sidebar {
	width: calc(25% - 45px);
	padding-right: 45px;
	position: sticky;
    top: 40px;
    height: 100%;
}

.content-hub-posts .container .hub-sidebar h5 {
	font-size: 32px;
	margin: 0 0 20px 0;
}

.content-hub-posts .container .hub-sidebar .title {
	border-top: 2px solid rgba(0, 0, 0, .05);
	padding: 10px 0;
}

.content-hub-posts .container .hub-sidebar .title,
.content-hub-posts .container .hub-sidebar ul li {
	display: flex;
	align-items: center;
}

.content-hub-posts .container .hub-sidebar .title i,
.content-hub-posts .container .hub-sidebar ul li [type="checkbox"] {
	margin-left: auto;
	color: #1540F5;
	cursor: pointer;
}

.content-hub-posts .container .hub-sidebar ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}

.content-hub-posts .container .hub-sidebar ul.close {
	display: none;
}

.content-hub-posts .container .hub-sidebar .btn,
.content-hub-posts .container .hub-sidebar .btn.reset:hover {
	font-size: 18px;
	text-decoration: none;
	fill: #1540F5;
	color: #fff;
	border: 2px solid #1540F5;
	background-color: #1540F5;
	border-radius: 0px 0px 0px 0px;
	padding: 6px 25px 6px 25px;
	text-transform: none;
	font-weight: normal;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.content-hub-posts .container .hub-sidebar .btn:hover,
.content-hub-posts .container .hub-sidebar .btn.reset {
	background: transparent;
	color: #1540F5;
	cursor: pointer;
}

.content-hub-posts .container .hub-sidebar .btn.reset {
	margin-top: 10px;
}

.content-hub-posts .container .hub-posts {
	width: 75%;
}

/* Content hub pagination */

.content-hub-posts .pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.content-hub-posts .pagination .page-numbers {
	margin: 0 2.5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 33px;
	width: 33px;
	border: 2px solid #1540F5;
	background: #1540F5;
	color: #fff;
	text-decoration: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
}

.content-hub-posts .pagination .page-numbers:hover,
.content-hub-posts .pagination span.page-numbers {
	background: transparent;
	color: #1540F5;
	cursor: pointer;
}

/* Content hub featured posts */

.featured-hub .slick-track {
    display: flex !important;
}

.featured-hub .slick-slide {
    height: inherit !important;
}

.featured-hub svg.slick-arrow {
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 99;
	padding: 10px;
	cursor: pointer;
	transform: translateY(-50%) scale(1.5);
	-webkit-transform: translateY(-50%) scale(1.5);
	-moz-transform: translateY(-50%) scale(1.5);
	-ms-transform: translateY(-50%) scale(1.5);
	-o-transform: translateY(-50%) scale(1.5);
}

.featured-hub svg.slick-arrow:last-of-type {
	right: 10px;
	left: auto;
}

.featured-post {
	background: #fff;
	display: flex;
	height: 100%;
}

.featured-post .left,
.featured-post .right {
	width: 50%;
	padding: 50px 50px 30px 50px;
}

.featured-post .left {
	display: flex;
    flex-direction: column;
}

.featured-post .right {
	background-size: cover;
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}

.featured-post .right > a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.featured-post .right svg {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
}

.featured-post .full {
	width: 100%;
}

.featured-post h4 {
	margin: 0 0 20px 0;
	color: #1540F5;
}

.featured-post h4 a {
	text-decoration: none;
}

.featured-post p {
	line-height: 1.4em;
}

.featured-post .btn {
    font-size: 18px;
    text-decoration: none;
    color: #1540F5;
    border: 2px solid #1540F5;
	background-color: transparent;
    border-radius: 0px 0px 0px 0px;
    padding: 2px 45px 2px 45px;
    font-weight: normal;
    margin: 0 0 40px 0;
    align-self: flex-start;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -ms-border-radius: 0px 0px 0px 0px;
    -o-border-radius: 0px 0px 0px 0px;
}

.featured-post .btn:hover {
	color: #fff;
    background-color: #1540F5;
}

.hub-posts .posts-wrap .post footer,
.featured-post footer {
	border-top: 2px solid #f4f4f4;
	display: flex;
	margin-top: auto;
	padding-top: 10px;
}

.hub-posts .posts-wrap .post footer .topics,
.featured-post footer .topics,
.hub-posts .posts-wrap .post footer .topics a,
.featured-post footer .topics a {
	color: #1540F5;
	font-size: 14px;
	text-decoration: none;
}

.hub-posts .posts-wrap .post footer .time,
.featured-post footer .time {
	display: inline-flex;
	margin-left: auto;
	align-items: center;
	opacity: .5;
	font-size: 14px;
}
.hub-posts .posts-wrap .post footer .time img,
.featured-post footer .time img {
	margin-right: 5px;
	transform: translateY(-2px);
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	-o-transform: translateY(-2px);
}

/* Resource cards */

.rect-resource-card {
	position: relative;
}

.rect-resource-card:hover {
	background: #1540F5;
}

.rect-resource-card:hover p {
	color: #fff;
}

.rect-resource-card:hover a img {
	filter: brightness(0) invert(1);
}

.rect-resource-card > a:first-of-type {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.rect-resource-card .elementor-column:first-of-type .elementor-widget-image {
	margin: 0 !important;
}

.rect-resource-card .elementor-column:first-of-type .elementor-widget-image:first-of-type {
	display: none;
}

.rect-resource-card:hover .elementor-column:first-of-type .elementor-widget-image:first-of-type {
	display: block;
}

.rect-resource-card:hover .elementor-column:first-of-type .elementor-widget-image {
	display: none;
}

/* Footer mailchimp */

.footer-mailchimp.success .elementor-col-50 {
	width: 100% !important;
	text-align: center;
}

.footer-mailchimp.success .elementor-col-50 > .elementor-widget-wrap {
	padding: 30px 0 0 0 !important;
}

.footer-mailchimp.success .elementor-col-50 h4 {
	text-align: center;
}

.footer-mailchimp.success .elementor-col-50 p {
	max-width: 600px;
    margin: 0 auto;
}

.footer-mailchimp.success .elementor-col-50:last-of-type {
	display: none;
}

/* Content hub posts */

.hub-posts .posts-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 7.5px -7.5px 0 -7.5px;
}

.hub-posts .posts-wrap p.no-results {
	margin: 20px 7.5px 0 7.5px;
}

.hub-posts .posts-wrap .post {
	background: #fff;
	width: calc(33.33% - 15px);
	margin: 7.5px;
	display: flex;
    flex-direction: column;
	position: relative;
}

.hub-posts .posts-wrap .post .background-img {
	height: 225px;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-position: center;
}

.hub-posts .posts-wrap .post .background-img > a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.hub-posts .posts-wrap .post .content {
	padding: 30px 30px 20px 30px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.hub-posts .posts-wrap .post .content .type-icon {
	margin-bottom: 20px;
}

.hub-posts .posts-wrap .post.span-2 .content h4 {
	font-size: 56px;
	line-height: 50px;
}

.hub-posts .posts-wrap .post .content h4 {
	margin: 0 0 20px 0;
	font-size: 36px;
    line-height: 32px;
}

.hub-posts .posts-wrap .post .content h4 a {
	color: #202020;
	text-decoration: none;
}

.hub-posts .posts-wrap .post .content p {
	line-height: 1.4em;
}

.hub-posts .posts-wrap .post.span-2 {
	width: calc(66.66% - 15px);
}

.hub-posts .posts-wrap .post.span-2 .background-img {
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
}

.hub-posts .posts-wrap .post.span-2 .content {
	position: relative;
	z-index: 1;
	color: #fff;
}

.hub-posts .posts-wrap .post.span-2 .content .type-icon {
	display: none;
}

.hub-posts .posts-wrap .post.span-2 .content h4 a,
.hub-posts .posts-wrap .post.span-2 footer .topics {
	color: #fff;
}

.hub-posts .posts-wrap .post.span-2 .content footer {
	border-color: rgba(255, 255, 255, .2);
}

.hub-posts .posts-wrap .post.span-2 footer .time img {
	filter: invert(1);
	-webkit-filter: invert(1);
}

/* Content Hub single */

.single-content-hub.event .elementor-location-header header {
	background: #f2f2f2 !important;
}

/* Responsive */

@media(max-width: 1399px) {

	.single.single-stories .container {
		padding: 0;
	}

	.story-individual .container {
		max-width: 1100px;
	}

}

@media(max-width: 1199px) {

	.page-header-1 {
		background-position: -10vw 100%, 80vw 0;
	}

	.story-individual .container {
		max-width: 1100px;
	}

	.content-hub-posts .container {
		padding: 0 15px;
	}

	.single.single-stories .header img.birds {
		max-height: 300px;
	}

	.story-individual .story-related img.birds {
		max-height: 300px;
		top: -50px;
	}

}

@media(max-width: 1024px) {

	.story-individual .container {
		padding: 0 15px;
	}
	
	.pricing-2::after {
		right: 0;
	}
	
	[data-elementor-type="header"] .elementor-menu-toggle.elementor-active {
		z-index: 99999;
	}
	
	[data-elementor-type="header"] .elementor-menu-toggle.elementor-active i {
		color: #fff;	
	}
	
	[data-elementor-type="header"] ul.elementor-nav-menu li.menu-item-has-children i {
		display: block;
	}
	
	body [data-elementor-type="header"] .elementor-section .elementor-widget-nav-menu .elementor-widget-container .elementor-nav-menu__container {
		background: #1540f5 !important;
		position: fixed;
		top: 0 !important;
		left: 0 !important;
		height: 100vh;
		margin: 0 !important;
		padding-top: 100px;
	}
	
	[data-elementor-type="header"] .elementor-section .elementor-widget-nav-menu .elementor-nav-menu__container ul {
		padding: 0 50px;
	}
	
	[data-elementor-type="header"] .elementor-section .elementor-widget-nav-menu .elementor-nav-menu__container ul li {
		border-bottom: 1px solid #fff;
	}
	
	[data-elementor-type="header"] .elementor-section .elementor-widget-nav-menu .elementor-nav-menu__container ul li.button {
		display: none;	
	}
	
	[data-elementor-type="header"] .elementor-section .elementor-widget-nav-menu .elementor-nav-menu__container ul li a {
		color: #fff !important;
		justify-content: left;
		padding: 25px 0;
	}
	
	[data-elementor-type="header"] .elementor-section .elementor-widget-nav-menu .elementor-nav-menu__container li.profile:before {
		content: url(./assets/images/white-heart.svg);
		margin-right: 10px;
	}
	
	[data-elementor-type="header"] .elementor-section .elementor-widget-nav-menu .elementor-nav-menu__container ul li.menu-item-has-children i {
		color: #fff;
		margin-left: auto;
		position: absolute;
		right: 0;
		top: 25px;
		font-size: 18px;
		transition: all 300ms ease;
	}
	
	[data-elementor-type="header"] .elementor-section .elementor-widget-nav-menu .elementor-nav-menu__container ul li.menu-item-has-children ul.sub-menu.open {
		display: block;
		background: transparent;
		padding: 0 0 0 20px;
	}
	
	[data-elementor-type="header"] .elementor-section .elementor-widget-nav-menu .elementor-nav-menu__container ul li.menu-item-has-children ul.sub-menu.open li {
		border: none;
	}

	.story-index .accordion h4 {
		padding: 5px 20px;
	}

	.hub-posts .posts-wrap .post {
		width: calc(50% - 15px);
	}

	.hub-posts .posts-wrap .post.span-2 {
		width: calc(50% - 15px);
	}

	.elementor-location-header nav ul li.current_page_item > a {
		background: rgba(0, 0, 0, .2) !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.elementor-location-header nav ul li.current_page_item > a::after {
		display: none;
	}

	.elementor-location-header nav ul.elementor-nav-menu--dropdown {
		background: rgba(0, 0, 0, .2) !important;
		padding: 0 20px !important;
    	border: 1px solid #fff !important;
	}

	.elementor-location-header nav ul.elementor-nav-menu--dropdown li:last-of-type {
		border: none !important;
	}
	
}

@media(max-width: 991px) {
	
	.featured-post .elementor-post__text {
		padding: 40px;
	}
	
	html body .all-courses ul.course-container li.course {
		width: calc(50% - 30px);
	}

	.story-tab-content .canvas-content {
		grid-template-rows: auto 600px;
	}
	
}

@media(min-width: 768px) {
	
	body .elementor .elementor-inner-section {
		margin-left: -10px;
		margin-right: -10px;
		width: calc(100% + 20px);
	}
	
}

@media(max-width: 767px) {
	
	h1,
	h2,
	h3 {
		font-size: 46px !important;
		line-height: 40px !important;
	}
	
	h4,
	h5 {
		font-size: 32px !important;
		line-height: 32px !important;
	}
	
	.page-header-1 {
		background: transparent;
	}
	
	.page-header-1 h1::after {
		height: 150px;
		top: calc(100% + 25px);
	}

	[data-elementor-type="wp-page"] {
		overflow-x: hidden;
	}

	.premium-modal-box-modal .premium-modal-box-modal-dialog {
		max-width: 90%;
	}
	
	body .elementor-location-footer nav ul.elementor-nav-menu {
		display: block;
		margin-bottom: 30px;
	}
	
	body .elementor-location-footer nav ul.elementor-nav-menu li {
		display: block;
	}
	
	body .elementor-location-footer nav ul.elementor-nav-menu li a {
		padding-left: 0;
		padding-right: 0;
	}
	
	body .elementor .elementor-inner-section .elementor-widget-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	
	.pricing-2::after {
		transform: scale(.5);
	}
	
	.featured-post .elementor-post {
		display: block !important;
	}
	
	.featured-post .elementor-post__text {
		width: 90%;
		position: static;
		transform: translate(10%, -10%);
	}
	
	.img-overlay img {
		min-width: 100%;
	}
	
	.timeline::after {
		display: none;
	}

	.single-course .course-lessons .inner {
		display: block;
	}

	.single-course .course-lessons .inner .right {
		padding-left: 0;
	}

	.single-course .course-lessons .inner .left,
	.single-course .course-lessons .inner .right {
		width: 100%;
	}

	html body .all-courses ul.course-container li.course .entry h3 {
		flex: 100%;
		font-size: 24px !important;
	}
	
	html body .all-courses ul.course-container li.course {
		width: calc(100% - 30px);
	}
	
	form.elementor-search-form .elementor-search-form__container {
		flex-wrap: wrap;
	}
	
	form.elementor-search-form .elementor-search-form__container input[type="search"] {
		border: none !important;
		padding: 8px;
		text-align: center;
	}
	
	form.elementor-search-form .elementor-search-form__container button[type="submit"] {
		width: 100% !important;
		padding: 8px !important;
	}
	
	body .mkb-columns-3 .kb-topic {
		width: 100%;
		flex: auto;
		padding: 0 !important;
	}

	.post-entries {
		margin-bottom: 30px;
		text-align: center;
	}

	.post-entries .nav-prev {
		margin-bottom: 15px;
	}

	.post-entries .nav-prev,
	.post-entries .nav-next {
		float: none;
		width: 100%;
	}

	.post-entries.pagination a,
	.post-entries.pagination i {
		font-size: 22px;
	}

	.story-card {
		width: calc(50% - 30px);
	}

	.story-index .accordion #filter-stories .checkbox {
		width: calc(33.33% - 8px);
	}

	.story-tab-content .canvas-content {
		display: flex !important;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 15px;
		margin-bottom: 120px;
	}

	.story-tab-content .canvas-content::-webkit-scrollbar {
		width: 5px;
		height: 5px;
	}
	
	.story-tab-content .canvas-content::-webkit-scrollbar-button {
		width: 0px;
		height: 0px;
	}
	
	.story-tab-content .canvas-content::-webkit-scrollbar-thumb {
		background: #a6a6a6;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
	}
	
	.story-tab-content .canvas-content::-webkit-scrollbar-track {
		background: #e1e1e1;
		border-radius: 50px;
	}
	
	.story-tab-content .canvas-content::-webkit-scrollbar-corner {
		background: transparent;
	}

	.canvas-content#lean-story-canvas-content {
		padding: 0 0 30px 0;
		background: transparent;
	}

	#visual-story-canvas-content .visual img {
		width: 100%;
	}

	.story-tab-content .canvas-content .lean-story-block {
		padding: 15px;
		min-width: 300px;
		border: none !important;
		margin: 0 7.5px;
	}

	#hemmingway-story-canvas-content.active, #visual-story-canvas-content.active {
		flex-wrap: nowrap;
	}
	
	#hemmingway-story-canvas-content .hemmingway-story-block, #visual-story-canvas-content .visual {
		min-width: 300px;
	}

	.story-tab-content .canvas-content .lean-story-block:nth-of-type(1) {
		order: 1;
	}

	.story-tab-content .canvas-content .lean-story-block:nth-of-type(2) {
		order: 2;
	}

	.story-tab-content .canvas-content .lean-story-block:nth-of-type(4) {
		order: 3;
	}

	.story-tab-content .canvas-content .lean-story-block:nth-of-type(5) {
		order: 4;
	}

	.story-tab-content .canvas-content .lean-story-block:nth-of-type(6) {
		order: 5;
	}

	.story-tab-content .canvas-content .lean-story-block:nth-of-type(9) {
		order: 6;
	}

	.story-tab-content .canvas-content .lean-story-block:nth-of-type(8) {
		order: 7;
		width: calc(100%);
		margin: 0;
	}
	
	.story-tab-content .canvas-content .lean-story-block:nth-of-type(7) {
		order: 8;
		width: calc(100%);
		margin: 0;
	}

	.story-tab-content .canvas-content .lean-story-block:nth-of-type(3) {
		order: 9;
	}

	.story-tab-content .canvas-content .lean-story-block {
		height: auto !important;
	}

	.content-hub-posts {
		padding-top: 0;
	}

	.content-hub-posts .container {
		flex-direction: column;
	}

	.content-hub-posts .container .hub-sidebar {
		position: static;
		width: 100%;
		padding: 30px 0 0 0;
	}

	.content-hub-posts .container .hub-sidebar .btn {
		display: block;
		width: 100%;
	}

	.content-hub-posts .container .hub-sidebar .btn.hidden {
		display: none;
	}

	.content-hub-posts .container .hub-posts {
		width: 100%;
	}

	.featured-hub {
		margin: 0 -15px 30px -15px;
	}

	.featured-hub svg.slick-arrow {
		top: 270px;
	}

	.featured-hub svg.slick-arrow path {
		fill: #fff;
	}

	.featured-hub svg.slick-arrow:first-of-type {
		right: 35px;
		left: auto;
	}

	.featured-post {
		flex-direction: column-reverse;
	}

	.featured-post .right {
		min-height: 300px;
	}

	.featured-post .left {
		padding: 25px 15px;
	}

	.featured-post .left,
	.featured-post .right {
		width: 100%;
	}

	.featured-post h4 {
		font-size: 46px !important;
		line-height: 1.1em !important;
	}

	.featured-post .btn {
		display: inline-block !important;
		width: auto !important;
	}

	.hub-posts .posts-wrap .post .content {
		padding: 25px 15px;
	}

	#searchform.content-hub-searchform [type="text"] {
		min-width: 100%;
	}

	#searchform.content-hub-searchform button {
		position: absolute;
		top: 0;
		right: 0;
		height: 48px;
	}

	.single-kb {
		background: none;
	}

	.post-entries.pagination {
		display: flex;
		justify-content: space-between;
	}

	.post-entries.pagination .nav-prev span.title,
	.post-entries.pagination .nav-next span.title {
		display: none;
	}

	.lesson #commentform #submit,
	.lesson .submit, .lesson input[type=submit] {
		background: #f2f2f2 !important;
	}

}

@media (max-width: 575px) {

	/* Remove cookie icon on mobile */
	.cky-btn-revisit-wrapper {
		display: none !important;
	}

	.story-archive-wrapper::before {
		left: 15px;
		right: auto;
	}

	#story-index-search {
		-webkit-appearance: none;
	}

	.story-index #search-stories button {
		top: 2px
	}

	.story-index .accordion::after {
		display: none;
	}

	.story-index .accordion #filter-stories .cat-wrap {
		display: block;
	}

	.story-index .accordion #filter-stories .checkbox {
		width: calc(100%);
		background: transparent;
		margin: 0;
		display: flex;
	}

	.story-index .accordion #filter-stories .checkbox {
		width: calc(100%);
	}

	.story-card {
		width: calc(100% - 30px);
	}

	.return-to-index {
		display: none;
	}

	.single.single-stories .header {
		background: transparent;
		padding-bottom: 150px;
	}

	.single.single-stories .header h1 {
		font-size: 56px !important;
		line-height: 50px !important;
	}

	.single.single-stories .header .row {
		flex-direction: column-reverse;
	}

	.single.single-stories .header img.birds {
		max-height: 250px;
		bottom: -10%;
	}

	.story-individual .site-main .intro ul.story-info {
		padding: 30px 0;
	}

	.story-individual .site-main ul.story-tabs {
		display: none;
	}

	.story-individual .site-main .intro {
		padding-bottom: 0;
	}

	.story-tab-content .canvas-content {
		display: flex;
	}

	.story-individual .tab-title {
		color: #1540F5;
		font-size: 46px !important;
		line-height: 40px !important;
		position: relative;
		-webkit-font-smoothing: antialiased;
	}

	.story-individual .tab-title::before {
		content: '';
		position: absolute;
		height: 60px;
		width: 2px;
		background: #1540F5;
		left: 0;
		right: 0;
		margin: auto;
		top: calc(-70px);
		z-index: 1;
	}

	.story-tab-content .canvas-content {
		margin-bottom: 150px;
	}

	.story-tab-content .canvas-content .lean-story-block,
	#hemmingway-story-canvas-content .hemmingway-story-block,
	#visual-story-canvas-content .visual {
		min-width: 80%;
	}

	#hemmingway-story-canvas-content .hemmingway-story-block {
		min-height: 400px !important;
	}

	.story-individual .story-related img.birds {
		display: none;
	}

	.hub-posts .posts-wrap .post,
	.hub-posts .posts-wrap .post.span-2 {
		width: calc(100% - 15px);
	}

	.page-header-1 .elementor-container {
		height: 200px;
	}

}

/* Show or hide elements based on page version (free/premium/logged out) */

/* div.logged-out-container.premium-view {
	display: none;
}

div.logged-out-container.free-view {
	display: none;
}

section.content-area.story-archive-wrapper.logged-out-view,
section.content-area.story-individual.logged-out-view {
	display: none;
}

section.content-area.story-archive-wrapper.free-view #search-stories,
section.content-area.story-archive-wrapper.free-view #browse-the-database,
section.content-area.story-archive-wrapper.free-view #page-meta,
section.content-area.story-archive-wrapper.free-view #page-controls,
section.content-area.story-individual.free-view .story-related
{
	display: none;
} */
