/**
 * Theme Name:     FB Theme
 * Author:         JM
 * Template:       hello-elementor
 * Text Domain:	   fb-theme
 * Description:    FB Theme
 */

 html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      background: #000;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #fff;
      margin: 0;
      padding: 0;
    }

    .swiper {
      width: 100%;
      padding-top: 50px !important;
      padding-bottom: 50px !important;
    }

    .swiper-slide {
      background-position: center;
      background-size: cover;
      height: 450px !important;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.swiper-slide{
    width: 340px !important;
}
.swiper-pagination{
	display:none;
}
.moment-card{
    background: #111;
    border: 1px solid rgba(200, 167, 107 , 0.5);
    overflow: hidden;
    padding: 20px;
    color: #fff;
    transition: 0.3s ease;
    backdrop-filter: blur(10px);
    height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.moment-card:hover{
    transform: translateY(-5px);
    border-color: rgba(200, 167, 107 , 0.75);
}

.moment-card-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.moment-title{
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.moment-year{
    font-size: 22px;
    opacity: 0.7;
	color:#C8A76B;
}

.moment-image-wrap{
    overflow: hidden;
    margin-bottom: 18px;
}

.moment-image-wrap img{
    width: 100%;
    height: 260px !important;
    object-fit: scale-down;
    display: block;
}

.moment-card-bottom p{
    margin: 0;
    line-height: 20px;
    color: rgba(255, 255, 255);
    font-size: 16px;
    text-transform: none;
    font-family: 'Montserrat';
    font-weight: 600;
}

/* forminator */

.forminator-row label{
	color:#C8A76B;
}
.forminator-row input{
	border-bottom-width: 3px !important;
	border-color:#C8A76B !important;
	border-radius:5px !important;
	color:#C8A76B;
}
.forminator-row textarea{
	background-color: transparent !important;
}
.forminator-row #textarea-1{
	margin-top:50px !important;
}
.forminator-ui *:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.forminator-row textarea {
    background-color: transparent !important;
    padding: 10px !important;
    border-color: #C8A76B !important;
    border-radius: 5px !important;
    border-bottom-width: 3px !important;
    border-width: 0px 0px 3px 0px !important;
    min-height: 50px !important;
	color:#C8A76B;
}
.forminator-button{
	background-color: #C8A76B;
    border-radius: 0px;
    color: black;
    width: 100% !important;
}