/*
Theme Name: HCMS Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: HCMS Elementor Child is a child theme of Hello Elementor
Author: High Caliber Marketing Solutions
Author URI: https://highcalibermarketingsolutions.com/
Template: hello-elementor
Version: 1.0.2
Text Domain: hcms-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

ul.columns-4 li,
ul.columns-3 li,
ul.columns-2 li,
ol.columns-4 li,
ol.columns-3 li,
ol.columns-2 li, 
ul.min-columns-2 li,
ol.min-columns-2 li {
	break-inside: avoid;
	page-break-inside: avoid;
}
ul.centered-list,
ol.centered-list {
	width: fit-content;
	width: -moz-fit-content;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
ul.min-columns-2,
ol.min-columns-2 {
	columns: 2;
}
@media (min-width: 600px) {
	ul.columns-4,
	ol.columns-4,
	ul.columns-3,
	ol.columns-3,
	ul.columns-2,
	ol.columns-2 {
		columns: 2;
	}
}
@media (min-width: 1025px) {
	ul.columns-4,
	ol.columns-4,
	ul.columns-3,
	ol.columns-3 {
		columns: 3;
	}
}
@media (min-width: 1200px) {
	ul.columns-4,
	ol.columns-4 {
		columns: 4;
	}
}

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.elementor-tab-content ul, 
.elementor-tab-content ol {
	margin-bottom: 0.9em;
}

ul.child-posts-list {
    padding-inline-start: 20px;
	columns:2;
	font-size:14px;
	font-weight: 500;
}
.child-posts-list li::marker {
    color: #003865;
}
ul.child-posts-list::marker {
    color: #003865;
}

ul.two-col-li{
	columns:2;
}

a.hcms-txt {
    color: #f229ac !important;
}

.faq-content-txt h3{
	padding: 10px;
    background: #1a7c88;
	color:#fff;
    border-radius: 10px;
	font-size:1.1rem;
	text-transform:uppercase;
}

@media(max-width:450px){
ul.two-col-li{
	columns:1;
}
}
   .copyright-bg{
	background: radial-gradient(720px 280px at 12% 8%, rgba(26, 124, 136, 0.14), transparent 60%), radial-gradient(680px 260px at 88% 18%, rgba(54, 171, 182, 0.05), transparent 56%), linear-gradient(180deg, #030404 0%, #000 100%);
    border-top: 1px solid rgba(255, 255, 255, .1);
	
} 
   
   
    .subtle-img-bx-shadow{
          border-radius: 5px;
    box-shadow: 0 16px 40px rgba(26, 124, 136, .1), 0 4px 12px rgba(0, 0, 0, .06);
    }
.hero-pills-wrapper{
        display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
    position: relative;
    order: 4;
}
.hero-pill{
    display: inline-flex;
        align-items: center;
    gap: .45rem;
    text-align: left;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: 999px;
    padding: .32rem .75rem .32rem .4rem;
    min-height: 34px;
}
.blue-bx-shadow{
        border: 1px solid rgba(26, 124, 136, .12);
    box-shadow: 0 24px 60px rgba(26, 124, 136, .1), 0 4px 16px rgba(0, 0, 0, .06);
}
.pre-title-pill{
        display: inline-flex;
    align-items: center;
    color: rgb(26, 124, 136);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    line-height: 1;
    gap: 0.4rem;
    padding: 0.34rem 0.85rem 0.34rem 0.5rem;
    background: rgba(26, 124, 136, 0.08);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(26, 124, 136, 0.14);
    border-image: none;
    border-radius: 999px;
    margin: 0px 0px 1.1rem;
}
.black-blue-gradient{
    background: radial-gradient(ellipse 1400px 700px at 10% 15%, rgba(26, 124, 136, 0.38), transparent 65%), radial-gradient(ellipse 1000px 600px at 88% 22%, rgba(54, 171, 182, 0.08), transparent 60%), linear-gradient(148deg, #15656e 0%, #16191a 52%, #030404 100%);
}
.alt-b-b-gradient{
    background: radial-gradient(1200px 520px at 12% 8%, rgba(26, 124, 136, 0.32), transparent 62%), radial-gradient(900px 500px at 90% 80%, rgba(18, 85, 93, 0.22), transparent 60%), linear-gradient(160deg, #111414 0%, #16191a 45%, #0f454c 100%);
}
.glass-card {
background: rgba(255, 255, 255, 0.07);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2.7px);
-webkit-backdrop-filter: blur(2.7px);
border: 1px solid rgba(255, 255, 255, 0.27);
}

.int-header{
    background: radial-gradient(900px 420px at 12% 16%, rgba(26, 124, 136, 0.14), transparent 58%), linear-gradient(105deg, rgba(0, 0, 0, 0.76) 0%, rgba(26, 124, 136, 0.58) 42%, rgba(26, 124, 136, 0.3) 100%), url(/wp-content/uploads/2026/09/entry-header-bg.jpg) no-repeat center center rgba(0, 0, 0, 0);
}

/* =========================================
   HIGH TIDE ROOFING - GRAVITY FORMS
   ========================================= */

