/* Liaison Style CSS -- 2022 Refresh */

* {
    box-sizing:border-box;
}
body, html { 
    margin:0;
    background-color: #000000;
    background-image: url('images/Liaison_Backdrop_Plain.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
    
/* The navigation bar */
ul.navbar {
    position: fixed;
    float:left;
    z-index:99;
    list-style-type:none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
}

ul.navbar li {
    float: left;
}

ul.navbar li a {
    display: block;
    color: white;
    padding:10px 8px;
    text-decoration: none;
}
ul.navbar li.MenuIcon {
  display: none;
}

@media screen and (max-width:880px) {
  ul.navbar li:not(:first-child) {display: none;}
  ul.navbar li.MenuIcon {
    float: right;
    display: inline-block;
  }
}
@media screen and (max-width:880px) {
  ul.navbar.responsive {position: fixed;}
  ul.navbar.responsive li.MenuIcon {
    position: fixed;
    right: 0;
    top: 0;
  }
  ul.navbar.responsive li {
    float: none;
    display: inline;
  }
  ul.navbar.responsive li a {
    display: block;
    text-align: left;
  }
}


/* Main content */
.main {
    margin-top: 50px; /* Add a top margin to avoid content overlay */
    font-color: white;
}


/* Layout for Content */ 

/*Text Boxes*/

.text_box_main {
 width:100%;
 padding-left: 20%;
 padding-right: 20%;
 font-family: arial;
 color: white;
 font-size: 25pt;
 text-align:center;
}

/*Video Loop*/
.video_loop {
  align:center;
  width:100%;
  padding-left:12%;
  padding-right:12%;
}


/*Images*/
.large_centre_image {
  align:center;
  width:100%;
  padding-left:30%;
  padding-right:30%;
}

.heart_gallery {
  display: inline-block;
  align:center;
  width:100%;
  padding-left:10%;
  padding-right:10%;
}

.heart_gallery_img {
  display: inline-block;
  background-color: #e60000;
  align:center;
  width:50%;
  padding: 5px;
}

.main_images {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid white;
}

/*Page Footer*/
.footer {
  width:100%;
  height:50px;
  background-color:#000000;
  z-index:99;
  bottom: 0;
}

.footer_text {
 font-family:arial;
 font-size:80%;
 color: white;
 text-align: center;
}
.footer_text a { 
 color: #e60000;
}
.footer_text a:hover, .footer a:active, .footer a:visited {
 color: white;
}