/*
 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
*/
/*
@font-face {
  font-display: swap;
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/big-shoulders-display-v21-latin-200.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/big-shoulders-display-v21-latin-regular.woff2') format('woff2');
}
*/
@font-face {
  font-display: swap;
  font-family: 'Big Shoulders Display';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/big-shoulders-display-v21-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v22-latin-regular.woff2') format('woff2');
}

h1.typewriter span{
  display:block;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto;
  animation: typing 2s steps(100) 0.3s 1 normal both;
  animation-delay: 1s;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

.brxe-nav-menu .bricks-nav-menu > li{
  padding:22px 0;
}
#logo,.bricks-nav-menu > li{
transition: all 0.3s ease-in-out;
}
.sub-menu{
  border:1px solid #007435;
  border-top:none;
  margin-left:-20px;
  margin-top:5px;
}
.sub-menu li{
 display: none;
 color:var(--primary);
 background-color: #f9f5eb;
 padding: 10px 20px;
 opacity: 0;
}
.bricks-nav-menu .sub-menu li a{
padding:0;
}
.dropdown_menu:hover .sub-menu{
    display: block
}

.dropdown_menu:hover .sub-menu li{
      display: block;
      opacity: 1;
}

.dropdown_menu:hover .sub-menu{
    animation: growDown 500ms ease-in-out forwards;
    transform-origin: top center;
}

@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    80% {
        transform: scaleY(1.1)
    }
    100% {
        transform: scaleY(1)
    }
}
#menu-item-312 a{
  background: var(--primary);
  color: #FFF;
  padding: 0 10px;
  border-width: var(--btn-border-width);
  border-style: var(--btn-border-style);
  border-radius: var(--btn-radius);
  border-color: var(--primary);
  transition: var(--btn-transition, var(--transition));
  justify-content: center;
  text-align: center;
}
#menu-item-312:hover a{color:#FFF}

header.scrolling .bricks-nav-menu > li{font-size:16px;padding:0}
header.scrolling #logo{width:110px}
header.scrolling.slide-up{background-color:transparent}
header.scrolling,header.scrolling .sub-menu li{background-color:#FFF}
header.scrolling .sub-menu{margin-top:13px}

img.alignleft{width:40%}
@media only screen and (max-width: 640px) {
img.alignleft{width:100%}
}

li.price{width:250px}
li.price span{float:right;text-align:right;width:40px}

footer p,.use-my-location{color:#FFF}
#copyright{color:var(--white-trans-60);font-size:14px}
.use-my-location{background: #FFF;border: 1px solid #FFF;border-radius: var(--btn-radius);
color: var(--primary);
  display: inline-block;
  padding: 5px 10px;}
.location::before {content: url(/wp-content/uploads/2024/12/location-dot-solid-green.svg);display:inline-block;width:12px}



a,h2 a,h3 a,h4 a{
  position: relative;
  color: var(--primary);
  text-decoration: none;
  &:before, &:after {
    content: '';
    position: absolute;
    transition: transform .5s ease;
    z-index:99;
  }
}
.brxe-posts .bricks-layout-wrapper h3{color: var(--primary)}
a:hover,h2 a:hover,h3 a:hover,h4 a:hover{color: var(--primary)}
a.hoverlink,.hoverlink a,h3 a{
    &:before {
    position:absolute;    
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 3px;
    background: #007435;
    transform:  scaleX(0);
    z-index:9;
  }
  &:hover:before {
    transform:  scaleX(1);
  }
}
.lh-zero p{line-height:0}

.pswp__bg{opacity:0.95!important}

#cfx .cfx-button.cfx-submit { background-color:var(--primary); box-shadow: none; background-image: none; border-radius: 5px;transition: var(--transition);}


.bricks-mobile-menu-wrapper{
  margin-top:70px;
  padding-bottom:70px;
}
.bricks-mobile-menu-wrapper ul, .bricks-mobile-menu-wrapper ul a {
  width:100%;
}
.bricks-mobile-menu-overlay{
  display:none
}
.bricks-mobile-menu-toggle span{
  height:3px!important;
}

.brxe-icon-box a span{display:none}

@media (max-width: 991px) {
  #menus {
    text-align: right;
  }
  .scrolling .bricks-mobile-menu-wrapper{
    margin-top:54px;
    padding-bottom:54px;
  }
}

@media (max-width: 478px){
  .bricks-mobile-menu-wrapper{
    margin-top:58px;
    padding-bottom:58px;
  }
  .scrolling .bricks-mobile-menu-wrapper{
    margin-top:54px;
    padding-bottom:54px;
  }
}