@charset "UTF-8";
/*
Theme Name:         Explorers Theme
Theme URI:          https://github.com/a8cteam51/explorers
Author:             Automattic Special Projects
Author URI:         https://wpspecialprojects.com
Description:        Block-based portfolio/photography theme used on explorers.com.
Version:            1.0.5
Update URI:         false
Requires at least:  6.1
Requires PHP:       8.1
License: GNU        General Public License v2 or later
License URI:        http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:        explorers-theme
Domain Path:        /languages
Tags: photography, portfolio, grid-layout, one-column, two-columns, three-columns, wide-blocks, block-patterns, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, style-variations, theme-options, threaded-comments, translation-ready
*/
body {
  line-height: 20px;
}
@media (max-width: 781px) {
  body {
    line-height: 16px;
  }
}

button {
  padding: 8px 15px;
}
button:hover {
  text-decoration: underline;
}

/* Outline button hover */
.wp-block-button.is-style-outline:hover .wp-block-button__link {
  background-color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link::after {
  color: var(--wp--preset--color--background);
}

/* Arrows on external links */
a.wp-block-button__link[href]:not(:where([href^="#"], [href^="/"]:not([href^="//"]), [href*="//explorers.com"]))::after {
  color: color-mix(in srgb, currentcolor 50%, transparent);
  content: " ↗";
  display: inline-block;
  font-family: system-ui;
  font-size: 0.8em;
  font-weight: 400;
  padding-left: 0.3em;
  vertical-align: text-top;
}

/* stylelint-disable-next-line selector-id-pattern -- Third party plugin ID */
#pcp_wrapper-2034 #sp-pcp-id-2034 .pcp-button-prev .fa {
  padding-right: 2px;
}
#pcp_wrapper-2034 #sp-pcp-id-2034 .pcp-button-next .fa {
  padding-left: 2px;
}
#pcp_wrapper-2034 #sp-pcp-id-2034 .pcp-button-prev:hover .fa,
#pcp_wrapper-2034 #sp-pcp-id-2034 .pcp-button-next:hover .fa {
  color: var(--wp--preset--color--background);
}
#pcp_wrapper-2034 #sp-pcp-id-2034 .sp-pcp-post {
  margin: 4px;
  overflow: visible;
}
#pcp_wrapper-2034 #sp-pcp-id-2034 .pcp-post-thumb-wrapper {
  margin-top: 28px;
  overflow: visible;
}
#pcp_wrapper-2034 #sp-pcp-id-2034 .sp-pcp-thumb {
  display: inline-block;
}
#pcp_wrapper-2034 #sp-pcp-id-2034 .sp-pcp-thumb br {
  display: none;
}
#pcp_wrapper-2034 #sp-pcp-id-2034 .sp-pcp-thumb:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

/* Darken image on hover */
a img {
  transition: 0.2s ease opacity;
}

a:hover img {
  opacity: 0.75;
}

.image-container {
  position: relative;
}
.image-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
  pointer-events: none;
  border-radius: 0 0 6px 6px;
}
.image-container .wp-block-post-title {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.image-container .wp-block-post-title a {
  padding: 32px;
}
.image-container .wp-block-post-title a:hover {
  color: var(--wp--preset--color--primary);
  text-decoration: none;
}
.image-container .wp-block-post-title a::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 15px;
  margin-left: 11px;
  background-image: url(./assets/img/arrow-right.svg);
}
/*# sourceMappingURL=style.css.map */