/*
 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
*/

/* Header Start */

#brx-header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 99;
}

#brx-header.is-sticky {
  box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.15);
}

#brx-header.is-sticky > div,
#brx-header .wb-big-logo {
  transition: 0.5s ease all;
}

#brx-header.is-sticky > div {
  padding: 20px 0;
}

#brx-header.is-sticky .wb-big-logo {
  max-width: 100px;
}

.sub-menu {
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

@media (max-width: 767px) {
  #brx-header.is-sticky .wb-big-logo {
    max-width: 60px;
  }

  .sub-menu {
    padding: 0 35px;
    pointer-events: fill !important ;
  }
}

/* Header End */

/* wb-service-listing start */

.wb-service-listing .wb-item .wb-rapper .wb-bg-color {
  background: #eef0f0;
}

.wb-service-listing .wb-item .wb-rapper:hover .wb-bg-color {
  background: linear-gradient(
    258deg,
    rgba(0, 130, 155, 0.3) 0.36%,
    rgba(0, 130, 155, 0.8) 127.92%
  );
}

.wb-service-listing .wb-item .wb-rapper .brxe-text,
.wb-service-listing .wb-item .wb-rapper h3,
.wb-service-listing .wb-item .wb-rapper .wb-icon * {
  transition: 0.5s ease all;
}

.wb-service-listing .wb-item .wb-rapper:hover .wb-icon * {
  fill: #fff;
}

.wb-service-listing .wb-item .wb-rapper:hover h3 {
  color: #fff;
}

.wb-service-listing .wb-item .wb-rapper:hover .brxe-text {
  color: #fff;
}

/* wb-service-listing end */

/* faqs start */

.listening.brx-open .accordion-title-wrapper .brxe-icon {
  transform: rotate(90deg);
}

/* faqs end */

/* wb-newsletter-form start */

.wb-newsletter-form {
  max-width: 858px;
  margin: 0 auto;
  position: relative;
}

.wb-newsletter-form input::placeholder {
  font-size: 18px;
  line-height: 24px;
  font-family: 400;
  color: #0b0e0e;
}

.wb-newsletter-form input {
  height: 80px;
  padding: 10px 160px 10px 34px;
  border: 1px solid #c79b54;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #0b0e0e;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: none;
  outline: none;
}

.wb-newsletter-form .submit-button-wrapper {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.wb-newsletter-form .submit-button-wrapper .bricks-button {
  column-gap: 20px;
}

@media (max-width: 1439px) {
  .wb-newsletter-form input {
    height: 70px;
  }

  .wb-newsletter-form input {
    padding: 10px 160px 10px 25px;
  }

  .wb-newsletter-form .submit-button-wrapper .bricks-button {
    padding: 10px 20px;
  }
}

@media (max-width: 767px) {
  .wb-newsletter-form input {
    height: 40px;
    padding: 10px 20px;
    font-size: 16px;
  }

  .wb-newsletter-form input::placeholder {
    font-size: 16px;
  }

  .wb-newsletter-form .submit-button-wrapper {
    position: relative;
    top: 0;
    right: 0;
    transform: inherit;
    margin: 20px auto 0;
  }

  .wb-newsletter-form .submit-button-wrapper svg {
    width: 25px !important;
    height: 25px !important;
  }
}

/* wb-newsletter-form end */

/* brxe-post-navigation start */

.brxe-post-navigation > a {
  width: auto !important;
  margin-top: 0 !important;
}

/* brxe-post-navigation end */

/* wb-booking-form start */

.wb-booking-form input {
  height: 70px;
  padding: 10px 34px;
  border: 1px solid #c79b54;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #0b0e0e;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: none;
  outline: none;
}

.wb-booking-form input::placeholder {
  font-size: 18px;
  line-height: 24px;
  font-family: 400;
  color: #0b0e0e;
}

@media (max-width: 767px) {
  .wb-booking-form input::placeholder {
    font-size: 16px;
  }

  .wb-booking-form input {
    font-size: 16px;
    padding: 10px 20px;
    height: 40px;
  }

  .wb-booking-form .submit-button-wrapper .bricks-button {
    padding: 10px 20px;
  }
}

/* wb-booking-form end */

/* wb-useful-listing start */

.wb-useful-listing {
  display: flex;
  flex-wrap: wrap;
  max-width: none;
  width: auto;
  margin: 0 -5px;
  row-gap: 20px;
}

.wb-useful-listing li {
  width: 25%;
  padding: 0 5px;
}

.wb-useful-listing li > div {
  background-color: #eef0f0;
  border-radius: 20px;
  padding: 20px;
  height: 100%;
}

@media (max-width: 1023px) {
  .wb-useful-listing li > div {
    padding: 10px 20px;
  }

  .wb-useful-listing li {
    width: 33.33333%;
  }
}

@media (max-width: 767px) {
  .wb-useful-listing li {
    width: 100%;
  }
}

/* wb-useful-listing end */

/* blog content detail start */

.wb-post-content a {
  text-decoration: underline;
  font-weight: 300 !important;
}

.wb-post-content p {
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
  margin-bottom: 30px;
}

.wb-post-content .wp-block-button__link {
  text-decoration: none;
}

.wb-post-content .wp-block-list li {
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
}

.wb-post-content .wp-block-list li strong {
  font-weight: 700;
}

.wb-post-content .wp-block-list {
  padding: 0;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  list-style-position: inside;
  margin-bottom: 30px;
}

.wb-post-content .wp-block-table {
  overflow-y: hidden;
  margin-bottom: 30px;
}

.wb-post-content .wp-block-table .has-fixed-layout {
  border-collapse: collapse !important;
  width: 100%;
  table-layout: auto !important;
}

.wb-post-content .wp-block-table .has-fixed-layout td {
  font-size: 21px;
  line-height: 30px;
  font-weight: 300;
  padding: 15px 20px;
}

.wb-post-content .wp-block-columns {
  margin-bottom: 30px;
}

.wb-post-content .wp-block-button .wp-block-button__link {
  background-color: #00829b;
  transition: 0.5s ease all;
  color: #fff;
  font-weight: 600 !important;
}

.wb-post-content .wp-block-button.is-style-outline .wp-block-button__link {
  background-color: #ffffff;
  border: 1px solid #00829b;
  transition: 0.5s ease all;
  color: #00829b;
}

@media (max-width: 1679px) {
  .wb-post-content .wp-block-table .has-fixed-layout td {
    padding: 12px 15px;
  }

  .wb-post-content .wp-block-table .has-fixed-layout td,
  .wb-post-content .wp-block-list li,
  .wb-post-content p {
    font-size: 18px;
  }

  .common-section {
    padding: 120px 0 60px;
  }
}

@media (max-width: 1279px) {
  .wb-post-content .wp-block-table .has-fixed-layout td,
  .wb-post-content .wp-block-list li,
  .wb-post-content p {
    font-size: 16px;
    line-height: 26px;
  }

  .wb-post-content .wp-block-columns {
    margin-bottom: 25px;
  }

  .common-section {
    padding: 100px 0 50px;
  }
}

/* blog content detail end */