/* 
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
*/


/* TLTR*/
/* Add the following classes to containers of text*/
/* sh-main-lateral-padding u-richtext*/

html {
  scroll-behavior: smooth;
}


body .elementor-panel{
      font-size: 18px;
}
body .e-input-style, input, select, textarea{
    font-size:20px;
}
a{
    color: #164592;
}

/* *********************************
 * VIDEO FIXING BACKGROUND
******************************** */
.elementor-widget-video .elementor-wrapper iframe,
.elementor-widget-video .elementor-wrapper video{
    background-color: white !important;
}

/* *********************************
 * Normal Menu
******************************** */
.jet-sub-mega-menu{
    margin-top:20px;
}

/*Search MegaMenu Configuration*/
/*We delete and set the width of this*/
.elementor-899 > .elementor-element{
  background: rgba(0,0,0,0);
  position: absolute;
  width: 500px;
  right: 0;
}

body:not(.rtl) .jet-ajax-search__submit[type="submit"]{
    margin-left:0px !important;
}


a[href="#search"] + .jet-sub-mega-menu,
a[href="#search"] + .jet-mega-menu-mega-container__inner
{
  
}

a[href="#search"] + .jet-mega-menu-mega-container__inner .elementor-section-wrap,
a[href="#search"] + .jet-sub-mega-menu .elementor-section-wrap{
    display: flex;
    justify-content: flex-end;
}

.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner{
      padding: 0px;
      background-color: transparent !important;
      margin-top: 10px;
}
.jet-mega-menu.jet-mega-menu--layout-horizontal .jet-mega-menu-mega-container__inner .elementor-section-wrap{
       display: flex;
    justify-content: flex-end;
}

/* *********************************
 * Mobile Menu
******************************** */
.jet-mobile-menu__instance,
.elementor-widget-jet-mobile-menu{
    position:static;
}

.jet-mobile-menu__controls{
    min-height:0px;
}
.jet-mobile-menu__template{
    margin-top:-50px;
}

.jet-mobile-menu__back,
.jet-mobile-menu__breadcrumbs{
    padding: 16px 12px 8px 12px;
}

.jet-mobile-menu__container{
    margin-top: 83px;
    width: 100% !important;
    position: absolute;
    left: 0;
    transition: max-height 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000), visibility 0s;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.jet-mobile-menu__container-inner{
    padding:0px;
}

.jet-mobile-menu__container-inner .elementor-icon-box-content{
    align-items: center;
    display: flex;
}

/*Vertical Position of the MegaMenu when the menu is not scrolled*/
.jet-mega-menu.jet-mega-menu--animation-none.jet-mega-menu--layout-horizontal .jet-mega-menu-list .jet-mega-menu-mega-container{
    transform: translateY(-1px);    
}

/*Vertical Position of the MegaMenu when the menu IS scrolled*/
.shmainheader.scrolled .jet-mega-menu.jet-mega-menu--animation-none.jet-mega-menu--layout-horizontal .jet-mega-menu-list .jet-mega-menu-mega-container{
    transform: translateY(14px);    
}


/*************************************************************
 * Animation for Animation when scrolled things in Menu
 * ***************************************************************/
 
.shmainheader{
  transition: all 0.4s ease-in-out;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  max-width: initial !important;
}

.shmainheader .donatelink,
.shmainheader .findhelp,
.shmainheader .Header-logo,
.shmainheader.shmenuscontainers,
.shmainheader .shsecondarymenu{
    transition: all 0.1s ease-in-out;
}
.shmainheader.scrolled .shsecondarymenu{
  opacity: 0;
  visibility: hidden;
  display:none;
} 

.shmainheader.scrolled{
  height: 90px;  
}

.shmainheader.shmenuscontainers{
    display:flex;
}
.shmainheader.scrolled .shmenuscontainers{
    justify-content: center;
}

.shmainheader.scrolled .Header-logo{
   width: 180px; 
}
.shmainheader.scrolled .donatelink,
.shmainheader.scrolled .findhelp{
    min-height:90px;
    padding-top:10px;
}

/*****************************
 * Custom Variables for SH
 * **************************/
