/* BUTTON STYLE
 */
#main-btn {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    transition: all ease 0.3s;
    height: 50px;
    padding:0;
     border: 100px;
     text-decoration: none;
     cursor: pointer;

}

#main-btn:hover #btn-container {
  border-radius: 30px 8px 8px 30px;
    transform: translateX(10px);
}

#main-btn:hover #btn-label {
    transform: translateY(-120%);
}

#main-btn:hover #btnHidden-text{
    transform: translateY(-100%);
}

#main-btn:hover #btnIcon-wrapper{
    transform: translateX(-18px);
    border-radius: 8px 30px 30px 8px;
}

#btn-container {
    padding-left: 30px;
	padding-right: 30px;
        height: 50px;
        border-radius: 100px;
      text-decoration: none;
        transition: all 0.4s ease;
line-height: 1.25;
align-items: center;
flex-direction: row;
justify-content: center;
width: fit-content;
    position: relative;
    overflow: hidden;
    display: flex;
    z-index: 1;
    transform-style: preserve-3d;
    background: #A51E18;
}


#btnHidden-text {
    display: flex;
    height: 100%;
    position: absolute;
    top: 100%;
    transition: all ease 0.4s;
    transform-style: preserve-3d;
    line-height: 1.25;
    justify-content: center;
    align-items: center;
	white-space:nowrap;
}

#btn-label {
	white-space: nowrap;
}


#btnIcon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background-color:  #A51E18;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
    width: 50px;
    height: 50px;
}

/* END OF BUTTON STYLE */

nav a {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
}

nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px; /* adjust distance from text */
  width: 100%;
  height: 2px; /* underline thickness */
  background-color: white;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

nav a:hover::after {
  transform: scaleX(1);
}



/* footer form */
.wpforms-container.wpforms-container-full.footer-form {
    padding: 0;
    margin: 0;
}

.wpforms-container .wpforms-field.footer-email {
	padding: 5px 0;
}

.wpforms-container.wpforms-container-full.footer-form input::placeholder {
    color: white;
    opacity: 1;
    font-size: 14px;
    letter-spacing: 1px;
}

.wpforms-container.wpforms-container-full.footer-form button {
    font-size: 16px;
    font-family: 'Harabara';
    letter-spacing: 1px;
    height: fit-content;
    padding: 10px 25px;
}

div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
	margin-top: 0;
}

div.wpforms-container-full .wpforms-confirmation-container-full {
	background: none!important;
	border: 1px solid white!important;
	border-left: none;
  border-right: none;
	margin-top: 20px;
}

div.wpforms-container-full .wpforms-confirmation-container-full > p {
    color: white !important;
    font-family: 'Harabara';
    letter-spacing: .5px;
}

/* image cover hover effect */
#image-bgImg {
	position: relative;
	width:100%;
	transition: ease-in-out .8s;
	
}

#img-cover {
	position: absolute;
	width: 100%;
	transition: ease-in-out .8s;
	opacity: 1;
}

#img-cover:hover {
	background-color: #00000073;
}

#img-cover:hover h3, #img-cover:hover p, div#img-cover:hover svg path, div#img-cover:hover svg {
    color: white;
	fill: white;
} 

#img-cover h3, #img-cover p, div#img-cover svg path {
    	transition: ease-in-out .3s;
}