/*
Theme Name: BABC 2024
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: Mike Matenkosky
Author URI: https://www.imagesinthebackcountry.com/
Description: BABC 2024 is a highly customized child theme of Twenty Twenty-four.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: babc-2024
Tags: 
*/

/**
* Variables
***************************************************/
:root {
  --transition-linear:      .2s linear;
  --scrollbar-track: 				var(--wp--preset--color--accent-5);
  --scrollbar-thumb: 				var(--wp--preset--color--accent-2);
    scrollbar-color:       	var(--scrollbar-thumb) var(--scrollbar-track);
    /* scrollbar-width:       	thin; */
}

/**
* Defining Genericons
***************************************************/
.dashicons, .dashicons-before::before {
  margin: .1em .2em auto auto;
}

.dashicons-before.hidden {
  color: transparent;
}

/**
* Defaults
***************************************************/
a {
	transition: all var(--transition-linear);
}

	a:hover {
		opacity: .9;
	}

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

  input:focus-visible,
  textarea:focus-visible {
    outline: 1px solid var(--wp--preset--color--accent-1);
  }

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

iframe {
  max-width: 100%;
}

::marker, .required {
  color: var(--wp--preset--color--accent-1);
}

:where(.wp-site-blocks :focus) {
  outline-color: var(--wp--preset--color--accent-1);
}

:root :where(.wp-block-list) { 
  padding-left: revert;
}

.info p {
  line-height: normal;
  margin: .5em auto;
}

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

@media (max-width: 768px) {

  .wp-container-core-group-is-layout-3.wp-container-core-group-is-layout-3 {
    justify-content: center;
  }

  .wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
    align-items: center;
  }

  header .wp-block-site-logo {
    text-align: center;
    width:      100%;
  }

  header .is-content-justification-center {
    width: 100%;
  }

}

/**
* Header
************************************************/
header .wp-block-site-logo a {
  color:      transparent;
  max-width:  200px;
}

header .info {
  fill:   var(--wp--preset--color--base);
  color:  var(--wp--preset--color--base);
  text-align: center;
}

/**
* Menus
************************************************/
.blog .blog,
.single-post .blog,
.current-menu-item,
.wp-block-navigation a.current-menu-ancestor {
  text-decoration:        underline;
  text-underline-offset:  .25ch;
}

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

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  border: 1px solid var(--wp--preset--color--accent-1);
}

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

/**
* Contact Us
************************************************/
.contact h3 {
  margin-bottom: 0;
}

/**
* ICS Calendar Plugin
***************************************************/
.ics-calendar {
  --r34ics--color--white:         var(--wp--preset--color--accent-5);
  --r34ics--color--black:         var(--wp--preset--color--contrast);
  --r34ics--color--whitesmoke:    hsl( from var(--wp--preset--color--accent-3) h s calc( l + 70 ) );
  --r34ics--color--gainsboro:     hsl( from var(--wp--preset--color--accent-3) h s calc( l + 50 ) );
  --r34ics--color--darkgray:      var(--wp--preset--color--accent-4);
  --r34ics--color--gray:          var(--wp--preset--color--accent-1);
}

.ics-calendar-arrow-nav > .next,
.ics-calendar-arrow-nav > .prev,
.ics-calendar-arrow-nav > .today {
	cursor: pointer;
}	

	.next-icon,
	.prev-icon {
		display:    inline-block;
		visibility: hidden;
	}

		.next-icon::after {
			content: '»';
			visibility: visible;
		}

		.prev-icon::before {
			content: '«';
			visibility: visible;
		}

.ics-calendar-month-grid .off {
  background: var(--wp--preset--color--base);
}

/* Mobile */
@media screen and (max-width: 782px) {

	.ics-calendar:not(.nomobile) .ics-calendar-month-grid tr {
		display: block;
	}

}

/**
* Ref Tagger Plugin
************************************************/
.rtTooltipHeader {
  font-family: var(--wp--preset--font-family--alegreya-sans-sc) !important;
}

.rtTooltipBody {
  font-family: var(--wp--preset--font-family--century-gothic) !important;
}

.rtLight .rtTooltipHeader {
  background-color: hsl( from var(--wp--preset--color--accent-3) h s calc( l + 50 ) ) !important;
  color:            var(--wp--preset--color--accent-3) !important;
}

.rtLight .rtTooltipMoreLink {
  color: var(--wp--preset--color--accent-1) !important;
}

  .rtLight .rtTooltipMoreLink:hover {
    color: var(--wp--preset--color--accent-2) !important;
  }

/**
* Footer
************************************************/
footer, footer a, .logo-unset svg {
  fill:   var(--wp--preset--color--base);
  color:  var(--wp--preset--color--base);
}

.copyright {
  text-align: center;
  margin: auto 1em;
}