/* 6-layout.faa1c18d.css */
.fl-builder-content *,.fl-builder-content *:before,.fl-builder-content *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.fl-row:before,.fl-row:after,.fl-row-content:before,.fl-row-content:after,.fl-col-group:before,.fl-col-group:after,.fl-col:before,.fl-col:after,.fl-module:before,.fl-module:after,.fl-module-content:before,.fl-module-content:after {display: table;content: " ";}.fl-row:after,.fl-row-content:after,.fl-col-group:after,.fl-col:after,.fl-module:after,.fl-module-content:after {clear: both;}.fl-clear {clear: both;}.fl-clearfix:before,.fl-clearfix:after {display: table;content: " ";}.fl-clearfix:after {clear: both;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}.fl-row,.fl-row-content {margin-left: auto;margin-right: auto;min-width: 0;}.fl-row-content-wrap {position: relative;}.fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap {background-attachment: scroll;}.fl-row-bg-video,.fl-row-bg-video .fl-row-content,.fl-row-bg-embed,.fl-row-bg-embed .fl-row-content {position: relative;}.fl-row-bg-video .fl-bg-video,.fl-row-bg-embed .fl-bg-embed-code {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;}.fl-row-bg-video .fl-bg-video video,.fl-row-bg-embed .fl-bg-embed-code video {bottom: 0;left: 0px;max-width: none;position: absolute;right: 0;top: 0px;}.fl-row-bg-video .fl-bg-video video {min-width: 100%;min-height: 100%;width: auto;height: auto;}.fl-row-bg-video .fl-bg-video iframe,.fl-row-bg-embed .fl-bg-embed-code iframe {pointer-events: none;width: 100vw;height: 56.25vw; max-width: none;min-height: 100vh;min-width: 177.77vh; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }.fl-bg-video-fallback {background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;bottom: 0px;left: 0px;position: absolute;right: 0px;top: 0px;}.fl-row-bg-slideshow,.fl-row-bg-slideshow .fl-row-content {position: relative;}.fl-row .fl-bg-slideshow {bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 0;}.fl-builder-edit .fl-row .fl-bg-slideshow * {bottom: 0;height: auto !important;left: 0;position: absolute !important;right: 0;top: 0;}.fl-row-bg-overlay .fl-row-content-wrap:after {border-radius: inherit;content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;}.fl-row-bg-overlay .fl-row-content {position: relative;z-index: 1;}.fl-row-default-height .fl-row-content-wrap,.fl-row-custom-height .fl-row-content-wrap {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;min-height: 100vh;}.fl-row-overlap-top .fl-row-content-wrap {display: -webkit-inline-box;display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: 100%;}.fl-row-default-height .fl-row-content-wrap,.fl-row-custom-height .fl-row-content-wrap {min-height: 0;}.fl-row-default-height .fl-row-content,.fl-row-full-height .fl-row-content,.fl-row-custom-height .fl-row-content {-webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}.fl-row-default-height .fl-row-full-width.fl-row-content,.fl-row-full-height .fl-row-full-width.fl-row-content,.fl-row-custom-height .fl-row-full-width.fl-row-content {max-width: 100%;width: 100%;}.fl-row-default-height.fl-row-align-center .fl-row-content-wrap,.fl-row-full-height.fl-row-align-center .fl-row-content-wrap,.fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {align-items: center;justify-content: center;-webkit-align-items: center;-webkit-box-align: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-align: center;-ms-flex-pack: center;}.fl-row-default-height.fl-row-align-bottom .fl-row-content-wrap,.fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap,.fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap {align-items: flex-end;justify-content: flex-end;-webkit-align-items: flex-end;-webkit-justify-content: flex-end;-webkit-box-align: end;-webkit-box-pack: end;-ms-flex-align: end;-ms-flex-pack: end;}.fl-col-group-equal-height {display: flex;flex-wrap: wrap;width: 100%;}.fl-col-group-equal-height.fl-col-group-has-child-loading {flex-wrap: nowrap;}.fl-col-group-equal-height .fl-col,.fl-col-group-equal-height .fl-col-content {display: flex;flex: 1 1 auto;}.fl-col-group-equal-height .fl-col-content {flex-direction: column;flex-shrink: 1;min-width: 1px;max-width: 100%;width: 100%;}.fl-col-group-equal-height:before,.fl-col-group-equal-height .fl-col:before,.fl-col-group-equal-height .fl-col-content:before,.fl-col-group-equal-height:after,.fl-col-group-equal-height .fl-col:after,.fl-col-group-equal-height .fl-col-content:after{content: none;}.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content,.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content {justify-content: flex-start;}.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content,.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content {align-items: center;justify-content: center;}.fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content,.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content {justify-content: flex-end;}.fl-col-group-equal-height.fl-col-group-align-center .fl-module,.fl-col-group-equal-height.fl-col-group-align-center .fl-col-group {width: 100%;}.fl-col {float: left;min-height: 1px;}.fl-col-bg-overlay .fl-col-content {position: relative;}.fl-col-bg-overlay .fl-col-content:after {border-radius: inherit;content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;}.fl-col-bg-overlay .fl-module {position: relative;z-index: 2;}.fl-module img {max-width: 100%;}.fl-builder-module-template {margin: 0 auto;max-width: 1100px;padding: 20px;}.fl-builder-content a.fl-button,.fl-builder-content a.fl-button:visited {border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;display: inline-block;font-size: 16px;font-weight: normal;line-height: 18px;padding: 12px 24px;text-decoration: none;text-shadow: none;}.fl-builder-content .fl-button:hover {text-decoration: none;}.fl-builder-content .fl-button:active {position: relative;top: 1px;}.fl-builder-content .fl-button-width-full .fl-button {display: block;text-align: center;}.fl-builder-content .fl-button-width-custom .fl-button {display: inline-block;text-align: center;max-width: 100%;}.fl-builder-content .fl-button-left {text-align: left;}.fl-builder-content .fl-button-center {text-align: center;}.fl-builder-content .fl-button-right {text-align: right;}.fl-builder-content .fl-button i {font-size: 1.3em;height: auto;margin-right:8px;vertical-align: middle;width: auto;}.fl-builder-content .fl-button i.fl-button-icon-after {margin-left: 8px;margin-right: 0;}.fl-builder-content .fl-button-has-icon .fl-button-text {vertical-align: middle;}.fl-icon-wrap {display: inline-block;}.fl-icon {display: table-cell;vertical-align: middle;}.fl-icon a {text-decoration: none;}.fl-icon i {float: right;height: auto;width: auto;}.fl-icon i:before {border: none !important;height: auto;width: auto;}.fl-icon-text {display: table-cell;text-align: left;padding-left: 15px;vertical-align: middle;}.fl-icon-text-empty {display: none;}.fl-icon-text *:last-child {margin: 0 !important;padding: 0 !important;}.fl-icon-text a {text-decoration: none;}.fl-icon-text span {display: block;}.fl-icon-text span.mce-edit-focus {min-width: 1px;}.fl-photo {line-height: 0;position: relative;}.fl-photo-align-left {text-align: left;}.fl-photo-align-center {text-align: center;}.fl-photo-align-right {text-align: right;}.fl-photo-content {display: inline-block;line-height: 0;position: relative;max-width: 100%;}.fl-photo-img-svg {width: 100%;}.fl-photo-content img {display: inline;height: auto;max-width: 100%;}.fl-photo-crop-circle img {-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}.fl-photo-caption {font-size: 13px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;}.fl-photo-caption-below {padding-bottom: 20px;padding-top: 10px;}.fl-photo-caption-hover {background: rgba(0,0,0,0.7);bottom: 0;color: #fff;left: 0;opacity: 0;filter: alpha(opacity = 0);padding: 10px 15px;position: absolute;right: 0;-webkit-transition:opacity 0.3s ease-in;-moz-transition:opacity 0.3s ease-in;transition:opacity 0.3s ease-in;}.fl-photo-content:hover .fl-photo-caption-hover {opacity: 100;filter: alpha(opacity = 100);}.fl-builder-pagination,.fl-builder-pagination-load-more {padding: 40px 0;}.fl-builder-pagination ul.page-numbers {list-style: none;margin: 0;padding: 0;text-align: center;}.fl-builder-pagination li {display: inline-block;list-style: none;margin: 0;padding: 0;}.fl-builder-pagination li a.page-numbers,.fl-builder-pagination li span.page-numbers {border: 1px solid #e6e6e6;display: inline-block;padding: 5px 10px;margin: 0 0 5px;}.fl-builder-pagination li a.page-numbers:hover,.fl-builder-pagination li span.current {background: #f5f5f5;text-decoration: none;}.fl-slideshow,.fl-slideshow * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}.fl-slideshow .fl-slideshow-image img {max-width: none !important;}.fl-slideshow-social {line-height: 0 !important;}.fl-slideshow-social * {margin: 0 !important;}.fl-builder-content .bx-wrapper .bx-viewport {background: transparent;border: none;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;left: 0;}.mfp-wrap button.mfp-arrow,.mfp-wrap button.mfp-arrow:active,.mfp-wrap button.mfp-arrow:hover,.mfp-wrap button.mfp-arrow:focus {background: transparent !important;border: none !important;outline: none;position: absolute;top: 50%;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}.mfp-wrap .mfp-close,.mfp-wrap .mfp-close:active,.mfp-wrap .mfp-close:hover,.mfp-wrap .mfp-close:focus {background: transparent !important;border: none !important;outline: none;position: absolute;top: 0;box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important;}.admin-bar .mfp-wrap .mfp-close,.admin-bar .mfp-wrap .mfp-close:active,.admin-bar .mfp-wrap .mfp-close:hover,.admin-bar .mfp-wrap .mfp-close:focus {top: 32px!important;}img.mfp-img {padding: 0;}.mfp-counter {display: none;}.mfp-wrap .mfp-preloader.fa {font-size: 30px;}.fl-form-field {margin-bottom: 15px;}.fl-form-field input.fl-form-error {border-color: #DD6420;}.fl-form-error-message {clear: both;color: #DD6420;display: none;padding-top: 8px;font-size: 12px;font-weight: lighter;}.fl-form-button-disabled {opacity: 0.5;}.fl-animation {opacity: 0;}.fl-builder-preview .fl-animation,.fl-builder-edit .fl-animation,.fl-animated {opacity: 1;}.fl-animated {animation-fill-mode: both;-webkit-animation-fill-mode: both;}.fl-button.fl-button-icon-animation i {width: 0 !important;opacity: 0;-ms-filter: "alpha(opacity=0)";transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;}.fl-button.fl-button-icon-animation:hover i {opacity: 1! important;-ms-filter: "alpha(opacity=100)";}.fl-button.fl-button-icon-animation i.fl-button-icon-after {margin-left: 0px !important;}.fl-button.fl-button-icon-animation:hover i.fl-button-icon-after {margin-left: 10px !important;}.fl-button.fl-button-icon-animation i.fl-button-icon-before {margin-right: 0 !important;}.fl-button.fl-button-icon-animation:hover i.fl-button-icon-before {margin-right: 20px !important;margin-left: -10px;}.single:not(.woocommerce).single-fl-builder-template .fl-content {width: 100%;}.fl-builder-layer {position: absolute;top:0;left:0;right: 0;bottom: 0;z-index: 0;pointer-events: none;overflow: hidden;}.fl-builder-shape-layer {z-index: 0;}.fl-builder-shape-layer.fl-builder-bottom-edge-layer {z-index: 1;}.fl-row-bg-overlay .fl-builder-shape-layer {z-index: 1;}.fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer {z-index: 2;}.fl-row-has-layers .fl-row-content {z-index: 1;}.fl-row-bg-overlay .fl-row-content {z-index: 2;}.fl-builder-layer > * {display: block;position: absolute;top:0;left:0;width: 100%;}.fl-builder-layer + .fl-row-content {position: relative;}.fl-builder-layer .fl-shape {fill: #aaa;stroke: none;stroke-width: 0;width:100%;}@supports (-webkit-touch-callout: inherit) {.fl-row.fl-row-bg-parallax .fl-row-content-wrap,.fl-row.fl-row-bg-fixed .fl-row-content-wrap {background-position: center !important;background-attachment: scroll !important;}}@supports (-webkit-touch-callout: none) {.fl-row.fl-row-bg-fixed .fl-row-content-wrap {background-position: center !important;background-attachment: scroll !important;}}.fl-builder-content a.fl-button,.fl-builder-content a.fl-button:visited {background: #fafafa;border: 1px solid #ccc;color: #333;}.fl-builder-content a.fl-button *,.fl-builder-content a.fl-button:visited * {color: #333;}@media (max-width: 1200px) {}@media (max-width: 1280px) { .fl-col-group.fl-col-group-medium-reversed {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;flex-direction: row-reverse;} }@media (max-width: 880px) { .fl-row-content-wrap {background-attachment: scroll !important;}.fl-row-bg-parallax .fl-row-content-wrap {background-attachment: scroll !important;background-position: center center !important;}.fl-col-group.fl-col-group-equal-height {display: block;}.fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {display: -webkit-box;display: -webkit-flex;display: flex;}.fl-col-group.fl-col-group-responsive-reversed {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;flex-direction: row-reverse;}.fl-col-group.fl-col-group-responsive-reversed .fl-col:not(.fl-col-small-custom-width) {flex-basis: 100%;width: 100% !important;}.fl-col-group.fl-col-group-medium-reversed:not(.fl-col-group-responsive-reversed) {display: unset;display: unset;-webkit-flex-wrap: unset;flex-wrap: unset;flex-direction: unset;}.fl-col {clear: both;float: none;margin-left: auto;margin-right: auto;width: auto !important;}.fl-col-small:not(.fl-col-small-full-width) {max-width: 400px;}.fl-block-col-resize {display:none;} }@media (min-width: 1201px) {html .fl-visible-large:not(.fl-visible-desktop),html .fl-visible-medium:not(.fl-visible-desktop),html .fl-visible-mobile:not(.fl-visible-desktop) {display: none;}}@media (min-width: 1281px) and (max-width: 1200px) {html .fl-visible-desktop:not(.fl-visible-large),html .fl-visible-medium:not(.fl-visible-large),html .fl-visible-mobile:not(.fl-visible-large) {display: none;}}@media (min-width: 881px) and (max-width: 1280px) {html .fl-visible-desktop:not(.fl-visible-medium),html .fl-visible-large:not(.fl-visible-medium),html .fl-visible-mobile:not(.fl-visible-medium) {display: none;}}@media (max-width: 880px) {html .fl-visible-desktop:not(.fl-visible-mobile),html .fl-visible-large:not(.fl-visible-mobile),html .fl-visible-medium:not(.fl-visible-mobile) {display: none;}}.fl-row-fixed-width {max-width: 1160px;}.fl-col-content {margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 58px;padding-right: 58px;padding-bottom: 58px;padding-left: 58px;}.fl-module-content, :where(.fl-module:not(:has(> .fl-module-content))) {margin-top: 21px;margin-right: 21px;margin-bottom: 21px;margin-left: 21px;}@media(max-width: 880px) {.fl-col[data-node] > .fl-col-content {padding-top: 26px;padding-right: 26px;padding-bottom: 26px;padding-left: 26px;}}@media(max-width: 880px) {.fl-node-xqrm2b7hyjuv > .fl-row-content-wrap {aspect-ratio: 16/9;}} .fl-node-xqrm2b7hyjuv > .fl-row-content-wrap {margin-right:0px;}@media ( max-width: 1280px ) { .fl-node-xqrm2b7hyjuv.fl-row > .fl-row-content-wrap {margin-top:7vh;}}@media ( max-width: 880px ) { .fl-node-xqrm2b7hyjuv.fl-row > .fl-row-content-wrap {margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;}} .fl-node-xqrm2b7hyjuv > .fl-row-content-wrap {padding-right:8em;padding-left:8em;}@media ( max-width: 1200px ) { .fl-node-xqrm2b7hyjuv.fl-row > .fl-row-content-wrap {padding-right:0px;padding-left:0px;}}@media ( max-width: 880px ) { .fl-node-xqrm2b7hyjuv.fl-row > .fl-row-content-wrap {padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}}@media ( max-width: 1280px ) { .fl-node-ftzvo6ydh05u.fl-row > .fl-row-content-wrap {margin-top:4vh;}}.fl-node-5c268b327c24d > .fl-row-content-wrap {background-color: #ffffff;} .fl-node-5c268b327c24d > .fl-row-content-wrap {padding-top:3em;padding-bottom:3em;}.fl-node-h6ufp7klmd82 {width: 100%;}@media(max-width: 880px) {.fl-builder-content .fl-node-h6ufp7klmd82 {width: 100% !important;max-width: none;clear: none;float: left;}}@media ( max-width: 880px ) { .fl-node-h6ufp7klmd82.fl-col > .fl-col-content {margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}} .fl-node-h6ufp7klmd82 > .fl-col-content {padding-top:2em;padding-right:0em;padding-bottom:0em;padding-left:0em;}@media ( max-width: 1200px ) { .fl-node-h6ufp7klmd82.fl-col > .fl-col-content {padding-top:0px;}}@media ( max-width: 880px ) { .fl-node-h6ufp7klmd82.fl-col > .fl-col-content {padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}}.fl-node-xbv7lqra5i3t {width: 100%;}@media ( max-width: 880px ) { .fl-node-xbv7lqra5i3t.fl-col > .fl-col-content {margin-top:0px;}} .fl-node-xbv7lqra5i3t > .fl-col-content {padding-top:0px;}@media ( max-width: 1280px ) { .fl-node-xbv7lqra5i3t.fl-col > .fl-col-content {padding-right:0px;padding-left:0px;}}@media ( max-width: 880px ) { .fl-node-xbv7lqra5i3t.fl-col > .fl-col-content {padding-top:0px;}}.fl-node-lzci6f7nde5h {width: 100%;}@media(max-width: 880px) {.fl-builder-content .fl-node-lzci6f7nde5h {width: 100% !important;max-width: none;clear: none;float: left;}}@media ( max-width: 880px ) { .fl-node-lzci6f7nde5h.fl-col > .fl-col-content {padding-right:0px;padding-left:0px;}}.fl-node-ka7n9sle25um {width: 100%;}.fl-node-9jcgubio35ms {width: 100%;}.fl-node-d8gerblpi0n7 {width: 100%;}@media ( max-width: 880px ) { .fl-node-d8gerblpi0n7.fl-col > .fl-col-content {padding-right:0px;padding-left:0px;}}.fl-node-3f4akujwo8xd {width: 100%;} .fl-node-3f4akujwo8xd > .fl-col-content {padding-top:0px;}.fl-node-5c268b327f998 {width: 62.59%;}@media(max-width: 1280px) {.fl-builder-content .fl-node-5c268b327f998 {width: 48% !important;max-width: none;-webkit-box-flex: 0 1 auto;-moz-box-flex: 0 1 auto;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;}}@media(max-width: 880px) {.fl-builder-content .fl-node-5c268b327f998 {width: 100% !important;max-width: none;clear: none;float: left;}} .fl-node-5c268b327f998 > .fl-col-content {padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;}.fl-node-5c268b327f9a1 {width: 37.41%;}.fl-node-5c268b327f9a1 > .fl-col-content {background-color: #f9fafb;} .fl-node-5c268b327f9a1 > .fl-col-content {padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;}@media ( max-width: 880px ) { .fl-node-7qrakseugw90.fl-module > .fl-module-content {margin-right:0px;margin-left:0px;}} .fl-node-wsxrfblgmev6 > .fl-module-content {margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.fl-builder-content .fl-rich-text strong {font-weight: bold;}.fl-builder-content .fl-node-7o0q5nvpgr2z .fl-rich-text, .fl-builder-content .fl-node-7o0q5nvpgr2z .fl-rich-text *:not(b, strong) {font-weight: 800;font-size: 23px;line-height: 2;} .fl-node-ryfihnupxz9v > .fl-module-content {margin-top:0px;}@media ( max-width: 1280px ) { .fl-node-ryfihnupxz9v.fl-module > .fl-module-content {margin-right:0px;margin-bottom:0px;margin-left:0px;}}.fl-builder-content .fl-node-5c268ff6cfd1c .fl-rich-text, .fl-builder-content .fl-node-5c268ff6cfd1c .fl-rich-text *:not(b, strong) {line-height: 2;}.fl-builder-content .fl-node-5c268b5623220 .fl-rich-text, .fl-builder-content .fl-node-5c268b5623220 .fl-rich-text *:not(b, strong) {font-weight: 800;font-size: 36px;}.fl-builder-content .fl-node-k1sqdhj65mct .fl-module-content .fl-rich-text,.fl-builder-content .fl-node-k1sqdhj65mct .fl-module-content .fl-rich-text * {color: #6c707a;}.fl-builder-content .fl-node-k1sqdhj65mct .fl-rich-text, .fl-builder-content .fl-node-k1sqdhj65mct .fl-rich-text *:not(b, strong) {font-size: 20px;} .fl-node-k1sqdhj65mct > .fl-module-content {margin-top:0px;}.fl-builder-content .fl-node-yki2jdolpmxh .fl-module-content .fl-rich-text,.fl-builder-content .fl-node-yki2jdolpmxh .fl-module-content .fl-rich-text * {color: #6c707a;}.fl-builder-content .fl-node-yki2jdolpmxh .fl-rich-text, .fl-builder-content .fl-node-yki2jdolpmxh .fl-rich-text *:not(b, strong) {font-size: 18px;}.resources-grid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 1.5rem;}@media (min-width: 640px) {.resources-grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 1024px) {.resources-grid {grid-template-columns: repeat(3, 1fr);}}.resource-card {background-color: #fff;border: 1px solid #e5e7eb;border-radius: 0.5rem;padding: 1.5rem;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 1rem;transition: all 0.2s ease-in-out;box-shadow: 0 1px 3px rgba(0,0,0,0.05);text-decoration: none;}.resource-card:hover {transform: translateY(-5px);box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);border-color: #1186b0;}.resource-icon {color: #1186b0;width: 48px;height: 48px;}.resource-card:hover .resource-icon {transform: scale(1.1);}.resource-label {font-weight: 600;color: #374151;font-size: 1rem;}.hidden {display: none;}.lang-link {display: block;padding: 0.75rem 1rem;background-color: #f3f4f6;border-radius: 0.375rem;text-align: center;font-weight: 500;color: #1186b0;transition: background-color 0.2s;text-decoration: none;}.lang-link:hover {background-color: #e5e7eb;}.lang-link + .lang-link {margin-top: 0.75rem; }
/* style.07803795.css */
/*
Theme Name:	  KCHC Custom Theme
Theme URI:	  /
Author:		  Chris Trujillo
Author URI:	  /
Description:  A custom, lightweight theme built for the Kodiak Community Health Center.
Version:	  1.0.1
License:	  GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  kchc-custom
Tags:		  tailwind, responsive-layout, custom-theme
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Layout
4.0 Links & Buttons
5.0 WordPress Core
6.0 Custom Components
	6.1 Site Header
	6.2 Top Bar
	6.3 Page Header
	6.4 Footer
    6.5 Providers Page
    6.6 Payment Programs Page
    6.7 Services Page
    6.8 Document Lists
    6.9 Awards Section
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body, h1, h2, h3, h4, p, ul, ol, li, figure, figcaption, blockquote, dl, dd {
  margin: 0;
}

ul, ol {
  padding: 0;
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body {
  font-family: 'PT Sans', sans-serif; /* Assumes PT Sans is loaded */
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Space Grotesk', sans-serif; /* Assumes Space Grotesk is loaded */
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #1186b0;
}

