/*
Theme Name: Sephience HCP
Theme URI: https://elementor.com/hello-theme/
Description: A lightweight, plain-vanilla, best suited for building your site using Elementor page builder.
Author: Sephience
Author URI: https://sephience.com/
Template: hello-elementor
Version: 1.0.0
Requires at least: 4.7
Requires PHP: 7.0
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: sephiencehcp
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Import parent theme styles */
@import url("../hello-elementor/style.css");

/* Add your custom styles below this line */

/* Reset line height and adjust spacing */
body {
    line-height: 0 !important;
    margin: 0 !important;
}

/* Set line height for content areas only */
body p,
body div,
body main,
body.error500 p,
body.error404 p,
body section {
    line-height: 1.5 !important;
}


/* Ensure header spacing doesn't get affected by line height */
header[data-elementor-type="header"] {
    line-height: 1 !important;
}


/* Gradient Border */
.gradient-border {
   position: relative !important;
   z-index: 0 !important;
 }
 
.gradient-border::before {
   content: '' !important;
   position: absolute !important;
   inset: 0 !important;
   padding: 5px !important;
   background: linear-gradient(180deg, #FFAA00 0%, #FECF00 100%) !important;
   opacity: 0.75 !important;
   border-radius: inherit !important;
 
   -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0) !important;
     -webkit-mask-composite: xor !important;
     mask-composite: exclude !important;
}

.italic-text {
  font-style: italic !important;
}

/* Global YellowButton Styles */

.primary-button a.elementor-button,
button#calculate-btn, 
button#sign-up-btn {
  background: linear-gradient(180deg, #FFAA00 0%, #FECF00 100%) padding-box,
              linear-gradient(180deg, #FFAA00 0%, #FECF00 100%) border-box !important;
  border: 3px solid transparent !important;
  border-radius: 30px !important;
  min-width: 229px !important;
  max-width: 100% !important;
  padding: 13px 21px !important;
}

.primary-button a.elementor-button:hover,
button#calculate-btn:hover,
button#sign-up-btn:hover {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 0%) padding-box,
              linear-gradient(180deg, #FFAA00 0%, #FFAA00 100%) border-box !important;
  border: 3px solid transparent !important;
}

.primary-button a.elementor-button span.elementor-button-content-wrapper{
  align-items: center !important;
  gap: 10px !important;
}

.bottom-nav .primary-button a.elementor-button span.elementor-button-content-wrapper span.elementor-button-icon svg {
  width: 13px !important; 
}

 /* Exit Modal Hidden State */
.exit-modal-hidden {
  display: none !important;
}

/* Visit Site link style */
.custom-link a {
  font-size: 20px !important;
  font-style: normal !important;;
  font-weight: 700 !important;;
  line-height: 21px !important;; 
}

/* Modal Close Button */

.thank-you-modal a.dialog-close-button {
  background: linear-gradient(180deg, #FFAA00 0%, #FECF00 100%) !important;
  padding: 5px;
  border-radius: 50px;
}


@media screen and (min-width: 769px) and (max-width: 960px) {
  .thank-you-modal .dialog-message {
    width: 90vw !important;
  }
}