:root {
    --main-lateral-padding: calc(2.1875rem + 10px);
    --atom-vertical-padding: 1rem; /*use to separate atoms*/
    --sh-color-deepblue: #023567;
}
@media (max-width: 1023px) {
     :root {
        --main-lateral-padding: 2.1875rem;
    }   
}
@media (max-width: 599px) {
     :root {
        --main-lateral-padding: 1.55rem;
    }   
}


/*****************************
 * Global Styles for SH
 * **************************/

/* Main Padding Style: This style is added to all Elementor Containers that needs a Main Padding on Tablet and Mobile.
It is usually added together with the e-con style so it will overide that style on that container.
I substract 10px from the 2.1875rem that was the old page padding so it accomodates most of the cases where children div have paddings.
*/

/*This one is to control banner max titles sizes*/
.sh-banner-title,
.banner-title{
    font-size: 3.75rem;
    font-weight:900;
    line-height:normal;
}
@media (max-width: 1023px) {
    .sh-banner-title,
    .banner-title{
        font-size: calc(7.5vw + -0.9375rem);
    }  
}
@media (max-width: 599px) {
    .sh-banner-title,
    .banner-title{
        font-size: 1.875rem;
    }   
}
/*This one is to control banner max supertitles sizes. Supertitles are the small titles above the main title*/
/*This one is to control banner max titles sizes*/
.banner-supertitle{
    font-size: 17.875px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
}

/*This style should be added to all MAIN container that are boxed (are not full width) and need to maintain the maximun wdith as elementor*/
.sh-maximum-content-size{
    width:min(100%,var(--container-max-width));/* This var comes from elementor*/
}


/*This style should be added to all MAIN container that are boxed and not full width or any internal widget that use a fullwdith but their internal content have limits*/
.sh-main-lateral-padding,
.main-lateral-padding,
.main-container-padding{
    padding-left:var(--main-lateral-padding);
    padding-right:var(--main-lateral-padding);
}

/*This alternative tag is on all logos on the web.We should add it to the
 * footer and header at least */
.u-screenreader {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}


/* Global Styling for the Footer */
footer{
	/*margin-top:16px;*/
	font-size:16px;
	position:relative;
	z-index:100;
}

footer p{
    line-height: 24px;
}

footer > div.jet-theme-core-location__inner{
    position:relative;
}
footer > div.jet-theme-core-location__inner > div::before{
  border-bottom: 31px solid #164592;
  border-left: 38px solid transparent;
  border-right: 38px solid transparent;
  border-top-width: 0;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  top: -29px;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 99;
  width: 0;
}


@media (max-width: 1023px) {
    footer > div.jet-theme-core-location__inner > div::before{
      top: -29px;
    }
   
}

/*[TODO] We have to find why the triangle doesnt align in just the HOME PAGE */
/*QUICK FIX FOR BUG: https://trello.com/c/yWzUpNBh/283-bottom-spacing-is-non-existent-the-triangle-overlaps-the-image*/
/*and also there's a line that appear on the screen with the video background, if we use margin-top:15px it disapear*/
/*[UPDATE we have to create an own template and remove the padding, margin and gap of the container of the footer spacer]*/


@media (max-width: 766px) {
    footer > div.jet-theme-core-location__inner > div::before{
      top: -29px;
    }

    /*body.home footer{
      margin-top: 0px;
    }*/
    
    
    /*body.home .sh-service-list.padding-top-bottom {
    padding-bottom: 0rem;
  }*/

    
    /*QUICK FIX FOR BUG: https://trello.com/c/yWzUpNBh/283-bottom-spacing-is-non-existent-the-triangle-overlaps-the-image*/
    /*body.home footer > div.jet-theme-core-location__inner > div::before{
      top: 25px;
    }*/
    /*QUICK FIX FOR BUG: https://trello.com/c/yWzUpNBh/283-bottom-spacing-is-non-existent-the-triangle-overlaps-the-image*/
    /*body.home   .sh-service-list.padding-top-bottom {
        padding-bottom: 1rem;
    }*/
    

}

