.covid-banner { background: #faea1e; } .covid-banner h2 { position: relative; color: #545655; text-align: left; font-size: 22px; padding: 10px; line-height: 25px; margin-bottom: 0; } .covid-banner p { position: relative; color: #545655; text-align: left; padding: 0 10px; margin-bottom: 0; } .content .landing .col > p.first { background-color: #3d3d3f; } .main-tiles .col > p.first { padding: 0 !important; } .main-tiles { clear: both; display: flex; } .main-tiles .col { display: flex; flex-direction: column; } .main-tiles .first { flex: 1; } .main-tiles .first a { display: block; padding: 0.5rem; height: 100%; } .main-tiles .first:hover a { background: #ECDF35; color: #3d3d3f !important; text-decoration: none !important; } .second { background: #8dc63f; } .second:hover img { opacity: 0.75; } .main-tiles.third-row .third { flex: 4 !important; } .hp_content_3, .hp_content_3 .upcoming_events { width: 100% !important; float: none !important; } .hp_content_3 .upcoming_events > div .blue_bg { margin-right: 1em; padding-left: 0.7em; color: #fff; font-weight: normal; font-size: 1.25em; line-height: 35px; } /* LEO Tabs */ .resp-tabs-container { display: none; } .resp-tab-item hor_1.resp-tab-active { display: block; } /* Upcoming Events Table */ .table_container { overflow: visible !important} #events-table { width: 100% !important;; } #events-table thead { background: #faea1e; } .content #events-table th { border-left: 2px solid #faea1e; background-color: #faea1e; } #events-table th:first-child { border-left: 2px solid #faea1e !important; } td.btn-cell { padding: 0 !important; background: transparent !important; } #events-table_filter { padding: 5px; background-color: #faea1e; text-align: right; } #events-table_filter input[type="search"] { margin-left: 10px; } #events-table_info { float: left; } #events-table_paginate { text-align: right; } #events-table_paginate a.paginate_button { padding: 4px 5px; text-decoration: none; } #events-table_paginate a.paginate_button.current { background: #05638E; color: #fff; border-radius: 2px; } /* Tabs Panels */ .accordion { background: #f9f9f9; } .accordion-tabs { display: none; } .accordion-tabs :focus { outline: none; } .accordion-item { border-bottom: 1px solid #eaeaea; } .accordion-item:last-child { border: none; } .accordion-item__label { margin: 0; padding: 1.25rem; cursor: pointer; -webkit-transition: padding .2s ease; transition: padding .2s ease; position: relative; } .accordion-item__label:after { content: ""; height: 4px; width: 4px; position: absolute; top: -4px; right: 1.25rem; bottom: 0; margin: auto; border: 3px solid transparent; border-radius: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-color: transparent #447fff #447fff transparent; opacity: 1; -webkit-transition: opacity .1s ease; transition: opacity .1s ease; } .accordion-item__label:hover { background: #d3e1ff; } .accordion-item__container { padding: 0 1.25em; height: 0; overflow: hidden; opacity: 0; -webkit-transition: padding .2s ease, opacity .5s .15s ease; transition: padding .2s ease, opacity .5s .15s ease; } .accordion-active { background: rgba(68, 127, 255, 0.1); } .accordion-active .accordion-item__label { padding-bottom: 0; cursor: inherit; } .accordion-active .accordion-item__label:hover { background: none; } .accordion-active .accordion-item__label:after { opacity: 0; } .accordion-active .accordion-item__container { padding: 1.25em; height: auto; opacity: 1; } .accordion-active .accordion-item__container p:first-child, .accordion-active .accordion-item__container h1:first-child, .accordion-active .accordion-item__container h2:first-child, .accordion-active .accordion-item__container h3:first-child, .accordion-active .accordion-item__container h4:first-child, .accordion-active .accordion-item__container h5:first-child, .accordion-active .accordion-item__container h6:first-child { margin-top: 0; } .accordion-active .accordion-item__container p:last-child, .accordion-active .accordion-item__container h1:last-child, .accordion-active .accordion-item__container h2:last-child, .accordion-active .accordion-item__container h3:last-child, .accordion-active .accordion-item__container h4:last-child, .accordion-active .accordion-item__container h5:last-child, .accordion-active .accordion-item__container h6:last-child { margin-bottom: 0; } .accordion { overflow: hidden; width: 100%; max-width: 100%; } .accordion + p { color: rgba(255, 255, 255, 0.8); font-weight: 300; font-size: .9rem; margin-top: 2rem; } .accordion-item__container img { padding-left: 30px; float: right; } @media (min-width: 600px) { .accordion-tabs { display: -webkit-box; display: flex; background: rgb(87, 87, 87); } .accordion-tabs .accordion-tab { background: rgb(87, 87, 87); padding: 10px 15px; font-size: 14px; line-height: 14px; font-family: 'Droid Sans', sans-serif; -webkit-box-flex: 1; flex: 1; height: auto; border: none; cursor: pointer; -webkit-transition: background .1s ease; transition: background .1s ease; } .accordion-tabs .accordion-tab.accordion-active, .accordion-tabs .accordion-tab:hover { background: rgb(255, 245, 29); color: #000; } .accordion-item { padding: 2.4rem; display: none; border: none; background: #f9f9f9; min-height: 260px; } .accordion-item__label, .accordion-item__container { padding: 0; -webkit-transition: inherit; transition: inherit; } .accordion-item__label { margin-bottom: 1.5rem; } .accordion-item.accordion-active { display: block; } .accordion-item.accordion-active .accordion-item__container { padding: 0; } } @media only screen and (max-width: 767px) { .content .main-tiles { flex-direction: column; } .accordion-item__container img { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .main-tiles .col { display: block !important; } }