.elementor-kit-435{--e-global-color-primary:#B8860B;--e-global-color-secondary:#2C2C2C;--e-global-color-text:#1E1E1E;--e-global-color-accent:#E8E6E1;--e-global-color-61241c52:#4054B2;--e-global-color-4b1ff412:#23A455;--e-global-color-444146c4:#000;--e-global-color-7978d0eb:#FFF;--e-global-color-4361b50:#E8E6E1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-astglobalcolor0 ) 2%, #F5E6C6 100%);}.elementor-kit-435 e-page-transition{background-color:#FFBC7D;}.elementor-kit-435 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ====== GLOBAL SITE COLORS & TYPOGRAPHY ====== */
body {
  background: linear-gradient(135deg, #fffdf5 0%, #f5e6c6 50%, #f4dcb4 100%);
  color: #333333;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  color: #1E1E1E;
}

/* ====== BUTTON STYLES ====== */
button,
.wp-block-button__link,
.ast-button,
.button,
input[type="submit"] {
  background-color: #B8860B;
  color: #ffffff;
  border: none;
  padding: 12px 24px;
  border-radius: 4px;
  transition: background 0.3s ease;
}

button:hover,
.wp-block-button__link:hover,
.ast-button:hover,
.button:hover,
input[type="submit"]:hover {
  background-color: #9c7409;
  color: #ffffff;
}

/* ====== SECONDARY BUTTON ====== */
.secondary-button {
  background-color: #2C2C2C;
  color: #ffffff;
}

.secondary-button:hover {
  background-color: #1a1a1a;
  color: #ffffff;
}

/* ====== LINKS ====== */
a {
  color: #B8860B;
  text-decoration: none;
}

a:hover {
  color: #9c7409;
  text-decoration: underline;
}

/* ====== FOOTER STYLES ====== */
.site-footer {
  background-color: #F2F2F2;
  color: #333333;
  padding: 40px 20px;
  font-size: 14px;
}

.site-footer a {
  color: #333333;
}

.site-footer a:hover {
  color: #B8860B;
}

/* ====== BORDERS / DIVIDERS ====== */
hr,
.border,
.widget-area,
.wp-block-separator {
  border-color: #DDDDDD;
}

/* ====== SECTION BACKGROUND CLASSES ====== */
.section-light {
  background-color: #FAFAFA;
}

.section-white {
  background-color: #FFFFFF;
}

/* ====== LOGO SIZING ====== */
.ast-site-identity img {
  max-width: 200px;
  height: auto;
}

/* ====== RESPONSIVE BACKGROUND GRADIENT (For Specific Sections) ====== */
/* Apply the .ferro-hero class to any Elementor section where you want this gradient */
.ferro-hero {
  background: linear-gradient(135deg, #fffdf5 0%, #f5e6c6 50%, #f4dcb4 100%);
}

/* Tablet */
@media (max-width: 1024px) {
  .ferro-hero {
    background: linear-gradient(120deg, #fffdf5 0%, #f5e6c6 60%, #f4dcb4 100%);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .ferro-hero {
    background: linear-gradient(100deg, #fffdf5 0%, #f5e6c6 70%, #f4dcb4 100%);
  }
}/* End custom CSS */