/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 0;
}

body #main-header-slider .splide__slide {
  opacity: 0;
  transition: all 0.3s;
}
body #main-header-slider .splide__slide.is-active {
  opacity: 1;
  transition: all 0.3s;
}
body #thumbnail-slider .splide__slide .slider-autoplay {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
body #thumbnail-slider .splide__slide.is-active .slider-autoplay {
  visibility: visible;
  opacity: 1;
}
body .solution-block .solution-block-header {
  transition: background 0.3s;
}
body .solution-block .solution-block-header .solution-header-text {
  opacity: 1;
  visibility: visible;
}
body .solution-block .solution-block-header .solution-rollover-text {
  visibility: hidden;
  opacity: 0;
}
body .solution-block .solution-image img {
  transition: all 0.5s;
}
body .solution-block:hover .solution-block-header {
  background: var(--color-7);
}
body .solution-block:hover .solution-block-header .solution-header-text {
  visibility: hidden;
  opacity: 0;
}
body .solution-block:hover .solution-block-header .solution-rollover-text {
  visibility: visible;
  opacity: 1;
}
body .solution-block:hover .solution-image img {
  transform: scale(1.1) !important;
}
body .solution-nav-block {
  transition: all 0.3s;
}
body .solution-nav-block .solution-header-text, body .solution-nav-block .solution-nav-icon {
  transition: all 0.3s;
}
body .solution-nav-block:hover, body .solution-nav-block.is-active {
  background: var(--color-7);
}
body .solution-nav-block:hover .solution-header-text, body .solution-nav-block.is-active .solution-header-text {
  color: white;
}
body .solution-nav-block:hover .solution-nav-icon, body .solution-nav-block.is-active .solution-nav-icon {
  color: white;
  border-color: white;
}
body .solution-nav-block:hover .solution-nav-icon path, body .solution-nav-block.is-active .solution-nav-icon path {
  stroke: white;
}
body .wsf-form .wsf-field-wrapper input.wsf-field, body .wsf-form .wsf-field-wrapper textarea.wsf-field, body .wsf-form .wsf-field-wrapper select.wsf-field {
  border-radius: 0;
  font-size: 16px;
}
body .wsf-form .wsf-field-wrapper button {
  border-radius: 0;
}
body .wsf-form .wsf-field-wrapper label {
  text-transform: uppercase;
}
body .wsf-form .wsf-bottom {
  text-align: right;
}
body .wsf-form .wsf-bottom button[type=submit] {
  background: white;
  border: 1px solid var(--color-7);
  width: 180px;
  height: 42px;
  color: #363636;
  font-size: 18px;
  line-height: 18px;
}
body table.tablepress {
  margin-bottom: 0 !important;
}
body table.tablepress thead tr td, body table.tablepress thead tr th {
  background: black;
  color: white;
  padding: 15px;
  border-left: 2px solid white;
  border-right: 2px solid white;
}
body table.tablepress thead tr td.column-1, body table.tablepress thead tr th.column-1 {
  width: 180px;
}
body table.tablepress thead tr td.column-2, body table.tablepress thead tr th.column-2 {
  width: 98px;
}
body table.tablepress thead tr td.column-3, body table.tablepress thead tr th.column-3 {
  width: 208px;
}
body table.tablepress thead tr td.column-4, body table.tablepress thead tr th.column-4 {
  width: 117px;
}
body table.tablepress thead tr td.column-5, body table.tablepress thead tr th.column-5 {
  width: 110px;
}
body table.tablepress tbody tr td {
  padding: 15px;
  border: 2px solid white;
  background: rgba(99, 177, 220, 0.6);
}
body table.tablepress.rates tbody tr.row-2 td, body table.tablepress.rates tbody tr.row-3 td, body table.tablepress.rates tbody tr.row-6 td {
  background: rgba(99, 177, 220, 0.2509803922);
}
body table.tablepress:not(.rates) tbody tr td:first-child {
  font-weight: 700;
}
body table.tablepress:not(.rates) tbody tr:not(:last-child) td {
  border-bottom-width: 2px;
}
body table.tablepress:not(.rates) tbody tr.row-2 td, body table.tablepress:not(.rates) tbody tr.row-4 td {
  background: rgba(99, 177, 220, 0.2509803922);
}
body table.tablepress.rates tbody tr:not(.row-3):not(.row-5) td:first-child {
  font-weight: 700;
}
body table.tablepress.rates tbody tr.row-2 td.column-1, body table.tablepress.rates tbody tr.row-4 td.column-1 {
  border-bottom-width: 2px;
}
body table.tablepress.rates tbody tr.row-3 td, body table.tablepress.rates tbody tr.row-5 td, body table.tablepress.rates tbody tr.row-6 td {
  border-bottom-width: 2px;
}
body .sticky-compensate {
  margin-bottom: 363px !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 641px) {
  body .sticky-nav {
    position: relative;
    width: 100%;
    background: white;
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 1; /* Default state when in normal flow */
  }
  body .sticky-nav.is-stuck {
    position: fixed;
    top: var(--header-height, 0px);
    left: 0;
    width: 100%;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
    opacity: 0; /* Start hidden when first becoming sticky */
    transform: translateY(-10px); /* Slight move up for smooth effect */
    z-index: 1000;
    animation: fadeIn 0.3s ease forwards;
    padding: 20px 0;
  }
  body .sticky-nav.is-stuck .hide-when-sticky, body .sticky-nav.is-stuck .solution-nav-icon {
    display: none;
  }
  body .sticky-nav.is-stuck .solution-header-text {
    margin-bottom: 0;
    font-size: 18px;
  }
  body .shape-wrapper::before {
    content: "";
    z-index: 1;
    height: 100%;
    display: block;
    width: 30%;
    position: absolute;
  }
  body .shape-wrapper.right::before {
    right: 0;
    left: auto;
  }
  body .shape-wrapper.left::before {
    left: 0;
    right: auto;
  }
  body .shape-wrapper.white::before {
    background: white;
  }
}
@media screen and (max-width: 640px) {
  body table, body table.tablepress {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    max-height: 90vh;
    height: auto !important;
  }
  body table th, body table thead td, body table thead th, body table.tablepress th, body table.tablepress thead td, body table.tablepress thead th {
    position: sticky;
    top: -2px;
    z-index: 50;
  }
}

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