/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : Dec 15, 2024, 2:15:09 PM
    Author     : jcars
*/

body {
    padding: 0em 5em;
}
.top {
    text-align:center;

}
      
.menu {
  position: relative;
  display: inline-block;
  padding: 0 1em 0 1em;
}

.navbar {
    text-align: center;
    color: white;
    background-color:dimgrey;
    font-size: 1.5em;
}
.menu-content {
  text-align: left;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  white-space: nowrap;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.menu:hover .menu-content {
  display: block;
  background-color: black;
}

.menu a {
    color: white;
    text-decoration: none;
}

.menu a:visited {
    color: white;
    text-decoration: none;
}



/* Slideshow container */
            .mySlides {display: none;}
            img {vertical-align: middle; width: 80%; height: 800px; 
                    object-fit: scale-down}
            .slideshow-container {
                max-width: 1000px;
                position: relative;
                margin: auto;
            }
            
            /* Number text (1/3 etc) */
            .numbertext {
                color: #f2f2f2;
                font-size: 12px;
                padding: 8px 12px;
                position: absolute;
                top: 0;
            }
            
            /* The dots/bullets/indicators */
            .dot {
                cursor: pointer;
                height: 15px;
                width: 15px;
                margin: 0 2px;
                background-color: #fff;
                border-radius: 50%;
                display: inline-block;
                
            }
            
            .axtive, .dot:hover {
                background-color: #fff;
            }
            
            /* Fading animation */
            .fade {
                animation-name: fade;
                animation-duration: 1.5s;
            }
            
            @keyframes fade {
                from {opacity: -4}
                to {opacity: 1}
            }

            
/* Bread crumbs */

 /* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}