/*HIDE THE TRIANGLE ON THE FOOTER*/
body.error404 footer > div.jet-theme-core-location__inner > div::before{
    top: 5px;
}
body.error404 footer{
    top: 5px;
    margin-top: 0px;
}

footer .Footer-copy{
    margin-top: 2.5rem !important;
}


/*LINKS for EAEL LINKS*/
div[data-eael-wrapper-link]:hover a,
div[data-eael-wrapper-link]:hover .elementor-heading-title{
  text-decoration: underline;
  /*text-decoration-color: #E35205;*/
}




/****************************************************************************************************************************************
U-Rich Text: Is the container for content. We set here different styles that should be use by the Content AKA anything created with elementor as Content
**********************************************************************************************************************************/

 /* u-richtext for Titles */
 
.u-richtext h1, .accordion-content h1, .u-richtext h2, .accordion-content h2, .u-richtext h3, .accordion-content h3, .u-richtext h4, .accordion-content h4, .u-richtext h5, .accordion-content h5, .u-richtext h6, .accordion-content h6 {
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

/*The firsdt children should not have a margin-top*/
.u-richtext h1:first-of-type, 
.u-richtext h2:first-of-type, 
.u-richtext h3:first-of-type, 
.u-richtext h4:first-of-type, 
.u-richtext h5:first-of-type, 
.u-richtext h6:first-of-type {
  margin-top: 0px;
}


 /* u-richtext for Titles inside a widget*/
 .u-richtext .sh-widget h1, .accordion-content .sh-widget h1, .u-richtext .sh-widget h2,
 .accordion-content .sh-widget h2, .u-richtext .sh-widget h3, .accordion-content .sh-widget h3,
 .u-richtext .sh-widget h4, .accordion-content .sh-widget h4, .u-richtext .sh-widget h5,
 .accordion-content .sh-widget h5, .u-richtext .sh-widget h6, .accordion-content .sh-widget h6 {
     margin-top:0px;
     margin-bottom:0px;
 }

.u-richtext p a{
    color: #E35205;   
    transition: .4s;
}

.u-richtext p a:hover{
    text-decoration:underline;
    text-decoration-color: #E35205;
    color: #E35205;
}

/* u-richtext for Images and Widgets */
.u-richtext .sh-widget,
.u-richtext .elementor-widget-image img{
    /*Maybe we dont need this*/
    /*margin-top:var(--atom-vertical-padding);
    margin-bottom:calc(var(--atom-vertical-padding) + 0.5rem);*/
    /* because normal content have an extra .9rem*/
}

.sh-no-margin{
    margin:0px;
}

/********************************
unordered list
********************************/

/* u-richtext for Images and Widgets */

.sh-unordered-list ul,
ul.sh-unordered-list,
.u-richtext ul {
  list-style: none; /* remove the default bullets */
  padding-left: 0;
  margin-left: 2.5rem;
}


.sh-unordered-list ul li::before,
ul.sh-unordered-list li::before,
.u-richtext ul li::before {
  
  color: #164592; /* change the color of the bullet point */
  content: '•';
  position: absolute;
  left: -22px;
  top: 0;
}

/****************************************
unordered list in Elementor Icon List
********************************************/
.u-richtext ul.elementor-icon-list-items li::before{
    content:"";
}


.sh-unordered-list ul li,
ul.sh-unordered-list li,
.u-richtext ul li{
    /*display:flex;
    flex-wrap:wrap;*/
} 

.u-richtext .sh-list-style-circle ul,
.u-richtext ul.sh-list-style-circle,
.u-richtext .sh-list-style-circle{
    /*margin-left: -14px;*/ /*Terrible hack but it will work. This is a template from elementor style, so their parent is already with some margin-left, and is on elementor, we cannot change this because we risk */
}


.u-richtext .sh-list-style-circle ul li,
.u-richtext ul.sh-list-style-circle li,
.u-richtext .sh-list-style-circle ul li{
  margin-bottom: 1.25rem;
}
.u-richtext .sh-list-style-circle ul li::before,
.u-richtext ul.sh-list-style-circle li::before,
.u-richtext .sh-list-style-circle ul li::before {
 /* content: "\00A0";
  padding-right: 0px;
  margin-left: -0.5rem;*/
  /*content: "\25E6";*/
  /*circle*/
  /*margin-bottom: 1.25rem;*/
}
.u-richtext .dark ul li::before,
.dark{
    color: #252525;
}

ul.sh-unordered-list li,
.u-richtext ul li{
    /*margin-top: 0.5em;*/
    /*margin-bottom: 0.5rem !important;
    margin-left: -20px !important;*/
    position: relative;
    padding-left: 0px;
}


.sh-unordered-list ul li a:hover,
ul.sh-unordered-list li a:hover,
.u-richtext ul li a:hover{
    border-bottom-color: var(--sh-color-deepblue);
} 

/*** Divider Fix for Elementor
 * Elementor Divider Widget behave strange. We are using it on the service page. So we add the style that goes on elementor by default
 * */
.elementor-divider-separator::before {
  display: block;
  content: "";
  border-bottom: 0;
  flex-grow: 1;
  border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
}

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

PAGES

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

/**********************************************
Home Page
****************************************************/
body.home #jet-theme-core-page .jet-theme-core-location__inner > div > div > div > div.elementor-element{
    padding: 0;
}


