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

:root {
  --headline_font: 'Inter', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --body_font: 'Inter', system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* @group Typography */

body,
button,
input,
select,
textarea,
blockquote {
 	font-family: var(--body_font);
 	color: var(--wp--preset--color--primary);
 	font-variation-settings: "wght" 300;
 	font-size: .62rem; }

h1, h2, h3, h4, h5, h6 {
	font-family:  var(--headline_font);
	color: var(--wp--preset--color--secondary);
	font-weight: normal;
	font-variation-settings: "wght" 700; }
	
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
	font-weight: normal;
	font-variation-settings: "wght" 700;
  color: var(--wp--preset--color--secondary); }
	
.wp-block-group + .wp-block-heading {
	margin-top: 2em; }

h1 {
  font-size: 2.4em;
  line-height: 1.2em;
  margin: .8em 0 .2em 0; }

.main > h1.wp-block-heading:first-of-type  {
	font-size: 2.8em;
	line-height: 1.2em;
	position: relative;
	margin-top: 2.2em;
	margin-bottom: 2em;
	color: #34583e; }
  
h6 + h1 {
	margin-top: -.5em;}

h2 {
  font-size: 2.3em;
  line-height: 1.1em;
  margin: 1.3em 0 .1em 0; }
  
  /* homepage columns*/
  .wp-block-columns h2 + p {
		margin-top: .7em !important; 	}

		
/*	.main > h2 strong {
		position: relative;
		color: red; }
		
	.editor-styles-wrapper h2 strong {
		position: relative;	}
		
	h2 strong:after  {
		content: "";
		position: absolute;
		top: 88%;
		height: 3px;
		width: 100%;
		left: 0;
		margin: 0 auto;
		background-color: rgb(245, 37, 37);
		transition: 0.5s ease all .3s; 	}*/

  article h2 {
		font-size: 2.6em;
		line-height: 1em;
		margin-top: 10px; }
	
	article.post h2 a {
		text-decoration: none; }
		
	article.post h2 a:hover {
		text-decoration: underline; }

h3 {
  font-size: 2.2em;
  line-height: 1.1em;
  margin: 1.3em 0 .1em 0;}


h4 {
  font-size: 2.1em;
  line-height: 1.2em;
  margin: 1.3em 0 1.2em 0; }
  
  /*donate box*/
  .wp-block-group h4 {
		font-size: 2.5em;
		line-height: 1.2em;
  	margin: 1.3em 0 .2em 0; 	}
  
  .wp-block-group h4 + p {
		margin-top: .3em !important; 	}

h5 {
  font-size: 1.8em;
  line-height: 1.1em;
  margin: 1.2em 0 .4em 0;
	color: var(--wp--preset--color--accent); }

h6 {
	font-weight: normal;
  text-transform: uppercase;
  font-size: 1.8em;
  line-height: 1.1em;
  margin: 1.3em 0em;
	font-variation-settings: "wght" 860;
	letter-spacing: .5px;
	word-spacing: 1px;}

	.wp-block-cover h6 {
		font-size: 2em !important;
		color: #c7e3ff;
		text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);	}
		
	.wp-block-cover p {
		font-size: 1.8em;
		line-height: 1.6em;
		font-variation-settings: "wght" 560;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
		margin: 13px 0;
		padding: 0;	}
		

/* @group cover */

.wp-block-cover.is-position-top-left .wp-block-cover__inner-container {
	margin-top: 4% !important; }
	
.wp-block-cover .wp-block-cover__inner-container > * {
	padding-right: 15px;
	padding-left: 15px; }
	
@media screen and (max-width: 1000px) {
	
	.wp-block-cover {
		min-height: 60vw !important;	}
		
	.wp-block-cover.is-position-top-left
	.wp-block-cover__inner-container {
		margin: 1% auto 0 !important; 	}
	
	.wp-block-cover.is-position-top-left img  {
		width: 100% !important;
		height: auto;
		transform: scale(1.4);		}
}

@media screen and (max-width: 740px) {
	
	.wp-block-cover.is-position-top-left {
		padding-bottom: 60vw; }
		
 .wp-block-cover.is-position-top-left .wp-block-cover__image-background {
		left: -9% !important;
		top: 11vw !important;
 		bottom: auto !important;
 		object-fit: none !important; }
}
	
