/* @override 
	https://icalliance.local/wp-content/themes/idyllwild-climbers-alliance/style.css */

/*
Theme Name: Idyllwild Climbers Alliance
Description: A custom theme designed especially for you.
Version: 1.0
Author: sarah @ sw33t
Author URI: https://sw33t.com
License: For use on this site only.
Requires at least: 6.8.3
Tested up to: 6.8.3
Requires PHP: 7.0
*/

/* @group reset */
*{border:0;font-size:100%;font:inherit;vertical-align:baseline;padding:0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;max-width:100%}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}pre{border:1px solid rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}blockquote{font-size:19px;font-style:italic;font-weight:300;line-height:1.2631578947;margin-bottom:24px}button,input,select,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;margin:0;max-width:100%;vertical-align:baseline}button,input{line-height:normal;margin-top:0;margin-bottom:4px}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}hr{background-color:rgba(0,0,0,0.1);border:0;height:1px;margin-bottom:23px}ol,ul,li,dl,dd{font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}table{border-collapse:collapse;border-spacing:0}em{font-style:italic}
*, *::before, *::after {
  box-sizing: border-box;}
  
*:focus:not(input):not(textarea):not(select):not(summary) {
  text-decoration: underline; }
  
a.skiptomain {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999; }
    
a.skiptomain:focus {
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 0 35%;
    padding: 25px;
		outline: 3px solid red;
    text-align: center;
    z-index: 999;
		color: #fff;
		font-size: 1.4em;
		background: #000; }
		
a.skiptoaccess {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999; }
    
a.skiptoaccess:focus {
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 0 35%;
    padding: 5px;
    outline: 3px solid #e90a8a;
    text-align: center;
    z-index: 999;
    color: #fff;
    font-size: 1.4em;
    background: #000; }

/* @end */

html {
	--thumbBG: #777;
	--scrollbarBG: #111;
	--scrollbarW: 14px; }
	
body::-webkit-scrollbar {
  width: var(--scrollbarW); }
  
body {
  scrollbar-width: var(--scrollbarW);
  scrollbar-color: var(--thumbBG) var(--scrollbarBG); }
  
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG); }
  
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG); }
  
/* @group layout */
  
body {
  color: #000;
	display: flex;
  flex-direction: column;
  min-height: 100vh; }

.main {
  flex-grow: 1; }

footer {
  width: 100%; }

header {
  width: 100%;
  position: relative;
  z-index: 10;
  background-color: #eeecea;
  margin: 0;
  padding: 0; }

.flex {
    display: flex;
		flex-wrap: wrap;
    justify-content: flex-start; }

@media screen and (max-width: 750px) {
    .flex {
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;    }}

a {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;}
    
/* @end */
/* @group blocks-gallery */

.blocks-gallery-grid .blocks-gallery-item figure figcaption {
  /* for blocks */
  font-size: .8em;
  line-height: 1.2em;
  font-style: italic;
  margin: 0; }

/* @end */
/* @group content */

.main {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;}
    
.main > *:not(#modal-container):not(.section):not(.breadcrumbs):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(.alignwide):not(.wide):not(ul.page-numbers):not(.bottom_nav):not(.splide) {
	max-width: var(--wp--style--global--content-size);
	width: 92%;
  margin-left: auto;
  margin-right: auto; }
	
.content,
.nextnav,
.wp-block-columns:not(.alignwide) .wp-block-group__inner-container {
  width: 92%;
  max-width: var(--wp--style--global--content-size);
  padding: 0;
  margin: 0 auto;
  position: relative;}

.alignwide {
	width: 92%;
	max-width: var(--wp--style--global--wide-size);
	margin-right: auto;
	margin-left: auto; }

.content.full {
  width: 100%;
  padding: 0;
  margin: 0 auto;}

header .content.full {
  max-width: 1200px;
  width: 94%;
  margin: 0 auto;
  padding: 1.8em 0;
  display: flex;
  align-items: center;
	justify-content: space-between; }

.content.intro {
  width: 40%;
  min-width: 450px;
  text-align: center;
  z-index: 2;}


/*  min-height: 345px; */
@media screen and (max-width: 750px) {
  .content.intro {
    width: 90%;
    margin: 0 auto;
    min-width: auto;    }}

.intro ul {
  text-align: left;}

.fade {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%); }

@media screen and (max-width: 680px) {
    .fade { } }

/* @end */
/* @group Logo/Header */

