select {
-webkit-appearance: none;
appearance: none;
background:
#fff
url(//simon.photo/wp-content/themes/koji-child/assets/svg/chevron-down.svg)
no-repeat
right 1.4rem center;
background-size: 1rem auto;
cursor: pointer;
}
select:hover {
border-color: #333;
} .site-title a {
display: inline-block;
padding: 9px 13px;
border: 3px solid #333;
font-size: 17px;
font-weight: 700;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
color: #333;
transition:
background-color 0.2s ease-in-out,
color 0.2s ease-in-out;
}
.site-title a:hover {
background-color: #333;
color: #fff;
}  button.toggle:focus:not(:focus-visible) {
outline: none;
}
button.toggle:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
} @media (hover: hover) {
.preview.will-be-spotted.spotted .preview-wrapper:hover {
transform: scale(1.05);
transition:
opacity 0.2s ease-out,
transform 0.2s ease-out;
}
} .featured-media {
position: relative;
overflow: hidden;
aspect-ratio: 15 / 10;
}
.featured-media > a {
position: relative;
z-index: 2;
display: flex;
width: 100%;
height: 100%;
}
.featured-media > a > img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.2s ease-in-out;
}
@media (hover: hover) {
.featured-media:hover > a > img {
transform: scale(1.02);
}
} .featured-media-backdrop {
position: absolute;
inset: 0;
z-index: 1;
overflow: hidden;
background-color: #000;
pointer-events: none;
}
.featured-media-backdrop img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.5);
filter: blur(50px);
opacity: 0.7;
} .sg-lightbox {
display: block;
cursor: zoom-in;
} .pswp__counter,
.pswp__button--zoom,
.pswp__button--arrow--prev,
.pswp__button--arrow--next {
display: none !important;
} .pswp,
.pswp__scroll-wrap,
.pswp__container,
.pswp__item,
.pswp__zoom-wrap,
.pswp__img {
touch-action: none !important;
}
.pswp {
overscroll-behavior: none;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
} .pswp__button--close {
margin: 10px;
} .pagination-meta,
.pagination-meta .title,
.pagination-meta .date {
display: block;
}
.pagination-meta .date {
font-size: 1.4rem;
font-weight: 300;
} .social-menu-wrapper {
display: none;
}
.archive-header .subheading {
margin-bottom: 2.6rem;
} @media screen and (max-width: 350px) {
.site-title a {
padding: 9px 13px;
border-width: 2px;
font-size: 12px;
}
}
@media screen and (max-width: 599px) {
.pagination-single .next-post {
margin-top: 3.5rem;
}
.pswp__button--close {
margin: 4px;
}
}
@media screen and (min-width: 1400px) {
#site-content {
padding: 6rem 35rem 0 0;
}
}