@media screen and (max-width: 600px) {
	.wp-block-cover.is-position-top-left {
		height: auto;
		background-color: #366fbf; 	}
		
	 .wp-block-cover.is-position-top-left 
	 .wp-block-cover__image-background {
		left: -9% !important;
		top: auto !important;
 		bottom: 0 !important;
 		object-fit: none !important;  }
}



		


/* @end */

img {
  border: 0;
	max-width: 100%;
	height: auto;}
	
button, input, textarea, select {
  font-size: 1.6em;
  line-height: 1.5em; }
  
	.acf-input input {
		font-size: .6em; }
	
	ul.acf-radio-list li, 
	ul.acf-checkbox-list li {
		font-size: .6em; }

p, blockquote, pre {
  font-size: 1.7em;
  line-height: 1.5em;
  margin: 1.1em 0em; }
  
p + .wp-block-group  {
 	margin-top: 5em; }

ol, ul, dl, table {
  font-size: 1.8em;
  line-height: 1.5em;
  margin: 1.2em 0em 1.2em 0em; }
  
sup {
	vertical-align: super;
	font-size: .7rem;
	line-height: .7rem; }
  
figcaption {
	text-align: center;
  font-size: 1.4em;
  line-height: 1.4em;
  margin: .2em 0 .2em 0; }

ol, ul, dl, table {
  line-height: 1.3em;
  padding-left: 2.2em; }

ul > li, 
ol > li {
	font-size: 1em;
	line-height: 1.6em;
	margin: 0;
	padding: 4px 0;}

ul > li > ul, 
ol > li > ol {
	margin: 0; }

ul > li > ul > li, 
ol > li > ol > li {
	font-size: 1.1rem;
	line-height: 1.9rem;
	margin: 0;}

s,del	{
	text-decoration: line-through; }
	
strong, b {
	font-weight: normal;
	font-variation-settings: "wght" 700; }
 
.small {
	font-size: .7rem; }

/* @end */

/* @group blockquote */

blockquote {
	font-size: 1em;
	line-height: 1em;
	position: relative;
	font-weight: normal;
	font-style: normal;
	overflow: hidden;
	margin: 0; }
	
blockquote p {
	font-family:  var(--headline_font);
	font-size: 2.3em;
	line-height: 1.4em;
/*	width: 92%;
	max-width: 800px;
	margin: 0 auto; */
}
	
blockquote cite {
	font-size: 1rem;}	

/*blockquote > * {
	z-index: 2 !important;
	position: relative; }

blockquote:before {
	content: 'SUMMIT';
	font-variation-settings: "slnt" 94, "wdth" 1, "wght" 1;
	font-size: 234pt;
	line-height: 1em;
	color: #fff;
  width: 100%;
  height: 250px;
  display: block;
  position: absolute;
	top: calc(50% - 125px);
  left: 0;
  z-index: 0; }
  
  @media screen and (max-width: 880px) {
		blockquote:before {
			font-size: 150pt;
		  height: 156px;
			top: calc(50% - 105px); }}
			
	 @media screen and (max-width: 600px) {
		blockquote:before {
			font-size: 100pt;
		  height: 106px;
			top: calc(50% - 145px); }}*/

/*blockquote:after {
	content: '';
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background : linear-gradient(0deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.56) 54.9%, rgba(255, 255, 255, 0) 100%);*/

/*blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}*/

/* @end */

/* @group Jetpack Slideshow */

.wp-block-jetpack-slideshow {
	margin-top: 3em;
	margin-bottom: 6em !important; }

/*.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure {
    display: block; }
    
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_image {
    margin: 0 auto; }*/
    
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption.gallery-caption {
		font-size: .9rem; }

/* @end */









/* @group Details Block */

details.wp-block-details {
	margin: 0 auto;
	padding: 13px 0 15px;
	transition: all 0.5s ease-in-out; 
	border-bottom: 1.5px solid var(--wp--preset--color--accent); }

details > summary {
	/*title*/
	font-size: 2.2em;
  line-height: 1.3em;
	font-variation-settings: "wght" 700;
	color: var(--wp--preset--color--secondary);
  margin: 0;
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
	padding: 0 24px; }
	
/*match these to line up margins*/
details > summary {
	padding-left: 6px; }
	
.wp-block-details > :where( :not( summary ) ) {
	margin-left: 7px;
	margin-right: 7px; }

.wp-block-details p {
	transition: all 0.5s ease-in-out; }

.wp-block-details summary,
details.wp-block-details {
	background: none !important; }
	
details summary { 
  cursor: pointer; }

/* @end */

/* @group Block File */

.wp-block-file {
	font-variation-settings: "wght" 600;
	text-align: left;
	margin: 1.5em 0 2.5em;
	font-size: 1.8em !important;
	line-height: 1.4em; 
  padding: 0px; }

.wp-block-file a {
	text-decoration: none;
	display: table; }

.wp-block-file .wp-block-file__button {
	font-size: .9rem;
	line-height: 1rem;
	padding: 8px 16px 9px;
  border-radius: 0;
	background: var(--wp--preset--color--secondary);
	border: none;
  color: #fff;
	margin: 8px 0; }  
 
/* @end */
/* @group Buttons */

.wp-block-buttons {
	gap: .8em; }	
	
.wp-block-button {
	font-family:  var(--headline_font);
	font-variation-settings: "wght" 600; 	}

.wp-block-button.is-style-button-alternate > .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.is-style-button-alternate > .wp-block-button__link {
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--white) !important;
	background: none;
	border-width: 2px; }
	
