/*SITE HELPERS*/
html, body {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  font-weight: 400;
  line-height: 22px;
  color: #040404;
  text-align: left;
  height: 100%;
  background-color: #040404 !important;
}

#main-container {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.container-fluid {
  padding-right: var(--bs-gutter-x, 30px) !important;
  padding-left: var(--bs-gutter-x, 30px) !important;
}
@media (min-width: 768px) {
  .container-fluid {
    padding-right: var(--bs-gutter-x, 0.75rem) !important;
    padding-left: var(--bs-gutter-x, 0.75rem) !important;
  }
}

.site-container-1550 {
  padding-right: var(--bs-gutter-x, 30px);
  padding-left: var(--bs-gutter-x, 30px);
  margin: 0 auto;
  position: relative;
  max-width: 1550px;
  width: 100%;
}
@media (min-width: 992px) {
  .site-container-1550 {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.site-container-992 {
  padding-right: var(--bs-gutter-x, 30px);
  padding-left: var(--bs-gutter-x, 30px);
  margin: 0 auto;
  position: relative;
  max-width: 992px;
  width: 100%;
}
@media (min-width: 768px) {
  .site-container-992 {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
  }
}

.site-container-768 {
  padding-right: var(--bs-gutter-x, 30px);
  padding-left: var(--bs-gutter-x, 30px);
  margin: 0 auto;
  position: relative;
  max-width: 768px;
  width: 100%;
}
@media (min-width: 768px) {
  .site-container-768 {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
  }
}

.ul-reset {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ul-reset-bull {
  margin: 0;
  padding: 0;
}

@media (min-width: 1300px) {
  .two-column {
    column-count: 2;
  }
}

.section-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(4, 4, 4, 0.8);
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.z-15 {
  position: relative;
  z-index: 15;
}

.pr-5 {
  padding-right: 2rem;
}

.image-size {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.text-right {
  text-align: right;
}

.h-80 {
  height: 85%;
}

.mr-3 {
  margin-right: 1rem;
}

.t-c-l {
  text-align: center;
}
@media (min-width: 992px) {
  .t-c-l {
    text-align: left;
  }
}

.primary-text {
  color: #B88757 !important;
}

.white-text {
  color: #FFFFFF !important;
}

.superlight-text {
  color: #F9F9F9 !important;
}

.light-text {
  color: #DEDEDE !important;
}

.darkgrey-text {
  color: #7B7B7B !important;
}

.black-text {
  color: #040404 !important;
}

.primary-bg {
  background-color: #B88757 !important;
}

.white-bg {
  background-color: #FFFFFF !important;
}

.superlight-bg {
  background-color: #F9F9F9 !important;
}

.light-bg {
  background-color: #DEDEDE !important;
}

.darkgrey-bg {
  background-color: #7B7B7B !important;
}

.black-bg {
  background-color: #040404 !important;
}

.primary-link {
  color: #B88757 !important;
  text-decoration: underline;
  font-weight: 700 !important;
}
.primary-link:active, .primary-link:hover {
  color: #7B7B7B !important;
}

.black-link {
  color: #040404 !important;
  text-decoration: underline;
  font-weight: 700 !important;
}
.black-link:active, .black-link:hover {
  color: #7B7B7B !important;
}

.primary-link-alt {
  color: #B88757 !important;
  text-decoration: underline;
  font-weight: 400 !important;
}
.primary-link-alt:active, .primary-link-alt:hover {
  color: #040404 !important;
}

.btn-primary {
  background-color: transparent !important;
  padding: 15px 50px;
  color: #FFFFFF !important;
  border: 1px solid #FFFFFF !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: calc(16px * 1.142857142857143) !important;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  width: 100%;
  text-align: center;
  border-radius: 0px;
}
@media (min-width: 992px) {
  .btn-primary {
    width: unset;
  }
}
.btn-primary:focus, .btn-primary:active, .btn-primary:hover {
  background-color: #FFFFFF !important;
  border: 1px solid #FFFFFF !important;
  color: #040404 !important;
  box-shadow: unset !important;
}

.btn-secondary {
  background-color: transparent !important;
  padding: 15px 50px;
  color: #040404 !important;
  border: 1px solid #040404 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: calc(16px * 1.142857142857143) !important;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  width: 100%;
  text-align: center;
  border-radius: 0px;
}
@media (min-width: 992px) {
  .btn-secondary {
    width: unset;
  }
}
.btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover {
  background-color: #040404 !important;
  border: 1px solid #040404 !important;
  color: #FFFFFF !important;
  box-shadow: unset !important;
}

.btn-primary-alt {
  background-color: #FFFFFF !important;
  padding: 15px 50px;
  color: #040404 !important;
  border: 1px solid #FFFFFF !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  font-size: calc(16px * 1.142857142857143) !important;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  width: 100%;
  text-align: center;
  border-radius: 0px;
}
@media (min-width: 992px) {
  .btn-primary-alt {
    width: unset;
  }
}
.btn-primary-alt:focus, .btn-primary-alt:active, .btn-primary-alt:hover {
  background-color: transparent !important;
  border: 1px solid #FFFFFF !important;
  color: #FFFFFF !important;
  box-shadow: unset !important;
}

.h1-heading,
h1 {
  font-size: calc(16px * 2.5) !important;
  font-weight: 700 !important;
  line-height: calc(22px * 1.95) !important;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  word-wrap: break-word;
}

.h2-heading,
h2 {
  font-size: calc(16px * 3.142) !important;
  font-weight: 700 !important;
  line-height: calc(22px * 2.181) !important;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
}

.h3-heading,
h3 {
  font-size: calc(16px * 1.75) !important;
  font-weight: 600 !important;
  line-height: calc(22px * 1.454) !important;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
}

.h4-heading,
h4 {
  font-size: calc(16px * 1.5) !important;
  font-weight: 400 !important;
  line-height: calc(22px * 1.272) !important;
  font-family: "Open Sans", sans-serif;
  word-wrap: break-word;
  text-transform: unset;
}

.h5-heading,
h5 {
  font-size: calc(16px * 1.428) !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  font-family: "Open Sans", sans-serif;
}

.h6-heading,
h6 {
  font-size: calc(16px * 1.142) !important;
  font-weight: 400 !important;
  line-height: calc(22px * 0.909) !important;
  font-family: "Open Sans", sans-serif;
}

p {
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 22px !important;
  font-family: "Open Sans", sans-serif;
}

.list-style li {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  font-family: "Open Sans", sans-serif;
  padding: 0 0 12px 12px;
  margin-left: 30px;
}

@media (min-width: 992px) {
  .h1-heading,
h1 {
    font-size: calc(16px * 4) !important;
    line-height: calc(22px * 2.636) !important;
  }

  .h3-heading,
h3 {
    font-size: calc(16px * 2) !important;
  }
}
.main-navigation {
  position: relative;
  z-index: 150;
  background-color: #F9F9F9;
  height: 60px;
  display: flex;
  align-items: center;
}

.mobile-navigation-row {
  height: 65px;
}

.navbar {
  display: flex !important;
  padding-top: unset !important;
  padding-bottom: unset !important;
  background-color: #F9F9F9;
  height: 60px;
  align-items: center;
  display: flex;
}
.navbar .nav-logo {
  color: transparent !important;
}
.navbar .nav-social-menu-left {
  padding-right: 1rem;
  display: flex;
  align-items: center;
}
.navbar .nav-social-menu-right {
  padding-left: 1rem;
  border-left: 1px solid #B88757;
  display: flex;
  align-items: center;
}
.navbar .nav-social-item {
  padding: 0 5px;
}
.navbar .nav-social-item svg {
  color: #B88757;
  font-size: calc(16px * 1.1);
}
.navbar .nav-social-item svg:active, .navbar .nav-social-item svg:hover {
  color: #FFFFFF !important;
}
.navbar .nav-menu-item {
  padding: 0 15px;
}
.navbar .nav-menu-item .nav-menu-link {
  font-size: calc(16px * 0.9) !important;
  line-height: calc(22px * 0.615) !important;
  color: #040404 !important;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.navbar .nav-menu-item .nav-menu-link:active, .navbar .nav-menu-item .nav-menu-link:hover {
  color: #DEDEDE !important;
}
.navbar .nav-menu-item .nav-menu-link svg {
  font-size: calc(16px * 4.428);
  fill: #040404;
  width: 22.848px;
}
.navbar .nav-menu-item .nav-menu-link svg:active, .navbar .nav-menu-item .nav-menu-link svg:hover {
  fill: #DEDEDE !important;
}
.navbar .nav-menu-item:last-child {
  padding-right: 0;
}

.btn-tertiary {
  background-color: transparent !important;
  padding: 10px 15px;
  color: #B88757 !important;
  border: 2px solid #B88757 !important;
  text-decoration: none !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: calc(16px * 0.9 ) !important;
  letter-spacing: 0.1em !important;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  border-radius: 3px;
}
.btn-tertiary:focus, .btn-tertiary:active, .btn-tertiary:hover {
  background-color: #B88757 !important;
  border: 2px solid #B88757 !important;
  color: #040404 !important;
  box-shadow: unset !important;
}

.pb-30 {
  padding-bottom: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.mobile-nav {
  position: absolute;
  height: 100vh;
  left: -10000vw;
  width: 100vw;
  overflow: auto;
  margin: 0;
  transition: 0.5s;
  z-index: 151;
  background-color: #040404;
}
.mobile-nav .nav-social-item {
  padding: 0.75rem 5px;
  align-self: flex-end;
}
.mobile-nav .nav-social-item svg {
  color: #B88757;
  font-size: calc(16px * 1.25);
}
.mobile-nav .nav-social-item svg:active, .mobile-nav .nav-social-item svg:hover {
  color: #FFFFFF !important;
}

.nav-btn-close,
.nav-btn-open {
  background-color: transparent;
  color: #040404;
  border: 0;
  font-size: 1.75rem;
}
.nav-btn-close:focus,
.nav-btn-open:focus {
  outline: none;
}

#close-mobile-nav {
  display: none;
}

.mobile-nav-active #close-mobile-nav {
  display: block;
}
.mobile-nav-active #open-mobile-nav {
  display: none;
}

.mobile-nav-menu-item a {
  text-decoration: none !important;
  font-weight: 700;
  font-size: 1.25rem;
  color: #B88757;
  width: 100%;
  display: flex;
  padding: 0.75rem 0;
}
.mobile-nav-menu-item:hover, .mobile-nav-menu-item:active {
  color: #DEDEDE;
}
.mobile-nav-menu-item:hover a, .mobile-nav-menu-item:active a {
  color: #DEDEDE;
}

.mobile-nav-menu-item-bottom {
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 1.25rem !important;
  color: #040404;
  width: 100%;
  display: flex;
  padding: 0.75rem 1.5rem;
}

.mobile-nav-active {
  overflow: hidden;
}
.mobile-nav-active .mobile-nav {
  left: 0;
  transition: 0.5s;
  overflow: hidden;
}

footer {
  background-color: #040404;
  padding: 25px 0;
  color: #B88757;
}
footer .footer-border-top {
  border-top: 1px solid #B88757;
  padding-top: 30px;
}
@media (min-width: 1300px) {
  footer {
    padding: 30px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -140px;
    padding-top: 100px;
  }
}
footer ul {
  padding: 0;
}
footer ul li {
  display: inline-flex;
  padding: 0 10px;
}
footer ul li svg {
  font-size: calc(16px * 1.428) !important;
  fill: #FFFFFF;
  width: calc(16px * 1.428) !important;
}
footer ul li svg:active, footer ul li svg:hover {
  fill: #DEDEDE !important;
}
@media (min-width: 992px) {
  footer ul li {
    line-height: calc(22px * 1.090) !important;
  }
}
footer a {
  color: #FFFFFF !important;
  font-weight: 700;
}
footer a:active, footer a:hover {
  color: #DEDEDE !important;
}
footer .footer-contact-div {
  text-align: center;
}
@media (min-width: 992px) {
  footer .footer-contact-div {
    text-align: right;
  }
}
footer input {
  width: 100%;
  height: 60px;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 0 1rem;
}

#index-jumbotron-section {
  background-image: url("assets/about/MelissaForde-about-marquee-S.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 285px;
}
@media (min-width: 768px) {
  #index-jumbotron-section {
    background-image: url("assets/about/MelissaForde-about-marquee-M.jpg");
    background-position: top right;
    height: 325px;
  }
}
@media (min-width: 992px) {
  #index-jumbotron-section {
    background-image: url("assets/about/MelissaForde-about-marquee-L.jpg");
    height: 100vh;
    max-height: 840px;
  }
}
@media (min-width: 1300px) {
  #index-jumbotron-section {
    background-image: url("assets/about/MelissaForde-about-marquee-XL.jpg");
  }
}

