/*!***************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./_src/scss/style.scss ***!
  \***************************************************************************************************************/
/*!
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: A child theme for Hello Elementor with a custom header widget
Author: Scoot Digital
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
/* ========================================================
    _root.scss - Eycon
======================================================== */
/* Base */
:root {
  /* Mode 1 */
  /* color */
  --colours-base-success: #11eec6;
  --colours-base-black: #000000;
  --colours-base-error: #ee112c;
  --colours-base-info: #55e0ff;
  --colours-base-white: #ffffff;
  --colours-brand-blue: #1d6b82;
  --colours-brand-green: #83a78b;
  --colours-brand-orange: #f15d45;
  --colours-brand-yellow: #ffd568;
  --colours-brand-dark: #2a2a2a;
  --colours-brand-light: #f8f8f8;
  --colours-grey-dark: #b1b1b1;
  --colours-grey-extra-dark: #585858;
  --colours-grey-extra-light: #f8f8f8;
  --colours-grey-light: #ebebeb;
  --colours-grey-medium: #dddddd;
  /* number */
  --border-radius-button: var(--rem-0-5);
  --border-radius-card-image: var(--rem-1);
  --border-radius-module: var(--rem-2);
  --rem-0: 0rem;
  --rem-0-5: 0.5rem;
  --rem-1: 1rem;
  --rem-1-5: 1.5rem;
  --rem-2: 2rem;
  --rem-3: 3rem;
  --rem-4: 4rem;
  --rem-5: 5rem;
  --rem-6: 6rem;
  --rem-7: 7rem;
  --rem-8: 8rem;
  --spacing-system-desktop-none: var(--rem-0);
  --spacing-system-desktop-narrow: var(--rem-3);
  --spacing-system-desktop-normal: var(--rem-5);
  --spacing-system-desktop-large: var(--rem-7);
  --spacing-system-mobile-none: var(--rem-0);
  --spacing-system-mobile-narrow: var(--rem-1-5);
  --spacing-system-mobile-normal: var(--rem-3);
  --spacing-system-mobile-large: var(--rem-5);
  --spacing-system-tablet-none: var(--rem-0);
  --spacing-system-tablet-narrow: var(--rem-1-5);
  --spacing-system-tablet-normal: var(--rem-3);
  --spacing-system-tablet-large: var(--rem-5);
  --typography-body-font: Mulish;
  --typography-body-font-weight: Regular;
  --typography-button-font-weight: Medium;
  --typography-heading-font: Archivo Black;
  --typography-heading-font-weight: Bold;
  --typography-lead-font: Mulish;
  --typography-lead-font-weight: Medium;
  --typography-sub-font-weight: Bold;
}

:root {
  /* color */
  --base-arrows-pagination: var(--colours-brand-blue);
  --base-bg-fill: var(--colours-base-white);
  --base-border: var(--colours-brand-orange);
  --base-highlight-section: var(--colours-brand-light);
  --base-icon: var(--colours-brand-orange);
  --base-muted-border: var(--colours-grey-light);
  --button-block-bg: var(--colours-brand-orange);
  --button-block-bg-hover: var(--colours-brand-blue);
  --button-block-icon: var(--colours-base-white);
  --button-block-icon-hover: var(--colours-base-white);
  --button-block-text: var(--colours-base-white);
  --button-block-text-hover: var(--colours-base-white);
  --button-inline-icon: var(--colours-brand-dark);
  --button-inline-icon-hover: var(--colours-brand-dark);
  --button-inline-text: var(--colours-base-black);
  --button-inline-text-hover: var(--colours-brand-dark);
  --card-card-bg: var(--colours-grey-extra-light);
  --form-border: var(--colours-grey-dark);
  --form-input-bg: var(--colours-base-white);
  --form-input-text: var(--colours-brand-dark);
  --text-body: var(--colours-grey-extra-dark);
  --text-heading: var(--colours-brand-dark);
  --text-highlight-1: var(--colours-brand-orange);
  --text-highlight-2: var(--colours-brand-green);
  --text-link: var(--colours-brand-blue);
}