/* Field Spacing */
.gform_wrapper .gfield {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.gform_wrapper .gform_fields {
  gap: 14px !important;
}


/* =========================================
   FIELD LABELS
   ========================================= */

.gform_wrapper .gfield_label,
.gform_wrapper label.gfield_label,
.gform_wrapper .gfield_label.gform-field-label,
.gform_wrapper .ginput_complex label {
  color: #12555E !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  margin-bottom: 6px !important;
}


/* =========================================
   INPUT FIELDS
   ========================================= */

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="time"],
.gform_wrapper select {
  background-color: #F5F8F8 !important;
  color: #161A1B !important;

  border: 1px solid #D7E3E4 !important;
  border-radius: 6px !important;

  padding: 14px 15px !important;

  font-size: 14px !important;
  font-family: inherit !important;

  min-height: 48px !important;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease !important;
}


/* Placeholder Text */
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
  color: #69777A !important;
  opacity: 1 !important;
}


/* Input Focus */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="date"]:focus,
.gform_wrapper input[type="time"]:focus,
.gform_wrapper select:focus {

  background-color: #FFFFFF !important;
  border-color: #1A7C88 !important;

  box-shadow: 0 0 0 3px rgba(26, 124, 136, 0.12) !important;

  color: #161A1B !important;
  outline: none !important;
}


/* =========================================
   TEXTAREA
   ========================================= */

.gform_wrapper textarea {
  background-color: #F5F8F8 !important;
  color: #161A1B !important;

  border: 1px solid #D7E3E4 !important;
  border-radius: 6px !important;

  font-family: inherit !important;
  font-size: 14px !important;

  padding: 14px 15px !important;

  width: 100% !important;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease !important;
}


.gform_wrapper textarea:focus {
  background-color: #FFFFFF !important;

  border-color: #1A7C88 !important;

  box-shadow: 0 0 0 3px rgba(26, 124, 136, 0.12) !important;

  color: #161A1B !important;
  outline: none !important;
}


/* =========================================
   SELECT / DROPDOWN
   ========================================= */

.gform_wrapper select {
  cursor: pointer !important;
}


/* =========================================
   SUBMIT BUTTON
   ========================================= */

.gform_wrapper input[type="submit"].gform_button,
.gform_wrapper button.gform_button {

  width: 100% !important;

  background-color: #1A7C88 !important;
  color: #FFFFFF !important;

  font-family: "Montserrat", Sans-serif !important;

  font-size: 14px !important;
  font-weight: 700 !important;

  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;

  border: 1px solid #1A7C88 !important;
  border-radius: 6px !important;

  padding: 15px 24px !important;

  min-height: 50px !important;

  cursor: pointer !important;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease !important;
}


/* Submit Button Hover */
.gform_wrapper input[type="submit"].gform_button:hover,
.gform_wrapper button.gform_button:hover {

  background-color: #12555E !important;
  border-color: #12555E !important;

  color: #FFFFFF !important;

  transform: translateY(-1px);
}


/* =========================================
   CONSENT
   ========================================= */

.gform_wrapper .ginput_container_consent label,
.gform_wrapper .gfield_consent_label {

  color: #59686A !important;

  font-size: 12px !important;
  font-weight: 400 !important;

  line-height: 1.5 !important;

  cursor: pointer !important;

  text-transform: none !important;
}


.gform_wrapper .ginput_container_consent label a {
  color: #12555E !important;
  text-decoration: underline !important;
}


.gform_wrapper .ginput_container_consent label a:hover {
  color: #1A7C88 !important;
}


/* Consent Description */
.gform_wrapper .gfield_consent_description {

  color: #59686A !important;

  font-size: 12px !important;
  line-height: 1.5 !important;

  max-height: 100px !important;

  overflow-y: auto !important;

  padding-right: 8px !important;
}


/* =========================================
   CHECKBOX / RADIO
   ========================================= */

.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
  accent-color: #1A7C88 !important;
}


/* =========================================
   VALIDATION
   ========================================= */

.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select {
  border-color: #B42318 !important;
}


.gform_wrapper .validation_message {
  color: #B42318 !important;
  font-size: 12px !important;
  margin-top: 5px !important;
}


/* =========================================
   REQUIRED LEGEND
   ========================================= */

p.gform_required_legend {
  display: none !important;
}
div#field_1_8 {
    font-size: 10px;
}