/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.elementor-shortcode svg {
	display: block;
}

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

.category-conversations .hero {
	background: var(--e-global-color-593c499);
}

.category-conversations .hero .wavy path {
	fill: var(--e-global-color-593c499);
}

.category-conversations .hero .cat-tag {
	color: #FFF;
}

.category-conversations .hero h1 {
	color: #FFF;
}

.category-conversations .hero .elementor-widget-theme-post-excerpt .elementor-widget-container {
	color: #000;
}

.category-conversations .hero .hero-img img {
	border-color: #FFF;
}

.category-my-writings .hero {
	background: var(--e-global-color-secondary);
}

.category-my-writings .hero .wavy path {
	fill: var(--e-global-color-secondary);
}

.category-my-writings .hero .cat-tag {
	color: var(--e-global-color-primary);
}

.category-my-writings .hero h1 {
	color: var(--e-global-color-primary);
}

.category-my-writings .hero .elementor-widget-theme-post-excerpt .elementor-widget-container {
	color: #000;
}

.category-my-writings .hero .hero-img img {
	border-color: var(--e-global-color-primary);
}

.category-my-writings .hero .colored-element a {
	background: var(--e-global-color-primary);
}

.category-my-writings .hero .colored-element path {
	stroke: #FFF;
}

.category-journals .hero {
	background: var(--e-global-color-accent);
}

.category-journals .hero .wavy path {
	fill: var(--e-global-color-accent);
}

.category-journals .hero .cat-tag {
	color: var(--e-global-color-primary);
}

.category-journals .hero h1 {
	color: var(--e-global-color-primary);
}

.category-journals .hero .elementor-widget-theme-post-excerpt .elementor-widget-container {
	color: #000;
}

.category-journals .hero .hero-img img {
	border-color: var(--e-global-color-primary);
}

.category-journals .hero .colored-element a {
	background: var(--e-global-color-primary);
	color: #FFF;
}

.category-journals .hero .colored-element path {
	stroke: #FFF;
}

.main-menu .menu-item a:after {
	content: '';
	position: absolute;
	top: calc(100% + .25rem);
	left: 0;
	width: 100%;
	height: 6px;
	background: transparent;
}

.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) a:hover:after,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
	background: white;
}


body.page-contact .elementor-widget-icon.elementor-view-default.mobile-menu-icon .elementor-icon svg,
body.cat-my-writings .elementor-widget-icon.elementor-view-default.mobile-menu-icon .elementor-icon svg {
	fill: var(--e-global-color-primary);
}

body.page-contact .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) a:hover:after,
body.page-contact .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after,
body.cat-my-writings .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) a:hover:after,
body.cat-my-writings .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after {
	background: var(--e-global-color-primary);
}

body:not(.page-contact):not(.cat-my-writings) .dark-logo {
	display: none;
}

body:not(.page-contact):not(.cat-my-writings) .main-menu .menu-item a,
body:not(.page-contact):not(.cat-my-writings) .main-menu .menu-item a:hover,
body:not(.page-contact):not(.cat-my-writings) .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: white;
}

body.page-contact .light-logo,
body.cat-my-writings .light-logo {
	display: none;
}

body.page-contact .main-menu .menu-item a,
body.page-contact .main-menu .menu-item a:hover,
body.cat-my-writings .main-menu .menu-item a,
body.cat-my-writings .main-menu .menu-item a:hover {
	color: var(--e-global-color-primary);
}

body.cat-my-writings .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: var(--e-global-color-primary);
}

.custom-category {
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: uppercase;
    line-height: var(--e-global-typography-accent-line-height);
}

.green-container .colored-element,
.green-container .colored-element a,
.green-container .colored-element path {
	color: var(--e-global-color-e6dd20e);
	stroke: var(--e-global-color-e6dd20e);
}

.vert-card-img img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.play-icon svg {
	transform: translateX(3px);
}

