@import "~ng-pick-datetime/assets/style/picker.min.css";
@import "~ng-pick-datetime/dragula/dist/dragula.css";

@media screen {

  /********************
  Active Link in Navbar
  *********************/
  .activeLink {
    /* Bolder */
    font-weight: bold;

    /* Underline */
    text-decoration: underline;
  } 

 /*********
  Background
  **********/
  body.webp {
    /* Background Image */
    background: url('../images/onomo-hotel-durban.webp') no-repeat;

    /* Fixed Background */
    background-attachment: fixed;

    /* Fill Screen */
    background-size: cover;

    /* Keep Footer at Bottom Settings */
    height: 100%;
    position: relative;
  }

  body.no-webp {
    /* Background Image */
    background: url('../images/onomo-hotel-durban.jpg') no-repeat;

    /* Fixed Background */
    background-attachment: fixed;

    /* Fill Screen */
    background-size: cover;

    /* Keep Footer at Bottom Settings */
    height: 100%;
    position: relative;
  }

  /******************
  Bootstrap Container
  *******************/
  div.container.muted {
    /* Faded White Background */
    background-color: rgba(255, 255, 255, 0.8);

    /* Rounded Borders */
    border-radius: 4px;
  }

  div.container.muted-light {
    /* Faded White Background */
    background-color: rgba(255, 255, 255, 0.95);

    /* Rounded Borders */
    border-radius: 4px;
  }

  /***
  Form
  ****/
  form {
    /* Background Color */
    background-color: rgba(255, 255, 255, 0.9);

    /* Rounded Border */
    border-radius: 4px;

    /* Margins */
    margin: 10px;

    /* Max Width */
    max-width: 463px;

    /* Padding */
    padding: 10px 10px;
    padding-bottom: 15px;

    /* Width */
    width: auto;
  }

  /*****
  Footer
  ******/
  app-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  /*************
  Main Container
  **************/
  #main-container {
    min-height: 100vh;
    overflow: hidden;
    display: block;
    position: relative;
    padding-bottom: 100px;
   }

  /********
  Text Area
  *********/
  form textarea {
    /* Prevent Resizing */
    resize: none;
  }

  /*********
  Label Bold
  **********/
  .title {
    /* Font Weight */
    font-weight: 700;
  }
  
}