/**
 * Theme Name: Twenty Twenty Three Child
 * Theme URI: https://www.imagesinthebackcountry.com
 * Description:  Twenty Twenty Three Child is a child theme of Twenty Twenty-Two.
 * Version: 1.0
 * Author: Mike Matenkosky
 * Author URI: https://www.imagesinthebackcountry.com
 * Tags: one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, white, light
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: twentytwentythree
 */

/**
* Variables
***************************************************/
:root {
  --scrollbar-thumb: hsl( 30, 10%, 35% );
  --scrollbar-track: hsl( 30, 10%, 50% );

  --border: hsl( 30, 10%, 70% );
}

html {
	scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-track);
	box-shadow: inset 0 0 6px var(--scrollbar-thumb);
}

::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: hsl( 30, 10%, 25% );
} 

::-webkit-scrollbar-thumb:active {
  background-color: hsl( 30, 10%, 25% );
}

/* Buttons */
::-webkit-scrollbar-button:single-button {
  background-color: var(--scrollbar-track);
  display: block;
  background-size: 10px;
  background-repeat: no-repeat;
}

/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
  height: 12px;
  width: 16px;
  background-position: center 4px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='50,00 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='50,00 0,50 100,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='50,00 0,50 100,50'/></svg>");
}

/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
  height: 12px;
  width: 16px;
  background-position: center 2px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,0 100,0 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,0 100,0 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:vertical:increment:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,0 100,0 50,50'/></svg>");
}

/* Left */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
  height: 12px;
  width: 12px;
  background-position: 3px 3px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,50 50,100 50,0'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,50 50,100 50,0'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,50 50,100 50,0'/></svg>");
}

/* Right */
::-webkit-scrollbar-button:single-button:horizontal:increment {
  height: 12px;
  width: 12px;
  background-position: 3px 3px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,0 0,100 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:increment:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,0 0,100 50,50'/></svg>");
}

::-webkit-scrollbar-button:single-button:horizontal:increment:active {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0,0 0,100 50,50'/></svg>");
}

/**
* Defining Genericons
***************************************************/
.breadcrumb-trail li::after,
.breadcrumb-trail a[rel="home"]::before {
  display:        inline-block;
	font-family:    'Dashicons';
	font-size:      16px;
	font-style:     normal;
	font-weight:    normal;
	font-variant:   normal;
	line-height:    1;
	vertical-align: middle;

	-webkit-font-smoothing: antialiased;
}

	.breadcrumb-trail a[rel="home"]::before {
		content:     '\f102';
		margin-top:  -3px;
		font-size:   24px;
		font-weight: normal;
	}

	.breadcrumb-trail li::after {
		content:     '\f345';
		margin:      -3px 5px 0;
		font-weight: normal;
	}

		.breadcrumb-trail li:last-of-type::after {
			display: none;
		}

/**
* Defaults
***************************************************/
strong {
  font-weight: 500;
}

a:where(:not(.wp-element-button)) {
  text-decoration-thickness: 1px;
}

header {
  border-bottom: 1px solid var(--border);
}

input[type="text"],
input[type="email"],
textarea {
  width: 100%;
  padding: .5em .2em;
  font-size: 1.125em;
  margin-bottom: 1em;
  border: 1px solid var(--border);
  background-color: var(--wp--preset--color--white-alyssum);
}

input[type="submit"] {
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1em;
  text-transform: uppercase;
  color: white;
  border: none;
  background-color: var(--wp--preset--color--secondary);
}

input[type="submit"]:hover {
  background-color: var(--wp--preset--color--primary);
  cursor: pointer;
}

input[type="checkbox"] {
  margin-right: 1ch;
}

.blog .blog,
.archive .blog,
.single-post .blog,
.current-menu-item {
  text-decoration: underline;
  text-underline-offset: 0.25ch;
}

.blog .blog a:hover {
  cursor: default;
}

.wp-block-site-logo img {
  max-width: 100%;
  height: auto;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  border-color: var(--border);
}

.wp-block-navigation__submenu-container li {
  font-size: medium;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
  margin-right: 1em;
}

.asterisk {
  color: var(--wp--preset--color--primary);
}

@media (max-width: 599px) {
  .wp-block-navigation.items-justified-center {
    --navigation-layout-justify: flext-start;
    --navigation-layout-justification-setting: flex-start;
  }
}

@media (min-width: 600px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    z-index: 100;
  }
}

/**
* Breadcrumb Trail Plugin
************************************************/
.trail-begin span,
.breadcrumb-trail.breadcrumbs .trail-browse {
  display: none;
}

.breadcrumb-trail {
	margin-top: -1.5rem;
	font-size:  1rem;
}

	.breadcrumb-trail ul { 
    list-style: none;
    margin: 0;
    padding: 0;
  }

		.breadcrumb-trail ul li {
      display: inline-block;
    }

	.breadcrumb-trail span.trail-end {
    opacity: 0.5;
  }

	.breadcrumb-trail a {
		display: inline-block;
		opacity: 0.75;
	}

	.breadcrumb-trail a:hover,
	.breadcrumb-trail a:focus {
    opacity: 1;
  }

/**
* Slideshow
************************************************/
.n2-bullet:hover,
.n2-bullet:focus,
.n2-bullet.n2-active {
  background: var(--wp--preset--color--primary) !important;
}

.mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
}

/**
* My Author Bio Box
************************/
.my-author-bio-box {
  font-style: italic;
}

.my-author-bio-box hr {
  margin: 4em auto;
}

.my-author-bio-box hr:last-of-type {
  margin-bottom: 0;
}

.my-author-bio-box img {
  float: left;
  margin: 0 1em 0 0;
}

/**
* Smugmug Product Page
************************/
.wp-block-group.products {
  display: flex;
  flex-wrap: wrap;
}

.wp-block-group.products .wp-block-group {
  width: 100%;
  padding: 1em;
  margin: 0 auto 2em;
  border: 1px solid var(--border);
  background-color: var(--wp--preset--color--white-alyssum);
}

.wp-block-group.products .wp-block-group h4 {
  margin-top: 0;
}

@media (max-width: 768px) {
  .wp-block-post-content .wp-block-group .alignleft {
    float: none;
    margin: 0 auto 1em;
  }
}


/**
* Photonic Plugin
************************/
.photonic-standard-layout {
  justify-content: center;
}

.photonic-thumb a img {
  max-width: 100%;
}

.spl-title a {
  color: #ccc;
}

.photonic-stream {
  display: block !important;
  max-width: var(--wp--style--global--wide-size) !important;
}