#index-1687-section {
  background-image: url("/a");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  height: 285px;
}
@media (min-width: 768px) {
  #index-1687-section {
    background-image: url("ages/assets/ho");
    height: 325px;
  }
}
@media (min-width: 992px) {
  #index-1687-section {
    background-image: url("/Me");
    background-position: right;
    background-size: contain;
    height: 100vh;
    max-height: 900px;
  }
}
@media (min-width: 1300px) {
  #index-1687-section {
    background-image: url("assets/home/XL/MelissaForde-1687-XL.jpg");
    background-position: center;
  }
}

#index-flawed-section {
  background-image: url("/a");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 285px;
}
@media (min-width: 768px) {
  #index-flawed-section {
    background-image: url("ages/assets/ho");
    background-position: left;
    height: 325px;
  }
}
@media (min-width: 992px) {
  #index-flawed-section {
    background-image: url("/Me");
    height: 100vh;
    max-height: 900px;
  }
}
@media (min-width: 1300px) {
  #index-flawed-section {
    background-image: url("assets/home/XL/MelissaForde-Wale-XL.jpg");
  }
}

#index-drew-mama-section {
  background-image: url("/a");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 285px;
}
@media (min-width: 768px) {
  #index-drew-mama-section {
    background-image: url("ages/assets/ho");
    background-position: left;
    height: 325px;
  }
}
@media (min-width: 992px) {
  #index-drew-mama-section {
    background-image: url("/Me");
    height: 100vh;
    max-height: 900px;
  }
}
@media (min-width: 1300px) {
  #index-drew-mama-section {
    background-image: url("assets/home/XL/MelissaForde-Retrosuperfuture-MDollas-XL.jpg");
  }
}

