/*
 Theme Name:   Design by Da | Das Awesome Co., Ltd 
 Theme URI:    https://www.das-awesome.com/
 Description:  Developed by Design by Da | Das Awesome Co., Ltd 
 Author:       Design by Da | Das Awesome Co., Ltd 
 Author URI:   https://www.das-awesome.com/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/

html {
  scroll-padding-top: 10vh;
}

/* Line Break */
.desktop-br {
  display: block;
}

.mobile-br {
  display: none;
}

@media screen and (max-width: 1200px) {
  .desktop-br {
    display: block;
  }

  .mobile-br {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .desktop-br {
    display: none;
  }

  .mobile-br {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .desktop-br {
    display: none;
  }

  .mobile-br {
    display: block;
  }
}

/* Menu */
.brxe-nav-menu .bricks-mobile-menu {
    margin-top: 50px;
}

/* Font Size */
.fs-64 {
  font-size: 4rem;
}

.fs-56 {
  font-size: 3.5rem;
}

.fs-48 {
  font-size: 3rem;
}

.fs-40 {
  font-size: 2.5rem;
}

.fs-36 {
  font-size: 2.25rem;
}

.fs-32 {
  font-size: 2rem;
}

.fs-28 {
  font-size: 1.75rem;
}

.fs-26 {
  font-size: 1.625rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-16 {
  font-size: 1rem;
}

@media (max-width: 991px) {
  .fs-64 {
    font-size: 3.5rem;
  }
  .fs-56 {
    font-size: 3rem;
  }

  .fs-48 {
    font-size: 2.5rem;
  }

  .fs-40 {
    font-size: 2.125rem;
  }

  .fs-36 {
    font-size: 1.875rem;
  }

  .fs-32 {
    font-size: 1.75rem;
  }

  .fs-28 {
    font-size: 1.5rem;
  }

  .fs-26 {
    font-size: 1.375rem;
  }

  .fs-24 {
    font-size: 1.25rem;
  }

  .fs-20 {
    font-size: 1.125rem;
  }

  .fs-18 {
    font-size: 1rem;
  }

  .fs-16 {
    font-size: 0.9375rem;
  }
}

@media (max-width: 767px) {
  .fs-64 {
    font-size: 2.5rem;
  }
	
  .fs-56 {
    font-size: 2.125rem;
  }

  .fs-48 {
    font-size: 1.875rem;
  }

  .fs-40 {
    font-size: 1.625rem;
  }

  .fs-36 {
    font-size: 1.5rem;
  }

  .fs-32 {
    font-size: 1.375rem;
  }

  .fs-28 {
    font-size: 1.25rem;
  }

  .fs-26 {
    font-size: 1.125rem;
  }

  .fs-24 {
    font-size: 1.0625rem;
  }

  .fs-20 {
    font-size: 1rem;
  }

  .fs-18 {
    font-size: 0.875rem;
  }

  .fs-16 {
    font-size: 0.875rem;
  }
}

/* Quotation Form */
.ff-default .ff-el-form-control {
    font-family: "FC Vision" !important;
}
.ff-btn-submit {
    background-color: var(--green-theme) !important;
    color: #ffffff;
}
.fluentform .ff-el-group {
    margin-bottom: 16px;
}
.fluentform .ff_t_c {
   padding: 0 0px 0 6px;
    color: #313131;
    font-weight: bold;
}
.fluentform .ff_t_c a {
   text-decoration: underline;
}

/* Buttons */
.brxe-button {
    transition: all 0.3s ease;
}


/* 
.brxe-button:hover {
    background-color: var(--green-theme) !important;
    border-color: var(--secondary-green) !important;
    color: #ffffff !important;
} 

.brxe-button:hover svg,
.brxe-button:hover img,
.brxe-button:hover i {
    filter: brightness(0) invert(1) !important;
    fill: #ffffff !important;
} */

.blur-button {
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	transition-duration: 0.2s; 
	transition-timing-function: cubic-bezier(0.1, 0, 0.3, 1);
}

.logo-carousel {
  position: relative;
}

.logo-carousel::before,
.logo-carousel::after {
  content: '';
  position: absolute;
  top: 0;
  width: 150px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.logo-carousel::before {
  left: 0;
  background: linear-gradient(to right, white, transparent);
}

.logo-carousel::after {
  right: 0;
  background: linear-gradient(to left, white, transparent);
}

.brxe-polylang-language-switcher .lang-item-first a {
  border-right: 1px solid var(--another-grey);
  padding-right: 8px;
}

.brxe-polylang-language-switcher .lang-item:last-child a {
  padding-left: 8px;
}

.brxe-polylang-language-switcher {
    gap: 0;
}