.logo {
  flex: 0 1 auto;
  min-width: 34px;
  position: relative;
  z-index: 100 !important;}

.logo img {
  display: block;
  width: 100%;
  max-width: 292px;
  height: auto;}

.main .content img {
    max-width: 100%;
    height: auto;}

/* @end */
/* @group Special Notice */

.special_notice {
  margin: 0;
  text-align: center;
  padding-top: 11px;
  padding-bottom: 14px;}

.special_notice h6 {
  margin: 0;
  padding: 5px 0 0;}

.special_notice p {
	font-size: .9rem;
  margin: 0;
  padding: 0;}
  
.special_notice a:link,
.special_notice a:visited { }
	
.special_notice a:hover { }

/* @end */
/* @group Breadcrumbs */

.breadcrumbs {
	margin-top: 6em;
	margin-bottom: -3em; }

.breadcrumbs nav {
	padding: 1px 0 5px;
	margin: 0 auto; }
	
ol.breadcrumb li {
	padding-left: 3px; }

ol.breadcrumb li.active {
	font-weight: 700; }

ol.breadcrumb {
	font-size: 1rem;
	margin: 1em auto;
	padding: 0;
	text-align: center; }
    
/* @end */
/* @group Next Nav - Single */

.nextnav {
  display: flex;
  justify-content: space-between;}

.navleft, 
.navright {
    flex: 50%; }

.navleft {}

.navright {
    text-align: right;}

.nextnav a:link, 
.nextnav a:visited {
    font-weight: 700;
    text-decoration: none;}

