@font-face { 
        font-family: 'javassoul'; 
        src: url('https://api.our-wedding.link/uploads/fonts/title/javassoul.ttf'); 
      } 
      .font-title, .hover-title:hover, .after-title:after, .before-title:before {
        font-family: 'javassoul' !important; 
      }
       
      #bottom-bar .wrapper {
        background-color: rgba(49,67,97,1) !important;
      }
      #quote, #live, #coupleProfile, #galleries, #weddingDetail, #story, #wishes, #footer, .premium #hours, .premium #minutes, .premium #seconds, .premium #days, .premium #rsvp, .btn-premium{
        background-color: #314361;
      }
      .content-layout p, #also_inviting li {
        color: #d8c8a2;
      }
      .content-layout h4, .content-layout h3, .content-layout h1, .btn-premium {
        color: #d8cfb6;
      }
      .content-layout .alert {
        border-color: #d8cfb6;
        background-color: rgba(216,207,182,0.1);
        color: #d8cfb6;
      }
      .content-layout .btn.btn-outline-primary {
        border-color: #d8cfb6;
        color: #d8cfb6;
      }
      .content-layout .btn.btn-primary:not(.btn-calendar) {
        background-color: rgba(216,207,182,1);
        border-color: rgba(216,207,182,1);
        color: rgba(49,67,97,1);
      }
      .content-layout .custom-file-label, .content-layout .form-control,.content-layout .form-control::placeholder {
        color: rgba(216,200,162,0.5);
      }
      #wishes .text-container {
        color: rgba(216,207,182,1);
        background-color: rgba(49,67,97,1) !important;
      }
      .content-layout .music-control {
        background-color: #d8cfb6;
        color: #314361;
      }
      #countdown ul li{
        color: rgba(216,200,162,1)
      }
      #countdown ul li span{
        color: rgba(216,207,182,1)
      }
      #bottom-bar .wrapper ul li a {
        color: rgba(216,207,182,1) !important;
      }
      #bottom-bar .wrapper ul li a.active {
        color: rgba(49,67,97,1) !important;
        background-color: rgba(216,207,182,1) !important;
      }