/*
Theme Name: ArthritisCure Medical
Theme URI: https://avantagestudio.com/
Description: ArthritisCure sprung from Astra Theme
Author: PPM
Author URI: https://avantagestudio.com/
Version: 1.0.2
Template: astra
*/
/*@import url("../astra/style.css");*/

@font-face {
    font-family: 'gilroylight';
    src: url('/assets/fonts/gilroy-light.eot');
    src: url('/assets/fonts/gilroy-light.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/gilroy-light.woff2') format('woff2'),
         url('/assets/fonts/gilroy-light.woff') format('woff'),
         url('/assets/fonts/gilroy-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}  
@font-face {
    font-family: 'gilroymedium';
    src: url('/assets/fonts/gilroy-medium.eot');
    src: url('/assets/fonts/gilroy-medium.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/gilroy-medium.woff2') format('woff2'),
         url('/assets/fonts/gilroy-medium.woff') format('woff'),
         url('/assets/fonts/gilroy-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} 
@font-face {
    font-family: 'gilroysemibold';
    src: url('/assets/fonts/gilroy-semibold.eot');
    src: url('/assets/fonts/gilroy-semibold.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/gilroy-semibold.woff2') format('woff2'),
         url('/assets/fonts/gilroy-semibold.woff') format('woff'),
         url('/assets/fonts/gilroy-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}  
@font-face {
    font-family: 'gilroybold';
    src: url('/assets/fonts/gilroy-bold.eot');
    src: url('/assets/fonts/gilroy-bold.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/gilroy-bold.woff2') format('woff2'),
         url('/assets/fonts/gilroy-bold.woff') format('woff'),
         url('/assets/fonts/gilroy-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}  
@font-face {
    font-family: 'gilroyextrabold';
    src: url('/assets/fonts/gilroy-extrabold.eot');
    src: url('/assets/fonts/gilroy-extrabold.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/gilroy-extrabold.woff2') format('woff2'),
         url('/assets/fonts/gilroy-extrabold.woff') format('woff'),
         url('/assets/fonts/gilroy-extrabold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}  
@font-face {
    font-family: 'gilroyblack';
    src: url('/assets/fonts/gilroy-black.eot');
    src: url('/assets/fonts/gilroy-black.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/gilroy-black.woff2') format('woff2'),
         url('/assets/fonts/gilroy-black.woff') format('woff'),
         url('/assets/fonts/gilroy-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --body-text-color: #3b3b3b;
    --body-head-color: #215563;
    --hero-head-color: #003453;
    --hero-text-color: #333333;
    --body-text-font: 'gilroylight', sans-serif;
    --body-head-font: 'gilroysemibold', sans-serif;
    --body-head-medium-font: 'gilroymedium', sans-serif;
    --body-section-head-font: 'gilroybold', sans-serif;
    --body-section-head-font-black: 'gilroyextrabold', sans-serif;
    --hero-text-font: 'gilroymedium', sans-serif;
    --accent-color: #b1b900;
    --button-font-color: #ffffff;
    --card-head-color: #225663;
    --shaded-color: #f4f4f4;
}
body {
    min-height: 100vh;
    font-family: var(--body-text-font);
}
h1, h2, h3, h4, h5 {
    font-family: var(--body-head-font);
    color: var(--body-head-color);
}
h2 {
    font-size: 45px;
    font-family: var(--body-section-head-font);
}
.abstract {
    font-size: 24px;
    color: var(--hero-head-color);
    line-height: 1.4;
}
.intro {
    font-family: var(--hero-text-font);
}

.site-above-header-wrap a:hover,
.site-footer a:hover {
    color: var(--accent-color);
}
/* 
    header
*/

.site-above-header-wrap .site-header-above-section-right .ast-header-html-1 p {
    padding-left: 2.5em;
    margin-left: 2em;
    line-height: 2;
    background-image: url(/assets/img/mail.svg);
    background-repeat: no-repeat;
    background-size: 1.7em;
}
.site-header nav.site-navigation a {
    position: relative;
    font-size: 18px;
    font-family: 'gilroysemibold', sans-serif;
    color: #666666;
}
.site-header nav.site-navigation a:hover,
.site-header nav.site-navigation .current-menu-item a {
    color: #235663;
}
.site-header nav.site-navigation .current-menu-item a {
}
.site-header nav.site-navigation a::after {
    content: " ";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 1em;
    display: block;
    height: 3px;
    background-color: #235663;
    transition: all .35s ease-in-out;
}
.site-header nav.site-navigation a:hover::after, 
.site-header nav.site-navigation .current-menu-item a::after {
    content: " ";
    position: absolute;
    left: 1em;
    right: 1em;
    display: block;
    background-color: #235663;
}

/* sticky header */

.ast-hfb-header #masthead {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0;
    transition: all 0.2s ease-in-out;
}
.hfeed.site {
    padding-top: 112px;
}
body.logged-in.admin-bar #masthead {
    top: 32px;
}

.ast-hfb-header .active#masthead {
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.ast-hfb-header #masthead .ast-above-header-wrap {
    transition: all 0.2s ease-in-out;
}
.ast-hfb-header .active#masthead .ast-above-header-wrap {
    max-height: 0;
    overflow-y: hidden;
    /*display: none;*/
}

.ast-hfb-header .active#masthead .ast-site-identity {
    padding: .3em 0;
}
.ast-hfb-header .active#masthead .ast-site-identity .custom-logo {
    max-width: 80%;
}
.ast-hfb-header .active .ast-builder-layout-element .ast-site-identity {
    margin-top: 0;
}
.hfeed.site {
    padding-top: 112px;
}

/* hero section */
.hero {
    position: relative;
	height: 450px;
}
.page .site-content > .ast-container > div > section.hero {
	position: relative;
	height: 450px;
	padding: 0;
	background-position: center right;
	background-size: cover;
}
.page.home .site-content > .ast-container > div > section.hero {
	height: 750px;
}
.page .site-content > .ast-container > div > section.hero section {
	padding: 0;
}
.page.home .site-content > .ast-container > div > section.hero section {
	margin-top: -250px;
}
.page .site-content > .ast-container > div > section.hero > .elementor-column-gap-default {
	position: unset;
}
.page .site-content > .ast-container > div > section.hero > .elementor-column-gap-default > .elementor-column {
	position: unset;
}
.page .site-content > .ast-container > div > section.hero > .elementor-column-gap-default > .elementor-column > .elementor-widget-wrap {
	position: unset;
}
.page .site-content > .ast-container > div > section.hero .wave-curve {
	position: absolute;
	bottom: 0px;
}
.hero h1 {
    color: var(--hero-head-color);
    font-size: 50px;
    margin-bottom: 1em !important;
}
.hero h1::before {
    content: " ";
    position: absolute;
    bottom: .25em;
    left: .2em;
    display: block;
    height: 4px;
    width: .35em;
    background-color: var(--body-head-color);
}
.hero h1::after {
    content: " ";
    position: absolute;
    bottom: .25em;
    left: .85em;
    display: block;
    height: 4px;
    width: 2.5em;
    background-color: var(--accent-color);
}
.hero p {
    font-family: var(--hero-text-font);
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 1em;
}
.home .hero h1 {
    text-transform: uppercase;
    margin-bottom: .25em !important;
}
.home .hero h1::before,
.home .hero h1::after {
    content: none;
}
.home .hero p {
    font-size: 24px;
}
.elementor-button {
    font-family: var(--hero-text-font);
}
.hero button,
.hero .elementor-button {
    color: var(--button-font-color);
    background-color: var(--accent-color);
    text-transform: uppercase;
}
.hero button::after,
.hero .elementor-button .elementor-button-text::after {
    content: '»';
}

/* content */
.elementor-widget-heading h2.elementor-heading-title {
    margin: 0 0 1em;
}
h2::before {
    content: " ";
    position: absolute;
    bottom: .25em;
    left: .2em;
    display: block;
    height: 4px;
    width: .35em;
    background-color: var(--body-head-color);
}
h2::after {
    content: " ";
    position: absolute;
    bottom: .25em;
    left: .85em;
    display: block;
    height: 4px;
    width: 2.5em;
    background-color: var(--accent-color);
}

.elementor-widget-heading.centered h2 {
    text-align: center;
}
.elementor-widget-heading.centered h2::before {
    left: 50%;
    transform: translateX(-1.5em);
}
.elementor-widget-heading.centered h2::after {
    left: 50%;
    transform: translateX(-.9em);
}
.elementor-widget-heading.accented h2 {
    color: var(--accent-color);
}
.elementor-widget-heading.inverted h2 {
    color: white;
}
.elementor-widget-heading.inverted h2::before {
    background-color: white;
}
.elementor-widget-heading.sidelined h2 {
    padding-right: 25%;
}
.elementor-widget-heading.sidelined h2::before {
    right: 0;
    top: .25em;
    left: auto;
    width: 4px;
    height: .5em;
}
.elementor-widget-heading.sidelined h2::after {
    right: 0;
    top: 1em;
    left: auto;
    width: 4px;
    height: 1.6em;
}
.elementor-widget-heading.no-scored h2::before {
    content: none;
}
.elementor-widget-heading.no-scored h2::after {
    content: none;
}
/*.elementor-image-box-wrapper */
.card {
    padding: 5px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 1px 10px -5px rgba(0,0,0,0.5);
}
.elementor-column.card {
    margin: auto 1rem;
}
.card .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
     padding: 0;
}
.card-bottom-border {
    border-bottom: 4px solid var(--hero-head-color);
}

.elementor-image-box-img img {
    width: 100%;
}
.elementor-image-box-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
h3.elementor-image-box-title {
    font-family: var(--body-head-medium-font);
    text-align: left;
    padding-right: 15%;
    min-height: 2.5em;
}
.elementor-toggle,
.elementor-accordion {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: var(--accent-color);
}
.elementor-widget-accordion .elementor-accordion .elementor-accordion-item {
    border: none;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item .elementor-tab-title,
.elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-title {
    padding: 15px;
    font-size: 22px;
    text-decoration: none;
    color: var(--body-head-color);
    border-bottom: 1px solid var(--accent-color);
}
.elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
    border-bottom: none;
}
.elementor-widget-accordion .elementor-accordion .elementor-accordion-item .elementor-accordion-title {
    text-decoration: none;
}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right,
.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right {
    color: var(--accent-color);
    /*margin-top: .25em;*/
}
.elementor-toggle .elementor-toggle-item .elementor-tab-content,
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
    padding: 15px;
    border-bottom: 1px solid var(--accent-color);
    display: none;
    border-top: none;
}

/* remove outermost section padding  */
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px;
}
/* tabs */
.on-page-nav nav {
    background-color: white;
}
.on-page-nav li.menu-item,
li.eael-tab-item-trigger {
    width: 25%;
    font-family: var(--body-head-font);
    border: 1px solid var(--shaded-color);
}
.on-page-nav li.menu-item a {
    padding: 16px 20px !important;
}
.on-page-nav li.menu-item img {
    width: 36px;
    height: 36px;
}
.on-page-nav li.menu-item a span {
    margin-left: 10px;
    font-size: 18px;
    color: #333333;
}
.on-page-nav li.menu-item a.elementor-item-active span,
.on-page-nav li.menu-item:hover a span,
li.eael-tab-item-trigger:hover,
li.eael-tab-item-trigger.active {
    color: var(--accent-color);
}
.on-page-nav li.menu-item a.elementor-item-active img,
.on-page-nav li.menu-item:hover img,
li.eael-tab-item-trigger:hover img,
li.eael-tab-item-trigger.active img {
    filter: hue-rotate(240deg) brightness(2.3);
}

.card-prevention h3,
.elementor-widget-image-box h3 {
    display: flex;
    align-items: center;
    min-height: 3em;
    margin: auto 1rem;
}
.card.elementor-widget-image-box .elementor-image-box-description {
    margin: auto 1rem;
}
.card.elementor-widget-image-box p {
    margin: 0 1rem 1em;
}
.card-prevention p {
    margin: auto 1rem;
}
.card.alter-type,
.card.nutri-type,
.card.arth-type {
    padding: 1.7rem;
}
.alter-type h4,
.nutri-type h4,
.arth-type h4 {
    display: flex;
    align-items: center;
    min-height: 3em;
    padding-left: 3.3em;
    font-size: 22px;
    color: var(--card-head-color);
    /*background-image: url('/assets/img/icon-knee.png');*/
    background-repeat: no-repeat;
    background-size: 2.5em;
    background-position: .1em;
    line-height: 1.1;
}
#alter-acupuncture h4 {
    background-image: url('/assets/img/icon-acupuncture.png');
}
#alter-magnetic h4 {
    background-image: url('/assets/img/icon-magnetic.png');
}
#alter-medical h4 {
    background-image: url('/assets/img/icon-medical.png');
}
#nutri-weight h4 {
    background-image: url('/assets/img/icon-weightwatch.png');
}
#nutri-sport h4 {
    background-image: url('/assets/img/icon-balanced.png');
}
#nutri-acid h4 {
    background-image: url('/assets/img/icon-stimulants.png');
}

