/*
Theme Name: Anagach
Theme URI: https://www.dancing-dog.co.uk/
Author: Neil Wakeling
Author URI: https://www.dancing-dog.co.uk/
Description: Custom mobile friendly theme for Anagach Woods Community Trust
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.57
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anagach
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
 a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 0px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

header{
	z-index:100;
	border-bottom:1px solid rgba(50,50,50,0.6);
    transition: top 0.25s ease-in-out;
}
header.nav-up {
    top: -155px;
}
header.nav-down{
	position: sticky;
	top:0
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:not(.wp-block-navigation-submenu .wp-block-navigation-item) {
	border-bottom: 1px solid rgba(150,150,150,0.5);
	padding-bottom:20px;
	min-width:50vw;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: #6F6F62;
	color:#fff;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a[href="#"] {
	font-weight:400;
	cursor: default;
	pointer-events: none;
	text-transform:uppercase;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a[href="#"]:after {
	display:inline-block;
	content:'';
	width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid #fff;
  margin: 0 5px 0 24px;
}

.no-padding-top-content {
	margin-top:0;
	padding-top:0;
}

.page-form form {
	background: rgba(150,50,50,0.7);
	background: #fff;
	padding:30px 80px;
	border-radius:9px;
}
label {
	font-size: 1rem;
	font-weight:300;
	
}

input, textarea, select {
	font-family: var(--wp--preset--font-family--primary);
    border-radius: 7px;
    line-height: normal;
    border: 1px solid #d2d2d2;
    background-color: #eee;
    margin: 2px 0 6px 0;
    padding: 14px 12px;
    width: 24em;
	width:96%;
    font-size:1rem;
    font-weight:300;
    outline: none;
}

input:focus, textarea:focus {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 1px 5px rgba(130, 140, 150, 0.75);
    -moz-box-shadow: 0px 1px 5px rgba(130, 140, 150, 0.75);
    box-shadow: 0px 1px 5px rgba(130, 140, 150, 0.75);
}

input[type=submit] {
    cursor: pointer;
    width: auto;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    text-decoration: none;
    font-weight: 400;
    line-height: 115%;
    text-transform: uppercase;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	border-radius: 9px;
	background-color: var(--wp--preset--color--autumn-birch) !important;
	color: var(--wp--preset--color--base) !important;
  padding-top: var(--wp--preset--spacing--20);
  padding-right: var(--wp--preset--spacing--40);
  padding-bottom: var(--wp--preset--spacing--20);
  padding-left: var(--wp--preset--spacing--40);
}
input[type=submit]:hover {
	color: rgba(255,255,255,0.6);
}

ul.no-bullets li{
	list-style-type: none;
}
ul.has-columns {
	column-count: 3;
	font-size:1rem;
}
ul.has-columns.has-two-columns {
	column-count:2;
    			padding: 0;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Shortcodes dont allow for CSS classes and have no alignment options.
*/
.alignwide .awsm-grid-wrapper{
	max-width: var(--wp--style--global--wide-size);
  }

.site-width {
	max-width:1440px;
}

.awsm-grid-wrapper .awsm-grid-card img {
	height: 100%;
  max-width: 240px !important;
}

.wp-block-cover.hero-cover-full {
	height: 100vh;
  height: calc(100vh - 109px);
}
.wp-block-cover.alignfull.hero-cover-full img, .hero-cover-full img {
display: block;
object-fit: cover;
  width: 100%;
  height: 100vh;
height: calc(100vh - 109px);
}
.wp-block-cover.alignfull.hero-cover-full .wp-block-cover__inner-container {
	width:auto;
}
.wp-block-cover.alignfull.hero-cover-full  h1{
	position:relative;
}

@media screen and (max-width:780px){
	.wp-block-cover.alignfull.hero-cover-full img, .hero-cover-full img {
		min-height:45vh;
    height: 45vh;
}
	
	.wp-block-cover.hero-cover-full{
		min-height:45vh;
    height: 45vh;
	}
}

.overlay-bottom-right .wp-block-cover__inner-container {
	width: auto;
	margin-left:auto;
	align-self: flex-end;
}
.overlay-bottom-right .wp-block-cover__inner-container p {
	padding: 0;
}
.overlay-bottom-right .wp-block-cover__inner-container a{
text-decoration: none;
	display:inline-block;
	padding: 1rem;
}

.wp-block-details.opener-restrict-width summary {
	max-width: var(--wp--style--global--content-size);
  margin-left: auto !important;
  margin-right: auto !important;
	width:auto;
	font-weight:400;
	color:#fff;
	border-radius: 9px;
  padding-top: var(--wp--preset--spacing--20);
  padding-right: var(--wp--preset--spacing--40);
  padding-bottom: var(--wp--preset--spacing--20);
  padding-left: var(--wp--preset--spacing--40);
	background-color: var(--wp--preset--color--autumn-birch)
}

