/** * The base file that should be imported by every file. * There should be no CSS generation in this or from imported scss files at all! */ /** * Library */ /** * Variables and functions */ #section-news .container .content .pagination-section::after { clear: both; content: ""; display: block; } .title .container { max-width: 1400px; } #section-news { background-color: #E5F7FC; } #section-news #inner-container { display: flex; flex-wrap: wrap; margin-left: -30px; position: relative; } #section-news #inner-container > div, #section-news #inner-container article { margin-left: 30px; margin-top: 30px; } @media (min-width: 768px) { #section-news #inner-container > div, #section-news #inner-container article { flex: 1 0 auto; } } @media (min-width: 560px) { #section-news #inner-container > div, #section-news #inner-container article { max-width: calc(50% - 30px); } } @media (min-width: 500px) { #section-news #inner-container > div, #section-news #inner-container article { min-width: calc(50% - 30px); } } #section-news .container { max-width: 1400px; display: grid; gap: 2rem; grid-template-columns: 1fr; } @media (min-width: 981px) { #section-news .container { margin-top: 4rem; grid-template-columns: 390px 1fr; } } #section-news .container #filters { padding-left: 0; } #section-news .container .content .search-filter .facetwp-facet { margin: 1em 0 0; } #section-news .container .content .search-filter .facetwp-facet .facetwp-input-wrap { width: 100%; } #section-news .container .content .search-filter .facetwp-facet .facetwp-input-wrap input { height: 50px; border-radius: 50px; width: 100%; border: 0; padding: 8px 8px 8px 16px; } #section-news .container .content .search-filter .facetwp-facet .facetwp-input-wrap .facetwp-icon { width: 32px; height: 32px; color: #000; background-color: #fbb911; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 1; right: 9px; top: 50%; transform: translateY(-50%); } #section-news .container .content .search-filter .facetwp-facet .facetwp-input-wrap .facetwp-icon:before { background-position: 7px 50%; background-size: 15px 15px; } #section-news .container .content .pagination-section { margin-top: 2rem; } #section-news .container .content .pagination-section .pagination, #section-news .container .content .pagination-section .facetwp-pager { display: flex; align-items: center; gap: 1rem; margin: 0 auto; } #section-news .container .content .pagination-section .pagination .page-numbers, #section-news .container .content .pagination-section .pagination .facetwp-page, #section-news .container .content .pagination-section .facetwp-pager .page-numbers, #section-news .container .content .pagination-section .facetwp-pager .facetwp-page { text-decoration: none; color: #1C3F85; margin: 0; transition: border .3s ease-in-out; } #section-news .container .content .pagination-section .pagination .page-numbers.prev, #section-news .container .content .pagination-section .pagination .page-numbers.next, #section-news .container .content .pagination-section .pagination .facetwp-page.prev, #section-news .container .content .pagination-section .pagination .facetwp-page.next, #section-news .container .content .pagination-section .facetwp-pager .page-numbers.prev, #section-news .container .content .pagination-section .facetwp-pager .page-numbers.next, #section-news .container .content .pagination-section .facetwp-pager .facetwp-page.prev, #section-news .container .content .pagination-section .facetwp-pager .facetwp-page.next { width: 40px; height: 40px; border-radius: 8px; border: 1px solid #40c7e9; display: flex; align-items: center; justify-content: center; font-weight: bold; background-color: #40c7e9; color: #fff; transition: color .3s ease-in-out, background-color .3s ease-in-out; } #section-news .container .content .pagination-section .pagination .page-numbers.prev:hover, #section-news .container .content .pagination-section .pagination .page-numbers.next:hover, #section-news .container .content .pagination-section .pagination .facetwp-page.prev:hover, #section-news .container .content .pagination-section .pagination .facetwp-page.next:hover, #section-news .container .content .pagination-section .facetwp-pager .page-numbers.prev:hover, #section-news .container .content .pagination-section .facetwp-pager .page-numbers.next:hover, #section-news .container .content .pagination-section .facetwp-pager .facetwp-page.prev:hover, #section-news .container .content .pagination-section .facetwp-pager .facetwp-page.next:hover { background-color: transparent; color: #40c7e9; } #section-news .container .content .pagination-section .pagination .page-numbers.dots, #section-news .container .content .pagination-section .pagination .facetwp-page.dots, #section-news .container .content .pagination-section .facetwp-pager .page-numbers.dots, #section-news .container .content .pagination-section .facetwp-pager .facetwp-page.dots { font-weight: bold; } #section-news .container .content .pagination-section .pagination .page-numbers:not(.prev):not(.next):not(.dots), #section-news .container .content .pagination-section .pagination .facetwp-page:not(.prev):not(.next):not(.dots), #section-news .container .content .pagination-section .facetwp-pager .page-numbers:not(.prev):not(.next):not(.dots), #section-news .container .content .pagination-section .facetwp-pager .facetwp-page:not(.prev):not(.next):not(.dots) { border-bottom: 1px solid #1C3F85; } #section-news .container .content .pagination-section .pagination .page-numbers.current, #section-news .container .content .pagination-section .pagination .facetwp-page.active, #section-news .container .content .pagination-section .pagination .page-numbers:hover, #section-news .container .content .pagination-section .pagination .facetwp-page:hover, #section-news .container .content .pagination-section .facetwp-pager .page-numbers.current, #section-news .container .content .pagination-section .facetwp-pager .facetwp-page.active, #section-news .container .content .pagination-section .facetwp-pager .page-numbers:hover, #section-news .container .content .pagination-section .facetwp-pager .facetwp-page:hover { font-weight: bold; border-bottom: 0 !important; } #section-news .sidebar { padding: 0; } @media (min-width: 981px) { #section-news .sidebar .filter-sidebar-title { margin-top: -40px; } } #section-news .sidebar .filter-sidebar-title h2 { color: #1C3F85; margin-top: 0; margin-bottom: .75rem; } #section-news .sidebar .filter-wrapper { border-radius: 16px; background-color: #fff; padding: 1.5rem; box-shadow: 0 0 60px 5px rgba(0, 0, 0, 0.05); } @media (max-width: 980px) { #section-news .sidebar .filter-wrapper { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } } #section-news .sidebar .filter-wrapper .filter-group { margin-bottom: 1.5rem; } #section-news .sidebar .filter-wrapper .filter-group:last-of-type { margin-bottom: 0; } #section-news .sidebar .filter-wrapper .filter-group h4 { margin-top: 0; margin-bottom: .6em; color: #1C3F85; cursor: pointer; position: relative; display: inline-flex; justify-content: space-between; align-items: center; width: 100%; } #section-news .sidebar .filter-wrapper .filter-group h4:after { content: '\e90d'; font-family: Icomoon, sans-serif; color: #40c7e9; transform: rotate(180deg); transition: transform .3s ease-in-out; font-size: 25px; } #section-news .sidebar .filter-wrapper .filter-group h4.open:after { transform: rotate(0deg); } #section-news .sidebar .filter-wrapper .filter-group .filter-item { display: none; } #section-news .sidebar .filter-wrapper .filter-group .filter-item.start-open { display: block; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-facet { margin-bottom: 0; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity { display: grid; grid-template-columns: 1fr 110px; gap: 1rem; max-width: 100%; position: relative; z-index: 9; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity input, #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity select { border-radius: 50px; min-height: 48px; line-height: 48px; padding: 0 16px; border: 1px solid #DADADA; color: #162321; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity input::-moz-placeholder, #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity select::-moz-placeholder { color: #162321; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity input:-ms-input-placeholder, #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity select:-ms-input-placeholder { color: #162321; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity input::placeholder, #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity select::placeholder { color: #162321; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity input.facetwp-location { min-width: auto; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity .facetwp-icon { right: 17px; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-type-proximity select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/app/themes/tmi/assets/images/arrow-down-select.png); background-repeat: no-repeat; background-position-x: 91%; background-position-y: 21px; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-facet-search .facetwp-input-wrap, #section-news .sidebar .filter-wrapper .filter-group .facetwp-facet-_search .facetwp-input-wrap { width: 100%; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-facet-search input, #section-news .sidebar .filter-wrapper .filter-group .facetwp-facet-_search input { width: 100%; border: 0; height: 50px; border-radius: 5px; padding: 5px 1em; } @media (min-width: 768px) { #section-news .sidebar .filter-wrapper .filter-group .facetwp-facet-search input, #section-news .sidebar .filter-wrapper .filter-group .facetwp-facet-_search input { max-width: 325px; } } #section-news .sidebar .filter-wrapper .filter-group .facetwp-checkbox { background: none; position: relative; text-decoration: none; padding-left: 25px; color: #162321; margin-bottom: .5rem; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-checkbox:before { content: ''; border: 1px solid #1C3F85; width: 16px; height: 16px; border-radius: 4px; position: absolute; left: 0; display: block; top: 3px; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-checkbox.checked:before { background-color: #1C3F85; content: "\e95d"; font-family: Icomoon; font-size: 12px; line-height: 16px; text-align: center; color: #fff; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-checkbox .facetwp-counter { color: #0db2e7; } #section-news .sidebar .filter-wrapper .filter-group .facetwp-checkbox .facetwp-expand { position: absolute; right: -1px; letter-spacing: -3px; font-family: 'Courier New', monospace; } #section-news .sidebar .filter-wrapper .filter-group.date-filter { min-height: auto; } #section-news .sidebar .filter-wrapper .filter-group.date-filter .facetwp-facet .facetwp-date, #section-news .sidebar .filter-wrapper .filter-group.date-filter .facetwp-facet .flatpickr-alt { display: block; width: 100%; height: 50px; margin-bottom: .5em; position: relative; background: url("/app/themes/tmi/assets/images/calendar.svg") #fff 95% 50% no-repeat; background-size: 20px 20px; border-radius: 50px; min-height: 48px; line-height: 48px; padding: 0 16px; border: 1px solid #DADADA; color: #162321; } #section-news .sidebar .filter-wrapper .filter-group.date-filter .facetwp-facet .facetwp-date::-moz-placeholder, #section-news .sidebar .filter-wrapper .filter-group.date-filter .facetwp-facet .flatpickr-alt::-moz-placeholder { color: #162321; } #section-news .sidebar .filter-wrapper .filter-group.date-filter .facetwp-facet .facetwp-date:-ms-input-placeholder, #section-news .sidebar .filter-wrapper .filter-group.date-filter .facetwp-facet .flatpickr-alt:-ms-input-placeholder { color: #162321; } #section-news .sidebar .filter-wrapper .filter-group.date-filter .facetwp-facet .facetwp-date::placeholder, #section-news .sidebar .filter-wrapper .filter-group.date-filter .facetwp-facet .flatpickr-alt::placeholder { color: #162321; } #section-news .sidebar .filter-wrapper a { color: #1C3F85; } .mobile-filter-header, .filter-toggle, .view-filters-results, .filter-close-button { display: none; } @media (max-width: 980px) { .sidebar[aria-hidden="true"], .filter-sidebar-title { display: none; } .filter-toggle.open-btn { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; color: #1C3F85; background-color: #fff; padding: 16px; border-radius: 16px; box-shadow: 0 0 60px 5px rgba(0, 0, 0, 0.05); text-align: center; cursor: pointer; z-index: 998; width: 100%; margin-top: calc(-23px - 2em); } .filter-toggle.open-btn .h5 { color: #1C3F85; } .sidebar .mobile-filter-header { display: flex; align-items: center; justify-content: space-between; color: #1C3F85; margin-bottom: 2rem; } .sidebar .mobile-filter-header .h5 { color: #1C3F85; } .sidebar .mobile-filter-header .filter-close { font-size: 20px; background-color: transparent; border: none; cursor: pointer; color: #1C3F85; } .filter-on { overflow: hidden; } .filter-on .sidebar[aria-hidden="false"] { background: rgba(28, 63, 133, 0.4); z-index: 9999999999999999; display: block; position: fixed; padding-top: 5rem; width: 100%; top: 0; margin-top: 0; overflow: auto; -webkit-overflow-scrolling: touch !important; left: 0; height: 100%; right: 0; } .filter-on .sidebar[aria-hidden="false"] h2 { margin-top: 0; } } /*# sourceMappingURL=loop.css.map */