﻿@import url(bulma.css);
@import url(site.css);
@import url(animate.css);
@import url(aos.css);
@import url(imgs.css);
.navbar-left, .navbar-right {
  justify-content: space-evenly;
  display: flex;
  flex: 1; }

.navbar-center {
  display: flex; }

.navbar-item img {
  max-height: none !important; }

.custom-border {
  opacity: 0.9; }

/**txt and logo*/
.consult-txt {
  width: 100% !important; }

.txt-lg {
  font-size: 5rem; }

.txt-md {
  font-size: 4rem; }

.txt-color-base {
  color: #4A4A4A; }

.txt-color-logo {
  color: #FFDF00; }

.background-color-base {
  background-color: #4A4A4A; }

.background-color-logo {
  background-color: #FFDF00; }

.background-color-logo-2 {
  background-color: #d4af37; }

.border-color-logo {
  border-color: #FFDF00; }

.background-trasnparent {
  background-color: transparent; }

.schedule-txt {
  text-decoration: underline;
  text-decoration-color: #FFDF00; }

.navbar-item:hover {
  background-color: white !important;
  color: #FFDF00 !important; }

.welcome {
  height: 500px; }

.navbar-item {
  font-family: elegant; }

.circle {
  border-radius: 50%;
  border: solid 1px #FFDF00;
  width: 250px;
  height: 250px;
  background-color: white; }

.circle:hover {
  transform: scale(1.1);
  cursor: pointer; }

.home-welcome-circle-div {
  display: flex;
  justify-content: center;
  opacity: 0.85; }

@font-face {
  font-family: elegant;
  src: url("Magnolia Script.otf"); }

.home-welcome-circle {
  opacity: 0.9; }

.custom-font {
  font-family: elegant; }

.btn-send {
  display: block; }

.btn-loading, .modal-thanks {
  display: none !important; }

/**container stuff*/
.home-decor-container, .home-staging-container, .event-planning-container, .home-organizing-container, .catering-container, .home-about-container {
  height: 500px;
  margin: 15px; }

.home-container {
  background-image: url("../imgs/EP_10.jpg");
  height: 725px;
  background-position: center;
  /* Center the image */
  background-repeat: no-repeat;
  /* Do not repeat the image */
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center; }

.container-margins {
  padding-top: 50px;
  padding-bottom: 50px; }

/**flex stuff*/
.cust-flex-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  height: 100%; }

.simp-flex {
  flex: 1; }

.about-text {
  max-width: 475px; }

/**contact stuff*/
.contact-container, .modal-card, .modal-card-head {
  max-width: 400px !important;
  width: 400px !important; }

.modal-card-head {
  padding: 10px;
  border-bottom: solid 1px #FFDF00; }

/**footer*/
.simp-flex-footer {
  flex: none; }

.footer {
  background-color: #fafafa;
  margin-top: auto;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  /*height: 12em;*/ }

.footer-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 12em;
  color: #4A4A4A;
  margin-right: 5%;
  margin-left: 5%; }

.footer-text {
  color: #4A4A4A !important;
  font-family: elegant; }

.container {
  position: relative; }

/**home layout stuff*/
.divider-three-dots {
  text-align: center; }

.divider-three-dots span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #FFDF00;
  display: inline-block;
  margin: 0 5px; }

.divider-border {
  border-top: solid 1px #4A4A4A;
  border-bottom: solid 1px #4A4A4A; }

.custom-modal-title {
  width: 100%;
  border-bottom: solid 1px #FFDF00; }

.header-underline {
  border-bottom: solid 1px #FFDF00; }

.border-basic {
  border: solid 1px #FFDF00; }

.border-custom-grey {
  border: solid 1px #4A4A4A; }

.sticky-margin {
  margin-top: 180px; }

/**mobile v. desktop stuff*/
.learn-more-mob, .nav-mob {
  display: none; }

.learn-more-desk {
  display: block; }

.logo {
  height: 175px; }

.navbar-brand, .navbar-tabs {
  align-items: center !important; }

.navbar-link:hover {
  color: #FFDF00 !important; }

.navbar-link::after {
  color: #4A4A4A !important; }

.mob-logo, .nav-mob-socials, .navbar-burger {
  flex: 1;
  min-width: 33% !important; }

.nav-mob-socials {
  flex-direction: row !important; }

.socials, .socials a {
  padding: 5px !important;
  margin-bottom: 15px;
  border-color: #4A4A4A;
  background-color: white;
  color: #4A4A4A !important;
  font-size: 1.25rem !important;
  text-align: center;
  font-family: elegant; }
  .socials .fa, .socials a .fa {
    color: #FFDF00; }

@media only screen and (max-width: 1500px) {
  .home-container {
    height: 500px !important; }
  .home-image {
    max-height: 350px; } }

@media only screen and (max-width: 1023px) {
  .navbar-center {
    display: none !important; }
  .nav-desk {
    display: none !important; }
  .txt-full {
    width: 100% !important; }
  .navbar-menu {
    box-shadow: none !important;
    min-height: 100vh; }
  .navbar-item.has-dropdown .navbar-dropdown {
    display: none; }
  .navbar-item.has-dropdown .is-active {
    display: block !important; }
  .nav-mob {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .nav-mob .navbar-item {
      padding: 0px;
      margin: 1rem 0.7rem;
      font-size: 1.25rem; }
  .navbar-burger:hover {
    background-color: white !important; }
  .navbar-burger span {
    height: 2px !important; } }

@media only screen and (max-width: 800px) {
  .consult-txt {
    padding-top: 108px !important; }
  .footer-center {
    flex-direction: column !important; }
  .footer-txt-divider {
    display: none; }
  .consult-field {
    width: 100%; }
  .logo {
    height: 75px; }
  .sticky-margin {
    margin-top: 100px; }
  .txt-lg {
    font-size: 4rem; } }

@media only screen and (max-width: 500px) {
  .home-decor-container, .home-staging-container, .event-planning-container, .home-organizing-container, .catering-container, .about-container, .home-about-container {
    height: 100% !important; }
  .divider-border, .divider-three-dots {
    width: 33% !important; }
  .divider {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }
  .dot-4, .dot-5 {
    display: none !important; }
  .learn-more-mob {
    display: flex;
    order: 3 !important; }
  .learn-more-desk {
    display: none; }
  .home-flex-txt {
    order: 1 !important; }
  .container-margins {
    margin-right: 10px;
    margin-left: 10px; }
  .contact-container, .modal-card, .modal-card-head {
    width: 350px !important; }
  .txt-lg, .txt-md {
    font-size: 3rem; }
  .mob-subtxt {
    font-size: 0.75rem !important;
    margin-right: 15px;
    margin-left: 15px; }
  .columns {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  /* .column {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }*/
  .home-container {
    height: 300px !important;
    margin-bottom: 50px !important; }
  .circle {
    height: 175px;
    width: 175px; }
  .consult-txt {
    padding-top: 60px !important; }
  .about-text {
    font-size: 1rem !important;
    text-align: center !important; } }
