/*

Theme Name: Mountain Association

Theme URI: https://pandpbranding.com/

Description: This is a custom theme created for Mountain Association.

Author: P&P Creative // Jessi Robinson // Jessica Goddard

Author URI: https://pandpbranding.com/



Template: genesis



License: GPL-2.0-or-later

License URI: https://www.gnu.org/licenses/gpl-2.0.html



Text Domain: mountain-association

Requires at least: 5.4

Requires PHP: 5.6

*/



@import "defaults.css";

@import "color-variations.css";



/* Table of Contents

- Typographical Elements

- Headings

- Forms

- Site Header

- Title Area

- Site Inner

- Titles

- Entry Content

- Entry Meta

- Pagination

- Sidebar

- Footer

- Plugins

- Page Sections & Blocks

- Media Queries

*/



/* Typographical Elements

--------------------------------------------- */



body {

	background-color: #fff;

	color: #333;

	font-family: atten-new, sans-serif;

	font-size: 1.6rem;

	font-weight: 300;

	line-height: 1.78;

	margin: 0;

	overflow-x: hidden;

}



p {

	margin-bottom: 20px;

}



a {

	color: #5F6164;

	transition: all 500ms ease-in-out;

}



.site-inner a {

	background-image: linear-gradient(to left, #87E1E6, #87E1E6 25%, #E4E69A 75%, #E4E69A);

	background-position: 0px .73em;

	background-repeat: no-repeat;

	background-size: 400% .4em;

	color: #000;

	text-decoration: none;

}



.no-bkg a {

	background-image: none;

}



a:focus,

a:hover {

	text-decoration: none;

}



.site-inner a:focus,

.site-inner a:hover {

	background-position: 100% .73em;

}





/* Headings

--------------------------------------------- */



h1,

h2,

h3,

h4,

h5,

h6 {

	line-height: 1.2;

	margin: 0 0 20px;

}



h1,

h2,

h3,

h6 {

	font-family: serifa, serif;

}



h1,

h2,

h4,

h6 {

	font-weight: 700;

}



h1 {

	font-size: 5.4rem;

}



h2 {

	font-size: 3.6rem;

}



h3 {

	font-size: 2.7rem;

	font-weight: 500;

}



h4 {

	font-size: 2.4rem;

}



h5 {

	font-size: 1.8rem;

	font-weight: 400;

}



h6 {

	font-size: 1.8rem;

}





/* Forms

--------------------------------------------- */



input,

select,

textarea {

	background-color: #fff;

	border: 1px solid #ddd;

	padding: 15px;

	width: 100%;

}



input:focus,

textarea:focus {

	border: 1px solid #999;

	outline: none;

}



input[type="checkbox"],

input[type="image"],

input[type="radio"] {

	width: auto;

}



::-ms-input-placeholder {

	color: #333;

	opacity: 1;

}



:-ms-input-placeholder {

	color: #333;

	opacity: 1;

}



::-moz-placeholder {

	color: #333;

	opacity: 1;

}



::placeholder {

	color: #333;

	opacity: 1;

}



button,

input[type="button"],

input[type="reset"],

input[type="submit"],

.button,

.site-container .wp-block-button .wp-block-button__link {

	background-color: #5F6164;

	background-image: none;

	border: 0;

	border-radius: 18px;

	color: #fff;

	cursor: pointer;

	font-family: atten-round-new, sans-serif;

	font-size: 1.8rem;

	font-weight: 700;

	line-height: 1.2;

	padding: 8px 30px;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	transition-duration: 250ms;

	white-space: normal;

	width: auto;

}



button.arrow,

.button.arrow,

.wp-block-button.is-style-arrow .wp-block-button__link {

	background-image: none;

	background-color: transparent;

	border-radius: 0;

	color: #5F6164;

	font-family: serifa, serif;

	font-size: 2.8rem;

	font-weight: 700;

	padding: 15px 0;

	text-align: left;

	text-transform: none;

}



.wp-block-button.is-style-arrow .wp-block-button__link:not(.has-background) {

	background-color: transparent !important;

	color: #5F6164;

}



.wp-block-button.is-style-arrow .wp-block-button__link.has-background {

	color: #fff;

	padding: 15px;

}



.stories-block .story--read-more a {

	display: block;

	min-height: 32px;

	min-width: 32px;

}



button.arrow::before,

.button.arrow::before,

.wp-block-button.is-style-arrow .wp-block-button__link::before,

.stories-block .story--read-more a::before,

.more-link {

	border: .2em solid currentColor;

	border-radius: .2em;

	content: '\f344';

	font-family: dashicons;

	font-size: .7em;

	margin-right: .5em;

	padding: .1em;

}



.site-container .wp-block-button.is-style-outline .wp-block-button__link {

	background-color: transparent;

	border: 2px solid currentColor;

	padding: 6px 28px;

}



.button,

.site-inner .button {

	background-image: none;

	color: #fff;

	display: inline-block;

}



button:focus,

button:hover,

input[type="button"]:focus,

input[type="button"]:hover,

input[type="reset"]:focus,

input[type="reset"]:hover,

input[type="submit"]:focus,

input[type="submit"]:hover,

.button:focus,

.button:hover,

.wp-block-button:not(.is-style-arrow) .wp-block-button__link:focus,

.wp-block-button:not(.is-style-arrow) .wp-block-button__link:hover,

.wp-block-button.is-style-outline .wp-block-button__link:focus,

.wp-block-button.is-style-outline .wp-block-button__link:hover {

	background-color: #8B8B8B;

	color: #fff;

}



button.arrow:focus,

button.arrow:hover,

.button.arrow:focus,

.button.arrow:hover,

.wp-block-button.is-style-arrow .wp-block-button__link:focus,

.wp-block-button.is-style-arrow .wp-block-button__link:hover {

	background-color: transparent;

	color: #8B8B8B;

	text-decoration: none;

}



/* Grey Buttons */

/* .is-colorway-grey button,

.is-colorway-grey input[type="button"],

.is-colorway-grey input[type="reset"],

.is-colorway-grey input[type="submit"],

.is-colorway-grey .button,

.is-colorway-grey .site-container .wp-block-button .wp-block-button__link {

	background-color: #8B8B8B;

}



.is-colorway-grey .site-container .wp-block-button.is-style-outline .wp-block-button__link {

	border: 2px solid currentColor;

}



.is-colorway-grey .site-container .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background) {

	background-color: transparent;

}



.is-colorway-grey .site-container .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {

	color: #8B8B8B;

}



.is-colorway-grey button.arrow,

.is-colorway-grey .button.arrow,

.is-colorway-grey .wp-block-button.is-style-arrow .wp-block-button__link {

	background-color: transparent;

	color: #8B8B8B;

}



.is-colorway-grey button:focus,

.is-colorway-grey button:hover,

.is-colorway-grey input[type="button"]:focus,

.is-colorway-grey input[type="button"]:hover,

.is-colorway-grey input[type="reset"]:focus,

.is-colorway-grey input[type="reset"]:hover,

.is-colorway-grey input[type="submit"]:focus,

.is-colorway-grey input[type="submit"]:hover,

.is-colorway-grey .button:focus,

.is-colorway-grey .button:hover,

.is-colorway-grey .site-container .wp-block-button .wp-block-button__link:focus,

.is-colorway-grey .site-container .wp-block-button .wp-block-button__link:hover,

.is-colorway-grey .site-container .wp-block-button.is-style-outline .wp-block-button__link:focus,

.is-colorway-grey .site-container .wp-block-button.is-style-outline .wp-block-button__link:hover,

.site-container .wp-block-button .wp-block-button__link.has-grey-background-color:focus,

.site-container .wp-block-button .wp-block-button__link.has-grey-background-color:hover,

.site-container .wp-block-button.is-style-outline .wp-block-button__link.has-grey-color:focus,

.site-container .wp-block-button.is-style-outline .wp-block-button__link.has-grey-color:hover {

	background-color: #B5B4B4;

	border-color: #8B8B8B;

	color: #fff;

}



.is-colorway-grey button.arrow:focus,

.is-colorway-grey button.arrow:hover,

.is-colorway-grey .button.arrow:focus,

.is-colorway-grey .button.arrow:hover,

.is-colorway-grey .wp-block-button.is-style-arrow .wp-block-button__link:focus,

.is-colorway-grey .wp-block-button.is-style-arrow .wp-block-button__link:hover {

	background-color: transparent;

	color: #B5B4B4;

} */



.site-container button:disabled,

.site-container button:disabled:hover,

.site-container input:disabled,

.site-container input:disabled:hover,

.site-container input[type="button"]:disabled,

.site-container input[type="button"]:disabled:hover,

.site-container input[type="reset"]:disabled,

.site-container input[type="reset"]:disabled:hover,

.site-container input[type="submit"]:disabled,

.site-container input[type="submit"]:disabled:hover {

	background-color: #eee;

	border-width: 0;

	color: #777;

	cursor: not-allowed;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button {

	display: none;

}



.site-container button:disabled,

.site-container button:disabled:hover,

.site-container input:disabled,

.site-container input:disabled:hover,

.site-container input[type="button"]:disabled,

.site-container input[type="button"]:disabled:hover,

.site-container input[type="reset"]:disabled,

.site-container input[type="reset"]:disabled:hover,

.site-container input[type="submit"]:disabled,

.site-container input[type="submit"]:disabled:hover {

	background-color: #eee;

	border-width: 0;

	color: #777;

	cursor: not-allowed;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button {

	display: none;

}


body .gform_wrapper ul li.gfield {
	margin-top: 4rem !important;
}

.gform_wrapper .percentbar_blue {
	background-color: transparent !important;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
	margin: 0 0 5px 0 !important;
}




/* Site Header

--------------------------------------------- */



.site-header {

	background-color: #fff;

	padding: 0 15px;

}



.site-header .search-form {

	float: right;

	margin-top: 4px;

	overflow: hidden;

	position: relative;

}



.site-header .search-form::before {

	color: #000;

	content: '\f179';

	display: block;

	font-family: dashicons;

	font-size: 3rem;

	line-height: 1;

	position: absolute;

		top: 16px;

		left: 30px;

	width: 30px;

	height: 30px;

	transform: translate(-50%, -50%);

	transition: all .2s ease-in-out;

}



.site-header .search-form input[type="search"] {

	position: relative;

	width: 1px;

	padding: 10px 30px;

	border: none;

	background-color: transparent;

	cursor: pointer;

	transition: width 500ms ease, background 400ms ease;

}



.site-header .search-form input[type="search"]:focus {

	border-bottom: 1px solid #8B8B8B;

	width: 250px;

	outline: 0;

	background-color: #fff;

	cursor: text;

}



.site-header .search-form input[type="submit"] {

	clip: rect(0, 0, 0, 0);

	position: absolute;

	width: 1px;

	height: 1px;

	margin: -1px;

	padding: 0;

	border: 0;

}



/* Secondary Navigation (Top Menu)

--------------------------------------------- */



.nav-secondary {

	display: none;

}



/* Title Area

--------------------------------------------- */



.title-area {

	float: left;

	max-width: 40%;

	padding: 15px 0;

}



.site-title a,

.site-title a:focus,

.site-title a:hover {

	text-decoration: none;

}



/* Mega Menu

--------------------------------------------- */



.menu-toggle {

	background-color: #fff !important;

	border-radius: 0;

	color: #000;

	font-size: 0;

	font-weight: 400;

	line-height: 1;

	height: 50px;

	margin: 30px 0 0;

	padding: 10px;

}



.menu-toggle:hover,

.menu-toggle:focus {

	background-color: #fff !important;

	color: #000 !important;

}



.menu-toggle::before {

	content: "\f228";

	font-family: dashicons;

	font-size: 4rem !important;

	height: 40px;

	line-height: 1;

	margin-right: 0 !important;

	width: 40px;

}



/* .nav-primary {

	clear: both;

	display: block !important;

	height: 0;

	opacity: 0;

	overflow: hidden;

	-webkit-transform: translateY(-100%);

	        transform: translateY(-100%);

	-webkit-transition: all 250ms ease-in-out;

	transition: all 250ms ease-in-out;

} */



.nav-primary {

	width: 100%;

}



.nav-primary .button.arrow {

	display: inline;

	font-family: atten-round-new, sans-serif;

	font-size: 1.6rem;

	text-transform: uppercase;

}



.nav-primary .wrap {

	clear: both;

	padding: 15px;

}



.nav-primary .sub-menu {

	display: none;

	padding: 0 15px;

}



.nav-primary .sub-menu .sub-menu {

	display: block !important;

	padding: 0;

}



.nav-primary .menu > li > ul > li {

	border-bottom: 1px solid #8B8B8B;

	padding: 15px 0;

}



.nav-primary .menu > li > ul > li:last-of-type {

	border-bottom: 0;

}



.nav-primary .heading-item {

	font-size: 2rem;

	font-weight: 700;

	line-height: 1.1;

	margin-bottom: 15px;

	text-transform: uppercase;

}



.nav-primary .heading-item > span {

	display: block;

	margin-bottom: 15px;

}



.nav-primary a {

	color: #000;

	font-size: 1.8rem;

	font-weight: 400;

	padding-top: 0;

	text-decoration: none;

	text-transform: none;

}



.nav-primary a:focus,

.nav-primary a:hover {

	text-decoration: underline;

}



.nav-primary .sub-menu .sub-menu .menu-item a::before {

	content: '>';

	margin-right: 3px;

	vertical-align: top;

}



.nav-primary .menu-item {

	display: block;

}



.nav-primary .menu > .menu-item {

	margin-bottom: 0;

	position: relative;

}



.nav-primary .section-title {

	background-color: transparent;

	border-bottom: 3px solid #000;

	border-radius: 0;

	color: #000;

	cursor: pointer;

	display: flex;

		align-items: center;

		justify-content: space-between;

	font-family: atten-new, sans-serif;

	font-size: 2.1rem;

	font-weight: 700;

	padding: 30px 5px 15px;

	text-transform: uppercase;

	width: 100%;

}



.nav-primary .sub-menu-toggle {

	background-color: transparent !important;

	border-radius: 0;

	top: 13px;

}



.nav-primary .sub-menu-toggle:hover,

.nav-primary .sub-menu-toggle:focus {

	color: #000;

}



.nav-primary .sub-menu-toggle::before {

	content: '+';

	font-family: atten-new, sans-serif;

	font-size: 3.5rem;

	font-weight: 700;

	height: 35px;

	line-height: 1;

	padding: 0;

	width: auto;

}



.nav-primary .sub-menu .sub-menu-toggle {

	display: none;

}



.nav-primary .sub-menu a {

	background-color: transparent;

}



/* Is Active */

.nav-primary .sub-menu-toggle.activated::before {

	color: #000;

	content: '-';

}



.nav-primary .section-title:hover,

.nav-primary .section-title:focus,

.nav-primary .menu-item:focus-within .section-title {

	background-color: #F2F1F1;

	border-color: #000;

	color: #000;

}



.nav-primary .menu.has-active .current-menu-ancestor:not(.is-active) .section-title {

	background-color: #fff;

	border-color: #fff;

}



.nav-primary .content-area-copy {

	display: none;

}



.nav-primary .mobile-menu-footer {

	font-size: 2rem;

	font-weight: 600;

	margin-top: 60px;

}



.nav-primary .mobile-menu-footer a {

	display: inline;

}



.nav-primary .mobile-menu-footer p > i {

	border: 2px solid currentColor;

	border-radius: 2px;

	font-size: .7em;

	padding: .1em;

}



.nav-primary .mobile-menu-footer a > i {

	color: #000;

	font-size: 1.5em;

	padding: 0 5px 0 0;

}


.nav-primary .search-form {
	float: none;
	margin-top: 20px;
	overflow: visible;
}

.nav-primary .search-form::before {
	left: 13px;
	z-index: 1;
}

.nav-primary .search-form input[type="search"] {
	width: 100% !important;
}


/* Site Inner

--------------------------------------------- */



.site-inner {

	clear: both;

	margin: 0 auto;

	padding: 60px 15px 0;

}





/* Titles

--------------------------------------------- */



.archive-description .entry-title,

.archive-title,

.author-box-title {



}



.entry-title {



}



.entry-title a,

.sidebar .widget-title a {



}



.entry-title a:focus,

.entry-title a:hover {



}



.widget-title {



}



.genesis-title-hidden .site-inner {



}





/* Entry Content

--------------------------------------------- */



.entry {

	margin-bottom: 40px;

}



/* Entry Meta

--------------------------------------------- */



p.entry-meta {

	font-size: 1.6rem;

	margin-bottom: 0;

}





/* Pagination

--------------------------------------------- */



.pagination {

	clear: both;

	margin: 60px 0;

}



.adjacent-entry-pagination {

	margin-bottom: 0;

}



.archive-pagination li {

	display: inline;

}



.archive-pagination li a {

	background-image: none;

	background-color: #8B8B8B;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font-size: 1.6rem;

	font-weight: 600;

	margin-bottom: 4px;

	padding: 8px 12px;

	text-decoration: none;

}



.archive-pagination li a:focus,

.archive-pagination li a:hover,

.archive-pagination li.active a {

	background-color: #333;

	color: #fff;

}





/* Sidebar

--------------------------------------------- */



.sidebar {



}



.sidebar .widget {

	margin-bottom: 40px;

}



.sidebar p {

	margin-bottom: 20px;

}



/* Footer

--------------------------------------------- */



.footer-widgets {

	clear: both;

	font-size: 1.6rem;

	line-height: 1.2;

	padding: 90px 0 30px;

}



.footer-widgets .wrap {

	margin-left: auto;

	margin-right: auto;

}



.footer-widget-area {

	margin-bottom: 40px;

	padding-left: 30px;

	padding-right: 30px;

}



.footer-widget-area:last-child,

.footer-widgets .widget:last-child {

	margin-bottom: 0;

}



.footer-widgets strong {

	font-size: 1.2em;

}



.footer-widgets img {

	text-align: center;

}



.footer-widgets .menu {

	display: flex;

		flex-wrap: wrap;

		justify-content: space-between;

}



.footer-widgets .menu a {

	color: #000;

	text-decoration: none;

}



.footer-widgets .menu > .menu-item {

	flex-basis: 45%;

	margin-bottom: 30px;

}



.footer-widgets .menu > .menu-item > a {

	display: block;

	font-family: serifa, serif;

	font-size: 1.8rem;

	font-weight: 600;

	margin-bottom: 8px;

}



.footer-widgets .menu .sub-menu .menu-item {

	margin-left: 0;

	margin-bottom: 10px;

}



.footer-widgets .menu .sub-menu a {

	font-weight: 700;

	text-transform: uppercase;

}



.footer-widgets .menu .sub-menu a:hover {

	text-decoration: underline;

}



.site-footer {

	font-size: 1.4rem;

	margin: 0 auto;

	max-width: 1260px;

	padding: 30px;

	position: relative;

	text-align: left;

}



.site-footer p {

	margin-bottom: 0;

}





/* Plugins

--------------------------------------------- */


#gtranslate_selector {
	margin-left: 15px;
	padding: 5px 15px;
}


.nav-primary #gtranslate_selector {
	margin-top: 30px;
	margin-left: 0;
}


/* Page Sections & Blocks

--------------------------------------------- */



.anchor {

	position: relative;

}



.anchor span {

	position: absolute;

	left: 0;

	top: -60px;

}



.full-width {

	margin-left: -15px;

	margin-right: -15px;

}



.full-width .wrap {

	padding-left: 15px;

	padding-right: 15px;

}



.is-style-with-background {

	color: #000 !important;

}



.is-style-with-background span,

.is-style-with-background.has-grey-color span {

	background-image: linear-gradient(to left, rgba(139,139,139,.5), rgba(139,139,139,.5));

	background-position: 0px .68em;

	background-repeat: no-repeat;

	background-size: 400% .4em;

	color: #000;

}



.wp-block-spacer {

	max-height: 45px;

}



/* Archive */

.blog .archive-description,

.category .archive-description {

	display: none;

}



.blog .site-inner,

.category .site-inner {

  padding-top: 20px;

}



.page-hero {

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



.page-hero .wrap {

  display: flex;

    align-items: flex-start;

    flex-direction: column;

    justify-content: flex-end;

  margin-bottom: 60px;

	position: relative;

}



.page-hero-block:not(.no-background-image) .wrap {

	min-height: calc(100vh - 150px);

}



.page-hero--headlines {

  background-color: rgba(255,255,255,.89);

  max-width: 600px;

  padding: 20px 30px;

}



.no-background-image .page-hero--headlines {

	padding: 20px 0;

}



.page-hero--headline-1 {

	background-image: linear-gradient(to left, rgba(139,139,139,.5), rgba(139,139,139,.5));

	background-position: 0px .73em;

	background-repeat: no-repeat;

	background-size: 400% .4em;

  display: inline;

  font-size: 3.6rem;

  margin-bottom: 0;

}



.page-hero--headline-2 {

  margin-bottom: 0;

}



.page-hero--image-caption {

	border-right: 5px solid #fff;

	font-size: 1.4rem;

	font-weight: 700;

	line-height: 1.5;

	padding-right: 10px;

	position: absolute;

		top: 15px;

		right: 15px;

	text-align: right;

}



.page-hero--image-caption.is-color-white {

	color: #fff;

}



.page-hero--image-caption p {

	margin-bottom: 0;

}



.similar-articles--headline {

	margin-bottom: 60px;

	text-align: center;

}



.similar-articles--image-link {

	background-image: none !important;

	display: block;

	margin-bottom: 15px;

	padding-right: 30px;

	padding-bottom: 30px;

	position: relative;

}



.similar-articles--image-link::after {

	background-color: #F2F1F1;

	content: '';

	display: block;

	position: absolute;

		top: 30px;

		right: 0;

		bottom: 0;

		left: 30px;

	z-index: -1;

}







@media only screen and (min-width: 960px) {



	.page-hero--headline-1 {

		font-size: 6rem;

	}



	.page-hero--image-caption {

		border-right: 0;

		border-left: 5px solid #fff;

		top: auto;

		bottom: 30px;

		padding-right: 0;

		padding-left: 10px;

		text-align: left;

	}



}



.blog article,

.category article {

	border-bottom: 1px solid #8B8B8B;

}



.blog article .breadcrumb,

.category article .breadcrumb {

	display: none;

}



.entry-image-link {

	background-image: none !important;

	display: block;

	margin-bottom: 20px;

}



.entry-image-link img {

	margin-bottom: 0;

}



.featured-posts {

	margin-bottom: 60px;

}



.featured-posts article:not(:first-of-type) .entry-image-link {

	display: none;

}



.entry-categories a,

.entry-title-link {

	background-image: none !important;

	color: #5F6164;

	font-family: atten-new, sans-serif;

	font-weight: 700;

	text-transform: uppercase;

}



.entry-title {

	font-size: 2rem;

	margin-bottom: 0;

}



h2.entry-title {

	margin-bottom: 10px;

}



h2.entry-title::after,

.similar-articles--title::after {

	background-color: #8B8B8B;

	content: '';

	display: block;

	height: 3px;

	margin-top: 10px;

	margin-bottom: 15px;

	width: 75%;

}



.featured-posts .entry-title::after {

	display: none;

}



h1.entry-title {

	font-size: 2.4rem;

	margin-bottom: 5px;

}



h1.entry-title::after {

	border-bottom: 1px solid #8B8B8B;

	content: '';

	display: block;

	margin-top: 10px;

	width: 100%;

}



.page h1.entry-title {

	margin-bottom: 60px;

}



.entry-title-link {

	font-weight: 800;

}



.more-link {

	display: block;

	font-size: 0;

	margin-top: 10px;

	text-align: right;

}



.more-link::before {

	border: .2em solid currentColor;

  border-radius: .2em;

  content: '\f344';

  font-family: dashicons;

  font-size: 2rem;

  margin-right: .5em;

  padding: .1em;

}



.more-link:hover {

	opacity: .7;

}



.category-navigation {

	margin-bottom: 60px;

}



.category-navigation--headline {

	text-align: center;

}



.category-navigation--categories {

	display: flex;

		flex-wrap: wrap;

		justify-content: center;

}



.category-navigation--category {

	margin: 0 15px 15px;

}



.category-navigation a,

.single-post .entry-categories a {

	background-image: none;

	border-bottom: 3px solid currentColor;

	display: block;

	font-size: 1.6rem;

	font-weight: 700;

	text-transform: uppercase;

	transition: all 250ms ease-in-out;

}


.category-navigation--category.is-current-category a {
	border-bottom: 0;
}


.entry-categories a {

	margin-right: 15px;

}



.category-navigation a:hover,

.category-navigation a:focus {

	transform: translateY(-5px);

}



.blog .content .story-divider {

	display: none;

}



.blog .entry-content {

	line-height: 1.2;

}



.single-post.has-post-thumbnail .site-inner {

  padding-top: 20px;

}



.single-post .page-hero {

	height: 60vh;

		max-height: 500px;

	margin-bottom: 30px;

}



.single-post .entry-categories {

	margin-bottom: 15px;

}



.single-post .entry-categories a {

	display: inline;

	margin-right: 30px;

}



.add-to-any-share {

	display: flex;

	font-family: serifa, serif;

	font-size: 1.8rem;

	font-weight: 700;

	margin-bottom: 60px;

}



.add-to-any-share a {

	background-image: none;

}



.single-post .entry-content > p {

	max-width: 900px;

}



.similar-articles {

	padding-top: 90px;

}



.similar-articles .entry-categories a {

	border-bottom: 0;

}



.pp-brand-link {

	overflow: hidden;

	position: absolute;

		right: 10px;

		bottom: 30px;

}



.pp-brand-link * {

	text-decoration: none;

	transition: all 250ms ease-in-out;

}



.pp-brand-link a {

	display: flex;

		align-items: flex-end;

}



.pp-brand-link span {

	display: block;

	opacity: 0;

	padding-right: 5px;

	transform: translateX(100%);

}



.pp-brand-link:hover span,

.pp-brand-link:focus span {

	opacity: 1;

	transform: translateX(0);

}



.pp-brand-link svg {

	height: 25px;

	opacity: .2;

	width: 25px;

}



.pp-brand-link:hover svg,

.pp-brand-link:focus svg {

	opacity: .5;

}



/* Accordion */

.c-accordion__item {

  margin: 0 auto;

  max-width: 640px;

}



.c-accordion__title {

  background-color: transparent;

  border: 0;

  border-bottom: 1px solid #8B8B8B;

  border-radius: 0;

  color: #000 !important;

  font-family: atten-new, sans-serif;

	font-size: 1.8rem;

	margin-bottom: 0;

  padding: 30px 30px 15px 5px;

  position: relative;

  text-align: left;

  text-transform: none;

  width: 100%;

}



.c-accordion__item.is-open .c-accordion__title,

.c-accordion__title:focus,

.c-accordion__title:hover {

  background-color: #F2F1F1;

  color: #000 !important;

}



.c-accordion__title:after {

  color: #8B8B8B !important;

  font-size: 3rem;

	right: 5px !important;

}



/* Team Members */

.team-members--categories ul {

  display: flex;

    flex-wrap: wrap;

    justify-content: center;



  margin-bottom: 60px;

  padding-left: 0;

}



.team-members--category {

  list-style-type: none !important;

}



.team-members--category button,

button.team-member--modal-open {

  background-color: transparent;

  border: 0;

  border-bottom: 3px solid currentColor;

  border-radius: 0;

  color: #000;

  font-family: atten-new, sans-serif;

  font-size: 1.6rem;

  padding: 0;

}



.team-members--category button {

  margin: 0 15px 15px;

  text-transform: uppercase;

}



.team-members--category button:hover,

.team-members--category button:focus,

button.team-member--modal-open:hover,

button.team-member--modal-open:focus {

  background-color: transparent;

  border-color: currentColor;

  color: initial;

}



.team-members--category button:hover,

.team-members--category button:focus {

  transform: translateY(-5px);

}



.is-filtered .team-members--category button {

  opacity: .5;

}



.is-filtered .team-members--category button:hover,

.is-filtered .team-members--category button:focus,

.is-filtered .team-members--category button.is-active {

  opacity: 1;

}



.team-members {

  display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



.team-member {

  display: none;

  flex-basis: 180px;

  margin: 0 30px 60px;

  margin-bottom: 60px;

}



.team-member.is-active {

  display: block;

}



.team-member--image {

  background-color: #8B8B8B;

  cursor: pointer;

  margin-bottom: 30px;

  max-width: 180px;

  position: relative;

}



.team-member--image:hover img {

  mix-blend-mode: luminosity;

}



.team-member--name {

  font-size: 2rem;

  font-weight: 500;

  margin-bottom: 0;

}



.team-member--role {

  font-size: 1.6rem;

  line-height: 1.2;

  margin-bottom: 10px;

}



button.team-member--modal-open {

  border-bottom: 0;

  text-transform: none;

}



.team-member--modal-open::before {

  content: '__';

}



button.team-member--modal-open:hover,

button.team-member--modal-open:focus {

  transform: translateX(-5px);

}



.team-member--modal {

  display: none;

}



.is-active-modal .team-member--modal {

  background-color: #8B8B8B;

  display: block;

  position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

  z-index: 99999;

}



.team-member--modal-wrap {

  height: calc(100% - 60px);

  margin: 30px 15px;

}



.team-member--modal-container {

  background-color: #fff;

  display: flex;

    flex-direction: column;

  height: 100%;

  margin: 0 auto;

  max-width: 1200px;

  padding: 15px

}



button.team-member--modal-close {

  background-color: transparent !important;

  color: #000;

  display: block;

  font-size: 0;

  min-height: 40px;

  padding: 0;

  text-align: right;

}



button.team-member--modal-close:focus,

button.team-member--modal-close:hover {

  color: #8B8B8B;

}



.team-member--modal-close::before {

  content: 'X';

  font-size: 3rem;

}



.team-member--modal-image {

  margin-bottom: 30px;

}



.team-member--modal-details {

  height: 100%;

  overflow-y: auto;

}



.team-member--modal-name {

  font-size: 3rem;

  font-weight: 500;

  margin-bottom: 0;

}



.team-member--modal-role {

  font-size: 2.2rem;

  line-height: 1.2;

  margin-bottom: 0;

}



.team-member--modal-email {

  font-size: 2rem;

  font-weight: 700;

}



.team-member--modal-email a {

  background-image: none;

  color: #000;

}


.team-member--modal-email a:hover,
.team-member--modal-email a:focus {
	opacity: .5;
}


.team-member--modal-email a::before {

  border: .2em solid currentColor;

	border-radius: .2em;

  content: '\f465';

  font-family: dashicons;

	font-size: .7em;

	margin-right: .5em;

	padding: .1em;

}



.team-member--modal-bio {

	margin-top: 30px;

}



.intro-content {

	margin-bottom: 60px;

}


.media-contact-container {
	border-top: 1px solid #efefef;
	margin-top: 60px;
	padding-top: 15px;
}

.media-contact-container p {
	line-height: 1.2;
	margin-bottom: 0;
}

.staff-single_header {
	border-bottom: 3px solid #91107D;
	display: inline-block;
	margin-bottom: 10px;
}

.staff-single_name {
	font-weight: 700;
}

.staff-single_title {
	font-style: italic;
}

.sjb-archive-page > h3 > .job-title {
	font-family: serifa, serif;
	font-size: 2.4rem !important;
	font-weight: 700 !important;
	margin-bottom: 60px !important;
}

.sjb-archive-page > h3 > .job-title::after {
	border-bottom: 1px solid #8B8B8B;
  content: '';
  display: block;
  margin-top: 10px;
  width: 100%;
}

.sjb-page .list-data .job-decription p {
	color: #333 !important;
	font-size: 1.6rem !important;
}




/* Media Queries

--------------------------------------------- */



@media only screen and (min-width: 480px) {



	table {

		table-layout: auto;

		word-break: normal;

	}



}



@media only screen and (min-width: 960px) {



	body {

		font-size: 2rem;

	}



	h1 {

		font-size: 7.2rem;

	}



	h2 {

		font-size: 4.8rem;

	}



	h3 {

		font-size: 3.6rem;

	}



	h4 {

		font-size: 3rem;

	}



	h5 {

		font-size: 2.2rem;

	}



	h6 {

		font-size: 2rem;

	}



	button,

	input[type="button"],

	input[type="reset"],

	input[type="submit"],

	.button,

	.site-container .wp-block-button .wp-block-button__link {

		font-size: 2rem;

		padding: 6px 30px;

	}



	.site-container .wp-block-button.is-style-outline .wp-block-button__link {

		padding: 4px 28px;

	}



	.site-container .wp-block-button.is-style-arrow .wp-block-button__link {

		font-size: 2.8rem;

		padding: 15px 0;

	}



	.wp-block-button.is-style-arrow .wp-block-button__link.has-background {

		padding: 15px;

	}



	/* Site Header

	--------------------------------------------- */



	.site-header {

		padding: 0 15px 5px;

		position: -webkit-sticky;

		position: sticky;

		top: 0;

		z-index: 9999;



		/* position: relative;

		z-index: 1; */

	}



	.site-header .wrap {

		margin: 0 auto;

		max-width: 1200px;

		position: relative;

	}



	.title-area {

		max-width: 135px;

		position: relative;

		z-index: 1;

	}



	/* Secondary Navigation

	--------------------------------------------- */



	.nav-secondary {

		display: block;

		float: right;

		font-size: 1.5rem;

		position: relative;

		text-transform: uppercase;

		z-index: 999;

	}



	.nav-secondary .menu {

		display: flex;

			align-items: center;

			justify-content: flex-end;

	}



	.nav-secondary .menu-item,

	.nav-secondary .search {

		margin-left: 30px;

	}



	.nav-secondary a {

		color: #000;

	}



	.nav-secondary a:hover {

		opacity: .7;

	}



	.nav-secondary .has-icon {

		font-size: 0;

	}



	.nav-secondary .has-icon + .has-icon {

		margin-left: 3px;

	}



	.nav-secondary .has-icon i {

		font-size: 2rem;

		padding: 3px;

	}



	.nav-secondary .search-form input[type="search"] {

		padding: 10px 20px;

	}



	.nav-secondary .search-form::before {

		font-size: 2.5rem;

		left: 18px;

	}



	/* Primary Navigation

	--------------------------------------------- */



	/* .mega-menu-toggle,

	.mega-menu-container .search,

	.mega-menu-container .mobile-menu-footer,

	.mega-menu .section-title::after {

		display: none;

	} */



	.nav-primary {

		height: auto;

		opacity: 1;

		overflow: visible;

		position: absolute;

			top: -15px;

		transform: translateY(0);

		width: 100%;

	}



	.nav-primary .wrap {

		padding: 0;

	}



	/* .mega-menu {

		padding: 0;

	} */



	.nav-primary .menu {

		background-color: #fff;

		display: flex;

			justify-content: flex-end;

	}



	.nav-primary .menu > .menu-item {

		position: static;

	}



	.nav-primary .menu > .menu-item:first-of-type {

		padding-left: 135px;

	}



	.nav-primary .section-title {

		border-color: #fff;

		border-width: 8px;

		display: block;

		font-size: 1.4rem;

		margin: 0;

		padding: 80px 15px 5px;

		width: auto;

	}



	.nav-primary .menu > .menu-item:last-of-type .section-title {

		margin-right: 0;

	}



	.nav-primary .section-title:hover,

	.nav-primary .section-title:focus,

	.nav-primary li:focus-within .section-title,

	.nav-primary .menu-item.current-menu-ancestor .section-title {

		background-color: #F2F1F1;

		border-color: #000;

	}



	.nav-primary .menu > .menu-item > .sub-menu {

		background-color: #fff;

		display: flex !important;

		opacity: 0;

		padding: 60px 0 90px;

		position: absolute;

			left: 0;

		transform: translateY( calc(-100% - 90px) );

		width: 100%;

		z-index: -1;

	}



	.nav-primary .menu > .menu-item > .sub-menu::after {

		background-color: #fff;

		content: '';

		display: block;

		height: 100%;

		position: absolute;

			top: 0;

			left: calc(50% - 50vw);

		width: 100vw;

		z-index: -1;	}



	.nav-primary .menu > .menu-item.is-active > .sub-menu,

	.nav-primary .menu > .menu-item:focus-within > .sub-menu,

	.nav-primary .menu> .menu-item > .sub-menu:focus-within {

		opacity: 1;

		transform: translateY(0);

	}



	/* .mega-menu .sub-menu .column {

		opacity: 0;

		-webkit-transition: opacity 500ms ease-in-out;

		transition: opacity 500ms ease-in-out;

	} */



	/* .mega-menu .is-active .sub-menu .column,

	.mega-menu .sub-menu:focus-within .column {

		opacity: 1;

	} */



	.nav-primary .slide-down > .sub-menu {

  	-webkit-animation: slideDown 300ms ease-in-out forwards;

  	        animation: slideDown 300ms ease-in-out forwards;

	}



	.nav-primary .slide-up > .sub-menu {

  	-webkit-animation: slideUp 300ms ease-in-out forwards;

  	        animation: slideUp 300ms ease-in-out forwards;

	}



	@-webkit-keyframes slideDown {

		0% {

			opacity: 0;

			transform: translateY(calc( -100% - 90px));

		}

		100% {

			opacity: 1;

			transform: translateY(0);

		}

	}



	@keyframes slideDown {

		0% {

			opacity: 0;

			transform: translateY(calc( -100% - 90px));

		}

		100% {

			opacity: 1;

			transform: translateY(0);

		}

	}



	@-webkit-keyframes slideUp {

		0% {

			opacity: 1;

			transform: translateY(0);

		}

		100% {

			opacity: 0;

			transform: translateY(calc( -100% - 90px));

		}

	}



	@keyframes slideUp {

		0% {

			opacity: 1;

			transform: translateY(0);

		}

		100% {

			opacity: 0;

			transform: translateY(calc( -100% - 90px));

		}

	}



	.nav-primary .menu > .menu-item > .sub-menu > .menu-item {

		border-bottom: 0;

		border-right: 1px solid #8B8B8B;

		padding: 0 3%;

		flex-basis: calc(60% / 3);

	}



	.nav-primary .menu > .menu-item > .sub-menu > .content-item {

		flex-basis: 40%;

	}



	.nav-primary .menu > .menu-item > .sub-menu > .menu-item:last-of-type {

		border-right: 0;

	}



	.nav-primary .content-area-copy {

		display: block;

		padding-bottom: 30px;

	}



	.nav-primary .content-area-copy h3 {

		color: #000;

		font-size: 2.4rem;

		text-transform: none;

	}



	.nav-primary .button.arrow {

		border: 3px solid currentColor;

		border-radius: 10px;

		font-size: 2rem;

		padding: 8px 10px 5px;

		text-align: left;

	}



	.nav-primary .button.arrow:focus,

	.nav-primary .button.arrow:hover {

		color: #fff !important;

		text-decoration: none;

	}



	.nav-primary .sub-menu .sub-menu {

		left: 0;

		margin: 0;

		opacity: 1;

		position: relative;

	}



	.nav-primary .sub-menu a {

		border: 0;

		padding: 0 0 12px;

	}



	.nav-primary .sub-menu a:hover,

	.nav-primary .sub-menu a:focus,

	.nav-primary .sub-menu .current-menu-item a:hover,

	.nav-primary .sub-menu .current-menu-item a:focus {

		text-decoration: underline;

	}



	.nav-primary .mobile-menu-footer {

		display: none;

	}



	/* Site-Inner

	--------------------------------------------- */



	.site-inner {

		max-width: 1200px;

	}



	/* Content

	--------------------------------------------- */



	h1.entry-title {

		font-size: 4.5rem;

	}



	.content {

	}



	.content-sidebar .content {

		float: left;

		width: 65%;

	}



	/* Sidebar

	--------------------------------------------- */



	.sidebar {

		float: right;

		width: 30%;

	}



	/* Footer Widgets

	--------------------------------------------- */



	.footer-widgets .wrap {

		max-width: 1200px;

	}



	.footer-widget-area {

		padding: 0;

	}



	.footer-widgets-1 {

		float: left;

		width: 350px;

	}



	.footer-widgets-2,

	.footer-widgets-3 {

		float: right;

		width: calc(100% - 410px);

	}



	.footer-widgets .menu > .menu-item {

		flex-basis: auto;

		margin-right: 60px;

	}



	.footer-widgets-3 {

		border-top: 1px solid #8B8B8B;

		display: flex;

			flex-wrap: wrap;

			justify-content: space-between;

		padding-top: 60px;

	}



	.footer-widgets-3 .widget {

		margin-right: 60px;

	}



	/* Page Sections & Blocks */



	[id*='anchor'] {

		scroll-margin-top: 150px;

	}



	.full-width {

		margin-left: calc(-50vw + 50% );

		margin-right: calc(-50vw + 50% );

	}



	.full-width .wrap {

		margin-left: auto;

		margin-right: auto;

		max-width: 1200px;

	}



	.wp-block-spacer {

		max-height: unset;

	}



	.featured-posts {

		min-height: 455px;

		position: relative;

	}



	.featured-posts article {

		border-bottom: 0;

		margin-bottom: 20px;

	}



	.featured-posts .entry-image-link {

		display: block !important;

		position: absolute;

			top: 0;

			left: 0;

		width: 48%;

	}



	.featured-posts .entry-header,

	.featured-posts .entry-content {

		clear: right;

		float: right;

		width: 48%;

	}



	.featured-posts .entry-title {

		font-size: 2.4rem;

		margin-bottom: 10px;

	}



	.featured-posts .entry-content {

		border-bottom: 1px solid #8B8B8B;

		position: relative;

	}



	.featured-posts .entry-header .entry-meta,

	.featured-posts .entry-header .entry-title,

	.featured-posts .entry-content p {

		width: 80%;

	}



	.featured-posts .entry-content p {

		font-size: 1.6rem;

		line-height: 1.2;

	}



	.featured-posts .more-link {

		position: absolute;

			right: 0;

			bottom: 0;

	}



	.category-navigation a {

		font-size: 2rem;

	}



	.blog .content,

	.category .content {

		display: flex;

			flex-wrap: wrap;

	}



	.blog .content article,

	.category .content article {

		border-bottom: 0;

		border-right: 1px solid #8B8B8B;

		margin-bottom: 45px;

		overflow: hidden;

		position: relative;

		flex-basis: calc(100% / 3 - 5px);

	}



	.blog .content article:nth-of-type(3n),

	.category .content article:nth-of-type(3n) {

		border-right: 0;

	}



	.blog .content article > *,

	.category .content article > * {

		padding-left: 30px;

		padding-right: 30px;

	}



	.blog .content article .entry-content,

	.category .content article .entry-content {

		padding-bottom: 60px;

	}



	.blog .content article .more-link,

	.category .content article .more-link {

		margin-bottom: 0;

		position: absolute;

			right: 45px;

			bottom: 20px;

	}



	.blog .content .story-divider,

	.category .content .story-divider {

		display: block;

		color: #8B8B8B;

    flex-basis: 100%;

    margin: 30px 0 75px;

	}



	.blog .content .pagination,

	.category .content .pagination {

		width: 100%;

	}



	.similar-articles {

		display: flex;

			flex-wrap: wrap;

			justify-content: space-between;

	}



	.similar-articles--headline {

		width: 100%;

	}



	.similar-articles--item {

		width: 30%;

	}



	.c-accordion__title {

		font-size: 2rem;

	}



	.team-member--modal-container {

    flex-direction: row;

    flex-wrap: wrap;

    padding: 10px 60px 60px;

  }



  .team-member--modal-close {

    flex-basis: 100%;

    text-align: right;

  }



  .team-member--modal-image {

    flex-basis: 300px;

    margin-right: 30px;

  }



  .team-member--modal-details {

    flex-basis: calc(100% - 335px);

  }



	.intro-content {

		display: flex;

	}



	.intro-content-first,

	.intro-content-second {

		flex-basis: 100%;

	}



	.intro-content-first + .intro-content-second {

		margin-left: 60px;

	}


	.nav-primary #gtranslate_selector,
	.nav-primary .search {
		display: none;
	}


}



@media all and (min-width:960px), (-ms-high-contrast: none), (-ms-high-contrast: active) {



	.site-header .wrap {

		z-index: 1;

	}



	.nav-primary .menu > .menu-item > .sub-menu {

		display: none;

		height: 0;

		overflow: hidden;

		padding: 0;

	}



	.nav-primary .menu > .menu-item.is-active > .sub-menu,

	.nav-primary .menu > .menu-item > .sub-menu:focus-within {

		display: flex;

		height: auto;

		opacity: 1;

		overflow: visible;

		padding: 60px 0 90px;

		transform: translateY(0);

	}



	.page-hero--headlines {

		position: absolute;

			bottom: 0;

	}



	.page-hero-block.no-background-image .page-hero--headlines {

		position: relative;

	}



	.blog .content article,

	.category .content article {

		flex-basis: calc(100% / 3 - 25px);

	}


	.sjb-archive-page > h3 > .job-title {
		font-size: 4.5rem !important;
	}


}