/*
Theme Name: Salt & Sky Child Theme Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Patrina Hayes
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Custom child theme for Salt & Sky (Astra base).
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.14.1762574810
Updated: 2025-11-08 04:06:50

*/
/* ===========================
   Salt & Sky Custom Styling
   =========================== */

/* --- Layout basics --- */
body {
  font-family: "Inter", "Source Sans 3", system-ui, sans-serif;
  color: #243233;
  background-color: #fffdf9;
  line-height: 1.6;
}

/* --- Buttons --- */
.btn {
  display: inline-block;
  padding: 0.7rem 1.2rem;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  background-color: #0d3b3e;
  color: #fff;
  transition: all 0.2s ease;
}
.btn:hover {
  background-color: #145e63;
  transform: translateY(-2px);
}

/* --- Card style --- */
.card {
  border-radius: 24px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  padding: 1.5rem;
  background-color: #ffffff;
}

/* --- Hero section --- */
.hero.bg {
  position: relative;
  min-height: 420px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  overflow: hidden;
}
.hero.bg .img {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  transform: scale(1.02);
}
.hero.bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(13, 59, 62, 0.66),
    rgba(13, 59, 62, 0.4)
  );
}
.hero.bg .inner {
  position: relative;
  z-index: 2;
  padding: 80px 20px;
  color: #fff;
}
/* === Kill leftover pink from Elementor kit === */
:root {
  /* If Elementor reads CSS variables, this helps align its “primary” */
  --e-global-color-primary: #3AA6B9;
  --e-global-color-secondary: #2997AA;
}

/* Links (global + Elementor) */
a,
.elementor a,
.elementor a:visited {
  color: #2997AA !important; /* brand teal */
}

/* Link hover/focus */
a:hover, a:focus,
.elementor a:hover, .elementor a:focus {
  color: #0c5c5d !important; /* deep teal */
}

/* Buttons */
button, .button, .wp-element-button,
.wp-block-button .wp-block-button__link,
.elementor-button, .elementor-widget-button .elementor-button {
  background-color: #2c7a7b !important;
  border-color: #2c7a7b !important;
  color: #ffffff !important;
}

/* Button hover */
button:hover, .button:hover, .wp-element-button:hover,
.wp-block-button .wp-block-button__link:hover,
.elementor-button:hover, .elementor-widget-button .elementor-button:hover {
  background-color: #0c5c5d !important;
  border-color: #0c5c5d !important;
  color: #ffffff !important;
}

/* Headings that might inherit Accent */
.elementor-widget-heading .elementor-heading-title,
h1, h2, h3, h4, h5, h6 {
  color: #0F172A !important; /* your ast-global-color-2 dark */
}