/**
 * CarbonCall
 * https://carboncall.org
 *
 */

/* Resets - installed via NPM */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Global - global pieces like media queries, mixins and placholders */

/*
 * Colors
 */

:root {
	--c-black: #000;
	--c-off-black: #302a2c;
	--c-evergreen: #387a6e;
	--c-yellow: #ebe275;
	--c-light-green: #a7d166;
	--c-dark-gray: #333;
	--c-medium-gray: #666;
	--c-light-brown: #e9eadf;
	--c-xlight-brown: #f1f2eb;
	--c-primary-blue: #0a5c81;
	--c-light-blue: #e3ecee;
	--c-white: #fff;
}

.has-evergreen-background-color:not(.has-text-color), .has-black-background-color:not(.has-text-color), .has-dark-gray-background-color:not(.has-text-color), .has-white-color:not(.has-text-color) {
		color: #fff;
		color: var(--c-white);
	}

.has-evergreen-background-color a:not(.wp-block-button__link), .has-black-background-color a:not(.wp-block-button__link), .has-dark-gray-background-color a:not(.wp-block-button__link), .has-white-color a:not(.wp-block-button__link) {
		color: #fff;
		color: var(--c-white);
		text-decoration: underline;
	}

.has-evergreen-background-color .wp-block-button.is-style-outline .wp-block-button__link, .has-black-background-color .wp-block-button.is-style-outline .wp-block-button__link, .has-dark-gray-background-color .wp-block-button.is-style-outline .wp-block-button__link, .has-white-color .wp-block-button.is-style-outline .wp-block-button__link {
		border-color: #fff;
		border-color: var(--c-white);
		color: #fff;
		color: var(--c-white)
	}

.has-evergreen-background-color .wp-block-button.is-style-outline .wp-block-button__link::after, .has-black-background-color .wp-block-button.is-style-outline .wp-block-button__link::after, .has-dark-gray-background-color .wp-block-button.is-style-outline .wp-block-button__link::after, .has-white-color .wp-block-button.is-style-outline .wp-block-button__link::after {
			background-image: url("../images/chevron-white.svg");
		}

.has-evergreen-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover::after, .has-black-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover::after, .has-dark-gray-background-color .wp-block-button.is-style-outline .wp-block-button__link:hover::after, .has-white-color .wp-block-button.is-style-outline .wp-block-button__link:hover::after {
				background-image: url("../images/chevron-white.svg");
			}

/*
 * Typography
 */

:root {
	--font-serif: "Martel", serif;
	--font-sans: "CircularXXWeb", sans-serif;
}

@font-face {
	font-display: swap;
	font-family: CircularXXWeb;
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/circular/CircularXXWeb-Light.woff2") format("woff2"), url("../fonts/circular/CircularXXWeb-Light.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: CircularXXWeb;
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/circular/CircularXXWeb-Regular.woff2") format("woff2"), url("../fonts/circular/CircularXXWeb-Regular.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: CircularXXWeb;
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/circular/CircularXXWeb-Medium.woff2") format("woff2"), url("../fonts/circular/CircularXXWeb-Medium.woff") format("woff");
}

@font-face {
	font-display: swap;
	font-family: CircularXXWeb;
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/circular/CircularXXWeb-Bold.woff2") format("woff2"), url("../fonts/circular/CircularXXWeb-Bold.woff") format("woff");
}

body {
	font-family: "CircularXXWeb", sans-serif;
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.7;
}

a {
	color: #387a6e;
	color: var(--c-evergreen);
}

.post-content a:not(.wp-block-button__link) {
		border-bottom: 2px solid #387a6e;
		border-bottom: 2px solid var(--c-evergreen);
		color: currentColor;
		font-weight: 500;
		text-decoration: none
	}

.post-content a:not(.wp-block-button__link):hover {
			border-bottom: 2px dotted currentColor;
			color: currentColor;
			text-decoration: none;
		}

.post-content :not(.has-background) a:not(.wp-block-button__link) {
			color: #387a6e;
			color: var(--c-evergreen);
		}

.post-content .has-dark-gray-background-color a:not(.wp-block-button__link), .post-content .has-evergreen-background-color a:not(.wp-block-button__link) {
			color: currentColor;
		}

.post-content .has-evergreen-background-color a:not(.wp-block-button__link) {
			border-bottom: 2px solid #fff;
			border-bottom: 2px solid var(--c-white)
		}

