/* ---------------------------------------
   Gallery Custom Post Type 
----------------------------------------*/

.gallery-posts {
	display: block;
}

.gallery-posts,
.gallery-list {
    max-width: 100%;
    margin: 0 auto;
    line-height: 195%;
    text-align: center;
    font-family: 'Tahoma', sans-serif;
}

.gallery-posts ul {
	text-align: left!important;
}

.gallery-posts li {
	text-transform: capitalize;
	width: 33.33%;
	display: inline-block;
	text-align: left;
}

.gallery-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    margin: 5% auto !important;
    padding: 0;
}

.gallery-list span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px !important;
    width: 22%;
    margin: 1.5%;
    font-size: .75em;
    border-top: 2px solid #ccc;
}

.gallery-list span a {
    display: inline-block !important;
    text-transform: uppercase;
}

.gallery-list span a::first-letter {
    color: purple;
    font-size: 1.85em;
    font-style: italic;
    border-bottom: 0px !important;
    font-family: 'Georgia', sans-serif;
}

.gallery-list .fa-solid {
    opacity: .4;
    margin-right: 5px;
}

.gallery-images {
	width: 22.99%!important;
	display: inline-block!important;
	vertical-align: middle;
	margin: .5%!important;
	position: relative;
}

.gallery-images a img {
	width: 95%;
	height: 170px;
	object-fit: cover!important;
	margin: 5px auto;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

@media only screen and (max-width: 899px), only screen and (max-device-width: 400px) {
	
	.gallery-images {
	width: 43.99%!important;
	}
	
	.gallery-posts li {
		width: 44.33%!important;
		vertical-align: text-top!important;
}
}

@media only screen and (max-width: 399px), only screen and (max-device-width: 200px) {
	
	.gallery-images {
		width: 95%!important;
		display: block!important;
		margin-bottom: 5%!important;
}
}

/* -- Pagination -- */

.gallery-pagination {
	display: block!important;
	margin: 5% auto!important;
	clear: both;
	text-align: right;
	width: 90%;
}
 
.button {
  background-image: linear-gradient(#f7f8fa ,#e7e9ec);
  border-color: #adb1b8 #a2a6ac #8d9096;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-shadow: rgba(255,255,255,.6) 0 1px 0 inset;
  box-sizing: border-box;
  color: #0f1111;
  cursor: pointer;
  display: inline-block;
  font-family: "Amazon Ember",Arial,sans-serif;
  font-size: 14px;
  height: 29px;
  font-size: 13px;
  outline: 0;
  overflow: hidden;
  padding: 0 11px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
}

.button:active {
  border-bottom-color: #a2a6ac;
}

.button:active:hover {
  border-bottom-color: #a2a6ac;
}

.button:hover {
  border-color: #a2a6ac #979aa1 #82858a;
}

.button:focus {
  border-color: #e77600;
  box-shadow: rgba(228, 121, 17, .5) 0 0 3px 2px;
  outline: 0;
}