/*
	Theme Name: Hello Elementor Child
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: A plain-vanilla & lightweight theme for Elementor page builder
	Author: Charlie Garrod
	Author URI: https://charliegarrod.studio/
	template: hello-elementor
	Version: 1.14.1
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
	Description: A lightweight, plain-vanilla, best suited for building your site using Elementor website builder. Visit https://elementor.com/hello-theme/ to learn more.
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
.wp-block-list {
	margin-bottom: .9rem;
}

/* Resolves margin-bottom spacing from hello-elementor-child theme ul elements in elementor post content */
.elementor-widget-theme-post-content ul {
	margin-bottom: .9rem;
}

.c-publication-author {
	margin: 25px 0;
	padding: 25px 30px;
	background: #DCF1FA;
	border-radius: 20px;
	color: black;
	padding-left: calc(25px + 32px + 25px);
	background-image: url('./assets/publication-icon.svg');
	background-repeat: no-repeat;
	background-position: 25px 30px;
}
	.c-publication-author__text {
		margin-top: -3px;
	}
	.c-publication-author__text h5 {
		margin: 0;
		font-size: inherit;
		line-height: inherit;
		font-weight: bold;
	}
	.c-publication-author__cta {
		margin-top: 20px;
	}

a.o-button {
	display: inline-block;
    padding: 12px 24px;
    text-align: center;
    transition: all .3s;
	font-family: "DM Serif Display", Sans-serif;
    font-size: 28px;
    font-weight: normal;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 1.1em;
    letter-spacing: -0.1px;
    fill: var(--e-global-color-0a16383);
    color: var(--e-global-color-0a16383);
    background-color: var(--e-global-color-text);
    border-radius: 45px 45px 45px 45px;
}
a.o-button:hover {
	color: var(--e-global-color-0a16383);
    background-color: var(--e-global-color-accent);
}
.page-content a.o-button {
	text-decoration: none;
}

.site-main {
	margin-bottom: 40px;
}

.c-back-to {
}
	.c-back-to i {
		display: inline-block;
		width: 18px;
		height: 15px;
		margin-right: 15px;
		background-image: url(./assets/backto.svg);
		background-size: cover;
		transition: transform .2s ease;
	}
	.c-back-to:hover i {
		transform: translate(-5px, 0);
	}

.c-accordion {

}
	.c-accordion .elementor-toggle {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.c-accordion .elementor-toggle-item {
		border-radius: 10px;
		overflow: hidden;
	}
		.c-accordion .elementor-tab-title {
			display: flex;
			flex-direction: row-reverse;
			align-items: center;
		}
		.c-accordion .elementor-toggle-title {
			flex-grow: 1;
		}
		.c-accordion .elementor-toggle-icon {
			display: flex;
			justify-content: flex-end;
			font-size: 18px;
		}
			.c-accordion .elementor-toggle .elementor-tab-title:not(.elementor-active) .elementor-toggle-icon-closed,
			.c-accordion .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened {
				display: flex;					
			}
		.c-accordion .elementor-tab-content {
			padding-top: 0;
		}
			.c-accordion .elementor-tab-content > *:last-child {
				margin-bottom: 0;
			}

/* Workable Embed */
.whr-items {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.whr-item {}
.whr-title {
	font-size: 24px;
}
	.page-content .whr-title a { text-decoration: none; }
.whr-info {
	list-style: none;
	padding: 0;
	margin: 0;
}
.whr-date {
	display: none;
}

@media (min-width: 700px) {
	.whr-items {
		flex-flow: row;
		flex-wrap: wrap;
		gap: 30px;
		column-gap: 100px;
	}
	.whr-item {
		width: calc(50% - 50px);
	}
	.whr-title {
		font-size: 30px;
	}
}

.c-copy-button {
	position: absolute;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	padding: 2px 5px;
	margin-left: 5px;
	border-radius: 10px;
	gap: 3px;
	font-size: 10px;
	line-height: 1;
	color: black;
	background: #efefef;
	border: 0;
}
	.c-copy-button svg {
		width: 14px;
		height: 14px;
	}
	.c-copy-button:focus,
	.c-copy-button:hover {
		color: black;
		background: var( --e-global-color-accent );
	}