#arth-knee h4 {
    background-image: url('/assets/img/icon-knee.png');
}
#arth-hip h4 {
    background-image: url('/assets/img/icon-hip.png');
}
#arth-wrist h4 {
    background-image: url('/assets/img/icon-wrist.png');
}
#arth-finger h4 {
    background-image: url('/assets/img/icon-finger.png');
}
#arth-shoulder h4 {
    background-image: url('/assets/img/icon-shoulder.png');
}
#arth-spine h4 {
    background-image: url('/assets/img/icon-spine.png');
}

/* expanding card content */

.card-expand {
    position: relative;
    max-height: 430px;
    overflow: hidden;
    box-shadow: none;
    padding-bottom: 1em;
    transition: all .8s ease;
    box-shadow: 1px 0 10px -5px rgb(0 0 0 / 50%);
}
section#ops-intro .card-expand,
section#cons-treatment .card-expand,
section#methods .card-expand {
    max-height: 500px;
}
section.eating#diet .card-expand {
    max-height: 250px;
}

.card-expand.alter-type,
.card-expand.nutri-type,
.card-expand.arth-type {
    max-height: 325px;
}
.card-expand.-expanded {
    max-height: 100vh;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
}
section#ops-intro .card-expand.-expanded,
section#cons-treatment .card-expand.-expanded,
section#methods .card-expand.-expanded {
    max-height: 100vh;
    padding-bottom: 3rem;
    margin-bottom: 2rem;
}
section.eating#diet .card-expand.-expanded {
    max-height: 100vh;
}
.card.-expanded {
}