.post-content .has-evergreen-background-color a:not(.wp-block-button__link):hover {
				border-bottom: 2px dotted currentColor;
			}

.post-content a:not(.wp-block-button__link), .wp-block a:not(.wp-block-button__link), .site-footer a:not(.wp-block-button__link) {
		border-bottom: 2px solid #387a6e;
		border-bottom: 2px solid var(--c-evergreen);
		color: currentColor;
		font-weight: 500;
		text-decoration: none
	}

.post-content a:not(.wp-block-button__link):hover,
		.post-content a:not(.wp-block-button__link):focus,
		.wp-block a:not(.wp-block-button__link):hover,
		.wp-block a:not(.wp-block-button__link):focus,
		.site-footer a:not(.wp-block-button__link):hover,
		.site-footer a:not(.wp-block-button__link):focus {
			border-bottom: 2px dotted currentColor;
			color: currentColor;
			text-decoration: none;
		}

.post-content :not(.has-background) a:not(.wp-block-button__link), .wp-block :not(.has-background) a:not(.wp-block-button__link), .site-footer :not(.has-background) a:not(.wp-block-button__link) {
			color: #387a6e;
			color: var(--c-evergreen);
		}

.post-content .has-black-background-color a:not(.wp-block-button__link), .post-content .has-dark-gray-background-color a:not(.wp-block-button__link), .post-content .has-evergreen-background-color a:not(.wp-block-button__link), .wp-block .has-black-background-color a:not(.wp-block-button__link), .wp-block .has-dark-gray-background-color a:not(.wp-block-button__link), .wp-block .has-evergreen-background-color a:not(.wp-block-button__link), .site-footer .has-black-background-color a:not(.wp-block-button__link), .site-footer .has-dark-gray-background-color a:not(.wp-block-button__link), .site-footer .has-evergreen-background-color a:not(.wp-block-button__link) {
			color: currentColor;
		}

.post-content .has-evergreen-background-color a:not(.wp-block-button__link), .wp-block .has-evergreen-background-color a:not(.wp-block-button__link), .site-footer .has-evergreen-background-color a:not(.wp-block-button__link) {
			border-bottom: 2px solid #fff;
			border-bottom: 2px solid var(--c-white)
		}

.post-content .has-evergreen-background-color a:not(.wp-block-button__link):hover, .wp-block .has-evergreen-background-color a:not(.wp-block-button__link):hover, .site-footer .has-evergreen-background-color a:not(.wp-block-button__link):hover {
				border-bottom: 2px dotted currentColor;
			}

.has-light-brown-background-color {
	--c-evergreen: #357368;
}

/*
 * Media Queries
 */

/* 400px */

/* 480px */

/* 768px */

/* 1024px */

/* 1280px */

/* 1440px */

/* WP Core Breakpoints (used for the admin bar for example) */

.clearfix::after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/* Base - base styles such as fonts, typography, and wordpress overrides */

/*
 * Resources on prefers-reduced-motion:
 * https://webkit.org/blog-files/prefers-reduced-motion/prm.htm
 * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
 */

@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		-webkit-animation-duration: 0.001s !important;
		        animation-duration: 0.001s !important;
		transition-duration: 0.001s !important;
	}
}

/* WordPress generated classes */

@media (min-width: 860px) {

	.alignleft {
		float: left;
		margin-right: 1rem;
		text-align: left;
	}
	
	.alignright {
		float: right;
		margin-left: 1rem;
		text-align: right;
	}
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.wp-caption {
	max-width: 100%
}

.wp-caption.aligncenter {
		text-align: center;
	}

.wp-caption.alignright {
		text-align: right;
	}

.wp-caption-text {
	margin: 0;
}

/* Layout - styles specific to layout */

/* Layout */

#page {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

.container {
	margin: 0 auto;
	max-width: 960px;
}

/* Set left/right margins for mobile. */

.post-content > * {
	margin-left: 30px;
	margin-right: 30px;
}

/* Break point for content-width (750px) + margins (30px + 30px). */

@media ( min-width: 810px ) {

	.post-content > * {
		margin-left: auto;
		margin-right: auto;
		max-width: 750px;
	}
}

.alignfull,
.alignwide {
	clear: both;
	margin: 1.5em auto;
	max-width: 100%;
}

/* Add a break-point for wide-aligned elements. */

@media ( min-width: 980px ) {

	.post-content > .alignwide {
		max-width: 910px;
	}
}

/* Add a break-point for wide and full-aligned elements. */

@media ( min-width: 1200px ) {

	.post-content > .alignfull {
		margin: 2.5em auto;
		max-width: 100%;
	}

	.post-content > .alignwide {
		margin: 2.5em auto;
		max-width: 1160px;
	}
}

.post-content .alignfull:first-child, .post-content .wp-block-media-text:first-child {
			margin-top: 0;
		}

/* Components */

/* Components */

.site-header {
	box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
	padding-bottom: 0.5em;
	position: relative;
	z-index: 9;
}

.site-branding {
	float: left;
	margin-left: 30px;
	width: 250px
}

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

.site-branding {
		margin-left: 0
}
	}