/*HERO SLIDER*/
.HeroSlide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: white;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 25rem;
    overflow: hidden;
    padding-bottom: 1.25rem;
    padding-top: 1.875rem;
    position: relative;
    z-index: 1;
}

.HeroSlide-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 35rem;
    position: relative;
    text-align: center;
    z-index: 4;
}

.HeroSlide-nav {
    display: flex;
    gap: 1rem;
    padding: 0px;
    justify-content: center;

}
.HeroSlide-nav {
    /*display: none;*/
    margin-bottom: 10px;
    text-align: center;
    margin-left:0px !important;
}
.HeroSlide-nav-item {
    display: inline-block;
    margin: 0 0.1875rem;
}
.u-richtext ul .HeroSlide-nav-item::before{
    content:"";
    width:0px;
}
.HeroSlide-nav-link {
    display: inline-block;
    height: 20px;
    line-height: 0px;
    position: relative;
    width: 20px;
}

.HeroSlide-nav-item.active .HeroSlide-nav-link:before {
    border-top-color: #f5a623;
}

.HeroSlide-nav-link:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid rgba(255, 255, 255, 0.8);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

selector{
    height:100%;
}





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

WIDGETS

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

.sh-rightimagewithleftctacontainer,
.sh-leftimagewithrightctacontainer{
    padding:0px;
}

.sh-general-card-container{
    justify-content: space-between !important;
}

.PersonPromo-body{
    min-height:120px;
}


/**********************************************
Elementor Button on Main Menu
****************************************************/
.jet-mega-menu-mega-container .elementor-button{
    min-width: 210px;
}

/**********************************************
Article Navigation : title underneat an image
****************************************************/
@media screen and (max-width: 599px) {
  .elementor-post-navigation > div {
      flex-basis:100%;
  }
  .elementor-post-navigation__next .elementor-post-navigation__link__next{
      text-align: right !important;
      margin-top:1rem;
  }
  .elementor-post-navigation__next .post-navigation__arrow-wrapper{
      margin-top:1rem;
  }
}


/****************************************
3D Button: title underneat an image
****************************************/
.btn {
  color: inherit;
  cursor: pointer;
  line-height: 1;
  text-align: center;
}

.btn-3d-orange-white .btn-text {
  color: #fff;
}
[class*="btn-3d-orange"] .btn-text {
  background-color: #e26007;
}
[class*="btn-3d"] .btn-text {
  display: inline-block;
  padding: 1.125rem 2.125rem;
  position: relative;
  z-index: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.f-nunito-sans-bold {
  font-weight: 700;
}
[class*="btn-3d"]::after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border: 2px solid currentColor;
  content: '';
  -webkit-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  -webkit-transition: border-color 150ms ease, -webkit-transform 150ms ease;
  transition: border-color 150ms ease, -webkit-transform 150ms ease;
  transition: transform 150ms ease, border-color 150ms ease;
  transition: transform 150ms ease, border-color 150ms ease, -webkit-transform 150ms ease;
}

