/*
Theme Name: Friends of Rondeau
Theme URI: 
Author: Abstract Marketing
Author URI: 
Description: 
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: friends-of-rondeau
Tags: full-site-editing
*/

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

iframe {
    display: block;
}

:where(input:not(:is([type='button'], [type='submit'])), select, textarea) {
    font: inherit
}

:where(input:not(:is([type='button'], [type='submit'])), select, textarea) {
    background-color: var(--wp--preset--color--base);
    border: 1px solid #bbb;
    border-radius: 0;
    color: var(--wp--preset--color--contrast);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 400;
    line-height: 1.5;
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
    width: 100%;
}

:where(input:focus, textarea:focus, select:focus) {
    outline: 2px solid var(--wp--preset--color--primary);
}

:where(input[type='checkbox'], input[type='image'], input[type='radio']) {
    width: auto;
}

.gform_button {
	text-transform: uppercase;
	font: inherit;
	font-weight: 600;
	letter-spacing: .033em;
	border: none;
	background: var(--wp--preset--color--contrast);
	color: #fff;
	padding: .7em 1.4em;
	cursor: pointer;
}

::placeholder {
    color: var(--wp--preset--color--contrast);
    opacity: 0.5;
}

.is-style-outline:is(:hover, :focus) .wp-block-button__link:not(.has-background) {
    background-color: rgb(0 0 0 / .1);
}

.entry-content {
    container-type: inline-size;
}

.entry-content :is(.alignleft, .alignright) {
    margin-block-end: 1em;
}

.entry-content :is(.alignleft, .alignright):first-child + * {
    margin-top: 0;
}

@container (width < 600px) {
    .entry-content .wp-block-image:is(.alignright, .alignleft) {
        float: none !important;
        margin: 0 0 1.5rem;
        width: 100%;
        text-align: center;
    }

    .entry-content .wp-block-image:is(.alignright, .alignleft) img {
        max-height: 400px;
        width: auto !important;
        display: inline-block !important;
    }
}

html,
body {
    height: 100%;
}

html:has(.admin-bar) {
    height: calc(100% - 46px);
}

@media (min-width: 782px) {
    html:has(.admin-bar) {
        height: calc(100% - 32px);
    }
}

.wp-site-blocks {
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    min-height: 100%;
}

.wp-site-blocks > * {
    margin: 0;
}

.site-header:has(.is-sticky) {
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 0 9px #0001;
}

.admin-bar .site-header:has(.is-sticky) {
    top: 40px;
}

@media (min-width: 782px) {
    .admin-bar .site-header:has(.is-sticky) {
        top: 32px;
    }
}

.has-modal-open :is(.site-header, .site-header__inner) {
	-webkit-backdrop-filter: unset !important;
	backdrop-filter: unset !important;
}

.site-header {
	background: #333;
	color: #aaa;
	z-index: 10;

	.site-header__main {
		margin-bottom: -35px !important;
	}
}

nav.site-header__nav::before {
	content: '';
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 40px;
	height: 100%;
	background: linear-gradient(
		to bottom right,
		#fff,
		#fff 50%,
		var(--wp--preset--color--primary) 50%,
		var(--wp--preset--color--primary)
	);
}

.wp-block-navigation__responsive-container-open {
	padding-inline: 20px;
}
.wp-block-navigation__responsive-container-open::before {
	content: 'Menu';
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: .033em;
}

ul.wp-block-navigation > li > button {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.wp-block-page-list {
	font-weight: bold;
	list-style: none;
	padding: 0;

	ul {
		list-style: none;
		padding: 0;
	}

	a {
		background: #eee;
		color: #777;
		display: block;
		padding: .66em 1em;
		margin-block: 4px;
	}
	
	ul li {
		list-style: '→ ';
		margin-inline-start: 1.3em;
	}

	a:hover, a:focus, .current-menu-item > a {
		background: var(--wp--preset--color--primary);
		color: #fff;
	}
}

.splide__arrow {
  border-radius: 0 !important;
}

.splide__arrow--prev {
  left: 20px !important;
}

.splide__arrow--next {
  right: 20px !important;
}

.wp-block-post-excerpt__more-link {
  font-weight: 600;
  text-transform: uppercase;
}