/**
Theme Name: somafit
Author: Tanel Teemusk
Author URI: https://somafit.com/
Description: Somafit
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: somafit
Template: astra
*/

.bold {
    font-weight: bold;
}

.medium {
    font-weight: 600;
}

h1, h2, h3, h4, h5, h6, h7 {
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}


.entry-content h1,
.entry-content h2 {
    font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}
 
/* Close button for dialogs */
.dialog-close-button {
    padding: 8px;
    text-decoration: none;
}

.freedomplayer.flowplayer {
    background-color: #f2f2f2 !important;
}

/********WOOCOMMERCE KOGUS LAOS PEITMINE*************/

.woocommerce-variation-availability {
    display: none !important;
}
.stock { 
	display:none !important; 
}

.entry-summary p.stock {
    display: none !important;
}


/******************FONTS*********************/

body, button, input, select, textarea, .ast-button, .ast-custom-button {
    font-family: 'Open Sans',sans-serif !important;
}

.main-header-menu > .menu-item > .sub-menu:first-of-type, .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:first-of-type {
    font-family: 'Open Sans', sans-serif;
}

.woocommerce div.product .related.products, .woocommerce div.product .woocommerce-tabs {
    display: none;
}

/********* HIDE PAGE H1 TITLE **********/
.entry-header .entry-title, .entry-header {
    display: none !important;
}

/********* HIDE ON MOBILE **********/
@media (max-width: 544px) {
    .hide-on-mobile {
        display: none !important;
    }
}

/********* HIDE ON TABLET **********/
@media (min-width: 545px) and (max-width: 768px) {
    .hide-on-tablet {
        display: none !important;
    }
}



/********* HEADER MENU **********/


ul#menu-header-menu {
    font-size: 0.9rem;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
	letter-spacing: 0.1em;
}

.submenu-with-border .sub-menu {
    border-width: 0px;
}


ul.ast-above-header-menu-items {
    font-size: 18px;
}


div#ast-above-header-navigation-section-1 {
    margin-left: auto;
}

/***** CHECKOUT FIELDS ****/

.cart-subtotal {
    display: none;
}


/******** POOLELI TREENINGPROGRAMMID********/

.uo-toolkit-grid__course-action input {
    width: 100%;
    background: #060606 !important;
    border: 1px solid #ffffff !important;
}

.uo-grid-wrapper .grid-course:hover .uo-border {
    border: 1px solid #ffffff !important;
}

dd.uo-course-progress div.course_progress {
    background-color: #000000 !important;
	
}

/***********WC MEMBERSHIPS***********/
.woocommerce-info::before {
    font-family: 'Open Sans', sans-serif !important;
    content: '' !important;
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
}

/***********KOMMENTAARID***********/

.comment-reply-title {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
	color: black;
}


.comments-area p.logged-in-as {
    margin-bottom: 1em;
    font-family: 'Open Sans',sans-serif;
}




/******** GLOBAL *******/
ul {
    padding-left: 0.5em;
  }

ol, ul {
    margin-left: 0.5em;
}

li>ul {
    margin-left: 0.5em;
}

input[type="submit"], input[type="reset"] {
    color: #000000;
    background-color: white;
    border-color: #ffffffeb;
    border-radius: 0px;
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 12px;
    padding-left: 30px;
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400;
}

input[type="submit"]:hover, input[type="submit"]:focus {
    color: #ffffff;
    background-color: rgb(0 0 0);
    border-color: rgba(124,109,88,0.06);
}

.ast-container, .ast-container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/* .woocommerce a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce-cart table.cart td.actions .button, .woocommerce form.checkout_coupon .button, .woocommerce #respond input#submit, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
    border-radius: 0px;
    color: #000000;
    background-color: #ffffff ;
    border-color: #000000 ;
    border-radius: 1px ;
    border-style: solid ;
    border-width: 1px ;
    letter-spacing: 1px ;
    font-size: 15px ;
    line-height: 27px ;
    font-family: 'Open Sans', sans-serif !important;
}


.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
    color: #ffffff;
    border-color: rgb(0 0 0);
    background-color: rgb(0 0 0);
} */


.woocommerce-MyAccount-navigation-link {
    list-style: none;
    border: 1px solid #00000059;
    border-bottom-width: 0;
}