/*
 * Wordpress doesnt support custom icons - yet
*/
li.linktree svg{
	display:none;
}
li.linktree a {
width:36px;
	height:36px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" width="28" height="28" viewBox="0 0 417 512.238"><path fill="%232E4732" fill-rule="nonzero" d="M171.274 344.942h74.09v167.296h-74.09V344.942zM0 173.468h126.068l-89.622-85.44 49.591-50.985 85.439 87.829V0h74.086v124.872L331 37.243l49.552 50.785-89.58 85.24H417v70.502H290.252l90.183 87.629L331 381.192 208.519 258.11 86.037 381.192l-49.591-49.591 90.218-87.631H0v-70.502z"/></svg>');
	background-repeat: no-repeat;
	background-position:  center;
}

/*
 * Complex positioning overlaying map key over background cover map
*/
.has-position-relative {
	position:relative;
}
.map-key{
  margin-top: -15vh;
  position: absolute;
  z-index:10;
  top: 35%;
  right: 0;
	padding:6px;
	border-radius:5px;
	background:rgba(33,33,33,0.25);
}
.map-key:hover{
	background:rgba(33,33,33,0.5);
}

.clickableblock {
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:0;padding:0;
	z-index:5;
}

ul.eo-events{
	padding-left:0;
}
.eo-events li{
	list-style-type:none;
}
.eo-events .event-date, .eo-events .event-end, .eo-events .event-start,  .eo-events .event-title {
	display:inline-block;
}
.eo-events .eo-event-cat-get-involved .event-date, .eo-events .eo-event-cat-get-involved .event-title {
	display:inline-block;
	margin-right:2rem
}
.eo-events .eo-event-cat-get-involved .event-date {
	font-weight:400;
	min-width:9rem;
}
.eo-events .eo-event-cat-get-involved .event-title{
	min-width:10rem;
}

/* instagram feed */
#instagram-gallery-modal-0 .instagram-gallery-modal .instagram-gallery-modal__body .instagram-gallery-modal__media-sidebar .instagram-gallery-modal__media_description {
  font-size: 16px !important;
	color: #565656 !important;
}

/* vsel events listing plugin */
#vsel .vsel-content {
  margin: 0 0 12px;
  padding: 0 0 12px;
}

.vsel-meta-cats, .vsel-meta-single-date {
	display:none !important;
}
.vsel-content h3.vsel-meta-title {
  margin: 0 0 5px;
  padding: 0;
  font-size: 1.2rem;
}
.vsel-alignleft{
	float:none !important;
	width:100% !important;
}

footer{
	margin: 0;
}

.mailchimp-signup input {
	max-width:280px;
	border-radius: 9px 0 0 9px;
}
.mailchimp-signup input[type=submit] {
	padding:16px 24px 16px 24px;
	border-radius: 0 9px 9px 0;
}

@media screen and (max-width: 1080px) {
	header .custom-logo-link img{
		max-width:200px;
	}
	header .wp-block-button a {
		padding: 10px 20px 8px !important;
	}
}

/* Change the WordPress default css to a 900px media query */
@media (min-width: 900px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
	
}

@media (max-width: 899px) {
	.wp-block-navigation__responsive-container-open svg {
 height: 32px!important;
  width: 32px!important;
}
	
	.header-menu-buttons {
		flex-direction:  row !important;
		flex-wrap:nowrap;
		align-items: center;
	}
	
	.header-buttons {
		padding:8px 0 0 0;
	}
	.header-buttons .wp-block-buttons {
		padding:0 !important;
	}
	
	header .wp-block-navigation{
		margin-left:30px;
	}
	
	header .wp-block-button a {
		padding: 8px 16px 6px !important;
	}
	
	header .custom-logo-link img{
		max-width:180px;
	}
}


@media (max-width: 780px){
	.teaser-image-right .image-container {
		order:0;
	}
	.teaser-image-right .text-container {
		order:1;
	}
	
	.teaser-image-left img, .teaser-image-right img  {
		position:relative !important;
		width:auto !important;
	}
	
	.teaser-image-left .wp-block-cover, .teaser-image-right .wp-block-cover  {
		padding: 0 !important;
		min-height: unset !important;
	}
}

@media (max-width: 640px){
	
	footer .wp-block-site-logo, footer .wp-block-site-logo a{
		width:100%;
		text-align:center;
	}
	footer .wp-block-site-logo img {
		max-width:200px
	}
	footer .wp-block-social-links{
		justify-content: space-between;
		margin:20px auto 0 auto;
	}
}

/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

@media (max-width: 520px){
	.header-buttons {
		display:none !important;
	}
	header .custom-logo-link img{
		max-width:160px;
	}
}