.entry-content p {
  margin-bottom: 1rem;
}
/* Force override for Beaver Builder and content headings */
.fl-builder-content h1, .fl-builder-content h2, .fl-builder-content h3, .fl-builder-content h4, .fl-builder-content h5, .fl-builder-content h6,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    color: #1186b0;
}

/*--------------------------------------------------------------
3.0 Layout
--------------------------------------------------------------*/
.container {
  max-width: 1200px; /* Standard container width */
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}

/*--------------------------------------------------------------
4.0 Links & Buttons
--------------------------------------------------------------*/
a {
  color: #1186b0; /* Your primary blue */
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

a:hover {
  text-decoration: underline;
}

/*--------------------------------------------------------------
5.0 WordPress Core
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* WordPress Image Alignment Classes */
.alignleft {
  float: left;
  margin-right: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
}

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


/*--------------------------------------------------------------
6.0 Custom Components
--------------------------------------------------------------*/

/*--------------------------------------------------------------
6.1 Site Header
--------------------------------------------------------------*/
.kchc-site-header {
  background-color: #fff;
  padding: 1rem;
  position: sticky;
  top: 0;
  z-index: 50;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.kchc-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.kchc-header-logo img {
  height: 60px;
  max-width: none;
}

/* --- Desktop Navigation --- */
.kchc-nav-desktop ul {
  display: flex;
  align-items: center; 
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 1.5rem;
}

.kchc-nav-desktop li {
    position: relative; /* Needed for dropdown positioning */
}

.kchc-nav-desktop a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
  transition: color 0.2s ease;
}

.kchc-nav-desktop a:hover {
  color: #1186b0; /* Your primary blue color */
}

/* Desktop Dropdown Styles */
.kchc-nav-desktop .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    padding: 0.5rem;
    min-width: 200px;
    z-index: 100;
    border-radius: 0 0 4px 4px;
}

