/* dancing-script-regular - latin */
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/dancing-script-v24-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/dancing-script-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/dancing-script-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/dancing-script-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/dancing-script-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/dancing-script-v24-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
  }

body, #page-header, #page-footer, .active, .show {
    background-image: linear-gradient(to left, rgb(47,47,47) , rgb(11,12,12) );
    color: white !important;
    overflow: visible !important;
 }
 
 .active, .show {
     border-width: 1px;
     border-style: dotted;
     border-color: white;
     margin-top: 5px;
     border-radius: 5px;
 }
 
 a {
    color: white !important;
    text-decoration: none !important;
 }
 
 #page-footer {
     bottom: 0;
     width: 100%;
 }
 
 .navbar {
     margin-left: 2.5%;
     margin-right: 2.5%;
 }
 
 .nav-item {
     margin-left: 16px;
     margin-right: 16px;
     font-size: 20px;
 }
 
 #navbarSupportedContent1, #navbarSupportedContent2 {
     margin-left: 4rem;
 }
 
 .gradient-border {
     border: 10px solid;
     border-image-slice: 1;
     border-width: 5px;
     border-image-source: linear-gradient(to left, rgb(156,106,13), rgb(255,235,120));
     box-shadow: 4px 2px 2px black;
 }
 
 
 
 #header-navbar {
     margin-top: 10px;
 }
 
 #footer-navbar {
     min-height: 100px;
     margin-bottom: 10px;
 }
 
 .brand-logo {
     font-family: 'Dancing Script';
     font-size: 40px;
     margin-right: 4rem;
 }
 
 
 
 #page-content {
     margin-top: 2%;
     margin-bottom: 2%;
 }
 
 #booking-button, #login-button, #accept, #reject{
     color: rgb(156,106,13);
     border-image-slice: 1;
     border-width: 3px;
     border-image-source: linear-gradient(to left, rgb(156,106,13), rgb(255,235,120));
 }
 
 #booking-button:hover, #login-button:hover, .overview-button:hover {
     background-color: rgb(255,235,120);
 }   
 
 #social-media {
     margin-right: 4rem;
 }
 
 .social-icon {
     text-decoration: none;
     font-size: 40px;
     margin-left: 12px;
     margin-right: 12px;
 }
 
 .fa-angle-double-down {
     font-size: 36px;
 }
 
 .footer-item {
     font-size: 16px !important;
 }
 
 #login-header {
     font-family: 'Dancing Script';
 }
 
 #login-container {
     margin-top: 60px;
     margin-bottom: 200px;
 }
 
 .cursive {
     font-family: 'Dancing Script' !important;
     font-size: 24px !important;
     color: white;
 }
 

 .heading {
     font-family: 'Dancing Script' !important;
     font-size: 32px !important;
     padding: 1rem;
 }

 #overview {
     margin-top: 120px;
     margin-bottom: 160px;
 }
 
 .overview-button {
     font-size: 32px !important;
 }
 
 #switchImage01, #switchImage02 {
     font-size: 40px;
     margin: 6%;
     margin-top: 8%;
 }
 
 .gradient-text {
     font-family: 'Dancing Script';
     background: -webkit-linear-gradient(rgb(156,106,13), rgb(255,235,120));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 
 
 .hidden {
     display: none;
 }

 .responsive {
     width: 100%;
     max-width: 512px;
     height: auto;
 }

 .responsive-div {
     max-width: 500px;
     margin: auto;
 }

 @media screen and (max-width: 600px) {
    div.list {
      font-size: 10px;
    }
  }