.woocommerce-MyAccount-navigation-link a {
    font-family: 'Open Sans',sans-serif;
    font-weight: 400;
    display: block;
	color: #000000;
    padding: .5em 1em;
}

.cart {
	flex-direction: column;
}

/**********HEADER**********/

.ast-primary-sticky-header-active .main-navigation ul .sub-menu
{
	background-color: #ffffff !important;
}
/**************************/

/**********MENU**********/


@media (max-width: 544px){
.main-navigation {
    font-size: 1em;
}
}


@media (max-width: 768px){
.main-navigation {
    font-size: 1.2em;
}
}



/* .main-navigation ul {
    letter-spacing: 0.1em;
} */

.ast-header-break-point .main-navigation ul .menu-item .menu-link {
    border: none;
}

/****************** MINI CART *********/

.ast-site-header-cart .widget_shopping_cart, .woocommerce .ast-site-header-cart .widget_shopping_cart {
    width: 320px !important;
}

/*********MINU TREENINGUD*********/

.ld-course-list-items .ld_course_grid .btn-primary {
    background-color: #7f868c;
	border-color: #ffffff;
}

.ld-course-list-items .ld_course_grid .btn-primary:hover {
    background-color: #7f868c;
	border-color: #ffffff;
}

.ld-item-list {
    padding: 16px;
}

/**************************/

/********SWIPERJS************/


.swiper-container-horizontal>.swiper-pagination-progressbar {
    width: 100%;
    height: 2px;
    left: 0;
    top: 110px;
}

/**************************/


/*************UPSELL******************/

/*.wc-prl-recommendations {
    margin-top: 8% !important;
	margin-left: 1%;
}

*/

div#wc-prl-deployment-3 {
    margin-top: 5% !important;
	margin-left: 4%;
}

div#wc-prl-deployment-4 {
    padding-bottom: 2% !important;
}

li.ast-article-single.align-left.box-shadow-2.box-shadow-3-hover.ast-product-gallery-layout-horizontal.ast-product-gallery-with-no-image.ast-product-tabs-layout-horizontal.product.type-product.post-30346.status-publish.first.instock.product_cat-uncategorized-et.has-post-thumbnail.virtual.sold-individually.purchasable.product-type-subscription.wc-prl-cat-117 {
    width: 40%;
}

@media (max-width: 768px){
li.ast-article-single.align-left.box-shadow-2.box-shadow-3-hover.ast-product-gallery-layout-horizontal.ast-product-gallery-with-no-image.ast-product-tabs-layout-horizontal.product.type-product.post-30346.status-publish.first.instock.product_cat-uncategorized-et.has-post-thumbnail.virtual.sold-individually.purchasable.product-type-subscription.wc-prl-cat-117 {
    width: 100%;
}
}


/***OSTUKORV****/

/* form.woocommerce-cart-form {
    margin-top: 2% !important;
} */

/***************BLOGI*************/

@media (min-width: 993px){
.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
    margin: 1em 0;
    padding: 0;
}
}


/********BLOGI KOMMENTAARIDE ARV JA NAV EEMALDATUD********/

.ast-separate-container .comments-count-wrapper {
    display: none;
}

.ast-separate-container .post-navigation {
    display: none;
}

/***********************************/
 


/********RETSEPTID************/

 .wprm-recipe.wprm-recipe-snippet.wprm-recipe-template-snippet-summary {
    display: none;
} 

/*Avatar peidetud*/

/*.elementor-post__avatar {
    display: none !important;
}
*/

/* retsepti ja blogi padding 
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
    padding: 0.34em 6.67em !important;
}*/


.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
    padding: 0;
}



/******************************************/

p, .entry-content p {
    margin-bottom: 0.8em;
}



/* shop page header result and filter */
p.woocommerce-result-count {
    display: none;
}

form.woocommerce-ordering {
    display: none;
}
/************************************/


/************PRODUCT PAGE************/


.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-top: none !important;
}


.quantity.buttons_added {
    display: none !important;
}


.woocommerce div.product span.price {
    color: #000000 !important;
}

.woocommerce div.product .stock {
    color: #000000 !important;
}

span.ast-stock-avail {
    color: black;
}

/************************************/