.kchc-nav-desktop li:hover > .sub-menu {
    display: block;
}

.kchc-nav-desktop .sub-menu li {
    width: 100%;
}

.kchc-nav-desktop .sub-menu a {
    display: block;
    padding: 0.5rem 1rem;
    white-space: nowrap;
}

.kchc-nav-desktop .sub-menu a:hover {
    background-color: #f4f4f4;
}

/* --- Donate Button Styles --- */
.kchc-nav-desktop .kchc-nav-button a,
.kchc-nav-desktop .kchc-nav-button button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #1186b0;
    color: #fff;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    text-decoration: none;
    transition: background-color 0.2s ease;
    font-family: inherit;
    font-size: 1em;
    font-weight: 600;
    border: none;
    cursor: pointer;
}

.kchc-nav-desktop .kchc-nav-button a:hover {
    background-color: #0e6a8e;
    color: #fff;
    text-decoration: none;
}

.kchc-nav-desktop .kchc-nav-button button:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    opacity: 0.7;
}

.kchc-nav-button-icon {
    width: 1rem; /* 16px */
    height: 1rem; /* 16px */
    stroke-width: 2.5; /* Makes the icon a bit bolder */
}

@media (max-width: 991px) {
  .kchc-nav-desktop {
    display: none; /* Hide desktop navigation on smaller screens */
  }

  .kchc-mobile-menu-button {
    display: block; /* Show mobile hamburger button on smaller screens */
  }
}

