/* Breakpoints Extra small None <576px Small sm ≥576px Medium md ≥768px Large lg ≥992px Extra large xl ≥1200px Extra extra large xxl ≥1400px */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { box-sizing: border-box; font-size: 62.5%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { color:#231F20; font-family: 'Roboto', sans-serif; font-size: 1.6em; line-height: 1.6; font-weight: 400; margin: 0; padding: 0 } .ion-wrapper { display: flex; flex-direction: column; position: relative; width: 100%; min-height: 100vh; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 96.8%; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 96.8%; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 96.8%; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 96.8%; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 96.8%; } } @media (min-width: 1500px) { .container { max-width: 1488px; } } @media (min-width: 1700px) { .container { max-width: 1685px; } } /* Base Styles */ body.page-template-homepage { background: #fff } /*WP*/ .topbg { position: absolute; width: 100%; } .sr-only, .sr-only-focusable:not(:focus):not(:focus-within) {position: absolute!important;width: 1px!important;height: 1px!important;padding: 0!important;margin: -1px!important;overflow: hidden!important;clip: rect(0,0,0,0)!important;white-space: nowrap!important;border: 0!important;} body.admin-bar #wpadminbar { position: fixed !important } li#wp-admin-bar-wp-logo { display: none !important } #wp-admin-bar-my-account .ab-item { font-size: 0 !important; } #wp-admin-bar-my-account .ab-sub-wrapper .ab-item { font-size: inherit !important; } html li#wp-admin-bar-epc_purge_menu { display: none !important } a.lwa-links-remember, form.lwa-remember { display: none !important; } /* Screen Reader Text ------------------------ */ .accessible_elem { clip: rect(1px 1px 1px 1px); /* IE 6/7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; word-wrap: normal !important; word-break: normal; white-space: nowrap; /* added line */ width: 1px; } .accessible_elem:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 15px; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Skip Link --------------------------------- */ .skip a { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .skip a:focus { position: static; width: auto; height: auto; } .gotohome{cursor: pointer} /*Structure*/ .wrapper { display: block; position: relative; overflow: hidden} main { display: block; clear: both; } @media (min-width: 992px) { main { display: block; clear: both; } } main.home-page { padding: 0 } #container { position: relative; display: block; clear: both } @media (max-width: 861px) { #container { } } #wrap { display: block; background: transparent; min-height: 100%; height: auto !important; } #content { margin-top: 0px; margin-bottom: 3rem; } .leftside{position: relative; z-index: 3} /*Potarea*/ .postarea { padding-top: 3rem } .postarea article { padding: 2rem 0; min-height:65rem; position: relative; display: block; overflow: hidden;border-radius: 1rem } @media (max-width:1200px) { .postarea {padding-top:2rem} .postarea article { margin-top: 1.5rem; min-height:55rem; } } @media (max-width: 768px) { .postarea article {padding: 1rem;} } .post-content{display: block; overflow: hidden; position: relative} /*page content*/ .page-content ul, .page-content ol { padding-left: 2.5rem; } .page-content li { list-style-position: outside; } .page-content .article-text li { margin-bottom: 10px; } strong.orange { color: #CC6600; } .page-content dl { float: left; margin: 0; padding: 0 0 2em; clear: left; width: 70% } .page-content dl .page-content #gallery-1 dl { float: left; margin: 0; padding: 0 0 2em; width: 25%; } .page-content dl dt { clear: left; float: left; margin: 0 15px 0 0; padding: 3px 0 0; width: 180px; } .page-content dl dd { margin: 0 0 0 195px; padding: 3px 0 0; width: 60%; } .page-content dl dt em { font-size: 11px; } .page-content #gallery-1 a img { border: 1px solid #CFCFCF; padding: 5px; margin-right: 10px; background-color: #F5F5F5; } .page-content #gallery-1 img { border: 1px solid #CFCFCF; padding: 5px; margin-right: 10px; background-color: #F5F5F5; } /* Typography */ h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0 0 2rem; line-height: 1.2 } h1, .tiplo{ font-family: 'tiploregular',serif; } h1 { font-size: 3rem; } h2 { font-size: 2.6rem; } h3 { font-size: 2.2rem; } h4 { font-size: 1.8rem; } h5 { font-size: 1.7rem; } h6 { font-size: 1.6rem; } .main-title { margin-bottom: 0px; display: inline-block } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 1rem; font-weight: 400; letter-spacing: normal !important; text-rendering: optimizeLegibility; } @media (max-width:680px) { h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; } } .article_heading { margin-bottom:1.5rem; padding:1.5rem 0;background:#510A06} .article_heading h1 { margin-bottom:0rem; font-weight: 500; font-size:4rem; color: #fff } .single-policies .article_heading { margin-bottom:1.5rem; padding:0;background:#FFF} .single-policies .article_heading h1 { margin-bottom:0rem; font-weight: 500; font-size:4rem; color: #000 } .section-title { font-size: 3.6rem; margin-bottom: 0px; font-weight: 400 } .section-subtitle { font-size: 2.2rem; } /*Breadcrumb*/ .ionic-breadcrumb{padding:.3rem 0; background: #640B06; border-bottom: 1px solid white; border-top: 1px solid white; color: #fff} .ionic-breadcrumb a{color: #fff} .ionic-breadcrumb a:hover{color: #FFF468} .ionic-breadcrumb span{display: inline-block;padding: 0 .2rem; color: #fff} p { margin: 0 0 1.5rem; } table { width: 100%; margin-top: 2rem } .libalert { display: block; position: relative } .alert { margin-bottom: 0; padding: 1.5rem 0 0 } @media (max-width:756px) { .alert { padding-right: 3.8rem; } } .alert-dismissible .close { padding: .5rem 1rem; background: rgba(0, 0, 0, 0.3); font-size: 2rem; } /* Links */ a { color: #0E74B2; } a:hover { color: #930e53; text-decoration: none; } a img { border: none; line-height: 0; } .disabled1 a:first-child, a.disabled { pointer-events: none; } /* Lists */ ul{padding-left:0;margin-top:0;margin-left:2rem;list-style-type:disc;margin-bottom:1.5rem} ul ul{list-style-type:circle;margin-bottom:0} li{margin-bottom:0} ol{margin-bottom:20px;list-style-type:decimal;list-style-position:outside;padding-left:2rem;margin-left:1rem} ol li{margin-bottom:5px} ol ol{margin-top:.5rem!important;margin-bottom:.5rem!important} .postarea li{margin-bottom:.5rem} .postarea li:last-child{margin-bottom:0} /* Ordered List Styles */ ol.letters{list-style-type:lower-alpha} ol.letters-upper{list-style-type:upper-alpha} ol.roman-upper{list-style-type:upper-roman} ol.roman-lower{list-style-type:lower-roman} /* Arrow List */ .arrow-list{list-style:none;padding-left:0;margin-left:2rem} .arrow-list>li{position:relative;padding-left:2.2rem;margin-bottom:1rem} .arrow-list>li::before{content:"➢";position:absolute;left:0;top:.05em;font-size:1.6rem;line-height:1.4} /* Multi Column Lists */ ul.columns2{-webkit-columns:2;-moz-columns:2;columns:2;line-height:2.6rem;margin-top:15px} ul.columns3{-webkit-columns:3;-moz-columns:3;columns:3;line-height:2.6rem;margin-top:15px} ul.columns4{-webkit-columns:4;-moz-columns:4;columns:4;line-height:2.6rem;margin-top:15px} @media (max-width:1072px){ ul.columns4{-webkit-columns:3;-moz-columns:3;columns:3} } @media (max-width:820px){ ul.columns3{-webkit-columns:2;-moz-columns:2;columns:2} ul.columns4{-webkit-columns:2;-moz-columns:2;columns:2} } @media (max-width:400px){ ul.columns2,ul.columns3,ul.columns4{-webkit-columns:1;-moz-columns:1;columns:1} } /* Line Breaks */ hr { padding-top: 1rem; margin-bottom: 2rem; margin-top: 0; border-width: 0; border-bottom: 1px solid #D6D6D6; box-sizing: content-box; ; display: block; overflow: hidden; clear: both; opacity: 1} /* Library colors Colors */ /*colors*/ .bgc1{background-color:#061352; color: #fff} .bgc1 a{color: #fff} .bgc2{background-color:#F7F7F8; color: #000} .bgc2 a{color: #000} .bgcw{background-color: #fff !important} .bgc3{background-color: #3BB22E} .bgc4{background-color:#F7F7F7} /* utilities */ b, strong { font-weight: 500; } .dp { padding: 5rem 0 } .txt-right { text-align: right } .txt-left { text-align: left } .txt-center, center { text-align: center } .dsk-hide { display: none } .hide { display: none !important } .nop { padding: 0 !important; } .nopr { padding-right: 0 !important; } .nopl { padding-left: 0 !important; } .nopb { padding-bottom: 0 !important } .nopt { padding-top: 0 !important } .nom { margin: 0 !important } .nomr { margin-right: 0 !important; } .noml { margin-left: 0 !important; } .nomt { margin-top: 0 !important; } .uppercase { text-transform: uppercase; } iframe.map { width: 100%; height: 400px; display: block } .floatleft { float: left; } .floatright { float: right; } .order2 { order: 2 } .bg-blue { background: #f2f7fa; } .odd_row .columns { margin: 0 } .odd_row .columns:first-child { float: right; margin-left: 4% } figure { margin: 0; overflow: hidden; position: relative; } .border-b{border-bottom: 1px solid #F7F7F8} .border-t{border-top: 1px solid #F7F7F8} iframe{display: block;} .responsive-iframe-container {position: relative;width: 100%;padding-top: 75%; /* 4:3 aspect ratio (600/800 = 0.75) */height: 0;overflow: hidden;} .responsive-iframe-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;} .form-control{padding: 1rem; font-size: inherit; border-radius: 2rem} /*Forms*/ .form-control {display: block;width: 100%;padding: 1rem;line-height: 1.5;border-radius: 2rem;} .form-select{padding: 1rem; font-size: inherit; border-radius: 2rem} /*Buttons*/ .btn a { text-decoration: none } .btn { font-size: 1.6rem; padding: .8rem 2rem; border: none !important; font-weight: 500; line-height: 1.3; height: unset; border-radius:0rem; text-decoration: none; display: inline-block} .btn-primary, html .btn-primary a { background:#510A06; color: #fff !important; height: unset } .btn-primary:hover, html .btn-primary a:hover, .btn-primary:focus { color: #fff !important; text-shadow: none; background:#4A2F1C } .btn-secondary, html .btn-secondary a { background:#C4D8E3; color: #000 } .btn-econdary:hover, html .btn-econdary a:hover, .btn-econdary:focus { color: #000 !important; text-shadow: none; background: #C9E1EF } .btn-tertiary, html .btn-tertiary a { background:#DFCBB8 ; color:#000 } .btn-tertiary:hover, html .btn-tertiary a:hover, html .btn-tertiary:focus { background: #EEDCCB; color: #000; text-decoration: none; } .btn-grey { background: #657D8C; color: #fff } .btn-grey:hover { background: #4C6676; } /* Website Header Section*/ .site-header { width: 100%; height: auto; position: relative; z-index: 10;border-bottom: 1px solid #F1F0F1;padding-top:0rem} .top-bar{display: block;background: #F7F7F8;padding: .6rem 0;color: #EFEFEF;} .top-bar a{color: #000; text-decoration: none; display: inline-block} .lib-hours p{margin-bottom: 0} .top-item span{display: none; font-weight: 500} .top-item-btn{padding: .48rem 1.5rem;font-weight: 500;display: inline-block} .top-item-btn span{display: none} a.top-item-support{background:#C4D8E3} a.top-item-myaccount{background: #A72E2E; color: #fff} @media (min-width:1141px){ .top-item.top-hours{display: none} .top-item span{display: inline-block} } @media (max-width:1140px){ .top-item {width: 3.4rem;height: 3.4rem;border: none;border-radius: 50%;background:#DFCABC;text-align: center} .top-item i{font-size: 1.8rem; vertical-align:bottom; line-height:2} .home .header-top {display:block;text-align: center; padding: 2rem 0} .home .logowrapper{width:100%; display: block; text-align: center;margin-bottom: 1rem} } @media (min-width:681px){ .top-item-btn span{display: inline-block} } @media (max-width:680px){ .dropdown-header .selected-text, .dropdown-header .dropdown-arrow{display: none} a.top-item-support, a.top-item-myaccount {width: 3.4rem;height: 3.4rem;border: none;border-radius: 50%;text-align: center; padding: 0} a.top-item-support i,a.top-item-myaccount i {font-size: 1.8rem; vertical-align:bottom; line-height: 1.8} button.dropdown-header {width: 3.4rem;height: 3.4rem;border: none;border-radius: 50%;background:#DFCABC;text-align: center; display: block} .selected-option{display: inline-block !important} } /*Logo*/ .header-top {display:flex;align-items:center; padding: 1rem 0} .header-inner{display:flex;align-items:center} .logowrapper{flex:0 0 auto} .searchwrapper{flex:1 1 auto;display:flex;justify-content:center} .searchwrapper form{width:100%;max-width:46rem} .hourswrapper{flex:0 0 auto;margin-left:auto; font-weight: 500} .hourswrapper p{margin-bottom: 0} .site-header img.logo { height: auto;width:100%; max-width:40rem; } @media (max-width:1140px){ .hourswrapper{display: none} .searchwrapper{justify-content:end} } @media (max-width:767px){ .header-top {display:block;text-align: center; padding: 2rem 0} .logowrapper{width:100%; display: block; text-align: center;margin-bottom: 1rem} .searchwrapper{width:100%; display: block; text-align: center} } @media (max-width:926px){ .site-header img.logo { max-width:25rem; } } /* Optional: Style My Account button */ /* Custom Styles for Pill-like Search Form */ .custom-searchform { display: inline-block; margin: 1rem 0;background-color:#FFF;padding:2rem;width: 100%;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);color: #000; font-weight:500; position: relative; font-size: 1.7rem} .custom-inputfield {border: none;padding: 1.1rem 1rem;background-color: white;width: 100%} .custom-inputfield:focus {box-shadow: 0 0 5px rgba(0, 0, 255, 0.5);} /* Inline radio options */ .input-field-wrap{position: relative; display: block; border:.4rem solid #510A06 } .custom-search-options {display:inline-block;} .custom-search-options label {display:inline-block;align-items: center;font-weight: 500; line-height: 1.1} .custom-searchform fieldset{padding: 0; margin: 0; display:flex; align-items: center; justify-content: center; background: #E8E8E8} .custom-searchform input[type="radio"] {-webkit-appearance: none;appearance: none;background-color:#fff;margin: 0;font: inherit;color:#000;width: 2rem;height: 2rem; border: 0.2rem solid #000;border-radius: 50%;transform: translateY(-0.1rem);display: grid;place-content: center;float: left; margin-right: .4rem} .custom-searchform input[type="radio"]::before {content: "";width: 1rem;height: 1rem;border-radius: 50%;transform: scale(0);transition: 120ms transform ease-in-out;box-shadow: inset 1em 1em var(--form-control-color);/* Windows High Contrast Mode */background-color: #510A06;} .custom-searchform input[type="radio"]:checked::before {transform: scale(1);} .custom-search-options label span {margin-right: 1rem;} .custom-search-options label:last-child span {margin-right: 0;} .custom-search-button {background-color:#510A06;color:#fff;border: none;cursor: pointer;display:inline-block;align-items: center;justify-content: center; font-weight: 700; font-size: 2rem; width:100%; height:3.48rem;} .custom-search-button:hover {background-color:#4A2F1C;} /* Site Navigation */ /* Base horizontal navigation styles */ .nav-wrapper{position: sticky; top: 0; display: block; width: 100%;z-index:9; background: #E8E1DB; box-shadow: 0 1px 3px rgba(0,0,0,0.1);} .ionicnav-menu { width: 100%; position: relative; z-index: 99; color: #000 } .ionicnav-menu.horizontal-nav .container {padding: 0;} .ionicnav-menu .menu-list { list-style: none !important; margin: 0; padding: 0;display: flex; justify-content: space-around; flex-wrap: wrap;} .ionicnav-menu .menu-item { position: relative; list-style: none !important; margin: 0;} .ionicnav-menu .menu-item > div { display: flex; justify-content: space-between; align-items: center; } .ionicnav-menu .menu-link { display: block; padding: 1rem; text-decoration: none; color: #000; flex: 1;font-weight:500; white-space: nowrap;} .ionicnav-menu .menu-trigger { border:.1rem solid #000; background: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center;padding:.3rem; margin-left:0px;color: #000;margin-top:0; margin-right:1rem; width: 1.6rem; height: 1.6rem; margin-top: .2rem} .ionicnav-menu .menu-trigger:focus { outline: 2px solid #2563eb; outline-offset: 2px; } .ionicnav-menu .arrow { border: solid #000; border-width: 0 2px 2px 0; display:block; padding: 3px; transition: transform 0.3s ease; transform: rotate(45deg) translate(-1px, -1px);} .ionicnav-menu .menu-trigger.active .arrow { transform: rotate(-135deg);} .ionicnav-menu .sub-menu { display: none; background:#F4EEE9; position: absolute; top: 100%; left: 0; min-width: 200px; z-index: 1000; margin: 0} .ionicnav-menu .sub-menu .sub-menu { top: 0; left: 100%; margin-left: 1px; } .ionicnav-menu .sub-menu .menu-trigger .arrow { transform: rotate(-45deg);} .ionicnav-menu .sub-menu .menu-trigger.active .arrow { transform: rotate(45deg) translate(-1px, -1px); } .ionicnav-menu .menu-link i {margin-right: .3rem; font-weight:normal;} .ionicnav-menu li:first-child .menu-link i {margin-right: 0rem; } .menu-item-has-children a.menu-link{padding-right: .5rem} /* Hover and active states */ .ionicnav-menu .menu-item:hover > div { background-color: #DFCBBC;} .ionicnav-menu .current-menu-item > div, .ionicnav-menu .current-menu-parent > div, .ionicnav-menu .current-menu-ancestor > div {background-color: #DFCBBC;} .ionicnav-menu .menu-item a:hover i, .ionicnav-menu .current-menu-item i, .ionicnav-menu .current-menu-parent i, .ionicnav-menu .current-menu-ancestor i { font-weight: bold;} span.home-menu{display: none} .mobile-menu-button { display: none; padding: 1rem 2rem; background:#E8E1DB; color:#000; border: none; cursor: pointer; width: 100%; text-align: center;font-weight: 600} .mobile-menu-button:hover { background:#DFCBBC; } /* Larger screens */ @media (min-width: 1201px) { .ionicnav-menu .menu-link { font-size: 1.7rem;} } /* Tablet and mobile styles */ @media (max-width: 991px) { span.home-menu{display:inline-block} .ionicnav-menu li:first-child .menu-link i {margin-right:.5rem; } .nav-wrapper{background: #fcfcfc;} .mobile-menu-button { display: block; } .ionicnav-menu { display: none; } .ionicnav-menu .menu-list {display: block !important;padding: 2.102rem 1.2rem;} .ionicnav-menu .menu-item > div { padding-right: 1.6rem;} .ionicnav-menu .menu-link {padding: .6rem 1.2rem;white-space: normal;} .ionicnav-menu .sub-menu { position: static !important; display: block !important; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; padding: 0; margin: 0 !important; border: none;border-radius: 0; box-shadow: none;} .ionicnav-menu .sub-menu.active { max-height: 1000px; padding: 8px 0; background: #DFCBBC;} .ionicnav-menu .sub-menu .menu-link { padding-left: 32px; } .ionicnav-menu .sub-menu .sub-menu .menu-link { padding-left: 48px; } .ionicnav-menu .menu-trigger { width: 2.4rem; height: 2.4rem; border: .1rem solid #fff; background: transparent; border-radius: .4rem; padding: 0;margin-left: 0px;color: #000;} .ionicnav-menu .menu-trigger:hover, .ionicnav-menu .menu-trigger.active { background: #fcfcfc;} .ionicnav-menu .menu-trigger:hover .arrow{ border-color: #000;} .ionicnav-menu .arrow { transform: rotate(45deg) !important;} .ionicnav-menu .menu-trigger.active .arrow { transform: rotate(-135deg) !important; border-color: #000;} } /* More menu positioning - open to the left */ .ionicnav-menu .more-menu-container .sub-menu {left: auto;right: 0;min-width: 200px;} /* Content */ /* Home */ /* Base hero */ .home-hero {position: relative;display: flex;align-items: center;justify-content: center;min-height: clamp(340px, 50vh, 680px);background: #151515 center/cover no-repeat;isolation: isolate; padding: 4rem 0} .home-hero.has-bg {background-image: var(--hero-bg);} .home-hero__overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,.35));z-index:0; display: none} .home-hero-content{position:relative;z-index:1;margin-inline:auto;text-align:center;width:min(100%,980px);padding:2rem 2rem;border-radius:12px} .home-hero-content::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(0px);border-radius:12px;z-index:-1} .home-hero-title { color: #fff; line-height: 1.2; font-size:3rem; margin-bottom:1rem; text-shadow: -1px -1px 3px rgba(0, 0, 0, 0.4), 1px -1px 3px rgba(0, 0, 0, 0.4), -1px 1px 3px rgba(0, 0, 0, 0.4), 1px 1px 3px rgba(0, 0, 0, 0.4); } .home-hero-form { margin-top: 16px; } .home-top { display: block; padding:5rem 0 2rem 0; background:#fff; margin-bottom: 5rem} @media (max-width:991px) { .home-top { display: block; padding-top:1rem} } @media (min-width:1220px) { .home-hero-title { font-size:6rem; margin-bottom:1rem; } } .slider-active .home-hero {position: relative;min-height:unset;} .slider-active .home-hero-title { font-size:4rem; margin-bottom:3rem;} .slider-container-static{margin-bottom: 6rem} .home .slider-container-static{margin: 6rem 0 7rem} /*Home Events List*/ .hp-upcoming-programs{display: block; overflow: hidden} .hp-upcoming-programs h3{padding: .8rem 0; background:#005BA8; text-align: center; color: #fff; border-top-left-radius: 2rem; border-top-right-radius: 2rem; margin-bottom: 0} .hp-upcoming-programs iframe{width: 100%;border: solid 1px #777;border: 0;margin: 0 !important} .events-link{display: block; overflow: hidden; margin-top: 1rem } .events-link a{padding: .8rem 0; background:#BFCFB3; text-align: center; color: #000; margin: 0; display: block; text-decoration: none; font-weight: 500; position: relative} .events-link a:hover{background:#510A06; color: #fff} /*Helpfull Links*/ .helpfull-links{display: block; background-color:#005BA8; padding: 3.5rem 3rem .5rem 3rem; text-align: center; color: #fff; border-radius: 3rem} .helpfull-links a {display: flex;align-items: center;justify-content: center;text-decoration: none;width: 100%; height: 100%;background: #fff;color: #000;padding: 2rem;font-size: 1.9rem;border-radius: 3rem;text-align: left;font-weight: 500;min-height: 14rem;line-height: 1.2} .link-content {display: flex;align-items: center;justify-content: center;gap: 1rem;width: 100%;} .link-icon { width:auto; height:auto;max-height: 7rem;max-width: 8.6rem;} .single-box {display: flex;align-items: stretch;height: 100%;} @media (max-width:1999px) { .link-icon {max-width:6rem;} .helpfull-links a {padding: 1.5rem} } @media (max-width:1100px) { .link-icon {max-width:5rem;} a.quick-link{font-size: 1.7rem} } @media (max-width:991px) { html .hp-upcoming-programs iframe{height: 54rem !important} } @media (max-width:767px) { .helpfull-links {padding: 2rem 2rem .5rem 2rem;} .helpfull-links a {min-height: 8rem} } /*Fetaured Resources*/ .featured-resources { padding:3rem 0 1rem; background:#510A06; color: #fff; overflow: hidden} .featured-resources-boxes h2 { margin-bottom:0rem; color: #fff } .featured-resources-boxes h2 strong{ font-weight: 500 } .featured-resources-boxes p{margin-bottom: 0} .featured-resources-list{display: block; overflow: hidden} a.single-featured-resource {text-align: center;background:#F7F7F7;display: flex;flex-direction: column;justify-content: center; align-items: center;height: 100%;color: #231F20;text-decoration: none;padding:1.5rem .4rem;overflow: hidden;} a.single-featured-resource:hover { text-decoration: none; background: #F7F7F8; } a.single-featured-resource img { width:auto; max-height:5rem; margin-bottom: .8rem; max-width: 20rem; background-color: transparent !important } a.single-featured-resource:hover img { opacity: .8 } a.single-featured-resource h3{font-size: 1.7rem; margin: 0; white-space: normal; margin-bottom: .5rem} a.single-featured-resource h4{margin: 0; font-size: 1.6rem} @media (max-width:1999px) { a.single-featured-resource {padding:1rem .4rem;overflow: hidden; } a.single-featured-resource img { width:auto; max-height:5rem; margin-bottom: .8rem; max-width:10rem; } a.single-featured-resource h3, a.single-featured-resource h3{font-size: 1.5rem;} } @media (max-width: 767px) { a.single-featured-resource img { max-height:5rem; max-width:10rem; } } /* ============================================ Icon Bar Component ============================================ */ .icon-bar { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; gap: 0; padding: 2rem 0; margin-top: 4rem; } .icon-bar__item { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; text-decoration: none; color: #510A06; padding: 1.25rem 2rem; flex: 1 1 0; min-width: 120px; transition: transform 0.3s ease, opacity 0.3s ease; border-right: 1px solid #d0d7dc; } .icon-bar__item:last-child { border-right: none; } .icon-bar__item:hover { opacity: 0.7; text-decoration: none; color: #213745; transform: translateY(-5px); } .icon-bar__item i { font-size: 70px; line-height: 1; margin-bottom: 1rem; display: block; } .icon-bar__title { font-size: 1.8rem; font-weight: 600; line-height: 1.3; margin: 0; } /* ============================================ Responsive ============================================ */ /* Tablet: 2 columns */ @media (max-width: 991.98px) { .icon-bar { flex-wrap: wrap; } .icon-bar__item { flex: 1 1 calc(33.333% - 2px); border-right: 1px solid #d0d7dc; } .icon-bar__item:nth-child(3n) { border-right: none; } .icon-bar__item:nth-last-child(-n+3) { border-bottom: none; } } /* Mobile: 2 columns */ @media (max-width: 575.98px) { .icon-bar__item { flex: 1 1 calc(50% - 1px); padding: 1rem; } .icon-bar__icon { font-size: 56px; } .icon-bar__title { font-size: 16px; } /* Remove right border on every 2nd item */ .icon-bar__item:nth-child(3n) { border-right: 1px solid #d0d7dc; } .icon-bar__item:nth-child(2n) { border-right: none; } } .access-legend-item { display: inline-block; } /* Open Access */ .access-type-btn-op, .access-legend-item-op { display: none; } /* Library Card Required */ .access-type-btn-lc, .access-legend-item-lc { display: none; } /* Registration Required */ .access-type-btn-fcr, .access-legend-item-fcr { display: none; } /* Free to Cardholders — Registration for Optional Features */ .access-type-btn-acrf, .access-legend-item-acrf { display: none; } /* Home*/ .home-featured {} .home-featured h2 { font-size: 3.2rem; color: #510A06; } .home-featured h3 { font-weight: 500; font-size: 1.9rem; text-align: center; } .weekly-email { padding: 2rem; background: #F4EEE8; margin-top: 3rem; } .weekly { padding-top: 1rem; padding-bottom: 1rem; margin-top: 2rem; } .single-home-featured { position: relative; display: flex; flex-direction: column; height: 100%; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 1px 2px 0 rgb(0 0 0 / 12%); } .home-featured-info { padding: 2rem; flex: 1; position: relative; padding-bottom: 6rem; /* space for button area */ } .home-featured-info .text-center { position: absolute; bottom: 2rem; left: 0; width: 100%; } /*home gallery*/ @media (min-width: 992px) { .home-gallery .col-lg-2 { flex: 0 0 auto; width: 20%; } }/*images*/ img { max-width: 100%; height: auto } .img-responsive{width: 100%} img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; } img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; } img.alignright { padding: 0px; margin: 0px 0px 10px 15px; display: inline; } img.alignleft { padding: 0px; margin: 0px 15px 10px 0px; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .alignright { float: right; margin: 0px 0px 10px 15px; } .alignleft { float: left; margin: 0px 15px 10px 0px; } .wp-caption { border: 1px solid #DDDDDD; text-align: center; background-color: #EEEEEE; padding: 5px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0px; padding: 0px; border: 0px; } .wp-caption p.wp-caption-text { margin: 0px; } .wp-caption-text { } .img-frame { float: left; margin-right: 2rem } @media only screen and (max-width:1024px) { .alignleft, .alignright { max-width: 400px } } @media only screen and (max-width:800px) { .alignleft, .alignright { max-width: 300px } } @media only screen and (max-width:615px) { .alignleft, .alignright { max-width: 100%; width: 100%; display: block; float: none; margin: 0 0 1.5rem !important; } } /** * 12.2 - Galleries */ .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*Block Editor*/ .block-editor { display: block; overflow: hidden; margin-top: 2rem } /******************** Footer ********************/ footer {display: block;width: 100%;position: relative;margin-top: auto;} .footer { width: 100%; display: block; padding:3rem 0; overflow: hidden; position: relative;} .footer p { margin-bottom: 1rem } .footer a { font-weight: 500; text-decoration: none; color: #000; margin-top: .5rem} .footer a:first-child {margin-top:0rem} .footer a:hover { text-decoration: underline } .footer ul{margin: 0; padding: 0; list-style: none} .footer-logo img{ max-width: 25rem;display: inline-block; max-height: 14rem} .footer .social_icons { display: block; } .footer .social_icons a { text-decoration: none; margin-top: 1rem; display: inline-flex; align-items: center;} .footer .social_icons a:first-child {margin-top:0rem} .social_icons a:hover span, .social_icons a:focus span { text-decoration: underline} .footer .social_icons a i { font-size: 4rem; margin-right: .5rem } .footer .social_icons a.facebook i {color:#5067AF} .footer .social_icons a.instagram i {color:#BF219B} .footer .social_icons a.newsletter i {color:#265FED; font-size: 3.5rem; margin-left: .5rem} .footer .social_icons a:hover i {color: #000} .footerlinks a{display: block} /*Footer Base*/ .footer-icon{display: inline-block; width:100%; max-width: 5.5rem} .footerbase { padding: 1.5rem 0; } .footerbase a { color: #fff } .subfooter{background:#000000; color: #fff} /*Scroll to top*/ .scrollTo_top { position: fixed; bottom: 6rem; right: 2%; display: none; height: 4rem; width: 4rem; background: #155765; border-radius: .4rem; text-align: center; z-index: 999; } .scrollTo_top i { color: #fff; line-height: 4rem; font-size: 2.2rem; } @media (max-width: 1314px) { .scrollTo_top { bottom: 15rem; } } @media (max-width: 1199px) { .scrollTo_top { display: none !important } } /*new dbs*/ .dbwrap { display: block; margin-top: 1rem; } .databases h2 { font-weight: 500; margin-bottom:.5rem; font-size: 2rem } /*popover*/ .popover-header { padding: 1rem; margin-bottom: 0; font-size: 2rem; color: inherit; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; } .popover-body { padding: 1.5rem; color: #212529; font-size: 1.6rem; } @media only screen and (min-width:600px) { .popover { max-width: 400px } } /* Ion Accordion */ .ion-single-accordion { margin-bottom: .7rem; border: 0.01rem solid #ccc; border-radius: .5rem; } .ion-accordion-btn { background-color: #F6F6F6; color:#000 !important; cursor: pointer; padding: .8rem 4.5rem .8rem .8rem; width: 100%; text-align: left; font-size: 1.8rem; transition: 0.4s; position: relative; text-decoration: none; display: flex; align-items: center; justify-content: left; border-top-left-radius: .5rem; border-top-right-radius: .5rem } .ion-accordion-btn::after { content: "\25BC"; position: absolute; right: 1rem; font-weight: bold; background: white; border-radius: 100%; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; top: 50%; transform: translateY(-50%); font-size: 1.5rem; } .ion-accordion-btn.ion-btn-opened::after { content: "\25B2"; } .ion-accordion-btn:hover, .ion-accordion-btn.ion-btn-opened { background-color:#E5E5E5; } .ion-accordion-panel {background-color: white;} .ion-accordion-panel-inside {padding:2rem 1.5rem 1rem;transform: translateY(-0.5rem); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0.05s;} .ion-panel-opened .ion-accordion-panel-inside {transform: translateY(0);} .ion-accordion-panel {background-color: white;height: 0;overflow: hidden;} .ion-accordion-panel.is-collapsing {transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1);} @media (prefers-reduced-motion: reduce){ .ion-accordion-panel,.ion-accordion-panel.is-collapsing {transition: none;} } .ion-tab-icon { display: inline-block; width: 5rem; min-width: 5rem; height: 5rem; margin: 0 1rem 0 0rem; border-radius: 100%; background: white; padding: 0.8rem; border: 0.01rem solid #F1F0F1; } .ion-tab-icon img { width: 100%; height: auto; line-height: 0; transition: transform .2s ease-in-out;} .ion-accordion-btn:hover .ion-tab-icon img {transform: rotate(15deg);} .ion-tab-text { font-size: 1.9rem; font-weight: 500 } .exptabs { display: block; text-align: right; margin-bottom: 2rem; font-size: 1.6rem } .exptabs button { border: 1px solid #ccc; font-size: 1.6rem; padding: .5rem } /*nav tabs*/ ul.nav-tabs { border-bottom: 1px solid #dee2e6; list-style: none; margin: 0; padding: 0; } ul.nav-tabs li { list-style: none; margin-right: .5rem; margin-bottom: 1rem !important } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #fff; background-color:#46648C; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background: #EFEFEF; } form img{padding:0 !important; border:none !important} .noresults p { color: #000; padding-top: 20px } ul#byletter { margin-bottom: 30px!important; display: block; overflow: hidden } .archive-resources .subject-list a{line-height:1; margin-bottom:0; padding: .8rem} .archive-resources .tab-icon {margin: 0; width: 4rem; height: 4rem; padding: .6rem} .subject-list a{} @media (max-width:998px) { .archive-resources .tab-icon {margin: 0; width: 3rem; height: 3rem; padding: .6rem} } /*Featured Resources*/ .db-featured-single, .db-featured-single a { display: block; color: #000; font-weight: 500 } .db-featured-single a img, .db-featured-single img { display: block; position: relative; width: 100%; max-width: 9rem; margin: 0 auto; border: 0 !important; padding: 0 !important; background: none !important; max-height:7rem; top: 50%; transform: translateY(-50%); } .db-featured-single a {text-decoration: none } .db-featured-single a:hover img { opacity: .8 } .db-featured-single a:hover { color: #CF3E3E; text-decoration: underline; } .db-feat-icon { display: block; border: 4px solid #000; padding: 1.2rem 0; width:90%; height:10rem; margin: 0 auto; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); margin-bottom: .8rem; border-radius:1rem } .db-featured-single h2{font-size: 1.7rem; margin-bottom: .5rem; margin-top: 1.5rem} .db-featured-single h3{font-size: 1.6rem} @media (min-width: 768px){ .featured-resources .col-md-2 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;} } @media (max-width: 400px) { .db-featured-single a img, .db-featured-single img { max-width: 8rem; max-height: 5rem; } } /*Databases*/ .az-list { display: block; list-style: none; margin-top: 3rem; } .az-filter { background: #fff; color: #000; letter-spacing: 0; font-size: 1.6rem; border-radius: 1.2rem; width: 3.6rem; height: 3.6rem; -webkit-appearance: none; text-align: center; border: .1rem solid #CCD4E0; display: inline-block; margin-right: 1rem; margin-bottom: 1.5rem; line-height: 3.4rem; padding: 0 !important; text-decoration: none; } .az-filter:hover, .az-filter.active { background: #640B06; color: #fff; } .db-title { font-size: 1.9rem; font-weight: 500; } .access-type-wrap { display: inline-block; margin-left: 0; vertical-align: middle; position: relative; line-height: 0; } .access-type-btn { background: none; border: none; padding: 0; cursor: pointer; font-size: 1.5rem; line-height: 0; } .access-tooltip { position: absolute; left: 50%; bottom: calc(100% + 8px); transform: translateX(-50%); background: #333; color: #fff; font-size: 1.5rem; font-weight: normal; line-height: 1.4; padding: 8px 12px; border-radius: 4px; width: 260px; z-index: 100; pointer-events: none; white-space: normal; } .access-tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 6px solid transparent; border-top-color: #333; } @media (forced-colors: active) { .access-tooltip { border: 1px solid ButtonText; } } /*Databses*/ .single-db{margin-bottom: 3rem; padding: 2rem; border: .1rem solid #dee2e6; height: 100%; border-radius: 1rem} .dbimg img{display:inline-block; width: auto; max-height:6rem;} /*The Makery*/ .makery-thumb{float:right; max-width:30rem; background:#F4F4F4; padding: 1rem; margin-left: 2rem} .makery-page-thumb{background:#F4F4F4; padding: 1rem; text-align: center; margin-bottom: 1rem} @media (max-width: 600px) { .makery-thumb{ max-width:16rem;} } @media (max-width:340px) { .makery-thumb{ max-width:12rem;} } .makery-item:hover .makery-page-thumb{background:#96216C;} .makery-item h2{font-size:1.8rem; font-weight:500} .makery-item{height: 100%; border: .1rem solid #ccc; text-align: center; display: block; position: relative; width: 100%; color: #000; text-decoration: none} .single-tool{display: block; border: .1rem solid #ccc; padding: 1rem; height: 100%; background: #F9F9F9; border-radius:1rem } .single-tool iframe {width: 100%;height: auto;aspect-ratio: 16 / 9;max-width: 800px;margin: 0 auto;display: block;} .single-tool h3{font-size: 1.8rem; font-weight: 600; margin: .5rem 0} /*Page Number*/ .page-numbers { display: block; margin-top: 4rem; text-align: center} .page-numbers li { list-style: none; display: inline-block} .page-numbers li a{ font-size: 1.7rem; padding: .5rem; border: solid 1px #ccc; margin-right: .5rem } /**/ /*IonicNet Inside Page Search*/ .searchform {overflow: hidden; color:#000; width:100%; display: block; align-items: center;text-align: center; position: relative; padding:1.6rem 2rem 2rem; background:#D5C5A9; border-radius: 1rem; margin-bottom:4rem} .searchform .input-wrap { float: left; width: 100% } .searchform .site-search { display: block; width: 100%; overflow: hidden; border: 0px solid #ccc; float: left; position: relative; } .searchform .search-submit { margin: 0; position: absolute; right: 0; height: 100%; width: 5rem; font-size: 1.8rem; background:#3D5D67; color: #fff; border: 0px solid #fff } .searchform .search-submit:hover { background:#C4D8E3 } .searchform .search-input { padding: 0 5rem 0 1rem; width: 100%; height: 4rem; display: block; border: none !important; } .searchform .search-input input { border: none } .searchform input[type="radio"] {-webkit-appearance: none;appearance: none;background-color:#fff;margin: 0;font: inherit;color: currentColor;width: 1.15em;height: 1.15em;border: 0.15em solid currentColor;border-radius: 50%;transform: translateY(-0.075em);display: grid;place-content: center;float: left; margin-right: .5rem} .searchform input[type="radio"]::before {content: "";width: 0.65em;height: 0.65em;border-radius: 50%;transform: scale(0);transition: 120ms transform ease-in-out;box-shadow: inset 1em 1em var(--form-control-color);background-color:#3D5D67;} .searchform input[type="radio"]:checked::before {transform: scale(1);} .searchform label{line-height: 1} .searchform label#searchcatalog{margin-right: 1rem} .searchform fieldset{display: block; margin-bottom: .5rem} .pageform{background: #510A06; color:#fff; padding: 1rem 2rem 1.2rem; max-width: 60rem;} .pageform .custom-inputfield{padding: .3rem 1rem; font-size: 1.8rem} .pageform .custom-search-button{border: .2rem solid #fff} /*Community*/ .community-box {background: #F7F7F8;padding: 2rem;border-radius: 3rem;} /*SVG Card Links */ .ion-svgcard-link-wrapper { margin-top: 4rem; display: block } .ion-svgcard-link-wrapper h2 { margin-bottom: 4rem } .ion-svgcard { text-decoration: none; color: #000; background:#F6F5FE; border-radius: 2rem; box-shadow: 0 6px 1px 0 #2D3192; width: 100%; height: 100%; display: block; position: relative; padding: 5rem 2rem 2rem } .ion-svgcard-icon-wrap { background: #fff; border-radius: 50%; width: 8rem; height: 8rem; display: flex; justify-content: center; align-items: center; margin-bottom: .8rem; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%) } .ion-svgcard-icon-wrap img { border: none !important; width: auto; max-height: 5rem; margin-bottom: 0; max-width: 5rem; padding: 0 !important } .ion-svgcard-title { margin-bottom: .6rem; font-weight: 500; font-size: 1.8rem } .ion-svgcard-text { display: block } .ion-svgcard-col { margin-bottom:5.5rem } /*Youth*/ .y-intro{color:#fff;display:block} .y-intro a{color: #fff} .intro-image{width:20rem;height:20rem;border:.5rem solid #fff;border-radius:100%;background-size:cover;background-position:center center;display:inline-block;overflow:hidden;margin-top:1rem} .wave-divider{display:block;margin-top:-1px;line-height:0} .wave-divider svg{width:100%;height:50px} /*kids */ .section-children .ionic-breadcrumb{background:#40477F} .section-children .article_heading{background: linear-gradient(90deg, #2B3270, #1A5C3A, #E8920A, #F0DC16);color:#000;margin-bottom:0;padding-bottom:0} .section-children .article_heading img{display: inline-block;border: .5rem solid #fff; max-width:26rem; border-radius: 2rem} .section-children .IN-programs-list-title{background:#40477F; color: #fff} .section-children .in-evlist-date{background:#FDC809 } .section-children .ionSB_dragger_bar {position: relative;width: 1rem;height: 100%;margin: 0 auto;border-radius: 1rem;background-color:#40477F;} .section-children .ion-svgcard { box-shadow: 0 6px 1px 0 #FDC809 } .section-children .slider-text-wrap,.section-children .IN-programs-list { background: #F6F5FE; border-radius: 2rem } .section-children .btn-primary, html .section-children .btn-primary a {background: #FDC809;color: #000 !important;} .section-children .btn-primary:hover, html .section-children .btn-primary a:hover {background:#40477F;color: #fff !important;} /*Teens*/ .section-teens .ionic-breadcrumb, .section-teens .sidebar-navigation{background:#006791} .section-teens .article_heading{background: linear-gradient(90deg, #004F7C, #1A7A8A, #67DDD2);color:#000;margin-bottom:0;padding-bottom:0} .section-teens .article_heading a{color: #fff} .section-teens .article_heading img{display: inline-block;border: .5rem solid #fff; max-width:26rem; border-radius: 2rem} .section-teens .IN-programs-list-title{background:#006791; color: #fff} .section-teens .in-evlist-date{background: #67DDD2 } .section-teens .ionSB_dragger_bar {position: relative;width: 1rem;height: 100%;margin: 0 auto;border-radius: 1rem;background-color:#006791} .section-teens .ion-svgcard { box-shadow: 0 6px 1px 0 #67DDD2 } .section-teens .slider-text-wrap,.section-teens .IN-programs-list { background: #EFFAFA; border-radius: 2rem } .section-teens .btn-primary, html .section-teens .btn-primary a {background:#67DDD2 ;color: #000 !important;} .section-teens .btn-primary:hover, html .section-teens .btn-primary a:hover {background:#006791;color: #fff !important;} .section-teens .ion-svgcard{background: #EFFAFA } .section-teens hr.kidsline {padding-top: 1rem;margin-bottom: 3rem;margin-top: 1rem;border-bottom: 4px solid #FCC906;opacity: 1;} /**/ .content-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;} /*quform*/ html .quform-description{font-size: 1.6rem} html .quform-label>label>.quform-required{color: #BA191C} html .quform-submit:hover, html .quform-submit:focus{background:#005BA8; color: #fff} input:focus,textarea:focus,select:focus, [type=button]:focus {outline: 2px solid #005fcc !important; outline-offset: 2px;} /*ionicNET-ics-list*/ .IN-programs-list-title {padding: 1.3rem 2rem;background: #C4D8E3; } .IN-programs-list{ display: block; overflow: hidden; border-radius:0rem; background:#F7F7F7; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 1px 2px 0 rgb(0 0 0 / 12%); position: relative;} .IN-programs-list h2{ font-size: 1.9rem; margin: 0; font-weight: 500 } .IN-programs-list-footer a{ padding: .5rem; margin-bottom: 0; color: #fff; display: block; text-align: center; text-decoration: none; font-weight: 500;} .IN-programs-list-body{display:block; padding: 1.5rem 1rem 1rem 1.5rem; height:40rem; position: relative; overflow: hidden; } .in-evlist-date{ width: 5.7rem !important; height: 5.7rem; padding:.4rem;text-align: center;font-size: 1.5rem;font-weight:500;line-height: 1.1; margin-right: 1rem; flex-wrap: nowrap; flex-shrink: 0; border-top: .0rem solid; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 1px 2px 0 rgb(0 0 0 / 12%); margin-left: 0.3rem; display: flex;flex-direction: column;justify-content: center;align-items: center; background:#fff; color:#000} span.e-month{display:block} span.e-day{display: block;font-size:2.2rem } .in-evlist-single{text-decoration: none; line-height: 1.2; display: flex; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: solid .1rem #ccc; color: #231F20; width: 100%; align-items: center; } a.in-evlist-info{margin-left: auto} a.in-evlist-single .in-evlist-title{font-size: 1.6rem; font-weight: 500; margin-bottom:.2rem; display: block} .in-evlist-single:not(.upcoming-event) {display: none;} /*localhop*/ html .lh-widget-container{max-width: 100% !important} html .lh-responsive-medium .lh-widget-container__wrapper{padding-left: 0!important; padding-right: 0 !important} html .lh-widget-container .lh-theme__primary-link, html .lh-widget-container .lh-theme__primary-link:hover, html .lh-widget-container .lh-theme__primary-link:visited, html .lh-widget-container .lh-theme__primary-link:active, html .lh-widget-container .lh-calendar-grid__event-time, html .lh-quick-view{font-size: 1.6rem !important; color: #000 !important} html .lh-widget-container .lh-calendar-grid__event-time{font-weight:600 !important} html .lh-widget-container .lh-event-indicator span{font-size: 1.5rem !important;} html .lh-widget-container .lh-calendar-grid__day--passed .lh-calendar-grid__view-all{opacity: 1 !important} html .lh-widget-container .lh-event-page__content-img {max-width:40rem !important; float: right; } html .lh-widget-container .lh-event-page__series, html .lh-event-page__social-media{clear: both;} html .lh-widget-container .lh-event-page__content .lh-glyph--time, html .lh-widget-container .lh-event-page__content .lh-glyph--tag, html .lh-widget-container .lh-glyph--ageGroup {font-size: 1.6rem !important; color: #000 !important} html .lh-organization__info__box-column-content ul li {color: #000;font-weight: 500;font-size: 1.6rem;} html .form-element__label {display: block;font-weight: 500;margin-bottom: 5px;color: #000;text-transform: uppercase;font-size: 1.4rem;} html .lh-btn--filter, html .lh-search-box__btns .lh-btn.lh-btn--secondary, html .lh-listing__info__results-available, html .lh-listing__info-name, html #localhop-room-reservation-embed button, html .lh-room-availability-graphic__headerItems {font-size: 1.4rem; text-transform: capitalize} html .js-CurrentPageContent .lh-container-headline{display: none} html .lh-reservation__header__container_row{margin-top: 0} html .lh-organization__info__box_row > div:nth-child(-n+3){display:none;} html .lh-widget-container .lh-headline{margin-top: 0 !important} html .lh-subscribe{font-size: 1.6rem !important;padding: .8rem 2rem !important;border: none !important;font-weight: 600 !important;line-height: 1.3 !important;text-decoration: none;background: #DFCBB8 !important; color: #000 !important} html .lh-subscribe:hover{background: #EEDCCB !important; color: #000 !important} .signup{display: block; overflow: hidden; margin-top: 20px; clear: both} /*boxes*/ .cbi-link{background:#EDEDED; height: 100%; text-decoration: none;} .cbi-link p{color: #000} .b_info{text-decoration: none;padding: 1rem; padding-bottom: 0} a h2.b_title{color: #000; font-size: 2rem; font-weight: bold; margin-bottom: .5rem} .sidebar-navigation {background: #510A06;padding: 20px;color: #fff} .sidebar-title {font-size:2rem;margin-bottom: 1rem;font-weight: 600} .sidebar-menu {list-style: none;padding: 0;margin: 0;} .sidebar-menu-item {margin-bottom: 10px;} .sidebar-menu-item a {padding: 10px;padding-left: 0;color: #fff} .sidebar-menu-item.current-page a {font-weight: bold; } .sidebar-menu li{list-style-position: outside; margin-left: 2rem} .sidebar-navigation { display: block; width: 100% } .sidebar-navigation img { width: 100%; height: auto; display: block; margin-bottom: 1rem } .img-placeholder { display: none } @media (min-width: 992px) { .sidebar-navigation { position: -webkit-sticky; position: sticky; top: 6rem; bottom: 4rem; z-index: 7 } .sidebar-navigation { display: block } } /*card Boxes*/ .ion-card-boxes{} @media (min-width: 992px) { .ion-card-boxes .col-lg-2 {flex: 0 0 auto;width: 20%;} } @media (min-width: 1200px) { .col-xl-1 {flex: 0 0 auto;width: 16.66666666%;} } /*Branch Cards*/ .ion-branch-card { background: #fff; padding: 1.25rem; height: 100%; box-shadow: 0 1px 4px rgba(0,0,0,.08); } .ion-branch-card__title { font-size: 1rem; font-weight: 700; margin-bottom: .75rem; } .ion-branch-card__content { font-size: .875rem; } .ion-branch-card__content p { margin-bottom: .4rem; } /* ============================================================================= Trustees Members – trustees-members.css Works alongside Bootstrap 4 or 5 grid. ============================================================================= */ /* ── Section wrapper ────────────────────────────────────────────────────────── */ .trustees-section { padding: 48px 0; } .trustees-section__title { font-size: 2rem; color: #1a1a1a; margin-bottom: 32px; padding-bottom: 12px; border-bottom: 2px solid #e0e0e0; } /* ── Card ───────────────────────────────────────────────────────────────────── */ .trustee-card { height: 100%; border: 1px solid #d9d9d9; border-radius: 8px; background-color: #ffffff; overflow: hidden; transition: box-shadow 0.2s ease, transform 0.2s ease; } .trustee-card:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.10); transform: translateY(-2px); } /* ── Inner layout: photo left, info right ───────────────────────────────────── */ .trustee-card__inner { display: flex; align-items: flex-start; gap: 1.4rem; padding: 1rem; } /* ── Photo ──────────────────────────────────────────────────────────────────── */ .trustee-card__photo-wrap { flex: 0 0 90px; width: 90px; height: 90px; border-radius: 6px; overflow: hidden; background-color: #f0f0f0; } .trustee-card__photo { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; } /* ── Initials placeholder (when no photo) ───────────────────────────────────── */ .trustee-card__photo-wrap--placeholder { display: flex; align-items: center; justify-content: center; background-color: #dce8f5; } .trustee-card__initials { font-size: 1.4rem; font-weight: 700; color: #3a6ea8; letter-spacing: 0.02em; user-select: none; } /* ── Info block ─────────────────────────────────────────────────────────────── */ .trustee-card__info { flex: 1 1 auto; min-width: 0; } .trustee-card__name { font-weight: 700; color: #1a1a1a; margin: 0 0 4px; line-height: 1.3; } .trustee-card__role { color: #555555; margin: 0 0 6px; line-height: 1.4; } .trustee-card__year { font-size: 1.4rem; color: #666666; margin: 0 0 6px; line-height: 1.4; } .trustee-card__bio { font-size: 0.80rem; color: #777777; margin: 0; line-height: 1.5; /* Clamp to 3 lines with ellipsis */ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* ── Responsive tweaks ──────────────────────────────────────────────────────── */ /* On very small screens, stack photo above text */ @media (max-width: 400px) { .trustee-card__inner { flex-direction: column; align-items: center; text-align: center; } .trustee-card__photo-wrap { flex: 0 0 90px; width: 90px; height: 90px; border-radius: 50%; /* circle on mobile */ } } /* Tighten padding on tablet */ @media (max-width: 768px) { .trustees-section { padding: 32px 0; } .trustee-card__photo-wrap { flex: 0 0 68px; width: 68px; height: 68px; } } /* ── Utility: equal-height columns ─────────────────────────────────────────── */ .trustee-col { display: flex; flex-direction: column; } .trustee-col .trustee-card { flex: 1; } /* ------------------------------------------------------- POLICIES GRID ------------------------------------------------------- */ .policies-filters { margin-bottom: 1.75rem; } /* Search row */ .policies-search { margin-bottom: 1rem; } .policies-search label { display: block; margin-bottom: .5rem; font-size: 1.6rem; } .policies-search-row { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; max-width: 520px; } .policies-search-row input { flex: 1; min-width: 0; padding: .6rem .75rem; border: 1px solid #ccc; border-radius: 6px; } .policies-search-row input:focus-visible { outline: 2px solid #0073aa; outline-offset: 2px; } .policies-search-row button { padding: .6rem 1rem; border-radius: 6px; border: 1px solid #0073aa; cursor: pointer; white-space: nowrap; } #policies-search-btn { background: #0073aa; color: #fff; } #policies-search-btn:hover { background: #005a87; } #policies-search-btn:focus-visible { outline: 2px solid #005a87; outline-offset: 2px; } #policies-clear-btn { background: #f4f4f4; color: #333; border-color: #ccc; } #policies-clear-btn:hover { background: #e8f0fe; border-color: #0073aa; color: #0073aa; } #policies-clear-btn:focus-visible { outline: 2px solid #0073aa; outline-offset: 2px; } /* A–Z nav */ .az-list { display: flex; flex-wrap: wrap; gap: .25rem; margin-top: 1rem; } .az-filter { background: #f4f4f4; border: 1px solid #ddd; border-radius: 4px; padding: .35rem .6rem; line-height: 1; color: #000; cursor: pointer; } .az-filter:hover { background: #e8f0fe; border-color: #0073aa; color: #0073aa; } .az-filter.active { background: #0073aa; border-color: #0073aa; color: #fff; } .az-filter:focus-visible { outline: 2px solid #0073aa; outline-offset: 2px; } /* Grid */ .documents-section { margin-bottom: 3rem; } .documents-section h2 { margin-bottom: 1.25rem; font-size: 1.8rem; border-bottom: 2px solid #0073aa; padding-bottom: 0.5rem; font-weight: 600; } ul.documents-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; } .documents-grid li { list-style: none; margin-bottom: 0; } .document-item a { display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem; background: #f4f4f4; border-radius: 6px; border: 1px solid #ddd; text-decoration: none; height: 100%; transition: background 0.2s, border-color 0.2s; color: #000; } .document-item a:hover { background: #e8f0fe; border-color: #0073aa; color: #0073aa; } .document-item a:focus-visible { outline: 2px solid #0073aa; outline-offset: 2px; } .doc-icon { flex-shrink: 0; } .doc-icon i { display: block; font-size: 1.6rem; line-height: 1; } .doc-title { line-height: 1.2; } .policies-no-results { font-style: italic; margin-top: 1rem; } /* Responsive */ @media (max-width: 1024px) { .documents-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .documents-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .documents-grid { grid-template-columns: 1fr; } } /* Search mode radios */ .policies-search-mode { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-bottom: 1rem; } .policies-search-mode span { margin-right: .25rem; } .policies-radio-label { display: flex; align-items: center; gap: .35rem; cursor: pointer; font-size: 1rem; } .policies-radio-label input[type="radio"] { accent-color: #0073aa; width: 1.1em; height: 1.1em; cursor: pointer; } .policy-body h2 { font-size: 2rem; font-weight: 500; } .policy-body h3 { font-size: 1.8rem; font-weight: 500; } .bd-wrap { --bd-red: #c0392b; --bd-red-dk: #a93226; --bd-bg: #e8e8e8; --bd-line: #cccccc; --bd-txt: #333; --bd-mid: #777; --bd-white: #fff; font-family: inherit; color: var(--bd-txt); } /* ── TAB NAV ──────────────────────────────────────────────── */ .bd-tabs { margin-bottom: 1rem; } .bd-tabs__nav { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 0; } .bd-tabs__btn { padding: 8px 7px; background: var(--bd-bg); border: 1px solid var(--bd-line); border-radius: 3px; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; cursor: pointer; transition: background .15s, color .15s, border-color .15s; white-space: nowrap; } .bd-tabs__btn:hover { background: #d4d4d4; } .bd-tabs__btn[aria-selected="true"] { background: var(--bd-red); color: var(--bd-white); border-color: var(--bd-red); } /* ── TAB PANEL ────────────────────────────────────────────── */ .bd-tabs__panel { border: 1px solid var(--bd-line); border-radius: 3px; margin-top: 10px; } .bd-tabs__panel[hidden] { display: none; } .bd-tabs__panel-inner { padding: 20px 24px 26px; background: var(--bd-white); } /* Document links — two-column grid */ .bd-tabs__panel-inner ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 40px; } .bd-tabs__panel-inner ul li { line-height: 1.5; margin-bottom: 0; } .bd-tabs__panel-inner a { color: var(--bd-red); text-decoration: none; } .bd-tabs__panel-inner a:hover { color: var(--bd-red-dk); text-decoration: underline; } .bd-tabs__panel-inner p { margin: 0 0 6px; } /* ── YEAR GROUP (all-years page) ──────────────────────────── */ .bd-year-group { margin-bottom: 2rem; border: 1px solid var(--bd-line); border-radius: 4px; overflow: hidden; } .bd-year-group__heading { font-size: 1.6rem; font-weight: 700; color: var(--bd-red); margin: 0; padding: 14px 20px; background: var(--bd-bg); border-bottom: 2px solid var(--bd-line); } .bd-year-group__body { padding: 20px; background: var(--bd-white); } /* ── PAGINATION ───────────────────────────────────────────── */ .bd-pagination { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2rem; align-items: center; } .bd-pagination a, .bd-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid var(--bd-line); border-radius: 3px; font-size: .85rem; font-weight: 600; text-decoration: none; color: var(--bd-txt); background: var(--bd-white); transition: background .15s, color .15s, border-color .15s; } .bd-pagination a:hover { background: var(--bd-bg); border-color: #aaa; } .bd-pagination span.current { background: var(--bd-red); color: var(--bd-white); border-color: var(--bd-red); } .bd-empty { color: var(--bd-mid); font-style: italic; padding: .5rem 0; } @media (max-width: 600px) { .bd-tabs__panel-inner ul { grid-template-columns: 1fr; } .bd-tabs__btn { font-size: .78rem; padding: 7px 12px; } } /***************************************************************************************************************************/ /*print styles*/ @media print { html, body, div, .blog, .main, section {margin: 0in !important;min-height: auto !important;} html div {float: none !important;width: 100% !important;margin: 0in !important;padding: 0in !important;} /* Remove from printing */ aside:not(.home),section#site-top:not(.home),footer.footer:not(.home),.policies-breadcrumb:not(.home),.top-bar:not(.home),.header-top:not(.home), #easyCookie:not(.home),.libalert:not(.home),.skip,.site-header,.subfooter,.sub-footer,.tab-icon, .mobile-menu-button, .nav-wrapper {display: none !important;} .collapse:not(.show) {display: block !important;} .card-header,#accordion .card,.card-body {background: none !important;border: none !important;box-shadow: 0 !important;} .policies-template-default #site-header,.policies-template-default .footer,.policies-template-default .subfooter {display: none !important;} .postarea article {box-shadow: none !important;} .article_heading {margin-bottom: 2rem !important;padding-bottom: 1rem !important;} /* Accordions always readable */ .collapse:not(.show){display:block !important} .ion-single-accordion{border:none;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #ccc} .ion-accordion-btn{background:none !important;color:#000 !important;padding:0;font-size:1.6rem;display:block;font-weight:700;margin-bottom:.5rem} .ion-accordion-btn::after{display:none !important} .ion-tab-icon{display:none !important} .ion-accordion-panel{height:auto !important;overflow:visible !important} .ion-accordion-panel-inside{padding:0;transform:none} .ion-accordion-panel.is-collapsing{transition:none} .ion-accordion-btn:hover,.ion-accordion-btn.ion-btn-opened{background:none} } /*Flag Icons*/ .fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-us{background-image:url(./flags/4x3/us.svg)}.fi-es{background-image:url(./flags/4x3/es.svg)}.fi-fr{background-image:url(./flags/4x3/fr.svg)}.fi-de{background-image:url(./flags/4x3/de.svg)}.fi-it{background-image:url(./flags/4x3/it.svg)}.fi-pt{background-image:url(./flags/4x3/pt.svg)}.fi-ru{background-image:url(./flags/4x3/ru.svg)}.fi-jp{background-image:url(./flags/4x3/jp.svg)}.fi-kr{background-image:url(./flags/4x3/kr.svg)}.fi-cn{background-image:url(./flags/4x3/cn.svg)}.fi-tw{background-image:url(./flags/4x3/tw.svg)}.fi-sa{background-image:url(./flags/4x3/sa.svg)}.fi-in{background-image:url(./flags/4x3/in.svg)}.fi-nl{background-image:url(./flags/4x3/nl.svg)}.fi-pl{background-image:url(./flags/4x3/pl.svg)}.fi-tr{background-image:url(./flags/4x3/tr.svg)}.fi-vn{background-image:url(./flags/4x3/vn.svg)}.fi-th{background-image:url(./flags/4x3/th.svg)}.fi-id{background-image:url(./flags/4x3/id.svg)}.fi-se{background-image:url(./flags/4x3/se.svg)}.fi-dk{background-image:url(./flags/4x3/dk.svg)}.fi-no{background-image:url(./flags/4x3/no.svg)}.fi-fi{background-image:url(./flags/4x3/fi.svg)}.fi-il{background-image:url(./flags/4x3/il.svg)}.fi-gr{background-image:url(./flags/4x3/gr.svg)}.fi-cz{background-image:url(./flags/4x3/cz.svg)}.fi-ro{background-image:url(./flags/4x3/ro.svg)}.fi-hu{background-image:url(./flags/4x3/hu.svg)}.fi-ua{background-image:url(./flags/4x3/ua.svg)}.fi-bg{background-image:url(./flags/4x3/bg.svg)}.fi-hr{background-image:url(./flags/4x3/hr.svg)}.fi-rs{background-image:url(./flags/4x3/rs.svg)}.fi-sk{background-image:url(./flags/4x3/sk.svg)}.fi-si{background-image:url(./flags/4x3/si.svg)}.fi-lt{background-image:url(./flags/4x3/lt.svg)}.fi-lv{background-image:url(./flags/4x3/lv.svg)}.fi-ee{background-image:url(./flags/4x3/ee.svg)}.fi-my{background-image:url(./flags/4x3/my.svg)}.fi-ph{background-image:url(./flags/4x3/ph.svg)}.fi-bd{background-image:url(./flags/4x3/bd.svg)}.fi-pk{background-image:url(./flags/4x3/pk.svg)}.fi-ir{background-image:url(./flags/4x3/ir.svg)}.fi-la{background-image:url(./flags/4x3/la.svg)}.fi-so{background-image:url(./flags/4x3/so.svg)}.fi-et{background-image:url(./flags/4x3/et.svg)} /*Fancybox*/ :root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 600;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}