/*
 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
*/
/**
  * Color Definitions 
**/
body {
  --text-color: $color-primary;
  --accent-color: currentColor;
}

.theme-patient-room {
  --accent-color: #7542FC;
}

.theme-operating-room {
  --accent-color: #B005B8;
}

.theme-clinic {
  --accent-color: #F00D8C;
}

.width-xs {
  width: 26rem;
}

.width-sm {
  width: 36rem;
}

.width-md {
  width: 55rem;
}

.width-lg {
  width: 70rem;
}

html {
  --pad-1: 1rem;
  --pad-2: 2rem;
  --pad-3: 3rem;
  --pad-4: 6rem;
  --pad-5: 8rem;
  --pad-6: 10rem;
  --pad-md: 2rem;
  --rad-sm: 10px;
  --rad-lg: 50px;
}
@media (max-width: 1175px) {
  html {
    --rad-lg: 30px;
  }
}

.absolute-fill, .detail-card .detail-card__hover-content, .brxe-svg-image-gallery .image svg, .ratio-base > img, .ratio-1-1 > img, .ratio-4-3 > img, .ratio-16-9 > img, .ratio-base > a, .ratio-1-1 > a, .ratio-4-3 > a, .ratio-16-9 > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/**
*   Icons
**/
.icon-right-arrow {
  content: "\f061";
  font-family: Font Awesome\ 6 Solid;
  font-weight: 900;
}

.icon-square, .list-square li:before, .brxe-text.list-checkmark ul li ul li:before {
  content: "\f45c";
  font-family: Font Awesome\ 6 Solid;
  font-weight: 900;
}

.menu-show-all .bricks-nav-menu > li {
  flex-basis: 100%;
}
.menu-show-all .brx-submenu-toggle > button {
  display: none;
}
.menu-show-all .sub-menu {
  display: block;
  position: relative;
  opacity: 1;
  visibility: visible;
  top: 0;
  background: transparent;
  min-width: 100%;
}
.menu-show-all .sub-menu li a {
  font-size: 0.8em;
  padding: 0.5rem 0;
  display: block;
  white-space: nowrap;
  line-height: 1.4;
}

@media (min-width: calc(767px + 1px)) {
  .columns-3 {
    columns: 3;
    column-gap: 2rem;
    display: block;
  }
}

.blend-color {
  mix-blend-mode: color;
}

.ratio-base, .ratio-1-1, .ratio-4-3, .ratio-16-9 {
  height: 0;
  width: 100%;
}
.ratio-base > img, .ratio-1-1 > img, .ratio-4-3 > img, .ratio-16-9 > img, .ratio-base > a, .ratio-1-1 > a, .ratio-4-3 > a, .ratio-16-9 > a {
  position: absolute !important;
}
.ratio-base img, .ratio-1-1 img, .ratio-4-3 img, .ratio-16-9 img {
  object-fit: cover;
  object-position: 50%;
}

.ratio-16-9 {
  padding-top: 56.25%;
}

.ratio-4-3 {
  padding-top: 75%;
}

.ratio-1-1 {
  padding-top: 100%;
}

.hide-extras .ancr-group {
  display: none;
}

.grid-1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
}

.col-1 {
  grid-column: span 1;
}

.col-1-static {
  grid-column: span 1;
}

.offset-1 {
  grid-column-start: 1;
}

.width-col-1 {
  width: calc(1400px / 12 * 1) !important;
}

body {
  --col-1: calc((100% / 12) * 1) !important;
}

@media (max-width: 767px) {
  .col, .col-1 {
    grid-column: span 12 !important;
  }
  .offset-1 {
    grid-column-start: 1 !important;
  }
}
.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}

.col-2 {
  grid-column: span 2;
}

.col-2-static {
  grid-column: span 2;
}

.offset-2 {
  grid-column-start: 2;
}

.width-col-2 {
  width: calc(1400px / 12 * 2) !important;
}

body {
  --col-2: calc((100% / 12) * 2) !important;
}

@media (max-width: 767px) {
  .col, .col-2 {
    grid-column: span 12 !important;
  }
  .offset-2 {
    grid-column-start: 1 !important;
  }
}
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}

.col-3 {
  grid-column: span 3;
}

.col-3-static {
  grid-column: span 3;
}

.offset-3 {
  grid-column-start: 3;
}