.nextnav em {
    display: block;
    font-style: normal;
    text-transform: uppercase;
    font-size: .8rem;
    line-height: 1.4rem;
    color: #888;}

.nextnav a:hover {
    color: #888;}

.nextnav p {
    /*single.php*/
    font-size: 2em;
    line-height: 1.2em;
    margin: 1em 0 1.3em 0;}

.nextnav p.button {
    /*index.php*/
    position: relative;
    margin: 1em 0;}

.nextnav .navleft p a:hover {
  color: #888;}

@media screen and (max-width: 580px) {
    .navleft, .navright {
        width: 98%;
        font-size: .9em;    }
}


/* @end */
/* @group PAGE NUMBERS */

ul.page-numbers,
.bottom_nav {
	background: #fff; }

ul.page-numbers {
	font-size: 1.5em;
	line-height: 1.5em;
	list-style: none;
	margin: 50px 0;
	padding: 0;
	display: flex;
	flex-flow: row;
	justify-content: center; }

ul.page-numbers li {
  flex: 0 0 auto;
  margin: 5px 1px;
	padding: 0; }

ul.page-numbers li span.dots {
  margin: 10px 7px 0;
  display: inline-block; }

ul.page-numbers li span.current, 
ul.page-numbers li a {
	padding: 5px 14px 4px;
	display: block;
  color: #fff;
  background: #1b3d60;
	margin: 0 2px; }

ul.page-numbers li a:link, 
ul.page-numbers li a:visited {
  background: #eeebe9;
  color: #333;
  text-decoration: none; }

ul.page-numbers li a:hover {
  background: #34583e;
	color: #fff; }

@media screen and (max-width: 580px) {
	
	ul.page-numbers li span.dots,
	ul.page-numbers li span.current,
  ul.page-numbers li a:not(.prev, .next) {
      display: none; }

  ul.page-numbers li {
      flex: 1 0 auto;
      margin: 5px 0; }

  ul.page-numbers li a.next {
      text-align: right; }
}

/* @end */
/* @group page links */

.nextnav.page_links p.button a, 
.nextnav.article_links p.button a {
    color: #333;
    padding: 0;
    font-weight: 600;
    margin: 1em 0;
    text-decoration: none;
    background: none;
    box-shadow: none;
    width: 100%;}

.nextnav.page_links p.button a:hover, 
.nextnav.article_links p.button a:hover {
    color: #777;}

.nextnav.page_links p.button a, 
.nextnav.article_links p.button a {
    line-height: 1.3em;
    padding-top: 0;
    width: 100%;}

@media screen and (max-width: 680px) {
  .nextnav.page_links p.button a,
  .nextnav.article_links p.button a {
      margin-top: 3%;    }

  .nextnav.article_links p.button {
      font-size: 1.4em;
      line-height: 1.3em;    }
}

.nextnav.page_numbers {
    text-align: center;}

.nextnav.page_numbers .dots {
    margin-right: 7px;}

.nextnav.page_numbers p.button {
    font-size: 1.4em;
    padding: 0;
    line-height: 1.0em;
    margin: 1.5em 0 .5em;
    width: 100%;}

.nextnav.page_numbers .page-numbers.current {
    padding: 12px 20px 12px;
    margin-right: 1%;
    color: #fff;
    background: #3e454a;}

.nextnav.page_numbers p a:link, .nextnav.page_numbers p a:visited {
    color: #fff;
    padding: 15px 20px;
    margin-right: 1%;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;}

.nextnav.page_numbers p a:hover {
    color: #fff;}

/* @end */
/* @group Blog Articles */
	
/* @group Image Masonry */

.masonry-container {
	width: 96% !important;
	max-width: 900px !important;
	padding-top: 20px;}

article,
.grid-sizer,
article.post {
	width: 48%;
	margin: 1%; }
	
		@media screen and (max-width: 736px) {

		.grid-sizer, 
		article,
		article.post {
			width: 98% !important;
			margin: 2em 0 0 !important;	}}
	
article {
	background: #eeebe9;}

article.post .photo {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%; }
	
article.post .photo img { 
	width: 100%;
	max-width: 100%;
	height: auto; }
	
article.sticky {
	background: rgba(144, 172, 196, 0.3);}

article .text {
  flex: 1 1 auto;
	margin: 0;
	padding: 2em 2.5em;}

article h3 {
  margin: .3em 0 0;
  padding: 0;}

article h3 a:link,
article h3 a:visited {
  text-decoration: none;}
  
article h3 a:hover {
	text-decoration: underline; }

article p {
  margin: .5em 0 1em;
  padding: 0;}

article p.continue a {
  font-size: .9em;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 2px solid;
  padding-bottom: 1px;}

p.read-more {
    text-transform: uppercase;
    font-size: .8em;
    margin: -10px 0px 0px;
    padding: 0;}

p.read-more a {
    color: #666;}

p.byline {
    color: #777;
    font-size: 1.5em;
    margin: .3em 0 .1em;}

p.byline.topics {
    margin: .1em 0 .1em;}

/*single*/

body.single article.post {
	display: flex;
	max-width:  var(--wp--style--global--wide-size) !important;
	margin: 4em 0;
	background: none; }

body.single article .text {
  flex: 1 1 60%;
	margin: 0;
	padding: 0 3em 1em 0;}	
	
body.single article.post .photo img { 
	width: 100%;
	height: auto; }
	
body.single article.post .photo {
	flex: 0 1 40%;
	order: 2;
	margin: 10px;
	padding: 0;
	width: auto; }
	
.logos_only {
	display: flex;
	align-items: flex-end; }
	
.logos_only article {
	flex: 0 1 50%;
	padding: 2%;
	flex-direction: column;
	justify-content: center;
	text-align: center; }

/* @end */
/* @end */
/* @group Footer + Nav */

footer {
  color: #fff;
  padding: 4em 0 9em;}

footer .content {
	max-width: var(--wp--style--global--wide-size);	}

footer ul.footer_menu {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 1.3em 0 2em;
	padding-left: 0;
	padding-right: 0;
	gap: 1em; }
	
footer ul.footer_menu li {
	margin: 0;
	padding: 1px 0; }

footer ul li a {
	text-decoration: underline;
	color: #fff; } 
	
footer ul li a:visited {
  text-decoration: underline;
  color: #fff !important;}

footer ul li a:hover {
	text-decoration: underline;
  color: #ccc !important;}

footer .content > p {
	font-size: 1.5em;
	line-height: 1.4em;
	margin: 8px 0; }
	
footer p.copyright {
	font-size: .8rem;
	color: #ccc;
	margin-top: 14px; }

footer p.credit {
  font-size: 1.2em;
	line-height: 1.6em;
	color: rgba(255, 255, 255, 0.5);}

footer p.credit a:link, 
footer p.credit a:visited {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;}

footer p.credit a:hover {
  color: rgba(255, 255, 255, 1);
	text-decoration: underline; }

@media screen and (max-width: 580px) {
  footer .column {
      width: 90%;
      margin: 0 auto;    }}

/* @end */
/* @group Footer Background Widget */

footer {
	position: relative; }

footer .wp-block-image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	background-color: #000;
	overflow: hidden; }

footer .wp-block-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover; 
	opacity: .5; }
	
/* @end */
/* @group Gravity Forms */

.gform_required_legend {
	display: none;
	font-size: 1.9em;
	line-height: 1.0em;
	margin: .2em 0; }
  
.gform_wrapper input::placeholder {  
	opacity: 0.5;}
	
.gform_wrapper .gform_fields {
	grid-row-gap: 21px !important;}
	
	.boxzilla .gform_wrapper .gform_fields {
		grid-row-gap: 11px !important;}
	
.gform_wrapper label,
.gform_wrapper legend,
.gform_wrapper input,
.gform_wrapper textarea {
	font-size: 1.7em !important;
	line-height: 1.4em !important;	 }
	
	.gform_wrapper input {
		padding-top: 7px !important;
		padding-bottom: 10px !important;	}
	
.gform-theme--framework .gfield_description,
.gform-field-label--type-sub {
	font-size: 1.7em !important; }
	
.gform_confirmation_message {
  font-size: 2em;
  border: none !important;
  background: none !important;
	margin-top: 2em; }
  
.gform_wrapper {
	margin-top: 0;
	padding: 1em 0 4.5em;}
	
	.boxzilla .gform_wrapper {
		font-size: .85em;
		padding: 1px 0 0;}

.gform_wrapper > * {
	margin: 0 auto !important;
	max-width: 100% !important; }
	
.gform_wrapper input {
	border-radius: 0 !important; }

.gform_wrapper > .gform_heading {
	text-align: center;
	padding-bottom: 1em; }

/*  @end*/	

.post-password-form input {
	width: auto !important;
  appearance: none;
  background-color: #fff;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
	border: 1px solid #c4c4c4;
	color: #555; 
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  padding: 6px 9px 8px !important;
  margin: 0 !important;}

/* @group Block: Image */

figure {
	margin-top: 2em;
	margin-bottom: 2em; }
	
.wp-block-columns 	.wp-block-image {
	padding: 0;
	margin: 0; 	}


/* @end */
/* @group Block: Media/Text */
	
.wp-block-media-text {
	row-gap: 5em; }

.wp-block-media-text .wp-block-media-text__content {
	padding-top: 5em;
	padding-bottom: 5em;}
	
	
@media (max-width: 800px) {
	
	.wp-block-media-text {
	row-gap: .5em;}
	
	.wp-block-media-text.alignfull.has-media-on-the-right,
	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100% !important  	}
	
	.wp-block-media-text.alignfull:not(.is-image-fill) figure, .wp-block-media-text.alignfull .wp-block-media-text__content {
		max-width: 100%; 	}

	/*line up with padding*/
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 2em 2em .5em;
		width: 100%;
		justify-self: center;
		grid-column: 1;
		grid-row: 2 !important;  }
	
	.wp-block-media-text.is-image-fill-element.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 1em 2em;
		justify-self: center;	}
		
	/*media*/
	
	.wp-block-media-text.is-stacked-on-mobile:not(.is-image-fill-element) .wp-block-media-text__media,
	.wp-block-media-text.has-media-on-the-right figure.wp-block-media-text__media {
		-ms-grid-column:1;
		grid-column:1;
		-ms-grid-row:1;
		grid-row:1;
		padding: 0;
		justify-self: start !important; }
		
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1; }
		
		
	/*not imagefill*/
			
	.wp-block-media-text.alignfull:not(.is-image-fill-element) figure,
	.wp-block-media-text.alignfull:not(.is-image-fill-element) .wp-block-media-text__content {
		max-width: 100%; }
			
	/*imagefill*/
		
	.wp-block-media-text.alignfull.is-image-fill-element figure {
		max-width: 100%;
		padding: 0 4% 1.5em 0; }
		
	.wp-block-media-text.alignfull.is-image-fill-element .wp-block-media-text__content {
		max-width: 100%;
		padding: 1em 4% 2em; }
			
	.wp-block-media-text.is-image-fill-element .wp-block-media-text__media {
		min-height: 300px;
		width: 100%; 	}

}

/* @end */

iframe {
	width: 97%;
	display: block;
	margin: 0 auto 4em !important;
	max-width: 980px !important; }

/* @group Block: Video */

.wp-block-embed {
	margin: 6em auto; }

.wp-block-embed iframe {
  max-width: 100%;
  height: auto; }

/* @end */
/* @group Block: Pullquote */

.wp-block-pullquote {
	font-size: 1rem;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 2em;
	padding-top: 2.5em; }

.wp-block-pullquote blockquote {
	font-size: 1rem;
	font-weight: normal;
	font-style: normal; }

.wp-block-pullquote blockquote p {
	font-size: 1.1rem;
	line-height: 1.8rem; }

.wp-block-pullquote blockquote p strong {
	color: #1c45a2;
	font-size: 1.3rem;
	line-height: 1.5rem;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px; }

.wp-block-pullquote blockquote cite {
	font-size: .8rem;
	text-transform: uppercase; }

.wp-block-pullquote blockquote cite a {
	text-decoration: none;
	color: #333; }

.wp-block-pullquote blockquote cite a:hover {
	text-decoration: underline; }

/* @end */
/* @group Jetpack Slideshow */

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure {
    display: block; }
    
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_image {
    margin: 0 auto; }

/* @end */
/* @group Back to Top Button */

#top_button {
	border: none;
	border-bottom: 8px solid #111; /*dark*/
	border-right: 8px solid #555; /*light*/
	opacity: .7;
	
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  outline: none;
  cursor: pointer; 
	transition: all .3s;
	background: none;
  height: 20px;
  width: 20px;
  transform: rotate(-135deg); }

#top_button:hover {
	opacity: 1; }

/* @end */
/* @group Navigation */

.tester {
	color: #fc4b1d; 	}

:root {
  --nav_link: #1D3F62; 
  --nav_hover: #35593f;
	
	--dropdown_link: #444; 
  --dropdown_background: #eeebe9;
	--dropdown_background_current: #eeebe9;
	
	 --dropdown_background_hover: #eeebe9;
   --dropdown_link_hover: #35593f;
	
	--last_color_text: #777;
	--last_color_text_hover: #333;
	--last_color_bg: #ccc;
	--last_color_bg_hover: #eee;
	
	 color: var(--nav_link);
}  
  
/*#access li.menu-item-has-children > a:after {
	content: "";
  background: url('images/arrow.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 0.2em;
  padding-right: 0.6em; }

#access ul li.menu-item-has-children ul li a:after {
  content: "";
  font-family: FontAwesome;}*/

#access #toggle-bar,
#access button {
  display: none; }

#access {
  flex: 1 1 auto;
  flex-direction: row;}

ul.nav-menu {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
	flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  width: 100%;
  padding: 0;
  font-size: 1em;
	gap: 9px; }

ul.nav-menu li {
	font-variation-settings: "wght" 700;
  font-size: 1.7em;
  line-height: 1em;
  margin: 0 0 0 6px;
  padding: 0;
  position: relative; }

ul.nav-menu li a:link, 
ul.nav-menu li a:visited  {
  color: var(--nav_link);
  display: block;
  padding: 12px 1px 14px;
  text-decoration: none;
  margin: 0;
	border: 1px solid transparent; }

ul.nav-menu li.current-menu-item > a, 
ul.nav-menu li.current_page_parent > a, 
#access ul li.current-menu-parent > a, 
ul.nav-menu li.current-menu-parent ul.sub-menu li.current_page_item a, 
ul.nav-menu li.current-menu-parent ul.sub-menu li.current-menu-item a,
body.single-events li.menu-item-object-events a:link,
body.single-events li.menu-item-object-events a:visited,
body.tax-event_type li.menu-item-object-events a {
  color: var(--nav_hover);
  text-decoration: underline; }
  
ul.nav-menu li:hover > a, 
ul.nav-menu ul:hover > a, 
ul.nav-menu a:focus {
  color: var(--nav_hover);
	text-decoration: underline; } 

#access ul li.current-menu-parent ul.sub-menu li.current-menu-item a {
  color: var(--nav_hover);
	background: var(--dropdown_background_current);
	text-decoration: underline; }

#access ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  margin: 0;
  padding: 0 0 5px;
  position: absolute;
  line-height: .9em;
  top: 42px;
  list-style: none;
  left: 0;
  width: 188px;
  opacity: 0;
  visibility: hidden;
	display: none;
  transition: opacity .2s ease-in-out .2s;
	background: var(--dropdown_background);}

#access ul ul li {
  margin: 0; }

#access ul ul a {
  font-size: 1rem;
	line-height: 1rem;
  height: auto;
  padding: 11px 12px 11px 15px;
  width: 188px;
  margin: 0;
  text-align: left; }

#access ul ul a:hover {
  background: var(--dropdown_background_hover);
  color: var(--dropdown_link_hover);
  text-decoration: underline; }