.site-logo {
	background: url("../images/cc_logo.svg") no-repeat center center;
	background-size: contain;
	height: 80px;
	margin: 1em 0;
	text-indent: -9999px;
	width: 200px
}

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

.site-logo {
		height: 100px;
		width: 250px
}
	}

.site-logo a {
		display: block;
		height: 100%;
	}

.main-navigation {
	display: block;
	font-size: 18px;
	position: relative
}

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

.main-navigation {

		align-items: center;
		display: flex;
		justify-content: flex-end;
		padding-top: 2.5em;
		width: calc(100% - 260px)
}
	}

.main-navigation ul {
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 0
	}

.main-navigation ul ul {
			background: #fff;
			background: var(--c-white);
			left: -999em;
			position: absolute;
			top: 100%;
			z-index: 99999
		}

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

.main-navigation ul ul {
				float: left
		}
			}

.main-navigation ul ul ul {
				left: -999em;
				top: 0;
			}

.main-navigation ul ul li:hover > ul,
				.main-navigation ul ul li.focus > ul {
					left: 100%
				}

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

.main-navigation ul ul li:hover > ul,
				.main-navigation ul ul li.focus > ul {
						width: 100%
				}
					}

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

.main-navigation ul li:hover > ul {
				left: calc(50% - 175px / 2)
		}
			}

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

.main-navigation ul .menu-item-has-children.focus > ul {
				left: 20px;
				position: relative
		}
			}

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

		.main-navigation li {
			float: left;
		}
	}

.main-navigation li {
		position: relative;
	}

.main-navigation a {
		display: block;
		padding: 0.25em 0.5em;
		text-decoration: none
	}

.main-navigation a:hover {
			background: #e9eadf;
			background: var(--c-light-brown);
		}

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

.main-navigation a {
			padding: 0.25em 0.5em
	}
		}

.main-navigation .current_page_item > a:first-child, .main-navigation .current-menu-parent > a:first-child {
			background: #387a6e;
			background: var(--c-evergreen);
			color: #fff;
			color: var(--c-white);
		}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
	color: #fff;
	color: var(--c-white);
	display: block;
}

.menu-toggle {
	background-color: #387a6e;
	background-color: var(--c-evergreen);
	background-image: url("../images/icon-menu-white.png");
	background-position: 4px 4px;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	border: 0;
	border-radius: unset;
	color: #fff;
	color: var(--c-white);
	font-size: 16px;
	height: 40px;
	letter-spacing: 1px;
	line-height: 1.3;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	text-transform: uppercase;
	top: 0;
	width: 40px;
	z-index: 11;
}

.main-navigation.toggled .menu-toggle {
		background-color: #e9eadf;
		background-color: var(--c-light-brown);
		background-image: url("../images/icon-close.png");
	}

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

		.main-navigation > div {
			background: #fff;
			background: var(--c-white);
			height: 100vh;
			opacity: 0;
			-webkit-overflow-scrolling: touch;
			padding-top: 60px;
			position: absolute;
			right: 0;
			transform: translateX(100%);
			transition: 0.5s ease;
			width: 80vw;
			z-index: 9;
		}

		.main-navigation.toggled > div {
			box-shadow: -10px 0 10px 1px rgba(0, 0, 0, 0.2);
			opacity: 1;
			transform: translateX(0);
		}

	.main-navigation li {
		font-size: 20px
	}

		.main-navigation li a {
			padding: 0.5em 1.25em;
		}
}

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

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: block;
	}

}

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

		.main-navigation li a {
			padding: 0.25em 1em;
		}
}