/************PRODUCT TABS************/

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
    background: #ffffff00;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    z-index: 2;
    /* border-bottom-color: #fff; */
    border-bottom-color: red !important;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}




h2.yikes-custom-woo-tab-title {
    display: none;
}

/************************************/

/************* Gravity forms  *******/

input#gform_submit_button_1 {
    display: none;
}


.gform_wrapper .top_label .gfield_label {
		font-family: 'Open Sans', sans-serif !important;
        font-size: 2rem !important;
        color: black !important;
		
}

label#label_1_2_0 {
    font-family: 'Open Sans',sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #53565A;
}


.ginput_container.ginput_container_radio {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    color: #53565A;
}




/*****************************/



 /* copyright */ 
.elementor-element-73dcc73, .elementor-element-0ae1044 {
    font-family: 'Open Sans',sans-serif !important;
    font-size: 14px;
    color: #000;
}

/*.elementor-element, .elementor-element-f92120a, .jalus1, .elementor-widget, .elementor-widget-wp-widget-nav_menu {
	color: #fff !important;
    font-family: 'Roboto',sans-serif !important;
    font-size: 17px;
    
}*/
ul #menu-footer-1 {
	color: #fff !important;
}

nav.menu-footer-1-container > ul > li {
    list-style: none;
}


nav.menu-footer-2-container > ul > li {
    list-style: none;
}


nav.menu-footer-3-container > ul > li {
    list-style: none;
}

#ast-scroll-top {
    margin-bottom: 4em;
    }

/* ostukorv header */

.ast-site-header-cart .widget_shopping_cart, .woocommerce .ast-site-header-cart .widget_shopping_cart {
    background-color: #fff;
    position: absolute;
    top: 100%;
    width: 440px;
    z-index: 999999;
    font-size: .875em;
    left: -999em;
    display: block;
    line-height: 1.618;
    box-shadow: 0 2px 8px 1px rgba(0,0,0,.07);
    transition: all .3s ease;
    border: 2px solid #e6e6e6;
    opacity: 0;
    visibility: hidden;
}


/* cart icon mobile/tablet */

@media only screen and (max-width: 600px) {
  .ast-cart-menu-wrap {
    display: none !important;
}
}

@media only screen and (min-width: 600px) {
.ast-cart-menu-wrap .count {
    min-width: 2.1em;
    min-height: 2.1em;
    font-size: 0.46em !important;
}
}

/***************************************/

.elementor-30217 .elementor-element.elementor-element-5aaa0c4 {
    text-align: center;
}





/*.main-navigation .sub-menu {
    background-color: #353535;
}*/

a { 
    color: #524a4a;
}

.woocommerce div.product .product_meta>span {
    display: none !important;
}


nav.woocommerce-breadcrumb {
    display: none;
}

span.ast-woo-product-category {
    display: none !important;
}

.star-rating {
    display: none !important;
}

/************ TAGASISIDE KÜSIMINE *************/

a.button.woo_subscription_cancellation_questionnaire_premium___css___button___cancel_answers {
    background-color: #e3e3e3 !important;
}


/********** FOOTER *********/

nav.menu-footer-1-container > ul > li > a, nav.menu-footer-2-container > ul > li > a, nav.menu-footer-3-container > ul > li > a {
    color: black;
    letter-spacing: 1px;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
}

/********** HORIZONTAL SCROLL FOR SECTION *********/

@media (max-width: 767px) { /* Adjust for mobile devices */
    .horizontal-scroll .elementor-container {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch; /* for smooth scrolling on iOS */
    }
    .horizontal-scroll .elementor-column {
        display: inline-block;
        float: none;
        width: 60%; /* Adjust width as necessary */
        white-space: normal; /* Allow text to wrap within the column */
    }
    .horizontal-scroll .elementor-column.portrait { /* Replace with your unique class or ID */
        width: 40%;
    }
    /* Hide scrollbar (works on most browsers) */
    .horizontal-scroll .elementor-container::-webkit-scrollbar {
        display: none; /* for Webkit browsers */
    }
    .horizontal-scroll .elementor-container {
        -ms-overflow-style: none; /* for IE and Edge */
        scrollbar-width: none; /* for Firefox */
    }
}



/********** BUTTONS *********/

.woocommerce-button {
    font-weight: 600 !important;
}