.wp-block-button.is-style-button-alternate a:hover {
	color: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--black);
	background: var(--wp--preset--color--green); }

/*default*/
/*.editor-styles-wrapper .wp-block-button.is-style-default > .wp-block-button__link {
	color: var(--wp--preset--color--black);
	border: 2px solid var(--wp--preset--color--gray);
	background: transparent; }*/
  
/* @end */

/* @group Gravity Forms Button */

/*see functions.php for sizing*/

.gform-theme.gform-theme--framework.gform_wrapper .button {
	color: var(--wp--preset--color--white) !important;
	border-color: var(--wp--preset--color--black) !important;
	background: var(--wp--preset--color--accent) !important; }
	
.gform-theme.gform-theme--framework.gform_wrapper .button:hover {
	color: var(--wp--preset--color--white) !important;
	border-color: var(--wp--preset--color--accent) !important;
	background: var(--wp--preset--color--black) !important; }

.gform_wrapper .gform_footer input[type="submit"] {
	color: var(--wp--preset--color--white) !important;
	border: none;
	background: var(--wp--preset--color--button) !important;
	border-radius: 0 !important;
	font-size: 1.6em !important;
	font-weight: 400 !important;
	line-height: 1.6em !important;
	padding: 3px 16px 5px !important; }
	
.gform_wrapper .gform_footer input[type="submit"]:hover {
	background-color: var(--wp--preset--color--button-alt) !important; }
	

/* @end */

/* @group Search */

.wp-block-search {
  font-size: 1rem; }
  
.wp-block-search .wp-block-search__label {
  text-align: left !important;
	margin: 0 !important;
  font-style: normal; }
  
 #searchform.searchform {
	margin-top: 2em;
	margin-bottom: 4em; }

#searchform.searchform label {
  display: none;}

#searchform.searchform input {
	font-size: 1rem !important;
	line-height: 1.8em !important;
  background: linear-gradient(to right, white 0%, #f8f8f8 100%) #fff;
	border-radius: 0 !important;
  border: 1px solid #333;
  display: inline-block;
  vertical-align: top;
  padding: 3px 10px 4px 15px; }

#searchform.searchform input#searchsubmit {
  border: none;
	margin-top: 0px !important;
	border-radius: 0 !important;
 	padding: 11px 17px 9px !important;}

#searchform.searchform input#searchsubmit:hover {
  background: #666 !important; }

#searchform.searchform input:focus, 
#searchform.searchform textarea:focus {
  background: #fff !important;
	border: 1px solid #1c3e61;
  color: #222;
  outline: none; }

#searchform.searchform input#searchsubmit,
.wp-block-search .wp-block-search__button {
  width: auto !important;
	margin: 0 !important;
	border: none;
	border-radius: 0px !important;
  color: #fff;
  background: #1c3e61 !important;
	padding: 5px 18px 7px !important; 
	line-height: 1.6em !important;	 }

/* @end */

/* @group Non-Block Buttons */
	
/*ul.categories {
	font-size: .9rem;
	line-height: 1.2rem;
	list-style: none;
	margin: 1em auto 3em;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;	}
	
ul.categories li a {
	border: 1px solid #333; }
	
ul.categories li a {
	display: block;
	text-align: center;
	border-radius: 20px;
	padding: 6px 10px 5px;
	text-decoration: none;	}

ul.categories li {
	flex: 0 1 auto;
	margin: 10px 3px;
	padding: 0;
	display: block;	}
	
ul.categories li a:hover,
ul.categories li.current-cat a {
	color: #000;
	border-color: #148678;
	background: #4cefda !important; }
	
p.button a:link, 
p.button a:visited {
	padding: 7px 17px 10px;
	border-radius: 25px;
  color: #fff;
  text-decoration: none;
  margin: 0;
  display: inline-block;
  background: #000; }*/
  
/* @end */