.card-category {
	font-family: var(--e-global-typography-b98904b-font-family), Sans-serif;
    font-size: var(--e-global-typography-b98904b-font-size);
    font-weight: var(--e-global-typography-b98904b-font-weight);
    line-height: var(--e-global-typography-b98904b-line-height);
	text-transform: uppercase;
	color: var(--e-global-color-primary);
	padding: 0.25rem 0.5rem;
	border: 2px solid var(--e-global-color-primary);
	border-radius: 7px 15px 15px 7px;
}

.sm-card-btn-fix {
	margin-top: auto;
}

#content .alt-sm-card-grid .sm-card-btn-fix a {
	background: #FFF;
}

.quote-card-category {
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    text-transform: var(--e-global-typography-secondary-text-transform);
    line-height: var(--e-global-typography-secondary-line-height);
}

.quote-section:nth-child(odd) .quote-card-category,
.quote-section:nth-child(odd) .quote p,
.quote-section:nth-child(odd) .attribution {
	color: #FFF;
}

.quote-section:nth-child(even) .quote-card-category,
.quote-section:nth-child(even) .quote p,
.quote-section:nth-child(even) .attribution {
	color: #000;
}

.quote-section:nth-child(even) .e-loop-item > .e-con {
	text-align: right;
}

.quote-section .swiper {
	overflow: visible;
}

.quote-section .swiper-slide {
	opacity: 0;
	transition: all 0.25s ease-out;
}

.quote-section .swiper-slide-active {
	opacity: 1;
}

.quote-mark {
	font-size: 170%;
    transform: translateY(20px);
    display: inline-block;
}

.footer-menu ul {
	gap: 1rem 0;
}

.footer-menu ul > li {
	flex: 1 1 50%;
}

.newsletter-form .elementor-field-type-email {
	flex: 1;
}

.newsletter-form .elementor-field-type-acceptance {
	order: 1;
}

.newsletter-form .elementor-field-type-submit {
	flex: 0;
}

.newsletter-form .elementor-field-type-submit path {
	stroke: #FFF;
}

.custom-audio-player {
  text-align: center;
  width: 100%;
}

.custom-audio-player .controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3rem;
	margin-bottom: 2rem;
}

.custom-audio-player .controls input {
cursor: pointer;

}

.custom-audio-player .controls input.play {
  height: 58px;
width: auto;

}

.custom-audio-player .controls input:not(.play) {
  height: 45px;
width: auto;

}

.custom-audio-player .timeline {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.custom-audio-player .counters {
	width: 100%;
	display: flex;
	justify-content: space-between;
	color: #FFF;
}

.custom-audio-player .progress {
  flex-grow: 1;
  appearance: none;
  background: #d9d9d980;
  height: 4px;
  border-radius: 2px;
}

.custom-audio-player .progress::-webkit-slider-thumb {
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}

.contact-form button[type=submit] path {
	stroke: white;
}

.author span:before {
	content: 'By ';
}

.single-post .elementor-widget-theme-post-content blockquote {
	margin: 1rem 0;
    padding: 2rem;
    background: #E9E9E9;
    border-radius: 30px;
}

.single-post .elementor-widget-theme-post-content img {
	border-radius: 30px;
}

.single-post .elementor-author-box__name,
.single-post .read-time {
	color: var(--e-global-color-primary);
}

.cat-conversations .elementor-post-info__item--type-date,
.cat-conversations .elementor-author-box__name,
.cat-conversations .read-time {
	color: white !important;
}

.cat-pills .Writings {
	background: var(--e-global-color-secondary);
}

.cat-pills .Writings h3 {
	color: var(--e-global-color-primary);
}

.cat-pills .Journals {
	background: var(--e-global-color-accent);
}

.cat-pills .Journals h3 {
	color: white;
}

.cat-pills .Conversations {
	background: var(--e-global-color-593c499);
}

.cat-pills .Conversations h3 {
	color: white;
}

.cat-pills .Inspirations {
	background: var(--e-global-color-e6dd20e);
}

.cat-pills .Inspirations h3 {
	color: var(--e-global-color-primary);
}


@media (max-width: 767px) {
	.sm-card-btn-fix {
		margin-top: 0;
	}
	
	.elementor-loop-container.elementor-grid {
		grid-auto-rows: auto !important;
	}
}