.width-col-3 {
  width: calc(1400px / 12 * 3) !important;
}

body {
  --col-3: calc((100% / 12) * 3) !important;
}

@media (max-width: 767px) {
  .col, .col-3 {
    grid-column: span 12 !important;
  }
  .offset-3 {
    grid-column-start: 1 !important;
  }
}
.grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}

.col-4 {
  grid-column: span 4;
}

.col-4-static {
  grid-column: span 4;
}

.offset-4 {
  grid-column-start: 4;
}

.width-col-4 {
  width: calc(1400px / 12 * 4) !important;
}

body {
  --col-4: calc((100% / 12) * 4) !important;
}

@media (max-width: 767px) {
  .col, .col-4 {
    grid-column: span 12 !important;
  }
  .offset-4 {
    grid-column-start: 1 !important;
  }
}
.grid-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
}

.col-5 {
  grid-column: span 5;
}

.col-5-static {
  grid-column: span 5;
}

.offset-5 {
  grid-column-start: 5;
}

.width-col-5 {
  width: calc(1400px / 12 * 5) !important;
}

body {
  --col-5: calc((100% / 12) * 5) !important;
}

@media (max-width: 767px) {
  .col, .col-5 {
    grid-column: span 12 !important;
  }
  .offset-5 {
    grid-column-start: 1 !important;
  }
}
.grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 1rem;
}

.col-6 {
  grid-column: span 6;
}

.col-6-static {
  grid-column: span 6;
}

.offset-6 {
  grid-column-start: 6;
}

.width-col-6 {
  width: calc(1400px / 12 * 6) !important;
}

body {
  --col-6: calc((100% / 12) * 6) !important;
}

@media (max-width: 767px) {
  .col, .col-6 {
    grid-column: span 12 !important;
  }
  .offset-6 {
    grid-column-start: 1 !important;
  }
}
.grid-7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 1rem;
}

.col-7 {
  grid-column: span 7;
}

.col-7-static {
  grid-column: span 7;
}

.offset-7 {
  grid-column-start: 7;
}

.width-col-7 {
  width: calc(1400px / 12 * 7) !important;
}

body {
  --col-7: calc((100% / 12) * 7) !important;
}

@media (max-width: 767px) {
  .col, .col-7 {
    grid-column: span 12 !important;
  }
  .offset-7 {
    grid-column-start: 1 !important;
  }
}
.grid-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 1rem;
}

.col-8 {
  grid-column: span 8;
}

.col-8-static {
  grid-column: span 8;
}

.offset-8 {
  grid-column-start: 8;
}

.width-col-8 {
  width: calc(1400px / 12 * 8) !important;
}

body {
  --col-8: calc((100% / 12) * 8) !important;
}

@media (max-width: 767px) {
  .col, .col-8 {
    grid-column: span 12 !important;
  }
  .offset-8 {
    grid-column-start: 1 !important;
  }
}
.grid-9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-gap: 1rem;
}

.col-9 {
  grid-column: span 9;
}

.col-9-static {
  grid-column: span 9;
}

.offset-9 {
  grid-column-start: 9;
}

.width-col-9 {
  width: calc(1400px / 12 * 9) !important;
}

body {
  --col-9: calc((100% / 12) * 9) !important;
}

@media (max-width: 767px) {
  .col, .col-9 {
    grid-column: span 12 !important;
  }
  .offset-9 {
    grid-column-start: 1 !important;
  }
}
.grid-10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-gap: 1rem;
}

.col-10 {
  grid-column: span 10;
}

.col-10-static {
  grid-column: span 10;
}

.offset-10 {
  grid-column-start: 10;
}

.width-col-10 {
  width: calc(1400px / 12 * 10) !important;
}

body {
  --col-10: calc((100% / 12) * 10) !important;
}

@media (max-width: 767px) {
  .col, .col-10 {
    grid-column: span 12 !important;
  }
  .offset-10 {
    grid-column-start: 1 !important;
  }
}
.grid-11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-gap: 1rem;
}

.col-11 {
  grid-column: span 11;
}

.col-11-static {
  grid-column: span 11;
}

.offset-11 {
  grid-column-start: 11;
}

.width-col-11 {
  width: calc(1400px / 12 * 11) !important;
}

body {
  --col-11: calc((100% / 12) * 11) !important;
}