#index-barbados-section .carousel-item img {
  height: 325px;
  object-fit: cover;
  object-position: center;
}
@media (min-width: 992px) {
  #index-barbados-section .carousel-item img {
    height: 900px;
  }
}
#index-barbados-section .carousel-indicators {
  display: unset;
  margin-left: 0;
  margin-right: 0;
  position: unset;
}
#index-barbados-section .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  #index-barbados-section .site-container-1550 {
    display: flex;
    height: 900px;
    align-self: start;
    align-items: end;
    padding-bottom: 3rem;
    justify-content: flex-end;
  }
}

#index-barbados-section-mobile .carousel-indicators {
  display: unset;
  margin-left: 0;
  margin-right: 0;
  position: unset;
}
#index-barbados-section-mobile .carousel-indicators-mobile [data-bs-target] {
  background-color: #040404;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

#index-cannavalle-section {
  background-image: url("/a");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 285px;
}
@media (min-width: 768px) {
  #index-cannavalle-section {
    background-image: url("ages/assets/ho");
    background-position: left;
    height: 325px;
  }
}
@media (min-width: 992px) {
  #index-cannavalle-section {
    background-image: url("/Me");
    height: 100vh;
    max-height: 900px;
  }
}
@media (min-width: 1300px) {
  #index-cannavalle-section {
    background-image: url("assets/home/XL/MelissaForde-Cannavalle-XL.jpg");
  }
}

