/*
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");

/* Theme */
:root{
	--rojas-red: #a00606;
	--rojas-gold: #d6a62b;
	--body-font: "IBM Plex Sans", sans-serif;
	--heading-font: "Josefin Sans", sans-serif;
  --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-side-space: var(--space-xxl);
  --section-space: calc(var(--space-base)* 7.5);
  --gutter: var(--space-xxl);
  --gutter-sm: var(--space-lg);
  
  /* 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: 600;
  --line-height-body:1.5;
  --line-height-heading:1.25;

  
  /* Colors */
  --color-brand-01: #006EF9;
  --color-text-black: #0E1620;
  --color-text-white: #FFFFFF;
  --color-text-grey: #4F4F4F;
  --color-text-blue: var(--brand-01);
  --color-ui-01: #F4F4F4;
  --color-ui-02: #D3D3D3;
  --color-ui-03: #646464;
  --color-ui-white: #FFFFFF;
  
  /* Border Radius */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 24px;
  --border-radius-button: 100%;
  --border-radius-element: var(--border-radius-lg);
  
}
@media(max-width: 991px){
  /*Mobile Styles*/
    :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)* 2.5);
    --section-side-space: var(--space-base);
    --section-space: calc(var(--text-base)* 3.75);
    --gutter: var(--space-lg);
    --gutter-sm: var(--space-md);
  }
}
.hero-with-blackoverlay{
  &:after{
    content: '';
    background: #000;
    opacity: .25;
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    z-index: 4;
  }
  .e-con-inner{
    position: relative;
    z-index: 8;
  }
}
@media(min-width:1024px){
  ul.elementor-nav-menu {
      display: flex;
      column-gap: 60px;
  }
  
  ul.elementor-nav-menu li a {
      padding: 0px !important;
  }
}
.rojas-heading .elementor-heading-title {
    padding-left: 62px;
    line-height: 50px;
    align-items: center;
}
.rojas-heading .elementor-heading-title:before {
    content: '';
    width: 50px;
    height: 50px;
    background: url(/wp-content/uploads/2025/07/RMH-RojasFlooring-Website-Favicon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-60%);
}
.page-id-14 header .elementor-sticky--active .site-logo img{
    opacity: 0;
}
.page-id-14 header .elementor-sticky--active.elementor-sticky--effects .site-logo img{
  opacity: 1;
  transition: 0.2s all;
}
/* Make sure heading takes full width */
.rojas-heading {
  flex: 1;
}
.rojas-red{
  color: var(--rojas-red);
}
/* Style the heading + line */
.rojas-heading .elementor-heading-title {
  display: flex;
  align-items: center;
  margin: 0;

}
/* The extending line */
.rojas-heading .elementor-heading-title::after {
  content: "";
  flex: 1;
  height: 2px;
  background: #000;
  margin-left: 15px;
}
.rojas-heading.dark-accent .elementor-heading-title::after{
  background: #fff;
}
.rojas-heading.dark-accent--gold .elementor-heading-title::after{
  background: var(--rojas-gold);
}
.rojas-heading .elementor-heading-title {
  width: 100%;
}
@media (min-width: 991px){
    /* 2 column layout */
    .elementor-form .elementor-form-fields-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        align-items: start;
    }
    
    /* Left column: name, phone, email, button */
    .elementor-field-group-name,
    .elementor-field-group-field_16e4005,
    .elementor-field-group-email,
    .elementor-field-type-submit {
        grid-column: 1;
    }
    
    /* Right column: project description spans full height */
    .elementor-field-group-message {
        grid-column: 2;
        grid-row: 1 / 5;
    }
    
    /* Make textarea fill the full height */
    .elementor-field-group-message textarea {
        height: 100%;
        min-height: 180px;
    }
    
    /* Submit button full width, left aligned */
    .elementor-field-type-submit {
        width: 100%;
    }
    
    .elementor-field-type-submit .elementor-button {
        width: 100%;
    }
}
/* @media(max-width: 1024px){
  .mobile-menu-wrap .e-off-canvas{
    top: 110px!important;
  }
}
@media(max-width: 767px){
  .mobile-menu-wrap .e-off-canvas{
    top: 140px!important;
  }
} */

form[name="Contact Us"] .elementor-form-fields-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.5rem 2rem;
  align-items: start;
}

/* Left column */
form[name="Contact Us"] .elementor-field-group-name {
  grid-column: 1;
  grid-row: 1;
}
form[name="Contact Us"] .elementor-field-group-field_20e2ff5 {
  grid-column: 1;
  grid-row: 2;
}
form[name="Contact Us"] .elementor-field-group-field_5a2fe2f {
  grid-column: 1;
  grid-row: 3;
}
form[name="Contact Us"] .elementor-field-group-field_f61cceb {
  grid-column: 1;
  grid-row: 4;
}

/* Right column */
form[name="Contact Us"] .elementor-field-group-field_92189a5 {
  grid-column: 2;
  grid-row: 1;
}
form[name="Contact Us"] .elementor-field-group-email {
  grid-column: 2;
  grid-row: 2;
}
form[name="Contact Us"] .elementor-field-group-message {
  grid-column: 2;
  grid-row: 3 / 5;
}

/* Submit full width */
form[name="Contact Us"] .e-form__buttons {
  grid-column: 1 / -1;
}
.elementor-widget-text-editor p:last-child{
  margin-bottom: 0px;
}
@media (max-width: 560px) {
  form[name="Contact Us"] .elementor-form-fields-wrapper {
    grid-template-columns: 1fr;
  }

  form[name="Contact Us"] .elementor-field-group-name,
  form[name="Contact Us"] .elementor-field-group-field_20e2ff5,
  form[name="Contact Us"] .elementor-field-group-field_5a2fe2f,
  form[name="Contact Us"] .elementor-field-group-field_f61cceb,
  form[name="Contact Us"] .elementor-field-group-field_92189a5,
  form[name="Contact Us"] .elementor-field-group-email,
  form[name="Contact Us"] .elementor-field-group-message,
  form[name="Contact Us"] .e-form__buttons {
    grid-column: 1;
    grid-row: auto;
  }
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #fff!important;
}