.comment-navigation,
.posts-navigation,
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
		float: left;
		width: 50%;
	}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}

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

			.menu-item-has-children > a::after {
				border: solid #387a6e;
				border: solid var(--c-evergreen);
				border-width: 0 1px 1px 0;
				content: "";
				display: inline-block;
				margin: 0 0 5px 6px;
				padding: 3px;
				transform: rotate(45deg);
			}

		.menu-item-has-children > ul {
			display: none;
		}

				.menu-item-has-children.current-menu-parent > a::after, .menu-item-has-children.current-menu-item > a::after {

					border: solid #fff;

					border: solid var(--c-white);
					border-width: 0 1px 1px 0;
				}

			.menu-item-has-children.focus > a::after {
				border: solid #323245;
				border-width: 0 1px 1px 0;
				content: "";
				display: inline-block;
				margin: 0 0 1px 6px;
				padding: 3px;
				transform: rotate(225deg);
			}

		.menu-item-has-children.focus > ul {
			display: block;
		}

				.menu-item-has-children.focus.current-menu-parent > a::after, .menu-item-has-children.focus.current-menu-item > a::after {
					border: solid #fff;
					border: solid var(--c-white);
					border-width: 0 1px 1px 0;
				}
}

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

	.menu-item-has-children {
		margin-right: 15px;
		padding-bottom: 4px
	}

		.menu-item-has-children::after {
			border: solid #387a6e;
			border: solid var(--c-evergreen);
			border-width: 0 2px 2px 0;
			content: "";
			display: inline-block;
			padding: 3px;
			position: absolute;
			right: 0;
			top: 18px;
			transform: rotate(45deg);
		}

			.menu-item-has-children:hover::after, .menu-item-has-children:focus::after {
				border: solid #000;
				border: solid var(--c-black);
				border-width: 0 2px 2px 0;
				content: "";
				display: inline-block;
				padding: 3px;
				position: absolute;
				right: 0;
				top: 22px;
				transform: rotate(225deg);
			}

			.menu-item-has-children.current-menu-parent > a, .menu-item-has-children.current-menu-item > a {
				padding-right: 1.25em;
			}

			.menu-item-has-children.current-menu-parent::after, .menu-item-has-children.current-menu-item::after {
				border: solid #fff;
				border: solid var(--c-white);
				border-width: 0 2px 2px 0;
				right: 0.5em;
			}

				.menu-item-has-children.current-menu-parent:hover::after, .menu-item-has-children.current-menu-parent:focus::after, .menu-item-has-children.current-menu-item:hover::after, .menu-item-has-children.current-menu-item:focus::after {
					border: solid #fff;
					border: solid var(--c-white);
					border-width: 0 2px 2px 0;
				}

	.sub-menu {
		border: 1px solid #eee;
		border-radius: 3px;
		margin-top: 10px;
		top: unset;
		width: 175px
	}

		.sub-menu::after {
			border-color: transparent transparent #fff transparent;
			border-color: transparent transparent var(--c-white) transparent;
			border-style: solid;
			border-width: 0 15px 15px 15px;
			content: "";
			left: 70px;
			position: absolute;
			top: -15px;
		}

		.sub-menu::before {
			border-color: transparent transparent #fff transparent;
			border-color: transparent transparent var(--c-white) transparent;
			border-style: solid;
			border-width: 0 16px 16px 16px;
			content: "";
			left: 69px;
			position: absolute;
			top: -16px;
		}

		.sub-menu li {
			font-size: 1.25em
		}

			.sub-menu li a {
				text-align: center;
				width: auto
			}

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

			.sub-menu li a {
					width: 175px
			}
				}

				.sub-menu li a:hover {
					color: #000;
					color: var(--c-black);
					font-weight: 700;
					text-decoration: underline;
					-webkit-text-decoration-color: #000;
					        text-decoration-color: #000;
					-webkit-text-decoration-color: var(--c-black);
					        text-decoration-color: var(--c-black);
				}

			.sub-menu .current_page_item > a:first-child {
				background: transparent;
				color: #387a6e;
				color: var(--c-evergreen)
			}

				.sub-menu .current_page_item > a:first-child:visited {
					color: #387a6e;
					color: var(--c-evergreen);
				}
}

.site-footer {
	background: #e9eadf;
	background: var(--c-light-brown);
	padding: 1.5em;
}

.footer-container {
	margin: 0 auto;
	max-width: 1600px;
}

.cc-banner .cc-message {
	font-size: 14px;
	line-height: 1.25;
	padding: 1em 0;
}

/* Blocks */

/* Blocks */

/**
 * CarbonCall: Buttons Block
 *
 */

.wp-block-buttons {
	margin-top: 1.5em;
}

