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

h1, h2, h3, h4, h5, h6  {
    font-family: "Kanit";
}
.gform_wrapper.gravity-theme .gsection {
    border-bottom: 1px solid #363636 !important;
    padding: 0 16px 8px 16px !important;
}
#field_2_6 {
    margin-top: 30px; 
}
#input_2_17_1 {
    position: absolute;
}

.search-result {
  font-size: 30px;
  color: #363636 ;
  font-family: "Kanit";
  line-height: 40px;
  list-style: none;
}
.gfield--type-choice label {
    color: #363636; 
    font-family: "Kanit" !important;
    padding-left: 27px;
    line-height: 14px;
}
.primary-color {
    color: #b6b78f
}
p.brxe-text-basic, .brxe-text p, .brxe-text ul li {
    font-family: "Kanit" !important;
    font-weight: 400px !important;
    font-size: 20px !important;
    line-height: 26px !important;
}

.brxe-text ul li {
   margin-bottom: 5px;     
}

.brxe-icon-box .ti-arrow-up {
    rotate: 45deg;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
    display: none !important;
}
.gform_wrapper.gravity-theme .gfield_description {
    padding-top: 0px !important;
  padding-bottom: 0px !important;
  text-align: right !important;
  background-color: #f3efe8 !important;
  border: 0 !important;
  font-size: 12px !important;
    font-family: "Kanit" !important;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, 
.gform_wrapper.gravity-theme .gfield textarea.small {
  width: 100%;
  padding: 8px 20px !important;
  background-color: #f3efe8;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #000;
     font-family: "Kanit" !important;
}
.gform_wrapper.gravity-theme .gfield input.large::placeholder, .gform_wrapper.gravity-theme .gfield select.large::placeholder, 
.gform_wrapper.gravity-theme .gfield textarea.small::placeholder {
    color: #000 !important;
         font-family: "Kanit" !important;
}

.gform_button {
    padding: 8px 20px !important;
  background-color: #f3efe8;
  border: 0px;
    font-family: "Kanit" !important;
    color: #000 !important;
   font-size: 28px;
  font-weight: 700;
}


.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-up .overlay-inner {
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
}

.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-up .overlay-inner .dynamic {
    width: 100%;
    height: 100%;
  text-align: center;
}

.bricks-layout-item .overlay-wrapper.show-on-hover.fade-in-up .overlay-inner .dynamic button {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: stretch;
    align-items: center;
    justify-content: space-around;
}
@media all and (min-width: 991px) and (max-width: 1200px) {
    #brx-content .brxe-section .brxe-container {
        padding: 0 20px !important;
    }    
   
    lottie-player {
        height: 100% !important;
        width: 100% !important;
    }
}

@media all and (max-width: 990px) {
    #brx-content .brxe-section .brxe-container {
        padding: 0 20px !important;
    } 
    p.brxe-text-basic, .brxe-text p, .brxe-text ul li {
      
        font-size: 18px !important;
        line-height: 22px !important;
    }
    lottie-player {
        height: 100% !important;
        width: 100% !important;
    }
}
@media all and (max-width: 478px) {
      p.brxe-text-basic, .brxe-text p, .brxe-text ul li {
      
        font-size: 16px !important;
        line-height: 20px !important;
    }   
}