/**
    UNDO THEME STYLES FOR BUTTONS AND SHADOWS   
*/

.wp-block-button__link,.wp-block-button__link:focus,
.wp-block-button__link:hover,.wp-block-button__link:visited {
	box-shadow: none;
  filter:none!important;
  color:initial;
}

/**
    HANDLE THE FRAMED BUTTON CSS
*/

.wp-block-button.is-style-arbor-framed{
    position: relative;
    z-index: 0;
    transition: 1s;
    border:1px solid var(--wp--preset--color--foreground);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wp-block-button.is-style-arbor-framed::before, .wp-block-button.is-style-arbor-framed::after{
    position: absolute;
    background: var(--wp--preset--color--background);
    z-index: -1;
    transition: 1s;
    content: "";
}
.wp-block-button.is-style-arbor-framed::before{
    height:calc(100% + 2px);
    width:80%;
    
}
.wp-block-button.is-style-arbor-framed::after{
    height:60%;
    width:calc(100% + 2px);
}
.wp-block-button.is-style-arbor-framed:hover::before{
    width:0%;
    background:rgba(245,245,245,1);
}
.wp-block-button.is-style-arbor-framed:hover::after{
    height:0%;
    background:rgba(245,245,245,1);
}
.wp-block-button.is-style-arbor-framed:hover{
    background:rgba(245,245,245,1);
}
.wp-block-image.is-style-arbor-mouse{
    border-radius:5px;
    position: relative;
}
.wp-block-image.is-style-arbor-mouse img{
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

.editor-styles-wrapper .wp-block-image.is-style-arbor-mouse img{
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
/**
    ANIMATIONS FOR MOBILE MENU
*/

.wp-block-navigation.is-style-arbor-animated-nav{
  min-height:25px;
}
.is-style-arbor-animated-nav li.wp-block-navigation-item .wp-block-navigation-item__content{
  max-height:0px;
  /* transform:translatey(100%); */
  overflow: hidden;
  animation: link-appear 1.5s var(--ease) forwards;
  display: block;
}


.is-style-arbor-animated-nav .wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item .wp-block-navigation-item__content:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--wp--preset--color--accent-2);
  transform-origin: 0 50%;
  transform: translateX(-200%) skew(15deg);
  animation: nav-line var(--duration) var(--ease) forwards
}
.is-style-arbor-animated-nav.wp-block-navigation.is-responsive{
    --color-primary: #002626;
    --color-secondary: #F0F7EE;
    --duration: 1s;
    --nav-duration: calc(var(--duration) / 4);
    --ease: cubic-bezier(0.215, 0.61, 0.355, 1);
    --space: 1rem;
    --font-primary: "Helvetica", sans-serif;
    --font-heading: "Merriweather", serif;
    --font-size: 1.125rem;
    --line-height: 1.5;
}
.is-style-arbor-animated-nav .is-menu-open .wp-block-navigation-submenu{
  padding-top:5px!important;
  padding-bottom:5px!important;
  padding-left:10px;
  list-style-type: disc;
}

@keyframes nav-bg {
    from {
      transform: translateX(-100%) skewX(-15deg);
    }
    to {
      transform: translateX(0);
    }
  }
  @keyframes nav-line {
    0% {
      transform: scaleX(0);
      transform-origin: 0 50%;
    }
    35% {
      transform: scaleX(1.001);
      transform-origin: 0 50%;
    }
    65% {
      transform: scaleX(1.001);
      transform-origin: 100% 50%;
    }
    100% {
      transform: scaleX(0);
      transform-origin: 100% 50%;
    }
  }
  @keyframes link-appear {
    0%{
      max-height:0px;
      transform: translateY(100%);
    }
    25%{
      max-height:25px;
      transform: translateY(0);
    }
    50%{
      transform: translateY(0);
      
    }
    100%{
      max-height:50px;
      transform: translateY(0);
    }
  }