/*
 Theme Name:   Aframe theme
 Theme URI:    #
 Description:  
 Author:       #
 Author URI:   #
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


body .hide {
    display: inherit !important;
}
.brxe-popup-603.brx-popup .brx-popup-backdrop {
    backdrop-filter: blur(3px);
}
.brxe-popup-119.brx-popup {
    transition: all 0.2s;
}
.brxe-popup-119.brx-popup.hide > div {
    transition: all 0.2s;
    opacity: 0;
}
.brxe-popup-119.brx-popup:not(.hide) > div {
    transition: all 1s;
    opacity: 1;
}

header {
    position: sticky;
    top: 10px;
  z-index: 99;
}
.brxe-popup-119.brx-popup .brx-popup-backdrop {
    backdrop-filter: blur(3px);
}
.brxe-scjeej > div {
    height: 100%;
}
body #brxe-6cc08a  > .tab-menu .tab-title {
    border: 1px solid #557546;
    margin-left: -1px;
}
body #brxe-6cc08a > .tab-menu .tab-title.brx-open {
    background: #557546;
  color: var(--bricks-color-towpdb);
}

div#brxe-121dad > div:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
div#brxe-121dad > div:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}


/* Первый блок - первая колонка, все ряды */
#brxe-kweppq > a:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2; /* исправлено: span 2 вместо 3 */
}

/* Второй блок - вторая колонка, первый ряд */
#brxe-kweppq > a:nth-child(2) {
    grid-column: 2; /* исправлено: 2 вместо 4 */
    grid-row: 1;
}

/* Третий блок - вторая колонка, второй ряд */
#brxe-kweppq > a:nth-child(3) {
    grid-column: 2; /* исправлено: 2 вместо 4 */
    grid-row: 2;
}

#brxe-kweppq > a::before {
  z-index:2
}
#brxe-kweppq > a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: inherit; 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  transition: transform 0.3s ease-in-out;
}

#brxe-kweppq > a:hover::after {
  transform: scale(1.1);
}

.home-text-main {
  transition: transform 0.4s ease-in-out;
  transform-origin: center;
}
#brxe-kweppq > a:hover .home-text-main {
  transform: scale(0.95); /
}
#brxe-sqkacl > div > div {
  bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 40px 20px 40px;
    background: linear-gradient(-0deg, #ffffffd9 60%, transparent);
}
#brxe-izsotd > div:nth-child(odd) > div {
  bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 40px 20px 40px;
    background: linear-gradient(-0deg, #F8F3F3 80%, transparent);
}
#brxe-izsotd > div:nth-child(odd) > div * {
    color: #000000;
}

#brxe-izsotd > div:nth-child(even) > div {
  top: 0;
    left: 0;
    right: 0;
    padding: 20px 40px 50px 40px;
    background: linear-gradient(180deg, #B99470 80%, transparent);
}

.post ul > li::marker {
  color: #557546;
}
.post ul > li {
  Margin-bottom: 7px;
}
.post blockquote {
    border-color: #557546;
    font-family: inherit;
    letter-spacing: 0px;
}
.post h2 {;
    font-size: 24px;
}

.post h3 {;
    font-size: 20px;
}
.post img {;
    border-radius: 8px;
  margin: 15px 0px;
    width: 100%;
}
.brxe-mmqwbm.brxe-text-basic li {
    margin-bottom: 7px;
}







#brxe-izsotd > div::before, #brxe-sqkacl > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transition: left 0.6s ease;
}
#brxe-izsotd > div:hover, #brxe-sqkacl > div:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 10px 25px rgba(34, 139, 34, 0.15); 
}
#brxe-izsotd > div:hover::before, #brxe-sqkacl > div:hover::before {
  left: 100%;
}
div#brxe-cbttid > div img, #brxe-sqkacl > div img {
    transition: transform 0.3s ease;
}

div#brxe-cbttid > div:hover img {
    transform: scale(1.1);
}
div#brxe-cbttid > div:hover .bricks-button {
    background-color: rgba(255, 254, 253, 0);
    color: var(--bricks-color-ugdhng);
}


#brxe-fezrna > section:nth-child(even) {
    background: #E4E8DB;
}




.wrap-date {
    display: flex;
    gap: 20px;
}
body .fluentform .ff-el-input--label label {
    font-size: 14px;
    color: #1a1a1a;
    font-weight: 300;
}
body .ff-default .ff-el-form-control:focus {
    background-color: #fff;
    border-color: #557546;
    color: var(--fluentform-secondary);
    outline: none;
}
body .ff-default .ff-el-form-control {
    padding: 10px 15px;
}
body .ff_t_c {
    font-size: 12px;
    font-weight: 300;
}
body button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_no_style {
    font-size: 15px;
    text-transform: uppercase;
    font-family: "Inter";
    font-weight: 500;
    text-align: center;
    transition: all 0.4s;
    padding-top: 14px;
    padding-right: 30px;
    padding-bottom: 14px;
    padding-left: 30px;
    border-radius: 6px;
    border: 1px solid #557546;
    background-color: #557546;
    color: #fff;
    transition: all 0.4s;
}
body button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_no_style:hover {
  background-color: #003837;  
    border: 1px solid #003837;
}

/*  .services-block span {
  display: inline;
    background-color: white;
  padding: 1px 5px;
    line-height: 1.3;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}
.home-block span, */
.brxe-block.home-item {
    background: linear-gradient(360deg, #203232d9 70%, transparent);
    z-index: 3;
    padding-top: 80px;
    color: #fff;
}
#brxe-hflmep::before {
    background: linear-gradient(360deg, #061800, transparent);
}



@media (max-width: 992px) {
  div#brxe-121dad {
    flex-wrap: nowrap;
    justify-content: flex-start;
    white-space: nowrap;
    overflow-x: scroll;
    padding-bottom: 10px;
  }
}




@media (max-width: 767px) {
  .post h2 {;
    font-size: 22px;
  }

  .post h3 {;
    font-size: 18px;
  }
  .brxe-scjeej > div {
    height: auto;
  }
  
  #brxe-izsotd > div:nth-child(odd) > div {
    padding: 50px 20px 20px 20px;
  }
  #brxe-izsotd > div:nth-child(even) > div {
    padding: 20px 20px 50px 20px;
  }
  
  

  
  #brxe-kweppq > a:nth-child(1) {
    grid-column: 1;
    grid-row: 1; 
  }
  
  #brxe-kweppq > a:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }
  
  #brxe-kweppq > a:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }
  
  #brxe-kweppq > a:nth-child(4) {
    grid-column: 1;
    grid-row: 4; 
  }
}