/* --- Mobile Menu Styles (Default Hidden) --- */
.kchc-mobile-menu-button {
  display: none; /* THIS IS THE DEFAULT: HIDDEN ON DESKTOP */
  background: none;
  border: none;
  cursor: pointer;
}

/* --- Responsive Header Adjustments --- */
@media (max-width: 991px) {
  .kchc-nav-desktop {
    display: none; /* Hide desktop navigation on smaller screens */
  }

  .kchc-mobile-menu-button {
    display: block; /* THIS OVERRIDES THE DEFAULT on smaller screens */
  }
}

.kchc-mobile-menu-close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.kchc-mobile-menu-panel {
  position: fixed;
  top: 0;
  right: -100%; /* Start off-screen */
  width: 80%;
  max-width: 300px;
  height: 100vh;
  background-color: #fff;
  box-shadow: -5px 0 15px rgba(0,0,0,0.1);
  transition: right 0.3s ease-in-out;
  z-index: 1000;
  padding: 2rem;
  overflow-y: auto; /* Allow scrolling for long menus */
}

/* ... the rest of your mobile menu CSS continues here ... */

.kchc-mobile-menu-panel.is-open {
  right: 0; /* Slide in when open */
}

.kchc-mobile-menu-panel nav ul {
  list-style: none;
  padding: 0;
  margin: 2rem 0;
}