/* Default Button - Both Frontend and Editor */
.elementor-element.elementor-button-default .elementor-button,
.elementor-widget-button.elementor-button-default .elementor-button,
.elementor-editor-active .elementor-widget-button.elementor-button-default .elementor-button,
[class*="elementor-"] .elementor-element .elementor-button-default .elementor-button {
    padding: 16px 48px;
    border-radius: 30px;
    background-color: var(--e-global-color-3eecbf7e) !important;
    color: var(--e-global-color-text) !important;
    border: none;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    font-weight: 600;
}

.elementor-element.elementor-button-default .elementor-button:hover,
.elementor-widget-button.elementor-button-default .elementor-button:hover,
.elementor-editor-active .elementor-widget-button.elementor-button-default .elementor-button:hover,
[class*="elementor-"] .elementor-element .elementor-button-default .elementor-button:hover {
    background-color: var(--e-global-color-484102c) !important;
}

.elementor-element.elementor-button-default .elementor-button:active,
.elementor-widget-button.elementor-button-default .elementor-button:active,
.elementor-editor-active .elementor-widget-button.elementor-button-default .elementor-button:active,
[class*="elementor-"] .elementor-element .elementor-button-default .elementor-button:active {
    background-color: var(--e-global-color-3d1f722e) !important;
}

/* Secondary Button - Both Frontend and Editor */
.elementor-element.elementor-button-secondary .elementor-button,
.elementor-widget-button.elementor-button-secondary .elementor-button,
.elementor-editor-active .elementor-widget-button.elementor-button-secondary .elementor-button,
[class*="elementor-"] .elementor-element .elementor-button-secondary .elementor-button {
    padding: 16px 48px;
    border-radius: 30px;
    background-color: transparent !important;
    color: #4C4E49 !important;
    border: 1px solid #4C4E49;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    font-weight: 600;
}

.elementor-element.elementor-button-secondary .elementor-button:hover,
.elementor-widget-button.elementor-button-secondary .elementor-button:hover,
.elementor-editor-active .elementor-widget-button.elementor-button-secondary .elementor-button:hover,
[class*="elementor-"] .elementor-element .elementor-button-secondary .elementor-button:hover {
    background-color: #4C4E49 !important;
    color: white !important;
}

/* Secondary Button SVG - Change to white on hover (no animation) */
.elementor-element.elementor-button-secondary .elementor-button:hover .elementor-button-icon svg,
.elementor-widget-button.elementor-button-secondary .elementor-button:hover .elementor-button-icon svg,
.elementor-editor-active .elementor-widget-button.elementor-button-secondary .elementor-button:hover .elementor-button-icon svg,
[class*="elementor-"] .elementor-element .elementor-button-secondary .elementor-button:hover .elementor-button-icon svg {
    filter: brightness(0) saturate(100%) invert(1);
}

.elementor-element.elementor-button-secondary .elementor-button:active,
.elementor-widget-button.elementor-button-secondary .elementor-button:active,
.elementor-editor-active .elementor-widget-button.elementor-button-secondary .elementor-button:active,
[class*="elementor-"] .elementor-element .elementor-button-secondary .elementor-button:active {
    background-color: #F7EAD1 !important;
}

/* Tertiary Button - Both Frontend and Editor */
.elementor-element.elementor-button-tertiary .elementor-button,
.elementor-widget-button.elementor-button-tertiary .elementor-button,
.elementor-editor-active .elementor-widget-button.elementor-button-tertiary .elementor-button,
[class*="elementor-"] .elementor-element .elementor-button-tertiary .elementor-button {
    padding: 16px 48px;
    border-radius: 30px;
    background-color: #4C4E49 !important;
    color: #FFFFFF !important;
    border: none;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    font-weight: 600;
}

.elementor-element.elementor-button-tertiary .elementor-button:hover,
.elementor-widget-button.elementor-button-tertiary .elementor-button:hover,
.elementor-editor-active .elementor-widget-button.elementor-button-tertiary .elementor-button:hover,
[class*="elementor-"] .elementor-element .elementor-button-tertiary .elementor-button:hover {
    background-color: #5A5C57 !important;
}

.elementor-element.elementor-button-tertiary .elementor-button:active,
.elementor-widget-button.elementor-button-tertiary .elementor-button:active,
.elementor-editor-active .elementor-widget-button.elementor-button-tertiary .elementor-button:active,
[class*="elementor-"] .elementor-element .elementor-button-tertiary .elementor-button:active {
    background-color: #3E403B !important;
}



/* Small variant for both Default and Secondary Buttons - Frontend and Editor */
.elementor-element.elementor-button-default.small .elementor-button,
.elementor-widget-button.elementor-button-default.small .elementor-button,
.elementor-editor-active .elementor-widget-button.elementor-button-default.small .elementor-button,
.elementor-element.elementor-button-secondary.small .elementor-button,
.elementor-widget-button.elementor-button-secondary.small .elementor-button,
.elementor-editor-active .elementor-widget-button.elementor-button-secondary.small .elementor-button,
[class*="elementor-"] .elementor-element .elementor-button-default.small .elementor-button,
[class*="elementor-"] .elementor-element .elementor-button-secondary.small .elementor-button {
    padding: 10px 48px;
    border-radius: 24px;
}

/* Add small variant for Tertiary Button */
.elementor-element.elementor-button-tertiary.small .elementor-button,
.elementor-widget-button.elementor-button-tertiary.small .elementor-button,
.elementor-editor-active .elementor-widget-button.elementor-button-tertiary.small .elementor-button,
[class*="elementor-"] .elementor-element .elementor-button-tertiary.small .elementor-button {
    padding: 10px 48px;
    border-radius: 24px;
}

/* Button content wrapper */
.elementor-element.elementor-button-default .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Button icon */
.elementor-element.elementor-button-default .elementor-button-icon {
    margin-right: 12px;
    display: inline-flex;
}

.elementor-element.elementor-button-default .elementor-button-icon svg {
    width: 14px;
    height: 13px;
    vertical-align: middle;
}

/* Button text */
.elementor-element.elementor-button-default .elementor-button-text {
    line-height: 1;
}


/* Button Loading State - For All Button Types */
/* Base loading styles for all buttons */
.elementor-element .elementor-button.loading,
.elementor-widget-button .elementor-button.loading,
.elementor-element.elementor-button-default .elementor-button.loading,
.elementor-widget-button.elementor-button-default .elementor-button.loading,
.elementor-element.elementor-button-secondary .elementor-button.loading,
.elementor-widget-button.elementor-button-secondary .elementor-button.loading,
.elementor-element.elementor-button-tertiary .elementor-button.loading,
.elementor-widget-button.elementor-button-tertiary .elementor-button.loading {
    position: relative;
    cursor: not-allowed;
    opacity: 0.7;
    pointer-events: none;
}


/* Add position relative to all buttons to contain the spinner */
.elementor-element .elementor-button,
.elementor-widget-button .elementor-button,
.elementor-element.elementor-button-default .elementor-button,
.elementor-widget-button.elementor-button-default .elementor-button,
.elementor-element.elementor-button-secondary .elementor-button,
.elementor-widget-button.elementor-button-secondary .elementor-button,
.elementor-element.elementor-button-tertiary .elementor-button,
.elementor-widget-button.elementor-button-tertiary .elementor-button {
    position: relative;
}

/* Create the spinner as a pseudo-element on the button itself - Default Button (Yellow) */
.elementor-element.elementor-button-default .elementor-button.loading::before,
.elementor-widget-button.elementor-button-default .elementor-button.loading::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' class='spinnr'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%234C4E49' stroke-width='2' fill='none' stroke-dasharray='40 15'%3E%3C/circle%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation: spin 1.5s linear infinite;
    z-index: 1;
}

/* Secondary Button (Outlined) */
.elementor-element.elementor-button-secondary .elementor-button.loading::before,
.elementor-widget-button.elementor-button-secondary .elementor-button.loading::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' class='spinnr'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%234C4E49' stroke-width='2' fill='none' stroke-dasharray='40 15'%3E%3C/circle%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation: spin 1.5s linear infinite;
    z-index: 1;
}

/* Tertiary Button (Dark) */
.elementor-element.elementor-button-tertiary .elementor-button.loading::before,
.elementor-widget-button.elementor-button-tertiary .elementor-button.loading::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20' class='spinnr'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23FFFFFF' stroke-width='2' fill='none' stroke-dasharray='40 15'%3E%3C/circle%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    animation: spin 1.5s linear infinite;
    z-index: 1;
}

/* Animation for the spinner */
@keyframes spin {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }

    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}


/* ************ end main buttons *************** */
/* ********************************************* */



/* Desktop styles for the nav buttons */
@media screen and (min-width: 769px) {
    /* Primary Button */
    .nav-button-primary a.menu-link {
        padding: 10px 32px !important;
        border-radius: 24px !important;
        background-color: var(--e-global-color-3eecbf7e) !important;
        color: var(--e-global-color-text) !important;
        border: none !important;
        transition: all 0.3s ease !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        margin-right: 16px;
        margin-left: 16px;
    }

    .nav-button-primary a.menu-link:hover {
        background-color: var(--e-global-color-484102c) !important;
    }

    .nav-button-primary a.menu-link:active {
        background-color: var(--e-global-color-3d1f722e) !important;
    }

    /* Secondary Button */
    .nav-button-secondary a.menu-link {
        padding: 10px 32px !important;
        border-radius: 24px !important;
        background-color: transparent !important;
        color: #4C4E49 !important;
        border: 1px solid #4C4E49 !important;
        transition: all 0.3s ease !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        margin-right: 16px;
    }

    .nav-button-secondary a.menu-link:hover {
        background-color: var(--e-global-color-484102c) !important;
    }

    .nav-button-secondary a.menu-link:active {
        background-color: var(--e-global-color-3d1f722e) !important;
    }

    /* Common styles for both buttons */
    .nav-button-primary a.menu-link .menu-text,
    .nav-button-secondary a.menu-link .menu-text {
        color: inherit !important;
    }

    .nav-button-primary a.menu-link .sub-arrow,
    .nav-button-secondary a.menu-link .sub-arrow {
        display: none !important;
    }
}

/* Mobile styles - reset to default menu styling */
@media screen and (max-width: 768px) {
    .nav-button-primary a.menu-link,
    .nav-button-secondary a.menu-link {
        border-radius: 0 !important;
        background-color: transparent !important;
        margin-right: 0 !important;
    }
}


/* CUSTOM LOGIN BUTTON BEFORE HAMBURGER MENU */

/* Mobile Login Button - using secondary button styling */
/* Container adjustments */
.ast-button-wrap {
    display: flex;
    align-items: center;
    height: 100%;
}

/* Mobile Login Button styling */
.nav-mobile-log-in-button {
    display: none;
    padding: 10px 32px;
    border-radius: 24px;
    background-color: transparent;
    color: #4C4E49;
    border: 1px solid #4C4E49;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 1; /* Prevent text from adding extra height */
    align-self: center; /* Center button vertically */
}

.nav-mobile-log-in-button:hover {
    text-decoration: none;
    color: black;
}

.nav-mobile-log-in-button:active {
    text-decoration: none;
}

/* Show only on mobile */
@media screen and (max-width: 768px) {
    .nav-mobile-log-in-button {
        display: inline-flex; /* Changed to inline-flex for better alignment */
        align-items: center;
        justify-content: center;
    }
    
    .ast-mobile-header-wrap .ast-button-wrap {
        display: flex;
        align-items: center;
        margin-left: 10px;
    }
}


/* Hide menu custom menu item after */
@media (min-width: 768px) {
    .menu-item .ast-custom-menu-item {
        display: none !important;
    }
}

/* Make mobile menu button full width */

.mobile-menu-full-width {
    width: 100% !important;
}

.mobile-menu-full-width .elementor-button {
    width: 100% !important;
}

.mobile-menu-full-width .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

.mobile-menu-full-width .elementor-button-wrapper {
    width: 100% !important;
}

.ast-header-break-point .main-header-bar-navigation {
    width: auto !important;
    margin: 0 !important;
}


/* Postitus kommenteeri */
#comments .submit {
    border-radius: 40px;
    padding: 8px 32px;
}

/* Non elementor content should get padding */
/* .ast-separate-container .entry-content,
.ast-separate-container .site-content {
  padding: 16px !important;
} */


/* Learndash fixes */

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
    background: none;
}

.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
    font-size: 1em;
}

.ld-course-status-seg-price {
    display: none;
}

.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
    background-color: #F6F7F5;
}