body, button, input, select, textarea { color: #455a64; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } body.post-type-page, body.post-type-post { max-width: 790px; } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } hr { height: 1px; margin-bottom: 1.5em; border: 0; background-color: #eceff1; } img { /* Make sure images are scaled correctly. */ max-width: 100%; height: auto; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } ::-webkit-input-placeholder { color: #607d8b; } :-moz-placeholder { /* Firefox 18- */ color: #607d8b; } ::-moz-placeholder { /* Firefox 19+ */ color: #607d8b; } :-ms-input-placeholder { color: #607d8b; } ::-moz-selection { color: #fff; background: #f06292; } ::selection { color: #fff; background: #f06292; } ::-moz-selection { color: #fff; background: #f06292; } ul, ol { margin: 0 0 1.5em 0; padding-right: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-right: 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } table { width: 100%; margin: 0 0 1.5em; } caption { font-weight: bold; } th { font-weight: normal; } caption { margin-bottom: 1em; } th, td { padding: 0.5em; border-bottom: 1px solid #eceff1; text-align: right; } thead th { border-bottom: 2px solid #eceff1; } .table-responsive { display: block; overflow-x: auto; width: 100%; min-height: 0; margin-bottom: 1.5em; } .table-responsive > table { margin: 0; } h1, h2, h3, h4, h5, h6 { clear: both; margin: 0 0 1rem; } p { margin: 0 0 1.5rem; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { overflow: auto; max-width: 100%; margin-bottom: 1.6em; padding: 1.6em; background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } a { color: #ec407a; 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, text-shadow; transition-property: background, color, opacity, box-shadow, text-shadow; } a:hover, a:focus, a:active { color: #f06292; } a:focus { outline: thin dashed; } 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%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { overflow: hidden; max-width: 100%; margin-bottom: 1.5em; padding: 0.5em; border: 1px solid #eceff1; border-bottom-width: 3px; border-radius: 3px; background-color: #fff; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: 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 { margin-bottom: 0; padding: 1em 1em 0.5em; font-size: 14px; font-size: 0.875rem; text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { display: -webkit-box; display: flex; min-width: 100%; margin-left: -1px; margin-bottom: 1.5rem; margin-right: -1px; flex-wrap: wrap; } .gallery-item { display: -webkit-box; display: flex; flex-direction: column; position: relative; width: 100%; min-height: 1px; margin: 0 0 2px; padding-left: 1px; padding-right: 1px; -webkit-box-direction: normal; -webkit-box-flex: 1; -webkit-box-orient: vertical; flex-grow: 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); right: 50%; width: 240px; margin-right: -120px; padding: 1rem; color: #fff; background-color: #455a64; 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; right: 50%; width: 0; height: 0; margin-right: -9px; border-width: 0 9px 9px 9px; border-style: solid; border-color: transparent transparent #455a64 transparent; content: " "; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .wp-block-gallery { margin-left: -8px; margin-right: -8px; padding: 0; } /*-------------------------------------------------------------- ## SVG --------------------------------------------------------------*/ /** 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; } /*-------------------------------------------------------------- ## Blocks --------------------------------------------------------------*/ .wp-block-image, .wp-block-embed, .wp-block-gallery { margin-bottom: 1.5rem; } .wp-block-image img { display: block; width: 100%; vertical-align: middle; } .alignfull, .alignwide { width: inherit; max-width: 100vw; margin-left: calc( -100vw / 2 + 100% / 2); margin-right: calc( -100vw / 2 + 100% / 2); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img[src$=".svg"] { width: 100%; } } @media only screen and (min-width: 950px) { .alignwide { margin-left: -125px; margin-right: -125px; } }