/* MAKE BACKGROUND DARK AND TEXT LIGHT */
body {
  background: #fff;
  color: #000;
}

/* ADD SOLID BORDER TO BOTTOM OF NAVBAR AND OPACITY */
.navbar {
  border-bottom: #dddddd 3px solid;
  opacity: 1.0;
}

/* 
@11.50MINS  
IMAGE COVER WHOLE AREA AND FIXED WITH VARYING HEIGHT WITH MIN 700PX
*/
#home-section {
  background: url("../img/calendar.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px;
}

/* 
REQUIRED AS TEXT IS NOT READABLE AND IMAGE IS BRIGHT 
ABSOLUTE TO COVER ENTIRE HOME SECTION, TO COVER PARENT DIV
STARTING AT TOP LEFT, WIDTH 100% TO GO ALL THE WAY ACROSS
USE SAME MIN-HEIGHT AS PARENT
TO GET OVERLAY EFFECT ADD A BLACK BACKGROUND COLOUR WITH 0.7 OPACITY,
I.E. 0.3 TRANSPARENCY SO SHOW A LITTLE BIT
*/
#home-section .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 700px;
  background: rgba(255, 255, 255, 0.8);
}

/* 
THE TEXT BY DEFAULT IS BEHIND THE FIXED NAV BAR SO NEED TO MOVE THE TEXT DOWN.
THE IMAGE ITSELF IS IN THE CORRECT POSITION
*/
#home-section .home-inner {
  padding-top: 100px;
}

/* @17mins WANT THE SIGN UP TODAY A LITTLE TRANSPARENT */
#home-section .card-form {
  opacity: 0.8;
}

/* WANT TO STYLE THE TEXT CHECKBOXES  */
#home-section .fas,
#create-section .fas {
  color: #008ed6;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}
/* BACK TO HTML */

/* 
@7.40 MINS
EXPLORE AND SHARE SECTIONS
DARK BACKGROUND AND WHITE CHECK
 */
#explore-section .fas,
#share-section .fas {
  background: #fff;
  color: #000;
  padding: 5px;
  border-radius: 5px;
}

ul {
  list-style: none;
  padding:0;
}

/* BACK TO HTML */