/**
Theme Name: astra-child
Author: Focusmate
Author URI: https://focusmate.com
Description: Child theme to update custom PHP for focusmate.com
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/* Common Components */
/* Global  */

.ast-primary-header-bar {
	box-shadow: 1px 2px 10px #f2e8dc !important;
}
.site-primary-header-wrap .ast-grid-center-col-layout {
	grid-template-columns: auto auto auto;
	grid-column-gap: 0;
}
.relative {
	position:relative;
}
.fm-button-container {
	width: auto !important;
}
.fm-button {
	width: max-content !important;
}
.fm-join-button {
	width: 100%;
	max-width: 420px;
}
.fm-main-login-btn {
	padding-top: 4px;
	padding-bottom: 4px;
}
.fm-main-signup-btn {
	background: var(--ast-global-color-0);
	border-radius: 10px;
	height: 48px;
	margin-left: 20px;
}
.fm-main-signup-btn:hover {
	background: #5557d0;
}
.fm-main-signup-btn.menu-item > .menu-link {
	color: #fff;
	background: var(--ast-global-color-0);
}
.fm-main-signup-btn.menu-item:hover > .menu-link {
	color: #fff;
	background: #5557d0;
}
.background-glow {
    width: 70%;
    height: 70%;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    filter: blur(60px);
		background: #f2e8dc;
}

/* Home Page - How It Works */
.how-it-works-steps-container {
	background: #f2e8dc;
	@media screen and (min-width: 768px) {
		background: transparent;
	}
}
.how-it-works-step-heading {
	order: -1;
	padding:10px 0;
	@media screen and (min-width: 768px) {
		order: 0;
		padding:0;
	}
}
.how-it-works-step-image {
	margin-bottom: 0;
}
.how-it-works-step-description {
	padding:10px;
	@media screen and (min-width: 768px) {
		padding:0;
	}
}

/* Home Page - Testimonials */
.fm-slide-container {
	width: calc(100vw - 70px) !important;
	margin-left:auto !important;
	margin-right:auto !important;
	@media screen and (min-width: 768px) {
		width: calc(100vw - 220px) !important;
	}
}
.fm-slider-info {
	width: auto !important;
}

/* Navbar */
.core-nav-item > a {
	border-radius: 10px;
}
.core-nav-subitem > a {
	padding: 4px 0 4px 16px !important;
}
.menu-item > a {
	border-radius: 10px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	
	@media screen and (max-width: 992px) {
		border-radius: 0;
	}
}
/* Off Canvas Styles */
.menu-toggle.main-header-menu-toggle:focus {
	outline: none !important;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
	color: var(--ast-global-color-0) !important;
}
.ast-menu-toggle:focus {
	outline: none !important;
}
.ast-submenu-expanded .ast-menu-toggle .ast-arrow-svg{
	transform: rotate(180deg) !important;
}
.menu-link > .ast-icon.icon-arrow {
	display: none !important;
}
.ast-builder-menu-mobile .main-navigation > .main-header-menu > li:last-child {
	max-width: 364px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 30px;
	margin-top: 20px;
	width: 70%;
}
.ast-builder-menu-mobile .main-navigation > .main-header-menu > li:last-child a {
    width: 100%;
    background: var(--ast-global-color-0);
    border-radius: 10px;
    text-align: center;
    color: #fff !important;
}
.ast-builder-menu-mobile .main-navigation > .main-header-menu > li:last-child:hover a {
    background: #5557d0!important
}
#ast-mobile-header .content-align-flex-start {
    max-height: 90vh !important;
}
/* Center Header Menu (product) */
.sub-menu .menu-link:hover {
	border-radius: 0;
}
.sub-menu li:first-child:hover > a {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.sub-menu li:last-child:hover > a {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* Home Page - Referral Notice */
#referral-desktop {	
	/* make it the full screen width by counteracting the padding in the header*/
	width: 100vw;
	margin-left: -50px !important;
	
	padding: 10px;

	text-align: center;
	font-size: 16px;
	font-weight: 600;
	background-color: #ffecc0;
	line-height: normal !important;
}

#referral-mobile {
	/* make it the full screen width by counteracting the padding in the header*/
	width: 100vw;
	margin-left: -15px !important;
	
	padding: 12px;

	text-align: center;
	font-size: 16px;
	font-weight: 600;
	background-color: #ffecc0;
	line-height: normal !important;
}

@media (max-width: 544px) {
	#referral-mobile {
		margin-left: -35px !important;
	}
}

/* Home Page - Pill Ticker */
@keyframes pills-animation {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-50%);
    }
}
@keyframes pills-animation-reverse {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0%);
    }
}
.pills-section {
    width: 100%;
    overflow: hidden;
}
#pill-ticker-lg {
	display: none;
	@media screen and (min-width: 992px) {
		display: flex;
	}
	
}
#pill-ticker-mobile {
	display: flex;
	@media screen and (min-width: 992px) {
		display: none;
	}
	
}
.pills-container-mobile {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    padding: 44px 0px;
}
.pills-strip {
    height: 64px;
    width: fit-content;

    display: flex;
    align-items: center;
    overflow: hidden;
    gap: 20px;
    padding-right: 20px; 
    animation: pills-animation 110s linear infinite;

    @include media-min-width(lg) {
        animation-duration: 140s;
    }
}
.pill-1 {
        background-color: #e0d6ec;
}
.pill-2 {
        background-color: #d3def3;
}
.pill-3 {
        background-color: #f8e2e2;
}
.pill-4 {
        background-color: #e5ece7;
}
.pill-5 {
        background-color: #ffecc0;
}
.pill-reverse {
	animation: pills-animation-reverse 110s linear infinite;
}
.pill {
    display: inline-block;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    white-space: nowrap;
	color: var(--ast-global-color-0);
}
.pill-icon {
    max-width: none; 
    height: 15px;
    margin-right: 10px;
}

/* Use Case Page */
.fm-feature-flex {
	flex: 320px 1 1;
	@media screen and (max-width: 992px) {
		flex: 300px 1 1;
	}
}
/* Footer Tweaks */
.menu-footer-company-container,
.menu-footer-product-container,
.menu-footer-resources-container{
	font-size: 13px !important;
}
.site-footer-primary-section-2 .widget-title,
.site-footer-primary-section-3 .widget-title,
.site-footer-primary-section-4 .widget-title {
	font-size: 16px !important;
}
.post-1807 + .post-navigation {
	display: none !important;
}
.post-1807 ~ .comments-area {
	display: none !important;
}