@media (max-width: 767px) {
  .col, .col-11 {
    grid-column: span 12 !important;
  }
  .offset-11 {
    grid-column-start: 1 !important;
  }
}
.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 1rem;
}

.col-12 {
  grid-column: span 12;
}

.col-12-static {
  grid-column: span 12;
}

.offset-12 {
  grid-column-start: 12;
}

.width-col-12 {
  width: calc(1400px / 12 * 12) !important;
}

body {
  --col-12: calc((100% / 12) * 12) !important;
}

@media (max-width: 767px) {
  .col, .col-12 {
    grid-column: span 12 !important;
  }
  .offset-12 {
    grid-column-start: 1 !important;
  }
}
.pad-1 {
  padding: var(--pad-1);
}

.pad-t-1 {
  padding-top: var(--pad-1);
}

.pad-b-1 {
  padding-bottom: var(--pad-1);
}

@media (min-width: calc(767px + 1px)) {
  .pad-l-1 {
    padding-left: var(--pad-1);
  }
  .pad-r-1 {
    padding-right: var(--pad-1);
  }
}
.pad-2 {
  padding: var(--pad-2);
}

.pad-t-2 {
  padding-top: var(--pad-2);
}

.pad-b-2 {
  padding-bottom: var(--pad-2);
}

@media (min-width: calc(767px + 1px)) {
  .pad-l-2 {
    padding-left: var(--pad-2);
  }
  .pad-r-2 {
    padding-right: var(--pad-2);
  }
}
.pad-3 {
  padding: var(--pad-3);
}

.pad-t-3 {
  padding-top: var(--pad-3);
}

.pad-b-3 {
  padding-bottom: var(--pad-3);
}

@media (min-width: calc(767px + 1px)) {
  .pad-l-3 {
    padding-left: var(--pad-3);
  }
  .pad-r-3 {
    padding-right: var(--pad-3);
  }
}
.pad-4 {
  padding: var(--pad-4);
}

.pad-t-4 {
  padding-top: var(--pad-4);
}

.pad-b-4 {
  padding-bottom: var(--pad-4);
}

@media (min-width: calc(767px + 1px)) {
  .pad-l-4 {
    padding-left: var(--pad-4);
  }
  .pad-r-4 {
    padding-right: var(--pad-4);
  }
}
.pad-5 {
  padding: var(--pad-5);
}

.pad-t-5 {
  padding-top: var(--pad-5);
}

.pad-b-5 {
  padding-bottom: var(--pad-5);
}

@media (min-width: calc(767px + 1px)) {
  .pad-l-5 {
    padding-left: var(--pad-5);
  }
  .pad-r-5 {
    padding-right: var(--pad-5);
  }
}
.pad-6 {
  padding: var(--pad-6);
}

.pad-t-6 {
  padding-top: var(--pad-6);
}

.pad-b-6 {
  padding-bottom: var(--pad-6);
}

@media (min-width: calc(767px + 1px)) {
  .pad-l-6 {
    padding-left: var(--pad-6);
  }
  .pad-r-6 {
    padding-right: var(--pad-6);
  }
}
@media (min-width: 1400px) {
  .bleed-right {
    margin-right: calc((100vw - 1400px) * -0.5);
    max-width: 100vw;
  }
}