#access ul li:hover > ul,
#access ul li:focus-within > ul {
  display: block;
  opacity: 1;
  visibility: visible; }
  
/* @end */

@media screen and (max-width: 1200px) {

	nav#access {
		min-width: 100px;
		height: 80px;
		flex: 1 0 auto;
  	display: flex;
		flex-flow: row wrap;
		align-content: center;
		align-items: center;
  	justify-content: flex-end; }
		
	nav#access a {
	  transition: none .3s;	}

  header .content.full {
    padding: .1em 0;
    margin: 0 auto;
    width: 96%;    }

  header .logo {
    flex: 0 1 auto;
    width: 75%;
    max-width: 400px;
    margin-top: 1em;
    margin-bottom: 1em;
		padding-right: 20px; 	}

  header .logo a {
    text-align: left;
    margin: 0 !important; }

 	#access #toggle-bar,
	#access button {
    display: inline-block;
    z-index: 1000; 	}
			
	ul.nav-menu { display: none; }

  nav#access ul.responsive {
		display: block;
		position: absolute;
		left: 0;
    margin: 0;
    background: var(--dropdown_background);
		border-bottom: 3px solid #e0dad4;
    width: 100%;
    flex-direction: column;
		top: 82px;
		padding-bottom: 10px;	}
		
  #access ul.nav-menu li {
    display: none; }

  #access ul.responsive li {
    margin: 0;
    font-size: 1.7em;
		line-height: 1.7em;
    z-index: 100;
    position: relative;
    display: block;
    width: 100%; }

  #access ul.responsive li a {
		background: var(--dropdown_background);
    display: block;
    width: auto;
    text-align: left;
    padding: 10px 5px 10px 16px;
    margin: 0;
    background-color: none; }

  #access ul.responsive ul {
    box-shadow: none;
    padding-bottom: 0;
    display: block; 	}

  #access ul.responsive ul li a {
    background: var(--dropdown_background);
		font-variation-settings: "wght" 450;
    height: auto; }
		
