/* font */
@import url("https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Send+Flowers&display=swap");
/* ===================================
    01. Google font
====================================== */
:root {
  --alt-font: "Plus Jakarta Sans", sans-serif;
  --primary-font: "Inter", sans-serif;
}

/* ===================================
    02. CSS color variable
====================================== */
:root {
  --base-color: #2946f3;
  --white: #ffffff;
  --black: #000000;
  --red: #dc3131;
  --light-red: #feedec;
  --green: #2ebb79;
  --crusoe-green: #d39121;
  --yellow: #ffea23;
  --dark-gray: #232323;
  --medium-gray: #717580;
  --extra-medium-gray: #e4e4e4;
  --light-gray: #a8a8a8;
  --very-light-gray: #f7f7f7;
  --light-medium-gray: #eaeaeb;
  --charcoal-blue: #202329;
  --slate-blue: #262b35;
  --medium-slate-blue: #374162;
  --extra-medium-slate-blue: #23262d;
  --dark-slate-blue: #1f232c;
  --extra-dark-slate-blue: #121418;
  --extra-very-slate-blue: #161620;
  --tussock-yellow: #BC8947;
  --aluminium-gray:#80858F;
  --solitude-blue:#f0f4fd;
  --golden-yellow:#fd961e;
  --selago:#eaedff;
  --white-ice:#d8f5ef;
  --cornflower-blue:#445fed;
  --jade:#00AF6B;
  --orange: #ef991f;
  --majorelle-blue: #724ade;
  --light-majorelle-blue: #f2edfe;
  --spring-wood: #f9f6f3;
  --tropical-blue: #1ea3b1;
  --camarone: #20642b;
  --seal-brown: #0e0708;
  --Wasabi: #8ea63a;
}

/* variable */
:root {
  --base-color: #b7bea0;
  --dark-gray: #919584;
  --light-medium-gray: #75726f;
  --extra-medium-gray: #d2cbc3;
  --very-light-gray: #f5f2ef;
  --medium-gray: #e7dcd3;
  --primary-font: "Inter", sans-serif;
  --alt-font: "Bebas Neue", sans-serif;
}

.el-green {
  color: #b7bea0;
}

.el-greenlight {
  color: #b7bea0;
}

.el-pink {
  color: #e8d1c3;
}

.el-pinklight {
  color: #e8d1c3;
}

.el-gray {
  color: #abb5b6;
}

.send-flowers {
  font-family: "Send Flowers", cursive;
}

.inter {
  font-family: "Inter", sans-serif;
}

body {
  font-size: 17px;
  line-height: 30px;
  color: var(--light-medium-gray);
  background-color: #ece4d9;
}

/* header */
header .navbar-brand img {
  max-height: 32px;
}

.navbar .navbar-nav .nav-link {
  font-size: 20px;
  color: #E9D0CC;
}
.navbar .navbar-nav .nav-link:hover {
  color: white;
}

.navbar.header-dark .navbar-toggler-line,
.navbar-modern-inner.header-dark .navbar-toggler-line,
.navbar-full-screen-menu-inner.header-dark .navbar-toggler-line {
  background-color: #919584;
}

/* text gradient color */
.text-gradient-cerise-salmon-red {
  background: #e30050;
  background: linear-gradient(135deg, #e30050 30%, #ff7423 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-salmon-red-cerise {
  background: #ff7423;
  background: linear-gradient(45deg, #ff7423 30%, #e30050 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* bg color */
.bg-gradient-porcelain-grey {
  background-image: linear-gradient(to bottom, #e6e3e2, #e6e3e2, #e7e4e3, #f5f2ef, #f5f2ef);
}

/* text outline color */
.text-outline-color-westar-grey {
  -webkit-text-stroke-color: #d2cac3;
}

/* social icon style 09 */
.medium-icon li {
  margin: 0 5px;
}

.social-icon-style-09 ul li a {
  border-color: #e3e1df;
}

.medium-icon a {
  font-size: 20px;
  width: 60px;
  height: 60px;
}

.countdown-style-04 .countdown-box .number {
  color: var(--base-color);
  font-weight: normal;
  font-size: 4.375rem;
  line-height: 2.813rem;
}

.countdown-style-04 .countdown-box span {
  color: var(--light-medium-gray);
  text-transform: inherit;
  line-height: 20px;
  font-size: 15px;
}

.countdown-style-04 .countdown-box:before {
  color: var(--dark-gray);
  opacity: 1;
}

.countdown-style-04 .countdown-box {
  width: 100px;
}

.btn {
  font-family: var(--primary-font);
  text-transform: none;
}

footer {
  padding-top: 80px;
  padding-bottom: 80px;
}

input,
select,
textarea,
.form-control,
.form-select {
  color: var(--dark-gray);
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  color: var(--dark-gray);
}

.form-select {
  color: var(--light-medium-gray);
}
.form-select:focus {
  color: var(--light-medium-gray);
}

::-webkit-input-placeholder {
  color: var(--light-medium-gray) !important;
  text-overflow: ellipsis;
}

::-moz-placeholder {
  color: var(--light-medium-gray) !important;
  text-overflow: ellipsis;
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--light-medium-gray) !important;
  text-overflow: ellipsis;
  opacity: 1;
}

@media (min-width: 992px) {
  .order-inherit {
    order: inherit !important;
  }
}
@media (max-width: 1199px) {
  .medium-icon a {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .sliding-box .sliding-box-item {
    width: 100% !important;
  }
}
@media (max-width: 575px) {
  .xs-mb-50px {
    margin-bottom: 50px !important;
  }
}
.hero-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-video {
  width: 100%;
  height: 125%;
  object-fit: cover;
  opacity: 0.7;
}/*# sourceMappingURL=wedding.css.map */