.wp-block-button__link {
	background: #387a6e;
	background: var(--c-evergreen);
	border: 2px solid #387a6e;
	border: 2px solid var(--c-evergreen);
	border-radius: 3px;
	font-weight: 700;
	padding: 7px 15px 6px;
	text-transform: uppercase;
	transition: 0.3s
}

.wp-block-button__link:hover {
		background-color: #ebe275;
		background-color: var(--c-yellow);
		color: #000;
		color: var(--c-black)
	}

.wp-block-button__link:hover::after {
			background-image: url("../images/chevron-black.svg");
			background-position-x: 100%;
		}

.wp-block-button__link::after {
	background: url("../images/chevron-white.svg") no-repeat 80% center;
	background-size: contain;
	content: " ";
	display: inline-block;
	height: 12px;
	transition: background-position 0.3s;
	width: 40px;
}

.wp-block-button.is-style-outline {
	color: #387a6e;
	color: var(--c-evergreen);
}

.is-style-outline .wp-block-button__link {
	background: transparent;
	border-color: #387a6e;
	border-color: var(--c-evergreen);
	color: #387a6e;
	color: var(--c-evergreen)
}

.is-style-outline .wp-block-button__link::after {
		background-image: url("../images/chevron.svg");
	}

.is-style-outline .wp-block-button__link:hover {
		color: #000;
		color: var(--c-black)
	}

.is-style-outline .wp-block-button__link:hover::after {
			background-image: url("../images/chevron-black.svg");
		}

/** Admin Styles */

.wp-block .wp-block-button__link::after {
	position: relative;
	top: 8px;
}

.wp-block-columns.alignfull.no-space {
			padding: 0 0;
		}

@media (max-width: 599px) {

.wp-block-columns.alignfull > .wp-block-column.is-vertically-aligned-center {
				padding: 2em
		}
			}

@media (min-width: 782px) {

.wp-block-columns.alignfull > .wp-block-column.is-vertically-aligned-center {
				margin-left: 3em;
				margin-right: 3em;
				padding: 0 0
		}
			}

.wp-block-column.has-background {
		border-radius: 3px;
		padding-bottom: 32px
	}

.wp-block-column.has-background h2 {
			margin-bottom: 0;
		}

.wp-block-column.has-background > p:first-of-type {
			margin-top: 0.25em;
		}

.wp-block-column.has-background > * {
		padding-left: 32px;
		padding-right: 32px;
	}

.wp-block-column.has-background > .wp-block-image {
		padding-left: 0;
		padding-right: 0;
	}

.wp-block-column.alignfull {
		padding-left: 30px;
		padding-right: 30px;
	}

.wp-block-gallery.has-nested-images figure.wp-block-image {
			flex-grow: inherit;
		}

/**
 * CarbonCall: Group Block
 *
 */

.wp-block-group.alignfull {
	padding: 1.5em 0;
}

.wp-block-group.alignfull > * {
	margin-left: 30px;
	margin-right: 30px;
}

@media ( min-width: 1200px ) {

.post-content .wp-block-group.alignfull > * {
				margin-left: auto;
				margin-right: auto;
				max-width: 750px
		}
			}

.post-content .wp-block-group.alignfull:last-of-type {
			margin-bottom: 0;
		}

[data-align="full"] .wp-block-group {
	padding: 30px;
}

.post-content h1,
	.post-content .h1 {
		font-size: 2.25em;
		margin-bottom: 0.5em;
	}

.post-content h1,
	.post-content h2,
	.post-content h3 {
		line-height: 1.3;
	}

.is-style-molecole-heading {
	position: relative
}

.is-style-molecole-heading::before {
		background: url("../images/heading-molecule.png") top left no-repeat;
		background-size: contain;
		content: "";
		display: block;
		height: 48px;
		left: -1em;
		position: absolute;
		top: -0.33em;
		width: 48px;
	}

.wp-block-column.has-background .is-style-molecole-heading::before {
			left: 0;
			top: -0.75em;
		}

.post-content ol,
ol.wp-block {
	box-sizing: border-box;
	padding-left: 2em
}

.post-content ol li, ol.wp-block li {
		margin-bottom: 0.5em;
	}

.post-content ul,
ul.wp-block {
	box-sizing: border-box;
	padding-left: 1em
}

.post-content ul li, ul.wp-block li {
		margin-bottom: 0.5em;
		padding-left: 0.5em
	}

.post-content ul li::marker, ul.wp-block li::marker {
			color: #a7d166;
			color: var(--c-light-green);
			content: "◼";
		}

