.bg-navy {
	background-color: #495072;
}
.bg-light-pink {
	background-color: #F1D8DA;
}
.bg-dark-pink {
	background-color: #D07781;
}
.bg-white {
	background-color: white;
}

.navy {
	color: #495072;
	border-color: #495072;
}

.red {
	color: #FF0000;
}

.font-logo {
	font-family: 'Caviar Dreams', sans-serif;
	font-weight: bold;
}
.font-text {
	font-family: 'Josephin Sans', sans-serif;
}
.font-header {
	font-family: Sacramento, cursive;
}

.double-v-border {
	border-top: double #495072;
	border-bottom: double #495072;
}

.pointer {
	cursor: pointer;
}

.list-group-item {
	background-color: #F1D8DA;
}

.list-group-item-action:hover {
	background-color: #EDCCCE;
}

.thumbnail {
  height: 150px;
}

/* Navbar */
.navbar-light .navbar-nav > li > .nav-link {
  color: #495072;
  opacity: .5;
}
.navbar-light .navbar-nav > li > .nav-link:hover,
.navbar-light .navbar-nav > li > .nav-link:focus {
  color: #495072;
  opacity: .7;
}
.navbar-light .navbar-nav > .active > .nav-link,
.navbar-light .navbar-nav > .active > .nav-link:hover,
.navbar-light .navbar-nav > .active > .nav-link:focus {
  color: #495072;
  opacity: .9;
}
.navbar-light .navbar-nav > .open > .nav-link,
.navbar-light .navbar-nav > .open > .nav-link:hover,
.navbar-light .navbar-nav > .open > .nav-link:focus {
  color: #495072;
  opacity: .9;
}
.dropdown-item:hover {
  background-color: #EDCCCE;
}

/* Carousel */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23495072' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23495072' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

/* Tooltip */

.tooltip > .tooltip-inner {
	background-color: #495072;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
	border-right-color: #495072;
}

.tooltip.show {
	opacity:1!important;
}

/* Gallery */
.gallery-image:hover {
	opacity: 0.7;
  cursor: pointer;
}
.modal {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.9);
}
.gallery-modal > .modal-dialog {
	position: relative;
  display: table; /* This is important */ 
  overflow-y: auto;    
  overflow-x: auto;
  width: auto;
  min-width: 300px;
  max-width: 100%;
}
.gallery-modal > .modal-content {
	margin: auto;
 	display: block;
	animation-name: zoom;
	animation-duration: 0.6s;
  background-color: rgb(0,0,0)
}
.modal-content > img {
  max-height: 90vh
}
@keyframes zoom {
	from {transform:scale(0)} 
	to {transform:scale(1)}
}
/*.modal {
  	display: none;
  	position: fixed;
  	z-index: 1;
  	padding-top: 100px;
  	left: 0;
  	top: 0;
  	width: 100%;
  	height: 100%;
  	overflow: auto;
  	background-color: rgb(0,0,0);
  	background-color: rgba(0,0,0,0.9);
}
.modal-content {
  	margin: auto;
 	display: block;
  	width: 80%;
  	max-width: 700px;
  	animation-name: zoom;
		animation-duration: 0.6s;
}
@keyframes zoom {
  	from {transform:scale(0)} 
  	to {transform:scale(1)}
}
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}*/