/*
Theme Name: Client Child Theme
Theme URI: https://yourwebsite.com
Description: Child theme for Hello Biz
Author: Jose Gomez - Cinco Media
Author URI: https://yourwebsite.com
Template: hello-biz
Version: 1.0
*/

@import url("../hello-biz/style.css");


:root {
    /* Spacing */
    --space-base: 16px;
    --space-xxs: calc(var(--space-base)*0.25);
    --space-xs: calc(var(--space-base)*0.5);
    --space-sm: calc(var(--space-base)*0.75);
    --space-md: calc(var(--space-base)*1.5);
    --space-lg: calc(var(--space-base)*2);
    --space-xl: calc(var(--space-base)*2.5);
    --space-xxl: calc(var(--space-base)*4);
    --space-xxxl: calc(var(--space-base)*5);
    --section-space: var(--space-xxxl);
    --section-side-space: var(--space-xxl);
    --gutter: var(--space-xxl);	
    --gutter-sm: var(--space-lg);
    --content-max: 768px;
    --content-padded-max: 920px;
    --container-max: 1180px;
  
  /* Padding Rules */
  --card-padding: var(--space-lg);
  --callout-padding: var(--space-xxl);
  --content-button-padding: var(--space-md);
  --eyebrow-padding: var(--space-xxs);
  --list-padding: var(--space-sm);
  --text-padding: var(--space-base);

    
    /* Fonts */
    --text-base: 16px;
    --text-sm: calc(var(--text-base)*0.875);
    --text-lg: calc(var(--text-base)*1.125);
    --heading-xxs: calc(var(--text-base)*0.875);
    --heading-xs: calc(var(--text-base)*1);
    --heading-sm: calc(var(--text-base)*1.25);
    --heading-md: calc(var(--text-base)*1.5);
    --heading-lg: calc(var(--text-base)*2);
    --heading-xl: calc(var(--text-base)*2.5);
    --heading-xxl: calc(var(--text-base)*3);
    --heading-xxxl: calc(var(--text-base)*3.5);	
    --font-weight-regular: 400; 
  --font-weight-bold: 700; 
  --line-height-body:1.5; 
  --line-height-heading:1.25;
}

  
@media only screen and (max-width : 991px) {	
    :root {	
    --heading-xxs: calc(var(--text-base)*0.875);
    --heading-xs: calc(var(--text-base)*1);
    --heading-sm: calc(var(--text-base)*1.125);
    --heading-md: calc(var(--text-base)*1.25);
    --heading-lg: calc(var(--text-base)*1.5);
    --heading-xl: calc(var(--text-base)*2);
    --heading-xxl: calc(var(--text-base)*2.5);
    --heading-xxxl: calc(var(--text-base)*3);
    --section-space: var(--space-xl);
    --section-side-space: var(--space-base);
    --space-xxxl: var(--space-xl);
    --gutter: var(--space-lg);
    --gutter-sm: var(--space-md);

    }
}
/* Lining numerals sitewide */
html,
body,
body *,
body *::before,
body *::after {
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
}

/* Optional: keep digits equal width in counters (14 Guests, 7 Bedrooms, 6.5 Baths) */
.elementor-counter-number-wrapper,
.elementor-counter-number {
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
}
body {
  font-variant-numeric: lining-nums;
  /* fallback for older browsers */
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
}
h1{
  font-size: clamp(2.6rem,7vw,5rem)!important;
}
.fs-xxl, .fs-xxl .elementor-heading-title{
  font-size: clamp(3rem, 5.6vw, 4.6rem)!important;
}
.fs-md, .fs-md .elementor-heading-title{
  font-size: clamp(1.3rem, 2vw, 1.85rem)!important;
}
h2, .heading2 .elementor-heading-title{
  font-size: clamp(1.8rem,4vw,2.6rem)!important;
}
h3{
  
}
.fs-large .elementor-heading-title{
  font-size: clamp(2.2rem,6vw,3.6rem)!important;
}
h4{
  font-size: 1.05rem!important;
}
/* Body: Barlow */
body,
p,
li,
input,
textarea,
select,
button,
.elementor-widget-text-editor {
  font-family: "barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* Headers: Bank Gothic Distressed */
h1, h2,
h1.elementor-heading-title,
h2.elementor-heading-title ,
.font-heading .elementor-heading-title{
  font-family: 'BankGothic-BoldCondDist', sans-serif!important;
  font-weight: 400; /* font is already bold; 700 would fake-bold it */
  font-style: normal;
  text-transform: uppercase;
}

/* Subheaders: Athelas */
h3, h4, h5, h6,
h3.elementor-heading-title,
h4.elementor-heading-title,
h5.elementor-heading-title,
h6.elementor-heading-title,
.heading .elementor-heading-title {
  font-family: "athelas", serif!important;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}
.eyebrow, .eyebrow .elementor-heading-title{
  font-size: 1.15rem!important;
  font-family: "athelas", serif!important;
  font-weight: 600;
  font-style: italic;
  font-style: normal;
}
/* Optional utility classes for one-off widgets */
.font-header , .font-header .elementor-heading-title {
  font-family: 'BankGothic-BoldCondDist', sans-serif!important;
  font-weight: 400;
}

.sub-header , .sub-header .elementor-heading-title,
.sub-header .elementor-icon-list-text{
 font-family: "athelas", serif!important;
 font-weight: 700;
}
.elementor-nav-menu > li > a.elementor-item-anchor,
.elementor-nav-menu li ul li a,
.font-subheader, .font-subheader .elementor-heading-title {
  font-family: "athelas", serif!important;
  font-weight: 700;
}
.font-subheader-italic .elementor-heading-title {
  font-style: italic;
}
.elementor-nav-menu > li > a.elementor-item-anchor,
.elementor-nav-menu ul li a{
	color: #fff1e8;
}
.font-body, .font-body p {
  font-family: "barlow", sans-serif;
  font-weight: 400;
}

/* Bold text inside body copy */
strong,
b,
p strong,
li strong,
.elementor-widget-text-editor strong {
  font-family: "barlow", sans-serif;
  font-weight: 700;
}
@media(min-width: 1025px){
  .d-md-none{
    display: none;
  }
}
@media(max-width: 1024px){
  .d-md-block, .d-dm-block{
    display: none!important;
  }
}
.elementor-button{
  display: inline-block;
  padding: 15px 30px;
  text-decoration: none;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  transition: background .2s ease, color .2s ease;
  font-family: "athelas", serif!important;
  font-weight: 600;
}

/* Parent row: label left, icon right */
.e-off-canvas .elementor-nav-menu--main .menu-item-has-children > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Plus icon */
.e-off-canvas .elementor-nav-menu--main .menu-item-has-children > a::after {
  content: "+";
  font-size: 24px;
  z-index: 9;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  opacity: 1!important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* Minus icon when open */
.e-off-canvas .elementor-nav-menu--main .menu-item-has-children.is-open > a::after {
  content: "\2212";
}

/* Submenus: closed by default, inline accordion when open */
.e-off-canvas .elementor-nav-menu--main .sub-menu {
  display: none !important;
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  box-shadow: none;
  background: transparent;
}
.e-off-canvas .elementor-nav-menu--main .menu-item-has-children.is-open > .sub-menu {
  display: block !important;
  visibility: visible !important;
}

@media(max-width: 767px){
  .ammen-grid{
    .elementor-icon-list-item{
      flex-direction: column;
    }
  }
}