.card-expand:not(.-expanded)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 65%, rgba(255,255,255,.8) 75%, rgba(255,255,255,1) 85%);
}
section#prevent .card-expand:not(.-expanded)::after,
section#ops-intro .card-expand:not(.-expanded)::after,
section#cons-treatment .card-expand:not(.-expanded)::after,
section#methods .card-expand:not(.-expanded)::after {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,.8) 80%, rgba(255,255,255,1) 90%);
}
p.expand-button {
    position: absolute;
    left: calc(50% - 75px);
    bottom: 0;
    display: flex;
    /*flex-direction: column;*/
    /*justify-content: center;*/
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;

    width: 120px;
    height: 1.7em;
    text-align: center;

    color: var(--accent-color);
    cursor: pointer;
    z-index: 8;
    transition: all .8s ease-in;
}
p.expand-button::after {
    content: "+";
    position: relative;
    bottom: 0;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 1.5rem;
    line-height: 20px;
    color: white;
    background-color: var(--accent-color);
    border-radius: 50%;
    transition: all .3s ease-in;
    z-index: 6;
}
.card-expand.-expanded .expand-button {
    transition: all .3s ease-out;
}
.card-expand.-expanded .expand-button::after {
    transform: rotate(45deg);
    transition: all .3s ease-out;
}