@media (max-width: 600px) {

		.wp-block-media-text.has-background .wp-block-media-text__content {
			padding-bottom: 2em;
		}

		.wp-block-media-text .has-large-font-size {
			margin-top: 0.5em;
		}
}

.wp-block .wp-block-media-text {
	margin-bottom: 2.5em;
}

.has-large-font-size {
	font-size: 1.5rem;
	margin-bottom: 0.5em;
}

.wp-block-quote {
	background: #f1f2eb;
	background: var(--c-xlight-brown);
	border-left: 4px solid #387a6e;
	border-left: 4px solid var(--c-evergreen);
	box-sizing: border-box;
	padding: 1.5em 2em
}

.wp-block-quote p {
		font-style: normal;
	}

.wp-block-quote.is-style-large {
		padding: 1.5em 2em
	}

.wp-block-quote.is-style-large p {
			font-size: 1.25em;
			font-style: normal;
			margin-top: 0;
		}

.wp-block-quote.is-style-large cite {
			font-size: 14px;
			text-align: left;
		}

.wp-block-quote cite {
		font-size: 0.8em;
		font-style: normal;
		text-transform: uppercase;
	}

.wp-block-pullquote {
	box-sizing: border-box;
	padding-bottom: 30px;
	padding-top: 30px;
	position: relative

}

.wp-block-pullquote blockquote::before {
		background: url("../images/quote.svg") top left no-repeat;
		background-size: contain;
		content: "";
		display: block;
		height: 40px;
		left: -4px;
		position: absolute;
		top: 70px;
		width: 42px;
	}

.wp-block-pullquote.alignleft blockquote::before, .wp-block-pullquote.alignright blockquote::before, .wp-block-pullquote.has-text-align-left blockquote::before, .wp-block-pullquote.has-text-align-right blockquote::before {
			height: 40px;
			left: 20px;
			top: 58px;
			width: 30px;
		}

.wp-block-pullquote blockquote {
		margin-left: 60px;
		text-align: left;
	}

.wp-block-pullquote blockquote p {
		font-weight: 700;
	}

.wp-block-pullquote cite {
		font-size: 14px;
		font-style: normal;
		line-height: 1.5;
		text-transform: uppercase;
	}

.wp-block-pullquote:not(.has-text-color) cite {
			color: #302a2c;
			color: var(--c-off-black);
		}

.wp-block-pullquote.has-text-align-left,
	.wp-block-pullquote.has-text-align-right {
		max-width: 750px;
		padding-left: 30px;
		padding-right: 30px
	}

.wp-block-pullquote.has-text-align-left blockquote, .wp-block-pullquote.has-text-align-right blockquote {
			margin-left: 40px;
		}

.wp-block-pullquote.alignright,
	.wp-block-pullquote.alignleft {
		max-width: 420px;
	}

[data-align="right"] .wp-block-pullquote,
[data-align="left"] .wp-block-pullquote {
	max-width: 420px;
	padding-left: 42px;
}

/** Block Editor Styles */

.wp-block-pullquote.wp-block {
	padding-left: 42px
}

.wp-block-pullquote.wp-block.has-text-align-left,
	.wp-block-pullquote.wp-block.has-text-align-right {
		padding-left: 48px;
	}

.wp-block-pullquote.wp-block blockquote::before {
		left: 12px;
		top: 56px;
	}

.wp-block-separator {
	margin: 2.5em auto;
}

.wp-block-table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	width: 100%
}

.wp-block-table td,
	.wp-block-table th {
		border: transparent;
		padding: 6px 13px
	}

.wp-block-table td mark, .wp-block-table th mark {
			font-weight: 400;
		}

.wp-block-table th,
	.wp-block-table.is-style-stripes th {
		border-bottom: 1px solid #387a6e;
		border-bottom: 1px solid var(--c-evergreen);
		color: #387a6e;
		color: var(--c-evergreen);
	}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
		background: #f1f2eb;
		background: var(--c-xlight-brown);
	}

.wp-block-table:not(.is-style-stripes) td {
		border-bottom: 2px dotted #e9eadf;
		border-bottom: 2px dotted var(--c-light-brown);
	}

.wp-block-table figcaption {
		font-size: 0.8em;
		margin: 0.5em 0;
		text-align: center;
	}

.has-medium-gray-color {
	--wp--preset--color--medium-gray: #77726c;
}


/*# sourceMappingURL=style.css.map*/