/*
Theme Name: Green Budget Coalition
Author: Erika Rathje
Author URI: http://www.erikarathje.ca/
Version: 2.6
Text Domain: greenbudget
*/
/*$base: 1120; $container: 1200; $col: percentage(350/$base); /* 1200 - sitepaddingx2 *!/ $colwidth: 350; $gutter: percentage(35/$base); $onequarter: percentage(262/$base); $quartergutter: percentage(24/$base); $sitepadding: percentage(40/$container); $ipad-padding: percentage(20/768); $iphone-padding: percentage(15/320); $content: percentage(735/$base); @mixin iphonepadLR { padding-left: $iphone-padding; padding-right: $iphone-padding; }*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Source+Serif+Pro:ital,wght@0,700;1,700&display=swap");
/** Repeatable Patterns ----------------------------------------------------------------------------- */
/* Input fields */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea { border: 1px solid #ccc; background: #fff; -webkit-border-radius: 0 !important; border-radius: 0 !important; background-clip: padding-box; padding: 6px 3px 2px 6px; min-height: 35px; line-height: 120%; font-weight: normal; }

@media screen and (max-width: 667px) { input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea { width: 100%; min-height: 37px; line-height: 125%; } }

textarea { width: 100%; line-height: 145%; }

input:focus, textarea:focus { border: 1px solid #ccc; outline: 0; background: #fff; }

@media screen and (max-width: 768px) { input[type="radio"] { -webkit-transform: scale(1.3, 1.3); padding-top: 5px; padding-left: 1px; vertical-align: top; } }

/* Buttons */
/*input[type="button"], input[type="reset"], input[type="submit"] { background-color: $blue; border: 0; @include border-radius(7px); color: #fff; font-size: 19px; height: 46px; line-height: 46px; text-align: center; font-weight: bold; -webkit-appearance: none; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { color: #fff; cursor: pointer; }*/
/* A11y Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder { color: #595959; }

:-moz-placeholder { color: #595959; }

::-moz-placeholder { color: #595959; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }

:-ms-input-placeholder { color: #595959; }

.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

hr { margin: 22px 0 18px; border: 0; height: 0; border-top: 1px solid #ccc; }

/* flexible pixel value */
/* works with #px and $iphone etc. */
/* flexbox */
/*input { -webkit-appearance: none; -webkit-border-radius: 0; }*/
/* Border Radius ========================================================================== */
/* Usage */
/*.button { @include border-radius(5px); } .submit-button{ @include border-top-radius(10px); }*/
/* Opacity ========================================================================== */
img { display: block; height: auto; }

/* apply a natural box layout model to all elements */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; /* tell FF to behave! */ font: inherit; font-size: 100%; vertical-align: baseline; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

.assistive-text { visibility: hidden; height: 0; }

a { text-decoration: none; }

input[type="submit"] { -webkit-appearance: none; }

/* replaced by fitVids JS embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } */
.hide { display: none; }

.says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; }

.site .skip-link { background-color: #f1f1f1; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2); color: #21759b; display: block; font: bold 14px/normal "Noto Sans", sans-serif; left: -9999em; outline: none; padding: 15px 23px 14px; text-decoration: none; text-transform: none; top: -9999em; }

.logged-in .site .skip-link { box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); font: bold 14px/normal "Open Sans", sans-serif; }

.site .skip-link:focus { clip: auto; height: auto; left: 6px; top: 7px; width: auto; z-index: 100000; }

/* Input fields */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea { border: 1px solid #ccc; background: #fff; -webkit-border-radius: 4px !important; border-radius: 4px !important; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #2b2b2b; }

input[type="submit"], button { margin-left: 0px; }

input[type="checkbox"] { margin-right: 7px; }

textarea { width: 100%; height: 120px; }

input:focus, textarea:focus { border: 1px solid #ccc; outline: 0; }

/* Buttons */
/*input[type="button"], input[type="reset"], input[type="submit"] { border: 0; @include border-radius(7px); color: #fff; font-size: 19px; height: 46px; line-height: 46px; text-align: center; font-weight: bold; -webkit-appearance: none; }*/
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { cursor: pointer; }

strong, b { font-weight: bold; }

em { font-style: italic; }

sup { vertical-align: super; font-size: smaller; }

sub { vertical-align: sub; font-size: smaller; }

.site-header-menu { display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; grid-template-rows: 31px 56px 54px; top: 0; background: #3ACEAA; grid-column: 1 / -1; /*grid-row: 2;*/ }

@media screen and (min-width: 1200px) { .site-header-menu { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { .site-header-menu { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { .site-header-menu { grid-column-gap: 30px; } }

@media screen and (max-width: 667px) { .site-header-menu { grid-template-rows: 31px 26px 54px; } }

body.home .site-header-menu { background: #fff; }

.site-header-menu nav { grid-column: 3 / -2; grid-row: 3; text-align: right; }

@media screen and (max-width: 1024px) { .site-header-menu nav { display: none; } }

.site-header-menu nav ul { padding: 0; margin: 0; }

.site-header-menu nav ul > li.current-menu-item > a { border-bottom: 3px solid #fff; }

.site-header-menu nav ul > li.menu-item-has-children:after { content: "\f078"; font-family: "Font Awesome 6 Pro"; }

body.home .site-header-menu nav ul > li.menu-item-has-children:after { color: #13765A; }

.site-header-menu nav ul li { display: inline-block; font-size: 1.25rem; font-weight: bold; margin-left: 35px; /*@include ipadL { display: block; font-size: rem(18px); }*/ }

.site-header-menu nav ul li a { color: #333333; }

body.home .site-header-menu nav ul li a { color: #13765A; }

.site-header-menu nav ul li:hover > .submenu-wrapper { display: block; }

.site-header-menu nav ul li:hover .triangle-up { display: block; }

.site-header-menu nav ul li .submenu-wrapper { display: none; position: absolute; top: 115px; /*right: 0; left: 0; width: 100vw;*/ z-index: 99999; text-align: left; padding: 13px 0 30px 9999px; margin-left: -9999px; /*in tandem with padding, creates full width bg */ height: auto; }

.site-header-menu nav ul li ul.sub-menu li { padding-left: 0; padding-right: 0; margin-left: 0; line-height: 135%; display: inline-block; width: 100%; text-align: left; background: #333333; box-shadow: 0 9px 10px #4e4e4e; color: #fff; width: 100%; /* 100% of column */ padding: 11px 11px; font-size: 1.125rem; margin-bottom: 0; }

@media screen and (max-width: 667px) { .site-header-menu nav ul li ul.sub-menu li { min-width: 100%; width: 100%; } }

.site-header-menu nav ul li ul.sub-menu li a { color: #fff; }

.site-header-menu nav ul li ul.sub-menu li a:hover { /*border-bottom: 1px solid $teal;*/ color: #3ACEAA; }

body.home .site-header-menu nav ul li ul.sub-menu li { background: #fff; }

body.home .site-header-menu nav ul li ul.sub-menu li a { color: #13765A; }

body.home .site-header-menu nav ul li ul.sub-menu li a:hover { /*border-bottom: 1px solid $teal;*/ color: #333333; }

.site-header-menu nav ul li ul.sub-menu li.current-menu-item a { color: #fff; }

.site-header-menu nav ul li ul.sub-menu li.current-menu-item a:hover { color: #fff; }

#mobile-search-btn { display: none; text-align: right; float: right; margin-left: 26px; }

#mobile-search-btn .fas { font-size: 1.875rem; }

@media screen and (max-width: 1024px) { #mobile-search-btn { display: block; } }

#mobile-nav-toggle { grid-column: 13 / -2; width: 41px; /*-moz-box-shadow: 4px 0 1px $text; box-shadow: 4px 0 1px $text;*/ display: none; z-index: 100; position: absolute; left: 0; right: 0; top: 31px; text-align: right; }

@media screen and (max-width: 1024px) { #mobile-nav-toggle { display: block; } }

@media screen and (max-width: 667px) { #mobile-nav-toggle { grid-column: 12 / 13; } }

#mobile-nav-toggle .fa-bars { font-size: 1.875rem; }

#mobile-nav-toggle a { color: #333333; float: left; }

body.home #mobile-nav-toggle a { color: #13765A; }

@media screen and (max-width: 320px) { #mobile-nav-toggle a { margin-right: 16px; } }

.mobile-mini-nav { height: 100vh; /* 100% Full-height */ width: 0; /* 0 width - change this with jQuery */ position: fixed; /* Stay in place */ z-index: 200; /* Stay on top */ top: 0; right: 0; background-color: #fff; overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.8s; /* 0.5 second transition effect to slide in the sidenav */ padding-top: 12px; box-shadow: 0 0 12px #777; }

.mobile-mini-nav #closebtn { color: #13765A; float: right; padding-right: 20px; font-size: 25px; }

.mobile-mini-nav #closebtn:hover, .mobile-mini-nav #closebtn:active, .mobile-mini-nav #closebtn:focus { color: #A8D685; }

.mobile-mini-nav ul { padding: 38px 20px 0; list-style: none; }

.mobile-mini-nav ul > li:last-child { display: none; }

.mobile-mini-nav ul li { font-size: 1.25rem; margin-bottom: 20px; line-height: 120%; }

.mobile-mini-nav ul li ul.sub-menu { margin-bottom: 30px; padding-top: 20px; }

.mobile-mini-nav ul li ul.sub-menu li { margin-bottom: 16px; display: block; line-height: 140%; }

.mobile-mini-nav ul li ul.sub-menu li:before { font-family: 'Font Awesome 6 Pro'; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; content: '\f054'; margin-right: 7px; font-size: 80%; }

.mobile-mini-nav ul li a { color: #13765A; }

.mobile-mini-nav ul li a:hover, .mobile-mini-nav ul li a:active, .mobile-mini-nav ul li a:focus { color: #13765A; border-bottom: 1px solid; }

.mobile-mini-nav ul li a#searchbtn { display: none; }

/* header search */
.search-button { display: inline; width: 33px; }

.search-button .fa-search { font-size: 1.25rem; padding: 5px 0 3px; }

.search-button .fa-search:hover { color: #fff; }

.search-button .fa-search.fa-times { padding: 10px 12.5px 8px; }

#header-search-form { background: #3ACEAA; text-align: right; display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; padding: 17px 0 0 0; width: 100%; }

@media screen and (min-width: 1200px) { #header-search-form { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { #header-search-form { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { #header-search-form { grid-column-gap: 30px; } }

#header-search-form #search-form { grid-column: 9 / span 5; }

#header-search-form #search-form input.search-field { border: none !important; }

@media screen and (max-width: 750px) { #header-search-form #search-form { grid-column: 2 / -2; } }

#searchbtn { color: #333333; }

@media screen and (max-width: 1024px) { #searchbtn { color: #333333; } }

#searchbtn:hover { color: #13765A; cursor: pointer; }

#lang-switcher { grid-column: 9 / -2; grid-row: 2; background: transparent; text-align: right !important; width: auto; /*@include maxwidth(1199px) { grid-column: 8 / -1; }*/ }

@media screen and (max-width: 1024px) { #lang-switcher { grid-column: 6 / span 7; } }

@media screen and (max-width: 667px) { #lang-switcher { grid-column: 5 / span 7; } }

#lang-switcher div { padding: 0; }

#lang-switcher div#lang_sel_list, #lang-switcher div ul { display: inline; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; }

#lang-switcher #lang_sel_list { border: none !important; }

#lang-switcher .wpml-ls-link { background: none !important; }

@media screen and (max-width: 1024px) { #lang-switcher li { padding-top: 7px; } }

#lang-switcher a { text-transform: uppercase; font-size: 0.9375rem; letter-spacing: 0.04em; color: #333333; font-weight: bold; padding: 0 !important; }

body.home #lang-switcher a { color: #13765A; }

@media screen and (max-width: 1024px) { body:not(.home) #lang-switcher a { color: #333333; } }

@media screen and (max-width: 667px) { #lang-switcher a { font-size: 1rem; } }

#search-form, #inline-search-form { position: relative; clear: both; height: 51px; /*width: 50%; min-width: 250px;*/ }

@media screen and (max-width: 750px) { #search-form, #inline-search-form { width: 100%; } }

#search-form form, #inline-search-form form { width: 100%; /* hide webkit search input fanciness */ }

#search-form form label, #inline-search-form form label { position: absolute; left: -99999px; }

#search-form form input.search-field, #inline-search-form form input.search-field { -webkit-border-radius: 4px !important; border-radius: 4px !important; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 1px solid #ccc; height: 32px; width: 100%; font-size: 16px; /* will prevent zoom in on mobile on focus */ color: #555; -webkit-appearance: none; padding: 2px 0 2px 8px; /* check this on non-webkit browsers to make sure border appearance is correct */ }

#search-form form input[type="search"]::-webkit-search-decoration, #search-form form input[type="search"]::-webkit-search-cancel-button, #search-form form input[type="search"]::-webkit-search-results-button, #search-form form input[type="search"]::-webkit-search-results-decoration, #inline-search-form form input[type="search"]::-webkit-search-decoration, #inline-search-form form input[type="search"]::-webkit-search-cancel-button, #inline-search-form form input[type="search"]::-webkit-search-results-button, #inline-search-form form input[type="search"]::-webkit-search-results-decoration { display: none; }

#search-form form input[type="submit"], #inline-search-form form input[type="submit"] { font-family: "Font Awesome 6 Pro"; /* see columbia institute for new standard here; see html */ font-size: 20px; color: transparent; -webkit-appearance: none; background: none; border: 0; position: absolute; right: -29px; top: -14px; display: inline; }

#search-form form .fa-search, #inline-search-form form .fa-search { position: absolute; top: 6px; right: 6px; font-size: 21px; color: #333333; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; }

#inline-search-form { margin-bottom: 30px; }

body.home .searchandfilter { display: inline; float: left; width: 51% !important; padding-left: 0; }

@media screen and (min-width: 1200px) { body.home .searchandfilter { width: 41% !important; } }

body.home .searchandfilter ul { padding-left: 0; }

@media screen and (min-width: 960px) and (max-width: 1199px) { body.home.en .searchandfilter { width: 363px !important; } }

@media screen and (max-width: 960px) { body.home.en .searchandfilter { width: 323px !important; } }

body.home.fr .searchandfilter { width: 497px !important; }

@media screen and (min-width: 960px) and (max-width: 1199px) { body.home.fr .searchandfilter { width: 497px !important; } }

@media screen and (max-width: 960px) { body.home.fr .searchandfilter { width: 439px !important; } }

@media screen and (max-width: 667px) { body.home.fr .searchandfilter { margin-top: 0 !important; padding-top: 0 !important; } }

@media screen and (max-width: 483px) { body.home.fr .searchandfilter { width: 100% !important; } }

body:not(.home) .searchandfilter { background: #E4F6F3; border-left: 4px solid #78D0C3; padding-top: 25px; padding-bottom: 25px; margin-bottom: 20px; }

body:not(.home) .searchandfilter ul { padding-left: 2.6455026455%; padding-right: 2.6455026455%; }

@media screen and (max-width: 667px) { body:not(.home) .searchandfilter ul { padding-left: 3.5273368607%; padding-right: 3.5273368607%; } }

@media screen and (min-width: 1125px) { body.fr body:not(.home) .searchandfilter ul { text-align: center; } }

@media screen and (min-width: 1029px) { body.en body:not(.home) .searchandfilter ul { text-align: center; } }

@media screen and (max-width: 667px) { .page-template-page-recommendations .searchandfilter { margin-top: 20px; } }

.searchandfilter li { display: inline-block; font-size: 1.25rem; }

body.fr .searchandfilter li { font-size: 1.125rem; }

.searchandfilter input.sf-input-text, .searchandfilter .sf-field-submit input { height: 57px; vertical-align: middle; }

.searchandfilter .sf-field-search { width: 37.4779541446%; border-radius: 0px; padding-top: 0; padding-bottom: 0; }

.searchandfilter .sf-field-search input.sf-input-text { height: 57px; padding: 0px 12px; border: 1px solid #3ACEAA; width: 100%; border-radius: 0px !important; vertical-align: middle; }

.searchandfilter .sf-field-submit { margin-left: 1.7636684303%; width: 15.3439153439%; min-width: 120px; padding-top: 0; padding-bottom: 0; }

body.fr .searchandfilter .sf-field-submit { width: auto; }

.searchandfilter .sf-field-submit input { width: 100%; font-size: 1.25rem; vertical-align: middle; text-align: center; height: 57px; }

.searchandfilter .sf-field-taxonomy-department { margin-left: 1.7636684303%; padding: 0 !important; margin-right: 0; width: 38.3597883598%; vertical-align: middle; height: 57px; margin-top: -2px; }

body.home .searchandfilter .sf-field-taxonomy-department { width: 100%; margin-top: 0; min-width: 236px; margin-left: 0; }

@media screen and (max-width: 1125px) { body.fr .searchandfilter .sf-field-search { width: 100%; display: block; margin-bottom: 22px; } body.fr .searchandfilter .sf-field-taxonomy-department { width: 52.0282186949%; margin-left: 0; } body.fr .searchandfilter .sf-field-submit { margin-left: 15px; width: 17.6366843034%; width: auto; } }

@media screen and (min-width: 557px) and (max-width: 667px) { body.fr .searchandfilter .sf-field-search { margin-bottom: 0; } }

@media screen and (max-width: 1028px) { .searchandfilter .sf-field-search { width: 100%; display: block; margin-bottom: 22px; } .searchandfilter .sf-field-taxonomy-department { width: 52.0282186949%; margin-left: 0; } .searchandfilter .sf-field-submit { margin-left: 15px; width: 17.6366843034%; min-width: 140px; } }

@media screen and (max-width: 768px) { .searchandfilter .sf-field-taxonomy-department { width: 70%; margin-left: 0; } .searchandfilter .sf-field-submit { margin-left: 2%; width: 28%; min-width: 80px; } .searchandfilter .sf-field-submit input { padding-left: 12px; padding-right: 12px; } }

@media screen and (max-width: 556px) { body.fr .searchandfilter .sf-field-taxonomy-department { width: 100%; } body.fr .searchandfilter .sf-field-submit { margin-left: 0; } }

@media screen and (max-width: 525px) { .searchandfilter .sf-field-taxonomy-department { width: 100%; } .searchandfilter .sf-field-submit { width: 40%; margin-left: 0; margin-top: 8px; } .searchandfilter .sf-field-submit input { padding-top: 14px; } }

@media screen and (max-width: 667px) { .searchandfilter { padding-top: 21px !important; padding-bottom: 21px !important; margin-top: 40px !important; } body.single .searchandfilter { margin-top: 0 !important; } .searchandfilter .sf-field-search { margin-bottom: 14px; } .searchandfilter .sf-field-submit { margin-top: 14px; } .searchandfilter .sf-field-search { font-size: 1rem; } }

.searchandfilter label { display: block; margin: 0; }

.searchandfilter select { margin-left: 0; width: 100%; padding: 5px 35px 5px 13px; font-size: 1.25rem; font-family: "Open Sans", Arial, sans-serif; color: #333333; border: 1px solid #3ACEAA; border-radius: 0; height: 57px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("assets/selectmenu-arrow-down.png") 96%/15% no-repeat #fff; background-size: 6%; }

body.fr .searchandfilter select { font-size: 1.125rem !important; }

@media screen and (max-width: 960px) { .searchandfilter select { font-size: 1.0625rem !important; } }

.searchandfilter .ui-selectmenu-button { background: #fff; border: 1px solid #3ACEAA; border-radius: 0; height: 57px; padding-top: 13px; font-family: "Open Sans", Arial, sans-serif; margin-right: 15px; }

.searchandfilter .ui-selectmenu-button li { font-family: "Open Sans", Arial, sans-serif; }

.searchandfilter .ui-selectmenu-button .ui-icon { margin-top: 10px; background: none; }

.searchandfilter .ui-selectmenu-button .ui-selectmenu-text:after { content: "\f078"; color: #6D6E71; font-family: "Font Awesome 6 Pro"; font-weight: bold; margin-left: 5px; float: right; }

.searchandfilter .ui-selectmenu-icon.ui-icon.ui-icon-triangle-1-s { display: none !important; }

.searchandfilter .ui-selectmenu-text { margin-right: 0; }

.searchandfilter .overflow { height: 200px; }

body.single .searchandfilter { grid-column: 2 / -2; margin-top: 40px; position: relative; /*		.sf-input-text { font-size: rem(17px) !important; } .sf-field-taxonomy-department { margin-bottom: 10px; }*/ }

.searchandfilter ul { margin-left: 0; }

.searchandfilter ul li { display: inline-block; }

body.search main #lang_sel_list { padding: 0 0 25px; float: left; width: 150px; display: inline; }

body.search main #lang_sel_list, body.search main ul { display: inline; padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; }

body.search main #lang_sel_list { border: none !important; }

body.search main .wpml-ls-link { background: none !important; }

body.search main a { border-bottom: 1px solid #333333; padding: 0; margin: 0; }

/* subpage general */
.page:not(.home), .search-results, .search, .blog, .error404 { /*@include ipadP { #masthead { display: none; } } */ }

.page:not(.home) #primary.content-area, .search-results #primary.content-area, .search #primary.content-area, .blog #primary.content-area, .error404 #primary.content-area { display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; grid-column: 1 / -1; padding-bottom: 50px; }

@media screen and (min-width: 1200px) { .page:not(.home) #primary.content-area, .search-results #primary.content-area, .search #primary.content-area, .blog #primary.content-area, .error404 #primary.content-area { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { .page:not(.home) #primary.content-area, .search-results #primary.content-area, .search #primary.content-area, .blog #primary.content-area, .error404 #primary.content-area { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { .page:not(.home) #primary.content-area, .search-results #primary.content-area, .search #primary.content-area, .blog #primary.content-area, .error404 #primary.content-area { grid-column-gap: 30px; } }

.page:not(.home) #primary.content-area main, .search-results #primary.content-area main, .search #primary.content-area main, .blog #primary.content-area main, .error404 #primary.content-area main { grid-column: 2 / span 7; }

@media screen and (max-width: 960px) { .page:not(.home) #primary.content-area main, .search-results #primary.content-area main, .search #primary.content-area main, .blog #primary.content-area main, .error404 #primary.content-area main { grid-column: 2 / -2; } }

.page:not(.home) .entry-header, .search-results .entry-header, .search .entry-header, .blog .entry-header, .error404 .entry-header { margin-bottom: 40px; grid-column: 2 / -2; }

.page:not(.home) article, .search-results article, .search article, .blog article, .error404 article { padding-top: 90px; }

@media screen and (min-width: 1200px) { .page:not(.home) article, .search-results article, .search article, .blog article, .error404 article { padding-top: 106px; } }

@media screen and (max-width: 650px) { .page:not(.home) article, .search-results article, .search article, .blog article, .error404 article { padding-top: 14vw; } }

.page:not(.home) article .entry-content, .search-results article .entry-content, .search article .entry-content, .blog article .entry-content, .error404 article .entry-content { /*grid-column: 2 / span 7;*/ }

.page:not(.home) article .entry-content h2, .search-results article .entry-content h2, .search article .entry-content h2, .blog article .entry-content h2, .error404 article .entry-content h2 { margin-top: 40px; /* reduce font size on individual recs */ font-size: 1.875rem; }

@media screen and (max-width: 667px) { .page:not(.home) article .entry-content h2, .search-results article .entry-content h2, .search article .entry-content h2, .blog article .entry-content h2, .error404 article .entry-content h2 { font-size: 1.3125rem; } }

.page:not(.home) article .entry-content h3:not(.c-accordion__title), .search-results article .entry-content h3:not(.c-accordion__title), .search article .entry-content h3:not(.c-accordion__title), .blog article .entry-content h3:not(.c-accordion__title), .error404 article .entry-content h3:not(.c-accordion__title) { line-height: 1.3; margin-bottom: 20px; }

.page:not(.home) article .entry-content p, .search-results article .entry-content p, .search article .entry-content p, .blog article .entry-content p, .error404 article .entry-content p { font-size: 1.1875rem; line-height: calc(30/19); }

@media screen and (max-width: 667px) { .page:not(.home) article .entry-content p, .search-results article .entry-content p, .search article .entry-content p, .blog article .entry-content p, .error404 article .entry-content p { font-size: 1.125rem; } }

@media screen and (max-width: 667px) { .page:not(.home) article .entry-content li:not(.sf-field-search), .search-results article .entry-content li:not(.sf-field-search), .search article .entry-content li:not(.sf-field-search), .blog article .entry-content li:not(.sf-field-search), .error404 article .entry-content li:not(.sf-field-search) { font-size: 1.125rem; } }

.page:not(.home) article .entry-content .wp-block-group.has-background, .search-results article .entry-content .wp-block-group.has-background, .search article .entry-content .wp-block-group.has-background, .blog article .entry-content .wp-block-group.has-background, .error404 article .entry-content .wp-block-group.has-background { background: #E4F6F3 !important; border-left: 4px solid #78D0C3; padding: 31px 34px 15px; margin-bottom: 40px; }

.page:not(.home) article .entry-content .wp-block-group.has-background p, .page:not(.home) article .entry-content .wp-block-group.has-background li, .search-results article .entry-content .wp-block-group.has-background p, .search-results article .entry-content .wp-block-group.has-background li, .search article .entry-content .wp-block-group.has-background p, .search article .entry-content .wp-block-group.has-background li, .blog article .entry-content .wp-block-group.has-background p, .blog article .entry-content .wp-block-group.has-background li, .error404 article .entry-content .wp-block-group.has-background p, .error404 article .entry-content .wp-block-group.has-background li { font-size: 1.0625rem; line-height: calc(26/17); }

.search #primary.content-area main, .search-results #primary.content-area main, .blog #primary.content-area main { grid-column: 2 / span 8; }

@media screen and (max-width: 960px) { .search #primary.content-area main, .search-results #primary.content-area main, .blog #primary.content-area main { grid-column: 2 / -2; } }

.search #primary.content-area main #search-form, .search-results #primary.content-area main #search-form, .blog #primary.content-area main #search-form { margin: 30px 0; }

.search #primary.content-area main .result, .search-results #primary.content-area main .result, .blog #primary.content-area main .result { margin-bottom: 30px; padding-bottom: 20px; }

.search #primary.content-area main .result h2, .search-results #primary.content-area main .result h2, .blog #primary.content-area main .result h2 { font-size: 1.5625rem; border-left: 0; padding-left: 0; margin-bottom: 10px; }

.search #primary.content-area main .result h2 a, .search-results #primary.content-area main .result h2 a, .blog #primary.content-area main .result h2 a { border-bottom: 1px solid; color: #13765A; }

.search #primary.content-area main .result h2 a:hover, .search-results #primary.content-area main .result h2 a:hover, .blog #primary.content-area main .result h2 a:hover { color: #333333; }

.search #primary.content-area main .result h2 a:after, .search-results #primary.content-area main .result h2 a:after, .blog #primary.content-area main .result h2 a:after { content: ""; }

.search #primary.content-area main article h1, .search-results #primary.content-area main article h1, .blog #primary.content-area main article h1 { margin-bottom: 25px; }

.page-who-we-are #primary.content-area main, .page-id-913 #primary.content-area main { grid-column: 2 / -2 !important; }

.page-who-we-are #primary.content-area .entry-content, .page-id-913 #primary.content-area .entry-content { grid-column: 2 / -2; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 22px; }

@media screen and (min-width: 1200px) { .page-who-we-are #primary.content-area .entry-content, .page-id-913 #primary.content-area .entry-content { grid-column-gap: 30px; } }

.page-who-we-are #primary.content-area .entry-content .wp-block-group, .page-id-913 #primary.content-area .entry-content .wp-block-group { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 22px; }

@media screen and (min-width: 1200px) { .page-who-we-are #primary.content-area .entry-content .wp-block-group, .page-id-913 #primary.content-area .entry-content .wp-block-group { grid-column-gap: 30px; } }

.page-who-we-are #primary.content-area .entry-content .wp-block-group .wp-block-group__inner-container, .page-id-913 #primary.content-area .entry-content .wp-block-group .wp-block-group__inner-container { grid-column: 1 / span 7; margin-bottom: 30px; padding-bottom: 0px; }

@media screen and (max-width: 960px) { .page-who-we-are #primary.content-area .entry-content .wp-block-group .wp-block-group__inner-container, .page-id-913 #primary.content-area .entry-content .wp-block-group .wp-block-group__inner-container { grid-column: 1 / -1; } }

@media screen and (max-width: 667px) { .page-who-we-are #primary.content-area .entry-content h2:first-of-type, .page-id-913 #primary.content-area .entry-content h2:first-of-type { margin-top: 10px; } }

.page-who-we-are #primary.content-area h2, .page-id-913 #primary.content-area h2 { grid-column: 1 / -1; }

.page-who-we-are #primary.content-area h2 + p, .page-id-913 #primary.content-area h2 + p { grid-column: 1 / -1; }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:last-child, .page-id-913 #primary.content-area .wp-block-columns.alignwide:last-child { margin-top: 30px; }

.page-who-we-are #primary.content-area hr, .page-id-913 #primary.content-area hr { color: #3ACEAA; grid-column: 1 / -1; width: 100%; opacity: 1; }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) { /*			grid-column: 1 / -1; @include subgrid; margin-bottom: 40px; .wp-block-column:first-child { grid-column: 1 / span 2; } .wp-block-column:nth-child(2) { grid-column: 3 / span 4; } .wp-block-column:nth-child(3) { grid-column: 7 / span 2; } .wp-block-column:nth-child(4) { grid-column: 9 / span 4; }*/ display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 22px; margin-bottom: 40px; /*grid-flow: columns;*/ /*			.wp-block-column:nth-child(3) { grid-column: 7 / span 2; } .wp-block-column:nth-child(4) { grid-column: 9 / span 4; }*/ }

@media screen and (min-width: 1200px) { .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) { grid-column-gap: 30px; } }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders):nth-child(even), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders):nth-child(even) { grid-column: 1 / span 6; }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders):nth-child(odd), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders):nth-child(odd) { grid-column: 7 / span 6; }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:first-child, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:first-child { grid-column: auto / span 4; }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(2), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(2) { grid-column: auto / span 8; }

@media screen and (max-width: 960px) { .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders):nth-child(even), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders):nth-child(even) { grid-column: 1 / -1; } .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders):nth-child(odd), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders):nth-child(odd) { grid-column: 1 / -1; } .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:first-child, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:first-child { grid-column: 1 / span 3; } .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(2), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(2) { grid-column: 4 / span 10; } }

@media screen and (max-width: 667px) { .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(odd), .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(even), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(odd), .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(even) { grid-column: 1 / -1; } .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(odd) .wp-block-image, .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(even) .wp-block-image, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(odd) .wp-block-image, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(even) .wp-block-image { width: 100%; margin-bottom: 0; border-top: 1px solid #3ACEAA; } .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(odd) .wp-block-image img, .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(even) .wp-block-image img, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(odd) .wp-block-image img, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(even) .wp-block-image img { width: 70%; } .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(odd) .wp-block-image:first-of-type, .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(even) .wp-block-image:first-of-type, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(odd) .wp-block-image:first-of-type, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) .wp-block-column:nth-child(even) .wp-block-image:first-of-type { padding-top: 30px; border-top: none; } }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) h3, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) h3 { border-left: none; font-family: "Open Sans", Arial, sans-serif; font-size: 1.375rem; padding-left: 0; margin-bottom: 9px; line-height: calc(27/22); }

@media screen and (max-width: 667px) { .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) h3, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) h3 { line-height: calc(31/22); } }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) h3 a, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) h3 a { border-bottom: 1px solid; }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) h3 a:hover, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) h3 a:hover { color: #13765A; }

.page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) p, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) p { font-size: 1rem; }

@media screen and (max-width: 667px) { .page-who-we-are #primary.content-area .wp-block-columns.alignwide:not(.funders) p, .page-id-913 #primary.content-area .wp-block-columns.alignwide:not(.funders) p { font-size: 1.125rem; } }

.page-who-we-are #primary.content-area .wp-block-columns.funders, .page-id-913 #primary.content-area .wp-block-columns.funders { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 22px; }

@media screen and (min-width: 1200px) { .page-who-we-are #primary.content-area .wp-block-columns.funders, .page-id-913 #primary.content-area .wp-block-columns.funders { grid-column-gap: 30px; } }

@media screen and (min-width: 769px) { .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(1), .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(1) { grid-column: 1 / span 3; } .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(2), .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(2) { grid-column: 5 / span 3; } .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(3), .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(3) { grid-column: 9 / span 3; } }

@media screen and (max-width: 768px) { .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(1), .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(1) { grid-column: 1 / span 4; } .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(2), .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(2) { grid-column: 5 / span 4; } .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(3), .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(3) { grid-column: 9 / span 4; } }

@media screen and (max-width: 500px) { .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(1), .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(2), .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(3), .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(1), .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(2), .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(3) { grid-column: 1 / -1; } .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(1) .wp-block-image, .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(2) .wp-block-image, .page-who-we-are #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(3) .wp-block-image, .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(1) .wp-block-image, .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(2) .wp-block-image, .page-id-913 #primary.content-area .wp-block-columns.funders .wp-block-column:nth-child(3) .wp-block-image { padding: 15px 10%; } }

.page-who-we-are #primary.content-area .lshowcase-logos, .page-id-913 #primary.content-area .lshowcase-logos { grid-column: 1 / -1; }

.page-media h2, .page-medias h2 { border-left: none; padding-left: 0; margin-bottom: 15px; }

.page-media .wp-block-button, .page-medias .wp-block-button { margin-top: 20px; margin-bottom: 15px; }

.page-staff .alignleft, .page-biographies .alignleft, .page-personnel .alignleft { margin-right: 25px; }

.page-staff .alignleft img, .page-biographies .alignleft img, .page-personnel .alignleft img { border-radius: 10px; }

@media screen and (max-width: 667px) { .page-staff .alignleft, .page-biographies .alignleft, .page-personnel .alignleft { width: 33%; margin-right: 20px; } .page-staff .alignleft img, .page-biographies .alignleft img, .page-personnel .alignleft img { width: 100%; border-radius: 6px; } }

.page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 22px; }

@media screen and (min-width: 1200px) { .page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type { grid-column-gap: 30px; } }

.page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type .wp-block-button, .page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type .wp-block-button a { width: 100% !important; display: block; }

.page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type .wp-block-column:first-child { grid-column: 1 / span 4; }

@media screen and (max-width: 768px) { .page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type .wp-block-column:first-child { grid-column: 1 / span 8; order: 2; } .page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type .wp-block-column:first-child img { width: 60%; } .page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type .wp-block-column:first-child .wp-block-button { float: left; } }

.page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type .wp-block-column:nth-child(2) { grid-column: 6 / span 7; }

@media screen and (max-width: 960px) { .page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type .wp-block-column:nth-child(2) { grid-column: 5 / span 8; } }

@media screen and (max-width: 768px) { .page.page-template-page-recommendations .entry-content .wp-block-columns:first-of-type .wp-block-column:nth-child(2) { grid-column: 1 / -1; order: 1; } }

@media screen and (max-width: 667px) { .page.page-template-page-recommendations .wp-block-columns { margin-bottom: 0; } }

.page.page-template-page-recommendations .wp-block-columns .wp-block-column { display: flex; margin-bottom: 0; }

.page.page-template-page-recommendations .wp-block-columns:first-of-type .wp-block-column { display: block; }

.page.page-template-page-recommendations #primary.content-area, .page-past-recommendations #primary.content-area, .page-recommandations-anterieur #primary.content-area { display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; grid-column: 1 / -1; }

@media screen and (min-width: 1200px) { .page.page-template-page-recommendations #primary.content-area, .page-past-recommendations #primary.content-area, .page-recommandations-anterieur #primary.content-area { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { .page.page-template-page-recommendations #primary.content-area, .page-past-recommendations #primary.content-area, .page-recommandations-anterieur #primary.content-area { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { .page.page-template-page-recommendations #primary.content-area, .page-past-recommendations #primary.content-area, .page-recommandations-anterieur #primary.content-area { grid-column-gap: 30px; } }

.page.page-template-page-recommendations #primary.content-area main, .page-past-recommendations #primary.content-area main, .page-recommandations-anterieur #primary.content-area main { grid-column: 2 / span 12; }

.page.page-template-page-recommendations .entry-header, .page-past-recommendations .entry-header, .page-recommandations-anterieur .entry-header { margin-bottom: 40px; grid-column: 2 / span 5; }

.page.page-template-page-recommendations .entry-content, .page-past-recommendations .entry-content, .page-recommandations-anterieur .entry-content { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 22px; }

@media screen and (min-width: 1200px) { .page.page-template-page-recommendations .entry-content, .page-past-recommendations .entry-content, .page-recommandations-anterieur .entry-content { grid-column-gap: 30px; } }

.page.page-template-page-recommendations .entry-content > *, .page-past-recommendations .entry-content > *, .page-recommandations-anterieur .entry-content > * { grid-column: 1 / span 12; }

.page.page-template-page-recommendations .entry-content .wp-block-image img, .page-past-recommendations .entry-content .wp-block-image img, .page-recommandations-anterieur .entry-content .wp-block-image img { /*width: 100%;*/ }

@media screen and (max-width: 667px) { .page.page-template-page-recommendations .entry-content .wp-block-image, .page-past-recommendations .entry-content .wp-block-image, .page-recommandations-anterieur .entry-content .wp-block-image { display: none; } }

.page.page-template-page-recommendations .entry-content h2, .page-past-recommendations .entry-content h2, .page-recommandations-anterieur .entry-content h2 { max-width: 430px; }

@media screen and (max-width: 667px) { .page.page-template-page-recommendations .entry-content h2, .page-past-recommendations .entry-content h2, .page-recommandations-anterieur .entry-content h2 { font-size: 1.5625rem !important; } }

.page.page-template-page-recommendations .entry-content p, .page.page-template-page-recommendations .entry-content li:not(.sf-field-search), .page-past-recommendations .entry-content p, .page-past-recommendations .entry-content li:not(.sf-field-search), .page-recommandations-anterieur .entry-content p, .page-recommandations-anterieur .entry-content li:not(.sf-field-search) { font-size: 1.1875rem; line-height: calc(30/19); }

@media screen and (max-width: 960px) { .page.page-template-page-recommendations .entry-content p, .page.page-template-page-recommendations .entry-content li:not(.sf-field-search), .page-past-recommendations .entry-content p, .page-past-recommendations .entry-content li:not(.sf-field-search), .page-recommandations-anterieur .entry-content p, .page-recommandations-anterieur .entry-content li:not(.sf-field-search) { font-size: 1.0625rem !important; } }

@media screen and (max-width: 667px) { .page.page-template-page-recommendations .entry-content p, .page.page-template-page-recommendations .entry-content li:not(.sf-field-search), .page-past-recommendations .entry-content p, .page-past-recommendations .entry-content li:not(.sf-field-search), .page-recommandations-anterieur .entry-content p, .page-recommandations-anterieur .entry-content li:not(.sf-field-search) { font-size: 1.125rem !important; } }

.page.page-template-page-recommendations .entry-content .skipto, .page-past-recommendations .entry-content .skipto, .page-recommandations-anterieur .entry-content .skipto { margin: 24px 0 21px; }

.page.page-template-page-recommendations .entry-content .skipto hr, .page-past-recommendations .entry-content .skipto hr, .page-recommandations-anterieur .entry-content .skipto hr { margin: 0; }

.page.page-template-page-recommendations .entry-content .skipto p, .page-past-recommendations .entry-content .skipto p, .page-recommandations-anterieur .entry-content .skipto p { margin: 8px 0; font-size: 1.0625rem; }

.page.page-template-page-recommendations .entry-content .skipto p:before, .page-past-recommendations .entry-content .skipto p:before, .page-recommandations-anterieur .entry-content .skipto p:before { content: "\f063"; font-family: "Font Awesome 6 Pro"; margin-right: 6px; }

.page.page-template-page-recommendations .entry-content .skipto p a:hover, .page-past-recommendations .entry-content .skipto p a:hover, .page-recommandations-anterieur .entry-content .skipto p a:hover { border-bottom: 1px solid; }

.page.page-template-page-recommendations .wp-block-pb-accordion-item, .page-past-recommendations .wp-block-pb-accordion-item, .page-recommandations-anterieur .wp-block-pb-accordion-item { border-top: 1px solid #3ACEAA; padding: 20px 0; }

.page.page-template-page-recommendations .wp-block-pb-accordion-item .c-accordion__title:after, .page-past-recommendations .wp-block-pb-accordion-item .c-accordion__title:after, .page-recommandations-anterieur .wp-block-pb-accordion-item .c-accordion__title:after { font-size: 2.375rem; color: #333333; font-weight: 600; }

.page.page-template-page-recommendations .wp-block-pb-accordion-item h3, .page-past-recommendations .wp-block-pb-accordion-item h3, .page-recommandations-anterieur .wp-block-pb-accordion-item h3 { border-left: none; font-family: "Open Sans", Arial, sans-serif; font-size: 1.25rem; line-height: 1.3; }

@media screen and (max-width: 667px) { .page.page-template-page-recommendations .wp-block-pb-accordion-item h3, .page-past-recommendations .wp-block-pb-accordion-item h3, .page-recommandations-anterieur .wp-block-pb-accordion-item h3 { padding-left: 0; } }

.page.page-template-page-recommendations .wp-block-pb-accordion-item div ul, .page.page-template-page-recommendations .wp-block-pb-accordion-item div li, .page.page-template-page-recommendations .wp-block-pb-accordion-item div p, .page-past-recommendations .wp-block-pb-accordion-item div ul, .page-past-recommendations .wp-block-pb-accordion-item div li, .page-past-recommendations .wp-block-pb-accordion-item div p, .page-recommandations-anterieur .wp-block-pb-accordion-item div ul, .page-recommandations-anterieur .wp-block-pb-accordion-item div li, .page-recommandations-anterieur .wp-block-pb-accordion-item div p { font-size: 1.125rem; }

@media screen and (max-width: 768px) { .page.page-template-page-recommendations .wp-block-pb-accordion-item div ul, .page.page-template-page-recommendations .wp-block-pb-accordion-item div li, .page.page-template-page-recommendations .wp-block-pb-accordion-item div p, .page-past-recommendations .wp-block-pb-accordion-item div ul, .page-past-recommendations .wp-block-pb-accordion-item div li, .page-past-recommendations .wp-block-pb-accordion-item div p, .page-recommandations-anterieur .wp-block-pb-accordion-item div ul, .page-recommandations-anterieur .wp-block-pb-accordion-item div li, .page-recommandations-anterieur .wp-block-pb-accordion-item div p { font-size: 1.0625rem !important; } }

.page.page-template-page-recommendations .wp-block-pb-accordion-item div > ul, .page-past-recommendations .wp-block-pb-accordion-item div > ul, .page-recommandations-anterieur .wp-block-pb-accordion-item div > ul { margin: 15px 0 20px 15px; }

@media screen and (max-width: 667px) { .page.page-template-page-recommendations .wp-block-pb-accordion-item div > ul, .page-past-recommendations .wp-block-pb-accordion-item div > ul, .page-recommandations-anterieur .wp-block-pb-accordion-item div > ul { margin-left: 0px; padding-left: 30px; } }

.page.page-template-page-recommendations .wp-block-pb-accordion-item div ul li ul.fa-ul, .page-past-recommendations .wp-block-pb-accordion-item div ul li ul.fa-ul, .page-recommandations-anterieur .wp-block-pb-accordion-item div ul li ul.fa-ul { margin: 10px 0 22px; padding-left: 21px; list-style: none; }

.page.page-template-page-recommendations .wp-block-pb-accordion-item div > ul li, .page-past-recommendations .wp-block-pb-accordion-item div > ul li, .page-recommandations-anterieur .wp-block-pb-accordion-item div > ul li { margin-top: 10px; }

.page.page-template-page-recommendations .wp-block-pb-accordion-item div li, .page-past-recommendations .wp-block-pb-accordion-item div li, .page-recommandations-anterieur .wp-block-pb-accordion-item div li { margin-bottom: 12px; }

@media screen and (max-width: 667px) { .page.page-template-page-recommendations .wp-block-pb-accordion-item div li, .page-past-recommendations .wp-block-pb-accordion-item div li, .page-recommandations-anterieur .wp-block-pb-accordion-item div li { margin-bottom: 13px; } }

@media screen and (max-width: 667px) { .page.page-template-page-recommendations .wp-block-columns, .page-past-recommendations .wp-block-columns, .page-recommandations-anterieur .wp-block-columns { gap: 0; } }

.page.page-template-page-recommendations .recommendation-block, .page-past-recommendations .recommendation-block, .page-recommandations-anterieur .recommendation-block { background: #82C44E; -webkit-border-radius: 4px !important; border-radius: 4px !important; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding: 13px; flex-grow: 1; }

@media screen and (max-width: 667px) { .page.page-template-page-recommendations .recommendation-block, .page-past-recommendations .recommendation-block, .page-recommandations-anterieur .recommendation-block { margin-bottom: 7vw; } }

.page.page-template-page-recommendations .recommendation-block:hover, .page-past-recommendations .recommendation-block:hover, .page-recommandations-anterieur .recommendation-block:hover { background: #A8D685; }

.page.page-template-page-recommendations .recommendation-block span, .page-past-recommendations .recommendation-block span, .page-recommandations-anterieur .recommendation-block span { color: #fff; background: #13765A; text-transform: uppercase; letter-spacing: 0.06em; font-size: 13px; padding: 1px 5px; }

.page.page-template-page-recommendations .recommendation-block h3, .page-past-recommendations .recommendation-block h3, .page-recommandations-anterieur .recommendation-block h3 { font-size: 1.25rem; color: #333333; line-height: calc(26/20); font-family: "Open Sans", Arial, sans-serif; text-align: center; border-left: none; padding: 17px 0 10px; }

.page.page-template-page-recommendations .recommendation-block .recommendation-image, .page-past-recommendations .recommendation-block .recommendation-image, .page-recommandations-anterieur .recommendation-block .recommendation-image { width: 40%; margin: 10px auto; }

.page.page-template-page-recommendations .recommendation-block .recommendation-image img, .page-past-recommendations .recommendation-block .recommendation-image img, .page-recommandations-anterieur .recommendation-block .recommendation-image img { width: 100%; margin: 0 auto; }

@media (min-width: 782px) { .page.page-template-page-recommendations .wp-block-columns .recommendation-block, .page-past-recommendations .wp-block-columns .recommendation-block, .page-recommandations-anterieur .wp-block-columns .recommendation-block { flex-basis: 0; flex-grow: 1; } }

.single #primary.content-area { display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; grid-column: 1 / -1; padding-bottom: 50px; }

@media screen and (min-width: 1200px) { .single #primary.content-area { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { .single #primary.content-area { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { .single #primary.content-area { grid-column-gap: 30px; } }

.single #primary.content-area #banner { grid-column: 1 / -1; max-height: 386px; overflow: hidden; }

.single #primary.content-area #banner img { left: 0; width: 100%; max-width: 100% !important; height: auto !important; }

@media screen and (max-width: 667px) { .single #primary.content-area h1 { font-size: 1.625rem; } }

.single #primary.content-area main { grid-column: 2 / span 7; align-self: stretch; }

@media screen and (max-width: 960px) { .single #primary.content-area main { grid-column: 2 / -2; } }

.single #primary.content-area main.nobanner { padding-top: 50px; }

@media screen and (max-width: 667px) { .single #primary.content-area main.nobanner { padding-top: 50px; } }

@media screen and (max-width: 575px) { .single #primary.content-area main.nobanner { padding-top: 20px; } }

@media screen and (max-width: 320px) { .single #primary.content-area main.nobanner { padding-top: 10px; } }

.single aside { margin-top: 71px; padding-top: 30px; grid-column: 10 / span 4; }

@media screen and (min-height: 1000px) and (min-width: 1025px) { .single aside { position: sticky; top: 0; align-self: start; /* makes it stick */ } }

@media screen and (max-width: 960px) { .single aside { grid-column: 2 / -2; position: relative; margin-top: 10px; padding-top: 0; padding-bottom: 30px; clear: both; } }

.single aside h3 { font-size: 1.375rem; font-weight: bold; font-family: "Open Sans", Arial, sans-serif; border-left: none; padding-left: 0; }

.single aside > div { padding-top: 10px; border-top: 4px solid #3ACEAA; }

.single aside > div p { font-size: 1.0625rem; line-height: calc(25/17); font-weight: bold; }

.single aside > div p a, .single aside > div li a { font-weight: normal; border-bottom: 1px solid; }

.single aside > div p a:hover, .single aside > div li a:hover { color: #0a3b2d; }

.single aside > div#related { margin-top: 55px; max-height: calc(100vh - 155px * 2); }

.single aside > div#related ul { margin-top: 15px; margin-left: 0; padding-left: 23px; }

.single aside > div#related ul li { font-size: 1.0625rem; line-height: calc(25/17); margin-bottom: 13px; }

.single article { /*@include subgrid;*/ padding-top: 30px; }

@media screen and (max-width: 960px) { .single article { margin-bottom: 60px; } }

.single article p a, .single article li a { font-weight: normal; border-bottom: 1px solid; }

.single article p a:hover, .single article li a:hover { color: #0a3b2d; }

.single .entry-header { margin-bottom: 30px; grid-column: 1 / span 7; }

.single .entry-header h1 { font-size: 2.1875rem; line-height: calc(46/35); }

@media screen and (max-width: 667px) { .single .entry-header h1 { font-size: 2rem; } }

.single .entry-header #breadcrumb { margin-bottom: 39px; }

.single .entry-header #breadcrumb a { background: #3ACEAA; color: #333333; padding: 7px 9px; font-size: 15px; -webkit-border-radius: 3px !important; border-radius: 3px !important; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }

.single .entry-header #breadcrumb a:hover { background: #78D0C3; }

.single .entry-content { grid-column: 1 / span 7; }

.single .entry-content h2 { margin: 38px 0 12px; font-size: 1.875rem; line-height: 1.35; }

@media screen and (max-width: 667px) { .single .entry-content h2 { font-size: 1.4375rem; } }

.single .entry-content h3 { font-size: 1.625rem; line-height: 1.35; margin: 30px 0 10px; }

@media screen and (max-width: 667px) { .single .entry-content h3 { font-size: 1.25rem; } }

.single .entry-content p, .single .entry-content li { font-size: 1.1875rem; line-height: calc(30/19); }

@media screen and (max-width: 667px) { .single .entry-content p, .single .entry-content li { font-size: 1.125rem; } }

.single .entry-content ol, .single .entry-content ul { margin-top: 25px; margin-left: 15px; padding-left: 23px; /*li { font-size: rem(15px); line-height: 1.4; margin-left: 0; padding-left: 0; }*/ }

.single .entry-content .wp-block-group, .single .entry-content .has-background { background: #E4F6F3 !important; border-left: 4px solid #78D0C3; padding: 35px 28px 15px; margin: 25px 0 40px; }

@media screen and (max-width: 667px) { .single .entry-content .wp-block-group, .single .entry-content .has-background { padding: 20px 15px 15px; } }

.single .entry-content .wp-block-group h2, .single .entry-content .wp-block-group h3, .single .entry-content .has-background h2, .single .entry-content .has-background h3 { border-left: none; padding-left: 0; font-family: "Open Sans", Arial, sans-serif; }

.single .entry-content .wp-block-group h2, .single .entry-content .has-background h2 { font-size: 1.3125rem; }

.single .entry-content .wp-block-group h3, .single .entry-content .has-background h3 { font-size: 1.1875rem; }

.single .entry-content .wp-block-group p, .single .entry-content .wp-block-group li, .single .entry-content .has-background p, .single .entry-content .has-background li { font-size: 1.0625rem; line-height: calc(26/17); }

@media screen and (max-width: 667px) { .single .entry-content .wp-block-group p, .single .entry-content .wp-block-group li, .single .entry-content .has-background p, .single .entry-content .has-background li { font-size: 1rem; } }

.single .entry-content .wp-block-group ol, .single .entry-content .wp-block-group ul, .single .entry-content .has-background ol, .single .entry-content .has-background ul { padding-left: 30px; margin-top: 0; margin-left: 0; }

.single .entry-content .wp-block-group ol li, .single .entry-content .wp-block-group ul li, .single .entry-content .has-background ol li, .single .entry-content .has-background ul li { margin-top: 15px; }

.single .entry-content .wp-block-group ol li:first-child, .single .entry-content .wp-block-group ul li:first-child, .single .entry-content .has-background ol li:first-child, .single .entry-content .has-background ul li:first-child { margin-top: 10px; }

.single .entry-content .wp-block-group ol li ol li, .single .entry-content .wp-block-group ol li ul li, .single .entry-content .wp-block-group ul li ol li, .single .entry-content .wp-block-group ul li ul li, .single .entry-content .has-background ol li ol li, .single .entry-content .has-background ol li ul li, .single .entry-content .has-background ul li ol li, .single .entry-content .has-background ul li ul li { margin-top: 10px; }

.single .entry-content .wp-block-group ul, .single .entry-content .has-background ul { padding-left: 22px; }

.single .entry-content ol.has-background, .single .entry-content ul.has-background { padding: 35px 28px 15px 58px; }

.single .footer-search { grid-column: 2 / -2; position: relative; width: 100%; overflow: hidden; }

@media screen and (max-width: 667px) { .single .footer-search { clear: both; margin-top: 50px; } }

body.logged-in.single aside div { border-top: 4px solid #3ACEAA; padding-top: 10px; }

.page.page-past-recommendations main, .page.page-past-recommendations article, .page.page-past-recommendations .entry-content, .page-recommandations-anterieur main, .page-recommandations-anterieur article, .page-recommandations-anterieur .entry-content { grid-column: 2 / -2 !important; }

.page.page-past-recommendations main p a, .page.page-past-recommendations main li a, .page.page-past-recommendations article p a, .page.page-past-recommendations article li a, .page.page-past-recommendations .entry-content p a, .page.page-past-recommendations .entry-content li a, .page-recommandations-anterieur main p a, .page-recommandations-anterieur main li a, .page-recommandations-anterieur article p a, .page-recommandations-anterieur article li a, .page-recommandations-anterieur .entry-content p a, .page-recommandations-anterieur .entry-content li a { border-bottom: 1px solid; }

.page.page-past-recommendations .wp-block-columns, .page-recommandations-anterieur .wp-block-columns { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 22px; border-top: 1px solid #3ACEAA; padding-top: 48px; }

@media screen and (min-width: 1200px) { .page.page-past-recommendations .wp-block-columns, .page-recommandations-anterieur .wp-block-columns { grid-column-gap: 30px; } }

@media screen and (max-width: 667px) { .page.page-past-recommendations .wp-block-columns, .page-recommandations-anterieur .wp-block-columns { padding-top: 30px; margin-top: 30px; } .page.page-past-recommendations .wp-block-columns:first-of-type, .page-recommandations-anterieur .wp-block-columns:first-of-type { margin-top: 0; } }

.page.page-past-recommendations .wp-block-columns:first-of-type, .page-recommandations-anterieur .wp-block-columns:first-of-type { border-top: 0; padding-top: 0; }

@media screen and (max-width: 667px) { .page.page-past-recommendations .wp-block-columns .wp-block-column p:last-child, .page-recommandations-anterieur .wp-block-columns .wp-block-column p:last-child { margin-bottom: 0; } }

.page.page-past-recommendations .wp-block-columns .wp-block-column:first-of-type, .page-recommandations-anterieur .wp-block-columns .wp-block-column:first-of-type { grid-column: 1 / span 3; }

@media screen and (max-width: 960px) { .page.page-past-recommendations .wp-block-columns .wp-block-column:first-of-type, .page-recommandations-anterieur .wp-block-columns .wp-block-column:first-of-type { grid-column: 1 / span 3; } }

@media screen and (max-width: 667px) { .page.page-past-recommendations .wp-block-columns .wp-block-column:first-of-type, .page-recommandations-anterieur .wp-block-columns .wp-block-column:first-of-type { grid-column: 1 / -1; order: 2; } .page.page-past-recommendations .wp-block-columns .wp-block-column:first-of-type img, .page-recommandations-anterieur .wp-block-columns .wp-block-column:first-of-type img { width: 30%; float: left; margin-right: 20px; display: none; } }

.page.page-past-recommendations .wp-block-columns .wp-block-column:nth-of-type(2), .page-recommandations-anterieur .wp-block-columns .wp-block-column:nth-of-type(2) { grid-column: 4 / span 8; }

@media screen and (max-width: 960px) { .page.page-past-recommendations .wp-block-columns .wp-block-column:nth-of-type(2), .page-recommandations-anterieur .wp-block-columns .wp-block-column:nth-of-type(2) { grid-column: 4 / span 9; } }

@media screen and (max-width: 667px) { .page.page-past-recommendations .wp-block-columns .wp-block-column:nth-of-type(2), .page-recommandations-anterieur .wp-block-columns .wp-block-column:nth-of-type(2) { grid-column: 1 / -1; order: 1; } }

.page.page-past-recommendations .wp-block-columns .wp-block-column h2, .page-recommandations-anterieur .wp-block-columns .wp-block-column h2 { border-left: none; padding-left: 0; margin-top: 0 !important; max-width: 100%; }

@media screen and (max-width: 768px) { .page.page-past-recommendations .wp-block-columns .wp-block-column h2, .page-recommandations-anterieur .wp-block-columns .wp-block-column h2 { font-size: 1.75rem; margin-bottom: 16px; } }

.page.page-past-recommendations .wp-block-columns .wp-block-column .wp-block-button, .page.page-past-recommendations .wp-block-columns .wp-block-column .wp-block-button__link, .page-recommandations-anterieur .wp-block-columns .wp-block-column .wp-block-button, .page-recommandations-anterieur .wp-block-columns .wp-block-column .wp-block-button__link { width: 100%; display: block !important; }

@media screen and (max-width: 667px) { .page.page-past-recommendations .wp-block-columns .wp-block-column .wp-block-button, .page.page-past-recommendations .wp-block-columns .wp-block-column .wp-block-button__link, .page-recommandations-anterieur .wp-block-columns .wp-block-column .wp-block-button, .page-recommandations-anterieur .wp-block-columns .wp-block-column .wp-block-button__link { width: auto; } }

@media screen and (min-width: 668px) and (max-width: 867px) { .page.page-past-recommendations .wp-block-columns .wp-block-column .wp-block-button__link, .page-recommandations-anterieur .wp-block-columns .wp-block-column .wp-block-button__link { font-size: 1.0625rem; padding-left: 10px; padding-right: 10px; } }

@media screen and (max-width: 667px) { .page.page-past-recommendations .wp-block-columns .wp-block-column .wp-block-image, .page-recommandations-anterieur .wp-block-columns .wp-block-column .wp-block-image { margin: 0; } }

.page select, .single select { font-size: 1.1875rem !important; }

@media screen and (max-width: 667px) { .page select, .single select { font-size: 1rem !important; } }

/*** make site padding a mixin or something instead so that mobile spec is inherent  will this work: @media screen and (min-width: $ipadP) { $sitepadding: percentage(30/$container); } */
body { width: 100%; font-size: 16px; font-family: "Open Sans", Arial, sans-serif; line-height: 140%; color: #333333; }

a { color: #13765A; }

a:hover, a:focus { color: #116a51; text-decoration: none; border-bottom-color: #82C44E; }

a p, article li a { border-bottom: 1px solid; }

h1, h2, h3 { font-family: "Source Serif Pro", Georgia, serif; border-left: 4px solid; padding-left: 13px; font-weight: bold; }

h1 a, h2 a, h3 a { border-bottom: none; color: #333333; }

h1 a:hover, h2 a:hover, h3 a:hover { border-bottom: 1px solid; color: #333333; }

h1 { border-left-color: #78D0C3; font-size: 2.5625rem; line-height: calc(47/41); }

@media screen and (max-width: 667px) { h1 { font-size: 2rem; } }

h2 { border-left-color: #3ACEAA; font-size: 2.1875rem; line-height: calc(46/35); margin-bottom: 28px; }

@media screen and (max-width: 667px) { h2 { font-size: 1.625rem; margin-bottom: 20px; } }

h2 a:after { content: '\00a0\f054'; font-size: 1.6875rem; font-family: 'Font Awesome 6 Pro'; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; /*margin-left: 7px;*/ }

h3 { border-left-color: #82C44E; font-size: 1.875rem; }

p, li:not(.ui-menu-item) { font-size: 1.25rem; line-height: calc(31/20); margin-bottom: 15px; }

ul { padding-left: 34px; margin: 0 0 25px 4px; list-style: disc; }

ol { padding-left: 35px; margin: 0 0 25px 4px; list-style: decimal; }

li { margin-bottom: 7px; }

section, footer { clear: both; }

hr { color: #3ACEAA; }

.button, input[type="submit"], .wp-block-button__link { -webkit-border-radius: 0 !important; border-radius: 0 !important; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #333333; font-weight: bold; font-size: 1.375rem; line-height: 1.3; background: #3ACEAA; padding: 14px 35px 13px; text-align: center; -webkit-appearance: none; min-height: 57px; border: 0; }

.button:hover, .button:visited:hover, input[type="submit"]:hover, input[type="submit"]:visited:hover, .wp-block-button__link:hover, .wp-block-button__link:visited:hover { cursor: pointer; background: #34b999; color: #fff; }

@media screen and (max-width: 960px) { .button, input[type="submit"], .wp-block-button__link { font-size: 1.1875rem; padding-top: 17px; } }

.wp-block-button__link:visited { color: #333333; }

.button.alt { -webkit-border-radius: 0 !important; border-radius: 0 !important; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #333333; font-weight: bold; font-size: 1.375rem; line-height: 1.3; background: #fff; padding: 14px 35px 13px; text-align: center; -webkit-appearance: none; min-height: 57px; border: 0; border: 1px solid #3ACEAA; }

.button.alt:hover, .button.alt:visited:hover { cursor: pointer; background: #e6e6e6; color: #fff; }

@media screen and (max-width: 960px) { .button.alt { font-size: 1.1875rem; padding-top: 17px; } }

#page { display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; grid-template-areas: ". header header . . . . . . . . . . ." ". main main main main main main main main main main main main ." ". content content content content content content content content sidebar sidebar sidebar sidebar ."; }

@media screen and (min-width: 1200px) { #page { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { #page { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { #page { grid-column-gap: 30px; } }

.site-inner, header, main { grid-column: 1 / -1; }

#grid { z-index: -1; position: absolute; left: 0; top: 0; height: 100vw; width: 100%; grid-column: 1 / -1; opacity: 0.2; opacity: 0; display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; }

@media screen and (min-width: 1200px) { #grid { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { #grid { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { #grid { grid-column-gap: 30px; } }

#grid div { /*grid-column: auto / 1;*/ background: #ccc; }

#masthead { grid-area: header; height: 139px; z-index: 200; display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; position: relative; }

@media screen and (min-width: 1200px) { #masthead { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { #masthead { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { #masthead { grid-column-gap: 30px; } }

@media screen and (max-width: 667px) { #masthead { height: 109px; } }

@media screen and (max-width: 1024px) { body:not(.home) #masthead { background: #3ACEAA; } }

#masthead .site-branding { grid-column: 2 / 3; }

#masthead .site-branding .logo-wrapper { position: absolute; background: #487F6B; width: 138px; height: 176px; /*padding: 19px auto 0;*/ }

#masthead .site-branding .logo-wrapper img { margin: 0 auto; position: relative; width: 117px; padding-top: 19px; }

@media screen and (max-width: 667px) { #masthead .site-branding .logo-wrapper { width: 22vw; padding: 0 10px 14px 10px; height: auto; } #masthead .site-branding .logo-wrapper img { width: 100%; } }

/* recs pages only:  .entry-content { grid-area: content; } .sidebar { grid-area: sidebar; } */
.home #intro, .home section { display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; z-index: 1; }

@media screen and (min-width: 1200px) { .home #intro, .home section { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { .home #intro, .home section { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { .home #intro, .home section { grid-column-gap: 30px; } }

.home #intro { text-align: left; justify-content: left; padding: 0; }

.home #intro .wp-block-cover__inner-container { grid-column: 2 / -2; }

@media screen and (min-width: 1200px) { .home #intro .wp-block-cover__inner-container { width: 66%; max-width: 680px; } }

.home #intro p { font-size: 1.375rem; line-height: 1.4; font-weight: bold; color: #fff; }

@media screen and (max-width: 768px) { .home #intro p { font-size: 1.125rem; } }

.home #intro p.has-large-font-size { font-size: 1.6875rem !important; line-height: calc(38/27); margin-bottom: 14px; }

@media screen and (max-width: 768px) { .home #intro p.has-large-font-size { font-size: 1.3125rem !important; } }

@media screen and (max-width: 667px) { .home #intro p.has-large-font-size { font-size: 1.25rem !important; } }

.home #intro a { color: #fff; border-bottom: 1px solid; }

@media screen and (min-width: 768px) { .home #intro a:after { content: '\00a0 \f054'; font-size: 1.25rem; white-space: pre; font-family: 'Font Awesome 6 Pro'; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; } }

.home #intro a:hover { color: #78D0C3; }

.home .section, .home .wp-block-columns { display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; grid-column: 1 / -1; margin-bottom: 0; padding: 62px 0; }

@media screen and (min-width: 1200px) { .home .section, .home .wp-block-columns { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { .home .section, .home .wp-block-columns { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { .home .section, .home .wp-block-columns { grid-column-gap: 30px; } }

@media screen and (max-width: 1200px) { .home .section h2 a:after, .home .wp-block-columns h2 a:after { content: ""; } }

.home .section ul, .home .wp-block-columns ul { margin-bottom: 35px; }

.home .section .searchandfilter ul, .home .wp-block-columns .searchandfilter ul { margin-bottom: 0; }

.home .section p a:not(.wp-block-button__link), .home .section li a, .home .wp-block-columns p a:not(.wp-block-button__link), .home .wp-block-columns li a { color: #333333; border-bottom: 1px solid; }

.home .section p a:not(.wp-block-button__link):hover, .home .section li a:hover, .home .wp-block-columns p a:not(.wp-block-button__link):hover, .home .wp-block-columns li a:hover { color: #13765A; }

.home .section .wp-block-buttons, .home .wp-block-columns .wp-block-buttons { display: inline; float: left; margin-bottom: 15px; }

.home .section .wp-block-button, .home .wp-block-columns .wp-block-button { display: inline; margin-right: 3%; }

.home .section.has-blue-background-color, .home .section.has-light-blue-background-color, .home .section.has-mint-background-color, .home .section.has-teal-background-color, .home .wp-block-columns.has-blue-background-color, .home .wp-block-columns.has-light-blue-background-color, .home .wp-block-columns.has-mint-background-color, .home .wp-block-columns.has-teal-background-color { background: #E4F6F3; }

.home .section.has-green-background-color, .home .section.has-light-green-background-color, .home .section.has-avocado-background-color, .home .wp-block-columns.has-green-background-color, .home .wp-block-columns.has-light-green-background-color, .home .wp-block-columns.has-avocado-background-color { background: #EEF7E7; }

.home .section.has-teal-background-color, .home .wp-block-columns.has-teal-background-color { background: #d8f5ee; }

.home .section .wp-block-column:first-child, .home .wp-block-columns .wp-block-column:first-child { grid-column: 2 / span 8; }

@media screen and (max-width: 880px) { .home .section .wp-block-column:first-child, .home .wp-block-columns .wp-block-column:first-child { grid-column: 2 / -2; } }

.home .section .wp-block-column:nth-child(2), .home .wp-block-columns .wp-block-column:nth-child(2) { grid-column: 11 / span 3; margin: 0; }

@media screen and (max-width: 880px) { .home .section .wp-block-column:nth-child(2), .home .wp-block-columns .wp-block-column:nth-child(2) { display: none; } }

.home .section .wp-block-column .wp-block-image, .home .wp-block-columns .wp-block-column .wp-block-image { width: 100%; }

@media screen and (max-width: 768px) { .home .section h2, .home .wp-block-columns h2 { font-size: 1.9375rem; } }

@media screen and (min-width: 1200px) { .home .section h2, .home .wp-block-columns h2 { width: 60%; } }

.home .section p, .home .section li, .home .wp-block-columns p, .home .wp-block-columns li { font-size: 1.25rem; line-height: calc(31/20); }

.home .section figure.wp-block-image figcaption, .home .wp-block-columns figure.wp-block-image figcaption { font-size: 1.125rem; font-weight: bold; line-height: 1.35; text-align: left; }

@media screen and (max-width: 667px) { .home .section figure.wp-block-image figcaption, .home .wp-block-columns figure.wp-block-image figcaption { display: none; } }

.home .section figure.wp-block-image figcaption a, .home .wp-block-columns figure.wp-block-image figcaption a { color: #333333; border-bottom: 1px solid; }

.home .section figure.wp-block-image figcaption a:before, .home .wp-block-columns figure.wp-block-image figcaption a:before { font-family: 'Font Awesome 6 Pro'; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; content: '\f56d'; margin-right: 5px; }

.home #members { display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; grid-column: 1 / -1; padding: 62px 0; }

@media screen and (min-width: 1200px) { .home #members { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { .home #members { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { .home #members { grid-column-gap: 30px; } }

.home #members .wp-block-group__inner-container { grid-column: 2 / -2; }

footer.site-footer { background: #78D0C3; display: grid; grid-template-columns: minmax(30px, 1fr) repeat(12, minmax(0, 67px)) minmax(30px, 1fr); grid-column-gap: 22px; padding: 26px 0; }

@media screen and (min-width: 1200px) { footer.site-footer { grid-template-columns: minmax(60px, 1fr) repeat(12, minmax(0, 67)) minmax(60px, 1fr); } }

@media screen and (max-width: 768px) { footer.site-footer { grid-template-columns: minmax(0px, 1fr) repeat(12, minmax(0, 67px)) minmax(0px, 1fr); } }

@media screen and (min-width: 1200px) { footer.site-footer { grid-column-gap: 30px; } }

@media screen and (min-width: 1200px) { footer.site-footer { height: 74px; } }

footer.site-footer > * { font-size: 0.875rem; }

footer.site-footer > div { grid-column: 2 / -2; }

footer.site-footer > div ul { float: left; margin-left: 0; padding-left: 0; }

@media screen and (max-width: 960px) { footer.site-footer > div ul { float: none; } }

footer.site-footer > div ul li { display: inline; margin-right: 16px; font-size: 0.875rem; }

footer.site-footer > div ul li a { color: #333333; border-bottom: 1px solid; }

footer.site-footer > div #copy-credit { text-align: right; }

@media screen and (min-width: 1200px) { footer.site-footer > div #copy-credit { float: right; } }

@media screen and (max-width: 960px) { footer.site-footer > div #copy-credit { text-align: left; } }

footer.site-footer > div #copy-credit a { color: #333333; border-bottom: 1px solid; }