.card-no-pad {
    padding: 0;
    border-radius: 0;
}
.card-no-pad .elementor-widget-wrap.elementor-element-populated {
    padding: 2.7rem;
}


div#recommended-sports {
    width: 280px;
}
div#rec-sports {
    margin-right: 0;
    padding-right: 25px;
}
.elementor-element.elementor-element-e994a56.elementor-widget.elementor-widget-toggle {
    width: calc(100% - 290px);
}
.elementor-element.elementor-element-aaadc8b.elementor-widget.elementor-widget-accordion {
    width: calc(100% - 300px);
}

/* carousel */
a.carousel-arrow {
    text-decoration: none !important;
}
.slick-track {
    height: 31rem;
}
.slick-slide {
    height: 30rem;
}
.slick-slide img {
    z-index: 5;
}
.slick-slide .card {
    height: 25rem;
}


/* blog section */
#post-last {
  
    overflow: hidden;
    border-radius: 5px;
}
#post-last .premium-blog-thumbnail-container::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0,0,0,0.56) 100%);
}
#post-other .premium-blog-post-outer-container {
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 40px -20px rgba(0,0,0,0.5);
}
/*:not('#post-last') .premium-blog-post-container {
    height: 274px;
    padding: 0;
    overflow: hidden;
    border-radius: 5px;
}*/
.premium-blog-content-wrapper .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
    background-color: transparent;
    color: var(--accent-color);
    padding: 0;
    font-family: var(--body-head-font);
    text-decoration: none;
    font-size: 22px;
}
.premium-blog-content-wrapper .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link:hover {
    color: white;
}
#post-other .premium-blog-content-wrapper .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link:hover {
    color: #215563;
}
.premium-blog-content-wrapper .premium-blog-entry-meta {
    line-height: 1.3em;
    font-size: 12px;
    margin-bottom: 0;
    color: #adadad;
    transform: translateY(-6em);
}
.premium-blog-meta-data {
    display: inline-block;
    background-color: var(--accent-color);
    color: white;
    padding: .5em;
    margin-bottom: 0;
    font-size: 16px;
    font-family: var(--body-head-font);
}
.premium-blog-meta-data i.fa {
    display: none;
}
#post-other .premium-blog-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#post-other .premium-blog-post-container .premium-blog-post-content {
    display: none;
}