#menu-button {
  margin-right: 1rem;
}
@media screen and (min-width: 992px) {
  #menu-button {
    display: none;
  }
}
#menu-button button {
  appearance: none;
  background-color: white;
  border: 0;
  border-radius: 1rem;
  cursor: pointer;
  display: flex;
  padding: 1rem;
}
#menu-button button:focus, #menu-button button:active {
  outline: none;
}
#menu-button button .hamburger__bars {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 1rem;
  justify-content: space-between;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 2rem;
}
#menu-button button .hamburger__bars .bar {
  background: var(--colours-brand-orange);
  height: 2px;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 100%;
}
#menu-button button .hamburger__bars:before, #menu-button button .hamburger__bars:after {
  background: var(--colours-brand-orange);
  content: " ";
  display: block;
  height: 2px;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 100%;
}
#menu-button button.is-active .hamburger__bars .bar {
  width: 0;
}
#menu-button button.is-active .hamburger__bars:before {
  transform: translate3d(0, 7px, 0) rotate(135deg);
}
#menu-button button.is-active .hamburger__bars:after {
  transform: translate3d(0, -7px, 0) rotate(45deg);
}

@media (max-width: 991px) {
  #eycon-nav-wrapper {
    z-index: 10;
  }
  #eycon-nav-wrapper #eycon-nav {
    background-color: white;
    left: 0;
    max-height: 100%;
    overflow: scroll;
    padding: 0;
    position: fixed;
    top: -105%;
    transition: 0.5s ease all;
    width: 100%;
    z-index: -1;
  }
  #eycon-nav-wrapper #eycon-nav.is-active {
    top: 0;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 {
    background-color: white;
    list-style: none;
    margin: 0;
    max-height: 100%;
    overflow: hidden;
    padding: 6rem 2rem 2rem;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 {
    align-items: center;
    border-bottom: solid 1px var(--colours-brand-orange);
    display: flex;
    flex-wrap: wrap;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 a.tier1 {
    color: var(--colours-brand-dark);
    display: block;
    flex: 1;
    padding: 1rem 0;
    text-transform: uppercase;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 .menu-dropdown {
    background-image: url("data:image/svg+xml,%3Csvg width=%2723%27 height=%2722%27 viewBox=%270 0 23 22%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M17.9167 11.9148H12.4167V17.4148H10.5834V11.9148H5.08337V10.0815H10.5834V4.58151H12.4167V10.0815H17.9167V11.9148Z%27 fill=%27%23F15D45%27/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 1.5rem;
    transition: transform 0.2s ease-in-out;
    width: 1.5rem;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 ul.tier2 {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 0 1rem;
    width: 100%;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 ul.tier2 li.tier2 a.tier2 {
    color: var(--colours-grey-extra-dark);
    display: block;
    padding: 0.5rem 0;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1.is-active ul.tier2 {
    display: block;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1.is-active .menu-dropdown {
    transform: rotate(45deg);
  }
  #eycon-nav-wrapper #eycon-nav .mobile-highlight-button {
    padding: 2rem;
  }
  #eycon-nav-wrapper #eycon-nav .mobile-highlight-button .btn-block {
    background-color: var(--colours-brand-orange);
    color: white;
  }
  #eycon-nav-wrapper #eycon-nav .mobile-highlight-button .btn-block::after {
    background-color: var(--colours-brand-blue);
  }
}
@media (min-width: 992px) {
  #eycon-nav-wrapper {
    background-color: var(--colours-brand-light);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    padding: 0 2rem;
    width: 100%;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    padding: 1rem 2rem;
    position: relative;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1::after {
    background-color: var(--colours-brand-orange);
    content: " ";
    height: 1.5rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1:last-child::after {
    display: none;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 .menu-dropdown {
    background-image: url("data:image/svg+xml,%3Csvg width=%2723%27 height=%2722%27 viewBox=%270 0 23 22%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M17.9167 11.9148H12.4167V17.4148H10.5834V11.9148H5.08337V10.0815H10.5834V4.58151H12.4167V10.0815H17.9167V11.9148Z%27 fill=%27%23F15D45%27/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 1.5rem;
    transition: transform 0.2s ease-in-out;
    width: 1.5rem;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 a.tier1 {
    color: var(--colours-brand-dark);
    display: block;
    text-align: center;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 a.tier1:hover {
    color: var(--colours-brand-orange);
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 ul.tier2 {
    background-color: var(--colours-brand-light);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: none;
    left: 0;
    list-style: none;
    margin: 0;
    min-width: 100%;
    padding: 1rem;
    position: absolute;
    top: 100%;
    z-index: -1;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 ul.tier2 li.tier2 {
    padding: 0;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 ul.tier2 li.tier2 a.tier2 {
    border-bottom: solid 1px var(--colours-brand-orange);
    color: var(--colours-brand-dark);
    display: block;
    padding: 1rem 0;
    text-align: center;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 ul.tier2 li.tier2 a.tier2:hover {
    color: var(--colours-brand-orange);
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1 ul.tier2 li.tier2:last-child a.tier2 {
    border-bottom: none;
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1:hover .menu-dropdown {
    transform: rotate(45deg);
  }
  #eycon-nav-wrapper #eycon-nav ul.tier1 li.tier1:hover ul.tier2 {
    display: block;
  }
  #eycon-nav-wrapper #eycon-nav .btn-block {
    display: none;
  }
}

/* ========================================================
    _buttons.scss - Building Law Practice
======================================================== */
.btn-block {
  display: inline-flex;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  position: relative;
  text-align: center;
  transition: all ease 0.3s;
  width: 100%;
  z-index: 1;
}
.btn-block::after {
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  transition: all ease 0.3s;
  width: 0%;
  z-index: -1;
}
.btn-block:hover::after {
  width: 100%;
}
.btn-block.icon {
  align-items: center;
  gap: 0.5rem;
}
.btn-block.icon span.button-icon {
  align-items: center;
  display: flex;
  height: 1.5rem;
  width: 1rem;
}
.btn-block.icon span.button-icon svg {
  height: 100%;
  transform: translate(0, 0);
  transition: all ease 0.3s;
  width: 100%;
}
.btn-block.btn-bold {
  font-family: "Archivo Black", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.03em;
}

a.btn-text,
span.btn-text {
  align-items: center;
  display: inline-flex;
  gap: 0.5rem;
  justify-content: flex-start;
  line-height: 1;
  padding-bottom: 0.5rem;
  position: relative;
  transition: all ease 0.3s;
  z-index: 1;
}
a.btn-text span.button-icon,
span.btn-text span.button-icon {
  display: block;
  height: 1.5rem;
  width: 1rem;
}
a.btn-text span.button-icon svg,
span.btn-text span.button-icon svg {
  height: 100%;
  transform: translate(0, 1px);
  width: 100%;
}
a.btn-text span.button-icon svg *,
span.btn-text span.button-icon svg * {
  fill: var(--button-inline-text);
}
a.btn-text::after,
span.btn-text::after {
  bottom: 0;
  content: "";
  display: block;
  height: calc(0% + 2px);
  left: 0;
  position: absolute;
  transition: all ease 0.3s;
  width: 100%;
  z-index: -1;
}
a.btn-text:hover,
span.btn-text:hover {
  gap: 1rem;
}

/* ========================================================
    _forms.scss - Eycon
======================================================== */
.gform_wrapper.gravity-theme .gform_required_legend {
  font-size: 0.8em;
}
.gform_wrapper.gravity-theme .gfield_required {
  color: var(--colours-brand-blue) !important;
}
.gform_wrapper.gravity-theme .gfield {
  margin-bottom: 1rem;
}
.gform_wrapper.gravity-theme .gfield legend.gfield_label,
.gform_wrapper.gravity-theme .gfield label.gfield_label {
  font-family: "Archivo Black", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=url],
.gform_wrapper.gravity-theme input[type=tel] {
  background-color: var(--form-input-bg);
  border: 0;
  border-bottom: solid 1px var(--form-border);
  border-radius: 0;
  box-shadow: none;
  color: var(--form-input-text);
  padding: 1rem 0 !important;
}
.gform_wrapper.gravity-theme input[type=text]:active, .gform_wrapper.gravity-theme input[type=text]:focus,
.gform_wrapper.gravity-theme input[type=email]:active,
.gform_wrapper.gravity-theme input[type=email]:focus,
.gform_wrapper.gravity-theme input[type=url]:active,
.gform_wrapper.gravity-theme input[type=url]:focus,
.gform_wrapper.gravity-theme input[type=tel]:active,
.gform_wrapper.gravity-theme input[type=tel]:focus {
  outline: 0;
}
.gform_wrapper.gravity-theme input[type=text]::placeholder,
.gform_wrapper.gravity-theme input[type=email]::placeholder,
.gform_wrapper.gravity-theme input[type=url]::placeholder,
.gform_wrapper.gravity-theme input[type=tel]::placeholder {
  opacity: 0.3;
}
.gform_wrapper.gravity-theme .gfield--type-consent .ginput_container {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-block: 0.5rem;
}
.gform_wrapper.gravity-theme input[type=checkbox] {
  appearance: none;
  background-color: var(--card-background);
  border: solid 1px var(--base-muted-border);
  border-radius: 0;
  box-shadow: none;
  height: 1.5rem;
  width: 1.5rem;
}
.gform_wrapper.gravity-theme input[type=checkbox]:checked {
  background-color: var(--colours-brand-blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3E%3Cpath d=%27M6 10.2L3.8 8L3 8.8L6 11.8L13 4.8L12.2 4L6 10.2Z%27 fill=%27%23FFFFFF%27/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border-color: var(--colours-brand-blue);
}
.gform_wrapper.gravity-theme textarea {
  background-color: var(--form-input-bg);
  border: 1px solid var(--form-border);
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  padding: 1rem !important;
}
.gform_wrapper.gravity-theme textarea:active, .gform_wrapper.gravity-theme textarea:focus {
  outline: 0;
}
.gform_wrapper.gravity-theme textarea::placeholder {
  opacity: 0.3;
}
.gform_wrapper.gravity-theme select {
  appearance: none;
  background-color: var(--colours-brand-jet);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2713%27 viewBox=%270 0 12 13%27 fill=%27none%27%3E%3Cpath d=%27M11.1429 7.35714H6.85714V11.6429C6.85714 11.8702 6.76684 12.0882 6.60609 12.2489C6.44535 12.4097 6.22733 12.5 6 12.5C5.77267 12.5 5.55465 12.4097 5.39391 12.2489C5.23316 12.0882 5.14286 11.8702 5.14286 11.6429V7.35714H0.857143C0.629814 7.35714 0.411797 7.26684 0.251051 7.10609C0.090306 6.94535 0 6.72733 0 6.5C0 6.27267 0.090306 6.05465 0.251051 5.89391C0.411797 5.73316 0.629814 5.64286 0.857143 5.64286H5.14286V1.35714C5.14286 1.12981 5.23316 0.911797 5.39391 0.751051C5.55465 0.590306 5.77267 0.5 6 0.5C6.22733 0.5 6.44535 0.590306 6.60609 0.751051C6.76684 0.911797 6.85714 1.12981 6.85714 1.35714V5.64286H11.1429C11.3702 5.64286 11.5882 5.73316 11.7489 5.89391C11.9097 6.05465 12 6.27267 12 6.5C12 6.72733 11.9097 6.94535 11.7489 7.10609C11.5882 7.26684 11.3702 7.35714 11.1429 7.35714Z%27 fill=%27%23585858%27/%3E%3C/svg%3E");
  background-position: right 1rem top 50%;
  background-repeat: no-repeat;
  background-size: 0.75rem;
  border: 0;
  border-radius: var(--border-radius-button);
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  height: auto;
  padding: 1rem !important;
}
.gform_wrapper.gravity-theme select:active, .gform_wrapper.gravity-theme select:focus {
  outline: 0;
}
.gform_wrapper.gravity-theme select::placeholder {
  opacity: 0.3;
}
.gform_wrapper.gravity-theme .gfield_checkbox > div {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.gform_wrapper.gravity-theme .gfield--type-checkbox legend {
  margin-bottom: 1rem;
}
.gform_wrapper.gravity-theme .gfield--type-checkbox .gchoice {
  display: flex;
  gap: 1rem;
}
.gform_wrapper.gravity-theme .gform_footer {
  justify-content: flex-start;
}
.gform_wrapper.gravity-theme .gform_footer input[type=submit] {
  appearance: none;
  flex: 0;
}

/*# sourceMappingURL=style.css.map*/