/* Phoenix BRT blog - static copy. Ported from the hdrspark theme; grid comes from bootstrap-grid.min.css. */

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/roboto-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/roboto-latin.woff2") format("woff2");
}

/* ---------- base ---------- */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal normal normal 1rem/1.6 "Roboto", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: #404040;
  background: #fff;
  font-size: 1rem;
}
*, *::before, *::after { box-sizing: inherit; }

.ccm-page { transition: all 300ms ease-in-out; }
.ccm-page main { display: block; }
.ccm-page main:focus { outline: none; }
.ccm-page img { border-style: none; max-width: 100%; height: auto; }
.ccm-page figure { margin: 0; }
.ccm-page details { display: block; }
.ccm-page summary { display: list-item; }
.ccm-page [hidden] { display: none; }
.ccm-page p,
.ccm-page ol,
.ccm-page ul,
.ccm-page dl,
.ccm-page table { margin: 0 0 1.5rem 0; }
.ccm-page ul li ul { margin-bottom: 0; }
.ccm-page ol li ol { margin-bottom: 0; }
.ccm-page b, .ccm-page strong { font-weight: bolder; }
.ccm-page small { font-size: 80%; }
.ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5 {
  margin: 1.5rem 0;
  font-weight: 600;
  font-family: "Roboto", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.2;
}
.ccm-page h2:not(:first-child),
.ccm-page h3:not(:first-child),
.ccm-page h4:not(:first-child),
.ccm-page h5:not(:first-child) { margin: 1.5rem 0; }
.ccm-page h2:not(:first-child),
.ccm-page h3:not(:first-child) { margin-top: 2rem; }
.ccm-page h2 { font-size: 1.5rem; color: #29de7d; }
.ccm-page h3 { font-size: 1.25rem; color: #404040; }
.ccm-page h4 { font-size: 1.1rem; color: #404040; }
.ccm-page h5 { font-size: 1rem; color: #404040; }
@media (min-width: 600px) {
  .ccm-page h2:not(:first-child),
  .ccm-page h3:not(:first-child) { margin-top: 2.5rem; }
  .ccm-page h2 { font-size: 2rem; }
  .ccm-page h3 { font-size: 1.75rem; }
  .ccm-page h4 { font-size: 1.5rem; }
  .ccm-page h5 { font-size: 1.25rem; }
}
.ccm-page a { color: #0366ff; text-decoration: none; background-color: transparent; }
.ccm-page a:hover, .ccm-page a:active, .ccm-page a:focus { color: #00477a; text-decoration: underline; }
.ccm-page hr { box-sizing: content-box; height: 0; overflow: visible; border: 0; border-top: 1px solid #dedede; }
.ccm-page dt { font-weight: 600; }
.ccm-page dd { margin-bottom: 0.5rem; }
.ccm-page table { border-collapse: collapse; border-spacing: 0; width: 100%; max-width: 100%; }
.ccm-page thead th { border-bottom: 2px solid #dedede; }
.ccm-page td { border-bottom: 1px solid #dedede; }
.ccm-page th, .ccm-page td { text-align: left; padding: 0.5rem; }
@media screen and (max-width: 800px) { .ccm-page th, .ccm-page td { overflow-wrap: anywhere; } .ccm-page #page-content table { height: auto !important; } }

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

:focus-visible { outline: 3px solid #0b0b8a; outline-offset: 2px; }
.ccm-page footer :focus-visible, .ccm-page #hp-title-area :focus-visible { outline-color: #000; }
#footer-top :focus-visible, #sub-footer :focus-visible { outline-color: #fff; }

/* ---------- skip link ---------- */
.ccm-page .skip-link {
  background: #fff; border: 2px solid #000; border-radius: 6px; color: #000;
  font-weight: 700; left: -9999px; padding: 3px 9px; position: absolute; top: 16px; z-index: 10;
}
.ccm-page .skip-link:focus { left: 18px; text-decoration: none; }

/* ---------- header / navigation ---------- */
.ccm-page header {
  align-items: center;
  border-bottom: 4px solid #9dcd5a;
  display: flex;
  justify-content: space-between;
  padding: 8px 3% 6px 1.75%;
}
.ccm-page header img { height: 68px; width: auto; max-width: none; }
.ccm-page header .logo { flex: 0 0 auto; }
.ccm-page header h1 {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;
}
.ccm-page header nav { flex: 0 1 100%; min-width: 0; }
.ccm-page #mobile-menu { display: none; }
.ccm-page #mobile-menu .icon-bars { display: block; width: 0.875em; height: 1.057em; }
.ccm-page header ul {
  background: #fff; list-style-type: none; margin: -4px 0 0; padding: 0; text-align: right; width: 100%;
}
.ccm-page header ul li { display: inline-block; margin-left: 36px; }
.ccm-page header ul li a { color: #000; position: relative; }
.ccm-page header ul li a:before,
.ccm-page header ul li a:after {
  background: #9dcd5a; content: ""; height: 4px; margin-top: 4px; position: absolute; right: 50%; top: 100%; transition: width 0.2s; width: 0;
}
.ccm-page header ul li a:after { left: 50%; right: auto; }
.ccm-page header ul li.nav-path-selected > a { font-weight: 700; }
.ccm-page header ul li.nav-path-selected > a:before,
.ccm-page header ul li.nav-path-selected > a:after { width: 50%; }
.ccm-page header ul li a:hover { color: #000; text-decoration: none; }
.ccm-page header ul li a:hover:before,
.ccm-page header ul li a:hover:after { transition: 0.4s; width: 50%; }
@media screen and (max-width: 1420px) {
  .ccm-page header ul li { font-size: 0.9em; margin-left: 28px; }
}
@media screen and (max-width: 1190px) {
  .ccm-page header img { height: 44px; }
  .ccm-page header ul li { font-size: 0.85em; margin-left: 18px; }
}
.ccm-page header nav > ul li ul {
  background: #fff; box-shadow: 0 10px 10px -4px #333; float: none; margin: 0 0 0 -9999px; opacity: 0; position: absolute;
  text-align: left; transition: 0s; width: auto; z-index: 1;
}
.ccm-page header nav > ul li:hover > ul,
.ccm-page header nav > ul li:focus-within > ul { margin-left: 0; opacity: 1; transition: margin 0s, opacity 0.2s; }
.ccm-page header nav > ul li ul li { display: block; margin: 0; }
.ccm-page header nav > ul li ul li a {
  display: block; font-weight: 400; padding: 5px 14px; transition: background 0.2s; white-space: nowrap;
}
.ccm-page header nav > ul li ul li a:hover { background: #ddd; }
.ccm-page header nav > ul li ul li a:before,
.ccm-page header nav > ul li ul li a:after { display: none; }

/* ---------- footer ---------- */
.ccm-page footer { padding: 0; }
.ccm-page footer #footer-top { background: #007fad; }
.ccm-page footer ul li { display: inline-block; }
.ccm-page footer ul li a { color: #fff; }
.ccm-page footer #connect-with-us { display: inline-block; padding-left: 4%; vertical-align: top; width: 60%; }
.ccm-page footer #connect-with-us h3 { color: #fff; }
.ccm-page footer #connect-with-us ul { padding: 0; }
.ccm-page footer #connect-with-us ul li a { margin-right: 48px; transition: color 0.2s; }
.ccm-page footer #connect-with-us ul li a:hover { color: #fff; text-decoration: underline; }
.ccm-page footer #social-media { display: inline-block; margin: 50px 0 14px; text-align: right; vertical-align: bottom; width: 37%; }
.ccm-page footer #social-media p { margin-bottom: 4px; }
.ccm-page footer #social-media p img { width: 152px; }
.ccm-page footer #social-media ul { margin-bottom: 0; padding-left: 0; }
.ccm-page footer #social-media li img { margin-right: 18px; width: 36px; }
.ccm-page footer #social-media li:last-of-type img { margin-right: 0; }
.ccm-page #sub-footer { background: #64647c; color: #fff; padding-bottom: 24px; }
.ccm-page #subfooterleft { display: inline-block; min-height: 155px; padding: 26px 0 0 4%; vertical-align: bottom; width: 60%; }
.ccm-page #subfooterright { display: inline-block; text-align: right; vertical-align: bottom; width: 37%; }
.ccm-page #subfooterright a {
  background: #64647c; bottom: 64px; box-shadow: 0 4px 8px -4px #333; color: #fff; display: none; font-size: 0.85em; font-weight: 700;
  padding: 2px 8px; position: fixed; right: 18px;
}
.ccm-page #subfooterright a.visible { display: block; }
.ccm-page #subfooterright a:before { border: 8px solid transparent; border-bottom-color: #fff; content: ""; display: block; margin: 0 auto 3px; width: 0; }
html:not(.js) .ccm-page #subfooterright a { display: block; position: static; box-shadow: none; display: inline-block; margin-right: 12px; }
html:not(.js) .ccm-page #subfooterright a:before { display: none; }
.ccm-page #font-sizes button,
.ccm-page #mobile-menu button {
  -webkit-appearance: none; appearance: none; display: inline-block; border: 1px solid transparent; border-radius: 4px;
  font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem;
  text-transform: none; padding: 0.75rem 1.25rem; margin: 0 0 0.5rem 0; vertical-align: middle; text-align: center; cursor: pointer;
  line-height: 1;
}
.ccm-page #font-sizes button { background: transparent; border: 0; border-radius: 0; color: #fff; display: inline-block; margin: 0; padding: 0 8px; vertical-align: middle; }
.ccm-page #font-sizes button.selected { color: #aceff8; }
.ccm-page #font-sizes button:hover { color: #ddd; }
.ccm-page #font-sizes button:last-of-type { border-left: 2px solid #fff; font-size: 1.4em; padding: 0 6px 0 12px; }

/* ---------- layout: banner, title, content ---------- */
.ccm-page #banner-area { background: #f2f2f2; height: 400px; overflow: hidden; }
.ccm-page #banner-area img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.ccm-page #page-content { padding: 0 10% 42px; }
.ccm-page #title-area {
  background-color: #fafafa; border: 12px solid #008ec1; border-width: 0 0 12px 12px; margin: -100px 0 60px; padding: 4px 3% 14px; position: relative; text-align: center;
}
.ccm-page #title-area h2 { color: #000; position: relative; }
.ccm-page #title-area h2:after { background: #9dcd5a; content: ""; height: 4px; left: 50%; margin: 12px 0 0 -30px; position: absolute; top: 100%; width: 60px; }
.ccm-page #page-content h3 span { display: block; }
.ccm-page #page-content h3, .ccm-page #page-content .as-h3 { display: inline-block; margin-top: 0; position: relative; }
.ccm-page #page-content h3:after, .ccm-page #page-content .as-h3:after { background: #9dcd5a; content: ""; height: 3px; left: 0%; margin-top: 3px; position: absolute; top: 100%; width: 100%; }
.ccm-page #page-content h3.teal:after, .ccm-page #page-content .as-h3.teal:after { background: #44c1ba; }
.ccm-page #page-content .as-h3 { font-size: 1.75rem; color: #404040; }
@media (max-width: 599px) { .ccm-page #page-content .as-h3 { font-size: 1.25rem; } }
.ccm-page #page-content h4 { font-size: 2em; padding: 10px 2% 3px; }
.ccm-page #page-content p { padding: 10px 2%; }
.ccm-page #page-content p + p { margin-top: -14px; }
.ccm-page #page-content p span.bold-intro { display: block; font-size: 2em; font-weight: 700; }
.ccm-page #page-content .page-marker { margin: 0; font-size: 0.9em; font-weight: 700; padding: 0; text-transform: uppercase; }
.ccm-page #page-content ul { padding-left: 64px; }
.ccm-page #page-content ul li { margin: 18px 0; }
.ccm-page #page-content .as-h5 { font-size: 1.25rem; color: #404040; margin: 1.5rem 0; padding: 0; font-weight: 600; line-height: 1.2; }
.ccm-page #page-content h3.as-h5 { display: block; }
.ccm-page #page-content h3.as-h5:after { display: none; }
.ccm-page #page-content p.as-h5 + p { margin-top: 0; }
.ccm-page #page-content #blog-share + p:not(.as-h5) { margin-top: 0; }
.ccm-page.tpl-simple #page-content { padding-top: 48px !important; }
.ccm-page .spacer { height: 45.6px; margin: 0 0 1.5rem 0; }
.ccm-page p + .spacer, .ccm-page .spacer + .spacer, .ccm-page .spacer + p { margin-top: -14px; }
.ccm-page #page-content #blog-share + .spacer { margin-top: 0; }
.ccm-page .spacer-empty { height: 20px; margin-bottom: 0; }
.ccm-page .spacer-50 { clear: both; height: 50px; margin: 0; }
.ccm-page .bordered { border: 1px solid #000; }
.ccm-page .float-right-map { float: right; margin: 50px; }
.ccm-page .bordered-table { border: 1px outset #404040; }
.ccm-page .bordered-table th, .ccm-page .bordered-table td { border: 1px inset #404040; border-bottom: 1px solid #dedede; }
.ccm-page .bordered-table thead th { border-bottom: 1px solid #dedede; }
.ccm-page .myth-fact { margin-bottom: 48px; width: 100%; }
.ccm-page .myth-fact thead tr { background: #1f7db1; color: #fff; font-weight: 700; }
.ccm-page .myth-fact thead th { text-align: center; }
.ccm-page .myth-fact tbody td:first-of-type { font-weight: 700; }
@media screen and (max-width: 800px) { .ccm-page .myth-fact { font-size: 0.9em; } }

/* blog header */
.ccm-page #user-area { height: 132px; padding-left: 110px; position: relative; }
.ccm-page #user-area > div:first-of-type { left: 0; position: absolute; }
.ccm-page #user-area > p { font-size: 1.1em; font-weight: 700; margin-bottom: 0; padding: 24px 0 0 !important; }
.ccm-page #user-area > div:nth-of-type(2) { display: inline-block; }
.ccm-page #user-area > div:nth-of-type(3) { display: inline-block; }
.ccm-page #user-area > div:nth-of-type(3):before { content: " - " / ""; }
.ccm-page #blog-share a { font-size: 0.9em; font-weight: 700; margin-right: 8px; }
.ccm-page #user-area p { margin-top: 0; }

/* ---------- homepage ---------- */
.ccm-page.tpl-home #title-area { margin: -80px 10% 10px; text-align: left; }
.ccm-page.tpl-home #title-area h2 { margin-bottom: 0; }
.ccm-page.tpl-home #title-area h2 span { display: block; font-size: 0.6em; font-weight: 400; margin-bottom: 18px; text-transform: uppercase; }
.ccm-page.tpl-home #title-area h2:after { display: none; }
.ccm-page.tpl-home #title-area .title-lead {
  font-size: 1.5rem; font-weight: 600; line-height: 1.2; color: #000; margin: 0 0 1.5rem; padding: 0;
}
@media (min-width: 600px) { .ccm-page.tpl-home #title-area .title-lead { font-size: 2rem; } }
.ccm-page.tpl-home #title-area a { color: #0c0c0c; }
.ccm-page #hp-title-area { background: #94dad6; }
.ccm-page #subtitle-area { margin: 0 10% 56px; padding: 28px 0 20px; }
.ccm-page .homepage-fold .col-md-6:first-of-type { padding-right: 4%; width: 60%; }
.ccm-page .homepage-fold .col-md-6:first-of-type h3 { text-transform: uppercase; }
.ccm-page .homepage-fold .col-md-6:first-of-type h3:after { display: none; }
.ccm-page .homepage-fold .col-md-6:last-of-type { width: 40%; }
.ccm-page .hp-video-section { margin: 0 0 52px; padding: 0 3% 42px; overflow: auto; }
.ccm-page .hp-video-section h3 { text-transform: uppercase; }
.ccm-page .hp-video-section h3 span { font-size: 0.65em; }
.ccm-page .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; max-width: 100%; }
.ccm-page .placeholder { background: #ececec; }
.ccm-page .hp-video-section > .embed-container { float: left; width: 75%; }
.ccm-page .hp-video-section .reserve { float: right; max-height: 420px; overflow: auto; padding-right: 16px; text-align: center; width: 23%; }
.ccm-page .hp-video-section .reserve .embed-container { width: 100%; }
.ccm-page .hp-video-section .reserve .embed-container:after { background-color: rgba(0, 0, 0, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.ccm-page .hp-video-section .reserve .reserve-link {
  display: block; background: transparent; border: 0; border-bottom: 3px solid #f2f2f2; color: #000; margin: 0 0 18px; padding: 14px 0;
  width: 100%; font-weight: 600; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1; transition: color 0.2s;
}
.ccm-page .hp-video-section .reserve .reserve-link:hover { color: #666; text-decoration: none; }
.ccm-page .bringing-brt { background: #94dad6; margin: 30px 0; padding: 0; position: relative; }
.ccm-page .bringing-brt h3 { display: block; }
.ccm-page .bringing-brt h3:after { display: none; }
.ccm-page .bringing-brt ul { list-style-type: none; padding: 0 !important; }
.ccm-page .bringing-brt li { float: left; font-size: 1.3em; font-weight: 700; line-height: 1.1em; margin: 0 2% 0 0 !important; padding: 0; width: 32%; }
.ccm-page .bringing-brt li:last-of-type { margin-right: 0 !important; }
.ccm-page .bringing-brt li img { margin-bottom: 12px; width: 100%; }
.ccm-page .bringing-brt li span { font-size: 0.7em; font-weight: 400; display: block; }
.ccm-page .bringing-brt a { color: #000; }
.ccm-page .bringing-brt a:hover { color: #333; }
.ccm-page .ccm-block-pagelist-behind-scenes-right { border: 4px solid #4cc1ba; max-height: 720px; overflow: auto; padding: 0 24px; }
.ccm-page .ccm-block-pagelist-behind-scenes-right h3 { margin-bottom: 40px; padding-top: 24px; text-transform: uppercase; width: 100%; }
.ccm-page .ccm-block-pagelist-behind-scenes-right h3 span { font-size: 0.6em; }
.ccm-page .ccm-block-pagelist-behind-scenes-right h3:after { background: #c4c4c4 !important; left: -8% !important; margin-top: 18px !important; width: 110% !important; }
.ccm-page .ccm-block-pagelist-behind-scenes-right ul { list-style: none; margin: 0; padding: 0; }
.ccm-page .ccm-block-pagelist-behind-scenes-right li { margin: 0 0 1.5rem; padding: 10px 2%; }
.ccm-page .ccm-block-pagelist-behind-scenes-right li + li { margin-top: -14px; }
.ccm-page .ccm-block-pagelist-behind-scenes-right a {
  border-bottom: 1px solid #c4c4c4; color: #000; display: block; font-size: 1.1em; min-height: 100px; padding-right: 160px; position: relative;
}
.ccm-page .ccm-block-pagelist-behind-scenes-right a span { color: #767676; display: block; font-size: 0.9em; }
.ccm-page .ccm-block-pagelist-behind-scenes-right a img { position: absolute; right: 0; top: 0; width: 150px; }
@media screen and (max-width: 1240px) {
  .ccm-page .ccm-block-pagelist-behind-scenes-right h3 { font-size: 1.5em; padding-top: 18px; }
  .ccm-page .ccm-block-pagelist-behind-scenes-right h3:after { margin-top: 14px !important; }
  .ccm-page .ccm-block-pagelist-behind-scenes-right a { font-size: 0.9em; min-height: 90px; padding-right: 140px; }
  .ccm-page .ccm-block-pagelist-behind-scenes-right a img { width: 120px; }
}
@media screen and (max-width: 700px) {
  .ccm-page .ccm-block-pagelist-behind-scenes-right { max-height: none; }
  .ccm-page .ccm-block-pagelist-behind-scenes-right a { font-size: 1.1em; }
}
@media screen and (max-width: 480px) {
  .ccm-page .ccm-block-pagelist-behind-scenes-right a { font-size: 0.9em; padding-right: 118px; }
  .ccm-page .ccm-block-pagelist-behind-scenes-right a img { width: 100px; }
}

/* ---------- BRT 101 ---------- */
.ccm-page.slug-brt-101 { color: #333; padding: 34px 6%; }
.ccm-page .brt-elements .col-md-4 { cursor: default; margin-right: 2%; text-align: center; width: 32%; }
.ccm-page .brt-elements .col-md-4:last-of-type { margin-right: 0; }
.ccm-page .brt-elements .col-md-4 h4 { border-bottom: 5px solid #fff; display: inline-block; font-size: 1.6em !important; padding-bottom: 4px; transition: border 0.4s; }
.ccm-page .brt-elements .col-md-4:hover h4 { border-bottom-color: #4cc1ba; }
.ccm-page .brt-elements .col-md-4 p:first-of-type { position: relative; }
.ccm-page .brt-elements .col-md-4 img:first-of-type { animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: linear; width: 75%; }
.ccm-page .brt-elements .col-md-4 img:last-of-type { left: 50%; margin-left: -35%; position: absolute; top: 5%; width: 70%; }
.ccm-page .brt-elements .col-md-4 p:last-of-type { background: #fff; border-radius: 8px; transition: background 0.2s; }
.ccm-page .brt-elements .col-md-4:hover img:first-of-type { animation-name: rotate; }
.ccm-page .brt-elements .col-md-4:hover p:last-of-type { background: #4cc1ba; font-weight: 700; }
@keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } }
.ccm-page .brt-benefits ul { list-style-type: none; padding: 0 0 0 32px !important; }
.ccm-page .brt-benefits ul li { margin: 16px 0 42px !important; }
.ccm-page .brt-benefits ul li div { display: inline-block; vertical-align: middle; width: 74%; }
.ccm-page .brt-benefits ul li h4 { color: #7ba046; margin: 0; padding: 0 !important; }
.ccm-page .brt-benefits img { display: inline-block; margin-right: 30px; vertical-align: middle; width: 160px; }
.ccm-page .faq-title { margin-top: 40px; }
.ccm-page #page-content .faq-title { margin-top: 40px; }
.ccm-page #faq-flipcard-section h4, .ccm-page #page-content #faqs ~ h4 { font-size: 1.6em; margin-top: 38px; }
.ccm-page .faq-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 1.5%; font-size: 0.9em; margin: 32px 0; align-items: start; }
.ccm-page .faq-card summary {
  list-style: none; cursor: pointer; background: #007fad; color: #fff !important; font-weight: 700; font-size: 1.4em; line-height: 1.4em;
  padding: 8px 32px; min-height: 130px; display: flex; align-items: center; position: relative;
}
.ccm-page .faq-card summary::-webkit-details-marker { display: none; }
.ccm-page .faq-card summary::marker { content: ""; }
.ccm-page .faq-card[open] summary { background: #007fad; }
.ccm-page .faq-answer { background: #9dcd5a; padding: 24px 32px 16px; }
.ccm-page .faq-answer p { line-height: 1.3em !important; padding: 0 !important; margin-top: 0 !important; }
.ccm-page .faq-answer ul { padding-left: 18px !important; }
.ccm-page .faq-answer li { line-height: 1.3em !important; margin: 0 !important; }
.ccm-page .faq-answer a { color: #0a0a86; text-decoration: underline; }
@media screen and (max-width: 1310px) {
  .ccm-page .faq-grid { font-size: 0.85em; margin: 20px 0; }
  .ccm-page .faq-answer { padding: 14px 18px 8px; }
}
@media screen and (max-width: 1000px) {
  .ccm-page .faq-grid { font-size: 0.75em; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ccm-page .faq-card summary { font-size: 1.2em; }
}
@media screen and (max-width: 650px) { .ccm-page .faq-grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- resources accordion ---------- */
.ccm-page .hdr-accordion-set { margin-bottom: 20px; display: flow-root; }
.ccm-page .hdr-accordion { margin-top: 18px; }
.ccm-page .hdr-accordion summary {
  box-sizing: border-box; list-style: none; cursor: pointer; background: #007fad; color: #fff; font-weight: 600; font-size: 1rem; line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 8px; padding: 12px 20px; position: relative; text-align: left; width: 100%; border: 1px solid #0366ff; border-radius: 4px;
}
.ccm-page .hdr-accordion summary::-webkit-details-marker { display: none; }
.ccm-page .hdr-accordion summary::marker { content: ""; }
.ccm-page .hdr-accordion summary:before,
.ccm-page .hdr-accordion summary:after {
  background: #fff; content: ""; height: 3px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: transform 0.8s; width: 16px;
}
.ccm-page .hdr-accordion summary:after { transform: translateY(-50%) rotate(270deg); }
.ccm-page .hdr-accordion[open] summary:after { transform: translateY(-50%) rotate(0deg); }
.ccm-page .hdr-accordion .acc-panel { background: #eee; margin-bottom: 20px; padding: 14px; }
.ccm-page .hdr-accordion .acc-panel a { color: #0361f4; }

/* links inside running text are underlined so they do not rely on color alone */
.ccm-page #page-content p a, .ccm-page #page-content td a, .ccm-page #page-content .faq-answer a { text-decoration: underline; }
.ccm-page #page-content .newscardcont, .ccm-page .co-create-blog-archive p a, .ccm-page .ccm-block-pagelist-behind-scenes-right a, .ccm-page .bringing-brt a { text-decoration: none; }
.ccm-page #page-content .newscardcont:hover, .ccm-page .co-create-blog-archive p a:hover { text-decoration: underline; }

/* ---------- read next ---------- */
.ccm-page .ccm-block-pagelist-read-next { margin-top: 30px; }
.ccm-page .ccm-block-pagelist-read-next .newsimg { height: 180px; width: 100%; overflow: hidden; }
.ccm-page .ccm-block-pagelist-read-next .newsimg img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; transition: transform 500ms ease-in-out; }
.ccm-page .ccm-block-pagelist-read-next a:hover .newsimg img { transform: scale(1.1); }
.ccm-page .ccm-block-pagelist-read-next .newsinfo { color: #000; font-size: 1.3em; font-weight: 700; line-height: 1.3em; padding: 20px 20px 40px 20px; text-align: center; }
.ccm-page .ccm-block-pagelist-read-next .newsinfo span { display: block; font-size: 0.75em; }
.ccm-page .ccm-block-pagelist-read-next a { color: #000; display: block; }
.ccm-page .ccm-block-pagelist-read-next .col-sm-4 { padding: 0 2%; }
.ccm-page .ccm-block-pagelist-read-next h3 { font-size: 2em; margin-bottom: 38px; position: relative; display: inline-block; }
.ccm-page .ccm-block-pagelist-read-next h3:after { background: #9dcd5a; content: ""; height: 3px; left: 0; margin-top: 6px !important; position: absolute; top: 100%; width: 68px !important; }
.ccm-page .ccm-block-page-list-page-entry-horizontal { margin-bottom: 10px; }
@media screen and (max-width: 1100px) { .ccm-page .ccm-block-pagelist-read-next .newsimg { height: 120px; } }
@media screen and (max-width: 700px) {
  .ccm-page .ccm-block-pagelist-read-next .newsinfo { font-size: 1em; padding: 12px 16px; }
  .ccm-page .ccm-block-pagelist-read-next h3 { font-size: 1.2em; }
}
@media screen and (max-width: 576px) {
  .ccm-page .ccm-block-pagelist-read-next .ccm-block-page-list-pages { font-size: 0.9em; padding: 0 5%; }
  .ccm-page .ccm-block-pagelist-read-next .newsimg { height: 90px; }
  .ccm-page .ccm-block-pagelist-read-next a:hover .newsimg img { transform: scale(1.1); }
}
.ccm-page .fake-read-next { padding: 0 10% 42px; }
.ccm-page .fake-read-next h3 { position: relative; }
.ccm-page .fake-read-next h3:after { background: #9dcd5a; content: ""; height: 3px; left: 0; margin-top: 3px; position: absolute; top: 100%; width: 100%; }
.ccm-page .fake-read-next a { color: #000; }
.ccm-page .fake-read-next span { display: block; }
.ccm-page .fake-read-next .newsimg { display: block; }
@media screen and (max-width: 1068px) { .ccm-page .fake-read-next { padding: 0 6% 24px; } }
@media screen and (max-width: 700px) { .ccm-page .fake-read-next { padding: 0 24px 4px; } }

/* ---------- archive lists ---------- */
.ccm-page .ccm-block-pagelist-archive-list { padding-bottom: 30px; }
.ccm-page .ccm-block-pagelist-archive-list .newsimg { height: 180px; margin-bottom: 8px; width: 100%; overflow: hidden; }
.ccm-page .ccm-block-pagelist-archive-list .newsimg img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.ccm-page .ccm-block-pagelist-archive-list > a { color: #000; display: inline-block; line-height: 1.3em; margin-right: 2%; margin-bottom: 14px; vertical-align: top; width: 22%; }
.ccm-page .ccm-block-pagelist-archive-list .ccm-block-page-list-header > span { display: block; }
.ccm-page .ccm-block-pagelist-archive-list .ccm-block-page-list-header a { color: #000; display: block; float: right; margin-top: 20px; text-transform: uppercase; }
.ccm-page .ccm-block-pagelist-archive-list .ccm-block-page-list-header a img { display: inline-block; height: 12px; width: auto; margin: -3px 0 0 3px; vertical-align: middle; }
@media screen and (max-width: 1400px) {
  .ccm-page .ccm-block-pagelist-archive-list .newsimg { height: 100px; }
  .ccm-page .ccm-block-pagelist-archive-list > a { font-size: 0.9em; margin-bottom: 18px; }
  .ccm-page .ccm-block-pagelist-archive-list .ccm-block-page-list-header a { font-size: 0.9em; }
}
@media screen and (max-width: 1000px) { .ccm-page .ccm-block-pagelist-archive-list > a { width: 30%; } }
@media screen and (max-width: 700px) {
  .ccm-page .ccm-block-pagelist-archive-list > a { width: 47%; }
  .ccm-page .ccm-block-pagelist-archive-list .ccm-block-page-list-header a { display: block; float: none; font-weight: 700; line-height: 1.2em; margin: -2px 0 18px; }
}

/* ---------- misc pages ---------- */
.ccm-page .co-create-blog-archive img { display: block; margin-bottom: 8px; width: 30%; }
.ccm-page .co-create-blog-archive a { color: #000; font-weight: 700; }
.ccm-page #news-feed-title .news-list { list-style: none; margin: 0; padding: 0; }
.ccm-page #news-feed-title .ccm-block-page-list-page-entry { margin: 0 0 18px; padding-left: 24px; position: relative; }
.ccm-page #news-feed-title .ccm-block-page-list-page-entry a { color: #0e0e6a; }
.ccm-page #news-feed-title .ccm-block-page-list-page-entry:before { background: #9dcd5a; content: ""; height: 12px; left: 0; position: absolute; top: 6px; width: 12px; }
.ccm-page .ccm-block-page-list-title { font-weight: 700; }
.ccm-page .bigmap-img img { max-width: 700px; width: 100%; }
.ccm-page .map-placeholder { min-height: 0; }
.ccm-page.slug-project-insights-where-were-going .bigmap-img img { max-width: 500px; }
@media screen and (max-width: 700px) {
  .ccm-page .bigmap-img { border: 1px solid #aaa; overflow: auto; width: 100%; }
  .ccm-page .bigmap-img img { max-width: 8000%; width: 520px; }
}

/* ---------- random quotes ---------- */
.ccm-page #random-quotes { overflow: hidden; position: relative; }
.ccm-page #random-quotes > img { width: 100%; }
.ccm-page #random-quotes ul { list-style-type: none; margin: 0; padding: 0; }
.ccm-page #random-quotes ul li {
  background: rgba(255, 255, 255, 0.8); border-radius: 50px; cursor: pointer; padding: 16px 34px 10px; left: 35%; opacity: 0.85; position: absolute; top: 54%; transition: 0.4s; margin: 0 !important;
}
.ccm-page #random-quotes ul li button { background: transparent; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; display: block; }
.ccm-page #random-quotes ul li img { width: 88px; display: block; }
.ccm-page #random-quotes ul li:nth-of-type(2) { left: 58%; top: 57%; }
.ccm-page #random-quotes ul li:nth-of-type(2) img { width: 98px; }
.ccm-page #random-quotes ul li:nth-of-type(3) { left: 78%; top: 52%; }
.ccm-page #random-quotes ul li:nth-of-type(3) img { width: 98px; }
.ccm-page #random-quotes ul li:nth-of-type(4) { left: 16%; top: 51%; }
.ccm-page #random-quotes ul li:nth-of-type(4) img { width: 81px; }
.ccm-page #random-quotes ul li:nth-of-type(5) { left: 5%; top: 65%; }
.ccm-page #random-quotes ul li:nth-of-type(5) img { width: 128px; }
.ccm-page #random-quotes ul li:nth-of-type(6) { left: 38%; top: 65%; }
.ccm-page #random-quotes ul li:nth-of-type(6) img { width: 134px; }
.ccm-page #random-quotes ul li:nth-of-type(7) { left: 74%; top: 66%; }
.ccm-page #random-quotes ul li:nth-of-type(7) img { width: 134px; }
.ccm-page #random-quotes ul li:nth-of-type(8) { left: 16%; top: 78%; }
.ccm-page #random-quotes ul li:nth-of-type(8) img { width: 156px; }
.ccm-page #random-quotes ul li:nth-of-type(9) { left: 48%; top: 76%; }
.ccm-page #random-quotes ul li:nth-of-type(9) img { width: 164px; }
.ccm-page #random-quotes ul li:nth-of-type(10) { left: 78%; top: 77%; }
.ccm-page #random-quotes ul li:nth-of-type(10) img { width: 158px; }
.ccm-page #random-quotes ul li:nth-of-type(11) { left: 28%; top: 42%; }
.ccm-page #random-quotes ul li:nth-of-type(11) img { width: 72px; }
.ccm-page #random-quotes ul li:nth-of-type(12) { left: 48%; top: 45%; }
.ccm-page #random-quotes ul li:nth-of-type(12) img { width: 74px; }
.ccm-page #random-quotes ul li:nth-of-type(13) { left: 68%; top: 41%; }
.ccm-page #random-quotes ul li:nth-of-type(13) img { width: 78px; }
.ccm-page #random-quotes ul li:hover { opacity: 1; }
.ccm-page #random-quotes ul li:after { border: 12px solid transparent; border-top-color: rgba(255, 255, 255, 0.8); border-left-color: rgba(255, 255, 255, 0.8); content: ""; left: 42px; position: absolute; top: 100%; }
.ccm-page #random-quotes ul li span:not(.sr-only) { display: none; font-size: 1.3em; line-height: 1.2em; }
.ccm-page #random-quotes ul li.opened { cursor: default; left: 25%; opacity: 0.95; padding: 16px 34px 16px; top: 14%; width: 50%; z-index: 2; }
.ccm-page #random-quotes ul li.opened img { display: none; }
.ccm-page #random-quotes ul li.opened span:not(.sr-only) { display: block; }
html:not(.js) .ccm-page #random-quotes > img { display: none; }
html:not(.js) .ccm-page #random-quotes ul li { position: static; border-radius: 0; margin: 0 0 12px !important; width: auto; background: #f2f2f2; }
html:not(.js) .ccm-page #random-quotes ul li:after, html:not(.js) .ccm-page #random-quotes ul li img { display: none; }
html:not(.js) .ccm-page #random-quotes ul li span:not(.sr-only) { display: block; }
@media screen and (max-width: 1333px) {
  .ccm-page #random-quotes ul li:nth-of-type(1) img { width: 48px; }
  .ccm-page #random-quotes ul li:nth-of-type(2) img { width: 44px; }
  .ccm-page #random-quotes ul li:nth-of-type(3) img { width: 54px; }
  .ccm-page #random-quotes ul li:nth-of-type(4) img { width: 48px; }
  .ccm-page #random-quotes ul li:nth-of-type(5) img { width: 55px; }
  .ccm-page #random-quotes ul li:nth-of-type(6) img { width: 52px; }
  .ccm-page #random-quotes ul li:nth-of-type(7) img { width: 54px; }
  .ccm-page #random-quotes ul li:nth-of-type(8) img { width: 66px; }
  .ccm-page #random-quotes ul li:nth-of-type(9) img { width: 71px; }
  .ccm-page #random-quotes ul li:nth-of-type(10) img { width: 66px; }
  .ccm-page #random-quotes ul li:nth-of-type(11) img { width: 42px; }
  .ccm-page #random-quotes ul li:nth-of-type(12) img { width: 42px; }
  .ccm-page #random-quotes ul li:nth-of-type(13) img { width: 42px; }
}
@media screen and (max-width: 992px) {
  .ccm-page #random-quotes ul li { padding: 10px 18px 8px; }
  .ccm-page #random-quotes ul li:after { border-width: 8px; left: 18px; }
  .ccm-page #random-quotes ul li:nth-of-type(1) img { width: 22px; }
  .ccm-page #random-quotes ul li:nth-of-type(2) img { width: 24px; }
  .ccm-page #random-quotes ul li:nth-of-type(3) img { width: 24px; }
  .ccm-page #random-quotes ul li:nth-of-type(4) img { width: 28px; }
  .ccm-page #random-quotes ul li:nth-of-type(5) img { width: 35px; }
  .ccm-page #random-quotes ul li:nth-of-type(6) img { width: 32px; }
  .ccm-page #random-quotes ul li:nth-of-type(7) img { width: 33px; }
  .ccm-page #random-quotes ul li:nth-of-type(8) img { width: 46px; }
  .ccm-page #random-quotes ul li:nth-of-type(9) img { width: 51px; }
  .ccm-page #random-quotes ul li:nth-of-type(10) img { width: 46px; }
  .ccm-page #random-quotes ul li:nth-of-type(11) img { width: 22px; }
  .ccm-page #random-quotes ul li:nth-of-type(12) img { width: 24px; }
  .ccm-page #random-quotes ul li:nth-of-type(13) img { width: 24px; }
  .ccm-page #random-quotes ul li.opened { left: 10%; top: 6%; width: 80%; }
  .ccm-page #random-quotes ul li.opened:after { border-width: 14px; left: 10%; }
}
@media screen and (max-width: 700px) {
  .ccm-page #random-quotes ul li { margin-top: -20px !important; padding: 6px 14px 3px; }
  .ccm-page #random-quotes ul li.opened { left: 4%; margin: 0 !important; padding: 10px 22px 10px; top: 4%; width: 92%; }
  .ccm-page #random-quotes ul li span:not(.sr-only) { font-size: 1em; }
}

/* ---------- process graphic ---------- */
.ccm-page #process-graphic { position: relative; }
.ccm-page #process-graphic > img { width: 100%; }
.ccm-page #process-graphic * img { width: 100%; }
.ccm-page #process-graphic > div { position: absolute; }
.ccm-page #process-graphic .bus { left: 33%; top: 12%; width: 10%; }
.ccm-page #process-graphic .bus.animate { animation-name: busmovepart; animation-fill-mode: forwards; animation-duration: 6s; animation-iteration-count: 1; }
.ccm-page #process-graphic .mark { width: 13%; }
.ccm-page #process-graphic .mark p { bottom: 100%; font-weight: 700; line-height: 1.2em; margin: 0 0 18px -28px; left: 0; padding: 0 0 5px; position: absolute; }
.ccm-page #process-graphic .mark p:after { background: #9dcd5a; content: ""; height: 4px; left: 0; position: absolute; top: 100%; width: 100%; }
.ccm-page #process-graphic .mark.n2 { left: 18%; top: 8%; }
.ccm-page #process-graphic .mark.n5 { left: 69.5%; top: 20%; width: 12%; }
.ccm-page #process-graphic .mark.n5 p { left: 76%; margin-left: 0; width: 142px; }
.ccm-page #process-graphic .mark.n7 { left: 48%; top: 37.5%; width: 14%; }
.ccm-page #process-graphic .mark.n7 p { left: 50%; margin-left: -71px; text-align: center; width: 142px; }
.ccm-page #process-graphic .mark.n10 { left: 11.5%; top: 37.5%; width: 12%; }
.ccm-page #process-graphic .mark.n10 p { margin-left: -51px; width: 122px; }
.ccm-page #process-graphic .mark.n14 { left: 40%; top: 63%; width: 13%; }
.ccm-page #process-graphic .mark.n14 p { left: 50%; margin-left: -58px; text-align: center; width: 100px; }
.ccm-page #process-graphic .stop { height: 6%; position: absolute; width: 3.25%; }
.ccm-page #process-graphic .stop .hotspot { display: block; height: 100%; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; position: relative; border-radius: 50%; }
.ccm-page #process-graphic .stop ul {
  background: #1f7f79; border-radius: 4px; bottom: 100%; left: -99999px; margin: 0 0 -6px 14px; opacity: 0; padding: 3px 8px 3px 24px; position: absolute; width: 136px; z-index: 1;
}
.ccm-page #process-graphic .stop ul li { color: #fff; font-size: 0.8em; font-weight: 700; line-height: 1.1em; margin: 7px 0; }
.ccm-page #process-graphic .stop.green { height: 4.5%; }
.ccm-page #process-graphic .stop.green ul { background: #9dcd5a; border-radius: 50px; list-style-type: none; padding: 2px 20px; }
.ccm-page #process-graphic .stop.green ul li { color: #404040; }
.ccm-page #process-graphic .stop.green ul:after { border: 14px solid transparent; border-top-color: #9dcd5a; border-width: 28px 8px; content: ""; margin-left: -20px; margin-top: -4px; position: absolute; transform: rotate(20deg); }
.ccm-page #process-graphic .stop.right { height: 3.5%; width: 5.3%; }
.ccm-page #process-graphic .stop.showlist ul { left: 100%; opacity: 1; transition: left 0s, opacity 0.2s; }
.ccm-page #process-graphic .stop.n3 { left: 40.8%; top: 8.15%; }
.ccm-page #process-graphic .stop.n4 { left: 62.3%; top: 9.15%; }
.ccm-page #process-graphic .stop.n6 { left: 38%; top: 49.5%; text-align: center; transform: translateX(-50%); width: 9%; }
.ccm-page #process-graphic .stop.n6 .we-here-temp { color: #628038; font-weight: 700; position: static; width: 100% !important; }
.ccm-page #process-graphic .stop.n6 ul { left: auto; right: 99999px; }
.ccm-page #process-graphic .stop.n8 { left: 36.9%; top: 44.4%; }
.ccm-page #process-graphic .stop.n9 { left: 28.7%; top: 35.5%; }
.ccm-page #process-graphic .stop.n11 { left: 18.5%; top: 53.3%; }
.ccm-page #process-graphic .stop.n12 { left: 18.5%; top: 60.7%; }
.ccm-page #process-graphic .stop.n13 { left: 27%; top: 70.5%; }
.ccm-page #process-graphic .stop.n15 { left: 60.7%; top: 61.6%; }
.ccm-page #process-graphic .stop.n16 { left: 78.4%; top: 71.6%; }
.ccm-page #process-graphic .stop.n16 ul { left: auto; right: 99999px; }
.ccm-page #process-graphic .stop.n17 { left: 78.6%; top: 83.8%; }
.ccm-page #process-graphic .stop.n17 ul { left: auto; right: 99999px; }
.ccm-page #process-graphic .stop.n18 { left: 58.7%; top: 83.7%; }
.ccm-page #process-graphic .stop.showlist.n16 ul:after { margin-left: 0; margin-right: 6px; right: 0; transform: rotate(-20deg); }
.ccm-page #process-graphic .stop.showlist.n6 ul,
.ccm-page #process-graphic .stop.showlist.n16 ul,
.ccm-page #process-graphic .stop.showlist.n17 ul { left: auto; margin-right: 14px; right: 100%; }
@keyframes busmovepart {
  0% { left: 33%; top: 12%; }
  26% { left: 71%; opacity: 1; transform: rotate(0deg); top: 12%; }
  36% { left: 71%; transform: rotate(90deg); top: 12%; }
  70% { left: 71%; transform: rotate(90deg); top: 41%; }
  74% { left: 71%; transform: rotate(0deg) scaleX(-1); top: 40%; }
  100% { left: 35%; transform: rotate(0deg) scaleX(-1); top: 40%; }
}
@media screen and (max-width: 600px) { .ccm-page #process-graphic .stop.n6 { width: 150px; } }
@media screen and (max-width: 992px) { .ccm-page #process-graphic .mark p { font-size: 0.85em; padding-bottom: 3px; } }
@media screen and (max-width: 700px) {
  .ccm-page #process-graphic { margin-top: 40px; }
  .ccm-page #process-graphic .bus { margin-top: -12px; }
  .ccm-page #process-graphic .mark p { font-size: 0.7em; line-height: 1em; padding-bottom: 3px; }
  .ccm-page #process-graphic .mark.n5 p { left: 76%; margin-left: 0; width: 64px; }
  .ccm-page #process-graphic .mark.n7 p { left: 76%; margin-left: -40px; margin-bottom: 10px; width: 64px; }
  .ccm-page #process-graphic .mark.n10 p { margin-left: -41px; margin-bottom: 10px; width: 60px; }
  .ccm-page #process-graphic .mark.n14 p { margin-left: -44px; margin-bottom: 10px; width: 80px; }
  .ccm-page #process-graphic .stop ul { margin: 0 0 8px 4px; padding: 0 6px 0 20px; width: 120px; }
  .ccm-page #process-graphic .stop.green ul:after { margin-top: -12px; transform: rotate(40deg); }
  .ccm-page .we-here-temp { font-size: 0.8em; }
}
html:not(.js) .ccm-page #process-graphic > div { position: static; width: auto; height: auto; }
html:not(.js) .ccm-page #process-graphic .bus,
html:not(.js) .ccm-page #process-graphic .mark img,
html:not(.js) .ccm-page #process-graphic .hotspot { display: none; }
html:not(.js) .ccm-page #process-graphic .mark p { position: static; margin: 12px 0 0; }
html:not(.js) .ccm-page #process-graphic .stop ul { position: static; opacity: 1; width: auto; margin: 0 0 12px; transform: none; }
html:not(.js) .ccm-page #process-graphic .stop ul:after { display: none; }

/* ---------- contact ---------- */
.ccm-page .contact-area { background-color: #33827e; color: #fff; margin: 38px 0 90px; padding: 0 10% 48px; position: relative; }
.ccm-page .contact-area:after { border: 28px solid transparent; border-width: 54px 38px; border-bottom-color: #33827e; bottom: 100%; content: ""; left: 9%; position: absolute; }
.ccm-page .contact-area h3 { color: #fff; font-size: 1.1rem; }
@media (min-width: 600px) { .ccm-page .contact-area h3 { font-size: 1.5rem; } }
.ccm-page .contact-area a, .ccm-page .contact-area .link-button { color: #fff; text-decoration: underline; }
.ccm-page .contact-area .col-md-6:first-of-type { left: 58%; position: absolute; top: 38px; width: 24%; }
.ccm-page .contact-area .col-md-6:last-of-type { width: 56%; }
.ccm-page .contact-area .form-placeholder { min-height: 220px; }
@media screen and (max-width: 700px) { .ccm-page .contact-area .form-placeholder { min-height: 0; } }
.ccm-page .link-button { background: none; border: 0; padding: 0; font: inherit; cursor: pointer; color: #0366ff; text-decoration: underline; }
.ccm-page .policy-link { padding-top: 14px; }
.ccm-page .hdr-modal { border: 0; padding: 0; background: #fff; color: #000; box-shadow: 4px 13px 28px 0 #111; width: 74%; max-width: 74%; max-height: 74vh; overflow: auto; }
.ccm-page .hdr-modal::backdrop { background: rgba(0, 0, 0, 0.75); }
.ccm-page .hdr-modal .hdr-modal-content { padding: 0 3% 22px; }
.ccm-page .hdr-modal form { margin: 0; }
.ccm-page .hdr-modal .hdr-close-modal { background: transparent; border: 0; color: #333; cursor: pointer; font-size: 3em; line-height: 0.6em; padding: 0 5px 3px; position: absolute; right: 10px; top: 6px; }
.ccm-page .hdr-modal .hdr-close-modal:hover { color: #666; }
.ccm-page .hdr-modal img { margin-top: 38px; height: 88px; width: auto; display: block; margin-bottom: 24px; }
.ccm-page .hdr-modal .hdr-modal-title { margin: 36px 28px 6px 0; color: #404040; }
.ccm-page .hdr-modal h4 { color: #000; display: block; font-size: 1.5rem; }
.ccm-page .hdr-modal p, .ccm-page .hdr-modal li { color: #000; }
.ccm-page .hdr-modal a { color: #0a0a86; text-decoration: underline; }
html:not(.js) .ccm-page .hdr-modal { display: block; position: static; width: auto; max-width: none; max-height: none; box-shadow: none; margin-top: 30px; }
html:not(.js) .ccm-page .hdr-modal form, html:not(.js) .ccm-page .policy-link { display: none; }
@media screen and (max-width: 790px) {
  .ccm-page .hdr-modal { width: 84%; max-width: 84%; max-height: 82vh; }
  .ccm-page .hdr-modal .hdr-close-modal { font-size: 2em; }
}

/* ---------- font size toggle ---------- */
.ccm-page.font-2 { font-size: 22px; }
.ccm-page.font-2 header nav > ul { width: 1000px; }
.ccm-page.font-2 header nav > ul > li { margin-left: 34px; }
@media screen and (min-width: 1840px) { .ccm-page > * { font-size: 20px; } }

/* ---------- responsive (tablet / mobile) ---------- */
@media screen and (max-width: 1333px) {
  .ccm-page.font-2 header { padding: 8px 14px 4px; position: relative; }
  .ccm-page.font-2 header img { height: 54px; }
  .ccm-page.font-2 #mobile-menu { display: block; position: absolute; right: 6px; top: 16px; }
  .ccm-page.font-2 #mobile-menu button { background: #fff; border: 0; color: #000; font-size: 1.3em; }
  .ccm-page.font-2 header nav > ul {
    border-left: 1px solid #9dcd5a; box-shadow: 0 4px 8px -4px #333; margin: 4px 0 0; opacity: 0; position: absolute; right: 200%; text-align: center; top: 100%; transition: 0s; width: 240px;
  }
  .ccm-page.font-2 header nav > ul.showing { opacity: 1; right: 0; transition: right 0s, opacity 0.3s; z-index: 1; }
  .ccm-page.font-2 header nav > ul > li { border-bottom: 1px solid #9dcd5a; display: block; font-size: 0.9em; margin: 0; padding: 3px; }
  .ccm-page.font-2 header nav > ul li { font-size: 0.9em; }
  .ccm-page.font-2 header nav > ul > li a:before, .ccm-page.font-2 header nav > ul > li a:after { display: none; }
  .ccm-page.font-2 header nav > ul li ul { box-shadow: none; font-size: 0.9em; margin-left: 0; position: static; text-align: center; width: 100%; }
  .ccm-page.font-2 header nav > ul li ul li { padding: 0; }
  .ccm-page.font-2 header nav > ul li ul li:first-of-type { border-top: 1px solid #9dcd5a; margin-top: 2px; }
  .ccm-page.font-2 header nav > ul li ul li a { padding: 3px 0; }
}
@media screen and (max-width: 1260px) {
  .ccm-page .brt-elements .col-md-4 h4 { font-size: 1.2em !important; margin: 0 0 14px; }
  .ccm-page .brt-elements .col-md-4 p:last-of-type { font-size: 0.9em; line-height: 1.3em; padding-top: 0 !important; }
  .ccm-page .hp-video-section .reserve { max-height: 360px; }
  .ccm-page .hp-video-section .reserve .reserve-link { font-size: 0.8em; }
}
@media screen and (max-width: 1068px) {
  .ccm-page #banner-area { height: 280px; }
  .ccm-page #page-content { padding: 0 6% 24px; }
  .ccm-page #title-area { margin-top: -130px; }
  .ccm-page.tpl-home #title-area { margin: -130px 6% 10px; }
  .ccm-page #subtitle-area { margin: 0 6% 56px; padding: 18px 0 10px; }
}
@media screen and (max-width: 992px) {
  .ccm-page header { padding: 8px 14px 4px; position: relative; }
  .ccm-page header img { height: 54px; }
  .ccm-page #mobile-menu { display: block; position: absolute; right: 6px; top: 16px; margin: 0; }
  .ccm-page #mobile-menu button { background: #fff; border: 0; color: #000; font-size: 1.3em; }
  .ccm-page header nav > ul {
    border-left: 1px solid #9dcd5a; box-shadow: 0 4px 8px -4px #333; margin: 4px 0 0; opacity: 0; position: absolute; right: 200%; text-align: center; top: 100%; transition: 0s; width: 190px;
  }
  .ccm-page header nav > ul.showing { opacity: 1; right: 0; transition: right 0s, opacity 0.3s; z-index: 1; }
  .ccm-page header nav > ul > li { border-bottom: 1px solid #9dcd5a; display: block; font-size: 0.9em; margin: 0; padding: 3px; }
  .ccm-page header nav > ul li { font-size: 0.9em; border-bottom: 1px solid #9dcd5a; }
  .ccm-page header nav > ul > li a:before, .ccm-page header nav > ul > li a:after { display: none; }
  .ccm-page header nav > ul li ul { box-shadow: none; font-size: 0.9em; margin-left: 0; position: static; text-align: center; width: 100%; opacity: 0; }
  .ccm-page header nav > ul li:hover > ul, .ccm-page header nav > ul li:focus-within > ul { opacity: 1; }
  .ccm-page header nav > ul li ul li { padding: 0; }
  .ccm-page header nav > ul li ul li:first-of-type { border-top: 1px solid #9dcd5a; margin-top: 2px; }
  .ccm-page header nav > ul li ul li a { padding: 3px 0; white-space: normal; }
  .ccm-page #subtitle-area { font-size: 0.85em; }
  .ccm-page .homepage-fold .col-md-6:first-of-type { width: 100%; }
  .ccm-page .homepage-fold .col-md-6:last-of-type { width: 100%; }
  .ccm-page .brt-elements .col-md-4 h4 { border-bottom-color: #4cc1ba; }
  .ccm-page .brt-elements .col-md-4 p:last-of-type { opacity: 1; }
  .ccm-page .brt-benefits img { width: 120px; }
  .ccm-page .brt-benefits ul li h4 { font-size: 1.3em; color: #628038; }
  .ccm-page .brt-benefits ul li div { font-size: 0.9em; width: 64%; }
  .ccm-page .bringing-brt li { font-size: 1.1em; }
}
@media screen and (max-width: 700px) {
  .ccm-page #banner-area { height: 160px; }
  .ccm-page #page-content { padding: 0 24px 4px; }
  .ccm-page #page-content p { font-size: 0.9em; line-height: 1.3em; }
  .ccm-page #page-content ul { font-size: 0.9em; padding-left: 48px; }
  .ccm-page #page-content ul li { margin: 12px 0; }
  .ccm-page #page-content h4 { font-size: 1.6em; margin: 12px 0; }
  .ccm-page #page-content p span.bold-intro { display: block; font-size: 1.5em; font-weight: 700; margin-bottom: 3px; }
  .ccm-page #title-area { border-width: 0 0 6px 6px; margin: -70px 0 32px; padding: 16px 20px 12px; }
  .ccm-page #title-area h2 { font-size: 1.5em; margin-top: 0; }
  .ccm-page #title-area p { line-height: 1.2em; margin-bottom: 0; }
  .ccm-page.tpl-home #title-area { margin: -70px 24px 10px; }
  .ccm-page.tpl-home #title-area h2 { margin-bottom: 0; }
  .ccm-page #subtitle-area { margin: 0 28px 30px; padding: 8px 0 1px; }
  .ccm-page footer #connect-with-us { padding: 0 1%; text-align: center; width: 100%; }
  .ccm-page footer #connect-with-us h3 { font-size: 1.3em; margin: 16px 0 10px; }
  .ccm-page footer #connect-with-us ul { margin-bottom: 10px; }
  .ccm-page footer #connect-with-us ul li a { display: block; font-size: 0.9em; margin: 0 14px 5px; }
  .ccm-page footer #social-media { margin-top: 0; text-align: center; width: 100%; }
  .ccm-page #sub-footer { padding-bottom: 18px; }
  .ccm-page #subfooterleft { padding: 4px 0 0 18px; min-height: 0; }
  .ccm-page #subfooterright { width: 36%; }
  .ccm-page #subfooterright a { display: none !important; }
  .ccm-page footer #social-media p img { width: 114px; }
  .ccm-page footer #social-media li img { margin-right: 14px; width: 26px; }
  .ccm-page .brt-elements .col-md-4 { margin: 0 2% !important; width: 96%; }
  .ccm-page .brt-elements .col-md-4 p:first-of-type { margin-bottom: 0; }
  .ccm-page .brt-elements .col-md-4 img:first-of-type { width: 55%; }
  .ccm-page .brt-elements .col-md-4 img:last-of-type { margin-left: -25%; top: 8%; width: 50%; }
  .ccm-page .brt-benefits img { margin-right: 16px; width: 80px; }
  .ccm-page .brt-benefits ul { padding-left: 8px !important; }
  .ccm-page .brt-benefits ul li h4 { font-size: 1.1em; }
  .ccm-page .brt-benefits ul li div { font-size: 0.8em; line-height: 1.2em; }
  .ccm-page .hp-video-section > .embed-container { margin-bottom: 8px; width: 100%; }
  .ccm-page .hp-video-section .reserve { float: none; width: 100%; }
  .ccm-page .hp-video-section .reserve .embed-container { display: none; }
  .ccm-page .hp-video-section .reserve .reserve-link { font-size: 0.75em; margin-bottom: 0; padding: 9px 0; }
  .ccm-page .contact-area { margin-bottom: 48px; padding: 0 2% 24px; }
  .ccm-page .contact-area .col-md-6 { width: 96% !important; }
  .ccm-page .contact-area .row { margin-left: 0; margin-right: 0; }
  .ccm-page .contact-area .col-md-6:first-of-type { padding: 22px 8% 0; position: static; }
  .ccm-page .contact-area:after { border-width: 30px 22px; left: 50%; margin-left: -30px; }
}
@media screen and (max-width: 480px) {
  .ccm-page header img { height: 46px; }
  .ccm-page #mobile-menu { right: 0; top: 15px; }
  .ccm-page #mobile-menu button { font-size: 1.1em; }
  .ccm-page #sub-footer { padding-bottom: 10px; }
  .ccm-page #subfooterleft { padding: 0 5%; text-align: center; width: 100%; }
  .ccm-page #subfooterright { text-align: center; width: 100%; }
  .ccm-page #font-sizes button:last-of-type { padding-right: 12px; }
  .ccm-page .co-create-blog-archive img { width: 100%; }
  .ccm-page #user-area > p { padding-top: 12px !important; }
  .ccm-page #user-area > div:nth-of-type(2), .ccm-page #user-area > div:nth-of-type(3) { font-size: 0.85em; line-height: 1.1em; }
  .ccm-page .bringing-brt ul li { padding-bottom: 16px; width: 100%; }
  .ccm-page .bringing-brt ul li img { margin-bottom: 4px; }
}

/* ---------- online workshop page ---------- */
.ccm-page.tpl-workshop #page-content { padding-top: 1px; }
.ccm-page.tpl-workshop #title-area { margin-top: 60px; }
.ccm-page #title-area h1 { color: #000; position: relative; font-size: 1.5rem; margin: 1.5rem 0; font-weight: 600; line-height: 1.2; }
@media (min-width: 600px) { .ccm-page #title-area h1 { font-size: 2rem; } }
.ccm-page #title-area h1:after { background: #9dcd5a; content: ""; height: 4px; left: 50%; margin: 12px 0 0 -30px; position: absolute; top: 100%; width: 60px; }
.ccm-page .workshop h2 { display: inline-block; position: relative; font-size: 1.75rem; color: #404040; margin-top: 0; }
.ccm-page .workshop h2:after { background: #9dcd5a; content: ""; height: 3px; left: 0; margin-top: 3px; position: absolute; top: 100%; width: 100%; }
.ccm-page .workshop h2.how-to { margin-top: 2.5rem; }
.ccm-page .workshop .slide { margin-top: 3rem; }
.ccm-page .workshop .slide > h2 { display: block; }
.ccm-page .workshop .slide > h2:after { width: 120px; }
.ccm-page .workshop h3 { font-size: 1.5rem; }
.ccm-page .workshop h4 { font-size: 1.4rem; padding: 0; }
.ccm-page .workshop .text-center { text-align: center; }
.ccm-page .workshop .text-end { text-align: right; }
.ccm-page .workshop figure { margin: 0 0 1rem; }
.ccm-page .workshop figcaption { font-size: 0.9em; text-align: center; padding: 4px 0; }
.ccm-page .workshop .brt-icons { text-align: center; }
.ccm-page .workshop .brt-icons > div { margin-bottom: 1.5rem; }
.ccm-page .workshop .brt-icons img { height: 145px; width: auto; }
.ccm-page .workshop .brt-icons h4 { margin: 0.5rem 0 0; }
.ccm-page .workshop .considerations { list-style: none; padding: 0 !important; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem; counter-reset: c; }
.ccm-page .workshop .considerations li { margin: 0 !important; padding: 1rem; border: 1px solid #dedede; border-radius: 8px; text-align: center; counter-increment: c; }
.ccm-page .workshop .considerations li:after { content: counter(c) / ""; display: block; font-weight: 700; color: #628038; }
.ccm-page .workshop .considerations img { height: 80px; width: auto; }
.ccm-page .workshop .standard-table img { height: 40px; width: auto; vertical-align: middle; margin-right: 8px; }
.ccm-page .workshop .standard-table th, .ccm-page .workshop .standard-table td { vertical-align: top; }
.ccm-page .workshop .standard-table tbody th { font-weight: 400; }
.ccm-page .workshop .placeholder-tall { height: 700px; max-width: 100%; }
.ccm-page .workshop .form-placeholder { min-height: 0; }
.ccm-page .workshop details.spanish-video { margin: 1rem 0; }
.ccm-page .workshop details.spanish-video summary { cursor: pointer; color: #0366ff; text-align: right; }
.ccm-page .workshop .bg-dark-teal, .ccm-page .workshop .bg-green, .ccm-page .workshop .bg-blue { color: #fff; border-radius: 6px; padding: 1rem; height: 100%; }
.ccm-page .workshop .bg-dark-teal { background: #0d5a56; }
.ccm-page .workshop .bg-green { background: #3b6d1a; }
.ccm-page .workshop .bg-blue { background: #00678f; }
.ccm-page .workshop .bg-dark-teal a, .ccm-page .workshop .bg-green a, .ccm-page .workshop .bg-blue a { color: #fff; text-decoration: underline; }
.ccm-page .workshop .bg-dark-teal h4, .ccm-page .workshop .bg-green h4, .ccm-page .workshop .bg-blue h4 { color: #fff; margin-top: 0; }
.ccm-page .workshop .bg-dark-teal ul, .ccm-page .workshop .bg-blue ul { padding-left: 20px; }
.ccm-page .workshop .row > .col-lg-4 { margin-bottom: 1rem; }
.ccm-page .workshop .corner-links { list-style: none; padding: 0 !important; }

/* ---------- accessibility ---------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}