/** * Colors */ /** * Breakpoints & Media Queries */ /** * Colors */ /** * Often re-used variables */ /** * Grid System. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Button states and focus styles */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-audio audio { width: 100%; min-width: 300px; } .wp-block-button { color: #fff; } .wp-block-button.aligncenter { text-align: center; } .wp-block-button.alignright { /*rtl:ignore*/ text-align: right; } .wp-block-button__link { background-color: #32373c; border: none; border-radius: 28px; box-shadow: none; color: inherit; cursor: pointer; display: inline-block; font-size: 18px; margin: 0; padding: 12px 24px; text-align: center; text-decoration: none; overflow-wrap: break-word; } .wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { color: inherit; } .wp-gs .wp-block-button__link:not(.has-background) { background-color: var(--wp-block-core-button--color--background, var(--wp-color--primary, #32373c)); } .is-style-squared .wp-block-button__link { border-radius: 0; } .no-border-radius.wp-block-button__link { border-radius: 0 !important; } .is-style-outline { color: #32373c; } .is-style-outline .wp-block-button__link { background-color: transparent; border: 2px solid; } .wp-block-buttons .wp-block-button { display: inline-block; margin-right: 8px; margin-bottom: 8px; } .wp-block-buttons.alignright .wp-block-button { margin-right: none; margin-left: 8px; } .wp-block-buttons.aligncenter { text-align: center; } .wp-block-calendar { text-align: center; } .wp-block-calendar th, .wp-block-calendar tbody td { padding: 4px; border: 1px solid #e2e4e7; } .wp-block-calendar tfoot td { border: none; } .wp-block-calendar table { width: 100%; border-collapse: collapse; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-calendar table th { font-weight: 400; background: #edeff0; } .wp-block-calendar a { text-decoration: underline; } .wp-block-calendar tfoot a { color: #00739c; } .wp-block-calendar table tbody, .wp-block-calendar table caption { color: #40464d; } .wp-block-categories.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-categories.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-columns { display: flex; margin-bottom: 28px; flex-wrap: wrap; } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap; } } .wp-block-columns.has-background { padding: 20px 30px; } .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; } @media (max-width: 599px) { .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 600px) and (max-width: 781px) { .wp-block-column { flex-basis: calc(50% - 16px) !important; flex-grow: 0; } .wp-block-column:nth-child(even) { margin-left: 32px; } } @media (min-width: 782px) { .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-column[style] { flex-grow: 0; } .wp-block-column:not(:first-child) { margin-left: 32px; } } /** * All Columns Alignment */ .wp-block-columns.are-vertically-aligned-top { align-items: flex-start; } .wp-block-columns.are-vertically-aligned-center { align-items: center; } .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; } /** * Individual Column Alignment */ .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-center { -ms-grid-row-align: center; align-self: center; } .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; } .wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { width: 100%; } .wp-block-cover-image, .wp-block-cover { position: relative; background-color: #000; background-size: cover; background-position: center center; min-height: 430px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { content: ""; background-color: inherit; } .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; } .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before { opacity: 1; } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { opacity: 1; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 290px; width: 100%; } .wp-block-cover-image::after, .wp-block-cover::after { display: block; content: ""; font-size: 0; min-height: inherit; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-cover-image::after, .wp-block-cover::after { content: none; } } .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: flex; } .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 70px); z-index: 1; color: #f8f9f9; } .wp-block-cover-image p:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color) { color: inherit; } .wp-block-cover__video-background { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; z-index: 0; object-fit: cover; } section.wp-block-cover-image h2, .wp-block-cover-image-text, .wp-block-cover-text { color: #fff; } section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:hover, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:active, .wp-block-cover-image-text a, .wp-block-cover-image-text a:hover, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:active, .wp-block-cover-text a, .wp-block-cover-text a:hover, .wp-block-cover-text a:focus, .wp-block-cover-text a:active { color: #fff; } .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start; } .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end; } section.wp-block-cover-image.has-left-content > h2, .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text { margin-left: 0; text-align: left; } section.wp-block-cover-image.has-right-content > h2, .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text { margin-right: 0; text-align: right; } section.wp-block-cover-image > h2, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text { font-size: 2em; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 580px; padding: 14px; text-align: center; } .block-editor-block-list__block[data-type="core/embed"][data-align="left"], .block-editor-block-list__block[data-type="core/embed"][data-align="right"], .wp-block-embed.alignleft, .wp-block-embed.alignright { max-width: 360px; width: 100%; } .wp-block-embed { margin-bottom: 1em; } .wp-block-embed figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper { position: relative; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50%; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe, .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { padding-top: 42.85%; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50%; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25%; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75%; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { padding-top: 100%; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { padding-top: 177.78%; } .wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { padding-top: 200%; } .wp-block-file { margin-bottom: 1.5em; } .wp-block-file.aligncenter { text-align: center; } .wp-block-file.alignright { /*rtl:ignore*/ text-align: right; } .wp-block-file .wp-block-file__button { background: #32373c; border-radius: 2em; color: #fff; font-size: 13px; padding: 0.5em 1em; } .wp-block-file a.wp-block-file__button { text-decoration: none; } .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { box-shadow: none; color: #fff; opacity: 0.85; text-decoration: none; } .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; } .wp-block-gallery, .blocks-gallery-grid { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { margin: 0 16px 16px 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; } .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { margin: 0; height: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure, .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure { display: flex; align-items: flex-end; justify-content: flex-start; } } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { display: block; max-width: 100%; height: auto; } .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img, .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img { width: auto; } } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 10px 9px; color: #fff; text-align: center; font-size: 13px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); } .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img, .blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img { display: inline; } .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img, .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img { height: 100%; flex: 1; object-fit: cover; } } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item, .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item { width: calc((100% - 16px) / 2); } .wp-block-gallery .blocks-gallery-image:nth-of-type(even), .wp-block-gallery .blocks-gallery-item:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { margin-right: 0; } .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, .blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item { width: 100%; margin-right: 0; } @media (min-width: 600px) { .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item { width: calc((100% - 16px * 2) / 3); margin-right: 16px; } @supports (-ms-ime-align: auto) { .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item { width: calc((100% - 16px * 2) / 3 - 1px); } } .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item { width: calc((100% - 16px * 3) / 4); margin-right: 16px; } @supports (-ms-ime-align: auto) { .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item { width: calc((100% - 16px * 3) / 4 - 1px); } } .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item { width: calc((100% - 16px * 4) / 5); margin-right: 16px; } @supports (-ms-ime-align: auto) { .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item { width: calc((100% - 16px * 4) / 5 - 1px); } } .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item { width: calc((100% - 16px * 5) / 6); margin-right: 16px; } @supports (-ms-ime-align: auto) { .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item { width: calc((100% - 16px * 5) / 6 - 1px); } } .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item { width: calc((100% - 16px * 6) / 7); margin-right: 16px; } @supports (-ms-ime-align: auto) { .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item { width: calc((100% - 16px * 6) / 7 - 1px); } } .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item { width: calc((100% - 16px * 7) / 8); margin-right: 16px; } @supports (-ms-ime-align: auto) { .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item { width: calc((100% - 16px * 7) / 8 - 1px); } } .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-right: 0; } .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; } .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-right: 0; } .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-right: 0; } .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-right: 0; } .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-right: 0; } .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-right: 0; } .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0; } } .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child, .blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child { margin-right: 0; } .wp-block-gallery.alignleft, .wp-block-gallery.alignright, .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright { max-width: 290px; width: 100%; } .wp-block-gallery.aligncenter .blocks-gallery-item figure, .blocks-gallery-grid.aligncenter .blocks-gallery-item figure { justify-content: center; } .wp-block-image { margin-bottom: 1em; } .wp-block-image img { max-width: 100%; } .wp-block-image.aligncenter { text-align: center; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100%; } .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image .aligncenter, .wp-block-image.is-resized { display: table; margin-left: 0; margin-right: 0; } .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image .aligncenter > figcaption, .wp-block-image.is-resized > figcaption { display: table-caption; caption-side: bottom; } .wp-block-image .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1em; } .wp-block-image .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1em; } .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; } .wp-block-image figcaption { margin-top: 0.5em; margin-bottom: 1em; } .is-style-rounded img { border-radius: 9999px; } .is-style-circle-mask img { border-radius: 9999px; } @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { .is-style-circle-mask img { /* stylelint-disable */ -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); /* stylelint-enable */ mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0; } } .wp-block-latest-comments__comment { font-size: 15px; line-height: 1.1; list-style: none; margin-bottom: 1em; } .has-avatars .wp-block-latest-comments__comment { min-height: 36px; list-style: none; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-left: 52px; } .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height: 1.5; } .wp-block-latest-comments__comment-excerpt p { font-size: 14px; line-height: 1.8; margin: 5px 0 20px; } .wp-block-latest-comments__comment-date { color: #8f98a1; display: block; font-size: 12px; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 24px; display: block; float: left; height: 40px; margin-right: 12px; width: 40px; } .wp-block-latest-posts.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-latest-posts.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; } .wp-block-latest-posts.wp-block-latest-posts__list li { clear: both; } .wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; padding: 0; } .wp-block-latest-posts.is-grid li { margin: 0 16px 16px 0; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc((100% / 2) - 16px); } .wp-block-latest-posts.columns-3 li { width: calc((100% / 3) - 16px); } .wp-block-latest-posts.columns-4 li { width: calc((100% / 4) - 16px); } .wp-block-latest-posts.columns-5 li { width: calc((100% / 5) - 16px); } .wp-block-latest-posts.columns-6 li { width: calc((100% / 6) - 16px); } } .wp-block-latest-posts__post-date { display: block; color: #6c7781; font-size: 13px; } .wp-block-latest-posts__post-excerpt { margin-top: 8px; margin-bottom: 16px; } .wp-block-latest-posts__featured-image img { height: auto; width: auto; } .wp-block-latest-posts__featured-image.alignleft { /*rtl:ignore*/ margin-right: 1em; } .wp-block-latest-posts__featured-image.alignright { /*rtl:ignore*/ margin-left: 1em; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } .wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ display: -ms-grid; display: grid; -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .wp-block-media-text.has-media-on-the-right { -ms-grid-columns: 1fr 50%; grid-template-columns: 1fr 50%; } .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { -ms-grid-row-align: start; align-self: start; } .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { -ms-grid-row-align: center; align-self: center; } .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { -ms-grid-row-align: end; align-self: end; } .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ margin: 0; } .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ padding: 0 8% 0 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/ -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text > figure > img, .wp-block-media-text > figure > video { max-width: unset; width: 100%; vertical-align: middle; } .wp-block-media-text.is-image-fill figure.wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; } .wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* * Here we here not able to use a mobile first CSS approach. * Custom widths are set using inline styles, and on mobile, * we need 100% width, so we use important to overwrite the inline style. * If the style were set on mobile first, on desktop styles, * we would have no way of setting the style again to the inline style. */ @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { -ms-grid-columns: 100% !important; grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } } /* * Frontend: reset the default list styles */ .wp-block-navigation > ul { display: block; list-style: none; margin: 0; padding-left: 0; } @media (min-width: 600px) { .wp-block-navigation > ul { display: flex; flex-wrap: wrap; } } .wp-block-navigation > ul ul { list-style: none; padding-left: 0; margin-top: 0; margin-left: 0; } .wp-block-navigation > ul ul li { margin: 0; } /* * Frontend: styles for submenu flyout */ .wp-block-navigation > ul li { z-index: 1; } .wp-block-navigation > ul li:hover, .wp-block-navigation > ul li:focus-within { cursor: pointer; z-index: 99999; } .wp-block-navigation > ul li:hover > ul, .wp-block-navigation > ul li:focus-within > ul, .wp-block-navigation > ul li ul:hover, .wp-block-navigation > ul li ul:focus { visibility: visible; opacity: 1; display: flex; flex-direction: column; } .wp-block-navigation > ul > li ul { position: absolute; left: 0; top: 100%; min-width: 200px; max-width: 200px; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; } /* * Styles shared between editor and frontend */ .wp-block-navigation, .wp-block-navigation .block-editor-block-list__layout { display: flex; flex-wrap: wrap; } .wp-block-navigation .block-editor-block-list__layout .block-editor-block-list__layout { width: 200px; } .wp-block-navigation .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block { margin: 0; width: auto; } .wp-block-navigation, .wp-block-navigation > .wp-block-navigation__container { align-items: center; width: 100%; } .wp-block-navigation > .wp-block-navigation-link, .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-link { display: flex; margin-top: 0; margin-bottom: 0; } .wp-block-navigation .wp-block-navigation-link { position: relative; margin: 0; min-height: 56px; display: flex; line-height: 1.4; } .wp-block-navigation .wp-block-navigation-link .wp-block, .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link { min-height: auto; padding: 0; } .wp-block-navigation .wp-block-navigation-link .wp-block .wp-block-navigation-link { margin: 0; } .wp-block-navigation .wp-block-navigation-link > .block-editor-inner-blocks { display: none; } .wp-block-navigation .wp-block-navigation-link.has-child > .wp-block-navigation__container, .wp-block-navigation .wp-block-navigation-link.is-editing.has-child > .block-editor-inner-blocks { display: flex; border: 1px solid rgba(0, 0, 0, 0.15); position: absolute; z-index: 1; top: 100%; left: 0; } .wp-block-navigation .wp-block-navigation-link.has-child > .wp-block-navigation__container .block-editor-inner-blocks, .wp-block-navigation .wp-block-navigation-link.has-child > .wp-block-navigation__container .wp-block-navigation__container, .wp-block-navigation .wp-block-navigation-link.is-editing.has-child > .block-editor-inner-blocks .block-editor-inner-blocks, .wp-block-navigation .wp-block-navigation-link.is-editing.has-child > .block-editor-inner-blocks .wp-block-navigation__container { left: 100%; top: -1px; } .wp-block-navigation .wp-block-navigation-link .block-editor-inner-blocks, .wp-block-navigation .wp-block-navigation-link .wp-block-navigation__container { background-color: inherit; color: inherit; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { display: flex; align-items: center; width: -webkit-max-content; width: max-content; padding: 6px 16px; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:first-child:not(:only-child) .wp-block-navigation-link__content { padding-top: 8px; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:last-child .wp-block-navigation-link__content { padding-bottom: 8px; } .wp-block-navigation .wp-block-navigation-link.has-child .wp-block-navigation-link__content { min-width: 100%; padding-right: 32px; position: relative; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon { position: absolute; right: 16px; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon svg { fill: currentColor; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link svg { transform: rotate(0); } .wp-block-navigation .wp-block-navigation-link.has-text-color .wp-block-navigation-link__content { color: inherit; } .wp-block-navigation .wp-block-navigation-link:not(.has-text-color) > .block-editor-inner-blocks, .wp-block-navigation .wp-block-navigation-link:not(.has-text-color) > .wp-block-navigation__container, .wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) > .block-editor-inner-blocks, .wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) > .wp-block-navigation__container { color: #111; } .wp-block-navigation .wp-block-navigation-link:not(.has-background) > .block-editor-inner-blocks, .wp-block-navigation .wp-block-navigation-link:not(.has-background) > .wp-block-navigation__container, .wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background) > .block-editor-inner-blocks, .wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background) > .wp-block-navigation__container { background-color: #fff; } .wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) > .block-editor-inner-blocks, .wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) > .wp-block-navigation__container { color: #fff; } .wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background) > .block-editor-inner-blocks, .wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background) > .wp-block-navigation__container { background-color: #333; } /* * Frontend: non-shared styles & overrides */ .wp-block-navigation .wp-block-navigation-link.has-child > .wp-block-navigation__container { display: flex; flex-direction: column; padding: 0; } /* * TODO: organize/untangle styles below this line */ .wp-block-navigation > ul > li > a { display: flex; align-items: center; } .wp-block-navigation > ul > li:first-of-type > a { padding-left: 0; } .wp-block-navigation > ul > li:last-of-type > a { padding-right: 0; } .wp-block-navigation.items-justified-left > ul { justify-content: flex-start; } .wp-block-navigation.items-justified-center > ul { justify-content: center; } .wp-block-navigation.items-justified-right > ul { justify-content: flex-end; } .is-small-text { font-size: 14px; } .is-regular-text { font-size: 16px; } .is-large-text { font-size: 36px; } .is-larger-text { font-size: 48px; } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; font-style: normal; } p.has-background { padding: 20px 30px; } p.has-text-color a { color: inherit; } .wp-block-pullquote { padding: 3em 0; margin-left: 0; margin-right: 0; text-align: center; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 290px; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 20px; } .wp-block-pullquote p { font-size: 28px; line-height: 1.6; } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; } .wp-block-pullquote .has-text-color a { color: inherit; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; text-align: left; max-width: 60%; } .wp-block-pullquote.is-style-solid-color blockquote p { margin-top: 0; margin-bottom: 0; font-size: 32px; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; } .wp-block-pullquote cite { color: inherit; } .wp-block-quote.is-style-large, .wp-block-quote.is-large { margin: 0 0 16px; padding: 0 1em; } .wp-block-quote.is-style-large p, .wp-block-quote.is-large p { font-size: 24px; font-style: italic; line-height: 1.6; } .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer { font-size: 18px; text-align: right; } .wp-block-rss.alignleft { /*rtl:ignore*/ margin-right: 2em; } .wp-block-rss.alignright { /*rtl:ignore*/ margin-left: 2em; } .wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } .wp-block-rss.is-grid li { margin: 0 16px 16px 0; width: 100%; } @media (min-width: 600px) { .wp-block-rss.columns-2 li { width: calc(( 100% / 2 ) - 16px); } .wp-block-rss.columns-3 li { width: calc(( 100% / 3 ) - 16px); } .wp-block-rss.columns-4 li { width: calc(( 100% / 4 ) - 16px); } .wp-block-rss.columns-5 li { width: calc(( 100% / 5 ) - 16px); } .wp-block-rss.columns-6 li { width: calc(( 100% / 6 ) - 16px); } } .wp-block-rss__item-publish-date, .wp-block-rss__item-author { display: block; color: #6c7781; font-size: 13px; } .wp-block-search { display: flex; flex-wrap: wrap; } .wp-block-search .wp-block-search__label { width: 100%; } .wp-block-search .wp-block-search__input { flex-grow: 1; max-width: 360px; } .wp-block-search .wp-block-search__button { margin-left: 10px; } .wp-block-separator.is-style-wide { border-bottom-width: 1px; } .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; max-width: none; line-height: 1; height: auto; } .wp-block-separator.is-style-dots::before { content: "\B7 \B7 \B7"; color: currentColor; font-size: 20px; letter-spacing: 2em; padding-left: 2em; font-family: serif; } .wp-block-social-links { display: flex; justify-content: flex-start; padding-left: 0; padding-right: 0; margin-left: 0; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; box-shadow: none; } .wp-social-link { display: block; width: 36px; height: 36px; border-radius: 36px; margin-right: 8px; transition: transform 0.1s ease; } @media (prefers-reduced-motion: reduce) { .wp-social-link { transition-duration: 0s; } } .wp-social-link a { padding: 6px; display: block; line-height: 0; transition: transform 0.1s ease; } .wp-social-link a, .wp-social-link a:hover, .wp-social-link a:active, .wp-social-link a:visited, .wp-social-link svg { color: currentColor; fill: currentColor; } .wp-social-link:hover { transform: scale(1.1); } .wp-block-social-links.aligncenter { justify-content: center; display: flex; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: #f0f0f0; color: #444; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { background-color: #f90; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { background-color: #1ea0c3; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { background-color: #0757fe; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { background-color: #1e1f26; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { background-color: #02e49b; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { background-color: #e94c89; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { background-color: #4280ff; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { background-color: #f45800; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { background-color: #1977f2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { background-color: #000; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { background-color: #0461dd; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { background-color: #e65678; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { background-color: #24292d; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { background-color: #eceadd; color: #382110; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { background-color: #ea4434; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { background-color: #f00075; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { background-color: #e21b24; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { background-color: #0577b5; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { background-color: #3288d4; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { background-color: #02ab6c; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { background-color: #f6405f; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { background-color: #e60122; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { background-color: #ef4155; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { background-color: #fe4500; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { background-color: #0478d7; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { background-color: #fefc00; color: #fff; stroke: #000; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { background-color: #ff5600; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { background-color: #1bd760; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { background-color: #011835; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { background-color: #6440a4; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { background-color: #21a1f3; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { background-color: #1eb7ea; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { background-color: #4680c2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { background-color: #3499cd; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: #ff0100; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; padding: 4px; } .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 28px; height: 28px; } .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { color: #f90; } .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { color: #1ea0c3; } .wp-block-social-links.is-style-logos-only .wp-social-link-behance { color: #0757fe; } .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { color: #1e1f26; } .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { color: #02e49b; } .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { color: #e94c89; } .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { color: #4280ff; } .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { color: #f45800; } .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { color: #1977f2; } .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { color: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { color: #0461dd; } .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { color: #e65678; } .wp-block-social-links.is-style-logos-only .wp-social-link-github { color: #24292d; } .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { color: #382110; } .wp-block-social-links.is-style-logos-only .wp-social-link-google { color: #ea4434; } .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { color: #f00075; } .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { color: #e21b24; } .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { color: #0577b5; } .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { color: #3288d4; } .wp-block-social-links.is-style-logos-only .wp-social-link-medium { color: #02ab6c; } .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { color: #f6405f; } .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { color: #e60122; } .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { color: #ef4155; } .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { color: #fe4500; } .wp-block-social-links.is-style-logos-only .wp-social-link-skype { color: #0478d7; } .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { color: #fff; stroke: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { color: #ff5600; } .wp-block-social-links.is-style-logos-only .wp-social-link-spotify { color: #1bd760; } .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { color: #011835; } .wp-block-social-links.is-style-logos-only .wp-social-link-twitch { color: #6440a4; } .wp-block-social-links.is-style-logos-only .wp-social-link-twitter { color: #21a1f3; } .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { color: #1eb7ea; } .wp-block-social-links.is-style-logos-only .wp-social-link-vk { color: #4680c2; } .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { color: #3499cd; } .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { color: #ff0100; } .wp-block-social-links.is-style-pill-shape .wp-social-link { width: auto; } .wp-block-social-links.is-style-pill-shape .wp-social-link a { padding-left: 16px; padding-right: 16px; } .wp-block-spacer { clear: both; } p.wp-block-subhead { font-size: 1.1em; font-style: italic; opacity: 0.75; } .wp-block-table { overflow-x: auto; } .wp-block-table table { width: 100%; } .wp-block-table .has-fixed-layout { table-layout: fixed; width: 100%; } .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: break-word; } .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { display: table; width: auto; } .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignright td, .wp-block-table.alignright th { word-break: break-word; } .wp-block-table .has-subtle-light-gray-background-color { background-color: #f3f4f5; } .wp-block-table .has-subtle-pale-green-background-color { background-color: #e9fbe5; } .wp-block-table .has-subtle-pale-blue-background-color { background-color: #e7f5fe; } .wp-block-table .has-subtle-pale-pink-background-color { background-color: #fcf0ef; } .wp-block-table.is-style-stripes { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 1px solid #f3f4f5; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f3f4f5; } .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { background-color: #f3f4f5; } .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { background-color: #e9fbe5; } .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { background-color: #e7f5fe; } .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { background-color: #fcf0ef; } .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-color: transparent; } .wp-block-text-columns { display: flex; } .wp-block-text-columns.aligncenter { display: flex; } .wp-block-text-columns .wp-block-column { margin: 0 16px; padding: 0; } .wp-block-text-columns .wp-block-column:first-child { margin-left: 0; } .wp-block-text-columns .wp-block-column:last-child { margin-right: 0; } .wp-block-text-columns.columns-2 .wp-block-column { width: calc(100% / 2); } .wp-block-text-columns.columns-3 .wp-block-column { width: calc(100% / 3); } .wp-block-text-columns.columns-4 .wp-block-column { width: calc(100% / 4); } .wp-block-video { margin-left: 0; margin-right: 0; } .wp-block-video video { max-width: 100%; } @supports ((position: -webkit-sticky) or (position: sticky)) { .wp-block-video [poster] { object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 1em; } :root { /* stylelint-disable function-comma-space-after */ /* stylelint-enable function-comma-space-after */ } :root .has-pale-pink-background-color { background-color: #f78da7; } :root .has-vivid-red-background-color { background-color: #cf2e2e; } :root .has-luminous-vivid-orange-background-color { background-color: #ff6900; } :root .has-luminous-vivid-amber-background-color { background-color: #fcb900; } :root .has-light-green-cyan-background-color { background-color: #7bdcb5; } :root .has-vivid-green-cyan-background-color { background-color: #00d084; } :root .has-pale-cyan-blue-background-color { background-color: #8ed1fc; } :root .has-vivid-cyan-blue-background-color { background-color: #0693e3; } :root .has-vivid-purple-background-color { background-color: #9b51e0; } :root .has-very-light-gray-background-color { background-color: #eee; } :root .has-cyan-bluish-gray-background-color { background-color: #abb8c3; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-pale-pink-color { color: #f78da7; } :root .has-vivid-red-color { color: #cf2e2e; } :root .has-luminous-vivid-orange-color { color: #ff6900; } :root .has-luminous-vivid-amber-color { color: #fcb900; } :root .has-light-green-cyan-color { color: #7bdcb5; } :root .has-vivid-green-cyan-color { color: #00d084; } :root .has-pale-cyan-blue-color { color: #8ed1fc; } :root .has-vivid-cyan-blue-color { color: #0693e3; } :root .has-vivid-purple-color { color: #9b51e0; } :root .has-very-light-gray-color { color: #eee; } :root .has-cyan-bluish-gray-color { color: #abb8c3; } :root .has-very-dark-gray-color { color: #313131; } :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); } :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); } :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); } :root .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); } :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); } :root .has-cool-to-warm-spectrum-gradient-background { background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); } :root .has-blush-light-purple-gradient-background { background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); } :root .has-blush-bordeaux-gradient-background { background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); } :root .has-luminous-dusk-gradient-background { background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); } :root .has-pale-ocean-gradient-background { background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); } :root .has-electric-grass-gradient-background { background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381 0%, #2874fc 100%); } .has-small-font-size { font-size: 13px; } .has-regular-font-size, .has-normal-font-size { font-size: 16px; } .has-medium-font-size { font-size: 20px; } .has-large-font-size { font-size: 36px; } .has-larger-font-size, .has-huge-font-size { font-size: 42px; } .has-text-align-center { text-align: center; } .has-text-align-left { /*rtl:ignore*/ text-align: left; } .has-text-align-right { /*rtl:ignore*/ text-align: right; } @charset "UTF-8"; /** Config */ /** * Variables */ /** * External */ /*! * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(18, 18, 18, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #0035ff; text-decoration: none; background-color: transparent; } a:hover { color: #0025b3; text-decoration: none; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .container, .b-category__slick-container, .b-gallery__container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .b-category__slick-container, .b-gallery__container { max-width: 540px; } } @media (min-width: 768px) { .container, .b-category__slick-container, .b-gallery__container { max-width: 720px; } } @media (min-width: 992px) { .container, .b-category__slick-container, .b-gallery__container { max-width: 960px; } } @media (min-width: 1200px) { .container, .b-category__slick-container, .b-gallery__container { max-width: 1140px; } } .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container, .b-category__slick-container, .b-gallery__container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container, .b-category__slick-container, .b-gallery__container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container, .b-category__slick-container, .b-gallery__container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container, .b-category__slick-container, .b-gallery__container { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; min-width: 0; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #121212; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #121212; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #121212; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #121212; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #121212; border-radius: 0.25rem; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover, .is--open .hamburger:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .is--open .hamburger .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .is--open .hamburger .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after, .is--open .hamburger .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 24px; height: 19px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1.5px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 24px; height: 3px; background-color: #000; border-radius: 0px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -8px; } .hamburger-inner::after { bottom: -8px; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 48px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner, .is--open .hamburger--3dx.hamburger .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before, .is--open .hamburger--3dx.hamburger .hamburger-inner::before { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after, .is--open .hamburger--3dx.hamburger .hamburger-inner::after { transform: translate3d(0, -8px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 48px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner, .is--open .hamburger--3dx-r.hamburger .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before, .is--open .hamburger--3dx-r.hamburger .hamburger-inner::before { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after, .is--open .hamburger--3dx-r.hamburger .hamburger-inner::after { transform: translate3d(0, -8px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 48px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner, .is--open .hamburger--3dy.hamburger .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before, .is--open .hamburger--3dy.hamburger .hamburger-inner::before { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after, .is--open .hamburger--3dy.hamburger .hamburger-inner::after { transform: translate3d(0, -8px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 48px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner, .is--open .hamburger--3dy-r.hamburger .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before, .is--open .hamburger--3dy-r.hamburger .hamburger-inner::before { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after, .is--open .hamburger--3dy-r.hamburger .hamburger-inner::after { transform: translate3d(0, -8px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 48px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner, .is--open .hamburger--3dxy.hamburger .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before, .is--open .hamburger--3dxy.hamburger .hamburger-inner::before { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after, .is--open .hamburger--3dxy.hamburger .hamburger-inner::after { transform: translate3d(0, -8px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 48px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner, .is--open .hamburger--3dxy-r.hamburger .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before, .is--open .hamburger--3dxy-r.hamburger .hamburger-inner::before { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after, .is--open .hamburger--3dxy-r.hamburger .hamburger-inner::after { transform: translate3d(0, -8px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before, .is--open .hamburger--arrow.hamburger .hamburger-inner::before { transform: translate3d(-4.8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after, .is--open .hamburger--arrow.hamburger .hamburger-inner::after { transform: translate3d(-4.8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before, .is--open .hamburger--arrow-r.hamburger .hamburger-inner::before { transform: translate3d(4.8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after, .is--open .hamburger--arrow-r.hamburger .hamburger-inner::after { transform: translate3d(4.8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before, .is--open .hamburger--arrowalt.hamburger .hamburger-inner::before { top: 0; transform: translate3d(-4.8px, -6px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after, .is--open .hamburger--arrowalt.hamburger .hamburger-inner::after { bottom: 0; transform: translate3d(-4.8px, 6px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before, .is--open .hamburger--arrowalt-r.hamburger .hamburger-inner::before { top: 0; transform: translate3d(4.8px, -6px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after, .is--open .hamburger--arrowalt-r.hamburger .hamburger-inner::after { bottom: 0; transform: translate3d(4.8px, 6px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner, .is--open .hamburger--arrowturn.hamburger .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before, .is--open .hamburger--arrowturn.hamburger .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after, .is--open .hamburger--arrowturn.hamburger .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner, .is--open .hamburger--arrowturn-r.hamburger .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before, .is--open .hamburger--arrowturn-r.hamburger .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after, .is--open .hamburger--arrowturn-r.hamburger .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner, .is--open .hamburger--boring.hamburger .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before, .is--open .hamburger--boring.hamburger .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after, .is--open .hamburger--boring.hamburger .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -16px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner, .is--open .hamburger--collapse.hamburger .hamburger-inner { transform: translate3d(0, -8px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after, .is--open .hamburger--collapse.hamburger .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before, .is--open .hamburger--collapse.hamburger .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -16px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner, .is--open .hamburger--collapse-r.hamburger .hamburger-inner { transform: translate3d(0, -8px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after, .is--open .hamburger--collapse-r.hamburger .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before, .is--open .hamburger--collapse-r.hamburger .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 1.5px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 8px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 16px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner, .is--open .hamburger--elastic.hamburger .hamburger-inner { transform: translate3d(0, 8px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before, .is--open .hamburger--elastic.hamburger .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after, .is--open .hamburger--elastic.hamburger .hamburger-inner::after { transform: translate3d(0, -16px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 1.5px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 8px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 16px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner, .is--open .hamburger--elastic-r.hamburger .hamburger-inner { transform: translate3d(0, 8px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before, .is--open .hamburger--elastic-r.hamburger .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after, .is--open .hamburger--elastic-r.hamburger .hamburger-inner::after { transform: translate3d(0, -16px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 8px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner, .is--open .hamburger--emphatic.hamburger .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before, .is--open .hamburger--emphatic.hamburger .hamburger-inner::before { left: -48px; top: -48px; transform: translate3d(48px, 48px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after, .is--open .hamburger--emphatic.hamburger .hamburger-inner::after { right: -48px; top: -48px; transform: translate3d(-48px, 48px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 8px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner, .is--open .hamburger--emphatic-r.hamburger .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before, .is--open .hamburger--emphatic-r.hamburger .hamburger-inner::before { left: -48px; top: 48px; transform: translate3d(48px, -48px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after, .is--open .hamburger--emphatic-r.hamburger .hamburger-inner::after { right: -48px; top: 48px; transform: translate3d(-48px, -48px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .is--open .hamburger--minus.hamburger .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after, .is--open .hamburger--minus.hamburger .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before, .is--open .hamburger--minus.hamburger .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after, .is--open .hamburger--minus.hamburger .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 1.5px; } .hamburger--slider .hamburger-inner::before { top: 8px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 16px; } .hamburger--slider.is-active .hamburger-inner, .is--open .hamburger--slider.hamburger .hamburger-inner { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before, .is--open .hamburger--slider.hamburger .hamburger-inner::before { transform: rotate(-45deg) translate3d(-3.4285714286px, -5px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after, .is--open .hamburger--slider.hamburger .hamburger-inner::after { transform: translate3d(0, -16px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 1.5px; } .hamburger--slider-r .hamburger-inner::before { top: 8px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 16px; } .hamburger--slider-r.is-active .hamburger-inner, .is--open .hamburger--slider-r.hamburger .hamburger-inner { transform: translate3d(0, 8px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before, .is--open .hamburger--slider-r.hamburger .hamburger-inner::before { transform: rotate(45deg) translate3d(3.4285714286px, -5px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after, .is--open .hamburger--slider-r.hamburger .hamburger-inner::after { transform: translate3d(0, -16px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner, .is--open .hamburger--spin.hamburger .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before, .is--open .hamburger--spin.hamburger .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after, .is--open .hamburger--spin.hamburger .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner, .is--open .hamburger--spin-r.hamburger .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before, .is--open .hamburger--spin-r.hamburger .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after, .is--open .hamburger--spin-r.hamburger .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 1.5px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 8px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 16px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner, .is--open .hamburger--spring.hamburger .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before, .is--open .hamburger--spring.hamburger .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after, .is--open .hamburger--spring.hamburger .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 8px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -16px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner, .is--open .hamburger--spring-r.hamburger .hamburger-inner { transform: translate3d(0, -8px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after, .is--open .hamburger--spring-r.hamburger .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before, .is--open .hamburger--spring-r.hamburger .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner, .is--open .hamburger--stand.hamburger .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before, .is--open .hamburger--stand.hamburger .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after, .is--open .hamburger--stand.hamburger .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner, .is--open .hamburger--stand-r.hamburger .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before, .is--open .hamburger--stand-r.hamburger .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after, .is--open .hamburger--stand-r.hamburger .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner, .is--open .hamburger--squeeze.hamburger .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before, .is--open .hamburger--squeeze.hamburger .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after, .is--open .hamburger--squeeze.hamburger .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner, .is--open .hamburger--vortex.hamburger .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .is--open .hamburger--vortex.hamburger .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after, .is--open .hamburger--vortex.hamburger .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before, .is--open .hamburger--vortex.hamburger .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after, .is--open .hamburger--vortex.hamburger .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner, .is--open .hamburger--vortex-r.hamburger .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .is--open .hamburger--vortex-r.hamburger .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after, .is--open .hamburger--vortex-r.hamburger .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before, .is--open .hamburger--vortex-r.hamburger .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after, .is--open .hamburger--vortex-r.hamburger .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /*! * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\F26E"; } .fa-accessible-icon:before { content: "\F368"; } .fa-accusoft:before { content: "\F369"; } .fa-acquisitions-incorporated:before { content: "\F6AF"; } .fa-ad:before { content: "\F641"; } .fa-address-book:before { content: "\F2B9"; } .fa-address-card:before { content: "\F2BB"; } .fa-adjust:before { content: "\F042"; } .fa-adn:before { content: "\F170"; } .fa-adobe:before { content: "\F778"; } .fa-adversal:before { content: "\F36A"; } .fa-affiliatetheme:before { content: "\F36B"; } .fa-air-freshener:before { content: "\F5D0"; } .fa-airbnb:before { content: "\F834"; } .fa-algolia:before { content: "\F36C"; } .fa-align-center:before { content: "\F037"; } .fa-align-justify:before { content: "\F039"; } .fa-align-left:before { content: "\F036"; } .fa-align-right:before { content: "\F038"; } .fa-alipay:before { content: "\F642"; } .fa-allergies:before { content: "\F461"; } .fa-amazon:before { content: "\F270"; } .fa-amazon-pay:before { content: "\F42C"; } .fa-ambulance:before { content: "\F0F9"; } .fa-american-sign-language-interpreting:before { content: "\F2A3"; } .fa-amilia:before { content: "\F36D"; } .fa-anchor:before { content: "\F13D"; } .fa-android:before { content: "\F17B"; } .fa-angellist:before { content: "\F209"; } .fa-angle-double-down:before { content: "\F103"; } .fa-angle-double-left:before { content: "\F100"; } .fa-angle-double-right:before { content: "\F101"; } .fa-angle-double-up:before { content: "\F102"; } .fa-angle-down:before { content: "\F107"; } .fa-angle-left:before { content: "\F104"; } .fa-angle-right:before { content: "\F105"; } .fa-angle-up:before { content: "\F106"; } .fa-angry:before { content: "\F556"; } .fa-angrycreative:before { content: "\F36E"; } .fa-angular:before { content: "\F420"; } .fa-ankh:before { content: "\F644"; } .fa-app-store:before { content: "\F36F"; } .fa-app-store-ios:before { content: "\F370"; } .fa-apper:before { content: "\F371"; } .fa-apple:before { content: "\F179"; } .fa-apple-alt:before { content: "\F5D1"; } .fa-apple-pay:before { content: "\F415"; } .fa-archive:before { content: "\F187"; } .fa-archway:before { content: "\F557"; } .fa-arrow-alt-circle-down:before { content: "\F358"; } .fa-arrow-alt-circle-left:before { content: "\F359"; } .fa-arrow-alt-circle-right:before { content: "\F35A"; } .fa-arrow-alt-circle-up:before { content: "\F35B"; } .fa-arrow-circle-down:before { content: "\F0AB"; } .fa-arrow-circle-left:before { content: "\F0A8"; } .fa-arrow-circle-right:before { content: "\F0A9"; } .fa-arrow-circle-up:before { content: "\F0AA"; } .fa-arrow-down:before { content: "\F063"; } .fa-arrow-left:before { content: "\F060"; } .fa-arrow-right:before { content: "\F061"; } .fa-arrow-up:before { content: "\F062"; } .fa-arrows-alt:before { content: "\F0B2"; } .fa-arrows-alt-h:before { content: "\F337"; } .fa-arrows-alt-v:before { content: "\F338"; } .fa-artstation:before { content: "\F77A"; } .fa-assistive-listening-systems:before { content: "\F2A2"; } .fa-asterisk:before { content: "\F069"; } .fa-asymmetrik:before { content: "\F372"; } .fa-at:before { content: "\F1FA"; } .fa-atlas:before { content: "\F558"; } .fa-atlassian:before { content: "\F77B"; } .fa-atom:before { content: "\F5D2"; } .fa-audible:before { content: "\F373"; } .fa-audio-description:before { content: "\F29E"; } .fa-autoprefixer:before { content: "\F41C"; } .fa-avianex:before { content: "\F374"; } .fa-aviato:before { content: "\F421"; } .fa-award:before { content: "\F559"; } .fa-aws:before { content: "\F375"; } .fa-baby:before { content: "\F77C"; } .fa-baby-carriage:before { content: "\F77D"; } .fa-backspace:before { content: "\F55A"; } .fa-backward:before { content: "\F04A"; } .fa-bacon:before { content: "\F7E5"; } .fa-bacteria:before { content: "\E059"; } .fa-bacterium:before { content: "\E05A"; } .fa-bahai:before { content: "\F666"; } .fa-balance-scale:before { content: "\F24E"; } .fa-balance-scale-left:before { content: "\F515"; } .fa-balance-scale-right:before { content: "\F516"; } .fa-ban:before { content: "\F05E"; } .fa-band-aid:before { content: "\F462"; } .fa-bandcamp:before { content: "\F2D5"; } .fa-barcode:before { content: "\F02A"; } .fa-bars:before { content: "\F0C9"; } .fa-baseball-ball:before { content: "\F433"; } .fa-basketball-ball:before { content: "\F434"; } .fa-bath:before { content: "\F2CD"; } .fa-battery-empty:before { content: "\F244"; } .fa-battery-full:before { content: "\F240"; } .fa-battery-half:before { content: "\F242"; } .fa-battery-quarter:before { content: "\F243"; } .fa-battery-three-quarters:before { content: "\F241"; } .fa-battle-net:before { content: "\F835"; } .fa-bed:before { content: "\F236"; } .fa-beer:before { content: "\F0FC"; } .fa-behance:before { content: "\F1B4"; } .fa-behance-square:before { content: "\F1B5"; } .fa-bell:before { content: "\F0F3"; } .fa-bell-slash:before { content: "\F1F6"; } .fa-bezier-curve:before { content: "\F55B"; } .fa-bible:before { content: "\F647"; } .fa-bicycle:before { content: "\F206"; } .fa-biking:before { content: "\F84A"; } .fa-bimobject:before { content: "\F378"; } .fa-binoculars:before { content: "\F1E5"; } .fa-biohazard:before { content: "\F780"; } .fa-birthday-cake:before { content: "\F1FD"; } .fa-bitbucket:before { content: "\F171"; } .fa-bitcoin:before { content: "\F379"; } .fa-bity:before { content: "\F37A"; } .fa-black-tie:before { content: "\F27E"; } .fa-blackberry:before { content: "\F37B"; } .fa-blender:before { content: "\F517"; } .fa-blender-phone:before { content: "\F6B6"; } .fa-blind:before { content: "\F29D"; } .fa-blog:before { content: "\F781"; } .fa-blogger:before { content: "\F37C"; } .fa-blogger-b:before { content: "\F37D"; } .fa-bluetooth:before { content: "\F293"; } .fa-bluetooth-b:before { content: "\F294"; } .fa-bold:before { content: "\F032"; } .fa-bolt:before { content: "\F0E7"; } .fa-bomb:before { content: "\F1E2"; } .fa-bone:before { content: "\F5D7"; } .fa-bong:before { content: "\F55C"; } .fa-book:before { content: "\F02D"; } .fa-book-dead:before { content: "\F6B7"; } .fa-book-medical:before { content: "\F7E6"; } .fa-book-open:before { content: "\F518"; } .fa-book-reader:before { content: "\F5DA"; } .fa-bookmark:before { content: "\F02E"; } .fa-bootstrap:before { content: "\F836"; } .fa-border-all:before { content: "\F84C"; } .fa-border-none:before { content: "\F850"; } .fa-border-style:before { content: "\F853"; } .fa-bowling-ball:before { content: "\F436"; } .fa-box:before { content: "\F466"; } .fa-box-open:before { content: "\F49E"; } .fa-box-tissue:before { content: "\E05B"; } .fa-boxes:before { content: "\F468"; } .fa-braille:before { content: "\F2A1"; } .fa-brain:before { content: "\F5DC"; } .fa-bread-slice:before { content: "\F7EC"; } .fa-briefcase:before { content: "\F0B1"; } .fa-briefcase-medical:before { content: "\F469"; } .fa-broadcast-tower:before { content: "\F519"; } .fa-broom:before { content: "\F51A"; } .fa-brush:before { content: "\F55D"; } .fa-btc:before { content: "\F15A"; } .fa-buffer:before { content: "\F837"; } .fa-bug:before { content: "\F188"; } .fa-building:before { content: "\F1AD"; } .fa-bullhorn:before { content: "\F0A1"; } .fa-bullseye:before { content: "\F140"; } .fa-burn:before { content: "\F46A"; } .fa-buromobelexperte:before { content: "\F37F"; } .fa-bus:before { content: "\F207"; } .fa-bus-alt:before { content: "\F55E"; } .fa-business-time:before { content: "\F64A"; } .fa-buy-n-large:before { content: "\F8A6"; } .fa-buysellads:before { content: "\F20D"; } .fa-calculator:before { content: "\F1EC"; } .fa-calendar:before { content: "\F133"; } .fa-calendar-alt:before { content: "\F073"; } .fa-calendar-check:before { content: "\F274"; } .fa-calendar-day:before { content: "\F783"; } .fa-calendar-minus:before { content: "\F272"; } .fa-calendar-plus:before { content: "\F271"; } .fa-calendar-times:before { content: "\F273"; } .fa-calendar-week:before { content: "\F784"; } .fa-camera:before { content: "\F030"; } .fa-camera-retro:before { content: "\F083"; } .fa-campground:before { content: "\F6BB"; } .fa-canadian-maple-leaf:before { content: "\F785"; } .fa-candy-cane:before { content: "\F786"; } .fa-cannabis:before { content: "\F55F"; } .fa-capsules:before { content: "\F46B"; } .fa-car:before { content: "\F1B9"; } .fa-car-alt:before { content: "\F5DE"; } .fa-car-battery:before { content: "\F5DF"; } .fa-car-crash:before { content: "\F5E1"; } .fa-car-side:before { content: "\F5E4"; } .fa-caravan:before { content: "\F8FF"; } .fa-caret-down:before { content: "\F0D7"; } .fa-caret-left:before { content: "\F0D9"; } .fa-caret-right:before { content: "\F0DA"; } .fa-caret-square-down:before { content: "\F150"; } .fa-caret-square-left:before { content: "\F191"; } .fa-caret-square-right:before { content: "\F152"; } .fa-caret-square-up:before { content: "\F151"; } .fa-caret-up:before { content: "\F0D8"; } .fa-carrot:before { content: "\F787"; } .fa-cart-arrow-down:before { content: "\F218"; } .fa-cart-plus:before { content: "\F217"; } .fa-cash-register:before { content: "\F788"; } .fa-cat:before { content: "\F6BE"; } .fa-cc-amazon-pay:before { content: "\F42D"; } .fa-cc-amex:before { content: "\F1F3"; } .fa-cc-apple-pay:before { content: "\F416"; } .fa-cc-diners-club:before { content: "\F24C"; } .fa-cc-discover:before { content: "\F1F2"; } .fa-cc-jcb:before { content: "\F24B"; } .fa-cc-mastercard:before { content: "\F1F1"; } .fa-cc-paypal:before { content: "\F1F4"; } .fa-cc-stripe:before { content: "\F1F5"; } .fa-cc-visa:before { content: "\F1F0"; } .fa-centercode:before { content: "\F380"; } .fa-centos:before { content: "\F789"; } .fa-certificate:before { content: "\F0A3"; } .fa-chair:before { content: "\F6C0"; } .fa-chalkboard:before { content: "\F51B"; } .fa-chalkboard-teacher:before { content: "\F51C"; } .fa-charging-station:before { content: "\F5E7"; } .fa-chart-area:before { content: "\F1FE"; } .fa-chart-bar:before { content: "\F080"; } .fa-chart-line:before { content: "\F201"; } .fa-chart-pie:before { content: "\F200"; } .fa-check:before { content: "\F00C"; } .fa-check-circle:before { content: "\F058"; } .fa-check-double:before { content: "\F560"; } .fa-check-square:before { content: "\F14A"; } .fa-cheese:before { content: "\F7EF"; } .fa-chess:before { content: "\F439"; } .fa-chess-bishop:before { content: "\F43A"; } .fa-chess-board:before { content: "\F43C"; } .fa-chess-king:before { content: "\F43F"; } .fa-chess-knight:before { content: "\F441"; } .fa-chess-pawn:before { content: "\F443"; } .fa-chess-queen:before { content: "\F445"; } .fa-chess-rook:before { content: "\F447"; } .fa-chevron-circle-down:before { content: "\F13A"; } .fa-chevron-circle-left:before { content: "\F137"; } .fa-chevron-circle-right:before { content: "\F138"; } .fa-chevron-circle-up:before { content: "\F139"; } .fa-chevron-down:before { content: "\F078"; } .fa-chevron-left:before { content: "\F053"; } .fa-chevron-right:before { content: "\F054"; } .fa-chevron-up:before { content: "\F077"; } .fa-child:before { content: "\F1AE"; } .fa-chrome:before { content: "\F268"; } .fa-chromecast:before { content: "\F838"; } .fa-church:before { content: "\F51D"; } .fa-circle:before { content: "\F111"; } .fa-circle-notch:before { content: "\F1CE"; } .fa-city:before { content: "\F64F"; } .fa-clinic-medical:before { content: "\F7F2"; } .fa-clipboard:before { content: "\F328"; } .fa-clipboard-check:before { content: "\F46C"; } .fa-clipboard-list:before { content: "\F46D"; } .fa-clock:before { content: "\F017"; } .fa-clone:before { content: "\F24D"; } .fa-closed-captioning:before { content: "\F20A"; } .fa-cloud:before { content: "\F0C2"; } .fa-cloud-download-alt:before { content: "\F381"; } .fa-cloud-meatball:before { content: "\F73B"; } .fa-cloud-moon:before { content: "\F6C3"; } .fa-cloud-moon-rain:before { content: "\F73C"; } .fa-cloud-rain:before { content: "\F73D"; } .fa-cloud-showers-heavy:before { content: "\F740"; } .fa-cloud-sun:before { content: "\F6C4"; } .fa-cloud-sun-rain:before { content: "\F743"; } .fa-cloud-upload-alt:before { content: "\F382"; } .fa-cloudscale:before { content: "\F383"; } .fa-cloudsmith:before { content: "\F384"; } .fa-cloudversify:before { content: "\F385"; } .fa-cocktail:before { content: "\F561"; } .fa-code:before { content: "\F121"; } .fa-code-branch:before { content: "\F126"; } .fa-codepen:before { content: "\F1CB"; } .fa-codiepie:before { content: "\F284"; } .fa-coffee:before { content: "\F0F4"; } .fa-cog:before { content: "\F013"; } .fa-cogs:before { content: "\F085"; } .fa-coins:before { content: "\F51E"; } .fa-columns:before { content: "\F0DB"; } .fa-comment:before { content: "\F075"; } .fa-comment-alt:before { content: "\F27A"; } .fa-comment-dollar:before { content: "\F651"; } .fa-comment-dots:before { content: "\F4AD"; } .fa-comment-medical:before { content: "\F7F5"; } .fa-comment-slash:before { content: "\F4B3"; } .fa-comments:before { content: "\F086"; } .fa-comments-dollar:before { content: "\F653"; } .fa-compact-disc:before { content: "\F51F"; } .fa-compass:before { content: "\F14E"; } .fa-compress:before { content: "\F066"; } .fa-compress-alt:before { content: "\F422"; } .fa-compress-arrows-alt:before { content: "\F78C"; } .fa-concierge-bell:before { content: "\F562"; } .fa-confluence:before { content: "\F78D"; } .fa-connectdevelop:before { content: "\F20E"; } .fa-contao:before { content: "\F26D"; } .fa-cookie:before { content: "\F563"; } .fa-cookie-bite:before { content: "\F564"; } .fa-copy:before { content: "\F0C5"; } .fa-copyright:before { content: "\F1F9"; } .fa-cotton-bureau:before { content: "\F89E"; } .fa-couch:before { content: "\F4B8"; } .fa-cpanel:before { content: "\F388"; } .fa-creative-commons:before { content: "\F25E"; } .fa-creative-commons-by:before { content: "\F4E7"; } .fa-creative-commons-nc:before { content: "\F4E8"; } .fa-creative-commons-nc-eu:before { content: "\F4E9"; } .fa-creative-commons-nc-jp:before { content: "\F4EA"; } .fa-creative-commons-nd:before { content: "\F4EB"; } .fa-creative-commons-pd:before { content: "\F4EC"; } .fa-creative-commons-pd-alt:before { content: "\F4ED"; } .fa-creative-commons-remix:before { content: "\F4EE"; } .fa-creative-commons-sa:before { content: "\F4EF"; } .fa-creative-commons-sampling:before { content: "\F4F0"; } .fa-creative-commons-sampling-plus:before { content: "\F4F1"; } .fa-creative-commons-share:before { content: "\F4F2"; } .fa-creative-commons-zero:before { content: "\F4F3"; } .fa-credit-card:before { content: "\F09D"; } .fa-critical-role:before { content: "\F6C9"; } .fa-crop:before { content: "\F125"; } .fa-crop-alt:before { content: "\F565"; } .fa-cross:before { content: "\F654"; } .fa-crosshairs:before { content: "\F05B"; } .fa-crow:before { content: "\F520"; } .fa-crown:before { content: "\F521"; } .fa-crutch:before { content: "\F7F7"; } .fa-css3:before { content: "\F13C"; } .fa-css3-alt:before { content: "\F38B"; } .fa-cube:before { content: "\F1B2"; } .fa-cubes:before { content: "\F1B3"; } .fa-cut:before { content: "\F0C4"; } .fa-cuttlefish:before { content: "\F38C"; } .fa-d-and-d:before { content: "\F38D"; } .fa-d-and-d-beyond:before { content: "\F6CA"; } .fa-dailymotion:before { content: "\E052"; } .fa-dashcube:before { content: "\F210"; } .fa-database:before { content: "\F1C0"; } .fa-deaf:before { content: "\F2A4"; } .fa-deezer:before { content: "\E077"; } .fa-delicious:before { content: "\F1A5"; } .fa-democrat:before { content: "\F747"; } .fa-deploydog:before { content: "\F38E"; } .fa-deskpro:before { content: "\F38F"; } .fa-desktop:before { content: "\F108"; } .fa-dev:before { content: "\F6CC"; } .fa-deviantart:before { content: "\F1BD"; } .fa-dharmachakra:before { content: "\F655"; } .fa-dhl:before { content: "\F790"; } .fa-diagnoses:before { content: "\F470"; } .fa-diaspora:before { content: "\F791"; } .fa-dice:before { content: "\F522"; } .fa-dice-d20:before { content: "\F6CF"; } .fa-dice-d6:before { content: "\F6D1"; } .fa-dice-five:before { content: "\F523"; } .fa-dice-four:before { content: "\F524"; } .fa-dice-one:before { content: "\F525"; } .fa-dice-six:before { content: "\F526"; } .fa-dice-three:before { content: "\F527"; } .fa-dice-two:before { content: "\F528"; } .fa-digg:before { content: "\F1A6"; } .fa-digital-ocean:before { content: "\F391"; } .fa-digital-tachograph:before { content: "\F566"; } .fa-directions:before { content: "\F5EB"; } .fa-discord:before { content: "\F392"; } .fa-discourse:before { content: "\F393"; } .fa-disease:before { content: "\F7FA"; } .fa-divide:before { content: "\F529"; } .fa-dizzy:before { content: "\F567"; } .fa-dna:before { content: "\F471"; } .fa-dochub:before { content: "\F394"; } .fa-docker:before { content: "\F395"; } .fa-dog:before { content: "\F6D3"; } .fa-dollar-sign:before { content: "\F155"; } .fa-dolly:before { content: "\F472"; } .fa-dolly-flatbed:before { content: "\F474"; } .fa-donate:before { content: "\F4B9"; } .fa-door-closed:before { content: "\F52A"; } .fa-door-open:before { content: "\F52B"; } .fa-dot-circle:before { content: "\F192"; } .fa-dove:before { content: "\F4BA"; } .fa-download:before { content: "\F019"; } .fa-draft2digital:before { content: "\F396"; } .fa-drafting-compass:before { content: "\F568"; } .fa-dragon:before { content: "\F6D5"; } .fa-draw-polygon:before { content: "\F5EE"; } .fa-dribbble:before { content: "\F17D"; } .fa-dribbble-square:before { content: "\F397"; } .fa-dropbox:before { content: "\F16B"; } .fa-drum:before { content: "\F569"; } .fa-drum-steelpan:before { content: "\F56A"; } .fa-drumstick-bite:before { content: "\F6D7"; } .fa-drupal:before { content: "\F1A9"; } .fa-dumbbell:before { content: "\F44B"; } .fa-dumpster:before { content: "\F793"; } .fa-dumpster-fire:before { content: "\F794"; } .fa-dungeon:before { content: "\F6D9"; } .fa-dyalog:before { content: "\F399"; } .fa-earlybirds:before { content: "\F39A"; } .fa-ebay:before { content: "\F4F4"; } .fa-edge:before { content: "\F282"; } .fa-edge-legacy:before { content: "\E078"; } .fa-edit:before { content: "\F044"; } .fa-egg:before { content: "\F7FB"; } .fa-eject:before { content: "\F052"; } .fa-elementor:before { content: "\F430"; } .fa-ellipsis-h:before { content: "\F141"; } .fa-ellipsis-v:before { content: "\F142"; } .fa-ello:before { content: "\F5F1"; } .fa-ember:before { content: "\F423"; } .fa-empire:before { content: "\F1D1"; } .fa-envelope:before { content: "\F0E0"; } .fa-envelope-open:before { content: "\F2B6"; } .fa-envelope-open-text:before { content: "\F658"; } .fa-envelope-square:before { content: "\F199"; } .fa-envira:before { content: "\F299"; } .fa-equals:before { content: "\F52C"; } .fa-eraser:before { content: "\F12D"; } .fa-erlang:before { content: "\F39D"; } .fa-ethereum:before { content: "\F42E"; } .fa-ethernet:before { content: "\F796"; } .fa-etsy:before { content: "\F2D7"; } .fa-euro-sign:before { content: "\F153"; } .fa-evernote:before { content: "\F839"; } .fa-exchange-alt:before { content: "\F362"; } .fa-exclamation:before { content: "\F12A"; } .fa-exclamation-circle:before { content: "\F06A"; } .fa-exclamation-triangle:before { content: "\F071"; } .fa-expand:before { content: "\F065"; } .fa-expand-alt:before { content: "\F424"; } .fa-expand-arrows-alt:before { content: "\F31E"; } .fa-expeditedssl:before { content: "\F23E"; } .fa-external-link-alt:before { content: "\F35D"; } .fa-external-link-square-alt:before { content: "\F360"; } .fa-eye:before { content: "\F06E"; } .fa-eye-dropper:before { content: "\F1FB"; } .fa-eye-slash:before { content: "\F070"; } .fa-facebook:before { content: "\F09A"; } .fa-facebook-f:before { content: "\F39E"; } .fa-facebook-messenger:before { content: "\F39F"; } .fa-facebook-square:before { content: "\F082"; } .fa-fan:before { content: "\F863"; } .fa-fantasy-flight-games:before { content: "\F6DC"; } .fa-fast-backward:before { content: "\F049"; } .fa-fast-forward:before { content: "\F050"; } .fa-faucet:before { content: "\E005"; } .fa-fax:before { content: "\F1AC"; } .fa-feather:before { content: "\F52D"; } .fa-feather-alt:before { content: "\F56B"; } .fa-fedex:before { content: "\F797"; } .fa-fedora:before { content: "\F798"; } .fa-female:before { content: "\F182"; } .fa-fighter-jet:before { content: "\F0FB"; } .fa-figma:before { content: "\F799"; } .fa-file:before { content: "\F15B"; } .fa-file-alt:before { content: "\F15C"; } .fa-file-archive:before { content: "\F1C6"; } .fa-file-audio:before { content: "\F1C7"; } .fa-file-code:before { content: "\F1C9"; } .fa-file-contract:before { content: "\F56C"; } .fa-file-csv:before { content: "\F6DD"; } .fa-file-download:before { content: "\F56D"; } .fa-file-excel:before { content: "\F1C3"; } .fa-file-export:before { content: "\F56E"; } .fa-file-image:before { content: "\F1C5"; } .fa-file-import:before { content: "\F56F"; } .fa-file-invoice:before { content: "\F570"; } .fa-file-invoice-dollar:before { content: "\F571"; } .fa-file-medical:before { content: "\F477"; } .fa-file-medical-alt:before { content: "\F478"; } .fa-file-pdf:before { content: "\F1C1"; } .fa-file-powerpoint:before { content: "\F1C4"; } .fa-file-prescription:before { content: "\F572"; } .fa-file-signature:before { content: "\F573"; } .fa-file-upload:before { content: "\F574"; } .fa-file-video:before { content: "\F1C8"; } .fa-file-word:before { content: "\F1C2"; } .fa-fill:before { content: "\F575"; } .fa-fill-drip:before { content: "\F576"; } .fa-film:before { content: "\F008"; } .fa-filter:before { content: "\F0B0"; } .fa-fingerprint:before { content: "\F577"; } .fa-fire:before { content: "\F06D"; } .fa-fire-alt:before { content: "\F7E4"; } .fa-fire-extinguisher:before { content: "\F134"; } .fa-firefox:before { content: "\F269"; } .fa-firefox-browser:before { content: "\E007"; } .fa-first-aid:before { content: "\F479"; } .fa-first-order:before { content: "\F2B0"; } .fa-first-order-alt:before { content: "\F50A"; } .fa-firstdraft:before { content: "\F3A1"; } .fa-fish:before { content: "\F578"; } .fa-fist-raised:before { content: "\F6DE"; } .fa-flag:before { content: "\F024"; } .fa-flag-checkered:before { content: "\F11E"; } .fa-flag-usa:before { content: "\F74D"; } .fa-flask:before { content: "\F0C3"; } .fa-flickr:before { content: "\F16E"; } .fa-flipboard:before { content: "\F44D"; } .fa-flushed:before { content: "\F579"; } .fa-fly:before { content: "\F417"; } .fa-folder:before { content: "\F07B"; } .fa-folder-minus:before { content: "\F65D"; } .fa-folder-open:before { content: "\F07C"; } .fa-folder-plus:before { content: "\F65E"; } .fa-font:before { content: "\F031"; } .fa-font-awesome:before { content: "\F2B4"; } .fa-font-awesome-alt:before { content: "\F35C"; } .fa-font-awesome-flag:before { content: "\F425"; } .fa-font-awesome-logo-full:before { content: "\F4E6"; } .fa-fonticons:before { content: "\F280"; } .fa-fonticons-fi:before { content: "\F3A2"; } .fa-football-ball:before { content: "\F44E"; } .fa-fort-awesome:before { content: "\F286"; } .fa-fort-awesome-alt:before { content: "\F3A3"; } .fa-forumbee:before { content: "\F211"; } .fa-forward:before { content: "\F04E"; } .fa-foursquare:before { content: "\F180"; } .fa-free-code-camp:before { content: "\F2C5"; } .fa-freebsd:before { content: "\F3A4"; } .fa-frog:before { content: "\F52E"; } .fa-frown:before { content: "\F119"; } .fa-frown-open:before { content: "\F57A"; } .fa-fulcrum:before { content: "\F50B"; } .fa-funnel-dollar:before { content: "\F662"; } .fa-futbol:before { content: "\F1E3"; } .fa-galactic-republic:before { content: "\F50C"; } .fa-galactic-senate:before { content: "\F50D"; } .fa-gamepad:before { content: "\F11B"; } .fa-gas-pump:before { content: "\F52F"; } .fa-gavel:before { content: "\F0E3"; } .fa-gem:before { content: "\F3A5"; } .fa-genderless:before { content: "\F22D"; } .fa-get-pocket:before { content: "\F265"; } .fa-gg:before { content: "\F260"; } .fa-gg-circle:before { content: "\F261"; } .fa-ghost:before { content: "\F6E2"; } .fa-gift:before { content: "\F06B"; } .fa-gifts:before { content: "\F79C"; } .fa-git:before { content: "\F1D3"; } .fa-git-alt:before { content: "\F841"; } .fa-git-square:before { content: "\F1D2"; } .fa-github:before { content: "\F09B"; } .fa-github-alt:before { content: "\F113"; } .fa-github-square:before { content: "\F092"; } .fa-gitkraken:before { content: "\F3A6"; } .fa-gitlab:before { content: "\F296"; } .fa-gitter:before { content: "\F426"; } .fa-glass-cheers:before { content: "\F79F"; } .fa-glass-martini:before { content: "\F000"; } .fa-glass-martini-alt:before { content: "\F57B"; } .fa-glass-whiskey:before { content: "\F7A0"; } .fa-glasses:before { content: "\F530"; } .fa-glide:before { content: "\F2A5"; } .fa-glide-g:before { content: "\F2A6"; } .fa-globe:before { content: "\F0AC"; } .fa-globe-africa:before { content: "\F57C"; } .fa-globe-americas:before { content: "\F57D"; } .fa-globe-asia:before { content: "\F57E"; } .fa-globe-europe:before { content: "\F7A2"; } .fa-gofore:before { content: "\F3A7"; } .fa-golf-ball:before { content: "\F450"; } .fa-goodreads:before { content: "\F3A8"; } .fa-goodreads-g:before { content: "\F3A9"; } .fa-google:before { content: "\F1A0"; } .fa-google-drive:before { content: "\F3AA"; } .fa-google-pay:before { content: "\E079"; } .fa-google-play:before { content: "\F3AB"; } .fa-google-plus:before { content: "\F2B3"; } .fa-google-plus-g:before { content: "\F0D5"; } .fa-google-plus-square:before { content: "\F0D4"; } .fa-google-wallet:before { content: "\F1EE"; } .fa-gopuram:before { content: "\F664"; } .fa-graduation-cap:before { content: "\F19D"; } .fa-gratipay:before { content: "\F184"; } .fa-grav:before { content: "\F2D6"; } .fa-greater-than:before { content: "\F531"; } .fa-greater-than-equal:before { content: "\F532"; } .fa-grimace:before { content: "\F57F"; } .fa-grin:before { content: "\F580"; } .fa-grin-alt:before { content: "\F581"; } .fa-grin-beam:before { content: "\F582"; } .fa-grin-beam-sweat:before { content: "\F583"; } .fa-grin-hearts:before { content: "\F584"; } .fa-grin-squint:before { content: "\F585"; } .fa-grin-squint-tears:before { content: "\F586"; } .fa-grin-stars:before { content: "\F587"; } .fa-grin-tears:before { content: "\F588"; } .fa-grin-tongue:before { content: "\F589"; } .fa-grin-tongue-squint:before { content: "\F58A"; } .fa-grin-tongue-wink:before { content: "\F58B"; } .fa-grin-wink:before { content: "\F58C"; } .fa-grip-horizontal:before { content: "\F58D"; } .fa-grip-lines:before { content: "\F7A4"; } .fa-grip-lines-vertical:before { content: "\F7A5"; } .fa-grip-vertical:before { content: "\F58E"; } .fa-gripfire:before { content: "\F3AC"; } .fa-grunt:before { content: "\F3AD"; } .fa-guitar:before { content: "\F7A6"; } .fa-gulp:before { content: "\F3AE"; } .fa-h-square:before { content: "\F0FD"; } .fa-hacker-news:before { content: "\F1D4"; } .fa-hacker-news-square:before { content: "\F3AF"; } .fa-hackerrank:before { content: "\F5F7"; } .fa-hamburger:before { content: "\F805"; } .fa-hammer:before { content: "\F6E3"; } .fa-hamsa:before { content: "\F665"; } .fa-hand-holding:before { content: "\F4BD"; } .fa-hand-holding-heart:before { content: "\F4BE"; } .fa-hand-holding-medical:before { content: "\E05C"; } .fa-hand-holding-usd:before { content: "\F4C0"; } .fa-hand-holding-water:before { content: "\F4C1"; } .fa-hand-lizard:before { content: "\F258"; } .fa-hand-middle-finger:before { content: "\F806"; } .fa-hand-paper:before { content: "\F256"; } .fa-hand-peace:before { content: "\F25B"; } .fa-hand-point-down:before { content: "\F0A7"; } .fa-hand-point-left:before { content: "\F0A5"; } .fa-hand-point-right:before { content: "\F0A4"; } .fa-hand-point-up:before { content: "\F0A6"; } .fa-hand-pointer:before { content: "\F25A"; } .fa-hand-rock:before { content: "\F255"; } .fa-hand-scissors:before { content: "\F257"; } .fa-hand-sparkles:before { content: "\E05D"; } .fa-hand-spock:before { content: "\F259"; } .fa-hands:before { content: "\F4C2"; } .fa-hands-helping:before { content: "\F4C4"; } .fa-hands-wash:before { content: "\E05E"; } .fa-handshake:before { content: "\F2B5"; } .fa-handshake-alt-slash:before { content: "\E05F"; } .fa-handshake-slash:before { content: "\E060"; } .fa-hanukiah:before { content: "\F6E6"; } .fa-hard-hat:before { content: "\F807"; } .fa-hashtag:before { content: "\F292"; } .fa-hat-cowboy:before { content: "\F8C0"; } .fa-hat-cowboy-side:before { content: "\F8C1"; } .fa-hat-wizard:before { content: "\F6E8"; } .fa-hdd:before { content: "\F0A0"; } .fa-head-side-cough:before { content: "\E061"; } .fa-head-side-cough-slash:before { content: "\E062"; } .fa-head-side-mask:before { content: "\E063"; } .fa-head-side-virus:before { content: "\E064"; } .fa-heading:before { content: "\F1DC"; } .fa-headphones:before { content: "\F025"; } .fa-headphones-alt:before { content: "\F58F"; } .fa-headset:before { content: "\F590"; } .fa-heart:before { content: "\F004"; } .fa-heart-broken:before { content: "\F7A9"; } .fa-heartbeat:before { content: "\F21E"; } .fa-helicopter:before { content: "\F533"; } .fa-highlighter:before { content: "\F591"; } .fa-hiking:before { content: "\F6EC"; } .fa-hippo:before { content: "\F6ED"; } .fa-hips:before { content: "\F452"; } .fa-hire-a-helper:before { content: "\F3B0"; } .fa-history:before { content: "\F1DA"; } .fa-hockey-puck:before { content: "\F453"; } .fa-holly-berry:before { content: "\F7AA"; } .fa-home:before { content: "\F015"; } .fa-hooli:before { content: "\F427"; } .fa-hornbill:before { content: "\F592"; } .fa-horse:before { content: "\F6F0"; } .fa-horse-head:before { content: "\F7AB"; } .fa-hospital:before { content: "\F0F8"; } .fa-hospital-alt:before { content: "\F47D"; } .fa-hospital-symbol:before { content: "\F47E"; } .fa-hospital-user:before { content: "\F80D"; } .fa-hot-tub:before { content: "\F593"; } .fa-hotdog:before { content: "\F80F"; } .fa-hotel:before { content: "\F594"; } .fa-hotjar:before { content: "\F3B1"; } .fa-hourglass:before { content: "\F254"; } .fa-hourglass-end:before { content: "\F253"; } .fa-hourglass-half:before { content: "\F252"; } .fa-hourglass-start:before { content: "\F251"; } .fa-house-damage:before { content: "\F6F1"; } .fa-house-user:before { content: "\E065"; } .fa-houzz:before { content: "\F27C"; } .fa-hryvnia:before { content: "\F6F2"; } .fa-html5:before { content: "\F13B"; } .fa-hubspot:before { content: "\F3B2"; } .fa-i-cursor:before { content: "\F246"; } .fa-ice-cream:before { content: "\F810"; } .fa-icicles:before { content: "\F7AD"; } .fa-icons:before { content: "\F86D"; } .fa-id-badge:before { content: "\F2C1"; } .fa-id-card:before { content: "\F2C2"; } .fa-id-card-alt:before { content: "\F47F"; } .fa-ideal:before { content: "\E013"; } .fa-igloo:before { content: "\F7AE"; } .fa-image:before { content: "\F03E"; } .fa-images:before { content: "\F302"; } .fa-imdb:before { content: "\F2D8"; } .fa-inbox:before { content: "\F01C"; } .fa-indent:before { content: "\F03C"; } .fa-industry:before { content: "\F275"; } .fa-infinity:before { content: "\F534"; } .fa-info:before { content: "\F129"; } .fa-info-circle:before { content: "\F05A"; } .fa-instagram:before { content: "\F16D"; } .fa-instagram-square:before { content: "\E055"; } .fa-intercom:before { content: "\F7AF"; } .fa-internet-explorer:before { content: "\F26B"; } .fa-invision:before { content: "\F7B0"; } .fa-ioxhost:before { content: "\F208"; } .fa-italic:before { content: "\F033"; } .fa-itch-io:before { content: "\F83A"; } .fa-itunes:before { content: "\F3B4"; } .fa-itunes-note:before { content: "\F3B5"; } .fa-java:before { content: "\F4E4"; } .fa-jedi:before { content: "\F669"; } .fa-jedi-order:before { content: "\F50E"; } .fa-jenkins:before { content: "\F3B6"; } .fa-jira:before { content: "\F7B1"; } .fa-joget:before { content: "\F3B7"; } .fa-joint:before { content: "\F595"; } .fa-joomla:before { content: "\F1AA"; } .fa-journal-whills:before { content: "\F66A"; } .fa-js:before { content: "\F3B8"; } .fa-js-square:before { content: "\F3B9"; } .fa-jsfiddle:before { content: "\F1CC"; } .fa-kaaba:before { content: "\F66B"; } .fa-kaggle:before { content: "\F5FA"; } .fa-key:before { content: "\F084"; } .fa-keybase:before { content: "\F4F5"; } .fa-keyboard:before { content: "\F11C"; } .fa-keycdn:before { content: "\F3BA"; } .fa-khanda:before { content: "\F66D"; } .fa-kickstarter:before { content: "\F3BB"; } .fa-kickstarter-k:before { content: "\F3BC"; } .fa-kiss:before { content: "\F596"; } .fa-kiss-beam:before { content: "\F597"; } .fa-kiss-wink-heart:before { content: "\F598"; } .fa-kiwi-bird:before { content: "\F535"; } .fa-korvue:before { content: "\F42F"; } .fa-landmark:before { content: "\F66F"; } .fa-language:before { content: "\F1AB"; } .fa-laptop:before { content: "\F109"; } .fa-laptop-code:before { content: "\F5FC"; } .fa-laptop-house:before { content: "\E066"; } .fa-laptop-medical:before { content: "\F812"; } .fa-laravel:before { content: "\F3BD"; } .fa-lastfm:before { content: "\F202"; } .fa-lastfm-square:before { content: "\F203"; } .fa-laugh:before { content: "\F599"; } .fa-laugh-beam:before { content: "\F59A"; } .fa-laugh-squint:before { content: "\F59B"; } .fa-laugh-wink:before { content: "\F59C"; } .fa-layer-group:before { content: "\F5FD"; } .fa-leaf:before { content: "\F06C"; } .fa-leanpub:before { content: "\F212"; } .fa-lemon:before { content: "\F094"; } .fa-less:before { content: "\F41D"; } .fa-less-than:before { content: "\F536"; } .fa-less-than-equal:before { content: "\F537"; } .fa-level-down-alt:before { content: "\F3BE"; } .fa-level-up-alt:before { content: "\F3BF"; } .fa-life-ring:before { content: "\F1CD"; } .fa-lightbulb:before { content: "\F0EB"; } .fa-line:before { content: "\F3C0"; } .fa-link:before { content: "\F0C1"; } .fa-linkedin:before { content: "\F08C"; } .fa-linkedin-in:before { content: "\F0E1"; } .fa-linode:before { content: "\F2B8"; } .fa-linux:before { content: "\F17C"; } .fa-lira-sign:before { content: "\F195"; } .fa-list:before { content: "\F03A"; } .fa-list-alt:before { content: "\F022"; } .fa-list-ol:before { content: "\F0CB"; } .fa-list-ul:before { content: "\F0CA"; } .fa-location-arrow:before { content: "\F124"; } .fa-lock:before { content: "\F023"; } .fa-lock-open:before { content: "\F3C1"; } .fa-long-arrow-alt-down:before { content: "\F309"; } .fa-long-arrow-alt-left:before { content: "\F30A"; } .fa-long-arrow-alt-right:before { content: "\F30B"; } .fa-long-arrow-alt-up:before { content: "\F30C"; } .fa-low-vision:before { content: "\F2A8"; } .fa-luggage-cart:before { content: "\F59D"; } .fa-lungs:before { content: "\F604"; } .fa-lungs-virus:before { content: "\E067"; } .fa-lyft:before { content: "\F3C3"; } .fa-magento:before { content: "\F3C4"; } .fa-magic:before { content: "\F0D0"; } .fa-magnet:before { content: "\F076"; } .fa-mail-bulk:before { content: "\F674"; } .fa-mailchimp:before { content: "\F59E"; } .fa-male:before { content: "\F183"; } .fa-mandalorian:before { content: "\F50F"; } .fa-map:before { content: "\F279"; } .fa-map-marked:before { content: "\F59F"; } .fa-map-marked-alt:before { content: "\F5A0"; } .fa-map-marker:before { content: "\F041"; } .fa-map-marker-alt:before { content: "\F3C5"; } .fa-map-pin:before { content: "\F276"; } .fa-map-signs:before { content: "\F277"; } .fa-markdown:before { content: "\F60F"; } .fa-marker:before { content: "\F5A1"; } .fa-mars:before { content: "\F222"; } .fa-mars-double:before { content: "\F227"; } .fa-mars-stroke:before { content: "\F229"; } .fa-mars-stroke-h:before { content: "\F22B"; } .fa-mars-stroke-v:before { content: "\F22A"; } .fa-mask:before { content: "\F6FA"; } .fa-mastodon:before { content: "\F4F6"; } .fa-maxcdn:before { content: "\F136"; } .fa-mdb:before { content: "\F8CA"; } .fa-medal:before { content: "\F5A2"; } .fa-medapps:before { content: "\F3C6"; } .fa-medium:before { content: "\F23A"; } .fa-medium-m:before { content: "\F3C7"; } .fa-medkit:before { content: "\F0FA"; } .fa-medrt:before { content: "\F3C8"; } .fa-meetup:before { content: "\F2E0"; } .fa-megaport:before { content: "\F5A3"; } .fa-meh:before { content: "\F11A"; } .fa-meh-blank:before { content: "\F5A4"; } .fa-meh-rolling-eyes:before { content: "\F5A5"; } .fa-memory:before { content: "\F538"; } .fa-mendeley:before { content: "\F7B3"; } .fa-menorah:before { content: "\F676"; } .fa-mercury:before { content: "\F223"; } .fa-meteor:before { content: "\F753"; } .fa-microblog:before { content: "\E01A"; } .fa-microchip:before { content: "\F2DB"; } .fa-microphone:before { content: "\F130"; } .fa-microphone-alt:before { content: "\F3C9"; } .fa-microphone-alt-slash:before { content: "\F539"; } .fa-microphone-slash:before { content: "\F131"; } .fa-microscope:before { content: "\F610"; } .fa-microsoft:before { content: "\F3CA"; } .fa-minus:before { content: "\F068"; } .fa-minus-circle:before { content: "\F056"; } .fa-minus-square:before { content: "\F146"; } .fa-mitten:before { content: "\F7B5"; } .fa-mix:before { content: "\F3CB"; } .fa-mixcloud:before { content: "\F289"; } .fa-mixer:before { content: "\E056"; } .fa-mizuni:before { content: "\F3CC"; } .fa-mobile:before { content: "\F10B"; } .fa-mobile-alt:before { content: "\F3CD"; } .fa-modx:before { content: "\F285"; } .fa-monero:before { content: "\F3D0"; } .fa-money-bill:before { content: "\F0D6"; } .fa-money-bill-alt:before { content: "\F3D1"; } .fa-money-bill-wave:before { content: "\F53A"; } .fa-money-bill-wave-alt:before { content: "\F53B"; } .fa-money-check:before { content: "\F53C"; } .fa-money-check-alt:before { content: "\F53D"; } .fa-monument:before { content: "\F5A6"; } .fa-moon:before { content: "\F186"; } .fa-mortar-pestle:before { content: "\F5A7"; } .fa-mosque:before { content: "\F678"; } .fa-motorcycle:before { content: "\F21C"; } .fa-mountain:before { content: "\F6FC"; } .fa-mouse:before { content: "\F8CC"; } .fa-mouse-pointer:before { content: "\F245"; } .fa-mug-hot:before { content: "\F7B6"; } .fa-music:before { content: "\F001"; } .fa-napster:before { content: "\F3D2"; } .fa-neos:before { content: "\F612"; } .fa-network-wired:before { content: "\F6FF"; } .fa-neuter:before { content: "\F22C"; } .fa-newspaper:before { content: "\F1EA"; } .fa-nimblr:before { content: "\F5A8"; } .fa-node:before { content: "\F419"; } .fa-node-js:before { content: "\F3D3"; } .fa-not-equal:before { content: "\F53E"; } .fa-notes-medical:before { content: "\F481"; } .fa-npm:before { content: "\F3D4"; } .fa-ns8:before { content: "\F3D5"; } .fa-nutritionix:before { content: "\F3D6"; } .fa-object-group:before { content: "\F247"; } .fa-object-ungroup:before { content: "\F248"; } .fa-odnoklassniki:before { content: "\F263"; } .fa-odnoklassniki-square:before { content: "\F264"; } .fa-oil-can:before { content: "\F613"; } .fa-old-republic:before { content: "\F510"; } .fa-om:before { content: "\F679"; } .fa-opencart:before { content: "\F23D"; } .fa-openid:before { content: "\F19B"; } .fa-opera:before { content: "\F26A"; } .fa-optin-monster:before { content: "\F23C"; } .fa-orcid:before { content: "\F8D2"; } .fa-osi:before { content: "\F41A"; } .fa-otter:before { content: "\F700"; } .fa-outdent:before { content: "\F03B"; } .fa-page4:before { content: "\F3D7"; } .fa-pagelines:before { content: "\F18C"; } .fa-pager:before { content: "\F815"; } .fa-paint-brush:before { content: "\F1FC"; } .fa-paint-roller:before { content: "\F5AA"; } .fa-palette:before { content: "\F53F"; } .fa-palfed:before { content: "\F3D8"; } .fa-pallet:before { content: "\F482"; } .fa-paper-plane:before { content: "\F1D8"; } .fa-paperclip:before { content: "\F0C6"; } .fa-parachute-box:before { content: "\F4CD"; } .fa-paragraph:before { content: "\F1DD"; } .fa-parking:before { content: "\F540"; } .fa-passport:before { content: "\F5AB"; } .fa-pastafarianism:before { content: "\F67B"; } .fa-paste:before { content: "\F0EA"; } .fa-patreon:before { content: "\F3D9"; } .fa-pause:before { content: "\F04C"; } .fa-pause-circle:before { content: "\F28B"; } .fa-paw:before { content: "\F1B0"; } .fa-paypal:before { content: "\F1ED"; } .fa-peace:before { content: "\F67C"; } .fa-pen:before { content: "\F304"; } .fa-pen-alt:before { content: "\F305"; } .fa-pen-fancy:before { content: "\F5AC"; } .fa-pen-nib:before { content: "\F5AD"; } .fa-pen-square:before { content: "\F14B"; } .fa-pencil-alt:before { content: "\F303"; } .fa-pencil-ruler:before { content: "\F5AE"; } .fa-penny-arcade:before { content: "\F704"; } .fa-people-arrows:before { content: "\E068"; } .fa-people-carry:before { content: "\F4CE"; } .fa-pepper-hot:before { content: "\F816"; } .fa-percent:before { content: "\F295"; } .fa-percentage:before { content: "\F541"; } .fa-periscope:before { content: "\F3DA"; } .fa-person-booth:before { content: "\F756"; } .fa-phabricator:before { content: "\F3DB"; } .fa-phoenix-framework:before { content: "\F3DC"; } .fa-phoenix-squadron:before { content: "\F511"; } .fa-phone:before { content: "\F095"; } .fa-phone-alt:before { content: "\F879"; } .fa-phone-slash:before { content: "\F3DD"; } .fa-phone-square:before { content: "\F098"; } .fa-phone-square-alt:before { content: "\F87B"; } .fa-phone-volume:before { content: "\F2A0"; } .fa-photo-video:before { content: "\F87C"; } .fa-php:before { content: "\F457"; } .fa-pied-piper:before { content: "\F2AE"; } .fa-pied-piper-alt:before { content: "\F1A8"; } .fa-pied-piper-hat:before { content: "\F4E5"; } .fa-pied-piper-pp:before { content: "\F1A7"; } .fa-pied-piper-square:before { content: "\E01E"; } .fa-piggy-bank:before { content: "\F4D3"; } .fa-pills:before { content: "\F484"; } .fa-pinterest:before { content: "\F0D2"; } .fa-pinterest-p:before { content: "\F231"; } .fa-pinterest-square:before { content: "\F0D3"; } .fa-pizza-slice:before { content: "\F818"; } .fa-place-of-worship:before { content: "\F67F"; } .fa-plane:before { content: "\F072"; } .fa-plane-arrival:before { content: "\F5AF"; } .fa-plane-departure:before { content: "\F5B0"; } .fa-plane-slash:before { content: "\E069"; } .fa-play:before { content: "\F04B"; } .fa-play-circle:before { content: "\F144"; } .fa-playstation:before { content: "\F3DF"; } .fa-plug:before { content: "\F1E6"; } .fa-plus:before { content: "\F067"; } .fa-plus-circle:before { content: "\F055"; } .fa-plus-square:before { content: "\F0FE"; } .fa-podcast:before { content: "\F2CE"; } .fa-poll:before { content: "\F681"; } .fa-poll-h:before { content: "\F682"; } .fa-poo:before { content: "\F2FE"; } .fa-poo-storm:before { content: "\F75A"; } .fa-poop:before { content: "\F619"; } .fa-portrait:before { content: "\F3E0"; } .fa-pound-sign:before { content: "\F154"; } .fa-power-off:before { content: "\F011"; } .fa-pray:before { content: "\F683"; } .fa-praying-hands:before { content: "\F684"; } .fa-prescription:before { content: "\F5B1"; } .fa-prescription-bottle:before { content: "\F485"; } .fa-prescription-bottle-alt:before { content: "\F486"; } .fa-print:before { content: "\F02F"; } .fa-procedures:before { content: "\F487"; } .fa-product-hunt:before { content: "\F288"; } .fa-project-diagram:before { content: "\F542"; } .fa-pump-medical:before { content: "\E06A"; } .fa-pump-soap:before { content: "\E06B"; } .fa-pushed:before { content: "\F3E1"; } .fa-puzzle-piece:before { content: "\F12E"; } .fa-python:before { content: "\F3E2"; } .fa-qq:before { content: "\F1D6"; } .fa-qrcode:before { content: "\F029"; } .fa-question:before { content: "\F128"; } .fa-question-circle:before { content: "\F059"; } .fa-quidditch:before { content: "\F458"; } .fa-quinscape:before { content: "\F459"; } .fa-quora:before { content: "\F2C4"; } .fa-quote-left:before { content: "\F10D"; } .fa-quote-right:before { content: "\F10E"; } .fa-quran:before { content: "\F687"; } .fa-r-project:before { content: "\F4F7"; } .fa-radiation:before { content: "\F7B9"; } .fa-radiation-alt:before { content: "\F7BA"; } .fa-rainbow:before { content: "\F75B"; } .fa-random:before { content: "\F074"; } .fa-raspberry-pi:before { content: "\F7BB"; } .fa-ravelry:before { content: "\F2D9"; } .fa-react:before { content: "\F41B"; } .fa-reacteurope:before { content: "\F75D"; } .fa-readme:before { content: "\F4D5"; } .fa-rebel:before { content: "\F1D0"; } .fa-receipt:before { content: "\F543"; } .fa-record-vinyl:before { content: "\F8D9"; } .fa-recycle:before { content: "\F1B8"; } .fa-red-river:before { content: "\F3E3"; } .fa-reddit:before { content: "\F1A1"; } .fa-reddit-alien:before { content: "\F281"; } .fa-reddit-square:before { content: "\F1A2"; } .fa-redhat:before { content: "\F7BC"; } .fa-redo:before { content: "\F01E"; } .fa-redo-alt:before { content: "\F2F9"; } .fa-registered:before { content: "\F25D"; } .fa-remove-format:before { content: "\F87D"; } .fa-renren:before { content: "\F18B"; } .fa-reply:before { content: "\F3E5"; } .fa-reply-all:before { content: "\F122"; } .fa-replyd:before { content: "\F3E6"; } .fa-republican:before { content: "\F75E"; } .fa-researchgate:before { content: "\F4F8"; } .fa-resolving:before { content: "\F3E7"; } .fa-restroom:before { content: "\F7BD"; } .fa-retweet:before { content: "\F079"; } .fa-rev:before { content: "\F5B2"; } .fa-ribbon:before { content: "\F4D6"; } .fa-ring:before { content: "\F70B"; } .fa-road:before { content: "\F018"; } .fa-robot:before { content: "\F544"; } .fa-rocket:before { content: "\F135"; } .fa-rocketchat:before { content: "\F3E8"; } .fa-rockrms:before { content: "\F3E9"; } .fa-route:before { content: "\F4D7"; } .fa-rss:before { content: "\F09E"; } .fa-rss-square:before { content: "\F143"; } .fa-ruble-sign:before { content: "\F158"; } .fa-ruler:before { content: "\F545"; } .fa-ruler-combined:before { content: "\F546"; } .fa-ruler-horizontal:before { content: "\F547"; } .fa-ruler-vertical:before { content: "\F548"; } .fa-running:before { content: "\F70C"; } .fa-rupee-sign:before { content: "\F156"; } .fa-rust:before { content: "\E07A"; } .fa-sad-cry:before { content: "\F5B3"; } .fa-sad-tear:before { content: "\F5B4"; } .fa-safari:before { content: "\F267"; } .fa-salesforce:before { content: "\F83B"; } .fa-sass:before { content: "\F41E"; } .fa-satellite:before { content: "\F7BF"; } .fa-satellite-dish:before { content: "\F7C0"; } .fa-save:before { content: "\F0C7"; } .fa-schlix:before { content: "\F3EA"; } .fa-school:before { content: "\F549"; } .fa-screwdriver:before { content: "\F54A"; } .fa-scribd:before { content: "\F28A"; } .fa-scroll:before { content: "\F70E"; } .fa-sd-card:before { content: "\F7C2"; } .fa-search:before { content: "\F002"; } .fa-search-dollar:before { content: "\F688"; } .fa-search-location:before { content: "\F689"; } .fa-search-minus:before { content: "\F010"; } .fa-search-plus:before { content: "\F00E"; } .fa-searchengin:before { content: "\F3EB"; } .fa-seedling:before { content: "\F4D8"; } .fa-sellcast:before { content: "\F2DA"; } .fa-sellsy:before { content: "\F213"; } .fa-server:before { content: "\F233"; } .fa-servicestack:before { content: "\F3EC"; } .fa-shapes:before { content: "\F61F"; } .fa-share:before { content: "\F064"; } .fa-share-alt:before { content: "\F1E0"; } .fa-share-alt-square:before { content: "\F1E1"; } .fa-share-square:before { content: "\F14D"; } .fa-shekel-sign:before { content: "\F20B"; } .fa-shield-alt:before { content: "\F3ED"; } .fa-shield-virus:before { content: "\E06C"; } .fa-ship:before { content: "\F21A"; } .fa-shipping-fast:before { content: "\F48B"; } .fa-shirtsinbulk:before { content: "\F214"; } .fa-shoe-prints:before { content: "\F54B"; } .fa-shopify:before { content: "\E057"; } .fa-shopping-bag:before { content: "\F290"; } .fa-shopping-basket:before { content: "\F291"; } .fa-shopping-cart:before { content: "\F07A"; } .fa-shopware:before { content: "\F5B5"; } .fa-shower:before { content: "\F2CC"; } .fa-shuttle-van:before { content: "\F5B6"; } .fa-sign:before { content: "\F4D9"; } .fa-sign-in-alt:before { content: "\F2F6"; } .fa-sign-language:before { content: "\F2A7"; } .fa-sign-out-alt:before { content: "\F2F5"; } .fa-signal:before { content: "\F012"; } .fa-signature:before { content: "\F5B7"; } .fa-sim-card:before { content: "\F7C4"; } .fa-simplybuilt:before { content: "\F215"; } .fa-sink:before { content: "\E06D"; } .fa-sistrix:before { content: "\F3EE"; } .fa-sitemap:before { content: "\F0E8"; } .fa-sith:before { content: "\F512"; } .fa-skating:before { content: "\F7C5"; } .fa-sketch:before { content: "\F7C6"; } .fa-skiing:before { content: "\F7C9"; } .fa-skiing-nordic:before { content: "\F7CA"; } .fa-skull:before { content: "\F54C"; } .fa-skull-crossbones:before { content: "\F714"; } .fa-skyatlas:before { content: "\F216"; } .fa-skype:before { content: "\F17E"; } .fa-slack:before { content: "\F198"; } .fa-slack-hash:before { content: "\F3EF"; } .fa-slash:before { content: "\F715"; } .fa-sleigh:before { content: "\F7CC"; } .fa-sliders-h:before { content: "\F1DE"; } .fa-slideshare:before { content: "\F1E7"; } .fa-smile:before { content: "\F118"; } .fa-smile-beam:before { content: "\F5B8"; } .fa-smile-wink:before { content: "\F4DA"; } .fa-smog:before { content: "\F75F"; } .fa-smoking:before { content: "\F48D"; } .fa-smoking-ban:before { content: "\F54D"; } .fa-sms:before { content: "\F7CD"; } .fa-snapchat:before { content: "\F2AB"; } .fa-snapchat-ghost:before { content: "\F2AC"; } .fa-snapchat-square:before { content: "\F2AD"; } .fa-snowboarding:before { content: "\F7CE"; } .fa-snowflake:before { content: "\F2DC"; } .fa-snowman:before { content: "\F7D0"; } .fa-snowplow:before { content: "\F7D2"; } .fa-soap:before { content: "\E06E"; } .fa-socks:before { content: "\F696"; } .fa-solar-panel:before { content: "\F5BA"; } .fa-sort:before { content: "\F0DC"; } .fa-sort-alpha-down:before { content: "\F15D"; } .fa-sort-alpha-down-alt:before { content: "\F881"; } .fa-sort-alpha-up:before { content: "\F15E"; } .fa-sort-alpha-up-alt:before { content: "\F882"; } .fa-sort-amount-down:before { content: "\F160"; } .fa-sort-amount-down-alt:before { content: "\F884"; } .fa-sort-amount-up:before { content: "\F161"; } .fa-sort-amount-up-alt:before { content: "\F885"; } .fa-sort-down:before { content: "\F0DD"; } .fa-sort-numeric-down:before { content: "\F162"; } .fa-sort-numeric-down-alt:before { content: "\F886"; } .fa-sort-numeric-up:before { content: "\F163"; } .fa-sort-numeric-up-alt:before { content: "\F887"; } .fa-sort-up:before { content: "\F0DE"; } .fa-soundcloud:before { content: "\F1BE"; } .fa-sourcetree:before { content: "\F7D3"; } .fa-spa:before { content: "\F5BB"; } .fa-space-shuttle:before { content: "\F197"; } .fa-speakap:before { content: "\F3F3"; } .fa-speaker-deck:before { content: "\F83C"; } .fa-spell-check:before { content: "\F891"; } .fa-spider:before { content: "\F717"; } .fa-spinner:before { content: "\F110"; } .fa-splotch:before { content: "\F5BC"; } .fa-spotify:before { content: "\F1BC"; } .fa-spray-can:before { content: "\F5BD"; } .fa-square:before { content: "\F0C8"; } .fa-square-full:before { content: "\F45C"; } .fa-square-root-alt:before { content: "\F698"; } .fa-squarespace:before { content: "\F5BE"; } .fa-stack-exchange:before { content: "\F18D"; } .fa-stack-overflow:before { content: "\F16C"; } .fa-stackpath:before { content: "\F842"; } .fa-stamp:before { content: "\F5BF"; } .fa-star:before { content: "\F005"; } .fa-star-and-crescent:before { content: "\F699"; } .fa-star-half:before { content: "\F089"; } .fa-star-half-alt:before { content: "\F5C0"; } .fa-star-of-david:before { content: "\F69A"; } .fa-star-of-life:before { content: "\F621"; } .fa-staylinked:before { content: "\F3F5"; } .fa-steam:before { content: "\F1B6"; } .fa-steam-square:before { content: "\F1B7"; } .fa-steam-symbol:before { content: "\F3F6"; } .fa-step-backward:before { content: "\F048"; } .fa-step-forward:before { content: "\F051"; } .fa-stethoscope:before { content: "\F0F1"; } .fa-sticker-mule:before { content: "\F3F7"; } .fa-sticky-note:before { content: "\F249"; } .fa-stop:before { content: "\F04D"; } .fa-stop-circle:before { content: "\F28D"; } .fa-stopwatch:before { content: "\F2F2"; } .fa-stopwatch-20:before { content: "\E06F"; } .fa-store:before { content: "\F54E"; } .fa-store-alt:before { content: "\F54F"; } .fa-store-alt-slash:before { content: "\E070"; } .fa-store-slash:before { content: "\E071"; } .fa-strava:before { content: "\F428"; } .fa-stream:before { content: "\F550"; } .fa-street-view:before { content: "\F21D"; } .fa-strikethrough:before { content: "\F0CC"; } .fa-stripe:before { content: "\F429"; } .fa-stripe-s:before { content: "\F42A"; } .fa-stroopwafel:before { content: "\F551"; } .fa-studiovinari:before { content: "\F3F8"; } .fa-stumbleupon:before { content: "\F1A4"; } .fa-stumbleupon-circle:before { content: "\F1A3"; } .fa-subscript:before { content: "\F12C"; } .fa-subway:before { content: "\F239"; } .fa-suitcase:before { content: "\F0F2"; } .fa-suitcase-rolling:before { content: "\F5C1"; } .fa-sun:before { content: "\F185"; } .fa-superpowers:before { content: "\F2DD"; } .fa-superscript:before { content: "\F12B"; } .fa-supple:before { content: "\F3F9"; } .fa-surprise:before { content: "\F5C2"; } .fa-suse:before { content: "\F7D6"; } .fa-swatchbook:before { content: "\F5C3"; } .fa-swift:before { content: "\F8E1"; } .fa-swimmer:before { content: "\F5C4"; } .fa-swimming-pool:before { content: "\F5C5"; } .fa-symfony:before { content: "\F83D"; } .fa-synagogue:before { content: "\F69B"; } .fa-sync:before { content: "\F021"; } .fa-sync-alt:before { content: "\F2F1"; } .fa-syringe:before { content: "\F48E"; } .fa-table:before { content: "\F0CE"; } .fa-table-tennis:before { content: "\F45D"; } .fa-tablet:before { content: "\F10A"; } .fa-tablet-alt:before { content: "\F3FA"; } .fa-tablets:before { content: "\F490"; } .fa-tachometer-alt:before { content: "\F3FD"; } .fa-tag:before { content: "\F02B"; } .fa-tags:before { content: "\F02C"; } .fa-tape:before { content: "\F4DB"; } .fa-tasks:before { content: "\F0AE"; } .fa-taxi:before { content: "\F1BA"; } .fa-teamspeak:before { content: "\F4F9"; } .fa-teeth:before { content: "\F62E"; } .fa-teeth-open:before { content: "\F62F"; } .fa-telegram:before { content: "\F2C6"; } .fa-telegram-plane:before { content: "\F3FE"; } .fa-temperature-high:before { content: "\F769"; } .fa-temperature-low:before { content: "\F76B"; } .fa-tencent-weibo:before { content: "\F1D5"; } .fa-tenge:before { content: "\F7D7"; } .fa-terminal:before { content: "\F120"; } .fa-text-height:before { content: "\F034"; } .fa-text-width:before { content: "\F035"; } .fa-th:before { content: "\F00A"; } .fa-th-large:before { content: "\F009"; } .fa-th-list:before { content: "\F00B"; } .fa-the-red-yeti:before { content: "\F69D"; } .fa-theater-masks:before { content: "\F630"; } .fa-themeco:before { content: "\F5C6"; } .fa-themeisle:before { content: "\F2B2"; } .fa-thermometer:before { content: "\F491"; } .fa-thermometer-empty:before { content: "\F2CB"; } .fa-thermometer-full:before { content: "\F2C7"; } .fa-thermometer-half:before { content: "\F2C9"; } .fa-thermometer-quarter:before { content: "\F2CA"; } .fa-thermometer-three-quarters:before { content: "\F2C8"; } .fa-think-peaks:before { content: "\F731"; } .fa-thumbs-down:before { content: "\F165"; } .fa-thumbs-up:before { content: "\F164"; } .fa-thumbtack:before { content: "\F08D"; } .fa-ticket-alt:before { content: "\F3FF"; } .fa-tiktok:before { content: "\E07B"; } .fa-times:before { content: "\F00D"; } .fa-times-circle:before { content: "\F057"; } .fa-tint:before { content: "\F043"; } .fa-tint-slash:before { content: "\F5C7"; } .fa-tired:before { content: "\F5C8"; } .fa-toggle-off:before { content: "\F204"; } .fa-toggle-on:before { content: "\F205"; } .fa-toilet:before { content: "\F7D8"; } .fa-toilet-paper:before { content: "\F71E"; } .fa-toilet-paper-slash:before { content: "\E072"; } .fa-toolbox:before { content: "\F552"; } .fa-tools:before { content: "\F7D9"; } .fa-tooth:before { content: "\F5C9"; } .fa-torah:before { content: "\F6A0"; } .fa-torii-gate:before { content: "\F6A1"; } .fa-tractor:before { content: "\F722"; } .fa-trade-federation:before { content: "\F513"; } .fa-trademark:before { content: "\F25C"; } .fa-traffic-light:before { content: "\F637"; } .fa-trailer:before { content: "\E041"; } .fa-train:before { content: "\F238"; } .fa-tram:before { content: "\F7DA"; } .fa-transgender:before { content: "\F224"; } .fa-transgender-alt:before { content: "\F225"; } .fa-trash:before { content: "\F1F8"; } .fa-trash-alt:before { content: "\F2ED"; } .fa-trash-restore:before { content: "\F829"; } .fa-trash-restore-alt:before { content: "\F82A"; } .fa-tree:before { content: "\F1BB"; } .fa-trello:before { content: "\F181"; } .fa-tripadvisor:before { content: "\F262"; } .fa-trophy:before { content: "\F091"; } .fa-truck:before { content: "\F0D1"; } .fa-truck-loading:before { content: "\F4DE"; } .fa-truck-monster:before { content: "\F63B"; } .fa-truck-moving:before { content: "\F4DF"; } .fa-truck-pickup:before { content: "\F63C"; } .fa-tshirt:before { content: "\F553"; } .fa-tty:before { content: "\F1E4"; } .fa-tumblr:before { content: "\F173"; } .fa-tumblr-square:before { content: "\F174"; } .fa-tv:before { content: "\F26C"; } .fa-twitch:before { content: "\F1E8"; } .fa-twitter:before { content: "\F099"; } .fa-twitter-square:before { content: "\F081"; } .fa-typo3:before { content: "\F42B"; } .fa-uber:before { content: "\F402"; } .fa-ubuntu:before { content: "\F7DF"; } .fa-uikit:before { content: "\F403"; } .fa-umbraco:before { content: "\F8E8"; } .fa-umbrella:before { content: "\F0E9"; } .fa-umbrella-beach:before { content: "\F5CA"; } .fa-underline:before { content: "\F0CD"; } .fa-undo:before { content: "\F0E2"; } .fa-undo-alt:before { content: "\F2EA"; } .fa-uniregistry:before { content: "\F404"; } .fa-unity:before { content: "\E049"; } .fa-universal-access:before { content: "\F29A"; } .fa-university:before { content: "\F19C"; } .fa-unlink:before { content: "\F127"; } .fa-unlock:before { content: "\F09C"; } .fa-unlock-alt:before { content: "\F13E"; } .fa-unsplash:before { content: "\E07C"; } .fa-untappd:before { content: "\F405"; } .fa-upload:before { content: "\F093"; } .fa-ups:before { content: "\F7E0"; } .fa-usb:before { content: "\F287"; } .fa-user:before { content: "\F007"; } .fa-user-alt:before { content: "\F406"; } .fa-user-alt-slash:before { content: "\F4FA"; } .fa-user-astronaut:before { content: "\F4FB"; } .fa-user-check:before { content: "\F4FC"; } .fa-user-circle:before { content: "\F2BD"; } .fa-user-clock:before { content: "\F4FD"; } .fa-user-cog:before { content: "\F4FE"; } .fa-user-edit:before { content: "\F4FF"; } .fa-user-friends:before { content: "\F500"; } .fa-user-graduate:before { content: "\F501"; } .fa-user-injured:before { content: "\F728"; } .fa-user-lock:before { content: "\F502"; } .fa-user-md:before { content: "\F0F0"; } .fa-user-minus:before { content: "\F503"; } .fa-user-ninja:before { content: "\F504"; } .fa-user-nurse:before { content: "\F82F"; } .fa-user-plus:before { content: "\F234"; } .fa-user-secret:before { content: "\F21B"; } .fa-user-shield:before { content: "\F505"; } .fa-user-slash:before { content: "\F506"; } .fa-user-tag:before { content: "\F507"; } .fa-user-tie:before { content: "\F508"; } .fa-user-times:before { content: "\F235"; } .fa-users:before { content: "\F0C0"; } .fa-users-cog:before { content: "\F509"; } .fa-users-slash:before { content: "\E073"; } .fa-usps:before { content: "\F7E1"; } .fa-ussunnah:before { content: "\F407"; } .fa-utensil-spoon:before { content: "\F2E5"; } .fa-utensils:before { content: "\F2E7"; } .fa-vaadin:before { content: "\F408"; } .fa-vector-square:before { content: "\F5CB"; } .fa-venus:before { content: "\F221"; } .fa-venus-double:before { content: "\F226"; } .fa-venus-mars:before { content: "\F228"; } .fa-viacoin:before { content: "\F237"; } .fa-viadeo:before { content: "\F2A9"; } .fa-viadeo-square:before { content: "\F2AA"; } .fa-vial:before { content: "\F492"; } .fa-vials:before { content: "\F493"; } .fa-viber:before { content: "\F409"; } .fa-video:before { content: "\F03D"; } .fa-video-slash:before { content: "\F4E2"; } .fa-vihara:before { content: "\F6A7"; } .fa-vimeo:before { content: "\F40A"; } .fa-vimeo-square:before { content: "\F194"; } .fa-vimeo-v:before { content: "\F27D"; } .fa-vine:before { content: "\F1CA"; } .fa-virus:before { content: "\E074"; } .fa-virus-slash:before { content: "\E075"; } .fa-viruses:before { content: "\E076"; } .fa-vk:before { content: "\F189"; } .fa-vnv:before { content: "\F40B"; } .fa-voicemail:before { content: "\F897"; } .fa-volleyball-ball:before { content: "\F45F"; } .fa-volume-down:before { content: "\F027"; } .fa-volume-mute:before { content: "\F6A9"; } .fa-volume-off:before { content: "\F026"; } .fa-volume-up:before { content: "\F028"; } .fa-vote-yea:before { content: "\F772"; } .fa-vr-cardboard:before { content: "\F729"; } .fa-vuejs:before { content: "\F41F"; } .fa-walking:before { content: "\F554"; } .fa-wallet:before { content: "\F555"; } .fa-warehouse:before { content: "\F494"; } .fa-water:before { content: "\F773"; } .fa-wave-square:before { content: "\F83E"; } .fa-waze:before { content: "\F83F"; } .fa-weebly:before { content: "\F5CC"; } .fa-weibo:before { content: "\F18A"; } .fa-weight:before { content: "\F496"; } .fa-weight-hanging:before { content: "\F5CD"; } .fa-weixin:before { content: "\F1D7"; } .fa-whatsapp:before { content: "\F232"; } .fa-whatsapp-square:before { content: "\F40C"; } .fa-wheelchair:before { content: "\F193"; } .fa-whmcs:before { content: "\F40D"; } .fa-wifi:before { content: "\F1EB"; } .fa-wikipedia-w:before { content: "\F266"; } .fa-wind:before { content: "\F72E"; } .fa-window-close:before { content: "\F410"; } .fa-window-maximize:before { content: "\F2D0"; } .fa-window-minimize:before { content: "\F2D1"; } .fa-window-restore:before { content: "\F2D2"; } .fa-windows:before { content: "\F17A"; } .fa-wine-bottle:before { content: "\F72F"; } .fa-wine-glass:before { content: "\F4E3"; } .fa-wine-glass-alt:before { content: "\F5CE"; } .fa-wix:before { content: "\F5CF"; } .fa-wizards-of-the-coast:before { content: "\F730"; } .fa-wolf-pack-battalion:before { content: "\F514"; } .fa-won-sign:before { content: "\F159"; } .fa-wordpress:before { content: "\F19A"; } .fa-wordpress-simple:before { content: "\F411"; } .fa-wpbeginner:before { content: "\F297"; } .fa-wpexplorer:before { content: "\F2DE"; } .fa-wpforms:before { content: "\F298"; } .fa-wpressr:before { content: "\F3E4"; } .fa-wrench:before { content: "\F0AD"; } .fa-x-ray:before { content: "\F497"; } .fa-xbox:before { content: "\F412"; } .fa-xing:before { content: "\F168"; } .fa-xing-square:before { content: "\F169"; } .fa-y-combinator:before { content: "\F23B"; } .fa-yahoo:before { content: "\F19E"; } .fa-yammer:before { content: "\F840"; } .fa-yandex:before { content: "\F413"; } .fa-yandex-international:before { content: "\F414"; } .fa-yarn:before { content: "\F7E3"; } .fa-yelp:before { content: "\F1E9"; } .fa-yen-sign:before { content: "\F157"; } .fa-yin-yang:before { content: "\F6AD"; } .fa-yoast:before { content: "\F2B1"; } .fa-youtube:before { content: "\F167"; } .fa-youtube-square:before { content: "\F431"; } .fa-zhihu:before { content: "\F63F"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("../fonts/fa-brands-400.eot"); src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; } /*! * Font Awesome Free 5.14.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("../fonts/fa-solid-900.eot"); src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "\2190"; } [dir=rtl] .slick-prev:before { content: "\2192"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "\2192"; } [dir=rtl] .slick-next:before { content: "\2190"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /** Mixins */ /** Common */ /** * Global */ a { color: #0035ff; } a:focus { outline: 0; } /** * Block editor color palette utilities * @see https://git.io/JeyD6 */ .has-primary-color { color: #0035ff; } .has-primary-background-color { background-color: #0035ff; } .has-secondary-color { color: #6c757d; } .has-secondary-background-color { background-color: #6c757d; } .has-success-color { color: #21d569; } .has-success-background-color { background-color: #21d569; } .has-info-color { color: #17a2b8; } .has-info-background-color { background-color: #17a2b8; } .has-warning-color { color: #fcf315; } .has-warning-background-color { background-color: #fcf315; } .has-danger-color { color: #fe5c81; } .has-danger-background-color { background-color: #fe5c81; } .has-light-color { color: #f8f9fa; } .has-light-background-color { background-color: #f8f9fa; } .has-dark-color { color: #343a40; } .has-dark-background-color { background-color: #343a40; } .has-blue-color { color: #0035ff; } .has-blue-background-color { background-color: #0035ff; } .has-red-color { color: #fe5c81; } .has-red-background-color { background-color: #fe5c81; } .has-green-color { color: #21d569; } .has-green-background-color { background-color: #21d569; } .has-purple-color { color: #a42cfc; } .has-purple-background-color { background-color: #a42cfc; } .has-darkred-color { color: #fa2831; } .has-darkred-background-color { background-color: #fa2831; } .has-black-color { color: #121212; } .has-black-background-color { background-color: #121212; } .has-gray-color { color: #b3b3b3; } .has-gray-background-color { background-color: #b3b3b3; } img { max-width: 100%; height: auto; } @font-face { font-family: "Barlow Condensed"; src: url("../fonts/BarlowCondensed-SemiBold.woff2") format("woff2"), url("../fonts/BarlowCondensed-SemiBold.woff") format("woff"), url("../fonts/BarlowCondensed-SemiBold.otf") format("opentype"); font-style: normal; font-weight: 600; } @font-face { font-family: "Crimson Pro"; src: url("../fonts/CrimsonPro-Bold.woff2") format("woff2"), url("../fonts/CrimsonPro-Bold.woff") format("woff"), url("../fonts/CrimsonPro-Bold.otf") format("opentype"); font-style: normal; font-weight: 700; } @font-face { font-family: "Crimson Pro"; src: url("../fonts/CrimsonPro-Regular.woff2") format("woff2"), url("../fonts/CrimsonPro-Regular.woff") format("woff"), url("../fonts/CrimsonPro-Regular.otf") format("opentype"); font-style: normal; font-weight: 400; } @font-face { font-family: "Inter"; src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff"), url("../fonts/Inter-Medium.otf") format("opentype"); font-style: normal; font-weight: 500; } @font-face { font-family: "Inter"; src: url("../fonts/Inter-ExtraThin.woff2") format("woff2"); font-style: normal; font-weight: 200; } @font-face { font-family: "Inter"; src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff"), url("../fonts/Inter-Regular.otf") format("opentype"); font-style: normal; font-weight: 400; } @font-face { font-family: "Inter"; src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff"), url("../fonts/Inter-SemiBold.otf") format("opentype"); font-style: normal; font-weight: 600; } @font-face { font-family: "Anton"; src: url("../fonts/Anton-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; } h1, h2, h3 { font-family: "Barlow Condensed", sans-serif; margin-bottom: 20px; color: #121212; } h2 { font-size: 14px; line-height: 20px; } @media (min-width: 768px) { h2 { font-size: 26px; line-height: 42px; } } body { font-family: "Inter", sans-serif; color: #121212; text-rendering: optimizeLegibility; -webkit-font-smoothing: aentialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 26px; } @media (min-width: 768px) { body { font-size: 22px; line-height: 32px; } } .container, .b-category__slick-container, .b-gallery__container { margin-left: auto; margin-right: auto; max-width: 1170px; padding: 0 15px; position: relative; } .container.is--full, .is--full.b-category__slick-container, .is--full.b-gallery__container { padding: 0; } @media (min-width: 768px) { .container.is--full, .is--full.b-category__slick-container, .is--full.b-gallery__container { padding: 0 15px; } } @media (min-width: 768px) { .main-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .main-row { margin: 0; } } @media (min-width: 768px) { .main-content { display: flex; } } @media (min-width: 992px) { .main-content { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; display: block; margin: 0; } } .side { width: 100%; } @media (min-width: 768px) { .side { background: transparent; } } @media (min-width: 768px) and (max-width: 991.98px) { .side { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .side > div { flex: 1; flex-shrink: 0; flex-basis: 50%; max-width: 50%; } } @media (min-width: 992px) { .side { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; margin: 0; flex-direction: column; } .side__inner { padding-left: 45px; } } .content-wrapper { max-width: 1680px; margin-left: auto; margin-right: auto; } .section-title { font-family: "Inter", sans-serif; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; margin-bottom: 40px; width: 100%; font-weight: 600; color: white; } .sidebar .section-title { padding: 0 45px; } @media (min-width: 768px) { .section-title { font-weight: 700; color: #121212; padding: 0; } .sidebar .section-title { font-size: 20px; line-height: 30px; padding: 0 15px; text-align: center; } } @media (max-width: 767.98px) { .h-hidden-sm { display: none !important; } } @media (min-width: 576px) { .h-hidden-xs-up { display: none !important; } } @media (max-width: 991.98px) { .h-hidden-lg { display: none !important; } } @media (min-width: 992px) { .h-hidden-lg-up { display: none !important; } } @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(../fonts/MaterialIcons-Regular.woff2) format("woff2"), url(../fonts/MaterialIcons-Regular.woff) format("woff"), url(../fonts/MaterialIcons-Regular.ttf) format("truetype"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: "liga"; } body::after { transition: opacity 0.3s 0s ease-in, visibility 0.3s 0s ease-in; opacity: 0; visibility: hidden; content: ""; background: rgba(18, 18, 18, 0.75); position: fixed; top: 0; right: 0; left: 0; bottom: 0; } @media (max-width: 991.98px) { body.is--open { position: fixed; overflow: hidden; max-width: 100%; } } body.is--open::after { opacity: 1; z-index: 1000000; visibility: visible; } /** Partials */ /** * Header */ .brand { font-weight: bold; } /** Components */ .wallpaper, .superbanner { margin-bottom: 20px; } .ad-skyscraper { max-width: 180px; width: 180px; position: absolute; top: 0; right: 0; transform: translateX(100%); } .single-author { background: #121212; color: white; padding: 50px 30px 60px; margin-bottom: 80px; } .single-author__image { flex-basis: 170px; flex-shrink: 0; margin-bottom: 30px; } .single-author__title { font-family: "Barlow Condensed", sans-serif; font-size: 36px; line-height: 38px; font-weight: 600; color: white; } @media (min-width: 768px) { .single-author__title { font-size: 48px; line-height: 50px; } } .single-author__text { font-size: 16px; line-height: 22px; } .single-author__social { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: nowrap; justify-content: flex-start; } .single-author__social-link { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; width: auto; margin-top: 40px; } .single-author__social-link a { font-size: 25px; color: white; } .single-author__social-link a:hover { color: rgba(255, 255, 255, 0.5); } @media (min-width: 768px) { .single-author { display: flex; padding: 80px 40px 100px; } .single-author__image { margin: 0; margin-right: 40px; } } .header { position: -webkit-sticky; position: sticky; top: 0; z-index: 1000001 !important; background: white; } .header.js-header { z-index: 1000001 !important; } .header.header--interview { background-color: #faf21c; border-bottom: 2px solid #000000; } .header.header--inspiring-people { background-color: #000000; } .header.header--inspiring-people .header__logo { background: url("../images/logo-business-punk-white.svg") center/cover no-repeat; } .header.header--inspiring-people .header__navigation .navigation__link { color: #ffffff !important; } .header.header--inspiring-people .header__navigation .navigation__link:hover { color: #faf21c !important; } .header.header--inspiring-people .navigation { background: white; } .header.header--inspiring-people .hamburger-inner, .header.header--inspiring-people .hamburger-inner::before, .header.header--inspiring-people .hamburger-inner::after { background-color: #fff; } .header__inner { display: flex; justify-content: space-between; align-items: center; height: 66px; } .header__logos { display: flex; align-items: flex-end; } .header__logo { background: url("../images/logo-business-punk.svg") center/cover no-repeat; width: 100px; height: 46px; display: inline-block; text-indent: -9999px; } .header__partner { background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSIyM3B4IiB2aWV3Qm94PSIwIDAgNjAgMjMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjEgKDQzNTA0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zdGVybiBsb2dvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAgNTguODQwMTY5NyAwIDU4Ljg0MDE2OTcgMjIuMjAzODM3NiAwIDIyLjIwMzgzNzYiPjwvcG9seWdvbj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJnZW9saW5vLWl2dy1zdGVybjYwLWRlZmF1bHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NzkuMDAwMDAwLCAtMTQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJIZWFkZXItR0VPbGlubyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTMuMDAwMDAwLCAxNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJzdGVybi1sb2dvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3NDQuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Mi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDbGlwcGVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjM5NjA0MCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImEiPjwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01NC4yMTI0NDU5LDExLjEwMTkxODggTDU3LjcwOTEwNjIsMTEuMTAxOTE4OCBMNTguNjkxNjI2MSw2LjQ1NjIwOTg3IEM1OC43ODI4ODM4LDYuMDIzNDU3MDcgNTguODQwMTY5Nyw1LjYxMzU3NDIzIDU4Ljg0MDE2OTcsNS4yMDM2OTEzOSBDNTguODQwMTY5NywzLjg5Mzg4NzAxIDU4LjI1NzMxOSwzLjEwODUzNzI3IDU2LjcwMzI3MjQsMy4xMDg1MzcyNyBDNTUuMzg5MjQ5MywzLjEwODUzNzI3IDU0LjU2NjU5NzEsMy42NTUxOTU3NSA1My45OTUyOTI0LDQuMjI0NTAyMTUgTDU0LjIxMjQ0NTksMy4yMjIyMjA5MiBMNTAuNzYxNTI1NCwzLjIyMjIyMDkyIEw0OS4wNzA0ODEyLDExLjEwMTkxODggTDUyLjU2NjkxOTUsMTEuMTAxOTE4OCBMNTMuNjUyNjg3MSw2LjAwMDgwOTE2IEM1My44Njk2MTg2LDUuNjQ3NzY4MTQgNTQuMjQ2NjM5OCw1LjQ0MjYwNDY4IDU0LjY1ODA3NjksNS40NDI2MDQ2OCBDNTUuMTAzNzA3OSw1LjQ0MjYwNDY4IDU1LjM1NTI3NzQsNS42OTMwNjM5NyA1NS4yNDA3MDU2LDYuMjI4NjIwNTMgTDU0LjIxMjQ0NTksMTEuMTAxOTE4OCBaIE00MS4yNDE0MDgsOC43ODgwNTY5IEMzOS45NjMzNTUxLDkuMjU1NDQ3NjggMzYuNTkzMDM0Niw5LjkyMTM0MDc3IDM2Ljc3Mzk5NTksOC4wNTE3Nzc2NCBMNDEuNjAzMzMwNiw4LjA1MTc3NzY0IEM0MS44MTgyNjM3LDcuNDIwNzQ0NTggNDEuOTY1MjUzMSw2Ljc1NDYyOTQ1IDQxLjk2NTI1MzEsNi4xMjMzNzQzNCBDNDEuOTY1MjUzMSw0LjI3NzEyNTI0IDQwLjcwOTg0ODEsMy4xMDg1MzcyNyAzOC41ODM2MDg3LDMuMTA4NTM3MjcgQzM1LjY5OTMzMDEsMy4xMDg1MzcyNyAzMy41Mjc3OTQ4LDUuMjAwMTM4NzcgMzMuNTI3Nzk0OCw4LjA1MTc3NzY0IEMzMy41Mjc3OTQ4LDEwLjI3MjE2MTQgMzQuODczNzkxNSwxMS41NDU5OTU2IDM3LjYzMzUwNjQsMTEuNTQ1OTk1NiBDMzguNjc0MjAwMywxMS41NDU5OTU2IDM5Ljc4MjM5MzksMTEuMzcwNTg1MyA0MC43MzI0OTYxLDExLjAwODQ0MDcgTDQxLjI0MTQwOCw4Ljc4ODA1NjkgTDQxLjI0MTQwOCw4Ljc4ODA1NjkgWiBNMTguNDI5MTg1MiwxMC41MTEyOTY3IEMxOS4zNjE3NDY0LDExLjAxNTMyMzkgMjAuMzUwNzA1MywxMS4zMjM5NTcyIDIxLjgwNjM4ODksMTEuMzIzOTU3MiBDMjQuMTI1ODAxOCwxMS4zMjM5NTcyIDI1LjkxMDk5MDQsMTAuNTExNTE4OCAyNS45MTA5OTA0LDguNDk3NDA4NjYgQzI1LjkxMDk5MDQsNy4yMDQ3MDEyNCAyNS4wOTIzMzQ5LDYuNjU1NjAwMzMgMjMuOTU1MDU0Myw2LjI1NTA0MzEgQzIzLjEzNjM5ODgsNS45NjkwNTc2NyAyMi41MzQwMDg3LDUuNzk3NDIyMDEgMjIuNTM0MDA4Nyw1LjQ3NzAyMDYzIEMyMi41MzQwMDg3LDUuMjI1MjI5MTEgMjIuODUyNDExNyw1LjE2ODE2NTI1IDIzLjIzODk4MDUsNS4xNjgxNjUyNSBDMjQuMTM3MTI1OCw1LjE2ODE2NTI1IDI1LjIxNzM0MjUsNS40NjU0NzQ2MyAyNS45NTY1MDgyLDUuODMxODM3OTUgTDI2LjQyMjU2NjgsMy43NDkxMTc5OCBDMjUuNDMzMzg1OCwzLjMzNzY4MDg3IDI0LjQxMDAxMDksMy4xMDg1MzcyNyAyMy4yMjc0MzQ1LDMuMTA4NTM3MjcgQzIwLjg4NDkyOTcsMy4xMDg1MzcyNyAxOS4zMjc1NTI1LDQuMDI0MDAxNDkgMTkuMzI3NTUyNSw1LjkwMDQ0NzgxIEMxOS4zMjc1NTI1LDcuMzQxOTIwOTUgMjAuMjkzODYzNSw3Ljg3OTkxOTk0IDIxLjE1ODAzNjksOC4xNzc0NTEzNiBDMjIuMTI0NTY5OSw4LjUwOTE3NjcgMjIuNjAyMTc0NSw4LjYwMDQzNDQ3IDIyLjYwMjE3NDUsOC45MjEwNTc4OCBDMjIuNjAyMTc0NSw5LjE4NDM5NTQgMjIuMzE3OTY1NCw5LjI2NDMyOTIxIDIxLjg5NzIwMjYsOS4yNjQzMjkyMSBDMjAuOTE5MzQ1Niw5LjI2NDMyOTIxIDE5LjcyNTQ0NTMsOC44NDExMjQwNyAxOC45MTgxMTM3LDguMzYwNjMzMDIgTDE4LjQyOTE4NTIsMTAuNTExMjk2NyBaIE0yNy4wODg2ODE5LDUuNDY2NTg0ODMgTDI4LjE2NDQ1NzgsNS40NjY1ODQ4MyBMMjcuNTEyMTA5MSw4LjMyNjQzOTExIEMyNy4wNTQyNjYsMTAuMzEzMDE2NSAyNy45MjQyMTIzLDExLjMyMzk1NzIgMzAuMTc5MDEyLDExLjMyMzk1NzIgQzMwLjkxMTI5NDYsMTEuMzIzOTU3MiAzMS44MjY5ODA5LDExLjIzMjAzMzMgMzIuMzUzNDMzOSwxMS4wNzEyNzc1IEwzMi43NzY4NjEsOS4wNzI5MzIxMyBDMzIuNTA1MzkwNCw5LjE1MTE0OTY0IDMyLjIyNDA1OTIsOS4xODk4MTIxMSAzMS45NDE1NTI3LDkuMTg3NzI1OTcgQzMwLjc4NTM5ODgsOS4xODc3MjU5NyAzMC45MTEyOTQ2LDguNjEzNTM0NzMgMzEuMDYwMjgyNCw3Ljk0NzQxOTYgTDMxLjYwOTYwNTMsNS40NjY4MDY4NiBMMzMuMzM3OTUyLDUuNDY2ODA2ODYgTDMzLjc0OTgzMzIsMy41MjU3NDczOCBMMzIuMDMzMjU0NSwzLjUyNTc0NzM4IEwzMi41MDE5Nzc1LDEuMzMyMjMwMjYgTDI5LjUxNDY3MzIsMS4zMzIyMzAyNiBDMjkuMDQ1NTA2MSwzLjE1ODA1MTgzIDI4LjgyODEzMDYsMy42NTIwODcyMSAyNy40NjYxNDcyLDMuNjUyMDg3MjEgTDI3LjA4ODY4MTksNS40NjY4MDY4NiBMMjcuMDg4NjgxOSw1LjQ2NjU4NDgzIFogTTQ1LjY3Njg0NjYsMTEuMzIzOTU3MiBMNDYuNjY4OTE0MSw2LjU2OTIyNzQgQzQ3LjEzNjUyNjksNi4wNTUyMDg1NiA0OC4yODgyNCw2LjAyMDM0ODU0IDQ5LjA3NTE0NCw2LjMyNDA5NzA0IEw0OS43MzY1OTYzLDMuMTcwMDQxOSBDNDguNTA1MTcxNSwyLjkwMTM3NTQ2IDQ3Ljc5Nzc1NzIsMy41NDM3MzI0OSA0Ny4wNDUyNjkxLDQuNDkwMDYwMDUgTDQ3LjMwNzQ5NjUsMy4yMzk5ODM5OSBMNDMuODc1MDA1MiwzLjIzOTk4Mzk5IEw0Mi4xODcyOTE1LDExLjMyMzk1NzIgTDQ1LjY3Njg0NjYsMTEuMzIzOTU3MiBaIE0zOC45NTU3NDUsNi4yMTcwNzQ1NCBMMzcuMDgwNDA4OCw2LjIxNzA3NDU0IEMzNy4yNjQ3MDA3LDUuMDA5NDA3ODEgMzcuOTMxNzA0LDQuNjYyODA1OSAzOC40MDM1MzU1LDQuNjYyODA1OSBDMzkuMTE2OTQ0OCw0LjY2MjgwNTkgMzkuMTk3NTQ0OCw1LjM1NjIzMTc1IDM4Ljk1NTk2Nyw2LjIxNzA3NDU0IEwzOC45NTU3NDUsNi4yMTcwNzQ1NCBaIiBpZD0iU2hhcGUiIGZpbGw9IiNDNUM1QzUiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNtYXNrLTIpIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMC4zOTYwMzk2MDQgMjIuMjAzODM3NiAxNi42MDQ4NDExIDIyLjIwMzgzNzYgMTYuNjA0ODQxMSAwIDAuMzk2MDM5NjA0IDAiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuMzk2MDM5NjA0LDIyLjIwMzgzNzYgTDAuMzk2MDM5NjA0LDAgTDE2LjYwNDg0MTEsMCBMMTYuNjA0ODQxMSwyMi4yMDM4Mzc2IEwwLjM5NjAzOTYwNCwyMi4yMDM4Mzc2IFogTTE2LjM4MjgwMjcsMC42NjYxMTUxMjkgTDkuMjc3NTc0NjYsNi42NjExNTEyOSBMMS4wNjIxNTQ3MywwLjQ0NDA3Njc1MyBMNS43MjQ5NjA2NCw5LjMyNTYxMTgxIEwxLjI4NDE5MzExLDEzLjMyMjMwMjYgTDUuMjgwODgzODgsMTMuMTAwMjY0MiBMMC44NDAxMTYzNTcsMjEuNzU5NzYwOSBMOS4yNzc1NzQ2NiwxNC4yMTA0NTYxIEwxMS45NDIwMzUyLDE2Ljg3NDkxNjYgTDExLjk0MjAzNTIsMTIuNjU2MTg3NSBMMTYuMTYwNzY0MywxMi40MzQxNDkxIEwxMi42MDgxNTAzLDkuMzI1NjExODEgTDE2LjM4MjgwMjcsMC42NjYxMTUxMjkgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjQzVDNUM1IiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat right center; color: #7f7f7f; letter-spacing: 0.09em; text-transform: uppercase; background-position: 0 100%; background-repeat: no-repeat; white-space: nowrap; background-size: auto 19px; height: 30px; font-size: 8px; line-height: 1; display: flex; margin-left: 15px; } .header__partner:hover { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSIyM3B4IiB2aWV3Qm94PSIwIDAgNjAgMjMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQ1LjEgKDQzNTA0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zdGVybiBsb2dvIGhvdmVyPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAgNTkuNDI4NTcxNCAwIDU5LjQyODU3MTQgMjIuNDI1ODc2IDAgMjIuNDI1ODc2Ij48L3BvbHlnb24+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iZ2VvbGluby1pdnctc3Rlcm42MC1ob3ZlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3OS4wMDAwMDAsIC0xOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlci1HRU9saW5vIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5OS4wMDAwMDAsIDE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9InN0ZXJuLWxvZ28iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDczOC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InN0ZXJuLWxvZ28taG92ZXIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Mi4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDbGlwcGVkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjQwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImEiPjwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik01NC43NTQ1NzA0LDExLjIxMjkzOCBMNTguMjg2MTk3MywxMS4yMTI5MzggTDU5LjI3ODU0MjMsNi41MjA3NzE5NyBDNTkuMzcwNzEyNyw2LjA4MzY5MTY0IDU5LjQyODU3MTQsNS42Njk3MDk5NyA1OS40Mjg1NzE0LDUuMjU1NzI4MyBDNTkuNDI4NTcxNCwzLjkzMjgyNTg4IDU4LjgzOTg5MjIsMy4xMzk2MjI2NCA1Ny4yNzAzMDUxLDMuMTM5NjIyNjQgQzU1Ljk0MzE0MTgsMy4xMzk2MjI2NCA1NS4xMTIyNjMxLDMuNjkxNzQ3NzEgNTQuNTM1MjQ1Myw0LjI2Njc0NzE3IEw1NC43NTQ1NzA0LDMuMjU0NDQzMTMgTDUxLjI2OTE0MDcsMy4yNTQ0NDMxMyBMNDkuNTYxMTg2LDExLjIxMjkzOCBMNTMuMDkyNTg4NywxMS4yMTI5MzggTDU0LjE4OTIxNCw2LjA2MDgxNzI1IEM1NC40MDgzMTQ4LDUuNzA0MjQ1ODIgNTQuNzg5MTA2Miw1LjQ5NzAzMDczIDU1LjIwNDY1NzcsNS40OTcwMzA3MyBDNTUuNjU0NzQ1LDUuNDk3MDMwNzMgNTUuOTA4ODMwMiw1Ljc0OTk5NDYxIDU1Ljc5MzExMjcsNi4yOTA5MDY3NCBMNTQuNzU0NTcwNCwxMS4yMTI5MzggWiBNNDEuNjUzODIyMSw4Ljg3NTkzNzQ3IEM0MC4zNjI5ODg3LDkuMzQ4MDAyMTYgMzYuOTU4OTY1LDEwLjAyMDU1NDIgMzcuMTQxNzM1OCw4LjEzMjI5NTQyIEw0Mi4wMTkzNjM5LDguMTMyMjk1NDIgQzQyLjIzNjQ0NjQsNy40OTQ5NTIwMiA0Mi4zODQ5MDU3LDYuODIyMTc1NzQgNDIuMzg0OTA1Nyw2LjE4NDYwODA5IEM0Mi4zODQ5MDU3LDQuMzE5ODk2NSA0MS4xMTY5NDY2LDMuMTM5NjIyNjQgMzguOTY5NDQ0NywzLjEzOTYyMjY0IEMzNi4wNTYzMjM1LDMuMTM5NjIyNjQgMzMuODYzMDcyOCw1LjI1MjE0MDE2IDMzLjg2MzA3MjgsOC4xMzIyOTU0MiBDMzMuODYzMDcyOCwxMC4zNzQ4ODMgMzUuMjIyNTI5NCwxMS42NjE0NTU1IDM4LjAwOTg0MTUsMTEuNjYxNDU1NSBDMzkuMDYwOTQyMywxMS42NjE0NTU1IDQwLjE4MDIxNzgsMTEuNDg0MjkxMSA0MS4xMzk4MjEsMTEuMTE4NTI1MSBMNDEuNjUzODIyMSw4Ljg3NTkzNzQ3IEw0MS42NTM4MjIxLDguODc1OTM3NDcgWiBNMTguNjEzNDc3MSwxMC42MTY0MDk3IEMxOS41NTUzNjM5LDExLjEyNTQ3NzEgMjAuNTU0MjEyNCwxMS40MzcxOTY4IDIyLjAyNDQ1MjgsMTEuNDM3MTk2OCBDMjQuMzY3MDU5OCwxMS40MzcxOTY4IDI2LjE3MDEwMDMsMTAuNjE2NjM0IDI2LjE3MDEwMDMsOC41ODIzODI3NSBDMjYuMTcwMTAwMyw3LjI3Njc0ODI1IDI1LjM0MzI1ODIsNi43MjIxNTYzMyAyNC4xOTQ2MDQ5LDYuMzE3NTkzNTMgQzIzLjM2Nzc2MjgsNi4wMjg3NDgyNSAyMi43NTkzNDg4LDUuODU1Mzk2MjMgMjIuNzU5MzQ4OCw1LjUzMTc5MDg0IEMyMi43NTkzNDg4LDUuMjc3NDgxNCAyMy4wODA5MzU4LDUuMjE5ODQ2OSAyMy40NzEzNzA0LDUuMjE5ODQ2OSBDMjQuMzc4NDk3LDUuMjE5ODQ2OSAyNS40Njk1MTU5LDUuNTIwMTI5MzggMjYuMjE2MDczMyw1Ljg5MDE1NjMzIEwyNi42ODY3OTI1LDMuNzg2NjA5MTYgQzI1LjY4NzcxOTcsMy4zNzEwNTc2OCAyNC42NTQxMTExLDMuMTM5NjIyNjQgMjMuNDU5NzA4OSwzLjEzOTYyMjY0IEMyMS4wOTM3NzksMy4xMzk2MjI2NCAxOS41MjA4MjgsNC4wNjQyNDE1MSAxOS41MjA4MjgsNS45NTk0NTIyOSBDMTkuNTIwODI4LDcuNDE1MzQwMTYgMjAuNDk2ODAyMiw3Ljk1ODcxOTE0IDIxLjM2OTYxNzMsOC4yNTkyMjU4OCBDMjIuMzQ1ODE1Niw4LjU5NDI2ODQ2IDIyLjgyODE5NjIsOC42ODY0Mzg4MSAyMi44MjgxOTYyLDkuMDEwMjY4NDYgQzIyLjgyODE5NjIsOS4yNzYyMzkzNSAyMi41NDExNDUsOS4zNTY5NzI1MSAyMi4xMTYxNzQ3LDkuMzU2OTcyNTEgQzIxLjEyODUzOTEsOS4zNTY5NzI1MSAxOS45MjI2OTk3LDguOTI5NTM1MzEgMTkuMTA3Mjk0OSw4LjQ0NDIzOTM1IEwxOC42MTM0NzcxLDEwLjYxNjQwOTcgWiBNMjcuMzU5NTY4Nyw1LjUyMTI1MDY3IEwyOC40NDYxMDI0LDUuNTIxMjUwNjcgTDI3Ljc4NzIzMDIsOC40MDk3MDM1IEMyNy4zMjQ4MDg2LDEwLjQxNjE0NjYgMjguMjAzNDU0NCwxMS40MzcxOTY4IDMwLjQ4MDgwMjIsMTEuNDM3MTk2OCBDMzEuMjIwNDA3NSwxMS40MzcxOTY4IDMyLjE0NTI1MDcsMTEuMzQ0MzUzNiAzMi42NzY5NjgyLDExLjE4MTk5MDMgTDMzLjEwNDYyOTYsOS4xNjM2NjE0NiBDMzIuODMwNDQ0Myw5LjI0MjY2MTEzIDMyLjU0NjI5OTgsOS4yODE3MTAyMyAzMi4yNjA5NjgyLDkuMjc5NjAzMjMgQzMxLjA5MzI1MjgsOS4yNzk2MDMyMyAzMS4yMjA0MDc1LDguNjk5NjcwMDggMzEuMzcwODg1Miw4LjAyNjg5MzggTDMxLjkyNTcwMTMsNS41MjE0NzQ5MyBMMzMuNjcxMzMxNSw1LjUyMTQ3NDkzIEwzNC4wODczMzE1LDMuNTYxMDA0ODUgTDMyLjM1MzU4NzEsMy41NjEwMDQ4NSBMMzIuODI2OTk3MywxLjM0NTU1MjU2IEwyOS44MDk4MTk5LDEuMzQ1NTUyNTYgQzI5LjMzNTk2MTIsMy4xODk2MzIzNSAyOS4xMTY0MTE5LDMuNjg4NjA4MDkgMjcuNzQwODA4NiwzLjY4ODYwODA5IEwyNy4zNTk1Njg3LDUuNTIxNDc0OTMgTDI3LjM1OTU2ODcsNS41MjEyNTA2NyBaIE00Ni4xMzM2MTUxLDExLjQzNzE5NjggTDQ3LjEzNTYwMzIsNi42MzQ5MTk2OCBDNDcuNjA3ODkyMiw2LjExNTc2MDY1IDQ4Ljc3MTEyMjQsNi4wODA1NTIwMiA0OS41NjU4OTU0LDYuMzg3MzM4MDEgTDUwLjIzMzk2MjMsMy4yMDE3NDIzMiBDNDguOTkwMjIzMiwyLjkzMDM4OTIyIDQ4LjI3NTczNDgsMy41NzkxNjk4MSA0Ny41MTU3MjE4LDQuNTM0OTYwNjUgTDQ3Ljc4MDU3MTQsMy4yNzIzODM4MyBMNDQuMzEzNzU1MywzLjI3MjM4MzgzIEw0Mi42MDkxNjQ0LDExLjQzNzE5NjggTDQ2LjEzMzYxNTEsMTEuNDM3MTk2OCBaIE0zOS4zNDUzMDI0LDYuMjc5MjQ1MjggTDM3LjQ1MTIxMjksNi4yNzkyNDUyOCBDMzcuNjM3MzQ3Nyw1LjA1OTUwMTg5IDM4LjMxMTAyMSw0LjcwOTQzMzk2IDM4Ljc4NzU3MDksNC43MDk0MzM5NiBDMzkuNTA4MTE0Myw0LjcwOTQzMzk2IDM5LjU4OTUyMDIsNS40MDk3OTQwNyAzOS4zNDU1MjY3LDYuMjc5MjQ1MjggTDM5LjM0NTMwMjQsNi4yNzkyNDUyOCBaIiBpZD0iU2hhcGUiIGZpbGw9IiMxRjFEMUQiIGZpbGwtcnVsZT0ibm9uemVybyIgbWFzaz0idXJsKCNtYXNrLTIpIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlNoYXBlIiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHBvaW50cz0iMC40IDIyLjQyNTg3NiAxNi43NzA4ODk1IDIyLjQyNTg3NiAxNi43NzA4ODk1IDAgMC40IDAiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAuNCwyMi40MjU4NzYgTDAuNCwwIEwxNi43NzA4ODk1LDAgTDE2Ljc3MDg4OTUsMjIuNDI1ODc2IEwwLjQsMjIuNDI1ODc2IFogTTE2LjU0NjYzMDcsMC42NzI3NzYyOCBMOS4zNzAzNTA0LDYuNzI3NzYyOCBMMS4wNzI3NzYyOCwwLjQ0ODUxNzUyIEw1Ljc4MjIxMDI0LDkuNDE4ODY3OTIgTDEuMjk3MDM1MDQsMTMuNDU1NTI1NiBMNS4zMzM2OTI3MiwxMy4yMzEyNjY4IEwwLjg0ODUxNzUyLDIxLjk3NzM1ODUgTDkuMzcwMzUwNCwxNC4zNTI1NjA2IEwxMi4wNjE0NTU1LDE3LjA0MzY2NTggTDEyLjA2MTQ1NTUsMTIuNzgyNzQ5MyBMMTYuMzIyMzcyLDEyLjU1ODQ5MDYgTDEyLjczNDIzMTgsOS40MTg4Njc5MiBMMTYuNTQ2NjMwNywwLjY3Mjc3NjI4IFoiIGlkPSJTaGFwZSIgZmlsbD0iI0NDMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); color: #4a4a4a; text-decoration: none; } .header__navigation { display: none; } .header .hamburger { margin-top: 8px; } .header .hamburger:focus, .header .hamburger:active { outline: 0; } @media (min-width: 992px) { .admin-bar .header { top: 32px; } .header__inner { height: 90px; } .header__logo { width: 144px; height: 66px; } .header__navigation { display: block; } .header .hamburger { display: none; } } .ausgabe__content { padding: 18px 0 30px; } .ausgabe__date { font-size: 20px; line-height: 30px; font-weight: bold; margin-bottom: 10px; } .ausgabe__title { font-family: "Barlow Condensed", sans-serif; font-size: 36px; line-height: 38px; font-weight: 600; } @media (min-width: 768px) { .ausgabe__title { font-size: 48px; line-height: 50px; } } .ausgabe__text { font-size: 14px; line-height: 20px; margin-bottom: 40px; } @media (min-width: 768px) { .ausgabe__text { font-size: 16px; line-height: 24px; } } .ausgabe .button, .ausgabe .inspiring-people-form-section input[type=submit].ninja-forms-field, .inspiring-people-form-section .ausgabe input[type=submit].ninja-forms-field { margin-bottom: 20px; } .ausgabe__list { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; border-top: 1px solid #eeeeee; padding: 60px 0; } .ausgabe__links { list-style: none; padding: 0; } .ausgabe__links li { margin-bottom: 7px; } .ausgabe__links li a { font-size: 12px; line-height: 18px; color: #121212; display: flex; align-items: center; } .ausgabe__links li a span { text-decoration: underline; } .ausgabe__links li a:hover i { transform: translateX(5px); } .ausgabe__links li i { transition: transform 0.3s 0s ease-in; font-size: 11px; margin-right: 7px; } .ausgabe__preview { border-top: 1px solid #eeeeee; padding: 60px 0 80px; } .ausgabe__preview-image { display: flex; } .ausgabe__preview-image img { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; margin: auto; } .ausgabe .section-title { color: #121212; } @media (min-width: 768px) { .ausgabe__header { display: flex; } .ausgabe__image { flex: 0 0 40%; max-width: 40%; } .ausgabe__content { margin-left: 30px; } .ausgabe__content { padding: 40px 0; } .ausgabe__list { display: flex; flex-wrap: wrap; } } @media (min-width: 992px) { .ausgabe__header { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; margin: auto; } } .ausgabe-item { margin-bottom: 80px; display: flex; align-items: flex-start; } .ausgabe-item__title { font-size: 30px; line-height: 38px; word-break: break-word; } .ausgabe-item__date { font-size: 14px; line-height: 20px; } @media (min-width: 768px) { .ausgabe-item__date { font-size: 16px; line-height: 24px; } } .ausgabe-item__image, .ausgabe-item__content { flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) { .ausgabe-item { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .ausgabe-item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } /** * Button */ .wp-block-button__link { font-size: 1rem; line-height: 1.5; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.375rem; } .wp-block-button__link:hover { text-decoration: none; } .wp-block-button.is-style-outline .wp-block-button__link { color: #0035ff; border-color: #0035ff; } .wp-block-button.is-style-outline .wp-block-button__link:hover { color: #f8f9fa; background-color: #0035ff; border-color: #0035ff; } .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.focus { box-shadow: 0 0 0 0.2rem rgba(0, 53, 255, 0.5); } .wp-block-button.is-style-outline .wp-block-button__link.disabled, .wp-block-button.is-style-outline .wp-block-button__link:disabled { color: #0035ff; background-color: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:not(:disabled):not(.disabled):active, .wp-block-button.is-style-outline .wp-block-button__link:not(:disabled):not(.disabled).active, .show > .wp-block-button.is-style-outline .wp-block-button__link.dropdown-toggle { color: #fff; background-color: #0035ff; border-color: #0035ff; } .wp-block-button.is-style-outline .wp-block-button__link:not(:disabled):not(.disabled):active:focus, .wp-block-button.is-style-outline .wp-block-button__link:not(:disabled):not(.disabled).active:focus, .show > .wp-block-button.is-style-outline .wp-block-button__link.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 53, 255, 0.5); } .wp-block-button.is-style-solid .wp-block-button__link { color: #fff; background-color: #0035ff; border-color: #f8f9fa; } .wp-block-button.is-style-solid .wp-block-button__link:hover { color: #fff; background-color: #002dd9; border-color: #dae0e5; } .wp-block-button.is-style-solid .wp-block-button__link:focus, .wp-block-button.is-style-solid .wp-block-button__link.focus { color: #fff; background-color: #002dd9; border-color: #dae0e5; box-shadow: 0 0 0 0.2rem rgba(249, 250, 251, 0.5); } .wp-block-button.is-style-solid .wp-block-button__link.disabled, .wp-block-button.is-style-solid .wp-block-button__link:disabled { color: #fff; background-color: #0035ff; border-color: #f8f9fa; } .wp-block-button.is-style-solid .wp-block-button__link:not(:disabled):not(.disabled):active, .wp-block-button.is-style-solid .wp-block-button__link:not(:disabled):not(.disabled).active, .show > .wp-block-button.is-style-solid .wp-block-button__link.dropdown-toggle { color: #fff; background-color: #002acc; border-color: #d3d9df; } .wp-block-button.is-style-solid .wp-block-button__link:not(:disabled):not(.disabled):active:focus, .wp-block-button.is-style-solid .wp-block-button__link:not(:disabled):not(.disabled).active:focus, .show > .wp-block-button.is-style-solid .wp-block-button__link.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(249, 250, 251, 0.5); } .button, .inspiring-people-form-section input[type=submit].ninja-forms-field { font-family: "Inter", sans-serif; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 25px; font-weight: 600; background: black; color: #fcf315; outline: 0; border: 1px solid #121212; font-size: 14px; } .button:focus, .inspiring-people-form-section input[type=submit].ninja-forms-field:focus, .button:active, .inspiring-people-form-section input[type=submit].ninja-forms-field:active { outline: 0; } .button:hover, .inspiring-people-form-section input[type=submit].ninja-forms-field:hover { background: transparent; color: #121212; } .button.is--white, .inspiring-people-form-section input.is--white[type=submit].ninja-forms-field { color: white; } .button.is--white:hover, .inspiring-people-form-section input.is--white[type=submit].ninja-forms-field:hover { color: #121212; } .button.is--outlined, .inspiring-people-form-section input.is--outlined[type=submit].ninja-forms-field { color: white; background: transparent; border-color: white; } .button.is--outlined:hover, .inspiring-people-form-section input.is--outlined[type=submit].ninja-forms-field:hover { background: white; color: #121212; } .button.is--outlined-black, .inspiring-people-form-section input.is--outlined-black[type=submit].ninja-forms-field { color: #121212; background: white; border-color: #121212; } .button.is--outlined-black:hover, .inspiring-people-form-section input.is--outlined-black[type=submit].ninja-forms-field:hover { background: #121212; color: white; } .button.is--extra, .inspiring-people-form-section input.is--extra[type=submit].ninja-forms-field { font-size: 30px; line-height: 34px; font-weight: 600; color: #121212; font-family: "Barlow Condensed", sans-serif; font-size: 30px; background: #fcf315; color: #121212; height: 100px; font-weight: 500; border: 0; width: 100%; text-transform: uppercase; margin-bottom: 30px; } @media (min-width: 768px) { .button.is--extra, .inspiring-people-form-section input.is--extra[type=submit].ninja-forms-field { font-size: 36px; line-height: 38px; } } .button.is--extra::after, .inspiring-people-form-section input.is--extra[type=submit].ninja-forms-field::after { transition: transform 300ms ease-in; content: ""; background-image: url("data:image/svg+xml,%0A%3Csvg width='28px' height='22px' viewBox='0 0 28 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Sonstiges/Additions' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Startseite-Events-' transform='translate(-1237.000000, -689.000000)'%3E%3Crect x='0' y='0' width='1440' height='1998'%3E%3C/rect%3E%3Cg id='Group' transform='translate(1234.000000, 683.000000)' fill='%23121212'%3E%3Cg id='Path' transform='translate(3.863636, 6.235596)'%3E%3Cpolygon transform='translate(13.268149, 10.791293) scale(-1, 1) translate(-13.268149, -10.791293) ' points='6.92541265 8.86452453 26.5362984 8.86452453 26.5362984 12.6642844 6.92503553 12.6642844 13.0199854 18.8976267 10.2658846 21.5825863 1.3780582 12.6642844 0.866531005 12.1723555 0 11.3390241 0 10.7644045 0 10.1897849 0.866531005 9.35645344 1.3780582 8.86452453 10.2658846 0 13.0199854 2.6862351'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: cover; width: 35px; height: 28px; display: inline-block; margin-left: 12px; flex-shrink: 0; } .button.is--extra:hover::after, .inspiring-people-form-section input.is--extra[type=submit].ninja-forms-field:hover::after { transform: translateX(10px); } .category-label { font-size: 9px; line-height: 11px; padding: 7px 15px; text-transform: uppercase; display: inline-block; background: #121212; color: white; border: 1px solid transparent; } .category-label:hover { background: transparent; border-color: #121212; color: #121212; } .footer { background: #272727; padding: 44px 15px 40px; color: white; z-index: 1; position: relative; } .footer__copyright { font-size: 12px; line-height: 18px; color: #b3b3b3; } .footer__info { font-size: 12px; line-height: 18px; color: #b3b3b3; margin-bottom: 40px; } .footer .share { justify-content: flex-start; margin-bottom: 60px; } .footer .share__item { padding: 0 12px; } .footer .share__item i { font-size: 25px; } .footer .share__item a, .footer .navigation__link { color: white; } .footer .share__item a:hover, .footer .navigation__link:hover { color: #b3b3b3; } .footer .navigation__list { display: flex; flex-wrap: wrap; margin-bottom: 55px; } .footer .navigation__item { margin: 0; padding: 0 12px; margin-bottom: 8px; } .footer .navigation__link { font-size: 13px; font-weight: 400; } @media (min-width: 768px) { .footer { text-align: center; padding: 94px 0 50px; } .footer .share { justify-content: center; margin-bottom: 40px; } .footer .share__item { padding: 0 16px; } .footer .navigation__list { justify-content: left; margin-bottom: 30px; text-align: left; } .footer .navigation__item { display: block; width: 100%; } .footer__row { display: flex; } .footer__col1 { flex: 0 0 25%; max-width: 25%; } .footer__col2 { flex: 0 0 50%; max-width: 50%; display: flex; flex-wrap: wrap; } .footer__col2 .navigation__item { flex: 0 0 50%; max-width: 50%; } .footer__col3 { flex: 0 0 25%; max-width: 25%; } .footer__info { max-width: 800px; margin-left: auto; margin-right: auto; } } .navigation { padding: 23px 30px 40px; display: none; overflow: scroll; max-height: calc(100vh - 55px); } .navigation__section { padding: 50px 0; border-bottom: 1px solid #eeeeee; } .navigation__section.is--main { padding: 20px 0; } .navigation__section:last-child { border-bottom: 0; padding-bottom: 0; } .navigation__list { list-style: none; padding: 0; margin-bottom: 0; } .navigation__list.is--footer { display: flex; flex-wrap: wrap; justify-content: center; } .navigation__list.is--header { display: flex; } .navigation__item { padding-top: 20px; } .is--main .navigation__item { padding-top: 10px; } .is--footer .navigation__item { padding: 0 15px 10px; } .is--header .navigation__item { padding: 0 20px; } .navigation__item:first-child { padding-top: 0; } .navigation__link { font-family: "Inter", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 0.4px; color: black; font-weight: 500; } .is--main .navigation__link { font-size: 14px; line-height: 20px; letter-spacing: 0.3px; } .is--footer .navigation__link { color: #b3b3b3; font-size: 12px; line-height: 15px; } .is--header .navigation__link { font-weight: 700; letter-spacing: 0.3px; } .navigation__link.is--highlight { background: #fcf315; color: #121212; padding: 7px 10px; } .navigation__link:hover { color: gray; } .navigation__share-title { display: none; } @media (min-width: 992px) { .navigation__section { padding-top: 0; } .navigation__share-title { font-family: "Inter", sans-serif; display: block; font-size: 13px; font-weight: bold; margin-bottom: 20px; } .navigation__item:last-child { padding-right: 0; } .navigation__item:last-child i { font-size: 19px; } .navigation .search-form { margin-bottom: 30px; } } .navigation--desktop { width: 100%; position: absolute; background: white; padding: 30px 0 40px; } .navigation--desktop .navigation__col { flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .navigation--desktop .navigation__col:first-child { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; margin-right: auto; justify-content: center; display: flex; flex-direction: column; } .navigation--desktop .navigation__list { flex: 0 0 50%; max-width: 50%; padding-right: 15%; } .navigation--desktop .navigation__close { display: block; position: absolute; top: -16px; right: 0; } .last-magazine__title { margin-bottom: 10px; } .last-magazine__number { font-family: "Inter", sans-serif; font-size: 12px; line-height: 1; margin-bottom: 4px; } .last-magazine__topic { font-family: "Inter", sans-serif; font-size: 16px; line-height: 1; font-weight: 600; } .last-magazine__image { display: block; } .last-magazine.is--index { padding: 25px 0 60px; margin: 25px 0 50px; } .last-magazine.is--index .last-magazine__title { font-size: 30px; line-height: 34px; font-weight: 600; color: #121212; font-family: "Barlow Condensed", sans-serif; } @media (min-width: 768px) { .last-magazine.is--index .last-magazine__title { font-size: 36px; line-height: 38px; } } .last-magazine.is--index .last-magazine__content { text-align: right; } @media (max-width: 991.98px) { .last-magazine.is--index .last-magazine__inner { background: #fcf315; position: relative; } .last-magazine.is--index .last-magazine__content { flex: 0 0 50%; max-width: 50%; padding: 27px 0 35px; } .last-magazine.is--index .last-magazine__image { position: absolute; height: calc(100% + 50px); top: -25px; right: 25%; transform: translateX(50%); } .last-magazine.is--index .last-magazine__image img { max-width: 200px; } } @media (min-width: 992px) { .last-magazine.is--index { background: transparent; display: flex; flex-direction: column; padding: 30px 50px 0 0; color: #121212; position: relative; margin-left: auto; } .last-magazine.is--index::before { content: ""; background: #fcf315; position: absolute; z-index: -1; top: 0; right: 0; left: 35px; bottom: 55px; } .last-magazine.is--index .last-magazine__image { max-width: 220px; margin-right: auto; margin-top: 22px; position: relative; top: 0; height: auto; } } .last-magazine.is--header { flex-direction: row; } .last-magazine.is--header .last-magazine__title { font-family: "Barlow Condensed", sans-serif; color: #121212; font-weight: 600; font-size: 28px; line-height: 32px; margin-bottom: 10px; } .last-magazine.is--header .last-magazine__image { margin-top: 0; margin-left: 25px; margin-right: 0; width: 120px; } .last-magazine.is--header .last-magazine__content { text-align: right; } .last-magazine.is--header .last-magazine__inner { display: flex; align-items: center; } @media (min-width: 992px) { .last-magazine.is--header .last-magazine__content { text-align: left; margin-left: 15px; } .last-magazine.is--header .last-magazine__inner { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; } .last-magazine.is--header .last-magazine__image { margin-left: 0; } } .post-featured { position: relative; } .post-featured__image { height: 350px; display: block; } .post-featured__image img { height: 100%; object-fit: cover; width: 100%; } .post-featured__content { font-size: 14px; line-height: 20px; padding: 20px 30px 35px; } @media (min-width: 768px) { .post-featured__content { font-size: 16px; line-height: 24px; } } .post-featured__inner { border-bottom: 8px solid #121212; background: white; } .is--primary .post-featured__inner { border-color: #0035ff; } .is--secondary .post-featured__inner { border-color: #6c757d; } .is--success .post-featured__inner { border-color: #21d569; } .is--info .post-featured__inner { border-color: #17a2b8; } .is--warning .post-featured__inner { border-color: #fcf315; } .is--danger .post-featured__inner { border-color: #fe5c81; } .is--light .post-featured__inner { border-color: #f8f9fa; } .is--dark .post-featured__inner { border-color: #343a40; } .is--blue .post-featured__inner { border-color: #0035ff; } .is--red .post-featured__inner { border-color: #fe5c81; } .is--green .post-featured__inner { border-color: #21d569; } .is--purple .post-featured__inner { border-color: #a42cfc; } .is--darkred .post-featured__inner { border-color: #fa2831; } .is--black .post-featured__inner { border-color: #121212; } .is--gray .post-featured__inner { border-color: #b3b3b3; } .post-featured__title { font-size: 30px; line-height: 34px; font-weight: 600; color: #121212; font-family: "Barlow Condensed", sans-serif; margin-bottom: 20px; } @media (min-width: 768px) { .post-featured__title { font-size: 36px; line-height: 38px; } } .post-featured__title:hover { color: rgba(18, 18, 18, 0.5); } .post-featured.is--main .post-featured__title { font-family: "Barlow Condensed", sans-serif; font-size: 36px; line-height: 38px; font-weight: 600; } @media (min-width: 768px) { .post-featured.is--main .post-featured__title { font-size: 48px; line-height: 50px; } } .post-featured.is--main .post-featured__content { background: #f9f9f9; } .post-featured:nth-child(2) { flex-direction: row-reverse; } @media (max-width: 991.98px) { .post-featured__excerpt { display: none; } .post-featured .category-label { position: absolute; top: 25px; left: 25px; } } @media (min-width: 768px) { .post-featured { margin-bottom: 40px; } } @media (min-width: 768px) and (max-width: 991.98px) { .post-featured:not(.is--main) { flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .post-featured__inner { height: 100%; } } @media (min-width: 992px) { .post-featured { flex: 0 0 100%; max-width: 100%; padding: 0; } .post-featured__inner { display: flex; min-height: 350px; } .post-featured__content { display: flex; flex-direction: column; align-items: flex-start; } .post-featured__image { flex: 0 0 50%; max-width: 50%; } .post-featured .category-label { margin-bottom: 25px; } .post-featured.is--main .post-featured__inner { height: 520px; } .post-featured.is--main .post-featured__image { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; height: 100%; } .post-featured.is--main .post-featured__content { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } } .post-item { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .post-item__inner { border-bottom: 1px solid #4f4f4f; padding: 25px 0; } .post-item__title { font-size: 16px; line-height: 22px; font-weight: 600; display: inline-block; margin-bottom: 15px; color: #121212; } @media (min-width: 768px) { .post-item__title { font-size: 20px; line-height: 30px; font-weight: 700; } } .post-item__title:hover { color: #121212; opacity: 0.8; } .post-item__content, .post-item__image { flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .post-item__image { max-height: 100%; } .post-item__image img { width: 100%; } .post-item .newsletter-box { margin: 30px 0; } @media (min-width: 768px) { .post-item { flex: 0 0 50%; max-width: 50%; margin-bottom: 55px; } .post-item.is--large { flex: 0 0 100%; max-width: 100%; } .post-item__inner { border: 0; padding: 0; position: relative; } .post-item__content, .post-item__image { flex: 0 0 100%; max-width: 100%; } .post-item__image { margin-bottom: 20px; overflow: hidden; max-width: calc(100% - 30px); padding: 0; } .post-item__image img { transition: transform 0.3s 0s ease-in; } .post-item__image:hover img { transform: scale(1.05); } .post-item__content { position: static; } .post-item__row { flex-direction: column-reverse; align-items: center; } .post-item__title { color: #121212; margin-bottom: 0; } .post-item__title:hover { color: rgba(18, 18, 18, 0.5); } .post-item .category-label { position: absolute; top: 17px; left: 17px; z-index: 1; } .post-item .newsletter-box { margin: 0; } } @media (min-width: 992px) { .post-item { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .post-item.is--small { flex: 0 0 50%; max-width: 50%; } } .slick-slide .post-item { flex: 0 0 100%; max-width: 100%; } .slick-slide .post-item__inner { padding: 0; } @media (max-width: 767.98px) { .slick-slide .post-item__inner { border: 0; position: relative; } .slick-slide .post-item__content, .slick-slide .post-item__image { flex: 0 0 100%; max-width: 100%; } .slick-slide .post-item__title { font-size: 12px; line-height: 18px; font-weight: 600; } .slick-slide .post-item__image { margin-bottom: 10px; } .slick-slide .post-item__row { flex-direction: column-reverse; } .slick-slide .post-item .category-label { display: none; } } .rmBody.rmBody--embed { background: transparent; } #rmOrganism .rmBase { background: transparent; color: #969A9E; } #rmOrganism .rmBase__comp--textlink { color: #fcf315; } #rmOrganism .rmBase__comp--link { color: #fcf315; } #rmOrganism .rmBase__comp--button { background: #fcf315; border: 0px solid #1CCC71; border-radius: 5px; color: #000000; } #rmOrganism .rmBase__comp--cta { background: #fcf315; border: 0px solid #1CCC71; border-radius: 5px; color: #000000; } #rmOrganism .rmBase__compError { color: #FFFFFF; background-color: #FF0000; } #rmOrganism .rmSubscription { background: transparent; color: #969A9E; } #rmOrganism .rmSubscription .rmBase__el { font-size: 16px; margin-bottom: 1em; } #rmOrganism .rmSubscription .rmBase__el--logo { text-align: center; } #rmOrganism .rmSubscription .rmBase__el--heading { margin-bottom: 0px; text-align: center; } #rmOrganism .rmSubscription .rmBase__el--text { margin-bottom: 28px; text-align: center; } #rmOrganism .rmSubscription .rmBase__el--link { text-align: center; } #rmOrganism .rmSubscription .rmBase__el--captcha { text-align: center; } #rmOrganism .rmSubscription .rmBase__el--cta { align-items: stretch; } #rmOrganism .rmSubscription .rmBase__el--legal-notice { text-align: center; } #rmOrganism .rmSubscription .rmBase__comp--heading { color: #021C1E; font-size: 20px; line-height: 30px; } #rmOrganism .rmSubscription .rmBase__comp--text { font-size: 20px; line-height: 30px; } #rmOrganism .rmSubscription .rmBase__compLabel { color: #C9CED4; } #rmOrganism .rmSubscription .rmBase__comp--cta { font-size: 16px; } #rmOrganism .rmPopup__backdrop { background: #303233; opacity: 0.6; } #rmOrganism .rmPage { background: transparent; color: #969A9E; } #rmOrganism .rmPage .rmBase__comp--heading { color: #021C1E; } #rmOrganism .rmPage .rmBase__compLabel { color: #969A9E; } .rmBody { margin: 0; padding: 0; } #rmOrganism { box-sizing: border-box; } #rmOrganism * { color: currentColor; border: 0; font-size: 100%; font: inherit; margin: 0; outline: none; padding: 0; vertical-align: baseline; } #rmOrganism *, #rmOrganism :after, #rmOrganism :before { box-sizing: inherit; } #rmOrganism button::-moz-focus-inner, #rmOrganism input::-moz-focus-inner { border: 0; padding: 0; } #rmOrganism input[type=email], #rmOrganism input[type=password], #rmOrganism input[type=text], #rmOrganism textarea { -webkit-appearance: none; } #rmOrganism .hidden { display: none !important; } #rmOrganism .rmPopup__container { bottom: 0; display: none; left: 0; overflow: hidden; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 1000; } #rmOrganism .rmPopup__container.rmPopup--show { display: flex; } #rmOrganism .rmPopup__container .rmPopup__backdrop { display: block; height: 100%; left: 0; pointer-events: auto; position: absolute; top: 0; width: 100%; } #rmOrganism .rmPopup__container .rmPopup { overflow: hidden; pointer-events: auto; } #rmOrganism .rmPopup__container .rmPopup .rmPopup__close { align-items: center; background: rgba(0, 0, 0, 0.6); border-radius: 100%; color: #fff; cursor: pointer; display: flex; flex-direction: column; font-size: 20px; font-weight: 700; height: 1.6em; justify-content: center; line-height: 1; position: absolute; right: 2px; text-align: center; top: 2px; width: 1.6em; z-index: 100; } #rmOrganism .rmPopup__container .rmPopup.rmPopup--modal { border-radius: 1em 1em 0 0; max-height: 90%; overflow: hidden; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: 98%; } @media screen and (min-width: 768px) { #rmOrganism .rmPopup__container .rmPopup.rmPopup--modal { border-radius: 1em; box-shadow: 0 0 1em rgba(0, 0, 0, 0.25); bottom: auto; top: 5%; width: calc(100% - 2em); } } #rmOrganism .rmPopup__container .rmPopup.rmPopup--sidebar { border-radius: 1em 0 0 0; box-shadow: 0 0 1em rgba(0, 0, 0, 0.25); max-height: calc(100% - 1em); overflow: hidden; position: absolute; right: 0; bottom: 0; width: calc(100% - 1em); } #rmOrganism .rmPopup__container .rmPopup.rmPopup--banner { box-shadow: 0 0 1em rgba(0, 0, 0, 0.15); overflow: hidden; position: absolute; left: 0; width: 100%; } #rmOrganism .rmPopup__container .rmPopup.rmPopup--banner.rmLayout--banner-top { top: 0; } #rmOrganism .rmPopup__container .rmPopup.rmPopup--banner.rmLayout--banner-bottom { bottom: 0; } #rmOrganism .rmBase__el .comp__input, #rmOrganism .rmBase__el .comp__select { background: #fff; border: none; border-radius: 0.25em; box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(0, 0, 0, 0.2); color: #666; font-family: inherit; font-size: 1em; font-weight: 400; height: 2.5em; line-height: 1.5; margin: 0; outline: none; padding: 0.5em; vertical-align: top; width: 100%; } #rmOrganism .rmBase__el .comp__input:focus, #rmOrganism .rmBase__el .comp__select:focus { box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(0, 0, 0, 0.5); color: #666; outline: none; } #rmOrganism .rmBase__el .comp__input:-ms-input-placeholder { color: currentColor !important; opacity: 1 !important; } #rmOrganism .rmBase__el .comp__input::-ms-input-placeholder { color: currentColor !important; opacity: 1 !important; } #rmOrganism .rmBase__el .comp__input::placeholder { color: currentColor !important; opacity: 1 !important; } #rmOrganism .rmBase__el.rmBase__el--has-error .rmBase__compError { display: inline-block; } #rmOrganism .rmBase__el--title .rmBase__comp--titleInput { margin-top: 1em; } #rmOrganism .rmBase__el--image { margin: 0 !important; } #rmOrganism .rmBase__comp--image { background: no-repeat 50%; height: 100%; position: relative; width: 100%; } #rmOrganism .rmBase__comp--image.image--fit { background-size: cover; } #rmOrganism .rmBase__comp--image .image__link { display: block; height: 100%; width: 100%; } #rmOrganism .rmBase__comp--logo { border: none; display: inline-block; height: auto; max-width: 100%; vertical-align: top; } #rmOrganism .rmBase__comp--logolink { display: inline-block; } #rmOrganism .rmBase__comp--cta { cursor: pointer; display: inline-block; font-family: inherit; line-height: 1.5; font-weight: 700; text-align: center; padding: 0.5em 1.5em; } #rmOrganism .rmBase__comp--button, #rmOrganism .rmBase__comp--link { cursor: pointer; display: inline-block; line-height: 1.5; text-decoration: none; } #rmOrganism .rmBase__comp--link { font-weight: 400; padding: 0.5em 0; } #rmOrganism .rmBase__comp--link:hover { text-decoration: underline; } #rmOrganism .rmBase__comp--button { font-weight: 700; padding: 0.5em 1em; } #rmOrganism .rmBase__comp--textlink { cursor: pointer; font-weight: 400; text-decoration: none; } #rmOrganism .rmBase__comp--textlink:hover { text-decoration: underline; } #rmOrganism .rmBase__comp--captcha { display: inline-block; max-width: 100%; overflow: hidden; text-align: left; vertical-align: top; } #rmOrganism .rmBase__comp--coupon { border: 2px dashed; display: inline-block; line-height: 1.5; padding: 0.75em 2.25em; } #rmOrganism .rmBase__comp--birthday { display: flex; } #rmOrganism .rmBase__comp--birthday .comp__select { flex-grow: 1; min-width: 1%; } #rmOrganism .rmBase__comp--birthday .comp__select:not(:first-child) { margin-left: 1em; } #rmOrganism .rmBase__comp--privacy { align-items: center; display: flex; } #rmOrganism .rmBase__comp--privacy .privacy__visual { flex-shrink: 0; font-size: 16px; height: 4em; margin-right: 1em; width: 4em; } #rmOrganism .rmBase__comp--privacy .privacy__text { font-size: 11px; line-height: 1.4; text-align: left; } #rmOrganism .rmBase__comp--privacy .privacy__text a { color: currentColor; text-decoration: underline; } #rmOrganism .rmBase__comp--checkbox .vFormCheckbox, #rmOrganism .rmBase__comp--radio .vFormCheckbox { align-items: flex-start; display: inline-flex; } #rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__indicator, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__indicator { background: #fff; border: 1px solid #ccc; border-radius: 0.125em; color: #666; cursor: pointer; display: inline-block; flex-shrink: 0; font-size: 1.25em; height: 1em; line-height: 0; position: relative; vertical-align: top; width: 1em; } #rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input { display: none; left: 0; opacity: 0; position: absolute; top: 0; } #rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__input:checked ~ .vFormCheckbox__indicator:after, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__input:checked ~ .vFormCheckbox__indicator:after { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='10' height='10'%3E%3Cpath fill='%23333' d='M19.4 2.6c-.8-.8-2-.8-2.8 0L6.4 12.8l-3-3.1c-.8-.8-2-.8-2.8 0-.8.8-.8 2 0 2.8L5.1 17c.8.8 2 .8 2.8 0l1.4-1.4L19.4 5.4c.8-.8.8-2 0-2.8z'/%3E%3C/svg%3E") no-repeat 50%; content: ""; display: block; height: 0.75em; left: 50%; margin: -0.375em 0 0 -0.375em; position: absolute; top: 50%; width: 0.75em; } #rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__label, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__label { font-size: 1em; line-height: 1.25; margin: 0; } #rmOrganism .rmBase__comp--checkbox .vFormCheckbox .vFormCheckbox__indicator ~ .vFormCheckbox__label, #rmOrganism .rmBase__comp--radio .vFormCheckbox .vFormCheckbox__indicator ~ .vFormCheckbox__label { margin: 0 0 0 0.75em; } #rmOrganism .rmBase__comp--checkbox .vFormCheckbox:hover .vFormCheckbox__indicator, #rmOrganism .rmBase__comp--radio .vFormCheckbox:hover .vFormCheckbox__indicator { border-color: #666; } #rmOrganism .rmBase__comp--checkbox { font-size: 1em; line-height: 1.25; } #rmOrganism .rmBase__comp--radio { padding-top: 0.625em; } #rmOrganism .rmBase__comp--radio .vFormRadio__group--inline, #rmOrganism .rmBase__comp--radio .vFormRadio__group--stacked { display: inline-flex; flex-direction: row; flex-wrap: wrap; } #rmOrganism .rmBase__comp--radio .vFormRadio__group--stacked { flex-direction: column; } #rmOrganism .rmBase__comp--radio .vFormRadio { align-items: flex-start; display: inline-flex; vertical-align: top; } #rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__indicator { background: #fff; border: 1px solid #ccc; border-radius: 100%; color: #666; cursor: pointer; display: inline-block; flex-shrink: 0; font-size: 1.25em; height: 1em; position: relative; vertical-align: top; width: 1em; } #rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__input { display: none; left: 0; opacity: 0; position: absolute; top: 0; } #rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__input:checked ~ .vFormRadio__indicator:after { background: currentColor; border-radius: 100%; content: ""; display: block; height: 0.5em; left: 50%; margin: -0.25em 0 0 -0.25em; position: absolute; top: 50%; width: 0.5em; } #rmOrganism .rmBase__comp--radio .vFormRadio .vFormRadio__label { font-size: 1em; line-height: 1.25; margin: 0 0 0 0.75em; } #rmOrganism .rmBase__comp--radio .vFormRadio:hover .vFormRadio__indicator { border-color: #666; } #rmOrganism .rmBase__comp--radio .vFormRadio--inline { display: inline-flex; } #rmOrganism .rmBase__comp--radio .vFormRadio--inline:not(:first-child) { margin-left: 1em; } #rmOrganism .rmBase__comp--radio .vFormRadio--stacked { display: flex; } #rmOrganism .rmBase__comp--radio .vFormRadio--stacked:not(:first-child) { margin-top: 0.5em; } #rmOrganism .rmBase__compError { border-radius: 3px; display: none; font-size: 12px; font-weight: 700; line-height: 1.5; margin-top: 2px; padding: 1px 5px; } #rmOrganism .rmBase__compError--radio { margin-top: 0.5em; } #rmOrganism .rmBase__comp--legal-noticeDivider { background: currentColor; border: none; color: inherit; display: inline-block; font-size: 1em; height: 2px; line-height: 0; margin-bottom: 1em; opacity: 0.25; overflow: hidden; width: 10em; } #rmOrganism .rmBase__comp--legal-notice { font-size: 11px; line-height: 1.4; } @media screen and (min-width: 480px) { #rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left { display: flex; } #rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compLabel { flex-basis: 30%; flex-shrink: 0; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0; max-width: 30%; padding: 0.625em 0.5em 0 0; } #rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compContainer { flex-grow: 1; } } #rmOrganism .rmLayout--vertical.rmBase { display: flex; flex-direction: column; max-width: 480px; } @media screen and (min-width: 768px) { #rmOrganism .rmLayout--vertical.rmBase .rmBase__container { padding: 2em; } } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-top .rmBase__el--image { flex-shrink: 0; height: 100px; } @media screen and (min-width: 768px) { #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-top .rmBase__el--image { height: 140px; } } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right { max-width: 640px; } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__el--image { flex-shrink: 0; height: 100px; } @media screen and (min-width: 768px) { #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__body { flex-direction: row; } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__el--image { flex-basis: 0px; flex-grow: 1; height: auto; order: 10; } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-right .rmBase__content { flex-basis: 80%; flex-grow: 1; flex-shrink: 0; max-width: 400px; } } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-bottom .rmBase__el--image { flex-shrink: 0; height: 100px; order: 10; } @media screen and (min-width: 768px) { #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-bottom .rmBase__el--image { height: 140px; } } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left { max-width: 640px; } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__el--image { flex-shrink: 0; height: 100px; } @media screen and (min-width: 768px) { #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__body { flex-direction: row; } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__el--image { flex-basis: 0px; flex-grow: 1; height: auto; } #rmOrganism .rmLayout--vertical.rmBase.rmLayout--vertical-image-left .rmBase__content { flex-basis: 80%; flex-grow: 1; flex-shrink: 0; max-width: 400px; } } #rmOrganism .rmLayout--horizontal.rmBase { display: flex; flex-direction: column; max-width: 640px; } @media screen and (min-width: 768px) { #rmOrganism .rmLayout--horizontal.rmBase .rmBase__container { padding: 2em; } #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section { display: flex; flex-direction: row; } #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el { flex-basis: 0px; flex-grow: 1; margin-right: 1em; } #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el:last-child { margin-right: 0; } #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--cta:not(:only-child), #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--link:not(:only-child) { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--label-pos-top ~ .rmBase__el--cta:not(:only-child), #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section .rmBase__el--label-pos-top ~ .rmBase__el--link:not(:only-child) { align-self: flex-end; } #rmOrganism .rmLayout--horizontal.rmBase .rmBase__section:last-child .rmBase__el { margin-bottom: 0; } } #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right { max-width: 800px; } #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__el--image { flex-shrink: 0; height: 100px; } @media screen and (min-width: 768px) { #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__body { flex-direction: row; } #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__el--image { flex-basis: 0px; flex-grow: 1; height: auto; order: 10; } #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-right .rmBase__content { flex-basis: 90%; flex-grow: 1; flex-shrink: 0; max-width: 640px; } } #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left { max-width: 800px; } #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__el--image { flex-shrink: 0; height: 100px; } @media screen and (min-width: 768px) { #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__body { flex-direction: row; } #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__el--image { flex-basis: 0px; flex-grow: 1; height: auto; } #rmOrganism .rmLayout--horizontal.rmBase.rmLayout--horizontal-image-left .rmBase__content { flex-basis: 90%; flex-grow: 1; flex-shrink: 0; max-width: 640px; } } @media screen and (min-width: 768px) { #rmOrganism .rmLayout--banner.rmBase { display: flex; flex-direction: column; } #rmOrganism .rmLayout--banner.rmBase .rmBase__content { margin: 0 auto; max-width: 1200px; width: 100%; } #rmOrganism .rmLayout--banner.rmBase .rmBase__container { padding: 1em 2em; } #rmOrganism .rmLayout--banner.rmBase .rmBase__section { display: flex; flex-direction: row; min-width: 480px; } #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el { flex-basis: 0px; flex-grow: 1; margin-right: 1em; } #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el:last-child { margin-right: 0; } #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--cta:not(:only-child), #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--link:not(:only-child) { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--label-pos-top ~ .rmBase__el--cta:not(:only-child), #rmOrganism .rmLayout--banner.rmBase .rmBase__section .rmBase__el--label-pos-top ~ .rmBase__el--link:not(:only-child) { align-self: flex-end; } #rmOrganism .rmLayout--banner.rmBase .rmBase__section:last-child .rmBase__el { margin-bottom: 0; } } #rmOrganism .rmSubscription.rmBase__body { display: flex; flex-direction: column; overflow: hidden; } #rmOrganism .rmSubscription .rmBase__content { -webkit-overflow-scrolling: touch; box-sizing: border-box; margin: 0; overflow: auto; } #rmOrganism .rmSubscription .rmBase__container { padding: 2em 1em; } #rmOrganism .rmSubscription .rmBase__el .rmBase__compLabel { display: block; line-height: 1.25; margin: 0 0 0.25em; max-width: 99%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; } #rmOrganism .rmSubscription .rmBase__el.rmBase__el--label-pos-none .rmBase__compLabel.rmBase__compLabel--hideable { display: none; } #rmOrganism .rmSubscription .rmBase__el.rmBase__el--cta { display: flex; flex-direction: column; } #rmOrganism .rmSubscription .rmBase__section:last-child .rmBase__el:last-child { margin-bottom: 0; } .rmBody.rmBody--subscription.rmBody--popup { background: #e9edf2; } .rmBody.rmBody--subscription.rmBody--embed #rmOrganism .rmBase { margin: 0 auto; } #rmOrganism .rmPage { font-size: 16px; } #rmOrganism .rmPage .rmBase__container { margin: 0 auto; max-width: 44em; padding: 2em 1em; } @media screen and (min-width: 768px) { #rmOrganism .rmPage .rmBase__container { padding: 2em; } } #rmOrganism .rmPage .rmBase__comp--heading { font-size: 2em; line-height: 1.25; } #rmOrganism .rmPage .rmBase__compLabel { display: block; line-height: 1.25; margin: 0 0 0.25em; max-width: 99%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; } #rmOrganism .rmPage .rmBase__el { font-size: 1em; line-height: 1.4; margin-bottom: 1em; } #rmOrganism .rmPage .rmBase__el--logo { margin: 0 0 3em; } #rmOrganism .rmPage .rmBase__el--coupon, #rmOrganism .rmPage .rmBase__el--cta, #rmOrganism .rmPage .rmBase__el--unsubscribe-reason { margin: 3em 0; } #rmOrganism .rmPage .rmBase__el--coupon .rmBase__compLabel, #rmOrganism .rmPage .rmBase__el--unsubscribe-reason .rmBase__compLabel { margin: 0 0 0.5em; max-width: 100%; overflow: visible; text-overflow: unset; white-space: normal; } #rmOrganism .rmPage .rmBase__el--unsubscribe-reason { text-align: left; } #rmOrganism .rmPage .rmBase__el--legal-notice { margin-top: 3rem; text-align: left; } #rmOrganism .rmPage .rmBase__section:last-child .rmBase__el:last-child { margin-bottom: 0; } #rmOrganism .rmLayout--page-centered .rmPage .rmBase__container, #rmOrganism .rmLayout--page-centered .rmPage .rmBase__container .rmBase__el--legal-notice { text-align: center; } #rmOrganism .rmLayout--legacy .rmBase__el .comp__input, #rmOrganism .rmLayout--legacy .rmBase__el .comp__select { border-radius: 0; height: 2em; padding: 0.25em 0.5em; } @media screen and (min-width: 360px) { #rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left { display: flex; } #rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compLabel { flex-basis: 140px; flex-shrink: 0; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0; max-width: 140px; padding: 0.375em 0.5em 0 0; } #rmOrganism .rmLayout--legacy .rmSubscription .rmBase__el.rmBase__el--label-pos-left .rmBase__compContainer { flex-grow: 1; } } #rmOrganism .rmLayout--legacy.rmBase { display: flex; flex-direction: column; max-width: 400px; } #rmOrganism .rmLayout--legacy.rmBase .rmBase__container { padding: 10px; } .rmBody.rmBody--subscription.rmBody--legacy { background: transparent; } .rmBody.rmBody--subscription.rmBody--legacy.rmBody--embed #rmOrganism .rmBase { margin: 0 auto 0 0; } .search-form { position: relative; } .search-form__text { font-family: "Inter", sans-serif; outline: 0; border: 2px solid #121212; background: transparent; letter-spacing: 0.44px; line-height: 20px; font-size: 16px; padding: 16px 40px 16px 25px; width: 100%; color: #121212; } .search-form__text.placeholder { color: #b3b3b3; } .search-form__text:-moz-placeholder { color: #b3b3b3; } .search-form__text::-moz-placeholder { color: #b3b3b3; } .search-form__text:-ms-input-placeholder { color: #b3b3b3; } .search-form__text::-webkit-input-placeholder { color: #b3b3b3; } .search-form__submit { position: absolute; top: 50%; transform: translate(0, -50%); right: 0; border: 0; outline: 0; background: transparent; padding: 16px; cursor: pointer; } .search-form__submit i { color: #121212; } .share { display: flex; justify-content: space-between; } .share__item a { color: #121212; } .post__image { position: relative; } .post__image .category-label { position: absolute; top: 30px; left: 15px; } .post__image img { width: 100%; } .post__image-header { position: absolute; top: 30px; left: 20px; display: flex; } .post__content { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; max-width: 100%; } .post__content-inner { position: relative; padding: 55px 0; } .post__content-inner iframe { padding-top: 24px; } .post__label { font-size: 12px; line-height: 18px; color: #b3b3b3; margin-bottom: 2px; } .post__label a { color: #b3b3b3; } .post__page { font-size: 12px; line-height: 18px; padding-top: 8px; } .post__title { font-family: "Barlow Condensed", sans-serif; font-size: 36px; line-height: 38px; font-weight: 600; } @media (min-width: 768px) { .post__title { font-size: 56px; line-height: 58px; } } .post__special-title { font-size: 30px; line-height: 34px; font-weight: 600; color: #121212; font-family: "Barlow Condensed", sans-serif; padding: 30px 0; } @media (min-width: 768px) { .post__special-title { font-size: 36px; line-height: 38px; } } .post__special-title:hover { color: #121212; opacity: 0.8; } .post__date { position: absolute; left: 0; top: 15px; } .post__copyright { position: absolute; right: 0; top: 15px; } .post__image .post__copyright { display: none; } .post__info { display: flex; justify-content: space-between; margin-bottom: 20px; } .post__event-label { font-size: 9px; line-height: 11px; padding: 7px 15px; background: #fcf315; color: #121212; } .post__event-label.is--inverted { background: transparent; color: #fcf315; border: 1px solid #fcf315; } .post__event-label + .post__event-label { margin-left: 10px; } .post__author { font-size: 14px; line-height: 20px; font-weight: bold; color: #121212; } @media (min-width: 768px) { .post__author { font-size: 16px; line-height: 24px; } } .post__text { font-family: "Crimson Pro", sans-serif; } .post__text h2, .post__text h4, .post__text h4 { font-family: "Inter", sans-serif; padding-top: 24px; } .post__pagination { margin-top: 20px; } .post__excerpt { font-size: 20px; line-height: 30px; font-weight: bold; padding-bottom: 45px; } .post__event { font-size: 14px; display: inline-block; margin-bottom: 40px; font-weight: bold; background: #fcf315; padding: 10px 20px; } .post figcaption { font-size: 12px; line-height: 18px; font-family: "Inter", sans-serif; color: #8c8b8b; padding-top: 10px; } .post figure { max-width: 100%; padding-top: 24px; } .post figure iframe { max-width: 100%; } .post iframe { width: 100%; border: 0; } .post img { height: auto; } @media (min-width: 768px) { .post { display: flex; flex-wrap: wrap; } .post__row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; width: 100%; } .post__image { width: 100%; } .post__image .category-label { top: 40px; left: 60px; } .post__content { padding: 0; } .post__content-inner { padding: 65px 0; } .post .sidebar { padding-top: 65px; } .post__event { font-size: 20px; line-height: 30px; } .post__event-label { font-size: 12px; padding: 10px 15px; } .post__event-label + .post__event-label { margin-left: 15px; } } @media (min-width: 992px) { .post__date { top: 35px; } .post__row { margin: 0; } .post__content { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; padding-right: 30px; padding-bottom: 60px; } .post__copyright { display: none; } .post__image .post__copyright { display: block; right: 30px; bottom: 30px; color: white; top: auto; } .post__image .post__copyright a { color: white; } } @media (min-width: 1200px) { .post__content-inner { margin-left: 12.5%; } } .b-category .slick-list { overflow: visible; } @media (max-width: 1199.98px) { .b-category .slick-list { width: 120%; } } .b-category .slick-arrow { top: -65px; } .b-category .slick-next { right: 15px; } .b-category .slick-prev { right: 60px; left: auto; } .podcast-widget .slick-arrow, .b-category .slick-arrow { transition: transform 0.3s 0s ease-in; transform: none; color: #121212; } .podcast-widget .slick-arrow::before, .b-category .slick-arrow::before { display: none; } .podcast-widget .slick-arrow:hover, .podcast-widget .slick-arrow:active, .podcast-widget .slick-arrow:focus, .b-category .slick-arrow:hover, .b-category .slick-arrow:active, .b-category .slick-arrow:focus { color: #121212; } .podcast-widget .slick-arrow.slick-disabled, .b-category .slick-arrow.slick-disabled { color: #b3b3b3; transform: none; } .podcast-widget .slick-next:hover, .b-category .slick-next:hover { transform: translateX(5px); } .podcast-widget .slick-prev:hover, .b-category .slick-prev:hover { transform: translateX(-5px); } .podcast-widget .slick-dotted { margin-bottom: 55px; } .podcast-widget .slick-dots { bottom: -25px; text-align: center; } .podcast-widget .slick-dots li button { background: #b3b3b3; width: 7px; height: 7px; border-radius: 50%; display: inline-block; } .podcast-widget .slick-dots li button::before { display: none; } .podcast-widget .slick-dots .slick-active button { background: #4f4f4f; } .podcast-widget .slick-arrow { top: auto; bottom: -46px; z-index: 1; } .podcast-widget .slick-next { right: 75px; } .podcast-widget .slick-prev { left: 75px; } @media (min-width: 768px) { .podcast-widget .slick-dotted { margin-bottom: 30px; } .podcast-widget .slick-dots { bottom: -45px; } } .b-clickpath .slick-arrow { top: 62px; transform: translateY(-50%); background: #121212; border-radius: 50%; color: white; height: 35px; width: 35px; display: flex; justify-content: center; align-items: center; z-index: 100; } .b-clickpath .slick-arrow.slick-disabled { color: #b3b3b3; } .b-clickpath .slick-arrow:before { display: none; } .b-clickpath .slick-arrow:hover { color: #fcf315; } .b-clickpath .slick-next { right: 25px; } .b-clickpath .slick-prev { left: 25px; } .ausgabe__preview .slick-arrow { color: #121212; font-size: 44px; z-index: 1; width: auto; height: auto; } .ausgabe__preview .slick-arrow:before { display: none; } .ausgabe__preview .slick-next { right: 0; } .ausgabe__preview .slick-prev { left: 0; } .js-events-tabs .slick-arrow { color: #121212; font-size: 44px; z-index: 1; width: auto; height: auto; top: 20px; } .js-events-tabs .slick-arrow:before { display: none; } .js-events-tabs .slick-arrow.slick-disabled { color: #b3b3b3; } @media (min-width: 576px) { .js-events-tabs .slick-arrow { top: 27px; } } .js-events-tabs .slick-next { right: 0; } .js-events-tabs .slick-prev { left: 0; } .podcast-widget { padding: 0 30px; } .podcast-widget__title { font-size: 20px; line-height: 30px; text-align: center; } .podcast-widget__item { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 992px) { .podcast-widget { padding: 0; } .podcast-widget__item { padding: 0; } } .sidebar { display: none; } .sidebar__item { margin-bottom: 50px; } .sidebar.last-magazine { margin-bottom: 0; } @media (min-width: 768px) { .sidebar { padding-left: 15px; padding-right: 15px; } } @media (min-width: 992px) { .sidebar { display: block; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; padding-left: 35px; padding-right: 35px; } } .term__button { text-align: center; } .term__list { margin-bottom: 50px; } .term__title { background: #121212; color: white; text-transform: capitalize; padding: 17px 30px; margin-bottom: 0; } .term__title.is--primary { background-color: #0035ff; } .term__title.is--secondary { background-color: #6c757d; } .term__title.is--success { background-color: #21d569; } .term__title.is--info { background-color: #17a2b8; } .term__title.is--warning { background-color: #fcf315; } .term__title.is--danger { background-color: #fe5c81; } .term__title.is--light { background-color: #f8f9fa; } .term__title.is--dark { background-color: #343a40; } .term__title.is--blue { background-color: #0035ff; } .term__title.is--red { background-color: #fe5c81; } .term__title.is--green { background-color: #21d569; } .term__title.is--purple { background-color: #a42cfc; } .term__title.is--darkred { background-color: #fa2831; } .term__title.is--black { background-color: #121212; } .term__title.is--gray { background-color: #b3b3b3; } .term__text { font-size: 14px; line-height: 20px; margin-bottom: 40px; color: white; padding: 30px 30px; } @media (min-width: 768px) { .term__text { font-size: 16px; line-height: 24px; } } @media (min-width: 992px) { .term { display: flex; } .term__content { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; padding-right: 30px; } .term__list { margin-bottom: 100px; } .term__text { color: #121212; columns: 2; padding: 0; } } .post-list { padding-bottom: 40px; } @media (min-width: 768px) { .post-list { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding-bottom: 30px; } } .home .body-wrapper, .category .body-wrapper, .search .body-wrapper { background: white; } @media (max-width: 767.98px) { .home .body-wrapper, .category .body-wrapper, .search .body-wrapper { background: #121212; } .home .body-wrapper .post-list, .category .body-wrapper .post-list, .search .body-wrapper .post-list { color: white; } .home .body-wrapper .post-item__title, .category .body-wrapper .post-item__title, .search .body-wrapper .post-item__title { color: white; } .home .body-wrapper .post-item__title:hover, .category .body-wrapper .post-item__title:hover, .search .body-wrapper .post-item__title:hover { color: white; } } .post-list.is--related .section-title { color: #121212; padding: 0; } @media (min-width: 768px) { .post-list.is--related .section-title { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } } @media (max-width: 767.98px) { .post-list.is--related .post-item { padding-left: 0; padding-right: 0; } } .powered-by { text-align: right; } .powered-by__label { font-size: 12px; line-height: 18px; color: #b3b3b3; margin-bottom: 9px; } .powered-by img { max-width: 200px; max-height: 100px; } .powered-by.is--row { display: flex; align-items: center; width: 100%; justify-content: center; } .powered-by.is--row .powered-by__label { margin-right: 30px; margin-bottom: 0; } .static { font-size: 14px; line-height: 20px; padding: 60px 0; } @media (min-width: 768px) { .static { font-size: 16px; line-height: 24px; } } .static h1 { margin-bottom: 40px; } .static a { font-weight: 600; } .static__special-title { font-family: "Barlow Condensed", sans-serif; font-size: 36px; line-height: 38px; font-weight: 600; text-align: center; } @media (min-width: 768px) { .static__special-title { font-size: 48px; line-height: 50px; } } .static__header { display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; } @media (min-width: 768px) { .static.has--sidebar { display: flex; } .static__inner { padding-right: 60px; } } .scroll-top { position: fixed; right: 42px; bottom: 240px; z-index: 1000; transition: opacity 0.3s 0s ease-in, transform 0.3s 0s ease-in, visibility 0s 0.3s ease-in; transform: translate(0, 20%) rotate(-90deg); transform-origin: 100% 0; font-size: 12px; visibility: hidden; opacity: 0; padding: 6px 15px 6px 11px; background: rgba(255, 255, 255, 0.9); border-radius: 8px; } .scroll-top.is--visible { transition: opacity 0.3s 0s ease-in, transform 0.3s 0s ease-in; visibility: visible; transform: translate(0, 0) rotate(-90deg); opacity: 1; } .scroll-top.is--visible:hover { transform: translate(0, -10px) rotate(-90deg); } .scroll-top svg { width: 40px; height: auto; } .scroll-top__text { cursor: pointer; position: relative; padding-right: 15px; } @media (min-width: 1200px) { .scroll-top { right: calc((100vw - 1170px + 118px) / 2); } } .interview-archive .body-wrapper { background: #272727; } .interview-archive .content-wrapper { max-width: 1170px; } @media (min-width: 768px) { .interview-archive .interview-archive { padding: 16px 12px 0px; background: #272727; } } @media (min-width: 992px) { .interview-archive .interview-archive { padding: 46px 15px 112px; } } .interview-archive__person-name { display: flex; align-items: center; font-family: "Anton", sans-serif; font-size: 34px; gap: 8px; position: absolute; bottom: 8px; left: 20px; color: #faf21c; z-index: 3; } .interview-archive__person-name img { width: 40px !important; height: 40px !important; } @media (min-width: 768px) { .interview-archive__person-name { bottom: 20px; } } .interview-archive__background { height: 350px; overflow: hidden; } .interview-archive__background img { width: 100%; height: 100%; } @media (min-width: 768px) { .interview-archive__background { height: 710px; margin-bottom: 12px; } } .interview-archive__hero { position: relative; } .interview-archive__hero-overlay { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; height: 100%; } .interview-archive__hero-overlay .interview-archive__intro { display: none; } @media (min-width: 768px) { .interview-archive__hero-overlay .interview-archive__intro { display: block; } } .interview-archive__hero-content { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 30px; } .interview-archive__logo { position: absolute; top: 4px; right: 0; max-width: 350px; z-index: 3; } @media (min-width: 768px) { .interview-archive__logo { top: 12px; left: 0; right: initial; max-width: 550px; } } @media (min-width: 992px) { .interview-archive__logo { top: 0; max-width: 845px; } } .interview-archive__person { position: absolute; bottom: 0; left: 10px; z-index: 3; max-width: 280px; } @media (min-width: 768px) { .interview-archive__person { bottom: 0; left: auto; right: -40px; max-width: 420px; } } @media (min-width: 992px) { .interview-archive__person { bottom: 0; right: -40px; max-width: 580px; } } .interview-archive__black-background .container, .interview-archive__black-background .b-category__slick-container, .interview-archive__black-background .b-gallery__container { padding: 0; } .interview-archive__title { margin-bottom: 20px; font-size: 2.5rem; font-weight: bold; line-height: 1.2; } @media (min-width: 768px) { .interview-archive__title { font-size: 3.5rem; } } .interview-archive__hero-content .interview-archive__title { color: white; } .interview-archive__header .interview-archive__title { color: #121212; } .interview-archive__mobile-cta { padding-top: 30px; background: #000; } @media (min-width: 768px) { .interview-archive__mobile-cta { display: none; } } .interview-archive__cta-button { color: black; cursor: pointer; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none; padding-bottom: 20px; } .interview-archive__cta-button:hover { transform: translateY(2px); } .interview-archive__cta-button span { font-family: Inter; font-weight: 600; font-size: 18px; line-height: 100%; background: #faf21c; padding: 12px 24px; } .interview-archive__cta-button--simple { align-self: flex-start; margin-top: auto; padding-bottom: 0px; } .interview-archive__cta-button--simple span { background: #000000; color: white; font-size: 16px; } .interview-archive__cta-button--simple:hover { transform: none; } .interview-archive__cta-button--simple:hover span { background: #ded605; } .interview-archive__header { background: #f9f9f9; } @media (min-width: 768px) { .interview-archive__header { padding: 80px 0; } } .interview-archive__intro { font-weight: 500; font-size: 16px; color: white; padding: 0 20px; margin: 0 auto 20px; } @media (min-width: 768px) { .interview-archive__intro { font-size: 18px; background: rgba(0, 0, 0, 0.75); max-width: 450px; position: absolute; bottom: 0; left: 20px; text-align: left; padding: 24px 60px 60px 20px; line-height: 24px; } } @media (min-width: 992px) { .interview-archive__intro { font-size: 20px; max-width: 600px; padding: 32px 26px 160px 36px; margin-bottom: 0; } } .interview-archive__hero-content .interview-archive__intro { color: white; } .interview-archive__header .interview-archive__intro { color: #4f4f4f; } .interview-archive__empty { text-align: center; padding: 40px 0; } .interview-archive__empty p { font-size: 1.1rem; color: #8c8b8b; } .interview-list { display: grid; gap: 12px; } @media (min-width: 768px) { .interview-list { grid-template-columns: repeat(2, 1fr); gap: 20px 10px; } } @media (min-width: 992px) { .interview-list { grid-template-columns: repeat(3, 1fr); gap: 44px 12px; margin-top: 64px; } } .interview-item__inner { display: flex; flex-direction: column; background: white; overflow: hidden; } .interview-item__image { width: 100%; height: 362px; } @media (min-width: 768px) { .interview-item__image { height: 334px; } } @media (min-width: 992px) { .interview-item__image { height: 376px; } } .interview-item__image img { width: 100%; height: 100%; } .interview-item__content { padding: 16px 24px 30px 20px; flex: 1; display: flex; flex-direction: column; } @media (min-width: 768px) { .interview-item__content { padding: 12px 46px 32px 24px; } } .interview-item__excerpt { color: #000000; font-size: 16px; margin-bottom: 20px; flex-grow: 1; line-height: 20px; } .interview-item__excerpt--truncated { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .company-info__item { font-size: 0.9rem; color: #4f4f4f; } .company-info__item strong { color: #121212; } .interview-item__inner { display: flex; flex-direction: column; background: white; overflow: hidden; } .interview-item__hero { margin: 0 -15px; position: relative; height: 350px; overflow: hidden; } .interview-item__hero-background { width: 100%; height: 100%; position: relative; background: url("../images/interview-bg.png") center/cover no-repeat; } .interview-item__person-image { position: absolute; bottom: 24px; right: 8px; z-index: 2; max-width: 200px; } @media (min-width: 768px) { .interview-item__person-image { bottom: 20px; } } .interview-item__title { display: flex; align-items: flex-end; font-family: "Anton", sans-serif; font-size: 24px; gap: 6px; position: absolute; bottom: 6px; left: 32px; z-index: 3; } .interview-item__title img { width: 32px; height: 32px; } .interview-item__title span { color: #faf21c; } @media (min-width: 768px) { .interview-item__title { font-size: 28px; bottom: 16px; } .interview-item__title img { width: 50px; height: 50px; } } @media (min-width: 992px) { .interview-item__title { font-size: 32px; } .interview-item__title img { width: 60px; height: 60px; } } .interview-item__black-company-logo { position: absolute; top: 12px; left: 32px; z-index: 2; max-width: 100px; } @media (min-width: 768px) { .interview-item__black-company-logo { max-width: 150px; } } .interview-item__image { width: 100%; height: 362px; } @media (min-width: 768px) { .interview-item__image { height: 334px; } } @media (min-width: 992px) { .interview-item__image { height: 376px; } } .interview-item__content { padding: 16px 24px 30px 20px; flex: 1; display: flex; flex-direction: column; } @media (min-width: 768px) { .interview-item__content { padding: 12px 46px 32px 24px; } } .interview-item__excerpt { color: #000000; font-size: 16px; margin-bottom: 20px; flex-grow: 1; line-height: 20px; } .interview-item__excerpt--truncated { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .cards .interview-item { width: 360px; margin: 0 12px; border-radius: 10px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35); overflow: hidden; } .cards .interview-item:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } .cards .interview-item__image { height: 290px; background: #ffe500 center/cover no-repeat; } .cards .interview-item__content { padding: 16px 18px 22px; } .cards .interview-item__excerpt { font-size: 14px; line-height: 1.5; color: #666; margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .cards .interview-item .interview-archive__cta-button { display: inline-block; padding: 8px 16px; background: #2f2f2f; color: #fff; text-decoration: none; border-radius: 3px; font-size: 14px; font-weight: 600; transition: all 0.3s ease; } .cards .interview-item .interview-archive__cta-button:hover { background: #000; color: #fff; text-decoration: none; transform: translateY(-1px); } /* Interview Carousel Styles */ .interview-carousel { --interview-carousel-height: 480px; --interview-carousel-width: 1200px; --interview-carousel-item-height: 480px; --interview-carousel-item-width: 280px; width: 100%; } .interview-carousel-container { display: flex; justify-content: center; align-items: center; min-height: var(--interview-carousel-height); margin: 0 auto; max-width: var(--interview-carousel-width); position: relative; perspective: 1000px; transform-style: preserve-3d; } .interview-carousel-item { height: var(--interview-carousel-item-height); width: var(--interview-carousel-item-width); position: absolute; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; opacity: 0; transform: translateX(-50%) translateZ(-200px) scale(0.8); left: 50%; z-index: 1; display: none; transform-style: preserve-3d; min-height: 340px; } .interview-carousel-item .interview-item__title { font-size: 18px; } @media (min-width: 768px) { .interview-carousel-item .interview-item__title { font-size: 24px; } } .interview-carousel-item .interview-item__person-image { max-width: 120px; } @media (min-width: 768px) { .interview-carousel-item .interview-item__person-image { max-width: 200px; } } .interview-carousel-item.is-visible { display: block; opacity: 0.6; } .interview-carousel-item.is-center { opacity: 1; transform: translateX(-50%) translateZ(100px) scale(1.1); z-index: 5; } .interview-carousel-item.position-0 { opacity: 0.6; transform: translateX(-50%) translateX(-120px) translateZ(-80px) scale(0.85); z-index: 2; } .interview-carousel-item.position-2 { opacity: 0.6; transform: translateX(-50%) translateX(120px) translateZ(-80px) scale(0.85); z-index: 2; } @media (min-width: 768px) { .interview-carousel-item.position-0 { opacity: 0.6; transform: translateX(-50%) translateX(-180px) translateZ(-80px) scale(0.95); z-index: 2; } .interview-carousel-item.position-2 { opacity: 0.6; transform: translateX(-50%) translateX(180px) translateZ(-80px) scale(0.95); z-index: 2; } } @media (min-width: 992px) { .interview-carousel-item.position-0 { opacity: 0.3; transform: translateX(-50%) translateX(-400px) translateZ(-150px) scale(0.7); z-index: 1; } .interview-carousel-item.position-1 { opacity: 0.7; transform: translateX(-50%) translateX(-200px) translateZ(-50px) scale(0.9); z-index: 3; } .interview-carousel-item.position-2 { opacity: initial; transform: translateX(-50%) translateX(0) translateZ(0) scale(1); z-index: 4; } .interview-carousel-item.position-3 { opacity: 0.7; transform: translateX(-50%) translateX(200px) translateZ(-50px) scale(0.9); z-index: 3; } .interview-carousel-item.position-4 { opacity: 0.3; transform: translateX(-50%) translateX(400px) translateZ(-150px) scale(0.7); z-index: 1; } } .interview-carousel-item .interview-item { height: 100%; width: 100%; } .interview-carousel-item .interview-item__inner { height: 100%; display: flex; flex-direction: column; } .interview-carousel-item .interview-item__image { flex: 1; overflow: hidden; } .interview-carousel-item .interview-item__image img { width: 100%; height: 100%; object-fit: cover; } .interview-carousel-item .interview-item__content { padding: 15px; background: #fff; flex-shrink: 0; } .interview-carousel-item .interview-item__excerpt { font-size: 14px; line-height: 1.4; margin-bottom: 10px; color: #666; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .interview-carousel-controls { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: flex; justify-content: space-between; padding: 0 20px; pointer-events: none; z-index: 10; } @media (max-width: 767.98px) { .interview-carousel-controls { display: none; } } /* Interview carousel button styles */ .interview-carousel-control { background: none; border: none; cursor: pointer; height: 67px; width: 67px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-out; pointer-events: all; } .interview-carousel-control:hover { transform: scale(1.1); opacity: 0.8; } .interview-carousel-control:focus { outline: 2px solid #007acc; outline-offset: 2px; } .interview-carousel-control:active { transform: scale(0.95); } /* previous button */ .interview-carousel-control-previous { background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; } /* next button */ .interview-carousel-control-next { background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: contain; } /* Responsive adjustments */ @media (max-width: 991.98px) { .interview-carousel { --interview-carousel-height: 600px; --interview-carousel-width: 100%; --interview-carousel-item-height: 300px; --interview-carousel-item-width: 220px; } .interview-carousel-container { padding: 15px; } .interview-carousel-item .interview-item__content { padding: 12px; } .interview-carousel-item .interview-item__excerpt { font-size: 13px; -webkit-line-clamp: 2; } .interview-carousel-control { height: 55px; width: 55px; } } @media (max-width: 767.98px) { .interview-carousel { --interview-carousel-height: 350px; --interview-carousel-item-height: 320px; --interview-carousel-item-width: 180px; } .interview-carousel-container { padding: 10px; } .interview-carousel-item .interview-item__content { padding: 10px; } .interview-carousel-item .interview-item__excerpt { font-size: 12px; -webkit-line-clamp: 2; } .interview-carousel-control { height: 50px; width: 50px; } } /* Hide original interview cards when carousel is active */ .js-interview-cards.interview-carousel .interview-item:not(.interview-carousel-item .interview-item) { display: none; } .single-interview__hero { margin: 0 -15px; position: relative; height: 400px; overflow: hidden; } @media (min-width: 768px) { .single-interview__hero { margin-bottom: 16px; height: 700px; } } @media (min-width: 992px) { .single-interview__hero { height: 800px; } } .single-interview__hero-background { width: 100%; height: 100%; position: relative; background: url("../images/interview-bg.png") center/cover no-repeat; } .single-interview__person-image { position: absolute; bottom: 32px; right: 10px; z-index: 2; max-width: 200px; } @media (min-width: 768px) { .single-interview__person-image { max-width: 400px; bottom: 64px; } } @media (min-width: 992px) { .single-interview__person-image { max-width: 450px; } } .single-interview__title { display: flex; align-items: flex-end; font-family: "Anton", sans-serif; font-size: 34px; gap: 8px; position: absolute; bottom: 8px; left: 20px; z-index: 3; } .single-interview__title span { color: #faf21c; } @media (min-width: 768px) { .single-interview__title { bottom: 20px; } .single-interview__title img { width: 70px; height: 70px; } } .single-interview__black-company-logo { position: absolute; top: 16px; left: 16px; z-index: 2; max-width: 150px; } @media (min-width: 768px) { .single-interview__black-company-logo { max-width: 300px; } } @media (min-width: 992px) { .single-interview__black-company-logo { top: 80px; right: 80px; } .single-interview__black-company-logo img { max-width: 100%; } } .single-interview__icon { width: 50px; } @media (min-width: 992px) { .single-interview__icon { width: 78px; } } .single-interview__image { margin: 0 -15px; } .single-interview__image img { width: 100%; height: auto; display: block; } @media (min-width: 768px) { .single-interview__image { margin-bottom: 0 0 16px; } .single-interview__image:after { content: ""; display: block; width: 100%; height: 36px; background: #000000; } } .single-interview__mobile-description { background-color: #000; margin: 0 -15px; padding: 12px 15px; } @media (min-width: 768px) { .single-interview__mobile-description { display: none; } } .single-interview__mobile-description-content { color: #fff; font-size: 16px; line-height: 1.6; } .single-interview__mobile-description-content ul { padding-left: 16px; } .single-interview__mobile-description-content hr { border: 2px solid #faf21c; } .single-interview__mobile-description-content p { margin-bottom: 15px; } .single-interview__mobile-description-content p:last-child { margin-bottom: 0; } .single-interview__desktop-header { display: none; } @media (min-width: 768px) { .single-interview__desktop-header { display: block; margin-bottom: 40px; } .single-interview__desktop-header .single-interview__title { position: initial; } } .single-interview__desktop-row { display: none; } @media (min-width: 768px) { .single-interview__desktop-row { display: flex; gap: 60px; margin-bottom: 60px; } } @media (min-width: 992px) { .single-interview__desktop-row { gap: 80px; } } .single-interview__desktop-content { flex: 1; min-width: 0; } .single-interview__desktop-description { flex: 0 0 260px; background-color: #000; padding: 20px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media (min-width: 992px) { .single-interview__desktop-description { flex: 0 0 350px; padding: 20px; } } .single-interview__company-image { margin-bottom: 20px; text-align: center; } .single-interview__company-image img { max-width: 100%; height: auto; display: block; margin: 0 auto; } .single-interview__description-text { color: #fff; font-weight: 600; font-size: 20px; } .single-interview__description-text p { margin-bottom: 15px; } .single-interview__description-text p:last-child { margin-bottom: 0; } .single-interview__description-text ul, .single-interview__description-text ol { font-size: 16px; margin-bottom: 15px; padding-left: 16px; } .single-interview__description-text ul li, .single-interview__description-text ol li { margin-bottom: 8px; } .single-interview__description-text ul li:last-child, .single-interview__description-text ol li:last-child { margin-bottom: 0; } .single-interview__description-text hr { border: 2px solid #faf21c; } @media (min-width: 992px) { .single-interview__description-text { font-size: 20px; } } .single-interview__content { margin-bottom: 60px; position: relative; } @media (min-width: 768px) { .single-interview__content { display: none; } } .single-interview__date { font-size: 13px; color: #000000; margin-bottom: 20px; letter-spacing: 1px; font-weight: 200; } .single-interview__title { font-size: 20px; font-weight: bold; margin-bottom: 24px; color: #000; } @media (min-width: 768px) { .single-interview__title { font-size: 24px; } } @media (min-width: 992px) { .single-interview__title { font-size: 32px; } } .single-interview__text { font-size: 18px; line-height: 1.6; color: #333; } .single-interview__text p { margin-bottom: 20px; } @media (min-width: 768px) { .single-interview__text { font-size: 16px; } } .single-interview__slider-section { padding: 60px 0; background-color: #000; margin: 0 -20px; padding-left: 20px; padding-right: 20px; position: relative; } @media (min-width: 768px) { .single-interview__slider-section { padding: 40px 0; } } .single-interview__slider-title { color: #fff; font-size: 36px; font-weight: bold; text-align: center; margin-bottom: 40px; } @media (min-width: 768px) { .single-interview__slider-title { font-size: 28px; margin-bottom: 30px; } } .single-inspiring_people .body-wrapper { background: #272727; } @media (min-width: 992px) { .single-inspiring-people { max-width: 1170px; margin: 0 auto; } } .single-inspiring-people__logo-image { width: 244px; height: 71px; } @media (min-width: 768px) { .single-inspiring-people__logo-image { margin-left: 10px; } } @media (min-width: 992px) { .single-inspiring-people__logo-image { margin: 0; } } @media (min-width: 992px) { .single-inspiring-people__logo-image--mobile { display: none; } } .single-inspiring-people__header { background: #000; color: #fff; padding: 16px 20px 24px 26px; } @media (min-width: 768px) { .single-inspiring-people__header { margin: 0 15px; } } .single-inspiring-people__video { background: #000; padding-bottom: 12px; } .single-inspiring-people__video iframe { width: 100%; height: 100%; aspect-ratio: 16/9; } @media (min-width: 768px) { .single-inspiring-people__video { margin: 0 15px; } } .single-inspiring-people__title { font-family: Inter; font-weight: 700; font-size: 24px; color: #fff; margin-bottom: 0; } @media (min-width: 992px) { .single-inspiring-people__title { margin-top: 12px; margin-bottom: 4px; } } @media (min-width: 992px) { .single-inspiring-people__title--mobile { display: none; } } .single-inspiring-people__information { margin-bottom: 26px; font-family: Inter; font-weight: 400; font-size: 16px; line-height: 142%; color: #fff; } .single-inspiring-people__information em { display: block; } .single-inspiring-people__information strong { font-size: 14px; } @media (min-width: 992px) { .single-inspiring-people__information--mobile { display: none; } } @media (min-width: 992px) { .single-inspiring-people__information { margin-bottom: 0; } } .single-inspiring-people__pottography { font-family: Inter; font-weight: 600; font-size: 16px; color: #fff; line-height: 24px; padding-top: 16px; border-top: 3px solid #fcf315; } @media (min-width: 768px) { .single-inspiring-people__pottography { font-size: 18px; padding-top: 0; border-top: none; } } @media (min-width: 992px) { .single-inspiring-people__pottography { font-size: 20px; } } .single-inspiring-people__hero { background: #000; } @media (min-width: 768px) { .single-inspiring-people__hero { background: transparent; padding: 12px 15px 0; } } @media (min-width: 768px) { .single-inspiring-people__hero-container { background: #000; } } @media (min-width: 992px) { .single-inspiring-people__hero-container { background: transparent; } } @media (min-width: 992px) { .single-inspiring-people__hero-image-container--mobile { display: none !important; } } .single-inspiring-people__hero-large-layout { display: none; } @media (min-width: 992px) { .single-inspiring-people__hero-large-layout { display: block; } } @media (min-width: 992px) { .single-inspiring-people__hero-grid { display: flex; gap: 54px; align-items: flex-start; } .single-inspiring-people__hero-grid .inspiring-people-grid { flex: 1; } } @media (min-width: 992px) { .single-inspiring-people__hero-featured { width: 400px; flex-shrink: 0; padding: 0 50px 50px; background: #000; } .single-inspiring-people__hero-featured img { width: 100%; height: auto; object-fit: cover; } } .single-inspiring-people__hero-quote { background-color: #faf21c; color: #000; padding: 44px 20px; font-family: Inter; font-weight: 700; font-size: 18px; line-height: 100%; text-align: center; display: flex; align-items: center; } @media (min-width: 992px) { .single-inspiring-people__hero-quote--large { font-family: Neue Plak !important; font-size: 36px !important; line-height: 100%; text-align: center; justify-content: center; padding: 40px 200px !important; margin-top: 12px; margin-bottom: 16px; } } .single-inspiring-people__hero-image-container { display: flex; gap: 6px; padding: 0 12px; } @media (min-width: 768px) { .single-inspiring-people__hero-image-container { gap: 32px; padding: 0 24px; } } .single-inspiring-people__hero-image { width: 160px; height: 216px; flex-shrink: 0; } .single-inspiring-people__hero-image img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 768px) { .single-inspiring-people__hero-image { width: 338px; height: 363px; } } .single-inspiring-people__hero-quote { background-color: #faf21c; color: #000; padding: 44px 20px; font-family: Inter; font-weight: 700; font-size: 18px; line-height: 100%; text-align: center; display: flex; align-items: center; } .single-inspiring-people__interview { padding: 20px 20px 24px; white-space: pre-line; background: #fff; font-family: Inter; font-weight: 400; font-size: 16px; } .single-inspiring-people__interview strong { font-family: Inter; font-weight: 700; font-size: 18px; line-height: 100%; } @media (min-width: 768px) { .single-inspiring-people__interview { margin: 0 15px; } } @media (min-width: 992px) { .single-inspiring-people__interview { margin-bottom: 0; } } .single-inspiring-people__interview-quote-wrapper { padding: 0 20px 24px; background: #fff; } @media (min-width: 768px) { .single-inspiring-people__interview-quote-wrapper { margin: 0 15px; } } .single-inspiring-people__interview-quote { padding: 30px 26px 30px 12px; background: #000; color: #faf21c; font-family: Inter; font-weight: 800; font-size: 18px; line-height: 100%; text-align: center; } @media (min-width: 768px) { .single-inspiring-people__interview-quote { font-size: 20px; } } @media (min-width: 992px) { .single-inspiring-people__interview-quote { font-size: 24px; padding-left: 100px; padding-right: 100px; } } .single-inspiring-people__gallery { padding-bottom: 24px; } @media (min-width: 768px) { .single-inspiring-people__gallery { margin: 10px 15px 0; display: flex; flex-wrap: wrap; gap: 10px; } } .single-inspiring-people__gallery-item { cursor: pointer; transition: opacity 0.3s ease; width: 100%; } .single-inspiring-people__gallery-item:hover { opacity: 0.8; } .single-inspiring-people__gallery-item img { height: 100%; object-fit: cover; } .single-inspiring-people__gallery-item:nth-child(n+4) { display: none; } @media (min-width: 768px) { .single-inspiring-people__gallery-item:nth-child(1) { width: 100%; } .single-inspiring-people__gallery-item:nth-child(2), .single-inspiring-people__gallery-item:nth-child(3) { width: calc(50% - 5px); } } .single-inspiring-people__modal { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; display: flex; align-items: center; justify-content: center; } .single-inspiring-people__modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); cursor: pointer; } .single-inspiring-people__modal-content { position: relative; width: 90vw; height: 80vh; max-width: 1200px; max-height: 800px; z-index: 1; } .single-inspiring-people__modal-close { position: absolute; top: 15px; right: 15px; background: transparent; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 2; } .single-inspiring-people__slider { position: relative; width: 100%; height: 100%; } .single-inspiring-people__slider-container { position: relative; width: 100%; height: 100%; } .single-inspiring-people__slider-slide { position: absolute; top: 66px; left: 0; width: 100%; height: calc(100% - 66px); opacity: 0; transition: opacity 0.5s ease-in-out; display: flex; align-items: center; justify-content: center; } @media (min-width: 992px) { .single-inspiring-people__slider-slide { top: 90px; height: calc(100% - 90px); } } .single-inspiring-people__slider-slide.active { opacity: 1; } .single-inspiring-people__slider-slide img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; } .single-inspiring-people__slider-controls { position: absolute; top: 66px; left: 0; right: 0; height: calc(100% - 66px); display: flex; justify-content: space-between; align-items: center; pointer-events: none; z-index: 2; } @media (min-width: 992px) { .single-inspiring-people__slider-controls { top: 90px; height: calc(100% - 90px); } } .single-inspiring-people__slider-control { pointer-events: auto; cursor: pointer; } .single-inspiring-people__slider-counter { position: absolute; bottom: -20px; right: 20px; font-family: Inter; font-weight: 400; font-size: 16px; line-height: 100%; color: #fff; z-index: 2; pointer-events: none; } .inspiring-people-archive .body-wrapper { background: #272727; } .inspiring-people-archive__container { margin-bottom: 100px; } @media (min-width: 768px) { .inspiring-people-archive__container { padding: 0 15px; max-width: 1170px; margin: 16px auto 194px; } } @media (min-width: 992px) { .inspiring-people-archive__container { display: flex; flex-direction: row-reverse; gap: 36px; margin: 24px auto 80px; } } @media (min-width: 768px) { .inspiring-people-archive__background { display: flex; flex-direction: column; gap: 16px; } } @media (min-width: 992px) { .inspiring-people-archive__background { gap: 0; width: 570px; } } .inspiring-people-archive__hero-overlay { padding: 26px 30px; background-color: #faf21c; } @media (min-width: 768px) { .inspiring-people-archive__hero-overlay { padding: 10px 30px 26px 16px; } } @media (min-width: 992px) { .inspiring-people-archive__hero-overlay { padding: 50px 16px 38px 40px; } } .inspiring-people-archive__intro { font-family: Inter; font-weight: 700; font-size: 16px; line-height: 142%; color: #000000; } @media (min-width: 768px) { .inspiring-people-archive__intro { font-size: 18px; } } @media (min-width: 768px) { .inspiring-people-archive__intro { font-size: 20px; } } .inspiring-people-archive__interview-button { padding: 10px 48px; font-family: Inter; font-weight: 700; font-size: 18px; line-height: 142%; background-color: #000000; color: #ffffff; margin: 32px auto 0; display: block; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (min-width: 992px) { .inspiring-people-archive__interview-button { display: none; } } .inspiring-people-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media (min-width: 768px) { .inspiring-people-grid { grid-template-columns: repeat(5, 1fr); } } @media (min-width: 992px) { .inspiring-people-grid { grid-template-columns: repeat(8, 1fr); } } .inspiring-people-grid__item { position: relative; max-width: 160px; } .inspiring-people-grid__link { display: block; width: 100%; height: 100%; position: relative; transition: opacity 0.3s ease; } .inspiring-people-grid__link::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; opacity: 0.5; transition: opacity 0.3s ease; } .inspiring-people-grid__link:hover::after { opacity: 0; } .inspiring-people-form-section { background: white; border: 3px solid #121212; padding: 50px; margin: 0 auto; max-width: 900px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; } @media (max-width: 1199.98px) { .inspiring-people-form-section { padding: 40px 30px; } } @media (max-width: 991.98px) { .inspiring-people-form-section { padding: 30px 25px; } } @media (max-width: 767.98px) { .inspiring-people-form-section { padding: 25px 20px; } } .inspiring-people-form-section .section-title { font-family: "Barlow Condensed", sans-serif; font-size: 36px; line-height: 38px; font-weight: 600; text-align: center; color: #121212; margin-bottom: 25px; font-size: 42px; font-weight: 700; line-height: 1.1; } @media (min-width: 768px) { .inspiring-people-form-section .section-title { font-size: 48px; line-height: 50px; } } @media (max-width: 1199.98px) { .inspiring-people-form-section .section-title { font-size: 36px; } } @media (max-width: 991.98px) { .inspiring-people-form-section .section-title { font-size: 32px; margin-bottom: 20px; } } @media (max-width: 767.98px) { .inspiring-people-form-section .section-title { font-size: 28px; } } .inspiring-people-form-section .section-subtitle { font-family: "Inter", sans-serif; text-align: center; color: #2c2c2c; font-size: 20px; line-height: 1.6; margin-bottom: 60px; max-width: 800px; margin-left: auto; margin-right: auto; } @media (max-width: 1199.98px) { .inspiring-people-form-section .section-subtitle { font-size: 18px; margin-bottom: 50px; } } @media (max-width: 991.98px) { .inspiring-people-form-section .section-subtitle { font-size: 16px; margin-bottom: 40px; } } .inspiring-people-form-section .nf-after-form-content, .inspiring-people-form-section .nf-form-fields-required, .inspiring-people-form-section .nf-form-title, .inspiring-people-form-section .nf-sr-only { display: none; } .inspiring-people-form-section .nf-input-limit { font-size: 12px; color: #121212; font-weight: 600; margin-top: 10px; display: block; } .inspiring-people-form-section .nf-field-container { margin-bottom: 24px; } .inspiring-people-form-section .nf-field-label { font-family: "Inter", sans-serif; font-weight: 600; color: #121212; font-size: 16px; line-height: 1.4; margin-bottom: 12px; margin-top: 16px; display: block; } @media (max-width: 991.98px) { .inspiring-people-form-section .nf-field-label { font-size: 15px; margin-bottom: 10px; } } .inspiring-people-form-section .nf-field-element input[type=text], .inspiring-people-form-section .nf-field-element input[type=email], .inspiring-people-form-section .nf-field-element textarea { font-family: "Inter", sans-serif; width: 100%; border: 2px solid #121212; background: white; padding: 18px 24px; font-size: 16px; line-height: 1.5; color: #121212; outline: 0; transition: all 0.3s ease; border-radius: 0; } @media (max-width: 991.98px) { .inspiring-people-form-section .nf-field-element input[type=text], .inspiring-people-form-section .nf-field-element input[type=email], .inspiring-people-form-section .nf-field-element textarea { padding: 16px 20px; font-size: 16px; } } .inspiring-people-form-section .nf-field-element input[type=text].placeholder, .inspiring-people-form-section .nf-field-element input[type=email].placeholder, .inspiring-people-form-section .nf-field-element textarea.placeholder { color: #787878; } .inspiring-people-form-section .nf-field-element input[type=text]:-moz-placeholder, .inspiring-people-form-section .nf-field-element input[type=email]:-moz-placeholder, .inspiring-people-form-section .nf-field-element textarea:-moz-placeholder { color: #787878; } .inspiring-people-form-section .nf-field-element input[type=text]::-moz-placeholder, .inspiring-people-form-section .nf-field-element input[type=email]::-moz-placeholder, .inspiring-people-form-section .nf-field-element textarea::-moz-placeholder { color: #787878; } .inspiring-people-form-section .nf-field-element input[type=text]:-ms-input-placeholder, .inspiring-people-form-section .nf-field-element input[type=email]:-ms-input-placeholder, .inspiring-people-form-section .nf-field-element textarea:-ms-input-placeholder { color: #787878; } .inspiring-people-form-section .nf-field-element input[type=text]::-webkit-input-placeholder, .inspiring-people-form-section .nf-field-element input[type=email]::-webkit-input-placeholder, .inspiring-people-form-section .nf-field-element textarea::-webkit-input-placeholder { color: #787878; } .inspiring-people-form-section .nf-field-element input[type=text]:focus, .inspiring-people-form-section .nf-field-element input[type=email]:focus, .inspiring-people-form-section .nf-field-element textarea:focus { border-color: #121212; outline: 0; box-shadow: 0 0 0 3px rgba(18, 18, 18, 0.1); } .inspiring-people-form-section .nf-field-element input[type=text].nf-error, .inspiring-people-form-section .nf-field-element input[type=email].nf-error, .inspiring-people-form-section .nf-field-element textarea.nf-error { border-color: #fa2831; box-shadow: 0 0 0 3px rgba(250, 40, 49, 0.1); } .inspiring-people-form-section .nf-field-element textarea { min-height: 140px; resize: vertical; font-family: inherit; } .inspiring-people-form-section .ninja-forms-req-symbol { color: #fa2831; margin-left: 4px; font-weight: bold; } .inspiring-people-form-section .checkbox-wrap { display: flex; align-items: flex-start; flex-direction: row-reverse; align-items: baseline; gap: 8px; } .inspiring-people-form-section .checkbox-wrap .nf-field-label { margin-bottom: 0; margin-top: 0; flex: 1; } .inspiring-people-form-section .checkbox-wrap .nf-field-label label { font-family: "Inter", sans-serif; font-size: 14px; line-height: 1.6; color: #121212; cursor: pointer; margin: 0; display: block; } .inspiring-people-form-section .nf-field-description { font-family: "Inter", sans-serif; font-size: 13px; color: #5f5f5f; margin-top: 8px; font-style: italic; line-height: 1.4; } .inspiring-people-form-section .nf-error-msg { font-family: "Inter", sans-serif; color: #fa2831; font-size: 13px; margin-top: 8px; font-weight: 600; display: block; } .inspiring-people-form-section .nf-field-container.nf-field-container-textbox .nf-field-element, .inspiring-people-form-section .nf-field-container.nf-field-container-email .nf-field-element, .inspiring-people-form-section .nf-field-container.nf-field-container-textarea .nf-field-element { width: 100%; } .inspiring-people-form-section hr { border: none; height: 2px; background: #121212; margin: 20px 0; } .inspiring-people-form-section input[type=submit].ninja-forms-field { background: #121212; color: #fcf315; border: 3px solid #121212; font-size: 18px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 50px; display: block; margin-left: auto; margin-right: auto; } .inspiring-people-form-section input[type=submit].ninja-forms-field:hover { background: #fcf315; color: #121212; border-color: #121212; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); } .inspiring-people-form-section input[type=submit].ninja-forms-field:active { transform: translateY(0); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .inspiring-people-form-section input[type=submit].ninja-forms-field:disabled { opacity: 0.6; cursor: not-allowed; transform: none; box-shadow: none; } .inspiring-people-form-section .nf-form-errors { background: #ffe6e6; border: 2px solid #fa2831; padding: 25px; margin-bottom: 40px; border-radius: 0; } @media (max-width: 991.98px) { .inspiring-people-form-section .nf-form-errors { padding: 20px; margin-bottom: 30px; } } .inspiring-people-form-section .nf-form-errors .nf-error-msg { font-family: "Inter", sans-serif; color: #fa2831; font-size: 15px; margin: 0; font-weight: 600; line-height: 1.5; } .inspiring-people-form-section .nf-response-msg p { margin-bottom: 0; } .inspiring-people-form-section:has(.nf-response-msg:not(:empty)) .section-title, .inspiring-people-form-section:has(.nf-response-msg:not(:empty)) .section-subtitle { display: none; } /** Pages */ /** * Planet 2050 Page Template Styles */ body.page-template-page-planet-2050 .body-wrapper { position: relative; } body.page-template-page-planet-2050 .body-wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 968px; background: linear-gradient(180deg, #5ee8a1 0%, #fff 100%); } body.page-template-page-planet-2050 .content-wrapper { max-width: none; background: transparent; } body.page-template-page-planet-2050 .header { background: transparent; position: relative; top: 0; } /** Components */ .b-gallery { position: relative; padding-bottom: 50px; background: #121212; } .b-gallery__wrapper { position: relative; } .b-gallery__inner { padding: 25px 15px 55px; color: white; border-bottom: 8px solid transparent; } .is--primary .b-gallery__inner { border-color: #0035ff; } .is--secondary .b-gallery__inner { border-color: #6c757d; } .is--success .b-gallery__inner { border-color: #21d569; } .is--info .b-gallery__inner { border-color: #17a2b8; } .is--warning .b-gallery__inner { border-color: #fcf315; } .is--danger .b-gallery__inner { border-color: #fe5c81; } .is--light .b-gallery__inner { border-color: #f8f9fa; } .is--dark .b-gallery__inner { border-color: #343a40; } .is--blue .b-gallery__inner { border-color: #0035ff; } .is--red .b-gallery__inner { border-color: #fe5c81; } .is--green .b-gallery__inner { border-color: #21d569; } .is--purple .b-gallery__inner { border-color: #a42cfc; } .is--darkred .b-gallery__inner { border-color: #fa2831; } .is--black .b-gallery__inner { border-color: #121212; } .is--gray .b-gallery__inner { border-color: #b3b3b3; } .b-gallery__title { font-family: "Barlow Condensed", sans-serif; font-size: 36px; line-height: 38px; font-weight: 600; display: inline-block; color: white; } @media (min-width: 768px) { .b-gallery__title { font-size: 48px; line-height: 50px; } } .b-gallery__title:hover { color: rgba(255, 255, 255, 0.5); } .b-gallery__container { position: static; } .b-gallery .button, .b-gallery .inspiring-people-form-section input[type=submit].ninja-forms-field, .inspiring-people-form-section .b-gallery input[type=submit].ninja-forms-field { margin-top: 30px; } .b-gallery .category-label { position: absolute; left: 25px; top: 25px; } .b-gallery.is--category { padding-bottom: 35px; } .b-gallery.is--category .b-gallery__inner { border-bottom: 0; padding-bottom: 35px; } @media (min-width: 768px) { .b-gallery { margin-bottom: 75px; padding-bottom: 0; background: transparent; } .b-gallery.is--primary .b-gallery__wrapper { border-color: #0035ff; } .b-gallery.is--secondary .b-gallery__wrapper { border-color: #6c757d; } .b-gallery.is--success .b-gallery__wrapper { border-color: #21d569; } .b-gallery.is--info .b-gallery__wrapper { border-color: #17a2b8; } .b-gallery.is--warning .b-gallery__wrapper { border-color: #fcf315; } .b-gallery.is--danger .b-gallery__wrapper { border-color: #fe5c81; } .b-gallery.is--light .b-gallery__wrapper { border-color: #f8f9fa; } .b-gallery.is--dark .b-gallery__wrapper { border-color: #343a40; } .b-gallery.is--blue .b-gallery__wrapper { border-color: #0035ff; } .b-gallery.is--red .b-gallery__wrapper { border-color: #fe5c81; } .b-gallery.is--green .b-gallery__wrapper { border-color: #21d569; } .b-gallery.is--purple .b-gallery__wrapper { border-color: #a42cfc; } .b-gallery.is--darkred .b-gallery__wrapper { border-color: #fa2831; } .b-gallery.is--black .b-gallery__wrapper { border-color: #121212; } .b-gallery.is--gray .b-gallery__wrapper { border-color: #b3b3b3; } .b-gallery__wrapper { border-top: 8px solid transparent; } .b-gallery__wrapper:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #171717 130%); opacity: 0.68; } .b-gallery__inner { border-bottom: 0; color: white; padding: 0 15px; max-width: 75%; } .b-gallery__container { position: absolute; bottom: 65px; left: 0; right: 0; z-index: 1; } .b-gallery .category-label { position: static; margin-bottom: 25px; } .b-gallery.is--category { padding-bottom: 0; margin-bottom: 55px; } } @media (min-width: 992px) { .b-gallery__inner { max-width: 50%; padding: 0; } .b-gallery__image { object-fit: cover; max-height: 720px; width: 100%; } .b-gallery.is--category .b-gallery__inner { max-width: 60%; } } .b-category { background: #121212; padding-bottom: 45px; color: white; overflow: hidden; } .b-category__subheader { padding: 0; } .b-category .category-label { margin-bottom: 30px; } .b-category__slick-container { padding: 0 30px; overflow: hidden; } @media (min-width: 1200px) { .b-category__slick-container { width: 100%; overflow: visible; } } @media (min-width: 768px) { .b-category__slick-container { padding: 0 15px; } } .b-category__slick-container::after { content: ""; width: 100%; display: block; border-bottom: 1px solid #4f4f4f; } .b-category__slick-list { display: flex; } @media (min-width: 768px) { .b-category { background: white; padding-bottom: 60px; color: #121212; } .b-category__slick-container::after { border-color: #b3b3b3; } .b-category .section-title { display: block; } } .b-clickpath { display: flex; padding-top: 45px; } .b-clickpath img, .b-clickpath iframe { margin: 0 auto 15px !important; } .b-clickpath__title { font-size: 14px; line-height: 20px; margin-bottom: 20px; margin-top: 20px; } @media (min-width: 768px) { .b-clickpath__title { font-size: 26px; line-height: 42px; } } .b-clickpath__index { font-size: 18px; line-height: 26px; text-align: center; font-weight: 600; padding-bottom: 40px; } @media (min-width: 768px) { .b-clickpath__index { font-size: 22px; line-height: 32px; } } .b-clickpath__caption { font-size: 12px; line-height: 18px; margin-top: 15px; } .b-clickpath__caption a, .b-clickpath__caption { color: #b3b3b3; } .b-clickpath__description { font-family: "Inter", sans-serif; color: #4f4f4f; font-weight: bold; font-size: 16px; line-height: 24px; } .b-clickpath__media { position: relative; } .b-events { padding-bottom: 40px; } .b-events__inner { background: #fcf315; color: #121212; padding: 40px 20px; } .b-events__header { font-family: "Barlow Condensed", sans-serif; font-size: 30px; line-height: 34px; font-weight: 600; text-align: center; padding-bottom: 40px; } .b-events__item { padding: 14px; display: flex; border-top: 1px dashed #121212; color: #121212; } .b-events__item:hover { color: #121212; } .b-events__date { text-align: center; margin-top: 10px; } .b-events__date span { font-family: "Barlow Condensed", sans-serif; font-size: 36px; } .b-events__date span::after { content: ""; height: 4px; width: 100%; background: #121212; display: block; } .b-events__content { margin-left: 24px; font-size: 14px; line-height: 24px; } .b-events__content strong { font-size: 16px; line-height: 20px; } .b-events__organizer { padding-top: 10px; } .b-events__organizer label { border: 1px solid #121212; padding: 5px 10px; font-size: 9px; line-height: 11px; margin: 0; } @media (min-width: 768px) { .b-events__inner { padding: 70px 70px 20px; } .b-events__header { font-size: 46px; line-height: 55px; } .b-events__organizer { flex: 0 0 30%; max-width: 30%; display: flex; justify-items: flex-end; align-items: center; padding-top: 0; } .b-events__organizer label { margin-left: auto; margin-right: 48px; } .b-events__date { margin-top: 2px; } .b-events__item:hover .b-events__button { display: block; } .b-events__button { display: none; margin: auto 30px auto auto; } } .b-random { background: #fcf315; padding: 30px; margin-bottom: 60px; margin-left: auto; margin-right: auto; } .b-random__title { font-size: 30px; line-height: 34px; font-weight: 600; color: #121212; font-family: "Barlow Condensed", sans-serif; color: #121212; margin-bottom: 15px; padding-right: 30px; } @media (min-width: 768px) { .b-random__title { font-size: 36px; line-height: 38px; } } .b-random .button, .b-random .inspiring-people-form-section input[type=submit].ninja-forms-field, .inspiring-people-form-section .b-random input[type=submit].ninja-forms-field { white-space: nowrap; } @media (min-width: 576px) { .b-random { padding: 50px 60px; margin-bottom: 80px; } } @media (min-width: 992px) { .b-random { display: flex; justify-content: space-between; } .b-random__title { margin-bottom: 0; } } @media (min-width: 1200px) { .b-random { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } } .black-quote { background: #000; padding: 20px; } .black-quote__content { font-weight: 700; font-size: 18px; color: #faf21c; text-align: center; } @media (min-width: 768px) { .black-quote__content { text-align: left; } } @media (min-width: 768px) { .black-quote__content { font-size: 20px; } } .quote-image { margin: 28px 0; } .quote-image__content { display: flex; flex-direction: column; gap: 12px; } @media (min-width: 992px) { .quote-image__content { flex-direction: row; align-items: stretch; } } .quote-image__text-container { background: #faf21c; min-height: 180px; padding: 24px; color: #000; text-align: center; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .quote-image__text-container { flex: 1; } } @media (min-width: 992px) { .quote-image__text-container { min-height: auto; } } .quote-image__quote { font-weight: 700; font-size: 20px; } .quote-image__author { font-weight: 400; font-size: 16px; } @media (min-width: 768px) { .quote-image__image { flex: 1; } } @media (min-width: 992px) { .quote-image__image { display: flex; } } .quote-image__image img { width: 100%; height: auto; object-fit: cover; } @media (min-width: 992px) { .quote-image__image img { height: 100%; } } .quote-image-cards { padding: 80px 0; text-align: center; background: #f9f9f9; } .quote-image-cards__section-title { font-family: "Barlow Condensed", sans-serif; font-size: 44px; font-weight: 600; line-height: 110%; color: #121212; margin: 0 auto 88px; } @media (min-width: 768px) { .quote-image-cards__section-title { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } } .quote-image-cards__card { display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto 64px; text-align: center; border-top: 10px solid #121212; background: #fff; padding-bottom: 16px; } .quote-image-cards__card:last-child { margin-bottom: 0; } .quote-image-cards__content { margin-bottom: 48px; } @media (min-width: 768px) { .quote-image-cards__content { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } } .quote-image-cards__title { font-family: "Barlow Condensed", sans-serif; font-size: 44px; font-weight: 600; line-height: 110%; color: #121212; margin: 36px 0 12px 0; text-align: center; } .quote-image-cards__subtitle { font-family: "Inter", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; color: #4f4f4f; margin: 0 0 32px 0; text-align: center; } @media (min-width: 768px) { .quote-image-cards__subtitle { font-size: 16px; line-height: 24px; } } .quote-image-cards__image-wrapper { width: 100%; margin: 0 0 48px 0; overflow: hidden; } .quote-image-cards__image { width: 100%; height: auto; display: block; object-fit: cover; } .quote-image-cards__quote { font-family: "Barlow Condensed", sans-serif; font-size: 32px; line-height: 110%; font-weight: 600; color: #121212; margin: 0 32px 16px; text-align: center; } .quote-image-cards__name { font-family: "Inter", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; color: #b3b3b3; margin: 0; text-align: center; } @media (min-width: 768px) { .quote-image-cards__name { font-size: 16px; line-height: 24px; } } .quote-image-cards__linkedin-wrapper { width: 100%; max-width: 600px; margin: 20px auto 0; overflow: hidden; } @media (min-width: 768px) { .quote-image-cards__linkedin-wrapper { margin-top: 24px; } } .quote-image-cards__linkedin { width: 100%; height: 400px; border: none; display: block; } @media (min-width: 768px) { .quote-image-cards__linkedin { height: 500px; } } .teaser-background { position: relative; width: 100%; min-height: 500px; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; } @media (min-width: 768px) { .teaser-background { min-height: 570px; } } .teaser-background__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .teaser-background__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; padding: 16px 0 0; } .teaser-background__content { position: relative; z-index: 3; text-align: center; padding: 0 24px 48px; max-width: 600px; } @media (min-width: 768px) { .teaser-background__content { max-width: 768px; } } .teaser-background__subtitle { font-family: "Inter", sans-serif; font-size: 12px; line-height: 18px; color: #f9f9f9; font-weight: 400; margin-bottom: 12px; } .teaser-background__title { font-family: "Barlow Condensed", sans-serif; font-size: 36px; line-height: 38px; font-weight: 600; color: #ffffff; margin: 0 0 32px 0; text-align: center; } @media (min-width: 768px) { .teaser-background__title { font-size: 56px; line-height: 58px; } } .teaser-background__button { font-family: "Inter", sans-serif; font-size: 14px; line-height: 20px; font-weight: 600; display: inline-block; background-color: #ffffff; color: #121212; padding: 12px 24px; text-decoration: none; border: none; cursor: pointer; display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; align-items: center; margin: 0 auto; transition: all 0.3s ease; } @media (min-width: 768px) { .teaser-background__button { font-size: 16px; line-height: 24px; } } .teaser-background__button:hover { background-color: #121212; color: #ffffff; } .newsletter-banner { background-color: #5ee8a1; padding: 32px 24px; width: 100%; margin-bottom: 112px; } .newsletter-banner__container { margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; } @media (min-width: 768px) { .newsletter-banner__container { flex-direction: row; align-items: flex-end; justify-content: flex-start; gap: 40px; } } .newsletter-banner__content { flex: 1; display: flex; flex-direction: column; gap: 8px; } .newsletter-banner__title { font-family: "Inter", sans-serif; font-size: 14px; line-height: 20px; color: #121212; margin: 0; font-weight: 600; } @media (min-width: 768px) { .newsletter-banner__title { font-size: 26px; line-height: 42px; } } .newsletter-banner__text { font-family: "Inter", sans-serif; font-size: 16px; line-height: 24px; color: #121212; margin: 0; font-weight: 400; } .newsletter-banner__button-wrapper { flex-shrink: 0; width: 100%; } @media (min-width: 768px) { .newsletter-banner__button-wrapper { width: auto; } } .newsletter-banner__button { font-family: "Inter", sans-serif; display: inline-block; background-color: #121212; color: #ffffff; font-size: 14px; line-height: 21px; font-weight: 600; padding: 12px 24px; text-decoration: none; border: none; cursor: pointer; transition: all 0.3s ease-in-out; width: 100%; text-align: center; } .newsletter-banner__button:hover { background-color: #ffffff; color: #121212; } .two-columns-text { padding: 40px 0; } @media (min-width: 768px) { .two-columns-text { padding: 96px 0 112px; } } .two-columns-text__container { margin: 0 auto; display: flex; flex-direction: column; gap: 40px; } @media (min-width: 768px) { .two-columns-text__container { flex-direction: row; gap: 80px; align-items: flex-start; } } @media (min-width: 768px) { .two-columns-text__column--left { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } } .two-columns-text__title { font-size: 44px; line-height: 110%; color: #121212; margin: 0; font-weight: 600; } .two-columns-text__content { font-family: "Crimson Pro", sans-serif; font-size: 18px; line-height: 26px; color: #121212; } @media (min-width: 768px) { .two-columns-text__content { font-size: 22px; line-height: 32px; } } .two-columns-text__content p { margin-bottom: 16px; } .two-columns-text__content p:last-child { margin-bottom: 0; } .two-columns-text__content a { color: #01c38e; text-decoration: underline; } .two-columns-text__content a:hover { color: #019069; } .two-columns-text__content img { max-width: 100%; height: auto; display: block; margin: 32px 0 16px; } .two-columns-text__buttons { display: flex; flex-direction: column; gap: 16px; margin-top: 32px; } .two-columns-text__button { font-family: "Inter", sans-serif; display: inline-block; text-align: center; text-decoration: none; font-size: 14px; line-height: 21px; font-weight: 600; padding: 12px 24px; transition: all 0.3s ease-in-out; width: 100%; } .two-columns-text__button--primary { background-color: #121212; color: #ffffff; border: 1px solid #121212; } .two-columns-text__button--primary:hover { background-color: #ffffff; color: #121212; border: 1px solid #121212; } .two-columns-text__button--secondary { background-color: #ffffff; color: #121212; border: 1px solid #121212; } .two-columns-text__button--secondary:hover { background-color: #121212; color: #ffffff; border: 1px solid #121212; } .footer-logo { background-color: #272727; padding-top: 64px; } .footer-logo__inner { padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .footer-logo__text { font-family: "Inter", sans-serif; font-size: 12px; line-height: 18px; color: #b3b3b3; text-align: center; margin-bottom: 40px; } .footer-logo__logos { display: flex; flex-direction: column; align-items: center; gap: 30px; } @media (min-width: 768px) { .footer-logo__logos { flex-direction: row; flex-wrap: wrap; align-items: center; } } .footer-logo__item { display: flex; align-items: center; width: 100%; justify-content: center; padding: 26px 0; max-width: calc(33.333% - 20px); } .footer-logo__image { max-height: 58px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .wp-block-pullquote { max-width: 90%; margin: 0 auto; padding: 15px 0 50px; } .wp-block-pullquote p { font-size: 30px; line-height: 34px; font-weight: 600; color: #121212; font-family: "Barlow Condensed", sans-serif; margin: 0; } @media (min-width: 768px) { .wp-block-pullquote p { font-size: 36px; line-height: 38px; } } .wp-block-image figcaption { margin: 0; } .gallery { flex-wrap: wrap; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .gallery-item { flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 768px) { .gallery-item { flex: 0 0 25%; max-width: 25%; } } /*# sourceMappingURL=main.css.map*/