@font-face { 
        font-family: 'canela'; 
        src: url('https://api.our-wedding.link/uploads/fonts/title/canela.ttf'); 
      } 
      .font-title, .hover-title:hover, .after-title:after, .before-title:before {
        font-family: 'canela' !important; 
      }
      
      @font-face { 
        font-family: 'monesta_light'; 
        src: url('https://api.our-wedding.link/uploads/fonts/monesta_light.ttf'); 
      } 
      .font-additional, .hover-additional:hover, .after-additional:after, .before-additional:before {
        font-family: 'monesta_light' !important; 
      }
      
      @font-face { 
        font-family: 'louis'; 
        src: url('https://api.our-wedding.link/uploads/fonts/louis.ttf'); 
      } 
      .font-content,.hover-content:hover, .after-content:after, .before-content:before {
        font-family: 'louis' !important; 
      }
      .content-layout p, 
      .also_invite,
      #also_inviting li,
      .content-layout p b, 
      .content-layout a, 
      .content-layout .form-control, 
      .content-layout button, 
      #welcome p,
      #welcome p b,
      #welcome button,
      .modal-body p, 
      .modal-body label, 
      .modal-body p, 
      .modal-body b { 
        font-family: 'louis' !important; 
      }
       
      #bottom-bar .wrapper {
        background-color: rgba(236,236,232,1) !important;
      }
      #quote, #live, #coupleProfile, #galleries, #weddingDetail, #story, #wishes, #footer, .premium #hours, .premium #minutes, .premium #seconds, .premium #days, .premium #rsvp, .btn-premium{
        background-color: #ecece8;
      }
      .content-layout p, #also_inviting li {
        color: #90a692;
      }
      .content-layout h4, .content-layout h3, .content-layout h1, .btn-premium {
        color: #90a692;
      }
      .content-layout .alert {
        border-color: #90a692;
        background-color: rgba(144,166,146,0.1);
        color: #90a692;
      }
      .content-layout .btn.btn-outline-primary {
        border-color: #90a692;
        color: #90a692;
      }
      .content-layout .btn.btn-primary:not(.btn-calendar) {
        background-color: rgba(144,166,146,1);
        border-color: rgba(144,166,146,1);
        color: rgba(236,236,232,1);
      }
      .content-layout .custom-file-label, .content-layout .form-control,.content-layout .form-control::placeholder {
        color: rgba(144,166,146,0.5);
      }
      #wishes .text-container {
        color: rgba(144,166,146,1);
        background-color: rgba(236,236,232,1) !important;
      }
      .content-layout .music-control {
        background-color: #90a692;
        color: #ecece8;
      }
      #countdown ul li{
        color: rgba(144,166,146,1)
      }
      #countdown ul li span{
        color: rgba(144,166,146,1)
      }
      #bottom-bar .wrapper ul li a {
        color: rgba(144,166,146,1) !important;
      }
      #bottom-bar .wrapper ul li a.active {
        color: rgba(236,236,232,1) !important;
        background-color: rgba(144,166,146,1) !important;
      }