/****************************************************************
SH Tabbet Content: Tabbet Content for Samaritan House
****************************************************************/
/*Somehow this external style adds a height:100% to the container of the widget. Se we reset it, only for SH Tabbet Content*/
.elementor-widget-ucaddon_tabbed_content .elementor-widget-container{
  height: auto !important;
}


/****************************************************************
SH Listing People: Listing People for Samaritan House
****************************************************************/
.elementor-widget-ucaddon_people_listing{
    flex: 1;
}


/*This is a fix for the listing of people. We should try and discover what is happening here*/
@media (max-width: 767px) {
    .elementor-widget-ucaddon_people_listing{
       /*height: 464px !important; */
    }
}



/*******************
figcaption: title underneat an image
*****************/
.u-richtext figcaption{
    font-family: HelveticaNeue, Helvetica Neue, HelveticaNeueRoman, HelveticaNeue-Roman, Helvetica Neue Roman, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif !important;
    color: #6f6760 !important;
    line-height: 1.55 !important;
    margin-top: 1rem !important;
    font-size: calc(1.0rem) !important;
    font-style: normal !important;
}

/* ****************************************************
 * Samaritan House Advance Tabs on Home
************************************************************ */
-richtext .elementor-widget-eael-adv-tabs ul li:before,
.elementor-widget-eael-adv-tabs li:before{
    content:none !important;
}

body .elementor-widget-eael-adv-tabs li{
    flex-basis: calc(100%/6 - 10px) !important;
    transition: background 0.6s ease; /* Transition for smooth zoom effect */
    background:transparent;
    min-height: 137px;
    flex-direction: column;
    padding: 1rem 1rem 0rem !important;  
    margin-left:0px !important;
}

.elementor-widget-eael-adv-tabs li:hover {
  background: var( --e-global-color-0332326 ) !important;
  color: #fff;
  z-index: 1;
}

.elementor-widget-eael-adv-tabs li svg,
.elementor-widget-eael-adv-tabs li span{
    transition: transform 0.6s ease; /* Transition for smooth zoom effect */
    transform: scale(1); /* Initial scale */
}

.elementor-widget-eael-adv-tabs .eael-tabs-nav > ul li::after {
  bottom: -8px !important;
}    
    
.elementor-widget-eael-adv-tabs li:hover svg,
.elementor-widget-eael-adv-tabs li:hover span{
    transform: scale(1.05); /* Zoomed in by 10% on hover */
}

.elementor-widget-eael-adv-tabs li::before{
 content:"";   
}
.elementor-widget-eael-adv-tabs li span{
    font-size:1.1rem !important;
    line-height: 1.4rem !important;
}

.elementor-widget-eael-adv-tabs .eael-tab-top-icon{
    flex-wrap:wrap;
    max-width: 1140px;
}

.elementor-widget-eael-adv-tabs .eael-tabs-nav{
    display:flex;
    justify-content: center;
}

@media only screen and (max-width: 1105px) {
    .elementor-widget-eael-adv-tabs li{
        min-height: 175px;
    }
}


@media only screen and (max-width: 767px) {
    .elementor-widget-eael-adv-tabs li{
        flex-basis: calc(100%/3 - 10px) !important;
        min-height: 140px;
        padding: 1rem 0.5rem 1rem !important;
    } 
}

@media only screen and (max-width: 450px) {
    .elementor-widget-eael-adv-tabs li{
        flex-basis: calc(100%/2 - 10px) !important;
        min-height: 140px;
        padding: 1rem 0.5rem 1rem !important;
    } 
}



/* *********************************
 * Samaritan House Link Cards
******************************** */

/*We really should delete this and only use Elementor Styles but it doesnt work: https://trello.com/c/ic7mIfWF/196-bug-elementor-first-son-on-list-card-item-doesnt-get-the-required-styles */
.sh-general-card img{
    margin-top:0 !important;
    margin-bottom:0 !important;
    max-height: 250px;
    width: calc(33.3vw - 10px) !important;
    height: calc((33.3vw - 10px) * 0.5625)  !important;
}