.kchc-mobile-menu-panel li {
  margin-bottom: 1.5rem;
  position: relative;
}

.kchc-mobile-menu-panel a {
  text-decoration: none;
  color: #333;
  font-size: 1.2rem;
  font-weight: bold;
}

.kchc-submenu-toggle {
    background: none;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    padding: 0.25rem;
}

.kchc-mobile-menu-panel .sub-menu {
    display: none; /* Hidden by default */
    padding-left: 1rem;
    margin-top: 1rem;
}

.kchc-mobile-menu-panel .sub-menu.is-open {
    display: block; /* Show when toggled */
}

.kchc-mobile-menu-panel .sub-menu a {
    font-size: 1rem;
    font-weight: normal;
}


/* Styles for the new contact info in the mobile menu */
.kchc-mobile-menu-contact {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.kchc-mobile-menu-contact a {
    font-size: 1rem;
    font-weight: normal;
    color: #555;
}

/*--------------------------------------------------------------
6.2 Top Bar
--------------------------------------------------------------*/
.kchc-top-bar {
    background-color: #f8f9fa; 
    padding: 0.75rem 1rem;
    font-size: 1rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    position: relative;
    z-index: 40; /* Below header sticky z-index */
}

.kchc-top-bar .kchc-header-container {
    justify-content: center; 
    gap: 1.5rem; 
    flex-wrap: wrap;
}

.kchc-top-bar a,
.kchc-top-bar span {
    color: #374151; /* Darker gray for better contrast */
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-weight: 600; /* Bolder text */
}

.kchc-top-bar b {
    margin-right: 0.3em;
}

.kchc-top-bar .icon-phone {
    margin-right: 0.3em;
}

.kchc-top-bar-divider {
    color: #ccc;
}

/*--------------------------------------------------------------
6.3 Page Header
--------------------------------------------------------------*/
.kchc-page-header {
	background-color: #1186b0; /* Your primary blue */
	background-image: linear-gradient(to bottom right, #1186b0, #60a5fa); /* Gradient */
	padding: 4rem 1rem;
	color: #fff;
	text-align: center;
}

.kchc-page-header .entry-title {
	color: #fff;
	margin-bottom: 0;
	font-size: 2.25rem; /* Corresponds to text-4xl */
	font-weight: 700;
	letter-spacing: -0.025em; /* Corresponds to tracking-tight */
}

/* Center the container content within the page header */
.kchc-page-header .kchc-header-container {
    justify-content: center;
}

/* Responsive adjustments for larger screens */
@media (min-width: 640px) {
	.kchc-page-header .entry-title {
		font-size: 3rem; /* Corresponds to sm:text-5xl */
		line-height: 1;
	}
}

@media (min-width: 768px) {
	.kchc-page-header .entry-title {
		font-size: 3.75rem; /* Corresponds to md:text-6xl */
	}
}

/*--------------------------------------------------------------
6.4 Footer
--------------------------------------------------------------*/
.site-footer {
	background-color: #1186b0;
	color: #fff;
	padding: 2rem 1rem;
}
.site-footer a {
  color: #fff;
}
.site-footer .container {
    max-width: 1400px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    text-align: center;
}

@media (min-width: 992px) { /* Adjusted breakpoint for 5 columns */
    .footer-grid {
        grid-template-columns: repeat(5, 1fr);
        text-align: left;
    }
}

.footer-grid h3 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.125rem; /* text-lg */
    font-weight: 600; /* semibold */
    color: #fff;
}

.footer-grid p, .footer-grid a {
    color: #d1d5db; /* gray-300 */
    font-size: 0.9rem;
}

.footer-grid a:hover {
    color: #fff;
}

.footer-grid ul {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.footer-connect-icons {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .footer-connect-icons {
        justify-content: flex-start;
    }
}

.footer-buttons {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .footer-buttons {
        flex-direction: row;
    }
}

.footer-copyright {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #4b5563; /* gray-600 */
    text-align: center;
    color: #9ca3af; /* gray-400 */
}


/*--------------------------------------------------------------
6.5 Providers Page
--------------------------------------------------------------*/
.providers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
}

.provider-card {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.provider-photo {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.provider-info {
    padding: 1.5rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.provider-name {
    font-size: 1.5rem; /* text-2xl */
    font-weight: 600; /* semibold */
    letter-spacing: -0.025em; /* tracking-tight */
    margin-bottom: 0.25rem;
}

.provider-title {
    color: #6b7280; /* text-muted-foreground */
    margin-bottom: 1rem;
    font-size: 1.125rem;
    flex-grow: 1; /* Pushes details to the bottom */
}

.provider-details {
    font-size: 0.9rem;
    color: #4b5563;
}

.provider-details p {
    margin-bottom: 0.5rem;
}


/*--------------------------------------------------------------
6.6 Payment Programs Page
--------------------------------------------------------------*/
.payment-programs-list {
    display: grid;
    grid-template-columns: 1fr;
    list-style-type: none;
    padding-left: 0;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    .payment-programs-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem 2rem;
    }
}

.payment-programs-list li {
    position: relative;
    padding-left: 1.75rem; /* space for the icon */
    line-height: 1.5;
}

.payment-programs-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 2px;
    color: #22c55e; /* green-500 */
    font-weight: bold;
}

.sfdp-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 0.9rem;
}

.sfdp-table th, .sfdp-table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.sfdp-table thead th {
    font-weight: bold;
    color: #6b7280;
}

.sfdp-table tbody tr:hover {
    background-color: #f9fafb;
}

/*--------------------------------------------------------------
6.7 Services Page
--------------------------------------------------------------*/
.services-intro .intro-text {
    font-size: 1.25rem;
    text-align: center;
    max-width: 800px;
    margin: 0 auto 3rem auto;
    color: #4b5563;
}

.services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 768px) {
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.service-card {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 2rem;
}

/* FIX: Reduce *horizontal* padding on service cards for mobile */
@media (max-width: 767px) {
    .service-card {
        padding: 1.5rem 1rem; /* 1.5rem (24px) top/bottom, 1rem (16px) left/right */
    }
}

@media (min-width: 768px) {
    .service-card { /* FIX: Corrected typo from .services-card */
         /* padding-left: 0; */ /* Removed this rule, it was making padding uneven */
    }
}

.service-title {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #1186b0;
}

.service-list, .service-sublist {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.service-list > li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.service-list > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231186b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.service-sublist {
    margin-top: 0.75rem;
    padding-left: 1rem;
}

.service-sublist li {
    margin-bottom: 0.5rem;
    list-style-type: '– '; /* Em-dash bullet */
    padding-left: 0.5rem;
}
/*--------------------------------------------------------------
6.8 Document Lists
--------------------------------------------------------------*/
.document-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.document-list li {
    border-bottom: 1px solid #e5e7eb;
}

.document-list li:last-child {
    border-bottom: none;
}

.document-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

.document-list a:hover .document-list-title {
    color: #1186b0;
}

.document-list-icon svg {
    width: 20px;
    height: 20px;
    color: #6b7280;
}

/*--------------------------------------------------------------
6.9 Awards Section
--------------------------------------------------------------*/
/* Scoped container for all awards and gallery content */

.kchc-homepage-sections {}



/* Main container for the awards grid */

.kchc-awards-section .awards-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* This centers the cards, including the last row */
    gap: 2rem;
    align-items: stretch;
    margin-top: 3rem;
}



@media (min-width: 992px) {

    .kchc-awards-section .awards-grid {

        grid-template-columns: repeat(5, 1fr); /* 5 columns on desktop */

    }

}



/* Individual award card styling - applies to all 8 cards */

.kchc-awards-section .award-card {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;

    /* Define card width for the 2-column mobile layout */
    flex-basis: calc(50% - 1rem); 
}

/* Use a media query to change the card width for the 5-column desktop layout */
@media (min-width: 992px) {
    .kchc-awards-section .award-card {
        /* Define card width for the 5-column desktop layout */
        flex-basis: calc(20% - 1.6rem);
    }
}

/* Container for the award image, grows to fill space */
.kchc-awards-section .award-image-container {
    display: flex;
    align-items: center; 
    justify-content: center;
    margin-bottom: 1rem;
    flex-grow: 1; 
    min-height: 150px;
}


.kchc-awards-section .award-image-container img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}