.flex-grid-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  align-items: stretch;
  justify-content: center;
}
.flex-grid-1 > * {
  flex-basis: calc(33% - calc(NaN * 1em)) !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

@media (max-width: calc(767px)) {
  .flex-grid-1 > * {
    flex-basis: 100% !important;
  }
}
.flex-grid-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  align-items: stretch;
  justify-content: center;
}
.flex-grid-2 > * {
  flex-basis: calc(33% - 0em) !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

@media (max-width: calc(767px)) {
  .flex-grid-2 > * {
    flex-basis: 100% !important;
  }
}
.flex-grid-3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  align-items: stretch;
  justify-content: center;
}
.flex-grid-3 > * {
  flex-basis: calc(33% - 1em) !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

@media (max-width: calc(767px)) {
  .flex-grid-3 > * {
    flex-basis: 100% !important;
  }
}
.flex-grid-4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  align-items: stretch;
  justify-content: center;
}
.flex-grid-4 > * {
  flex-basis: calc(33% - 1em) !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

@media (max-width: calc(767px)) {
  .flex-grid-4 > * {
    flex-basis: 100% !important;
  }
}
.flex-grid-5 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  align-items: stretch;
  justify-content: center;
}
.flex-grid-5 > * {
  flex-basis: calc(33% - 1em) !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

@media (max-width: calc(767px)) {
  .flex-grid-5 > * {
    flex-basis: 100% !important;
  }
}
.flex-grid-6 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1em;
  align-items: stretch;
  justify-content: center;
}
.flex-grid-6 > * {
  flex-basis: calc(33% - 1em) !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

@media (max-width: calc(767px)) {
  .flex-grid-6 > * {
    flex-basis: 100% !important;
  }
}
h1, h2, h3, h4, h5, h6 {
  word-wrap: normal;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

.brxe-button, .wp-element-button {
  padding: 0.4em 2em;
  background-image: linear-gradient(to right, #7542FC 30%, #5A3C8C 70%);
  background-size: 300% 100%;
  background-position: 100% 0%;
  transition: background 0.3s ease;
}
.brxe-button.bricks-background-light, .bricks-background-light.wp-element-button, .brxe-button.bricks-background-secondary, .bricks-background-secondary.wp-element-button {
  background-image: linear-gradient(to right, #bae9ff 30%, white 70%);
}
.brxe-button:hover, .wp-element-button:hover {
  background-position: 0% 0%;
}

.wp-element-button {
  font-size: 1rem;
  text-decoration: none !important;
  margin: 1em 0;
}

.brxe-text:not(:last-child), .brxe-button:not(:last-child), .wp-element-button:not(:last-child) {
  margin-bottom: 1.2rem;
}

.text-sm {
  font-size: 0.6em;
}

.text-lg, blockquote {
  font-size: 20px;
  line-height: 1.4;
}

a {
  outline: none;
}

blockquote {
  border-color: #21B8FF;
  font-family: "Nunito Sans";
  margin: 1em 0;
}

.brxe-text ul {
  list-style-type: none;
  position: relative; /* It's needed for setting position to absolute in the next rule. */
  padding-left: 0;
}
.brxe-text ul li {
  position: relative;
  margin-bottom: 0.6rem;
  padding-left: 1.8rem;
}
.brxe-text ul li:before {
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  background: var(--accent-color);
  position: absolute;
  left: 0.2rem;
  top: 0.3rem;
  font-size: 1.4rem;
  line-height: 0.6;
  border-radius: 0 0.2em 0 0.2em;
  transform: rotate(-45deg);
}
.brxe-text ul li > ul {
  margin-top: 0.8rem;
}
.brxe-text ul li > ul li {
  padding-left: 0.8em;
}
.brxe-text.list-checkmark ul li:before {
  content: "\f00c";
  left: 0rem;
  top: 0.4rem;
  font-size: 1.4rem;
  font-family: Font Awesome\ 6 Solid;
  line-height: 0.6;
}
.brxe-text.list-checkmark ul li ul li:before {
  font-size: 0.6em;
  position: relative;
  left: -1em;
  top: -0.2em;
}
.brxe-text.jumbo-feature-list ul li {
  font-family: "Lexend";
  font-size: 1.4em;
  padding-left: 1.8em;
  margin-bottom: 1.4em;
}
.brxe-text.jumbo-feature-list ul li:before {
  content: "";
  left: 0em;
  top: 0em;
  width: 1.5em;
  height: 1.5em;
  background: url("/wp-content/themes/bricks-child/img/icon-plus.svg");
  background-size: cover;
  transform: rotate(0);
}

.list-square {
  list-style: none;
  padding-left: 0;
}
.list-square li {
  display: list-item !important;
  padding-left: 1.5rem;
}
.list-square li:before {
  font-size: 0.6em;
  position: relative;
  left: -1em;
  top: -0.2em;
}
.list-square li::marker {
  content: none;
}
.list-square li .brxe-text-link:not(:hover):after {
  opacity: 0;
}

/**
*   Buttons & Links
**/
.bricks-button.outline {
  border: 0;
  box-shadow: 0 0 0 2px inset;
}

.button-jumbo {
  width: 100%;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  background-color: #5A3C8C !important;
}
.button-jumbo:after {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 4rem;
  line-height: 3.6rem;
  background-color: #5A3C8C !important;
}
.button-jumbo:hover {
  background-color: #5A3C8C !important;
}

.text-col-2 ul {
  column-count: 2;
  gap: 3rem;
}
@media (max-width: 767px) {
  .text-col-2 ul {
    column-count: 1;
  }
}
.text-col-2 ul ul {
  column-count: 1;
  margin-top: 0.8rem;
}

.column-list, .column-list ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}
.column-list li, .column-list ul li {
  padding-left: 2rem;
  flex: 0 0 25%;
  margin-bottom: 1.4rem;
}
@media (max-width: 1100px) {
  .column-list li, .column-list ul li {
    flex: 0 0 33%;
  }
}
@media (max-width: 767px) {
  .column-list li, .column-list ul li {
    flex: 0 0 50%;
    margin-bottom: 1rem;
  }
}

/**
*   Fixes, Bug Strategies
**/
span[style="font-weight: 400;"] {
  font-weight: inherit !important;
}

body.bricks-is-frontend :focus {
  outline: none;
}

.text-link-back {
  position: relative;
  gap: 0;
}
.text-link-back i {
  position: absolute;
  left: -1em;
}
.text-link-back .icon {
  transition: all 0.3s ease;
}
.text-link-back:hover .icon {
  transform: translateX(-3px);
}

.single-post .brxe-post-content a,
.brxe-text a {
  text-decoration: underline;
}

form label {
  text-transform: none;
  font-size: 16px;
  color: #5A3C8C;
  font-family: "Nunito Sans";
  font-weight: 600;
}
form > input {
  margin-bottom: 0.5em;
}
form input, form select {
  border-style: none !important;
  color: #5A3C8C;
  margin-bottom: 1em;
  background-color: rgba(92, 61, 143, 0.1);
}
form textarea {
  margin-bottom: 1em;
}
form input[type=submit] {
  align-items: center;
  border-width: 0;
  color: white;
  background: #5A3C8C;
  display: inline-flex;
  gap: 10px;
  justify-content: center;
  letter-spacing: 0.5px;
  padding: 0.5em 1em;
  text-align: center;
  font-size: 16px;
  font-family: "Nunito Sans";
  font-weight: 600;
  border-radius: 2em;
  display: block;
  margin: 0 auto;
}
form select[multiple=multiple] {
  background-image: none;
}

.form-dark input, .form-dark select {
  background-color: white;
}

body > a.skip-link {
  display: none;
}

a {
  transition: all 0.3s ease;
}

.brxe-text-link .icon, .bricks-button .icon {
  transition: all 0.3s ease;
}
.brxe-text-link:after, .bricks-button:after {
  transition: all 0.3s ease;
}

.brx-animated {
  animation-duration: 0.5s !important;
}

.brx-animate-fadeInUp {
  animation-name: fadeInUpMod !important;
  animation-duration: 0.5s;
}

.brx-animate-fadeInDown {
  animation-name: fadeInDownMod !important;
  animation-duration: 0.5s;
}

.brx-animate-fadeInLeft {
  animation-name: fadeInLeftMod !important;
  animation-duration: 0.5s;
}

.brx-animate-fadeInRight {
  animation-name: fadeInRightMod !important;
  animation-duration: 0.5s;
}

.blur-fade-in {
  opacity: 0;
  animation: 0.8s forwards blurFadeIn;
}

@keyframes fadeInUpMod {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInDownMod {
  0% {
    opacity: 0;
    transform: translateY(-3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInRightMod {
  0% {
    opacity: 0;
    transform: translateX(3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes fadeInLeftMod {
  0% {
    opacity: 0;
    transform: translateX(-3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes blurFadeIn {
  0% {
    opacity: 0;
    filter: blur(30px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
.bricks-is-frontend :not(.brx-animated)[data-interactions*=In] {
  opacity: 0;
}

.delay-1 {
  animation-delay: calc(1 * 0.2s);
}

.delay-2 {
  animation-delay: calc(2 * 0.2s);
}

.delay-3 {
  animation-delay: calc(3 * 0.2s);
}

.delay-4 {
  animation-delay: calc(4 * 0.2s);
}

.delay-5 {
  animation-delay: calc(5 * 0.2s);
}

.delay-6 {
  animation-delay: calc(6 * 0.2s);
}

.delay-7 {
  animation-delay: calc(7 * 0.2s);
}

.delay-8 {
  animation-delay: calc(8 * 0.2s);
}

.delay-9 {
  animation-delay: calc(9 * 0.2s);
}

.delay-10 {
  animation-delay: calc(10 * 0.2s);
}

.brxe-testimonials.client-testimonials .swiper-slide {
  padding: 3rem 2rem 0 12rem;
  min-height: calc(120px + 4em);
}
.brxe-testimonials.client-testimonials .swiper-slide .testimonial-meta-wrapper.image-position-left .image {
  position: absolute;
  left: 0;
  top: 4rem;
  font-size: 1rem;
  width: 10em !important;
  height: 7.3em !important;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.brxe-testimonials.client-testimonials.image-eye-mask .swiper-slide .testimonial-meta-wrapper.image-position-left .image {
  background-position: center top;
  background-size: cover;
  mask-image: url("/wp-content/themes/bricks-child/img/mask-eye.png");
  mask-size: 100%;
  -webkit-mask-image: url("/wp-content/themes/bricks-child/img/mask-eye.png");
  -webkit-mask-size: 100%;
}
@media (max-width: 1175px) {
  .brxe-testimonials.client-testimonials .swiper-slide {
    padding-left: 8rem;
  }
  .brxe-testimonials.client-testimonials .swiper-slide .testimonial-meta-wrapper.image-position-left .image {
    position: absolute;
    left: 0;
    top: 4rem;
    font-size: 0.6rem;
  }
}

.anchor-nav .brxe-text-link {
  position: relative;
  border-bottom: 2px solid var(--accent-color);
}
.anchor-nav .brxe-text-link i {
  position: absolute;
  right: -1em;
}
.anchor-nav .brxe-text-link .icon {
  transition: all 0.3s ease;
}
.anchor-nav .brxe-text-link:hover .icon {
  transform: translateY(3px);
}

.hover-grow {
  transition: transform 0.5s ease;
}

.hover-parent:hover .hover-grow {
  transform: scale(1.03);
}

.team-card .image-wrap {
  overflow: hidden;
}
.team-card .image-wrap img {
  transition: all 0.3s ease;
  transform-origin: 50%;
}
.team-card .read-more-link {
  opacity: 0;
  transform: translateX(-0.3em);
  transition: all 0.3s ease;
}
.team-card:hover .image-wrap img {
  transform: scale(1.03);
}
.team-card:hover .read-more-link {
  transform: translateX(0);
  opacity: 1;
}

.timeline-slider .slider-content .title, .timeline-slider .slider-content h6, .timeline-slider .splide__slide .title, .timeline-slider .splide__slide h6 {
  display: inline-block;
  padding: 0.1em 0.5em;
  background: #5A3C8C;
  color: white;
  font-size: 1.2em;
  margin-bottom: 0.5em;
}

.cat-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cat-list li {
  display: inline-block;
  margin: 0 1em;
}

.border-left-rainbow {
  position: relative;
  padding-left: 2em;
}
.border-left-rainbow:before {
  content: "";
  position: absolute;
  width: 4px;
  top: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #59e5d1, #d50b7a 75%, #ff7a45);
}

.logo-carousel .image {
  background-size: contain;
  background-repeat: no-repeat;
}

footer .bricks-nav-menu > li {
  margin: 0 2rem;
  margin-bottom: 0.3rem;
}
footer .bricks-nav-menu > li:before {
  content: none !important;
}
footer .bricks-nav-menu a {
  transition: all 0.3s ease;
  color: var(--color-text);
  white-space: nowrap;
  font-weight: bold;
}
footer .bricks-nav-menu a:hover {
  color: var(--color-active) !important;
}
footer .bricks-nav-menu .sub-menu a {
  color: var(--color-text);
  font-weight: normal;
}
@media (max-width: 1175px) {
  footer .bricks-nav-menu > li {
    margin: 0 1rem;
  }
  footer .bricks-nav-menu a {
    white-space: normal;
  }
}
@media (max-width: 870px) {
  footer .bricks-nav-menu {
    display: none;
  }
}

.menu-show-all .bricks-mobile-menu-toggle {
  display: none !important;
}

main#brx-content > section:first-child,
article.wordpress.page {
  padding-top: calc(100px + 3em);
}

body:not(.header-light):before {
  content: "";
  position: absolute;
  width: 80%;
  height: 20vw;
  top: 0px;
  right: 0px;
  background-image: linear-gradient(195deg, rgba(92, 230, 211, 0.3), rgba(36, 182, 255, 0) 50%);
  z-index: 0;
  pointer-events: none;
}

#brx-header > section {
  transition: all 0.3s ease !important;
}
#brx-header.sticky.scrolling {
  background: white;
  box-shadow: 0 2px 15px rgba(90, 60, 140, 0.15);
}
#brx-header.sticky.scrolling > section {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#brx-header.sticky.scrolling #menu-super-nav {
  display: none;
}

.header-light #brx-header.sticky.scrolling {
  background: #5A3C8C;
}
.header-light #brx-header .logo-wrap .logo-dark {
  display: none;
}
.header-light #brx-header .logo-wrap .logo-light {
  display: flex !important;
}
.header-light #brx-header .bricks-nav-menu a, .header-light #brx-header .bricks-nav-menu .menu-item-icon {
  color: white !important;
}
.header-light #brx-header .bricks-nav-menu .sub-menu a {
  color: #5A3C8C !important;
}
.header-light #brx-header .brxe-button, .header-light #brx-header .wp-element-button {
  background: white !important;
  color: #5A3C8C;
}
.header-light .bricks-mobile-menu-toggle {
  color: white !important;
}

.bricks-mobile-menu-wrapper.right {
  padding-top: 5em;
}

.brxe-svg-image-gallery {
  width: 100%;
}

.brxe-svg-image-gallery[data-layout=grid] .image {
  position: relative;
}

.brxe-svg-image-gallery[data-layout=metro] .image {
  padding-top: 100% !important;
  position: relative !important;
}

.brxe-svg-image-gallery .image {
  position: relative;
  background-image: none !important;
}
.brxe-svg-image-gallery .image svg {
  width: 100% !important;
  height: 100% !important;
}

.brxe-custom-detail-card {
  flex: 1 1 0px;
  display: flex;
  --bg-color: #E9E8F0;
  --text-color: #5A3C8C;
}
.brxe-custom-detail-card.bg-white {
  --bg-color: white;
}

.detail-card {
  background: var(--bg-color);
  color: var(--text-color);
  padding: var(--pad-md);
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.detail-card .card-title {
  margin-top: 0;
}
.detail-card .card-content a:after {
  content: "\f061";
  font-family: Font Awesome\ 6 Solid;
  font-weight: 900;
  position: relative;
  transition: all 0.3s ease;
  margin-left: 0.3em;
  display: inline-block;
}
.detail-card .card-content a:hover:after {
  transform: translateX(0.5rem);
}
.detail-card.card-expand-on-hover .card-content {
  display: none;
}
.detail-card .detail-card__hover-content {
  background: var(--bg-color);
  color: var(--text-color);
  min-height: 100%;
  cursor: pointer;
  bottom: auto;
  background: var(--bg-color);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0);
  margin-bottom: 4rem;
  padding: var(--pad-md);
  border-radius: 10px;
  transition: all 0.3s ease;
}
.detail-card .detail-card__hover-content .card-content {
  display: block;
  transition: max-height 0.5s linear;
  max-height: 0px;
  overflow: hidden;
}
.detail-card .detail-card__hover-content:after {
  content: "\f063";
  font-family: Font Awesome\ 6 Solid;
  font-weight: 900;
  font-size: 1em;
  display: block;
  position: absolute;
  right: 1em;
  top: 1.8em;
  transition: all 0.3s ease;
}
.detail-card:hover {
  z-index: 15;
}
.detail-card:hover.card-expand-on-hover {
  --bg-color: #5A3C8C;
  --text-color: white;
}
.detail-card:hover .detail-card__hover-content {
  box-shadow: 0 2px 15px rgba(90, 60, 140, 0.15);
}
.detail-card:hover .detail-card__hover-content .card-content {
  max-height: 400px;
}
.detail-card:hover .detail-card__hover-content:after {
  transform: translateY(0.5em);
  opacity: 0;
}
@media (max-width: 767px) {
  .detail-card .detail-card__hover-content {
    display: none;
  }
  .detail-card.card-expand-on-hover > .card-content {
    display: block;
  }
}

.brxe-custom-feature-card {
  width: 100%;
}

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