/*We really should delete this and only use Elementor Styles but it doesnt work: https://trello.com/c/ic7mIfWF/196-bug-elementor-first-son-on-list-card-item-doesnt-get-the-required-styles */
@media (max-width: 1024px){
    .sh-general-card img{
        width: calc(50vw - 10px) !important;
        height: calc((50vw - 10px) * 0.5625)  !important;
    }
}

.sh-general-card-info-container{
    height:100%; /*This will make all the information in the general card get*/    
}
/* *********************************
 * Samaritan House Service Location Listing
******************************** */
.sh-widget-followus{
padding: 0px 2px;
}


/* *********************************
 * Samaritan House Service Location Listing
******************************** */
.service-location-listing .jet-listing-grid__item{
padding-bottom:0px;
padding-top:0px;
}
.service-location-listing h3{
	margin-top:0px;
}

/* The Padding to make it exactly as the old page */
.service-location-listing .elementor-21 .elementor-element.elementor-element-ac58d5c .elementor-divider{
	padding-top: 13px;
	padding-bottom: 23px;
    
}

.service-location-listing .jet-listing-dynamic-field__content p{
    margin-bottom:1rem !important;
    font-size: 18px !important;
    line-height:normal !important;
}

.service-location-listing a{
    text-decoration:underline !important;
    color: rgb(37, 37, 37);
}


/* ******************************************************************************************
 * Class that remove the padding of e-con. Useful for Banner Widget that needs zero padding
******************************************************************************************* */
.e-con.e-con-padding-remover{
  padding: 0;
  --padding-top: var(--container-default-padding-top,0px);
  --padding-right: var(--container-default-padding-right,0px);
  --padding-bottom: var(--container-default-padding-bottom,0px);
  --padding-left: var(--container-default-padding-left,0px);
}


/* *********************************
 * Popup Styles
******************************** */

body .jet-popup.jet-popup--front-mode{
    z-index:10000;
}

body .jet-popup__container-inner{
    margin:8vh 6vw !important;
    padding:0px !important;
    background: none !important;
}

body .jet-popup__container-content{
    height:100%;
}

body .jet-popup.jet-popup--front-mode .jet-popup__close-button{
    top: calc(0px + 6.5vh);
    right: calc(0px + 5vw);
    border-radius: 100%;
    border: 2px solid white;
    box-shadow: 1px 1px 1px black;
}



@media screen and (max-width: 809px) {
    body .popup-text h2 a{
        font-size:1.4rem !important;
    }
    body .popup-text p{
        font-size:1.2rem !important;
    }
}

.jet-pie-chart-container, .jet-bar-chart-container, .jet-line-chart-container{
    height:400px !important;
}

@media (max-width: 768px) { /* Adjust this max-width to suit your mobile breakpoint */
  .jet-pie-chart-container {
    /*position: absolute;*/
    /*top: 0; /* Move to the top of the page */
    /*left: 0; /* Align to the left */
    /*width: 100%; /* Make it full width */
    /*z-index: 10; /* Ensure it's above other content */
  }
  
  
  .jet-pie-chart-container, .jet-bar-chart-container, .jet-line-chart-container{
    height:200px !important;
}
  
}



/******************************************************
FIXES
******************************************************/
#jet-theme-core-header .jet-theme-core-location__inner .sh-header-mobile{
    padding:0px;
}


/*[CMM Jose] fix to header logo hover function*/
/*Seems that elementos create an <A> link on top of the logo
we have to map it adding a shlogo class to the main container of the logo on mobile
and desktop and setup this pointer-events to none. we cannot do it from the common
elementor styles as it can be changed randomly on the future.
*/
.shlogo .--eael-wrapper-link-tag {
  pointer-events: none; /* Prevents the overlay link from blocking hover */
}

.shlogo .Header-brand {
  pointer-events: auto; /* Ensures the actual logo link receives hover events */
}

/*FIX to nonclicking events*/
.pointer-events-none{
    pointer-events: none !important;
}