/* 7 pillars graph */
.seven-pillars-graph {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex
;
 
.bullseye {
    position: absolute !important;
    display: block;
    width: 338px !important;
    height: 338px;
}
.bullseye img {
    display: block;
    width: 338px !important;
    height: 338px;
}
@media (max-width: 767px) {
    .seven-pillars-graph .elementor-widget-html .elementor-widget-container {
        flex-direction: column;
    }
    .pillar {
        position: absolute;
        text-align: center;
    }
}


@media (min-width: 1300px) {
    .pillar {
        display: inline-flex;
        flex-direction: column !important;
        width: 450px !important;
        align-items: center;
        justify-content: center;
        text-align: center !important;
    }
    .pillar div {
        display: flex;
        flex-direction: column;
        min-width: 330px;
        max-width: 560px;
        margin: 1em;
    }
    .pillar h5 {
        margin: 0;
        color: #222222;
        font-size: 25px;
        line-height: 1.1;
    }
    .pillar div p {
        font-size: 18px;
    }
    div#pillar-1 {
        flex-direction: column-reverse !important;
        width: 500px !important;
        transform: translate(990px, -370px);
        text-align: center !important;
    }
    div#pillar-2 {
        flex-direction: row;
        width: 450px;
        transform: translate(1070px, -200px);
        text-align: left;
    }
    div#pillar-3 {
        flex-direction: row;
        width: 300px;
        transform: translate(810px, 70px);
        text-align: left;
    }
    div#pillar-4 {
        flex-direction: row;
        transform: translate(280px, 290px);
        text-align: left;
    }
    div#pillar-4 h5 {
        width: 14em;
    }
    div#pillar-5 {
        flex-direction: row-reverse;
        transform: translate(-700px, 290px);
        text-align: right;
    }
    div#pillar-5 div {
        min-width: 300px;
    }
    div#pillar-6 {
        flex-direction: row-reverse;
        transform: translate(-1120px, 70px);
        text-align: right;
        /* width: 140px; */
    }
    div#pillar-6 div {
        min-width: 200px;
    }
    div#pillar-7 {
        flex-direction: row-reverse;
        transform: translate(-1420px, -200px);
        text-align: right;
    }
    div#pillar-7 div h5 {
        text-align: left;
        width: 14em;
        padding-left: 7em;
    }
}
.ast-header-button-1 .ast-custom-button {
    background: #b1b900;
    border-radius: 0px;
    line-height: 1.4;
}
/* social icons */
.svg-baseline {
    border: 1px solid;
    padding: .5em;
    border-radius: 50%;
}
.site-header .svg-baseline,
.site-footer .svg-baseline {
    border: 1px solid white;
}
.ast-builder-social-element:hover .svg-baseline {
    border: 1px solid var(--accent-color);
}
.ast-builder-social-element:hover .svg-baseline svg {
    fill: var(--accent-color);
}
/* 
 * blog page 
 */

/* categories */
article.post h2::before, 
article.post h2::after {
    content: none;
}
.blog-aside,
.sidebar-main #block-7 {
    padding: 5px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 1px 10px -5px rgba(0,0,0,0.5);
}
.sidebar-main aside#block-7 {
    padding: 20px;
}
.sidebar-main form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper input[type=search] {
    color: #707070;
    padding: .75em;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 10px 0 0 10px;
    background: #ffffff;
    box-shadow: none;
    box-sizing: border-box;
    transition: all .2s linear;
    border-right: none;
    margin-right: -2em;
}
.sidebar-main form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 0;
    border-bottom-width: 1px;
    color: #707070;
    border-color: var(--shaded-color);
    background-color: #ffffff;
    border-radius: 0 10px 10px 0;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    font-family: inherit;
    font-weight: inherit;
    line-height: 1;
}
.sidebar-main h2 {
    color: var(--accent-color);
}
#secondary ul {
    margin-left: 15px;
    margin-right: 15px;
}
#secondary li {
    position: relative;
    margin-bottom: 10px;
    background-color: var(--shaded-color);
    border-radius: 5px;
}
#secondary li.cat-item {
    padding: 0;
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: 20px;
}
#secondary li.cat-item a {
    display: block;
    padding: 8px 30px 8px 75px;
    color: #215563;
    transition: all .25s ease-in-out;
}
#secondary li.cat-item::before {
    position: absolute;
    left: 20px;
    top: 6px;
    content: "";
    display: block;
    height: 35px;
    width: 35px;
    background-color: #215563;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0;
    mask-position: 0;
    -webkit-mask-size: 35px;
    mask-size: 35px;
    transition: all .25s ease-in-out;
}
#secondary li.cat-item:hover,
#secondary li.cat-item:hover a {
    color: var(--accent-color);
}
#secondary li.cat-item:hover::before {
    background-color: var(--accent-color);
}
#secondary li.cat-item.cat-item-9::before {
    -webkit-mask-image: url(/assets/img/cat-excercise.svg);
    mask-image: url(/assets/img/cat-excercise.svg);
}
#secondary li.cat-item.cat-item-10::before {
    -webkit-mask-image: url(/assets/img/cat-diet-nutrition.svg);
    mask-image: url(/assets/img/cat-diet-nutrition.svg);
}
#secondary li.cat-item.cat-item-11::before {
    -webkit-mask-image: url(/assets/img/cat-medications.svg);
    mask-image: url(/assets/img/cat-medications.svg);
}
#secondary li.cat-item.cat-item-12::before {
    -webkit-mask-image: url(/assets/img/cat-surgery.svg);
    mask-image: url(/assets/img/cat-surgery.svg);
}
#secondary li.cat-item.cat-item-13::before {
    -webkit-mask-image: url(/assets/img/cat-rheumatoid-arthritis.svg);
    mask-image: url(/assets/img/cat-rheumatoid-arthritis.svg);
}
#secondary li.cat-item.cat-item-14::before {
    -webkit-mask-image: url(/assets/img/cat-osteoarthritis.svg);
    mask-image: url(/assets/img/cat-osteoarthritis.svg);
}
#secondary li.cat-item.cat-item-15::before {
    -webkit-mask-image: url(/assets/img/cat-natural-pain-relief.svg);
    mask-image: url(/assets/img/cat-natural-pain-relief.svg);
}
#secondary li.cat-item.cat-item-16::before {
    -webkit-mask-image: url(/assets/img/cat-therapies.svg);
    mask-image: url(/assets/img/cat-therapies.svg);
}
.sidebar-main .wp-block-group {
    padding: 0;
}

