@charset "UTF-8"; /* Theme Name: BootsPress Theme URI: https://bootspress.com Author: krusze Author URI: https://krusze.com Description: Hi. I'm a starter theme called BootsPress. I'm a theme which combines the world’s most popular front-end open source toolkit called Bootstrap with open source software which you can use to create a beautiful website called WordPress. You can use me as a Parent Theme or hack me and try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. Version: 0.9.2.3 Tested up to: 5.8 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: bootspress Tags: blog, custom-background, custom-header, custom-logo, custom-menu, e-commerce, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks BootsPress WordPress Theme, Copyright (C) 2021 Łukasz Kruszewski-Zelman https://krusze.com BootsPress is distributed under the terms of the GNU GPL. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # Plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; height: 0; overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* Elements --------------------------------------------- */ body { background: #fff; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } /* Links --------------------------------------------- */ a { color: #4169e1; } a:visited { color: #800080; } a:hover, a:focus, a:active { color: #191970; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Forms --------------------------------------------- */ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Navigation --------------------------------------------- */ .main-navigation { display: block; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { display: block; left: auto; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { position: relative; } .main-navigation a { display: block; text-decoration: none; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: flex; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%; } /* Posts and pages --------------------------------------------- */ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Widgets --------------------------------------------- */ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } /* Media --------------------------------------------- */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /*-------------------------------------------------------------- And now BootsPress theme specific styles. You can delete styles below and start from scratch. ---------------------------------------------------------------- /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Base - Typography - Elements - Links - Forms # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries - Header - Archives - Footer - Colophon # Plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments - Blocks - Extras - WP Bootstrap Navwalker --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ body { color: #212529; 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: 16px; font-size: 1rem; font-weight: 400; line-height: 1.5; } /* Define theme specific typography. */ button, input, select, optgroup, textarea { color: #212529; 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; line-height: 1.5; } /* Bootstrap heading styles. */ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-bottom: 1rem; } h1, h2, h3, h4, h5, h6 { font-family: "Playfair Display", Georgia, "Times New Roman", serif; } blockquote { border-left: 5px solid #727272; font-size: 1rem; margin: 0 1rem 1rem; padding: 0.75rem 1.25rem; } address { font-style: italic; margin: 0 0 1rem; } pre { line-height: 1.5; margin-bottom: 1rem; padding: 1.5rem; overflow-wrap: anywhere; word-break: break-word; -ms-word-break: break-all; } abbr, acronym { border-bottom: 1px dotted #727272; } /* Bootstrap mark color. */ mark, ins { background: #fcf8e3; } code { font-size: 0.875rem; } /* Elements --------------------------------------------- */ body { background: transparent; } hr { background-color: #727272; margin-bottom: 1rem; } ul, ol { margin: 0 0 1rem 0; padding-left: 2rem; } li > ul, li > ol { margin: 0; } dd { margin: 0 0 0.5rem 0; } figure { margin: 1rem 0; } /* Bootstrap tables. */ table { background: transparent; width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: transparent; border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px transparent; } table > tbody { vertical-align: inherit; } table > thead { vertical-align: bottom; } table > :not(:first-child) { border-top: 2px solid #212529; } /* Links --------------------------------------------- */ /* Bootstrap styles for links. */ a { color: #0d6efd; text-decoration: underline; } a:visited { color: #0d6efd; } a:hover, a:focus, a:active { color: #0a58ca; } /* Forms --------------------------------------------- */ /** === Global === */ /* Define default magin below forms. */ form { margin-bottom: 2rem; } .widget form { margin-bottom: 0; } /** === Search form === */ /* Apply display flex to search form to show search input and button in one line. */ .search-form { display: flex; } /* Define margin between search input and button. */ .search-form .search-field { margin-right: 0.5rem; } /* Default styles for label. Display inline block for checboxes. */ label { display: inline-block; margin-bottom: 0.5rem; } /** === Form fields === */ /* Bootstrap inputs like .form-control. */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { transition: none; } } input[type=file] { overflow: hidden; } input[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } input::-webkit-date-and-time-value, textarea::-webkit-date-and-time-value { height: 1.5rem; } input::-moz-placeholder, textarea::-moz-placeholder { color: #6c757d; opacity: 1; } input::placeholder, textarea::placeholder { color: #6c757d; opacity: 1; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e9ecef; opacity: 1; } input::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -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; } input::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; 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; } @media (prefers-reduced-motion: reduce) { input::-webkit-file-upload-button { -webkit-transition: none; transition: none; } input::file-selector-button { transition: none; } } input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } input:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } input::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -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; } @media (prefers-reduced-motion: reduce) { input::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } input:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } /* Bootstrap radio like .form-check-input. */ input[type="checkbox"], input[type="radio"] { width: 1rem; height: 1rem; margin-top: 0.25rem; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } input[type=checkbox] { border-radius: 0.25rem; } input[type=radio] { border-radius: 50%; } input[type="checkbox"]:active, input[type=radio]:active { filter: brightness(90%); } input[type="checkbox"]:focus, input[type=radio]:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } input[type="checkbox"]:checked, input[type=radio]:checked { background-color: #0d6efd; border-color: #0d6efd; } input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } input[type=checkbox]:disabled, input[type=radio]:disabled { pointer-events: none; filter: none; opacity: 0.5; } /* Bootstrap select like .form-select. */ select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { select { transition: none; } } select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } select[multiple], select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } select:disabled { background-color: #e9ecef; } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; } /** Bootstrap buttons. */ button, [type="button"], [type="reset"], [type="submit"], input[type="submit"], .comment-reply-link, .nav-previous a, .nav-next a, .pagination a.prev.page-numbers, .pagination a.next.page-numbers, .form-submit input#submit, .post-password-form input[type="submit"], .wp-block-button__link, .wp-block-file .wp-block-file__button, .skip-link { align-self: center; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; color: #212529; display: inline-block; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: 0.375rem 0.75rem; text-align: center; 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; user-select: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-decoration: none; /* Remove underline from buttons which are links. */ } @media (prefers-reduced-motion: reduce) { button, [type="button"], [type="reset"], [type="submit"], input[type="submit"], .comment-reply-link, .nav-previous a, .nav-next a, .pagination a.prev.page-numbers, .pagination a.next.page-numbers, .form-submit input#submit, .post-password-form input[type="submit"], .wp-block-button__link, .wp-block-file .wp-block-file__button, .skip-link { transition: none; } } button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover, input[type="submit"]:hover, .comment-reply-link:hover, .nav-previous a:hover, .nav-next a:hover, .pagination a.prev.page-numbers:hover, .pagination a.next.page-numbers:hover, .form-submit input#submit:hover, .post-password-form input[type="submit"]:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .skip-link:hover { color: #212529; text-decoration: none; } button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus, input[type="submit"]:focus, button.focus, [type="button"].focus, [type="reset"].focus, [type="submit"].focus, input[type="submit"].focus, .comment-reply-link:focus, .comment-reply-link.focus, .nav-previous a:focus, .nav-previous a.focus, .nav-next a:focus, .nav-next a.focus, .pagination a.prev.page-numbers:focus, .pagination a.prev.page-numbers.focus, .pagination a.next.page-numbers:focus, .pagination a.next.page-numbers.focus, .form-submit input#submit:focus, .form-submit input#submit.focus, .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"].focus, .wp-block-button__link:focus, .wp-block-button__link.focus, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.focus, .skip-link:focus, .skip-link.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: 0; } /* Bootstrap buttons like btn-secondary. */ button, [type="button"], [type="reset"], [type="submit"], input[type="submit"], .comment-reply-link, .form-submit input#submit, .search-form .search-submit, .post-password-form input[type="submit"], .wp-block-button__link, .wp-block-file .wp-block-file__button, .skip-link { background-color: #6c757d; border-color: #6c757d; color: #fff; } button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover, input[type="submit"]:hover, .comment-reply-link:hover, .form-submit input#submit:hover, .search-form .search-submit:hover, .post-password-form input[type="submit"]:hover, .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .skip-link:hover { background-color: #5c636a; border-color: #565e64; color: #fff; } button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus, input[type="submit"]:focus, button.focus, [type="button"].focus, [type="reset"].focus, [type="submit"].focus, input[type="submit"].focus, .comment-reply-link:focus, .comment-reply-link.focus, .form-submit input#submit:focus, .form-submit input#submit.focus, .search-form .search-submit:focus, .search-form .search-submit.focus, .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"].focus, .wp-block-button__link:focus, .wp-block-button__link.focus, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.focus, .skip-link:focus, .skip-link.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } /* Bootstrap buttons like btn-outline-secondary. */ .nav-previous a, .nav-next a, .pagination a.prev.page-numbers, .pagination a.next.page-numbers { border-color: #6c757d; color: #6c757d; } .nav-previous a:hover, .nav-next a:hover, .pagination a.prev.page-numbers:hover, .pagination a.next.page-numbers:hover { background-color: #6c757d; border-color: #6c757d; color: #fff; } .nav-previous a:focus, .nav-previous a.focus, .nav-next a:focus, .nav-next a.focus, .pagination a.prev.page-numbers:focus, .pagination a.prev.page-numbers.focus, .pagination a.next.page-numbers:focus, .pagination a.next.page-numbers.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } /* Fix for visited Bootstrap buttons color. */ a.btn-primary:visited, a.btn-secondary:visited { color: #fff; } /* Forms extras. */ .required { color: #dc3545; } /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Navigation --------------------------------------------- */ /** === Navigation in header. === */ .navbar { min-height: 50px; } /* Apply Bootstrap p-0 for navbar. */ .navbar { padding: 0; } #main-nav .navbar-nav { margin-left: 0; } #main-nav a.nav-link, #main-nav a.dropdown-item { font-size: 1rem; } /* Bootstrap link-secondary for nav-link links. */ a.nav-link, a.nav-link:visited, a.dropdown-item, a.dropdown-item:visited { color: #6c757d; } a.nav-link:active, a.nav-link:focus, a.nav-link:hover, a.dropdown-item:hover { color: #565e64; } a.dropdown-item:active { color: #fff; } a.dropdown-item:focus { outline: thin dotted; } li.active a.nav-link { color: #565e64; } /* Button navbar toggler color. */ button.navbar-toggler { background-color: transparent; } button.navbar-toggler:active, button.navbar-toggler:focus, button.navbar-toggler:hover { background-color: transparent; } /* Toggler icon linke Bootstrap navbar-light. */ .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } /* Bootstrap navigation for dropdowns. */ .dropdown.menu-item-has-children .dropdown.menu-item-has-children { position: relative; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu { -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; margin-left: -1px; margin-top: -6px; top: 0; left: 100%; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu { display: block; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after { border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; content: " "; display: block; float: right; width: 0; height: 0; margin-right: -10px; margin-top: 5px; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after { border-left-color: #fff; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left { float: none; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu { -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; left: -100%; margin-left: 10px; } /** === Post navigation === */ .site-main .post-navigation { margin: 0 0 4rem 0; word-break: break-all; } .nav-previous a, .nav-next a { border-radius: 2rem; text-decoration: none; } .pagination a.prev.page-numbers, .pagination a.next.page-numbers { border-radius: 2rem; } /** === Posts pagination === */ .pagination { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; clear: both; display: block; overflow: hidden; padding: 0 0 4rem 0; word-break: break-all; } .pagination .nav-links { display: table; font-size: 1.25rem; margin-left: auto; margin-right: auto; } .pagination a.prev.page-numbers, .pagination a.next.page-numbers { color: #6c757d; } .pagination a.prev.page-numbers:hover, .pagination a.prev.page-numbers:focus, .pagination a.next.page-numbers:hover, .pagination a.next.page-numbers:focus { color: #fff; } .pagination a, .pagination span.page-numbers.current { display: inline; } .pagination a, .pagination a:visited { background-color: transparent; border: none; color: #6c757d; float: left; line-height: 1.5; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .pagination span.page-numbers.current, .pagination span.page-numbers.dots { background-color: transparent; border: none; float: left; line-height: 1.5; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .pagination span.page-numbers.dots { color: #6c757d; } .pagination a:first-child, .pagination span:first-child { margin-left: 0; } .pagination a:hover, .pagination span:hover, .pagination a:focus, .pagination span:focus { background-color: transparent; border-color: transparent; color: #343a40; } .pagination span.page-numbers.current, .pagination span.page-numbers.current:hover, .pagination span.page-numbers.current:focus { background-color: transparent; border-color: transparent; color: #343a40; cursor: default; font-weight: bold; z-index: 2; } /* Posts and pages --------------------------------------------- */ /** === Layout settings. === */ /* Set Bootstrap gutter size for content area. */ .content-area { --bs-gutter-x: 3rem; --bs-gutter-y: 0; } /* Set padding between header and content. */ #primary.site-main { padding-top: 1.5rem; } /** === Bootstrap content elements sizes. === */ /* Apply Bootstrap col-sm-12 to #primary.site-main. */ @media (min-width: 576px) { #primary.site-main { flex: 0 0 auto; width: 100%; } } /* Apply Bootstrap col-lg-8 to #primary.site-main. */ @media (min-width: 992px) { #primary.site-main { flex: 0 0 auto; width: 66.66666667%; } } /* Page template full width like Boostrap col-12. */ body.page-template-full-width #primary.site-main { flex: 0 0 auto; width: 100%; } /* Page template full width without container like Boostrap col-12. */ body.page-template-full-width-without-container #primary.site-main { flex: 0 0 auto; width: 100%; } .page-content { margin: 1.5rem 0 0; } /** === Posts. === */ .sticky { display: block; } .archive-description { margin-bottom: 1rem; } /* Page template full width like Boostrap col-12 for posts. */ body.post-template-full-width #primary.site-main { flex: 0 0 auto; width: 100%; } /* Page template full width without container like Boostrap col-12 for posts. */ body.post-template-full-width-without-container #primary.site-main { flex: 0 0 auto; width: 100%; } /* Remove post margin. */ .post { margin: 0; padding-bottom: 4rem; } .single .post { padding-bottom: 2rem; } .entry-title { font-size: 2.5rem; margin-bottom: 0.25rem; margin-top: 0; overflow-wrap: break-word; } .entry-title a, .entry-title a:visited { color: #212529; text-decoration: none; } .entry-title a:active, .entry-title a:focus, .entry-title a:hover { color: #212529; text-decoration: underline; } .entry-content, .entry-summary { margin: 1.5rem 0 0; } .page-content p, .entry-content p, .entry-summary p { overflow-wrap: anywhere; word-break: break-word; -ms-word-break: break-all; } .entry-meta { color: #727272; margin-bottom: 1.25rem; } .entry-meta a, .entry-meta a:visited { color: #6c757d; text-decoration: none; } .entry-meta a:active, .entry-meta a:focus, .entry-meta a:hover { color: #343a40; text-decoration: underline; } .entry-meta span.author.vcard a, .entry-meta span.author.vcard a:visited { color: #0d6efd; text-decoration: underline; } .entry-meta span.author.vcard a:active, .entry-meta span.author.vcard a:focus, .entry-meta span.author.vcard a:hover { color: #0a58ca; } .entry-footer { color: #727272; } .entry-footer a, .entry-footer a:visited { color: #6c757d; text-decoration: none; } .entry-footer a:active, .entry-footer a:focus, .entry-footer a:hover { color: #343a40; text-decoration: underline; } .cat-links, .tags-links { color: #727272; margin-right: 1rem; } .comments-link { margin-right: 1rem; } /* Password protected post. */ .post-password-form input[type="submit"] { vertical-align: baseline; } /** === Pages. === */ /* Remove page margin. */ .page { margin: 0; } article.page { padding-bottom: 2rem; } /* Paginated pages. */ .page-links { color: #727272; display: table; font-size: 1.25rem; margin: 0 auto 1rem auto; } .page-links a, .page-links span.post-page-numbers.current { display: inline; } .page-links a { background-color: transparent; border: none; color: #6c757d; line-height: 1.5; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .page-links span.post-page-numbers.current { background-color: transparent; border: none; line-height: 1.5; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .page-links a:first-child, .page-links span:first-child { margin-left: 0; } .page-links a:hover, .page-links span:hover, .page-links a:focus, .page-links span:focus { background-color: transparent; border-color: transparent; color: #343a40; } .page-links span.post-page-numbers.current, .page-links span.post-page-numbers.current:hover, .page-links span.post-page-numbers.current:focus { background-color: transparent; border-color: transparent; color: #343a40; cursor: default; font-weight: bold; z-index: 2; } /** === 404 page. === */ /* Page template full width like Boostrap col-12. */ @media (min-width: 576px) { body.error404 #primary.site-main { flex: 0 0 auto; width: 100%; } } /* Comments --------------------------------------------- */ #comments { padding-bottom: 2rem; } /* Set margin bottom when comments are disabled. */ #comments p.no-comments { margin-bottom: 2rem; } /* Like widget title. */ h2.comments-title { clear: both; font-size: 1.5rem; font-style: italic; line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem; } .comment-list { list-style: none; margin: 0 0 1rem; padding: 0; } .comment-list .bypostauthor { display: block; } .comment-list li.comment { margin: 0; padding: 0; } .comment-list .comment-body { padding: 1rem 0; } .comment-list .avatar { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: left; margin: 0 1rem 0 0; position: relative; left: 0; top: 3px; width: 64px; height: 64px; } .comment-author cite.fn { font-style: normal; overflow-wrap: anywhere; word-break: break-word; -ms-word-break: break-all; } .comment-author .says { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; } .comment-meta { margin: 0 0 1rem; } /* Some styles for xhtml support. */ .comment-meta.commentmetadata { padding-left: 1rem; } .comment-body > p { padding-left: 1rem; } .comment-author a, .comment-author a:visited { color: #6c757d; } .comment-author a:active, .comment-author a:focus, .comment-author a:hover { color: #343a40; } .comment-metadata a, .comment-metadata a:visited { color: #6c757d; text-decoration: none; } .comment-metadata a:active, .comment-metadata a:focus, .comment-metadata a:hover { color: #343a40; text-decoration: underline; } .comment-metadata .edit-link { margin-left: 1rem; } .comment-content { clear: both; padding-bottom: 1rem; padding-top: 1rem; overflow-wrap: anywhere; word-break: break-word; -ms-word-break: break-all; } .comment-content p { margin-bottom: 0; } /* Like widget title. */ .comment-reply-title { clear: both; font-size: 1.5rem; font-style: italic; line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem; } .comment-reply-title small a { border: 0; float: right; overflow: hidden; text-decoration: none; width: 26px; height: 32px; } .comment-reply-title small a:hover { text-decoration: none; } .comment-reply-title small a:before { -webkit-font-smoothing: antialiased; display: inline-block; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1; speak: none; text-align: center; text-decoration: inherit; text-transform: none; vertical-align: top; } .comment-reply-title small a:before { content: "\0000D7"; font-size: 32px; position: relative; top: -1px; } .comment-list .children { list-style: none; margin: 0; padding: 0 0 0 64px; } .no-comments {} .site-main .comment-navigation { margin: 0 0 2rem; word-break: break-all; } /** === Comments form === */ .logged-in-as a, .logged-in-as a:visited { color: #6c757d; text-decoration: none; } .logged-in-as a:active, .logged-in-as a:focus, .logged-in-as a:hover { color: #343a40; text-decoration: underline; } .comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-cookies-consent { margin-bottom: 1rem; } @media (min-width: 768px) { .comment-form-author { clear: both; float: left; margin-right: 2%; width: 49%; } } @media (min-width: 768px) { .comment-form-email { float: right; margin-right: 0; width: 49%; } } /* Widgets --------------------------------------------- */ /* Set padding between header and content. */ aside#secondary { padding-bottom: 4rem; padding-top: 1.5rem; } /* Apply Bootstrap col-sm-12 to #secondary.widget-area. */ @media (min-width: 576px) { #secondary.widget-area { flex: 0 0 auto; width: 100%; } } /* Apply Bootstrap col-lg-4 to #secondary.widget-area. */ @media (min-width: 992px) { #secondary.widget-area { flex: 0 0 auto; width: 33.33333333%; } } /* Reset margin for secondary widget area. */ #secondary .widget { margin: 0; padding: 1.5rem; } #secondary .widget.widget_custom_html, #secondary .widget.widget_text { background-color: #f8f9fa; border-radius: 0.25rem; margin-bottom: 1rem; } .widget-title { font-size: 1.5rem; font-style: italic; overflow-wrap: anywhere; word-break: break-word; -ms-word-break: break-all; } .widget ul { list-style: none; margin: 0; padding-left: 0; } .widget a, .widget a:visited { color: #0d6efd; text-decoration: underline; } .widget a:active, .widget a:focus, .widget a:hover { color: #0a58ca; } .widget_nav_menu ul.sub-menu { padding-left: 1.5rem; } /* Media --------------------------------------------- */ .custom-logo-link a, .custom-logo-link a:focus, .custom-logo-link a:hover { text-decoration: none; } /* Captions --------------------------------------------- */ .wp-caption { background-color: transparent; border: none; margin-bottom: 1rem; text-align: center; } .wp-caption img { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { font-size: 0.875rem; margin: 0.875rem 0; text-align: center; } /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 2rem; display: grid; grid-gap: 1rem; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { color: #727272; display: block; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1rem; margin-top: 0.5rem; text-align: center; } /* Header --------------------------------------------- */ header#masthead { border-bottom: 1px solid #e5e5e5; line-height: 1; min-height: 50px; } /* Site logo. */ .site-logo { display: inline; float: left; margin: -0.3125rem 0.3125rem -0.3125rem 0; position: relative; } /* If you add color value to .site-title or .site-description you must also change default-text-color in inc/custom-header.php file. */ .site-title { color: #212529; display: inline; font-family: "Playfair Display", Georgia, "Times New Roman", serif; font-size: 2rem; line-height: 1.2; margin: 0; } .site-title a { color: #212529; display: inline; float: left; margin-right: 0.3125rem; position: relative; text-decoration: none; } .site-title a:hover, .site-title a:focus { color: #343a40; text-decoration: none; } .site-description { color: #727272; display: none; font-size: 0.875rem; line-height: 1; margin: 0; padding: 0; } /* Show site description only on large screens. */ @media screen and (min-width: 1200px) { .site-description { display: inline; } } /** === Header after. === */ #header-after:before, #header-after:after { content: ""; display: table; table-layout: fixed; } #header-after:after { clear: both; } /* Set Bootstrap gutter size for header after area. */ .header-after-area { --bs-gutter-x: 3rem; --bs-gutter-y: 0; } #sidebar-header-after { padding-top: 1.5rem; } /* Header after widget. */ #sidebar-header-after .widget { -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; background-color: #212529; color: #fff; margin-bottom: 0; padding: 3rem; } #sidebar-header-after .widget .widget-title { font-size: 3rem; margin: 0 0 0.5rem; } #sidebar-header-after .widget a { text-decoration: underline; } /* Apply .display-4 title from Bootstrap "Blog" example. */ #sidebar-header-after .widget .display-4 { font-size: 3rem; margin: 0 0 0.5rem; } /* Archives --------------------------------------------- */ .page-title { border-bottom: 1px solid #dee2e6; font-style: italic; margin-bottom: 1.5rem; padding-bottom: 1.5rem; } /* Footer --------------------------------------------- */ #sidebar-footer { border-top: 0.05rem solid #e5e5e5; padding: 2.5rem 0; } /* Set Bootstrap gutter size for sidebar footer area. */ .sidebar-footer-area { --bs-gutter-x: 3rem; --bs-gutter-y: 0; } #sidebar-footer .widget-container { margin: 0; padding: 1.5rem; } #sidebar-footer .widget { margin: 0; padding: 0; } #sidebar-footer a, #sidebar-footer a:visited { color: #6c757d; } #sidebar-footer a:active, #sidebar-footer a:focus, #sidebar-footer a:hover { color: #343a40; } /* Apply Bootstrap col-sm-12 to #sidebar-footer.widget-area div.widget-container. */ @media (min-width: 576px) { #sidebar-footer.widget-area div.widget-container { flex: 0 0 auto; width: 100%; } } /* Apply Bootstrap col-lg-3 to #sidebar-footer.widget-area div.widget-container. */ @media (min-width: 992px) { #sidebar-footer.widget-area div.widget-container { flex: 0 0 auto; width: 25%; } } #sidebar-footer .widget-title { font-size: 1.25rem; } /* Colophon --------------------------------------------- */ #sidebar-colophon { background-color: #f9f9f9; border-top: 0.05rem solid #e5e5e5; color: #727272; padding: 2.5rem 0; text-align: center; } /* Set Bootstrap gutter size for sidebar colophon area. */ .sidebar-colophon-area { --bs-gutter-x: 3rem; --bs-gutter-y: 0; } #sidebar-colophon .widget-container { padding-bottom: 1rem; } #sidebar-colophon .widget-container:last-child { padding-bottom: 0; } #sidebar-colophon a, #sidebar-colophon a:visited { color: #0d6efd; text-decoration: underline; } #sidebar-colophon a:active, #sidebar-colophon a:focus, #sidebar-colophon a:hover { color: #0a58ca; } #sidebar-colophon p { margin-bottom: 0; } /* Apply Bootstrap col-12 to sidebar-colophon.widget-area div.widget-container */ #sidebar-colophon.widget-area div.widget-container { flex: 0 0 auto; width: 100%; } #sidebar-colophon .widget { margin: 0; padding: 0; } #sidebar-colophon .widget-title { font-size: 1.25rem; } /* Colophon widget_nav_menu needs bootstrap d-flex and justify-content-center. */ #sidebar-colophon .widget_nav_menu { display: flex; justify-content: center; } #sidebar-colophon .widget_nav_menu ul { list-style: none; margin: 0; padding-left: 0; } #sidebar-colophon .widget_nav_menu ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999rem; z-index: 99999; } #sidebar-colophon .widget_nav_menu ul ul ul { left: -999rem; top: 0; } #sidebar-colophon .widget_nav_menu ul ul li:hover > ul, #sidebar-colophon .widget_nav_menu ul ul li.focus > ul { left: 100%; } #sidebar-colophon .widget_nav_menu ul ul a { width: 200px; } #sidebar-colophon .widget_nav_menu ul li:hover > ul, #sidebar-colophon .widget_nav_menu ul li.focus > ul { left: auto; } #sidebar-colophon .widget_nav_menu li { float: left; position: relative; } #sidebar-colophon .widget_nav_menu a { display: block; text-decoration: underline; } #sidebar-colophon .widget_nav_menu li > a { padding: 0 0.5rem; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .pagination, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /* Set padding for infinite-handle button. */ #infinite-handle { padding: 0 0 4rem 0; } /* Define custom styles for infinite-handle button. */ #infinite-handle span { align-self: center; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem !important; color: #212529; display: inline-block; font-size: 1rem !important; font-weight: 400; line-height: 1.5; padding: 0.375rem 0.75rem !important; text-align: center; 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; user-select: none; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-decoration: none; /* Remove underline from buttons which are links. */ } /* Style infinite-handle button like Bootstrap btn-secondary. */ #infinite-handle span { background-color: #6c757d !important; border-color: #6c757d; color: #fff !important; } #infinite-handle span:hover { background-color: #5c636a !important; border-color: #565e64; color: fff !important; } #infinite-handle span:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Alignments --------------------------------------------- */ .alignleft { margin: 0.5rem 1rem 0.5rem 0; } .alignright { margin: 0.5rem 0 0.5rem 1rem; } .aligncenter { margin-bottom: 1.5rem; } .alignnone { display: inline-block; } .alignwide { clear: both; } .alignfull { clear: both; } .post-thumbnail { border: 0; display: block; margin-bottom: 1.5rem; } .post-thumbnail img { display: block; margin: 0 auto; } /* Clearings. */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, #sidebar-footer:before, #sidebar-footer:after, #sidebar-colophon:before, #sidebar-colophon:after { content: ""; display: table } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, #sidebar-footer:after, #sidebar-colophon:after { clear: both } /* Blocks --------------------------------------------- */ .wp-block-quote { border-left: 0.25rem solid; font-size: 1.25rem; margin: 0 0 1rem; padding-left: 1rem; } .wp-block-quote cite, .wp-block-quote footer { font-size: 0.875rem; font-style: normal; position: relative; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: none; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: 1.35; } .wp-block-pullquote p { font-size: 2rem; font-style: normal; font-weight: 700; letter-spacing: normal; line-height: 1.3; margin: 0; } .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { display: block; font-size: 1rem; font-style: normal; text-transform: none; margin-top: 1rem; } /* wp-block-cover */ .wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) { color: #fff; } .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { color: #fff; } /* wp-block-button */ .wp-block-button { margin: 1rem 0; } /* wp-block-file wp-block-file__button */ .wp-block-file .wp-block-file__button { background: #6c757d; opacity: unset; } /* wp-block-image */ .wp-block-image { text-align: center; } /* figcaption */ .wp-block-embed figcaption, .wp-block-image figcaption { color: #727272; display: block; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.25rem; margin-top: 0.5rem; text-align: center; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; color: #fff; font-size: 1rem; } .wp-block-image figcaption a, .wp-block-image figcaption a:visited { color: #6c757d; text-decoration: underline; } .wp-block-image figcaption a:active, .wp-block-image figcaption a:focus, .wp-block-image figcaption a:hover { color: #343a40; text-decoration: underline; } /* wp-block-latest-comments */ ol.wp-block-latest-comments { margin-left: 0; padding-left: 0; } /* wp-block-latest-posts__list has-dates wp-block-latest-posts */ .wp-block-latest-posts.wp-block-latest-posts__list li { margin-bottom: 0.5rem; } .wp-block-latest-posts.is-grid li { margin: 0 1.25rem 1.25rem 0; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: block; color: #727272; font-size: 0.8125rem; } /* wp-block-separator */ hr.wp-block-separator { background-color: transparent; border-bottom: 1px solid #727272; margin-bottom: 1rem; opacity: 1; } /* wp-block-spacer */ .wp-block-spacer { display: block; margin-bottom: 0 !important; margin-top: 0 !important; } /* wp-block-code */ .wp-block-code { background-color: #eee; border: 1px solid #d6d8db; border-radius: 0.25rem; clear: both; color: #383d41; margin-bottom: 1rem; padding: 0.75rem 1.25rem; position: relative; } /* wp-block-preformatted */ .wp-block-preformatted { background-color: #eee; border: 1px solid #d6d8db; border-radius: 0.25rem; clear: both; color: #383d41; margin-bottom: 1rem; padding: 0.75rem 1.25rem; position: relative; } /* wp-block-pullquote */ wp-block-pullquote {} /* Extras --------------------------------------------- */ /* Extras is for any utility that are not assigned to a specific component. */ /* Drop cap */ .has-drop-cap:not(:focus)::first-letter { font-weight: 700; line-height: 0.66; text-transform: uppercase; font-style: normal; float: left; margin: 0.1rem 0.1rem 0 0; font-size: 2.5rem; } .has-drop-cap:not(:focus)::after { content: ""; display: table; clear: both; padding-top: 14px; } /* Has: font size */ .has-medium-font-size { font-size: 1.25rem; } .has-small-font-size { font-size: 0.875rem; } .has-large-font-size { font-size: 1.5rem; } /* Has: background */ p.has-background { border: 1px solid transparent; border-radius: 0.25rem; clear: both; margin-bottom: 1rem; padding: 0.75rem 1.25rem; position: relative; } /* WP Bootstrap Navwalker --------------------------------------------- */ /* Add support for .sr-only which now in Bootstrap is .visually-hidden. */ .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }