/* 
Theme Name: AFAP 2025
Theme URI: https://github.com/elementor/hello-theme-child/
Description: This is a child theme of Hello Elementor, created by Elementor team
Author: Erin Casteel
Author URI: https://erincasteel.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
*/


/* Typography
-------------------------------------------------------------- */
@font-face {
	font-family: 'Sentient Variable Italic';
	src: url('https://fertilityawarenessprofessionals.org/dev/wp-content/uploads/2025/08/Sentient-VariableItalic.ttf')
}

h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em {
	font-family: 'Sentient Variable Italic', sans-serif;
	font-style: normal;
}

/* Header
-------------------------------------------------------------- */
.elementor-sticky--active {
	background-color: #F0F5FA;
}
.elementor-sticky--active.scrolled {
	max-width: calc(100% - 20px);
	margin: 0 10px;
	border-radius: 50px;
	padding: 10px;
}
.elementor-sticky--active.scrolled:has(.elementor-active) {
	border-radius: 50px 50px 0 0;
}
.elementor-sticky .elementor-nav-menu {
	margin: 10px;
	background-color: #F0F5FA;
	border-radius: 0 0 50px 50px;
}
@media (min-width:1251px) {
	.elementor-sticky--active.scrolled {
		background-color: transparent;
		margin: 0;
		border-radius: 0;
	}
	
	.elementor-nav-menu__align-center .elementor-nav-menu {
		margin: 10px auto 0;
		padding: 20px 48px;
		background: #F0F5FA;
		border-radius: 100px;
		align-items: center;
	}

	/* put the Home item in the middle of the menu */
	.site-header .elementor-nav-menu--main li:nth-of-type(1) {
		order: 4;
	}
	.site-header .elementor-nav-menu--main li:nth-of-type(2) {
		order: 1;
	}
	.site-header .elementor-nav-menu--main li:nth-of-type(3) {
		order: 2;
	}
	.site-header .elementor-nav-menu--main li:nth-of-type(4) {
		order: 3;
	}
	.site-header .elementor-nav-menu--main li:nth-of-type(5) {
		order: 5;
	}
	.site-header .elementor-nav-menu--main li:nth-of-type(6) {
		order: 6;
	}
	.site-header .elementor-nav-menu--main li:nth-of-type(7) {
		order: 7;
	}
	.site-header .elementor-nav-menu--main li:nth-of-type(8) {
		order: 8;
	}

	/* replace Home text with logo that changes on scroll */
	.site-header .home {
		width: 200px;
		height: 65px;
		transition: width .5s;
	}
	
	.site-header.scrolled .home {
		width: 65px;
	}
	.site-header .home a {
		color: transparent;
	}
	.site-header .home::before {
		position: absolute;
		content: '';
		width: 90%;
		height: 100%;
		left: 5%;
		opacity: 1;
		background: url('https://fertilityawarenessprofessionals.org/dev/wp-content/uploads/2025/08/lockup-no-logomark.svg') center no-repeat;
		background-size: contain;
		transition: opacity .3s;
	}
	.site-header.scrolled .home::before {
		opacity: 0;
	}

	.site-header .home::after {
		content: ''!important;
		width: 100%;
		height: 100%!important;
		opacity: 0;
		pointer-events: none;
		background: url('https://fertilityawarenessprofessionals.org/dev/wp-content/uploads/2025/08/logomark.svg') center no-repeat;
		background-size: contain;
		position: absolute;
		transition: opacity .3s;
		border-left: none!important;
	}
	.site-header.scrolled .home::after {
		opacity: 1;
	}
}

@media (min-width:1270px) {
	.site-header .home {
		width: 250px;
	}
}

.elementor-widget-nav-menu .elementor-nav-menu .elementor-button a {
    color: var(--e-global-color-93e8229);
    font-weight: 400;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 12px!important;
	padding-bottom: 12px!important;
}

.site-header .home a::after,
.site-header .home a:hover::after,
.site-header .elementor-button a::after,
.site-header .elementor-button a:hover::after {
    opacity: 0;
}

/* Home page
-------------------------------------------------------------- */
.box--numbered::before {
	content: attr(data-number);
	position:absolute;
	top: 2rem;
	left: 2rem;
	color: #fff;
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 24px;
	font-weight: 500;
}

.rtl .box--numbered::before {
	right: 2rem;
	left: auto;
}


/* FAQ page
-------------------------------------------------------------- */
.afap-accordion .e-closed i {
	transform: rotate(45deg);
}
details + details {
border-top: 1px solid #dbdbdb;
}

/* Language switcher
-------------------------------------------------------------- */

/* make the menu animate upward rather than downward.
 * This allows languages to be added without needing to adjust
 * the position of the switcher (that's set in the footer template). */
.cpel-switcher--layout-dropdown .cpel-switcher__list {
	bottom: 100%;
	top: auto;
	flex-direction: column-reverse;
}
.cpel-switcher__list .cpel-switcher__lang:last-of-type a {
	border-radius: 20px 20px 0 0;
}
.cpel-switcher__list .cpel-switcher__lang:first-of-type a {
	border-radius: 0 0 20px 20px;
}
.cpel-switcher__nav a {
	padding: 8px 16px;
}
.cpel-switcher__toggle > a {
	border-radius: 50px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
/* .cpel-switcher__list .cpel-switcher__lang:first-of-type a {
border-radius: 20px 20px 0 0;
}
.cpel-switcher__list .cpel-switcher__lang:last-of-type a {
border-radius: 0 0 20px 20px;
} */