.cat-list ul.elementor-icon-list-items {
    padding: 15px 35px !important;
    list-style: none;
}
.cat-list li.elementor-icon-list-item {
    background: var(--shaded-color);
    justify-content: space-between;
    align-items: center;
    padding: 0 !important;
    border-radius: 5px;
}

/* footer */
.site-footer {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    right: 0;
}
.site-footer a {
    color: #ffffff;
}
.site-footer a:hover {
    color: var(--accent-color);
}
#astra-footer-menu .menu-item > a:hover {
    color: var(--accent-color);
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row, 
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section {
    align-items: baseline;
    font-size: 18px;
    line-height: 2;
}
.site-footer-primary-section-1 {
    position: relative;
    padding-top: 1em;
}
.site-footer-primary-section-1::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: .15em;
    width: 2.8em;
    background-color: var(--accent-color);
}

.site-footer-primary-section-3 ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.site-footer-primary-section-3 li {
    padding-left: 3em;
    line-height: 1.2;
    margin-bottom: 2em;
    background-image: url(/assets/img/mail.svg);
    background-repeat: no-repeat;
    background-size: 2.2em;
    background-position: left center;
}
.site-footer-primary-section-3 li.address {
    background-image: url(/assets/img/map_pin.svg);
}
.site-footer-primary-section-3 li.phone {
    background-image: url(/assets/img/phone.svg);
}
.site-footer-primary-section-3 li.email {
    background-image: url(/assets/img/mail.svg);
}
.site-footer-primary-section-3 {
    position: relative;
    padding-top: 1em;
    padding-left: 4em;
}
.site-footer-primary-section-3::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 4em;
    height: .15em;
    width: 2.8em;
    background-color: var(--accent-color);
}

.ast-footer-copyright p {
    color: #ffffff;
    border-top: 1px solid #537780;
    padding-top: 1em;
}

.wave-divider-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*overflow: hidden;*/
    line-height: 0;
}
.wave-divider-top::before {
    position: absolute;
    display: inline-flex;
    content: '';

    /* Using the background-image and
       its related properties to add
       the SVG content */
    background-image: url('/assets/img/wave-accent.svg');
    background-size: 1360px 110px;
    height: 110px;
    width: 1360px;
}
/* fixed */
.wave-divider-top svg {
    position: relative;
    display: block;
    width: calc(128% + 1.3px);
    height: 160px;
}
/*.wave-divider-top::after {
    content: url('/assets/img/wave-accent.png');
    display: block;
    height: 110px;
    left: calc(50% - 680px);
    position: absolute;
    top: -7px;
    width: 1360px;
}*/
/*.wave-divider-top::after {
    content: "";
    display: flex;
    height: 115px;
    left: 15%;
    position: absolute;
    top: -10px;
    width: 70%;
    background-image: url(/assets/img/wave-accent.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: rotate(.4deg);
}*/
.wave-divider-top .shape-fill {
    fill: #FFFFFF;
}

.site-footer-wave {
    background-color: var(--body-head-color);
}
.site-footer {
	/*overflow:hidden;*/
	position:relative;
}


@media (max-width:767px) {
    body {
        width: 100vw;
        overflow-x: hidden;
    }
    .ast-header-break-point #ast-mobile-header {
        display: block;
        width: 100vw;
    }
	.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1,
	.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1 + div {
		padding: .5rem;
	}
	.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1 > div {
		margin: 1rem auto .5rem;
	}
	.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1 + div > div {
		margin: .5rem auto 1rem;
	}
    .hfeed.site {
        padding-top: 70px;
    }
    body.logged-in.admin-bar #masthead {
        top: 46px;
    }
    body.logged-in.admin-bar .active#masthead {
        top: 0;
    }
    .ast-hfb-header .active#masthead .ast-site-identity .custom-logo {
        max-width: 136px;
    }
    button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal {
        margin-right: -20px;
    }
    button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal:focus {
        outline: none;
    }
    button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal:focus-visible {
        outline: 1px dotted var(--shaded-color);
    }
    .mobile-menu-toggle-icon .svg-baseline {
        padding: .1em;
    }
    .ast-hfb-header .menu-toggle.toggled .ast-close-svg {
        display: block;
        transform: scale(1.4);
    }
    svg.ast-mobile-svg.ast-close-svg {
        margin-right: 6px;
    }
    .site-header nav.site-navigation a:hover::after, 
    .site-header nav.site-navigation .current-menu-item a::after {
        content: none;
    }
	.page .site-content > .ast-container > div > section.hero,
	.page.home .site-content > .ast-container > div > section.hero {
        height: 450px;
        position: relative;
    }
	.page.home .site-content > .ast-container > div > section.hero section {
		margin-top: 0;
	}
    section.hero * {
        position: unset;
    }
    section.hero section {
        
    }
	.page .site-content > .ast-container > div > section.hero {
		background-position: top right;
	}
    
    .page-home section.hero {
        /*height: 550px;*/
    }
    .page-home section.hero p {
        font-size: 20px;
        margin: 0;
    }
    .page-home section.hero a.elementor-button {
        font-size: 20px;
        margin: 0;
    }
    .page-blog section.hero {
        /*height: 400px;*/
    }
    .hero .wave-curve {
        position: absolute;
        /*top: 97px;*/
        bottom: 5px;
        margin: 0 !important;
        transform: rotateX(180deg);
    }
    
    .wave-divider-top {
        /* position: absolute; */
        top: 0;
        left: -5vw;
        width: 100vw;
        overflow: hidden;
        line-height: 0;
    }
    .hero .wave-divider-top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        overflow-x: hidden; 
        line-height: 0;
    }
    .wave-divider-top svg {
        position: relative;
        display: block;
        width: calc(150% + 1.3px);
        height: 60px;
    }
    .site-content > .ast-container > div > section {
        width: 100vw;
        /*overflow-x: hidden;*/
    }
    .site-content > .ast-container > div > section:not(.hero):not(.shaded) {
        margin: 1em auto;
        padding: 1em 5vw;
    }
    .page .site-content > .ast-container > div > section.hero + section {
        margin-top: 150px;
    }
	.page-therapies .site-content > .ast-container > div > section.hero + section {
		margin-top: 200px;
	}
	.page-therapies .site-content > .ast-container > div > section.hero + section h2 {
		display: none;
	}
	.page-therapies .site-content > .ast-container > div > section.hero + section p:first-child {
		display: none;
	}
    .site-content > .ast-container > div > section.symptoms,
    .site-content > .ast-container > div > section.causes,
    .site-content > .ast-container > div > section.types,
    .site-content > .ast-container > div > section.forms {
        padding-top: 2em !important;
    }
    .page-home .site-content > .ast-container > div > section.hero + section {
        margin-top: 200px !important;
    }
    .site-content > .ast-container > div > section.shaded {
        margin: 1em auto;
        padding: 0 5vw;
    }
    .site-content > .ast-container > div > section.shaded > div {
        /*padding: 0 5vw;*/
    }
    .site-content > .ast-container > div > section.shaded .wave-curve {
        width: 100vw;
        margin: auto -5vw;
    }
    
    section.hero section {
        position: absolute;
        top: 140px;
        top: 470px;
        width: 90vw !important;
        left: 5vw;
        flex-direction: column;
        justify-content: flex-start;
    }
    section.hero section h1 {
        margin-bottom: 0 !important;
    }
    .page-blog section.hero section h1 {
        margin-bottom: 1em !important;
    }
    section.hero section h1::before,
    section.hero section h1::after {
        content: none;
    }
    .page-blog section.hero section {
        top: -140px;
        top: 180px;
    }
    .page-blog section.hero section h1 {
        color: white;
    }
    section.hero section h1.elementor-heading-title.elementor-size-default {
        font-size: 30px;
    }
    h2::before,
    h2::after {
        bottom: .5em;
    }
    .abstract {
        font-size: 22px;
    }
    .page-7-pillars section#prevention {
        padding-bottom: 2rem;
        background-image: none;
    }
    .page-what-is-osteoarthritis section#treatment-opts section.middle {
        padding-bottom: 2rem;
        background-image: none;
    }
    .page-prevention .elementor-widget-heading.sidelined h2::before {
        /*content: " ";*/
        position: absolute;
        top: auto;
        bottom: .25em;
        left: .2em;
        display: block;
        height: 4px;
        width: .35em;
    }
    .page-prevention .elementor-widget-heading.sidelined h2::after {
        top: auto;
        bottom: .25em;
        left: .85em;
        display: block;
        height: 4px;
        width: 2.5em;
    }
    .elementor-element .elementor-widget-wrap.elementor-element-populated {
        margin: 0 !important;
    }
    h2.elementor-heading-title.elementor-size-default {
        font-size: 26px !important;
    }
    .card {
        margin: 1em auto;
    }
    .elementor-column.card {
        margin: 1rem auto;
    }
    .elementor-widget-image img {
        vertical-align: middle;
        display: inline-block;
        margin: auto -5vw;
        max-width: 100vw;
    }
    #new-findings .elementor-widget-container {
        margin-top: 1em;
    }
    .premium-carousel-wrapper a.carousel-arrow {
        top: 105%;
    }
    
    div#rec-sports {
        margin: 0;
        padding: 5px;
    }
    #rec-sports > div {
        flex-direction: column;
    }
    #rec-sports #recommended-sports {
        width: 100%;
    }
    #rec-sports #recommended-sports img {
        width: 100%;
    }
    
    .elementor-15 .elementor-element.elementor-element-74c8feb > .elementor-element-populated {
        padding: unset;
    }
    .elementor-element.elementor-element-aaadc8b.elementor-widget.elementor-widget-accordion {
        width: 100%;
    }
    
    section.blog section {
        margin: 0;
        width: 90vw;
    }
    
    .wave-divider-top.site-footer {
        left: 0;
    }
    .site-footer *::before {
        content: none;
    }
    .site-footer .site-footer-primary-section-1.site-footer-section.site-footer-section-1 {
        order: 2;
    }
    .site-footer .site-footer-primary-section-2.site-footer-section.site-footer-section-2 {
        order: 1;
    }
    .site-footer .site-footer-primary-section-3.site-footer-section.site-footer-section-3 {
        display: none;
    }
    /* 7 pillars */
    .seven-pillars-graph .elementor-widget-html .elementor-widget-container {
        position: unset;
    }
    .bullseye {
        position: unset; 
        margin-bottom: 2rem;
    }
    .pillar {
        position: unset; 
        text-align: center;
        width: 60vw;
        margin-bottom: 2rem;
    }
    
    /* tabs */
    section#tabbed {
        width: 100vw;
        padding: 1em 0;
    }
    .on-page-nav,
    .eael-advance-tabs {
        width: 100vw !important;
        margin: auto -5vw;
    }
    .eael-advance-tabs .eael-tabs-content>div.active {
        display: block;
        width: 100%;
        padding: 1em 5vw;
        opacity: 1;
        -webkit-animation: fadeIn linear .3s;
        animation: fadeIn linear .3s;
    }
    .on-page-nav li.menu-item a span,
    span.eael-tab-title.title-after-icon {
        display: none;
    }
    section#blog-teaser section {
        padding: 0 !important;
    }
    #post-last,
    section#blog-teaser #post-last,
    #post-last .premium-blog-post-container.premium-blog-skin-banner {
        height: 290px;
    }
    
    .elementor-895 .elementor-element.elementor-element-2550661d .premium-blog-entry-title, 
    .elementor-895 .elementor-element.elementor-element-2550661d .premium-blog-entry-title a {
        font-size: 18px !important;
        text-decoration: none;
        line-height: 1.1em;
        transform: translateY(20px) !important;
    }
    #post-last .premium-blog-post-container .premium-blog-content-wrapper {
        padding: 10px;
    }
    #post-other .premium-blog-skin-side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    #post-other .premium-blog-post-outer-container {
        height: 170px;
    }
    #post-other .premium-blog-content-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        position: relative;
        padding: 10px;
    }
    #post-other .premium-blog-content-wrapper .premium-blog-entry-meta {
        line-height: 1.3em;
        font-size: 12px;
        margin-bottom: 0;
        color: #adadad;
        transform: translateY(-6em);
        position: absolute;
        margin-top: 10px; 
    }
    #post-other .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container {
        height: 170px;
    }
    #post-other .premium-blog-thumb-effect-wrapper,
    .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumb-effect-wrapper {
        flex-basis: 45% !important;
    }
    #post-other .premium-blog-thumb-effect-wrapper .elementor img,
    .premium-blog-post-container.premium-blog-skin-side  .premium-blog-thumb-effect-wrapper .elementor img {
        height: 100% !important;
        max-width: 100%;
        border: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .premium-blog-content-wrapper .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link {
        font-size: 18px;
    }
}

@media (min-width:768px) {
	.site-footer::before {
		background-size: 130% 90px;
		background-position: 50% 0%;  
		transform: rotateY(180deg); 
	}  
}
 
@media (min-width:1025px) {
	.site-footer::before {
		bottom: -0.1vw;
		left: -0.1vw;
		right: -0.1vw;
		top: -0.1vw; 
		background-size: 130% 150px;
		background-position: 50% 0%; 
		transform: rotateY(180deg); 
	}
}
@media (min-width:2100px) {
	.site-footer::before {
		background-size: 130% calc(2vw + 150px);
	}
}