#index-instagram-section {
  padding: 25px 0;
  background-color: #FFFFFF;
}
#index-instagram-section .instagramFeed {
  text-align: center;
  padding: 50px 0;
  max-width: 1340px;
  margin: auto;
  line-height: 0;
}
#index-instagram-section .instagramFeed .igImage {
  background-position: center center;
  background-repeat: no-repeat;
}
#index-instagram-section .instagramFeed img {
  width: 100%;
  height: auto;
}
#index-instagram-section .instagramFeed a {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1300px) {
  #index-instagram-section {
    padding: 50px 0;
  }
}

#index-cannavalle-section-mobile,
#index-barbados-section-mobile,
#index-drew-mama-section-mobile,
#index-flawed-section-mobile,
#index-1687-section-mobile,
#index-jumbotron-section-mobile {
  background-color: #FFFFFF;
}
@media (min-width: 992px) {
  #index-cannavalle-section-mobile,
#index-barbados-section-mobile,
#index-drew-mama-section-mobile,
#index-flawed-section-mobile,
#index-1687-section-mobile,
#index-jumbotron-section-mobile {
    display: none;
  }
}

@media (min-width: 1460px) {
  .RSF-small {
    display: none;
  }
}

.RSF-large {
  display: none;
}
@media (min-width: 1460px) {
  .RSF-large {
    display: block;
  }
}

#inner-page-header-section {
  height: 90px;
  display: flex;
  align-items: center;
}
@media (min-width: 1300px) {
  #inner-page-header-section {
    height: 200px;
  }
}

/*# sourceMappingURL=site.css.map */