/* Custom CSS
------------------------------------------------------------ */
/* -------tray footer----------  */
.center-div {
  margin: auto;
  width: 50%;
  padding: 10px;
}
/* header for tray option footer */
.tray-related-cat {
	background-color: #3374B5;
	color: #fff;
	padding: 7px;
	text-align: center;
	margin-bottom: 50px;
}

/* --------- WOOCOMMERCE CUSTOMIZATIONS --------- */

h1.product_title.entry-title {
	color: #3374B5;
	font-size: 3.5rem;
}

.woocommerce-loop-product__title, ul.products li {
	background-color: #f1f1f1;
	color: #ffffff;
	margin-top: -16px!important;
	font-size:1em!important;
	padding: 15px 0 15px 0 !important;
	text-align: center!important;
}

.product-category {
	border: solid #e0e0e0 2px!important;
	
}

.size-woocommerce_thumbnail {
	border: solid #e0e0e0 1px!important;
	background-color: #f1f1f1f1;
}

.woocommerce-loop-category__title, .woocommerce-loop-product__title {
	background-color: #17375E;
	color: #ffffff;
	margin-top: -16px!important;
	font-size:.8em!important;
	padding: 15px 0 15px 0 !important;
	margin-bottom: -16px!important;
}

.woocommerce-LoopProduct-link {
background-color: #17375E;	
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

li.product-category.product{
		box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	}


/* ---- popup variation description ---------

.woocommerce-variation-description {
	background-color: #f1f1f1;
	padding:15px 10px 5px 15px;
	border-radius: 5px;
	margin-bottom: 10px;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

*/

.woocommerce button {
	background-color: #3374B5!important;
}

.amount {
color: #3374B5;	
font-size: 1.5em;
font-family:'poppins'!important;
font-weight:bold;

}

select{
	background-color: rgba(200, 55, 55, 0);
	display: block;
	padding: 10px;
	width: 200px;
	font-weight: 700;
	border-color: #c0c0c0;
}

.button.product_type_variable {
	display: none!important;
}

*, *:after, *:before {
     box-sizing: border-box;
}

.input-text.qty.text {
	background-color: #f1f1f1;
	padding:7px;
	border:1px solid #cfcfcf;
}

.price {
	display:none;
}

@media (min-width: 768px) {
 .single-product div.product .woocommerce-product-gallery {
    width: 30%!important;
  }}
 .single-product div.product .summary {
    width: 60%!important;
  }
 @media (min-width: 768px) {
 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin: 0 2.0% 2.992em 0!important;
	}}
	
/* -------end woocommerce customizations ------------- */

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}


.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; margin-top:0; padding-top:0;}
.hover_img a:hover span {
	height: auto;
	width: 400px;
	left:450px;
	top:-200px;
	padding:10px;
	overflow: visible;
	display:inline-block;
	background-color: #333333;
	color:#c0c0c0;
	padding-left:20px;
	border-radius: 10px ;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
  
}

th.label {
	background-color: #EFEFEF;
	text-align: left;
	font-size: 20px;
	padding-left: 20px;
}











/* Custom Responsive CSS
------------------------------------------------------------ */
@media only screen and (max-width: 1620px) {
.site-header .genesis-nav-menu {
	-webkit-border-radius: 0;
	border-radius: 0;
}
.nav-secondary {
	border-width: 0 0 1px;
}
}

@media only screen and (min-width: 840px) and (max-width: 1620px) {
#menu-main {
	margin-top: 0px;
}

.widget-wrap {
	display:none;
}
}

@media only screen and (min-width: 480px) and (max-width: 1140px) {
#menu-main {
	margin-top: 0px;
}

.widget-wrap {
	display:none;
}
}

@media only screen and (max-width: 839px) {
.widget-wrap {
	display:none;
}
}

@media only screen and (min-width: 480px) and (max-width: 839px) {
#menu-main {
	font-size: 0.8em;
	margin-top: 0px;
}

}

@media only screen and (max-width: 479px) {
.site-title {
	font-size: 30px; font-size: 3rem;
}

.menu-primary a,
.menu-secondary a {
	border-width: 0 0 1px !important;
}

.site-header {
     display: none;
}


}