/* Caption container to handle alignment */
.kchc-awards-section .award-caption-container {
    height: 50%; /* Takes up bottom half of the card */
    display: flex;
    align-items: flex-start; /* Aligns text to the top of this container */
    justify-content: center;
}

.kchc-awards-section .award-caption {
    font-size: 0.8rem;
    color: #6b7280;
    line-height: 1.4;
    margin-bottom: 0;
}



/* Gallery Section for Clinic and Island Images */
.kchc-gallery-section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    margin-top: 4rem;
}

@media (min-width: 768px) {
    .kchc-gallery-section {
        grid-template-columns: repeat(2, 1fr);
    }
}

.kchc-gallery-section .gallery-title {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 1.5rem;
	color: #1186b0;
}

.kchc-gallery-section .gallery-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 640px) {
    .kchc-gallery-section .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.kchc-gallery-section .gallery-grid img {
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media (max-width: 767px) {
  .fl-row-content-wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
/*--------------------------------------------------------------
6.0 Custom Components
--------------------------------------------------------------*/
/* Add the rest of your custom component CSS above this */

/* 6.10 Hero Section */
.hero-section {
  /* --- Image and Background --- */
  /* Make sure to update this URL with your newly cropped image */
  background-image: url("Hero_image_crop-1.d8a5bfd6.jpg");
  background-size: cover; /* This is key: it ensures the image always covers the section */
  background-position: center center; /* This keeps the image centered, which is great for responsiveness */

  /* --- Sizing and Layout --- */
/*   min-height: 60vh; */
  width: 100%;
  aspect-ratio: 16 / 9;
  display: flex; /* This allows us to easily center the text content */
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
  color: #fff; /* Assumes your hero text should be white */
}

.hero-content h1 {
  font-size: 3rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Adds a subtle shadow to make text more readable */
}

/* --- Media Query for Tablets & Smaller Desktops --- */
@media (max-width: 992px) {
  .hero-section {
    min-height: 45vh; /* Make it a bit taller on medium screens */
  }
  .hero-content h1 {
    font-size: 2.5rem;
  }
}

/* --- Media Query for Mobile Phones --- */
@media (max-width: 767px) {
  .hero-section {
/*     min-height: 50vh; */
    aspect-ratio: 16 / 9;

    display: flex !important;
    padding: 0px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .hero-content h1 {
    font-size: 2rem;
  }
}
/* 6.10 Career image Section */
.career-image-section {
  /* --- Image and Background --- */
  /* Make sure to update this URL with your newly cropped image */
  background-image: url("kodiak2.13a1cf11.jpg");
  background-size: cover; 
  background-position: center center;

  /* --- Sizing and Layout --- */
/*   min-height: 60vh; */
  width: 100%;
  aspect-ratio: 16 / 9;
  display: flex; /* This allows us to easily center the text content */
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
  color: #fff; /* Assumes your hero text should be white */
}


/* --- Media Query for Tablets & Smaller Desktops --- */
@media (max-width: 992px) {
  .career-image-section {
    min-height: 45vh; /* Make it a bit taller on medium screens */
  }
}

/* --- Media Query for Mobile Phones --- */
@media (max-width: 767px) {
  .career-image-section {
/*     min-height: 50vh; */
    aspect-ratio: 16 / 9;

    display: flex !important;
    padding: 0px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
/*--------------------------------------------------------------
6.11 Resources Section
--------------------------------------------------------------*/
.kchc-resources-section {
  /* This class is primarily for semantic grouping and spacing */
}

.resources-grid {
  display: grid;
  /* Creates a responsive grid that shows 1 column on mobile, 2 on medium screens, and 3 on desktops */
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem; /* 24px */
}

/* Tablet screens and up */
@media (min-width: 768px) {
  .resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop screens and up */
@media (min-width: 1024px) {
  .resources-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.resource-card {
  display: flex;
  align-items: center;
  gap: 1rem; /* 16px */
  padding: 1.5rem; /* 24px */
  border: 1px solid #e5e7eb; /* gray-200 */
  border-radius: 0.5rem; /* 8px */
  text-decoration: none;
  color: #111827; /* gray-900 */
  background-color: #f9fafb; /* gray-50 */
  transition: all 0.2s ease-in-out;
  font-weight: 600; /* semibold */
}

.resource-card:hover {
  border-color: #1186b0; /* primary blue */
  background-color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.resource-card .resource-icon {
  flex-shrink: 0;
  color: #1186b0; /* primary blue */
}

.resource-card .resource-icon svg {
  width: 28px;
  height: 28px;
}

.resource-card .resource-label {
  font-size: 1.125rem; /* text-lg */
  line-height: 1.4;
}