body, button, input, select, optgroup, textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } body.mce-content-body { max-width: 720px; margin: 1.5rem; } p { margin: 0 0 1.5rem; } blockquote { margin: 0 0 1.5rem; padding: 1rem 1rem 1rem 1.5rem; box-shadow: inset 0.25rem 0 0 0 var(--color__blockquote); quotes: "" ""; } blockquote p:last-child { margin-bottom: 0; } blockquote:before, blockquote:after { content: ""; } pre { overflow: auto; max-width: 100%; margin-bottom: 1.6rem; padding: 1.5rem; color: var(--color__pre); background-color: var(--color__pre-background); } hr { height: 1px; margin-bottom: 1.5em; border: 0; background-color: var(--color__hr); } code, kbd, tt, var { color: var(--color__code); } mark, ins { color: var(--color__mark); background-color: var(--color__mark-background); } img { max-width: 100%; height: auto; } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } ::-moz-selection { color: var(--color__selection-text); background: var(--color__selection-background); } ::selection { color: var(--color__selection-text); background: var(--color__selection-background); } ::-moz-selection { color: var(--color__selection-text); background: var(--color__selection-background); } ul, ol { margin: 0 0 1.5rem 0; padding-left: 1.5rem; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } dt { font-weight: bold; } dd { margin: 0 1.5rem 1.5rem; } table { overflow: hidden; width: 100%; margin: 0 0 1.5rem; border-radius: 0.25rem; border-collapse: collapse; box-shadow: inset 0 0 0 1px var(--color__border); } caption { font-weight: bold; } th { font-weight: normal; } caption { margin-bottom: 1rem; } th, td { padding: 0.75rem; text-align: left; } td p:last-child { margin-bottom: 0; } thead { border-bottom: 1px solid var(--color__border); background-color: rgba(0, 0, 0, 0.025); } thead th { font-weight: 500; } tfoot { border-top: 1px solid var(--color__border); } thead tr:nth-of-type(even), tbody tr:nth-of-type(even), tfoot tr:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.025); } .table-responsive { display: block; overflow-x: auto; width: 100%; min-height: 0; margin-bottom: 1.5rem; padding: 0.25rem; } .table-responsive table:last-child { margin: 0; } .button, button, input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; position: relative; padding: 0.75rem 1rem; border: 1px solid var(--color__button-border); border-radius: 0.25rem; color: var(--color__button-text); background-color: var(--color__button); font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1; text-align: center; vertical-align: middle; vertical-align: top; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: background, color, opacity, box-shadow, -webkit-transform; transition-property: background, color, opacity, box-shadow, -webkit-transform; transition-property: background, color, opacity, transform, box-shadow; transition-property: background, color, opacity, transform, box-shadow, -webkit-transform; } .button:hover, .button:active, .button:focus, button:hover, button:active, button:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { border: 1px solid var(--color__button-border-hover); color: var(--color__button-text-hover); background-color: var(--color__button-hover); } .button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { z-index: 1; outline: none; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.05); } .btn-cta { display: block; margin-bottom: 1.5rem; padding: 0.75rem 0.5rem; border: 2px solid transparent; border-radius: 0.25rem; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); font-size: 18px; font-size: 1.125rem; font-weight: 400; line-height: 1.5; text-align: center; vertical-align: middle; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-cta__white { border-color: #fff; color: var(--color__text-primary); background-color: #fff; } .btn-cta__white:hover, .btn-cta__white:focus { border-color: var(--color__text-primary); color: #fff; background-color: var(--color__text-primary); } .btn-cta__primary { border-color: #1976d2; color: #fff !important; background-color: #1976d2; } .btn-cta__primary:hover, .btn-cta__primary:focus { border-color: #4e9cea; color: #fff; background-color: #4e9cea; } .btn-cta__secondary { border-color: #607d8b; color: #fff !important; background-color: #607d8b; } .btn-cta__secondary:hover, .btn-cta__secondary:focus { border-color: #8aa2ae; color: #fff; background-color: #8aa2ae; } .btn-cta__success { border-color: #4caf50; color: #fff !important; background-color: #4caf50; } .btn-cta__success:hover, .btn-cta__success:focus { border-color: #80c883; color: #fff; background-color: #80c883; } .btn-cta__danger { border-color: #ff5722; color: #fff !important; background-color: #ff5722; } .btn-cta__danger:hover, .btn-cta__danger:focus { border-color: #ff916f; color: #fff; background-color: #ff916f; } .btn-cta__warning { border-color: #ff9800; color: #fff !important; background-color: #ff9800; } .btn-cta__warning:hover, .btn-cta__warning:focus { border-color: #ffb74d; color: #fff; background-color: #ffb74d; } .btn-cta__info { border-color: #00bcd4; color: #fff !important; background-color: #00bcd4; } .btn-cta__info:hover, .btn-cta__info:focus { border-color: #22e6ff; color: #fff; background-color: #22e6ff; } .btn-cta__outline-white { border-color: #fff; color: #fff !important; background-color: transparent; } .btn-cta__outline-white:hover, .btn-cta__outline-white:focus { border-color: #fff; color: var(--color__text-primary); background-color: #fff; } .btn-cta__outline-primary { border-color: #1976d2; color: #1976d2; background-color: transparent; } .btn-cta__outline-primary:hover, .btn-cta__outline-primary:focus { border-color: #4e9cea; color: #fff; background-color: #4e9cea; } .btn-cta__outline-secondary { border-color: #607d8b; color: #607d8b; background-color: transparent; } .btn-cta__outline-secondary:hover, .btn-cta__outline-secondary:focus { border-color: #8aa2ae; color: #fff; background-color: #8aa2ae; } .btn-cta__outline-success { border-color: #4caf50; color: #4caf50; background-color: transparent; } .btn-cta__outline-success:hover, .btn-cta__outline-success:focus { border-color: #80c883; color: #fff; background-color: #80c883; } .btn-cta__outline-danger { border-color: #ff5722; color: #ff5722; background-color: transparent; } .btn-cta__outline-danger:hover, .btn-cta__outline-danger:focus { border-color: #ff916f; color: #fff; background-color: #ff916f; } .btn-cta__outline-warning { border-color: #ff9800; color: #ff9800; background-color: transparent; } .btn-cta__outline-warning:hover, .btn-cta__outline-warning:focus { border-color: #ffb74d; color: #fff; background-color: #ffb74d; } .btn-cta__outline-info { border-color: #00bcd4; color: #00bcd4; background-color: transparent; } .btn-cta__outline-info:hover, .btn-cta__outline-info:focus { border-color: #22e6ff; color: #fff; background-color: #22e6ff; } .btn-cta__rounded { border-radius: 5rem; } a { color: var(--color__link); text-decoration: none; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-property: background, color, opacity, box-shadow; transition-property: background, color, opacity, box-shadow; } a:hover, a:focus, a:active { color: var(--color__link-hover); text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { margin-top: 0; margin-bottom: 0; padding: 0; border: none; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /** SVG icon */ .icon { display: inline-block; position: relative; /* Align more nicely with capital letters */ top: -0.0625rem; width: 1rem; height: 1rem; vertical-align: middle; -webkit-transition: opacity ease-in-out 0.25s; transition: opacity ease-in-out 0.25s; fill: currentColor; } .icon-stroke { display: inline-block; position: relative; /* Align more nicely with capital letters */ top: -0.05em; width: 1rem; height: 1rem; vertical-align: middle; -webkit-transition: opacity ease-in-out 0.25s; transition: opacity ease-in-out 0.25s; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6.25%; } svg, svg symbol { overflow: visible; } .svg-fallback { display: none; } .no-svg .svg-fallback { display: inline-block; } .icon-payment { overflow: hidden; top: 0; width: 51px; height: 32px; border-radius: 3px; } .thumbnail-placeholder { max-width: 100%; height: auto; vertical-align: middle; -webkit-transition: all ease-in-out 0.25s; transition: all ease-in-out 0.25s; } .placeholder-bg { fill: #263238; } .placeholder-icon { fill: #37474f; } .fluid-width-video-wrapper { position: relative; width: 100%; padding: 0; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-container { margin-bottom: 1.5rem; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { overflow: hidden; max-width: 100%; margin-top: 0; margin-bottom: 1.5rem; padding: 0.5rem; border: 1px solid var(--color__border); border-radius: 0.25rem; } .wp-caption img[class*="wp-image-"] { display: block; margin-right: auto; margin-left: auto; } .wp-caption > a { display: block; } .wp-caption > a img { vertical-align: middle; } .wp-caption > a:hover img, .wp-caption > a:focus img { opacity: 0.5; } .wp-caption-text { padding: 1rem 1rem 0.5rem; font-size: 14px; font-size: 0.875rem; text-align: center; } .wp-block-image img { display: block; vertical-align: middle; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { display: -ms-flexbox; display: -webkit-box; display: flex; min-width: 100%; margin-right: -1px; margin-bottom: 1.5rem; margin-left: -1px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery-item { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; position: relative; width: 100%; min-height: 1px; margin: 0 0 2px; padding-right: 1px; padding-left: 1px; -webkit-box-direction: normal; -webkit-box-flex: 1; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-grow: 1; -ms-flex-positive: 1; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.66%; } .gallery-columns-7 .gallery-item { width: 14.28%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11%; } .gallery-item:hover .gallery-caption, .gallery-item:focus .gallery-caption { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .gallery-item a { display: block; } .gallery-item a:hover, .gallery-item a:focus { opacity: 0.5; } .gallery-item img { display: block; width: 100%; vertical-align: middle; } .gallery-caption { position: absolute; z-index: 5; bottom: calc( 100% + 16px); left: 50%; width: 240px; margin-left: -120px; padding: 1rem; color: #fff; background-color: var(--color__text-primary); box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); font-size: 14px; font-size: 0.875rem; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .gallery-caption:after { position: absolute; bottom: -8px; left: 50%; width: 0; height: 0; margin-left: -9px; border-width: 0 9px 9px 9px; border-style: solid; border-color: transparent transparent var(--color__text-primary) transparent; content: " "; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .wp-block-gallery { margin-right: -8px; margin-left: -8px; padding: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%; } } @media (min-width: 720px) { .btn-cta { display: inline-block; padding: 0.75rem 2rem; } }