/* 13-layout.5a25bb69.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;}}.fl-node-5c269c811afb7 > .fl-row-content-wrap {background-color: #ffffff;border-style: solid;border-width: 0;background-clip: border-box;border-color: #d1d8e0;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, .1);} .fl-node-5c269c811afb7 > .fl-row-content-wrap {margin-top:10%;margin-right:5%;margin-bottom:5%;margin-left:5%;} .fl-node-5c269c811afb7 > .fl-row-content-wrap {padding-top:2em;padding-right:2em;padding-bottom:2em;padding-left:2em;}.fl-node-79hq83fk4ub6 {width: 50%;}.fl-node-79hq83fk4ub6 > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-79hq83fk4ub6 > .fl-col-content {margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;}.fl-node-lspt2q3gh9ue {width: 50%;}.fl-node-lspt2q3gh9ue > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-lspt2q3gh9ue > .fl-col-content {margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;}.fl-node-sj035zry9wu7 {width: 50%;}.fl-node-sj035zry9wu7 > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-sj035zry9wu7 > .fl-col-content {margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;}.fl-node-yaucvf8nj1gx {width: 50%;}.fl-node-yaucvf8nj1gx > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-yaucvf8nj1gx > .fl-col-content {margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;}.fl-node-gie3k46txb1n {width: 50%;}.fl-node-gie3k46txb1n > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-gie3k46txb1n > .fl-col-content {margin-top:10px;margin-right:20px;margin-bottom:10px;margin-left:10px;}.fl-node-q9uxw3gsvj5n {width: 50%;}.fl-node-q9uxw3gsvj5n > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-q9uxw3gsvj5n > .fl-col-content {margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;}.fl-node-fzoyng12va6r {width: 100%;}.fl-node-5c269c811d325 {width: 100%;}.fl-node-rzftxnkv8h4o {width: 50%;}.fl-node-rzftxnkv8h4o > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-rzftxnkv8h4o > .fl-col-content {margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;}.fl-node-i4splgr8zo2n {width: 50%;}.fl-node-i4splgr8zo2n > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-i4splgr8zo2n > .fl-col-content {margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;}.fl-node-oibfmaq3v8yt {width: 50%;}.fl-node-oibfmaq3v8yt > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-oibfmaq3v8yt > .fl-col-content {margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;}.fl-node-otmkrfwi825b {width: 50%;}.fl-node-otmkrfwi825b > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-otmkrfwi825b > .fl-col-content {margin-top:20px;margin-right:20px;margin-bottom:20px;margin-left:20px;}.fl-node-qiehm8p6g10z {width: 50%;}.fl-node-qiehm8p6g10z > .fl-col-content {background-color: #f9fafb;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .fl-node-qiehm8p6g10z > .fl-col-content {margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:20px;}.fl-node-imbzct6jd82k {width: 50%;}.fl-builder-content .fl-rich-text strong {font-weight: bold;}.fl-builder-content .fl-node-sfhtwvjxe7qc .fl-rich-text, .fl-builder-content .fl-node-sfhtwvjxe7qc .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-gxozk273cwsv .fl-rich-text, .fl-builder-content .fl-node-gxozk273cwsv .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-jalh6zmepubv .fl-rich-text, .fl-builder-content .fl-node-jalh6zmepubv .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-mkwc0h4r7beg .fl-rich-text, .fl-builder-content .fl-node-mkwc0h4r7beg .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-1txgcdzrav6p .fl-rich-text, .fl-builder-content .fl-node-1txgcdzrav6p .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-lx9i31k0fz8d .fl-rich-text, .fl-builder-content .fl-node-lx9i31k0fz8d .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-5zlgmyukw0d9 .fl-rich-text, .fl-builder-content .fl-node-5zlgmyukw0d9 .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-lxe85fs3jr10 .fl-rich-text, .fl-builder-content .fl-node-lxe85fs3jr10 .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-kuyecir27bnq .fl-rich-text, .fl-builder-content .fl-node-kuyecir27bnq .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-v5tb3gsk0p4c .fl-rich-text, .fl-builder-content .fl-node-v5tb3gsk0p4c .fl-rich-text *:not(b, strong) {font-weight: 800;font-size: 32px;}.fl-builder-content .fl-node-s4a7byi6jk29 .fl-rich-text, .fl-builder-content .fl-node-s4a7byi6jk29 .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.fl-builder-content .fl-node-ostijauxe15b .fl-rich-text, .fl-builder-content .fl-node-ostijauxe15b .fl-rich-text *:not(b, strong) {font-weight: 700;font-size: 20px;}.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;
}