#main.site-main{
	overflow:hidden;
}

.woocommerce.columns-3{
	width:100%;
}

img.zooming{
	width:100%;
}

img.attachment-woocommerce_thumbnail{
	padding:30px;
}

page-numbers{
	color:white;
}

button{
	color:black;
}

.woocommerce{
	color:black;
}

span.price{
	color:black;
}

.page-template{
	color:black;
}

.products{
	background-color:#c9e1b0;
}

.woocommerce-loop-category_title{
	color:white;
}

.n2-ss-layer{
	max-width:100%;
	width:100%;
}

.e-con-inner{
	width:100%;
}

.post-container{
	max-width:100%;
	width:100%;
	background-color:#d2dab2
}

.pswp_img{
	width:100%;
	height:auto;
}

img.zooming{
	width:100%;
	height:auto;
}

.wp-post-image{
	width:100%;
	height:auto;
}

li#menu-item-7299{
	background-color:#8b9dc3;
	color:white;
	border-radius:10px;
	padding-top:5px;
}

.search-icon{
margin-right:10px;
	margin-left:10px;
		margin-top:px;
		margin-bottom:10px;
}

body{
	width: 100%;
	justify-content:center;
}

.product div.images{
	width: 60%;
	margin-right: 50px;
}

.entry-cover{
	width:100%;
}

img.attachment-ful{
	padding:px;
}

html.jetpack-lazy-images-js-enabled{
padding:10px;
	padding-top:10px;
}

/** Internet Explorer */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
div {
display: block;
}
}

/** Microsoft Edge */
@supports (-ms-ime-align: auto) {
div {
display: block;
}
}

/** Mozilla Firefox */
@-moz-document url-prefix() {
div
display: block;
}
}

/** Safari */
@media not all and (min-resolution: 0.001dpcm) {
div
display: block;
}
}

/** Chrominum */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
div:not(*:root) {
display: block;
}
}

.image-mosaic {
  display: grid;
	width:100%;
  gap: .99rem;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-auto-rows: 140px;
}

img.attachment-large{	
	margin-top:25px;
	margin-bottom:0;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  img.attachment-large{
	margin:0;
  }
}

ul.products{
	padding:10px;
}

nav.hfe-nav-menu{
	overflow:hiden;
	margin-bottom:20px;
	padding:10px;
}

.container {
  position:relative;
	width:100%;
}

i.fas.fa{
	justify-content:right;
}

div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

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



.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

.container:hover .overlay {
  opacity: 1;
}

* {box-sizing: border-box;}

.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #;
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.inner-wrap{
	padding:0%;
}

.card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #353535;
  font-size: 3rem;
  color: #fff;
  box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  transition: all 500ms;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}

@media screen and (min-width: 600px) {
  .card-tall {
    grid-row: span 2 / auto;
  }

  .card-wide {
    grid-column: span 2 / auto;
  }
}

* {
  box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

p.copyright{
	margin-bottom:10%;
	padding:5px;
}

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

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

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