/*
html, body {
	height: 100%;
}


.container-fluid {
	min-height: 100%;
}
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);

html, body, * {
  font-family: 'Roboto', sans-serif;
}

.dropdown-menu {
    z-index: 9999;
    /* Ensure dropdown menu appears on top of other elements */
    overflow: auto;
    /* Enable scrolling if the dropdown menu exceeds viewport height */
}

.inline-gallery-container {
    width: 100%;
    height: 0px;
    padding-bottom: 70%;

}

lg-sub-html {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    /* Optional: Add a background color for better visibility */
    color: #fff;
    /* Optional: Set the text color */
    padding: 10px;
    box-sizing: border-box;
    z-index: 2;
    /* Ensure the subHtml appears above the image */
}

.mytext {
	font-size: 12px;

}

.snip1143 {
/*  text-align: center;*/
/*  text-transform: uppercase;*/
  font-weight: 500;
}
.snip1143 * {
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1143 li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 1em;
  overflow: hidden;
}
.snip1143 a {
  padding: 0.3em 0;
  color: rgba(0, 0, 0, 0.5);
  position: relative;
  display: inline-block;
/*  letter-spacing: 1px;*/
	font-size: 14px;
  margin: 0;
  text-decoration: none;
}
.snip1143 a:before,
.snip1143 a:after {
  position: absolute;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.snip1143 a:before {
  top: 100%;
  display: block;
  height: 3px;
  width: 100%;
  content: "";
  background-color: #0d6efd;
}
.snip1143 a:after {
  padding: 0.3em 0;
  position: absolute;
  top: 100%;
  left: 0;
  content: attr(data-hover);
  color: black;
  white-space: nowrap;
}
.snip1143 li:hover a,
.snip1143 .current a {
  transform: translateY(-100%);
}


.lg-backdrop {
    
     background-color:#FFF !important;
       
}


.lg-outer .lg-thumb-outer {
         background-color:#FFF !important;

}

.lg-sub-html {
    color: #000 !important;
    
}

.lg-toolbar .lg-icon {
        color: #000 !important;
}

.lg-counter {
            color: #000 !important;

}

.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover {
    border-color: #0d6efd !important;
}


.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

span {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

span:hover {
	text-decoration: none;
/*	text-shadow: 1px 1px 1px #555;*/
}