ul.nav-menu li.current-menu-item > a, 
ul.nav-menu li.current_page_parent > a, 
#access ul li.current-menu-parent > a, 
ul.nav-menu li.current-menu-parent ul.sub-menu li.current_page_item a, 
ul.nav-menu li.current-menu-parent ul.sub-menu li.current-menu-item a {
	background: var(--dropdown_background_current);	}
	
	#access ul li.current-menu-parent > a {
		text-decoration: none;
	}

  #access ul ul a:hover {
    background: none;
    color: var(--dropdown_link_hover) !important;  }
		
  #access ul.responsive li ul.sub-menu li a {
    border: none;
    font-size: 1rem;
		line-height: 1rem; 
    margin: 0 0 0 0px;
    padding: 6px 0 13px 32px;
    font-weight: normal; }

  #access ul.responsive ul {
    top: 0;
    width: 100%;
    float: none;
    margin: 0;
    position: relative;
    line-height: .9em;
    top: auto;
    list-style: none;
    left: auto;
    width: auto;
    z-index: 9999999;
    opacity: 1;
    visibility: visible; }
		
		
#access button {
	color: var(--wp--preset--color--secondary);
  padding: 12px 40px 12px 0;
	font-size: 1.7em !important;
	line-height: 1rem !important;
	font-variation-settings: "wght" 800;
  background: url(images/navicon.svg) right center no-repeat;
	background-size: 30px 16px;
	border: none;
	text-transform: uppercase;
	margin: 0;}

#access button:hover,
#access button:focus {
	color: var(--nav_hover); }

  #access ul ul li a, 
  #access ul li ul li:last-child a {
    font-size: 1em;
    width: 100%;    }
		
/* @group Pull a word out */	

#access ul.nav-menu {
	width: auto;
	order: -1; }

#access ul.nav-menu:not(.responsive) > li:last-child {
	display: inline-block;
	font-size: 1rem;
	line-height: 1rem;
	margin-right: 10px; }
	
/*#access ul:not(.responsive) > li:last-child a:link, 
#access ul:not(.responsive) > li:last-child a:visited {
	margin: 0;
	padding: 0; }*/
	
#access ul.responsive > li:last-child a:link, 
#access ul.responsive > li:last-child a:visited {
	font-weight: normal; }
/* @end */


}


@media screen and (max-width: 520px) {
	
	#access #toggle-bar {
		top: 56px;   }
	header .logo {
	  -webkit-flex: 1 1 auto;
	  flex: 1 1 auto;
	  width: 100%;
	  max-width: 1000px;
	  margin-top: 1em;
	  margin-bottom: 1em;
		text-align: center; }
}