/* CSS Document */

.social-icon .social-icon:hover{
transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.img-dropdown {
 position: relative;
 display: inline-block;
}

.img-dropdown-content {
 display: none;
 position: absolute;
 background-color: #f9f9f9;
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;
}

.img-dropdown:hover .img-dropdown-content {
 display: block;
}

.img-desc {
 padding: 15px;
 text-align: center;
}


/* Nav-dropdowns*/
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  white-space: nowrap;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color:#94959F;color:#4185DB;text-decoration: underline}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

.dropbtn {
background-color: #2c3687;
}	
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #0f7c3e;} 

/** Section - Hero*/
.page-header{font-family: Bangers; letter-spacing: 3px;}

/*

/** Guest image hover*/
.img-dropdown {
	position: relative;
	display: inline-block;
	}	

.img-dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	}

.img-dropdown:hover .img-dropdown-content {
	display: block;
	}

.img-desc {
	padding: 15px;
	text-align: center;
	}
	
/*/ Store /*/
#market{
margin-top: 0;
padding-top: 0;
}

.store-sidebar {
  margin: 0;
  padding: 0;
  width: 200px;
  position: absolute;
  height: 100%;
  overflow: auto;
}

.store-sidebar a {
  display: block;
  color: white;
  padding: 16px;
  text-decoration: none;
}
 
.store-sidebar a.active {
  background-color: #2C3687;
  color: white;
}

.store-sidebar a:hover:not(.active) {
  background-color: #F8F9FA;
  color: black;
  text-decoration: underline;
}

div.store {
  margin-left: 200px;
  padding: 1px 16px;
  height: 1000px;
}

@media screen and (max-width: 700px) {
  .store-sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .store-sidebar a {float: left;}
  div.store {margin-left: 0;}
}

@media screen and (max-width: 400px) {
  .store-sidebar a {
    text-align: center;
    float: none;
  }
}
@media screen and (max-width: 1200px) {}
.store-content{
align-content: center;
align-items: center;
text-align: center;
}
.product-info{
align-content: center;
align-items: center;
text-align: center;
}
.price{
	
}
.product-desc{
			
}

/* Reg bar*/

.reg-top-container {
 position: relative;
  width: 50%;
}

.reg-top-image {
 

}

.reg-top-overlay {
  position: rel;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height:0px;
  transition: .5s ease;
}

.reg-top-container:hover .reg-top-overlay {
  bottom: 0;
  height: 100%;
}

.reg-top-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.reg-btm-container {
  position: relative;
  width: 50%;
}

.reg-btm-image {
  display: block;
  width: 100%;
  height: auto;
}

.reg-btm-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.reg-btm-container:hover .reg-btm-overlay {
  height: 100%;
}

.reg-btm-text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	text-align: center;}

.bang{
	font-family: 'Bangers', cursive; letter-spacing: 1px;
}
		#gallery-nav .nav-link{
			font-size: 18;
			
		}
		#gallery-nav .nav-link:hover{
			text-decoration: underline;
			transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
			
		}