@charset "UTF-8"; /*! Theme Name: BlogMarks Theme URI: https://wpinterface.com/themes/blogmarks/ Author: WPInterface Author URI: https://wpinterface.com/ Description: BlogMarks is a sleek, elegant, and versatile WordPress blog theme, featuring a minimalistic layout that emphasizes simplicity and readability. BlogMarks offers a wealth of useful features, including easy installation that enables you to start blogging right after activation. The theme supports Customizer, allowing you to effortlessly customize and alter your blog's design. It is an ideal choice for personal blogs, corporate blogs, marketing blogs, authority blogs, or any type of creative blog. Requires at least: 5.3 Tested up to: 6.5 Requires PHP: 5.6 Version: 1.0.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: blogmarks Tags: grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-background, custom-logo, custom-menu, e-commerce, custom-header, featured-images, footer-widgets, post-formats, threaded-comments, theme-options, translation-ready, wide-blocks, rtl-language-support, blog, news */ /* Variables --------------------- */ :root { /* Font Family */ --font-headings: "Lora"; --font-base: "Inter"; --font-meta: "JetBrains Mono"; --global--font-base: var(--font-base), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --global--font-headings: var(--font-headings), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", serif; --global--font-meta: var(--font-meta), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; /* Font Size */ --site--font-size-general: 1.6rem; --site--font-size-tiny: 1.2rem; --site--font-size-small: 2rem; --site--font-size-medium: 2.4rem; --site--font-size-big: 2.8rem; --site--font-size-large: 3.2rem; --site--font-size-x-large: 3.6rem; /* Line Heights */ --global--line-height-body: 1.6; --global--line-height-heading: 1.2; /* Headings */ --heading--font-family: var(--global--font-headings); --heading--font-size-h6: var(--site--font-size-general); --heading--font-size-h5: var(--site--font-size-small); --heading--font-size-h4: var(--site--font-size-medium); --heading--font-size-h3: var(--site--font-size-big); --heading--font-size-h2: var(--site--font-size-large); --heading--font-size-h1: var(--site--font-size-x-large); --heading--font-weight: 700; --heading--font-weight-strong: 700; --site--branding-color: #313131; /* Primary Menu */ --primary--menu-font-weight: 600; --primary--menu-font-size: 1.6rem; --primary--menu-line-height: 1.2; /* Colors */ --global--color-black: #191a1f; --global--color-white: #fff; --site--base-text-color: #666666; --site--base-component-color: #6c757d; --global--color-secondary: #6d6d6d; --global--color-accent: #4769d8; --global--color-inverse-accent: #fff; --site--base-background-color: #fff; --site--base-border-color: #dcd7ca; --site--link-color: #000; --site--link-color-hover: #4769d8; --global--social-icons-color: #000; --global--social-icons-hover: #4769d8; --site--topbar-background: #000000; --site--topbar-color: #fff; --site--topbar-color-hover: #4769d8; --global--color-topbar-submenu: #000; --global--color-topbar-submenu-hover: #000; --global--color-topbar-submenu-bg: #fff; --site--header-masthead-background: #fff; --site--footer-background-color: #fff; --site--footer-color: #666666; --site--footer-link-color: #191a1f; --site--footer-credit-background: #fff; --site--footer-credit-color: #666666; --site--footer-credit-link-color: #191a1f; --site--scroll-top-color: #fff; --site--scroll-top-color-hover: #fff; --site--scroll-top-background: #4769d8; --site--scroll-top-background-hover: #000000; --site--header-navbar-background: #fff; --theme--rgb-color: 0, 0, 0; --site--offcanvas-icon-color: #000; --site--base-text-color-menu: #000000; --site--base-text-color-menu-hover: #000000; --site--base-text-color-menu-hover-border: #4769d8; --site--base-text-color-menu-active: #000; --site--base-text-color-menu-active-border: #4769d8; --site--base-text-color-menu-desc: #4769d8; --global--color-sub-menu: #000; --global--color-sub-menu-hover: #4769d8; --global--color-sub-menu-bg: #fff; --global--color-sub-menu-desc: #999; --global--color-breadcrumb: #4769d8; --global--color-preloader-bg: #fff; --global--color-preloader: #4769d8; --global--color-progressbar: #4769d8; --global--color-post-meta-icons: #a0a0a0; --global--color-btn: #000; --global--color-btn-hover: #fff; --global--color-btn-bg: #fff; --global--color-btn-hover-bg: #000; --global--color-light: #f7f9fb; --global--color-light-100: #edeffa; --global--color-dark: #080a19; --global--color-gray: #6c757d; --global--color-gray-dark: #343a40; --global--color-gray-100: #f8f9fa; --global--color-gray-200: #e9ecef; --global--color-gray-300: #dee2e6; --global--color-gray-400: #ced4da; --global--color-gray-500: #adb5bd; --global--color-gray-700: var(--site--base-text-color); --global--color-gray-800: #343a40; --global--color-gray-900: #212529; --site--tags-background: #f6f6f6; --site--tags-label-color: #d72924; --site--ticker-background: #fff; --site--ticker-label-color: #fff; --site--ticker-label-background: #444444; --site--ticker-loader-color: #fff; --site--ticker-border-radius: var(--global--elements-border-radius-s); --site--trending-background: #ffffff; --site--trending-color: #666666; --site--trending-link-color: var(--site--link-color); --site--banner-background: #ffffff; --site--before-columns-background: #ffffff; --site--before-columns-color: #666666; --site--before-columns-link-color: var(--site--link-color); --site--two-column-background: #ffffff; --site--two-column-color: #666666; --site--two-column-link-color: var(--site--link-color); --site--below-header-background: #ffffff; --site--below-header-color: #666666; --site--below-header-link-color: var(--site--link-color); --site--before-home-background: #ffffff; --site--before-home-color: #666666; --site--before-home-link-color: var(--site--link-color); --site--after-home-background: #ffffff; --site--after-home-color: #666666; --site--after-home-link-color: var(--site--link-color); --site--before-footer-background: #ffffff; --site--before-footer-color: #666666; --site--before-footer-link-color: var(--site--link-color); --site--after-footer-background: #ffffff; --site--after-footer-color: #666666; --site--after-footer-link-color: var(--site--link-color); --site--entry-title-x-large-color: var(--global--color-black); --site--entry-title-large-color: var(--global--color-black); --site--entry-title-big-color: var(--global--color-black); --site--entry-title-medium-color: var(--global--color-black); --site--entry-title-small-color: var(--global--color-black); --site--entry-title-tiny-color: var(--global--color-black); /* Spacing */ --global--spacing-unit: 2rem; --global--spacing-horizontal: 2.5rem; --site--spacing-vertical-small: 1rem; --site--spacing-vertical: 2rem; --site--spacing-vertical-big: 3rem; /* Borders */ --global--elements-border-radius-s: 0.4rem; --global--elements-border-radius-m: 0.6rem; --global--elements-border-radius-l: 0.8rem; /* Offcanvas Width */ --offcanvas-width: 35rem; /* Breakpoints */ --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; /* Admin-bar height */ --global--admin-bar--height: 0px; --swiper-pagination-bg-color: var(--global--color-accent); --swiper-navigation-color: #fff; } .admin-bar { --global--admin-bar--height: 32px; } @media only screen and (max-width: 782px) { .admin-bar { --global--admin-bar--height: 46px; } } /* CSS Reset --------------------- */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { border: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { border: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; } blockquote:before, blockquote:after { content: ""; } /* Document Setup --------------------- */ html { font-size: 62.5%; /* 1rem = 10px */ scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: var(--site--base-background-color); color: var(--site--base-text-color); font-family: var(--global--font-base); font-size: var(--site--font-size-general); font-weight: normal; line-height: var(--global--line-height-body); text-align: left; overflow-x: hidden; } *, *::before, *::after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; word-break: break-word; word-wrap: break-word; } /* Clearing ---------------------------------- */ .group::after, .entry-content::after, .site-widgetarea::after { clear: both; content: ""; display: block; } /* Base Transitions -------------------------- */ a, path { transition: all 0.15s linear; } /* Screen Reader Text ------------------------ */ .screen-reader-text { clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem); height: 0.1rem; overflow: hidden; position: absolute !important; left: -999999rem; width: 0.1rem; } .screen-reader-text:focus { background-color: #f1f1f1; box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.6); clip: auto !important; display: block; font-size: 1.4rem; font-weight: 700; height: auto; left: 0.5rem; line-height: normal; padding: 1.5rem 2.3rem 1.4rem 2.3rem; text-decoration: none; top: 0.5rem; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Skip Link --------------------------------- */ .skip-link { left: -9999rem; top: 2.5rem; z-index: 999999; text-decoration: underline; } .skip-link:focus { display: block; left: 6px; top: 7px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; right: auto; } /* Accessibility Settings -------------------- */ @media (prefers-reduced-motion: reduce) { * { animation-duration: 0s !important; transition-duration: 0s !important; } } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } /* Element Base -------------------- */ :root { --responsive--spacing-horizontal: calc( 1.6 * var(--global--spacing-horizontal) * 0.6 ); --responsive--aligndefault-width: calc( 100vw - var(--responsive--spacing-horizontal) ); --responsive--alignwide-width: calc( 100vw - var(--responsive--spacing-horizontal) ); --responsive--alignfull-width: 100%; --responsive--alignright-margin: var(--global--spacing-horizontal); --responsive--alignleft-margin: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { :root { --responsive--aligndefault-width: min( calc(100vw - 4 * var(--global--spacing-horizontal)), 768px ); --responsive--alignwide-width: calc( 100vw - 4 * var(--global--spacing-horizontal) ); --responsive--alignright-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)) ); --responsive--alignleft-margin: calc( 0.5 * (100vw - var(--responsive--aligndefault-width)) ); } } @media only screen and (min-width: 822px) { :root { --responsive--aligndefault-width: min( calc(100vw - 4 * var(--global--spacing-horizontal)), 768px ); --responsive--alignwide-width: min( calc(100vw - 4 * var(--global--spacing-horizontal)), 1270px ); } } .no-sidebar.narrow-container .entry-content .wp-audio-shortcode, .no-sidebar.narrow-container .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not( .wp-block-separator ):not(.woocommerce), .no-sidebar.narrow-container *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not( .alignright ):not(.wp-block-separator):not(.woocommerce), .no-sidebar.narrow-container #primary .comments-wrapper, .no-sidebar.narrow-container.page article header.entry-header, .no-sidebar.narrow-container.page article footer.entry-footer, .no-sidebar.narrow-container.single article header.entry-header, .no-sidebar.narrow-container.single article .single-footer-info, .no-sidebar.narrow-container .site-breadcrumb-trails, .no-sidebar.narrow-container .single-author-profile, .default-max-width { --wpintf-gutter-x: 3rem; --wpintf-gutter-y: 0; max-width: var(--responsive--aligndefault-width); padding-right: calc(var(--wpintf-gutter-x) * 0.5); padding-left: calc(var(--wpintf-gutter-x) * 0.5); margin-left: auto; margin-right: auto; } .site-wrapper, .wide-max-width { --wpintf-gutter-x: 3rem; --wpintf-gutter-y: 0; max-width: var(--responsive--alignwide-width); padding-right: calc(var(--wpintf-gutter-x) * 0.5); padding-left: calc(var(--wpintf-gutter-x) * 0.5); margin-left: auto; margin-right: auto; } /* Negate double paddings */ .wide-max-width .wide-max-width { padding-left: 0; padding-right: 0; } .comments-pagination, .post-navigation, .blogmarks-active-woocommerce-page #site-content, .alignwide, .no-sidebar.wide-container .entry-content .wp-audio-shortcode, .no-sidebar.wide-container .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not( .wp-block-separator ):not(.woocommerce), .no-sidebar.wide-container *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not( .alignright ):not(.wp-block-separator):not(.woocommerce) { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto; } .alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width { max-width: var(--responsive--alignfull-width); width: var(--responsive--alignfull-width); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .alignfull, .full-max-width { max-width: var(--responsive--alignfull-width); width: auto; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 482px) { .no-sidebar .entry-content > .alignleft { /*rtl:ignore*/ margin-left: var(--responsive--alignleft-margin); /*rtl:ignore*/ margin-right: var(--global--spacing-horizontal); } } @media only screen and (min-width: 482px) { .no-sidebar .entry-content > .alignright { /*rtl:ignore*/ margin-left: var(--global--spacing-horizontal); /*rtl:ignore*/ margin-right: var(--responsive--alignright-margin); } } /* Site Structure -------------------- */ .site-header-masthead { margin-left: auto; margin-right: auto; background-color: var(--site--header-masthead-background); position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } #site-content { padding-top: var(--site--spacing-vertical); padding-bottom: var(--site--spacing-vertical); margin-left: auto; margin-right: auto; } .content-area-widgetarea-top { padding-bottom: var(--site--spacing-vertical-big); } .content-area-widgetarea-bottom { padding-top: var(--site--spacing-vertical-big); } #site-content { padding-bottom: var(--site--spacing-vertical-big); padding-top: var(--site--spacing-vertical-big); } .entry-content { line-height: 1.5; } .entry-content li { margin-bottom: 0.8em; } .entry-content > iframe[style] { margin: var(--site--spacing-vertical) 0 !important; max-width: 100% !important; } .entry-content > *, [class*="inner-container"] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { margin-top: calc(0.666 * var(--site--spacing-vertical)); margin-bottom: calc(0.666 * var(--site--spacing-vertical)); } @media only screen and (min-width: 482px) { .entry-content > *, [class*="inner-container"] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { margin-top: var(--site--spacing-vertical); margin-bottom: var(--site--spacing-vertical); } } .entry-content > *:first-child, [class*="inner-container"] > *:first-child, .wp-block-template-part > *:first-child, .wp-block-post-template :where(li > *):first-child { margin-top: 0; } .entry-content > *:last-child, [class*="inner-container"] > *:last-child, .wp-block-template-part > *:last-child, .wp-block-post-template :where(li > *):last-child { margin-bottom: 0; } .entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background { margin-top: 0; } .entry-content > *:last-child, .entry-content > *.alignfull.has-background { margin-bottom: 0; } .entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright { margin-top: var(--site--spacing-vertical); } main { display: block; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); word-wrap: break-word; color: var(--global--color-black); } h1 { color: var(--site--entry-title-x-large-color); font-size: var(--heading--font-size-h1); } h1 a { color: var(--site--entry-title-x-large-color); } h2 { color: var(--site--entry-title-large-color); font-size: var(--heading--font-size-h2); } h2 a { color: var(--site--entry-title-large-color); } h3 { color: var(--site--entry-title-big-color); font-size: var(--heading--font-size-h3); } h3 a { color: var(--site--entry-title-big-color); } h4 { color: var(--site--entry-title-medium-color); font-size: var(--heading--font-size-h4); } h4 a { color: var(--site--entry-title-medium-color); } h5 { color: var(--site--entry-title-small-color); font-size: var(--heading--font-size-h5); } h5 a { color: var(--site--entry-title-small-color); } h6 { color: var(--site--entry-title-tiny-color); font-size: var(--heading--font-size-h6); } h6 a { color: var(--site--entry-title-tiny-color); } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: var(--heading--font-weight-strong); } p { line-height: var(--global--line-height-body); margin: 0 0 1.6rem 0; } em, i, q, dfn { font-style: italic; } em em, em i, i em, i i, cite em, cite i { font-weight: bolder; } big { font-size: 1.2em; } small { font-size: 0.75em; } b, strong { font-weight: 700; } ins { text-decoration: underline; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr, acronym { cursor: help; } address { line-height: 1.5; margin: 0 0 2rem 0; } hr { border-style: solid; border-width: 0.1rem 0 0 0; border-color: var(--site--base-border-color); margin-top: 3rem; margin-bottom: 3rem; clear: both; } a { color: var(--site--link-color); text-decoration: none; } a:focus, a:hover { color: var(--site--link-color-hover); } a:focus-visible { outline: 2px solid #0A21F8; } a:hover { outline: 0; } h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus { color: var(--global--color-accent); text-decoration: none; } .entry-content a:not( .more-link, .button, .wp-block-button__link, .read-more-link, .blogmarks-btn-link, .text-decoration-reset), .entry-summary a:not( .more-link, .button, .wp-block-button__link, .read-more-link, .blogmarks-btn-link, .text-decoration-reset), .entry-excerpt a:not( .more-link, .button, .wp-block-button__link, .read-more-link, .blogmarks-btn-link, .text-decoration-reset) { text-decoration: underline; } /* Lists ------------------------------------- */ 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; } .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none; margin: 0; } dt, dd { line-height: 1.5; } dt { font-weight: 700; } dt + dd { margin-top: 0.5rem; } dd + dt { margin-top: 1.5rem; } /* Quotes ------------------------------------ */ blockquote { color: inherit; font-size: 1em; margin-top: 3rem; margin-bottom: 3rem; padding: 0.5rem 0 0.5rem 2rem; } cite { font-size: 1.4rem; font-style: normal; font-weight: 600; line-height: 1.25; } blockquote cite { display: block; margin: 2rem 0 0 0; } blockquote p:last-of-type { margin: 0; } /* Code -------------------------------------- */ code, kbd, pre, samp { font-family: monospace; font-size: 1em; padding: 0.4rem 0.6rem; } code, kbd, samp { background: rgba(0, 0, 0, 0.075); border-radius: var(--global--elements-border-radius-s); } pre { border: 0.1rem solid var(--site--base-border-color); line-height: 1.5; margin-top: 3rem; margin-bottom: 3rem; overflow: auto; padding: 3rem 2rem; text-align: left; } pre code { background: transparent; padding: 0; } /* Media ------------------------------------- */ figure { display: block; margin: 0; } iframe { border: none; display: block; max-width: 100%; } video { display: block; max-width: 100%; } svg, img, embed, object { display: block; height: auto; max-width: 100%; } img { vertical-align: top; } figcaption, .wp-caption, .wp-caption-text, .wp-block-table figcaption, .wp-block-embed figcaption { color: currentColor; font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-top: 1.5rem; margin-bottom: 1rem; text-align: center; } .alignleft figcaption, .alignright figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text, .alignleft .wp-block-embed figcaption, .alignright .wp-block-embed figcaption { margin-bottom: 0; } /* WP Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Blocks ----------------- */ /* Block Code */ .wp-block-code { border-color: var(--site--base-border-color); border-radius: 0; border-style: solid; border-width: 0.1rem; padding: 3rem; } .wp-block-code code { color: var(--site--base-text-color); white-space: pre; overflow-x: auto; display: block; } /* Block Columns */ .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-columns .wp-block-column > * { margin-top: calc(0.66 * var(--site--spacing-vertical)); margin-bottom: calc(0.66 * var(--site--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column > * { margin-top: var(--site--spacing-vertical); margin-bottom: var(--site--spacing-vertical); } } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: calc(0.66 * var(--site--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: var(--site--spacing-vertical); } } @media only screen and (min-width: 822px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; } } .wp-block-columns.alignfull .wp-block-column p:not(.has-background), .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), .wp-block-columns.alignfull .wp-block-column h3:not(.has-background), .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } /* Block File */ .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity: inherit; } .wp-block-file a.wp-block-file__button { display: inline-block; } /* BLock Group */ .wp-block-group { display: block; clear: both; display: flow-root; } .wp-block-group:before, .wp-block-group:after { content: ""; display: block; clear: both; } .wp-block-group .wp-block-group__inner-container { margin-left: auto; margin-right: auto; } .wp-block-group .wp-block-group__inner-container > * { margin-top: calc(0.666 * var(--site--spacing-vertical)); margin-bottom: calc(0.666 * var(--site--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: var(--site--spacing-vertical); margin-bottom: var(--site--spacing-vertical); } } .wp-block-group .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .wp-block-group.has-background { padding: calc(0.666 * var(--site--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group.has-background { padding: var(--site--spacing-vertical); } } .wp-block-group.has-background .wp-block-group__inner-container > .alignfull, .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { max-width: calc( var(--responsive--alignfull-width) + 2 * var(--site--spacing-vertical) ); width: calc( var(--responsive--alignfull-width) + 2 * var(--site--spacing-vertical) ); margin-left: calc(-1 * var(--site--spacing-vertical)); } /* Block Image */ .wp-block-image { text-align: center; } .wp-block-image figcaption { color: var(--site--base-text-color); font-size: var(--site--font-size-general); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; display: block !important; } .wp-block-image .alignright { margin-left: var(--global--spacing-horizontal); } .wp-block-image .alignleft { margin-right: var(--global--spacing-horizontal); } .wp-block-image a:focus img { outline-offset: 2px; } .entry-content > *[class="wp-block-image"] + *, .entry-content [class*="inner-container"] > *[class="wp-block-image"] + * { margin-top: 0; } @media only screen and (min-width: 482px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { max-width: 50%; } } @media only screen and (max-width: 481px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { margin-left: 0; margin-right: 0; } } .wp-block-image.is-resized { margin-left: auto; margin-right: auto; } /* Block Latest Comments */ .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { line-height: 1.7; margin-top: 0; margin-bottom: 1.6rem; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: var(--site--base-text-color); } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: 1.4rem; line-height: 1.5; margin: 1rem 0 0 0; } /* Block Loatest Post */ .wp-block-latest-posts { padding-left: 0; } .widget .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid { word-wrap: break-word; word-break: break-word; } .wp-block-latest-posts.is-grid > li { margin-bottom: var(--site--spacing-vertical); } .wp-block-latest-posts.is-grid > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { margin-bottom: 0; } .wp-block-latest-posts__featured-image img { margin-bottom: calc(0.333 * var(--site--spacing-vertical)); } .wp-block-latest-posts > li > a { display: inline-block; } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: var(--global--color-secondary); font-size: var(--site--font-size-small); line-height: var(--global--line-height-body); } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: var(--global--color-secondary); font-size: var(--site--font-size-general); line-height: var(--global--line-height-body); } [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { color: currentColor; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-size: var(--site--font-size-general); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--site--spacing-vertical)); } .wp-block-latest-posts.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull { padding-left: 0; padding-right: 0; } /* Block Media */ .wp-block-media-text.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-media-text a:focus img { outline-offset: -1px; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: var(--site--spacing-vertical); padding-bottom: var(--site--spacing-vertical); } /* Block Pullquote */ .wp-block-pullquote { padding: 0; text-align: center; position: relative; } .wp-block-pullquote blockquote::before { content: "\201c"; display: block; position: absolute; left: 0; font-size: 4.8rem; font-weight: 600; line-height: 1; } .wp-block-pullquote p { font-style: normal; font-weight: 600; line-height: 1.3; margin: 0; } .wp-block-pullquote a { color: currentColor; } .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { text-transform: none; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before, .wp-block-pullquote.alignleft:not(.is-style-solid-color) cite { text-align: center; } .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote { max-width: var(--responsive--alignwide-width); } .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { padding: 0 calc(2 * var(--global--spacing-unit)); } .wp-block-pullquote.is-style-solid-color { color: var(--global--color-secondary); padding: calc(2.5 * var(--global--spacing-unit)); border-width: 0.3rem; border-style: solid; border-color: var(--global--color-secondary); } @media (min-width: 600px) { .wp-block-pullquote.is-style-solid-color { padding: calc(5 * var(--global--spacing-unit)); } } .wp-block-pullquote.is-style-solid-color blockquote::before { text-align: left; } .wp-block-pullquote.is-style-solid-color blockquote { margin: 0; max-width: inherit; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 3.6rem; } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color cite, .wp-block-pullquote.is-style-solid-color footer { color: currentColor; } .wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright { padding: var(--global--spacing-unit); } .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { max-width: initial; } /* Block Query */ .wp-block-query.has-background { padding: calc(0.666 * var(--site--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-query.has-background { padding: var(--site--spacing-vertical); } } /* Block Quote */ .has-background .wp-block-quote .wp-block-quote__citation, [class*="background-color"] .wp-block-quote .wp-block-quote__citation, [style*="background-color"] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*="background-image"] .wp-block-quote .wp-block-quote__citation, .has-background .wp-block-quote cite, [class*="background-color"] .wp-block-quote cite, [style*="background-color"] .wp-block-quote cite, .wp-block-cover[style*="background-image"] .wp-block-quote cite, .has-background .wp-block-quote footer, [class*="background-color"] .wp-block-quote footer, [style*="background-color"] .wp-block-quote footer, .wp-block-cover[style*="background-image"] .wp-block-quote footer { color: currentColor; } .wp-block-quote.has-text-align-center { margin: var(--site--spacing-vertical) auto; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 0; padding-right: 0; margin-top: var(--site--spacing-vertical); margin-bottom: var(--site--spacing-vertical); } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 3.6rem; font-style: normal; line-height: 1.35; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 4.8rem; } } .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { color: var(--global--color-secondary); font-size: var(--site--font-size-medium); } @media only screen and (max-width: 481px) { .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: var(--global--spacing-horizontal); } .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right { padding-left: 0; padding-right: var(--global--spacing-horizontal); } .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center { padding-left: 0; padding-right: 0; } .wp-block-quote.has-text-align-right { padding-left: 0; padding-right: 1.3rem; } } @media only screen and (max-width: 481px) { .wp-block-quote.has-text-align-center { padding-left: 0; padding-right: 0; } } /* Block Rss */ .wp-block-rss { padding-left: 0; } .wp-block-rss > li { list-style: none; margin-left: 0; } .wp-block-rss:not(.is-grid) > li { margin-top: calc(0.666 * var(--site--spacing-vertical)); margin-bottom: calc(0.666 * var(--site--spacing-vertical)); } .wp-block-rss:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-rss:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-rss .wp-block-rss__item-title > a { display: inline-block; font-size: 2.2rem; font-weight: normal; line-height: 1.3; margin-bottom: calc(0.333 * var(--site--spacing-vertical)); } @media only screen and (min-width: 652px) { .wp-block-rss .wp-block-rss__item-title > a { font-size: 1.8rem; } } .wp-block-rss .wp-block-rss__item-author, .wp-block-rss .wp-block-rss__item-publish-date { color: var(--global--color-secondary); font-size: var(--site--font-size-general); line-height: var(--global--line-height-body); } [class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date { color: currentColor; } .wp-block-rss .wp-block-rss__item-excerpt, .wp-block-rss .wp-block-rss__item-full-content { line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--site--spacing-vertical)); } .wp-block-rss.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .entry-content [class*="inner-container"] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { padding-left: 0; padding-right: 0; } /* Block Search */ .wp-block-search { max-width: var(--responsive--aligndefault-width); } .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { justify-content: center; } /* Block Separator */ hr.wp-block-separator { border-bottom: 1px solid var(--global--color-black); } hr.wp-block-separator { opacity: 1; } hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: var(--responsive--aligndefault-width); } hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: var(--responsive--alignwide-width); } hr.wp-block-separator:not(.is-style-dots).alignfull { max-width: var(--responsive--alignfull-width); } hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color { background-color: transparent !important; } hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before { color: currentColor !important; } hr.wp-block-separator.is-style-dots:before { color: var(--global--color-black); font-size: 3.6rem; padding-left: 2rem; } @media only screen and (min-width: 652px) { hr.wp-block-separator.is-style-dots:before { font-size: 4.5rem; } } .has-background hr.wp-block-separator, [class*="background-color"] hr.wp-block-separator, [style*="background-color"] hr.wp-block-separator, .wp-block-cover[style*="background-image"] hr.wp-block-separator { border-color: currentColor; } /* Block Social Links */ .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:focus { outline: 2px solid var(--global--color-accent); outline-offset: 2px; } /* Block Spacer */ .wp-block-spacer { display: block; margin-bottom: 0 !important; margin-top: 0 !important; } /* Block tag cloud */ .wp-block-tag-cloud.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } /* Block Video */ .wp-block-video figcaption { color: var(--global--color-secondary); font-size: var(--site--font-size-general); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } * > figure > video { max-width: unset; width: 100%; vertical-align: middle; } /* Text Defaults */ .entry-content .is-style-cnvs-paragraph-callout { font-size: 2rem; } .has-text-color a { color: inherit; } .has-text-align-left { text-align: left; } .has-text-align-center { text-align: center; } .has-text-align-center :where( .entry-categories, .entry-meta-list, .entry-tags, .blogmarks-edit.edit-link ) { justify-content: center; } .has-text-align-right { text-align: right; } .has-text-align-justify { text-align: justify; } .has-drop-cap:not(:focus)::first-letter { font-size: 5.1em; font-weight: 800; margin: 0.05em 0.1em 0 0; } /* Block Defaults */ .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { list-style: none; margin-left: 0; } .wp-block-archives ul, .wp-block-categories ul, .wp-block-latest-posts ul, .wp-block-latest-comments ul { list-style: none; } .wp-block-archives li, .wp-block-categories li, .wp-block-latest-posts li, .wp-block-latest-comments li { line-height: 1.2; margin: 0 0 1.5rem; } .wp-block-archives li li, .wp-block-categories li li, .wp-block-latest-posts li li { margin-left: 2rem; } .wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a, .wp-block-latest-comments a { font-weight: normal; text-decoration: none; color: var(--site--base-text-color); } .wp-block-latest-comments a { color: var(--global--color-black); } .wp-block-archives a:hover, .wp-block-categories a:hover, .wp-block-latest-posts a:hover, .wp-block-latest-comments a:hover, .wp-block-archives a:focus, .wp-block-categories a:focus, .wp-block-latest-posts a:focus, .wp-block-latest-comments a:focus { color: var(--global--color-accent); } /* Comments -------------------------------- */ .comments-wrapper { margin-top: 3rem; } .comments-wrapper.em-center-form-content .comment-respond .comment-reply-title, .comments-wrapper.em-center-form-content .comment-respond form p.comment-notes, .comments-wrapper.em-center-form-content .comment-respond form p.logged-in-as, .comments-wrapper.em-center-form-content .comment-respond form p.form-submit { text-align: center; } .comments-wrapper.em-center-form-content .comment-respond .comment-form-cookies-consent { justify-content: center; } .comments-wrapper .comment-number-heading { margin-bottom: 6rem; } .site-section-header.comments-title, .comment-reply-title span { font-size: 2rem; } .comment-reply-title small { display: inline-block; font-size: 1.4rem; margin-left: 0.8rem; color: var(--global--color-accent); } .comment-reply-title small a { text-decoration: none; } .comment-reply-title small a:hover { text-decoration: underline; } .comments .comment, .comments .pingback, .comments .trackback, .comments .review { padding-top: 3rem; } .comments > .comment:first-child { padding-top: 0; } .comments .comment { border-top: 1px solid #dedede; } .comments > .comment:first-child, .comments .comment > .comment:first-child { border-top: none; } .comments .comment .comment-body { padding-bottom: 3rem; } .comment-body { position: relative; min-height: 6rem; padding-left: 8rem; } .comments a { color: inherit; } .comment .comment { padding-left: 5%; } .comment-meta { line-height: 1.1; } .comment-meta { margin-bottom: 1.4rem; } .comment-content { font-size: 1.4rem; } .comment-content > *:last-child { margin-bottom: 0; } .comment-meta .avatar { border-radius: 50%; display: block; position: absolute; height: 6rem; width: 6rem; left: 0; top: 0.5em; } .comment-meta a { text-decoration: none; } .comment-meta a:hover { text-decoration: underline; } .comment-metadata { margin-top: 0.8rem; } .comment-author { font-size: 2.4rem; font-weight: 700; } .comment-reply a, .comment-footer-meta a { font-size: 1.4rem; font-weight: 500; text-decoration: none; text-transform: uppercase; } .comment-reply a:hover, .comment-footer-meta a:hover { text-decoration: underline; } .comment-footer-meta { margin-top: 2rem; line-height: 1; } .comment-footer-meta > * + * { margin-left: 1.4rem; } .bypostauthor .comment-footer-meta .by-post-author { display: inline; } /* Pingbacks & Trackbacks -------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-left: 0; } /* Comments Pagination ----------------------- */ .comments-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 6rem; text-align: center; } .comments-pagination.only-next { justify-content: flex-end; } .comments-pagination .page-numbers { display: none; text-decoration: none; } .comments-pagination .page-numbers:hover { text-decoration: underline; } .comments-pagination .prev, .comments-pagination .next { display: block; } .comments-pagination .prev { left: 0; } .comments-pagination .next { right: 0; text-align: right; } /* Comment Respond --------------------------- */ .comment-body + .comment-respond, .comments-area + .comment-respond { margin-top: 3rem; } .comment-respond form { margin-bottom: 0; } .comment-respond form p.logged-in-as { font-size: 1em; line-height: 1.25; } .comment-respond form:after { clear: both; content: ""; display: block; } .comment-respond form .logged-in-as a { color: inherit; text-decoration: none; } .comment-respond form .logged-in-as a:hover { text-decoration: underline; } .comment-respond form p { line-height: 1.1; margin-bottom: 2rem; width: 100%; } .comment-form-cookies-consent { align-items: baseline; display: flex; } .comment-respond form > p:last-of-type { margin-bottom: 0; } .comment-respond label { display: block; } .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea { margin-bottom: 0; } .comment-respond #submit { display: inline-block; } /* Reply Respond ----------------------------- */ @media (min-width: 700px) { .comments-wrapper { margin-top: 6rem; } .comment-meta { margin-bottom: 2rem; } .comment-author a { display: block; } .comment-metadata { white-space: nowrap; } .comments-pagination { margin-top: 6rem; } /* PINGBACKS & TRACKBACKS */ .pingback .comment-body { padding: 0; } /* COMMENT RESPOND */ .comment-respond form p { margin-bottom: 2.5rem; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { float: left; width: calc(50% - 1rem); } .comment-respond .comment-form-email { margin-left: 2rem; } } /* GALLERIES -------------- */ .gallery { display: flex; flex-wrap: wrap; margin: 3em 0 3em -0.8em; width: calc(100% + 1.6em); } .gallery-item { margin: 0.8em 0; padding: 0 0.8em; } .gallery-item img, .gallery-item { display: block; width: 100%; } .gallery-caption { display: block; margin-top: 0.8em; } @media (min-width: 700px) { .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } } /* Inputs ------------------------------------ */ fieldset { border: 0.2rem solid var(--site--base-border-color); padding: 2rem; } fieldset > *:first-child { margin-top: 0; } fieldset > *:last-child { margin-bottom: 0; } form { margin-bottom: 3rem; margin-top: 3rem; } form > *:first-child { margin-top: 0; } form > *:last-child { margin-bottom: 0; } legend { font-size: 0.85em; font-weight: 700; padding: 0 1rem; } @media (min-width: 700px) { fieldset { padding: 3rem; } legend { padding: 0 1.5rem; } } label { display: block; font-size: 1.6rem; font-weight: normal; margin: 0 0 0.5rem 0; } label.inline, input[type="checkbox"] + label { display: inline; font-weight: 400; margin-left: 0.5rem; } input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; position: relative; top: 2px; display: inline-block; margin: 0; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; background: #fff; border-radius: 0; border-style: solid; border-width: 0.1rem; border-color: var(--site--base-border-color); box-shadow: none; cursor: pointer; } input[type="checkbox"]:checked::before { /* Use the "Yes" SVG Dashicon */ content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E"); position: absolute; display: inline-block; margin: -0.1875rem 0 0 -0.25rem; height: 1.75rem; width: 1.75rem; } input, textarea, button, .button, .wp-block-button__link, .wp-block-file__button { font-family: var(--global--font-headings); line-height: 1; } input, textarea { border-color: var(--site--base-border-color); color: var(--site--base-text-color); } code, input[type="url"], input[type="email"], input[type="tel"] { /*rtl:ignore*/ direction: ltr; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; background: var(--site--base-background-color); border-radius: var(--global--elements-border-radius-s); border-style: solid; border-width: 0.1rem; box-shadow: none; display: block; font-size: 1.5rem; margin: 0; max-width: 100%; padding: 0.6rem 1.6rem; width: 100%; } input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="number"] { outline: none; } select { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; padding: 0.5rem; } textarea { height: 12rem; line-height: 1.5; width: 100%; } input::-webkit-input-placeholder { line-height: normal; } input:-ms-input-placeholder { line-height: normal; } input::-moz-placeholder { line-height: revert; /* Reset to the value from the user-agent stylesheet. */ } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } /* Buttons ------------ */ button, .button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; background: var(--global--color-btn-bg); color: var(--global--color-btn); border: 1px solid var(--global--color-btn); border-radius: var(--global--elements-border-radius-s); cursor: pointer; display: inline-block; font-size: 1.4rem; line-height: 1.25; margin: 0; opacity: 1; padding: 0.575em 0.625em; text-align: center; text-decoration: none; transition: opacity 0.3s linear, color 0.3s linear, background-color 0.3s linear; } button:focus, button:hover, .button:focus, .button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover { color: var(--global--color-btn-hover); background-color: var(--global--color-btn-hover-bg); border-color: var(--global--color-btn-hover); } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]: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 { border-color: currentColor; } button:focus-visible, .button:focus-visible, input[type="button"]:focus-visible, input[type="reset"]:focus-visible, input[type="submit"]:focus-visible { outline: 2px solid #0A21F8; } /* Tables ------------------------------------ */ table { border: 0.1rem solid var(--site--base-border-color); border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 1.6rem; max-width: 100%; overflow: hidden; width: 100%; } .alignleft > table { margin: 0; } .alignright > table { margin: 0; } th, td { border: 0.1rem solid var(--site--base-border-color); line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: var(--site--base-border-color); font-weight: 600; padding: 0.5em; text-align: center; } thead { vertical-align: bottom; white-space: nowrap; } th { font-weight: 700; } /* Helper Classes ------------------------------------ */ /* Layout ------------------------------------ */ .no-margin { margin: 0; } .no-padding { padding: 0; } .screen-height { min-height: 100vh; } .screen-width { position: relative; left: calc(50% - 50vw); width: 100vw; } /* Flex */ .blogmarks-flex-wrapper { display: flex; flex-wrap: wrap; align-items: center; } .blogmarks-flex-align-left { justify-content: flex-start; } .blogmarks-flex-align-center { justify-content: center; } .blogmarks-flex-align-right { justify-content: flex-end; } /* Some Helper Animations ------------------------------------ */ .site-animate-opacity { animation: animate-opacity 0.8s; } @keyframes animate-opacity { from { opacity: 0; } to { opacity: 1; } } .site-animate-fadeIn { animation: site-fadeIn; } @keyframes site-fadeIn { from { opacity: 0; } to { opacity: 1; } } .site-animate-pulse { animation: site-pulse 2s infinite } @keyframes site-pulse { 0% { opacity: .8; transform: scale(.8) } 100% { opacity: 0; transform: scale(4) } } /*Layout Grid ---------------------------------------*/ /* Row & Cols */ .row { --wpintf-gutter-x: 3rem; --wpintf-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--wpintf-gutter-y)); margin-right: calc(-0.5 * var(--wpintf-gutter-x)); margin-left: calc(-0.5 * var(--wpintf-gutter-x)); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--wpintf-gutter-x) * 0.5); padding-left: calc(var(--wpintf-gutter-x) * 0.5); margin-top: var(--wpintf-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } /* Gaps */ .g-0, .gx-0 { --wpintf-gutter-x: 0; } .g-0, .gy-0 { --wpintf-gutter-y: 0; } .g-1, .gx-1 { --wpintf-gutter-x: 0.4rem; } .g-1, .gy-1 { --wpintf-gutter-y: 0.4rem; } .g-2, .gx-2 { --wpintf-gutter-x: 0.8rem; } .g-2, .gy-2 { --wpintf-gutter-y: 0.8rem; } .g-3, .gx-3 { --wpintf-gutter-x: 1.6rem; } .g-3, .gy-3 { --wpintf-gutter-y: 1.6rem; } .g-4, .gx-4 { --wpintf-gutter-x: 2.4rem; } .g-4, .gy-4 { --wpintf-gutter-y: 2.4rem; } .g-5, .gx-5 { --wpintf-gutter-x: 4.8rem; } .g-5, .gy-5 { --wpintf-gutter-y: 4.8rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .g-sm-0, .gx-sm-0 { --wpintf-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --wpintf-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --wpintf-gutter-x: 0.4rem; } .g-sm-1, .gy-sm-1 { --wpintf-gutter-y: 0.4rem; } .g-sm-2, .gx-sm-2 { --wpintf-gutter-x: 0.8rem; } .g-sm-2, .gy-sm-2 { --wpintf-gutter-y: 0.8rem; } .g-sm-3, .gx-sm-3 { --wpintf-gutter-x: 1.6rem; } .g-sm-3, .gy-sm-3 { --wpintf-gutter-y: 1.6rem; } .g-sm-4, .gx-sm-4 { --wpintf-gutter-x: 2.4rem; } .g-sm-4, .gy-sm-4 { --wpintf-gutter-y: 2.4rem; } .g-sm-5, .gx-sm-5 { --wpintf-gutter-x: 4.8rem; } .g-sm-5, .gy-sm-5 { --wpintf-gutter-y: 4.8rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .g-md-0, .gx-md-0 { --wpintf-gutter-x: 0; } .g-md-0, .gy-md-0 { --wpintf-gutter-y: 0; } .g-md-1, .gx-md-1 { --wpintf-gutter-x: 0.4rem; } .g-md-1, .gy-md-1 { --wpintf-gutter-y: 0.4rem; } .g-md-2, .gx-md-2 { --wpintf-gutter-x: 0.8rem; } .g-md-2, .gy-md-2 { --wpintf-gutter-y: 0.8rem; } .g-md-3, .gx-md-3 { --wpintf-gutter-x: 1.6rem; } .g-md-3, .gy-md-3 { --wpintf-gutter-y: 1.6rem; } .g-md-4, .gx-md-4 { --wpintf-gutter-x: 2.4rem; } .g-md-4, .gy-md-4 { --wpintf-gutter-y: 2.4rem; } .g-md-5, .gx-md-5 { --wpintf-gutter-x: 4.8rem; } .g-md-5, .gy-md-5 { --wpintf-gutter-y: 4.8rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .g-lg-0, .gx-lg-0 { --wpintf-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --wpintf-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --wpintf-gutter-x: 0.4rem; } .g-lg-1, .gy-lg-1 { --wpintf-gutter-y: 0.4rem; } .g-lg-2, .gx-lg-2 { --wpintf-gutter-x: 0.8rem; } .g-lg-2, .gy-lg-2 { --wpintf-gutter-y: 0.8rem; } .g-lg-3, .gx-lg-3 { --wpintf-gutter-x: 1.6rem; } .g-lg-3, .gy-lg-3 { --wpintf-gutter-y: 1.6rem; } .g-lg-4, .gx-lg-4 { --wpintf-gutter-x: 2.4rem; } .g-lg-4, .gy-lg-4 { --wpintf-gutter-y: 2.4rem; } .g-lg-5, .gx-lg-5 { --wpintf-gutter-x: 4.8rem; } .g-lg-5, .gy-lg-5 { --wpintf-gutter-y: 4.8rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .g-xl-0, .gx-xl-0 { --wpintf-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --wpintf-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --wpintf-gutter-x: 0.4rem; } .g-xl-1, .gy-xl-1 { --wpintf-gutter-y: 0.4rem; } .g-xl-2, .gx-xl-2 { --wpintf-gutter-x: 0.8rem; } .g-xl-2, .gy-xl-2 { --wpintf-gutter-y: 0.8rem; } .g-xl-3, .gx-xl-3 { --wpintf-gutter-x: 1.6rem; } .g-xl-3, .gy-xl-3 { --wpintf-gutter-y: 1.6rem; } .g-xl-4, .gx-xl-4 { --wpintf-gutter-x: 2.4rem; } .g-xl-4, .gy-xl-4 { --wpintf-gutter-y: 2.4rem; } .g-xl-5, .gx-xl-5 { --wpintf-gutter-x: 4.8rem; } .g-xl-5, .gy-xl-5 { --wpintf-gutter-y: 4.8rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .g-xxl-0, .gx-xxl-0 { --wpintf-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --wpintf-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --wpintf-gutter-x: 0.4rem; } .g-xxl-1, .gy-xxl-1 { --wpintf-gutter-y: 0.4rem; } .g-xxl-2, .gx-xxl-2 { --wpintf-gutter-x: 0.8rem; } .g-xxl-2, .gy-xxl-2 { --wpintf-gutter-y: 0.8rem; } .g-xxl-3, .gx-xxl-3 { --wpintf-gutter-x: 1.6rem; } .g-xxl-3, .gy-xxl-3 { --wpintf-gutter-y: 1.6rem; } .g-xxl-4, .gx-xxl-4 { --wpintf-gutter-x: 2.4rem; } .g-xxl-4, .gy-xxl-4 { --wpintf-gutter-y: 2.4rem; } .g-xxl-5, .gx-xxl-5 { --wpintf-gutter-x: 4.8rem; } .g-xxl-5, .gy-xxl-5 { --wpintf-gutter-y: 4.8rem; } } .wpintf-no-gutters { margin-right: 0; margin-left: 0; } .wpintf-no-gutters > .col, .wpintf-no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } /* Margin & Paddings */ .wpintf-m-0 { margin: 0 !important; } .wpintf-m-1 { margin: 0.4rem !important; } .wpintf-m-2 { margin: 0.8rem !important; } .wpintf-m-3 { margin: 1.6rem !important; } .wpintf-m-4 { margin: 2.4rem !important; } .wpintf-m-5 { margin: 4.8rem !important; } .wpintf-p-0 { padding: 0 !important; } .wpintf-p-1 { padding: 0.4rem !important; } .wpintf-p-2 { padding: 0.8rem !important; } .wpintf-p-3 { padding: 1.6rem !important; } .wpintf-p-4 { padding: 2.4rem !important; } .wpintf-p-5 { padding: 4.8rem !important; } @media (min-width: 576px) { .wpintf-m-sm-0 { margin: 0 !important; } .wpintf-m-sm-1 { margin: 0.4rem !important; } .wpintf-m-sm-2 { margin: 0.8rem !important; } .wpintf-m-sm-3 { margin: 1.6rem !important; } .wpintf-m-sm-4 { margin: 2.4rem !important; } .wpintf-m-sm-5 { margin: 4.8rem !important; } .wpintf-p-sm-0 { padding: 0 !important; } .wpintf-p-sm-1 { padding: 0.4rem !important; } .wpintf-p-sm-2 { padding: 0.8rem !important; } .wpintf-p-sm-3 { padding: 1.6rem !important; } .wpintf-p-sm-4 { padding: 2.4rem !important; } .wpintf-p-sm-5 { padding: 4.8rem !important; } } @media (min-width: 768px) { .wpintf-m-md-0 { margin: 0 !important; } .wpintf-m-md-1 { margin: 0.4rem !important; } .wpintf-m-md-2 { margin: 0.8rem !important; } .wpintf-m-md-3 { margin: 1.6rem !important; } .wpintf-m-md-4 { margin: 2.4rem !important; } .wpintf-m-md-5 { margin: 4.8rem !important; } .wpintf-p-md-0 { padding: 0 !important; } .wpintf-p-md-1 { padding: 0.4rem !important; } .wpintf-p-md-2 { padding: 0.8rem !important; } .wpintf-p-md-3 { padding: 1.6rem !important; } .wpintf-p-md-4 { padding: 2.4rem !important; } .wpintf-p-md-5 { padding: 4.8rem !important; } } @media (min-width: 992px) { .wpintf-m-lg-0 { margin: 0 !important; } .wpintf-m-lg-1 { margin: 0.4rem !important; } .wpintf-m-lg-2 { margin: 0.8rem !important; } .wpintf-m-lg-3 { margin: 1.6rem !important; } .wpintf-m-lg-4 { margin: 2.4rem !important; } .wpintf-m-lg-5 { margin: 4.8rem !important; } .wpintf-p-lg-0 { padding: 0 !important; } .wpintf-p-lg-1 { padding: 0.4rem !important; } .wpintf-p-lg-2 { padding: 0.8rem !important; } .wpintf-p-lg-3 { padding: 1.6rem !important; } .wpintf-p-lg-4 { padding: 2.4rem !important; } .wpintf-p-lg-5 { padding: 4.8rem !important; } } @media (min-width: 1200px) { .wpintf-m-xl-0 { margin: 0 !important; } .wpintf-m-xl-1 { margin: 0.4rem !important; } .wpintf-m-xl-2 { margin: 0.8rem !important; } .wpintf-m-xl-3 { margin: 1.6rem !important; } .wpintf-m-xl-4 { margin: 2.4rem !important; } .wpintf-m-xl-5 { margin: 4.8rem !important; } .wpintf-p-xl-0 { padding: 0 !important; } .wpintf-p-xl-1 { padding: 0.4rem !important; } .wpintf-p-xl-2 { padding: 0.8rem !important; } .wpintf-p-xl-3 { padding: 1.6rem !important; } .wpintf-p-xl-4 { padding: 2.4rem !important; } .wpintf-p-xl-5 { padding: 4.8rem !important; } } @media (min-width: 1400px) { .wpintf-m-xxl-0 { margin: 0 !important; } .wpintf-m-xxl-1 { margin: 0.4rem !important; } .wpintf-m-xxl-2 { margin: 0.8rem !important; } .wpintf-m-xxl-3 { margin: 1.6rem !important; } .wpintf-m-xxl-4 { margin: 2.4rem !important; } .wpintf-m-xxl-5 { margin: 4.8rem !important; } .wpintf-p-xxl-0 { padding: 0 !important; } .wpintf-p-xxl-1 { padding: 0.4rem !important; } .wpintf-p-xxl-2 { padding: 0.8rem !important; } .wpintf-p-xxl-3 { padding: 1.6rem !important; } .wpintf-p-xxl-4 { padding: 2.4rem !important; } .wpintf-p-xxl-5 { padding: 4.8rem !important; } } /* Visibility */ @media (max-width: 767px) { .hide-on-mobile { display: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .hide-on-tablet { display: none !important; } } @media (min-width: 1025px) { .hide-on-desktop { display: none !important; } } /* Toggles ----------------------------------- */ .toggle { -moz-appearance: none; -webkit-appearance: none; color: inherit; cursor: pointer; font-family: inherit; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; text-align: inherit; user-select: none; } button.toggle { background: none; border: none; padding: 0; } button.toggle:hover, button.toggle:focus { color: currentColor; } .toggle .svg-icon { width: 1.8rem; height: 1.8rem; margin: auto; } .entry-image img { display: block; object-fit: cover; width: 100%; } .entry-image-thumbnail img { height: 10rem; } .entry-image-small img { height: 25rem; } .entry-image-medium img { height: 30rem; } .entry-image-medium_large img { height: 35rem; } .entry-image-large img { height: 40rem; } /* Typography -------------------------------- */ .entry-title-x-large { font-size: var(--site--font-size-x-large); } .entry-title-large { font-size: var(--site--font-size-large); } .entry-title-big { font-size: var(--site--font-size-big); } .entry-title-medium { font-size: var(--site--font-size-medium); } .entry-title-small { font-size: var(--site--font-size-small); } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Colors ------------------------------------ */ .color-primary, .color-primary-hover:focus, .color-primary-hover:hover { color: var(--site--base-text-color); } .color-secondary, .color-secondary-hover:focus, .color-secondary-hover:hover { color: var(--global--color-secondary); } .color-accent { color: var(--global--color-accent); } .color-border, .color-border-hover:focus, .color-border-hover:hover { color: var(--site--base-border-color); } .bg-primary, .bg-primary-hover:focus, .bg-primary-hover:hover { background-color: var(--site--base-text-color); } .bg-secondary, .bg-secondary-hover:focus, .bg-secondary-hover:hover { background-color: var(--global--color-secondary); } .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover { background-color: var(--global--color-accent); } .bg-border, .bg-border-hover:focus, .bg-border-hover:hover { background-color: var(--site--base-border-color); } .border-color-primary, .border-color-primary-hover:focus, .border-color-primary-hover:hover { border-color: var(--site--base-text-color); } .border-color-secondary, .border-color-secondary-hover:focus, .border-color-secondary-hover:hover { border-color: var(--global--color-secondary); } .border-color-border, .border-color-border-hover:focus, .border-color-border-hover:hover { border-color: var(--site--base-border-color); } /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; } .search-form label, .search-form .search-field { width: 100%; } .search-form .search-submit { flex-shrink: 0; } .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; } /* Social Icons ------------------------------ */ .site-social-icons { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; } .site-social-icons.style_1 { gap: 1.5rem; } .site-social-icons a { display: flex; align-items: center; justify-content: center; } .widget .site-social-icons li, .site-social-icons li { margin: 0; padding: 0; transition: transform 150ms ease-in-out; } .site-social-icons li:hover { transform: scale(1.1); } .site-social-icons.style_1 a { color: var(--global--social-icons-color); } .site-social-icons .svg-icon { width: 1.8rem; height: 1.8rem; } .site-social-icons.style_1 a:hover, .site-social-icons.style_1 a:focus { color: var(--global--social-icons-hover); } .site-social-icons.style_2 a, .site-social-icons.style_3 a, .site-social-icons.style_4 a { background-color: var(--global--color-accent); width: 3.6rem; height: 3.6rem; } .site .site-widgetarea .site-social-icons.style_2 a, .site .site-widgetarea .site-social-icons.style_3 a, .site .site-widgetarea .site-social-icons.style_4 a { color: #fff; } .site-social-icons.style_2 a:hover, .site-social-icons.style_2 a:focus, .site-social-icons.style_3 a:hover, .site-social-icons.style_3 a:focus { color: #fff !important; } .site-social-icons.style_3 a, .site-social-icons.style_4 a { border-radius: 50%; } .site-social-icons.style_4 a { background: none; color: var(--global--color-black); border: 1px solid var(--site--base-border-color); } .site-social-icons.style_4 a:hover { color: var(--global--color-accent); border-color: var(--global--color-accent); transform: none; } /* Brand Colors */ .site-social-icons.as_bg.brand_color li a { color: #fff !important; } .site-social-icons.as_color.brand_color li a[href*="amazon"] { color: #f90; border-color: #f90; } .site-social-icons.as_bg.brand_color li a[href*="amazon"] { background: #f90; } .site-social-icons.as_color.brand_color li a[href*="bandcamp"] { color: #1ea0c3; border-color: #1ea0c3; } .site-social-icons.as_bg.brand_color li a[href*="bandcamp"] { background: #1ea0c3; } .site-social-icons.as_color.brand_color li a[href*="behance"] { color: #0757fe; border-color: #0757fe; } .site-social-icons.as_bg.brand_color li a[href*="behance"] { background: #0757fe; } .site-social-icons.as_color.brand_color li a[href*="codepen"] { color: #1e1f26; border-color: #1e1f26; } .site-social-icons.as_bg.brand_color li a[href*="codepen"] { background: #1e1f26; } .site-social-icons.as_color.brand_color li a[href*="deviantart"] { color: #02e49b; border-color: #02e49b; } .site-social-icons.as_bg.brand_color li a[href*="deviantart"] { background: #02e49b; } .site-social-icons.as_color.brand_color li a[href*="dribbble"] { color: #e94c89; border-color: #e94c89; } .site-social-icons.as_bg.brand_color li a[href*="dribbble"] { background: #e94c89; } .site-social-icons.as_color.brand_color li a[href*="dropbox"] { color: #4280ff; border-color: #4280ff; } .site-social-icons.as_bg.brand_color li a[href*="dropbox"] { background: #4280ff; } .site-social-icons.as_color.brand_color li a[href*="etsy"] { color: #f45800; border-color: #f45800; } .site-social-icons.as_bg.brand_color li a[href*="etsy"] { background: #f45800; } .site-social-icons.as_color.brand_color li a[href*="facebook"] { color: #1778f2; border-color: #1778f2; } .site-social-icons.as_bg.brand_color li a[href*="facebook"] { background: #1778f2; } .site-social-icons.as_color.brand_color li a[href*="500"] { color: #000; border-color: #000; } .site-social-icons.as_bg.brand_color li a[href*="500"] { background: #000; } .site-social-icons.as_color.brand_color li a[href*="flickr"] { color: #0461dd; border-color: #0461dd; } .site-social-icons.as_bg.brand_color li a[href*="flickr"] { background: #0461dd; } .site-social-icons.as_color.brand_color li a[href*="foursquare"] { color: #e65678; border-color: #e65678; } .site-social-icons.as_bg.brand_color li a[href*="foursquare"] { background: #e65678; } .site-social-icons.as_color.brand_color li a[href*="github"] { color: #24292d; border-color: #24292d; } .site-social-icons.as_bg.brand_color li a[href*="github"] { background: #24292d; } .site-social-icons.as_color.brand_color li a[href*="goodreads"] { color: #382110; border-color: #382110; } .site-social-icons.as_bg.brand_color li a[href*="goodreads"] { background: #382110; } .site-social-icons.as_color.brand_color li a[href*="google"] { color: #ea4434; border-color: #ea4434; } .site-social-icons.as_bg.brand_color li a[href*="google"] { background: #ea4434; } .site-social-icons.as_color.brand_color li a[href*="instagram"] { color: #f00075; border-color: #f00075; } .site-social-icons.as_bg.brand_color li a[href*="instagram"] { background: #f00075; } .site-social-icons.as_color.brand_color li a[href*="lastfm"] { color: #e21b24; border-color: #e21b24; } .site-social-icons.as_bg.brand_color li a[href*="lastfm"] { background: #e21b24; } .site-social-icons.as_color.brand_color li a[href*="linkedin"] { color: #0d66c2; border-color: #0d66c2; } .site-social-icons.as_bg.brand_color li a[href*="linkedin"] { background: #0d66c2; } .site-social-icons.as_color.brand_color li a[href*="mastodon"] { color: #3288d4; border-color: #3288d4; } .site-social-icons.as_bg.brand_color li a[href*="mastodon"] { background: #3288d4; } .site-social-icons.as_color.brand_color li a[href*="medium"] { color: #02ab6c; border-color: #02ab6c; } .site-social-icons.as_bg.brand_color li a[href*="medium"] { background: #02ab6c; } .site-social-icons.as_color.brand_color li a[href*="meetup"] { color: #f6405f; border-color: #f6405f; } .site-social-icons.as_bg.brand_color li a[href*="meetup"] { background: #f6405f; } .site-social-icons.as_color.brand_color li a[href*="patreon"] { color: #ff424d; border-color: #ff424d; } .site-social-icons.as_bg.brand_color li a[href*="patreon"] { background: #ff424d; } .site-social-icons.as_color.brand_color li a[href*="pinterest"] { color: #e60122; border-color: #e60122; } .site-social-icons.as_bg.brand_color li a[href*="pinterest"] { background: #e60122; } .site-social-icons.as_color.brand_color li a[href*="pocket"] { color: #ef4155; border-color: #ef4155; } .site-social-icons.as_bg.brand_color li a[href*="pocket"] { background: #ef4155; } .site-social-icons.as_color.brand_color li a[href*="reddit"] { color: #fe4500; border-color: #fe4500; } .site-social-icons.as_bg.brand_color li a[href*="reddit"] { background: #fe4500; } .site-social-icons.as_color.brand_color li a[href*="skype"] { color: #0478d7; border-color: #0478d7; } .site-social-icons.as_bg.brand_color li a[href*="skype"] { background: #0478d7; } .site-social-icons.as_color.brand_color li a[href*="snapchat"] { color: #fefc00; border-color: #fefc00; stroke: #000; } .site-social-icons.as_bg.brand_color li a[href*="snapchat"] { background-color: #fefc00; stroke: #000; } .site-social-icons.as_color.brand_color li a[href*="soundcloud"] { color: #ff5600; border-color: #ff5600; } .site-social-icons.as_bg.brand_color li a[href*="soundcloud"] { background: #ff5600; } .site-social-icons.as_color.brand_color li a[href*="spotify"] { color: #1bd760; border-color: #1bd760; } .site-social-icons.as_bg.brand_color li a[href*="spotify"] { background: #1bd760; } .site-social-icons.as_color.brand_color li a[href*="telegram"] { color: #2aabee; border-color: #2aabee; } .site-social-icons.as_bg.brand_color li a[href*="telegram"] { background: #2aabee; } .site-social-icons.as_color.brand_color li a[href*="tiktok"] { color: #000; border-color: #000; } .site-social-icons.as_bg.brand_color li a[href*="tiktok"] { background: #000; } .site-social-icons.as_color.brand_color li a[href*="tumblr"] { color: #011835; border-color: #011835; } .site-social-icons.as_bg.brand_color li a[href*="tumblr"] { background: #011835; } .site-social-icons.as_color.brand_color li a[href*="twitch"] { color: #6440a4; border-color: #6440a4; } .site-social-icons.as_bg.brand_color li a[href*="twitch"] { background: #6440a4; } .site-social-icons.as_color.brand_color li a[href*="twitter"] { color: #1da1f2; border-color: #1da1f2; } .site-social-icons.as_bg.brand_color li a[href*="twitter"] { background: #1da1f2; } .site-social-icons.as_color.brand_color li a[href*="vimeo"] { color: #1eb7ea; border-color: #1eb7ea; } .site-social-icons.as_bg.brand_color li a[href*="vimeo"] { background: #1eb7ea; } .site-social-icons.as_color.brand_color li a[href*="vk"] { color: #4680c2; border-color: #4680c2; } .site-social-icons.as_bg.brand_color li a[href*="vk"] { background: #4680c2; } .site-social-icons.as_color.brand_color li a[href*="wordpress"] { color: #3499cd; border-color: #3499cd; } .site-social-icons.as_bg.brand_color li a[href*="wordpress"] { background: #3499cd; } .site-social-icons.as_color.brand_color li a[href*="yelp"] { color: #d32422; border-color: #d32422; } .site-social-icons.as_bg.brand_color li a[href*="yelp"] { background: #d32422; } .site-social-icons.as_color.brand_color li a[href*="youtube"] { color: #ff0000; border-color: #ff0000; } .site-social-icons.as_bg.brand_color li a[href*="youtube"] { background: #ff0000; } /* ------------- Breadcrumbs ------------------- */ .site-breadcrumb-trails { position: relative; } .site-breadcrumb-trails .trail-items { margin-bottom: 3rem; } .site-breadcrumb-trails .trail-items a { color: var(--global--color-breadcrumb); text-decoration: none; } .site-breadcrumb-trails .trail-items a:hover, .site-breadcrumb-trails .trail-items a:focus { text-decoration: underline; } .site-breadcrumb-trails .trail-items li { margin-right: 0.5rem; display: inline; } .site-breadcrumb-trails .trail-items li:not(:last-child):after { content: " / "; padding-left: 0.6rem; color: var(--site--base-text-color); font-size: 1.3rem; } /* Item Col Seprater */ .wpintf-col-sep, .wpintf-col-item-wrapper-sep > .row > [class*="col"]:not(:first-child) { border-left: 1px solid var(--site--base-border-color); } @media (max-width: 991px) { .wpintf-col-sep, .wpintf-col-item-wrapper-sep > .row > [class*="col"]:not(:first-child) { border-left: 0; } } @media (min-width: 992px) { .wpintf-col-item-wrapper-sep .row { --wpintf-gutter-x: 3rem; } } /* Item Divider */ .wpintf-item-divider { padding-top: 1.5rem; padding-bottom: 1.5rem; } .wpintf-item-sep .blogmarks-article-block-wrapper { position: relative; } .wpintf-item-sep .blogmarks-article-block-wrapper::after, .wpintf-item-sep .has-metro-style::after { content: ""; position: absolute; left: 0; width: 100%; bottom: calc(var(--wpintf-item-gap, 2.4rem) / 2 * -1); border-bottom: 1px solid var(--site--base-border-color); } /* Text Limiter --------------- */ .title-line-clamp[class*="limit-clamp-"] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--limit-clamp, 5); } .limit-clamp-1 { --limit-clamp: 1; } .limit-clamp-2 { --limit-clamp: 2; } .limit-clamp-3 { --limit-clamp: 3; } .limit-clamp-4 { --limit-clamp: 4; } /* Widgets --------------------------------------------- */ .widget { margin-bottom: var(--site--spacing-vertical); } .widget:last-child { margin-bottom: 0; } /* Widgetareas */ .below-header-widgetarea { background-color: var(--site--below-header-background); } .site-section-block:where(.below-header-widgetarea) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--below-header-color); } .site-section-block.below-header-widgetarea a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--below-header-link-color); } .before-columns-widgetarea { background-color: var(--site--before-columns-background); } .site-section-block:where(.before-columns-widgetarea) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--before-columns-color); } .site-section-block.before-columns-widgetarea a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--before-columns-link-color); } .two-column-widgetarea { background-color: var(--site--two-column-background); } .site-section-block:where(.two-column-widgetarea) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--two-column-color); } .site-section-block.two-column-widgetarea a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--two-column-link-color); } .before-home-widgetarea { background-color: var(--site--before-home-background); } .site-section-block:where(.before-home-widgetarea) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--before-home-color); } .site-section-block.before-home-widgetarea a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--before-home-link-color); } .after-home-widgetarea { background-color: var(--site--after-home-background); } .site-section-block:where(.after-home-widgetarea) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--after-home-color); } .site-section-block.after-home-widgetarea a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--after-home-link-color); } .before-footer-widgetarea { background-color: var(--site--before-footer-background); } .site-section-block:where(.before-footer-widgetarea) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--before-footer-color); } .site-section-block.before-footer-widgetarea a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--before-footer-link-color); } .after-footer-widgetarea { background-color: var(--site--after-footer-background); } .site-section-block:where(.after-footer-widgetarea) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--after-footer-color); } .site-section-block.after-footer-widgetarea a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--after-footer-link-color); } /* Sidebar Widgets */ .blogmarks_heading_widget .widget-title { margin: 0; } .blogmarks_heading_widget .site-section-subtitle { margin: 1rem 0 0 0; } .widget-title { margin: 0 0 2rem; } .site-widgetarea .widget-title { font-size: var(--site--font-size-medium); } .widget table, .widget table * { border-color: var(--site--base-border-color); } .widget table caption { background-color: var(--site--base-border-color); } .widget .rss-date { color: var(--global--color-secondary); } .widget .rss-date { display: block; font-size: 0.85em; font-weight: 500; margin-top: 0.2rem; } .widget select { max-width: 100%; } .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul { display: flex; flex-direction: column; gap: 1.5rem; list-style: none; margin: 0; } .widget_archive ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_meta ul ul, .widget_nav_menu ul ul { margin-left: 2rem; } .widget_archive li li, .widget_categories li li, .widget_pages li li, .widget_meta li li, .widget_nav_menu li li { margin-left: 2rem; } .calendar_wrap table { font-size: 2rem; margin: 0; } .calendar_wrap caption { font-weight: 600; padding: 2.5% 1.75%; text-align: center; text-transform: capitalize; } .calendar_wrap th, .calendar_wrap td { font-size: 0.6em; font-weight: 500; line-height: 1; padding: 2.5% 2.5% 1.75% 2.5%; text-align: center; } .calendar_wrap tfoot td { border-bottom: none; } .calendar_wrap tfoot a, .calendar_wrap .wp-calendar-nav a { text-decoration: none; } .calendar_wrap tfoot #prev { text-align: left; } .calendar_wrap tfoot #next { text-align: right; } .wp-calendar-nav { display: flex; justify-content: space-between; margin: 1em 0 0; font-size: 1.8rem; } .widget_media_gallery .gallery { margin: 0 -0.4em -0.8em -0.4em; width: calc(100% + 0.8em); } .widget_media_gallery .gallery-item { margin: 0 0 0.8em 0; padding: 0 0.4em; } .widget_nav_menu .widget-content > div > ul { margin-left: 0; } .widget_rss .rss-widget-icon { display: none; } .widget_rss .rssSummary { margin-top: 0.5rem; } .widget_rss cite::before { content: "— "; } .widget_tag_cloud, .widget .wp-block-tag-cloud { overflow: hidden; } .widget_tag_cloud .tagcloud, .widget .wp-block-tag-cloud { display: flex; flex-wrap: wrap; gap: 0.8rem; } .widget_tag_cloud a, .widget .wp-block-tag-cloud a { font-size: var(--site--font-size-tiny) !important; margin: 0; padding: 5px 10px; color: #616161; background-color: rgba(var(--theme--rgb-color), 0.1); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .wp-block-tag-cloud.is-style-outline { gap: 0; } .wp-block-tag-cloud.is-style-outline a { color: #000; background: #fff; margin: 0 6px 6px 0; } .widget_tag_cloud .tagcloud a:last-child { margin-right: 0; } .widget_tag_cloud .tagcloud a:first-letter { text-transform: uppercase; } .widget_tag_cloud a:focus, .widget_tag_cloud a:hover, .widget .wp-block-tag-cloud a:focus, .widget .wp-block-tag-cloud a:hover { color: #fff; background-color: var(--global--color-accent); } .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; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ text-align: left; margin-top: 0; } .no-sidebar .entry-content > .alignleft { max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: var(--global--spacing-horizontal); margin-bottom: var(--site--spacing-vertical); } .no-sidebar .entry-content > .alignleft { max-width: calc(50% - var(--responsive--alignleft-margin)); } } .aligncenter { clear: both; display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; } .alignright { margin-top: 0; margin-bottom: var(--site--spacing-vertical); } .no-sidebar .entry-content > .alignright { max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: var(--global--spacing-horizontal); } .no-sidebar .entry-content > .alignright { max-width: calc(50% - var(--responsive--alignright-margin)); } } [class*="inner-container"] > .alignleft + *, [class*="inner-container"] > .alignright + * { margin-top: 0; } .alignwide { clear: both; } .alignfull { clear: both; } .has-left-content { justify-content: flex-start; } .has-right-content { justify-content: flex-end; } /* Post: Archive -------------------------------- */ .page-header, .archive-header { padding-bottom: 3rem; } .page-title, .archive-title { font-size: 2.4rem; font-weight: 700; margin: 0; } .archive-description, .archive-subtitle { margin-top: 2rem; color: var(--global--color-secondary); } .archive-description p:last-child, .archive-subtitle p:last-child { margin-bottom: 0; } @media (min-width: 700px) { .page-title, .archive-title { font-size: 3.6rem; } } /* Post: Single -------------------------------- */ .sticky { display: block; } footer.entry-footer, .blogmarks-edit.edit-link { padding-bottom: 3rem; } /* Center header meta single */ .content-area.header-meta-center .entry-header, .content-area.header-meta-center .site-breadcrumb-trails .trail-items, .content-area.header-meta-center .entry-header .entry-categories, .content-area.header-meta-center .entry-header .entry-meta-list { justify-content: center; text-align: center; } /* Entry Category & Tags*/ .single-post .entry-categories, .single-post .entry-tags { margin-top: 3rem; } .single-post .entry-header .entry-categories { margin: 0 0 1rem 0; } .single-post .entry-header .entry-meta-list { margin-bottom: 2rem; } .entry-categories, .entry-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; position: relative; } .entry-categories .category-label svg, .entry-tags .tags-label svg { display: inline-block; margin-right: 0.4rem; height: 1.4rem; width: 1.4rem; vertical-align: bottom; fill: var(--global--color-accent); } .entry-categories a.has-bg-color { padding: 0.4rem 1rem; background-color: var(--global--color-accent); color: #fff; border-radius: var(--global--elements-border-radius-s); } .entry-categories a.has-bg-color:hover { opacity: 0.85; } .entry-categories:not(.style_2, .style_5, .style_6) a:not(.has-bg-color):not(:last-child)::after { content: ""; border: 1px solid var(--global--color-gray-500); margin-left: 1rem; } .entry-categories.style_1 a { text-decoration: none; text-transform: uppercase; } .entry-categories.style_2 a { text-decoration: none; border-bottom: 1px solid; padding-bottom: 0.4rem; } .entry-categories.style_2 a.has-bg-color { border: 0; } .entry-categories.style_3 a { text-decoration: none; text-transform: uppercase; } .entry-categories.style_4 a { text-decoration: none; text-transform: capitalize; } .entry-categories + .entry-tags { margin-top: 1rem; } .entry-tags.style_2 a { text-transform: uppercase; } .entry-tags.style_3 a { color: #000; background-color: #fff; padding: 0.4rem 0.8rem; border: 1px solid var(--site--base-border-color); border-radius: var(--global--elements-border-radius-s); } .entry-tags.style_4 a { display: inline-block; padding: 0.5rem 1rem; background: var(--global--color-gray-200); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .entry-tags.style_4 a:focus, .entry-tags.style_4 a:hover { color: #fff; background-color: var(--global--color-accent); } .site .entry-title { margin-bottom: 1rem; } .site .entry-title a { text-decoration: none; } .has-title-line-hover .entry-title a { background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%); background-size: 0 2px; background-repeat: no-repeat; background-position: left 100%; -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1); } .has-title-line-hover .entry-title a:hover, .has-title-line-hover .entry-title a:focus { background-size: 100% 2px; } /* Entry Meta */ .entry-meta, .entry-categories { font-family: var(--global--font-meta); font-size: var(--site--font-size-tiny); } .entry-excerpt { font-size: 1.4rem; margin-bottom: 1.5rem; } .entry-meta-list { color: var(--site--base-component-color); display: flex; align-items: center; flex-wrap: wrap; font-size: 1.1rem; gap: 1rem; text-transform: uppercase; font-weight: 400; list-style: none; margin: 0 0 1rem; } .entry-meta-list li { margin: 0; } .entry-meta-list a { color: var(--site--base-component-color); text-decoration: none; } .entry-meta-list .meta-list-item { display: flex; align-items: center; gap: 0.5rem; } .entry-meta-list .meta-list-item svg { height: 1.6rem; width: 1.6rem; fill: var(--global--color-post-meta-icons); } .entry-meta-list .meta-list-item.post-author .meta-list-item { display: flex; align-items: center; gap: 0.5rem; } .entry-meta-list .meta-list-item.post-author a img { display: inline-block; max-width: 100%; height: auto; border-radius: 50%; margin-right: 8px; vertical-align: middle; } .blogmarks-edit.edit-link { margin-top: 2rem; display: flex; align-items: center; fill: var(--global--color-accent); } .blogmarks-edit.edit-link svg { margin-right: 0.5rem; height: 1.2rem; width: 1.2rem; } .blogmarks-edit a.post-edit-link { text-decoration: none; color: var(--site--base-text-color); } /* Featured Image */ .featured-media { margin-bottom: 2rem; } .featured-media figcaption { margin: 1.5rem auto 0 auto; text-align: center; width: calc(100% - 5rem); } /* Post Nav Links */ .post-nav-links { border-radius: var(--global--elements-border-radius-s); display: flex; flex-wrap: wrap; font-size: 0.9em; font-weight: 600; line-height: 1; margin-top: 3em; padding: 0 0.25em; } .post-nav-links > * { padding: 1em 0.75em; } .page-links { border-radius: var(--global--elements-border-radius-s); display: flex; flex-wrap: wrap; font-size: 0.9em; font-weight: 600; line-height: 1; margin-top: 3em; padding: 0 0.25em; } .page-links > span.label { padding: 1em 0; } .page-links > * { padding: 1em 0.75em; } .single-footer-info .comments-link { display: block; margin-top: 2rem; } /* Single Post Navigation */ /* Archive Post Default Pagination */ .post-navigation, .blogmarks-nav-pagination .posts-navigation, .blogmarks-nav-pagination .pagination { font-size: 1.4rem; margin-top: 4rem; } @media only screen and (min-width: 482px) { body.single-post .post-navigation { margin-top: 4rem; } } @media only screen and (min-width: 822px) { body.single-post .post-navigation { margin-top: 6rem; } } .post-navigation .nav-links, .posts-navigation .nav-links { display: flex; flex-direction: column; } .post-navigation .nav-links > a + a, .posts-navigation .nav-links > div + div { margin-top: 1rem; } .post-navigation a, .posts-navigation a { align-items: baseline; display: flex; font-weight: 700; } .post-navigation a .arrow, .post-navigation a .post-thumb, .posts-navigation a .arrow, .posts-navigation a .post-thumb { margin-right: 1.6rem; } @media (min-width: 700px) { .post-navigation .nav-links, .posts-navigation .nav-links { flex-direction: row; justify-content: space-between; align-items: center; } .post-navigation a.nav-next, .posts-navigation .nav-next a { flex-direction: row-reverse; text-align: right; } .post-navigation a.nav-next .arrow, .post-navigation a.nav-next .post-thumb, .posts-navigation .nav-next a .arrow, .posts-navigation .nav-next a .post-thumb { margin-right: 0; margin-left: 1.6rem; } .post-navigation .nav-links > a + a, .posts-navigation .nav-links > div + div { margin: 0 0 0 2rem; } .post-navigation .nav-next:only-child, .posts-navigation .nav-next:only-child { margin-left: auto; } } .post-navigation .style_2 a .post-thumb, .posts-navigation .style_2 a .post-thumb { flex-basis: 20%; position: relative; overflow: hidden; } .post-navigation .style_2 a .post-info, .posts-navigation .style_2 a .post-info { flex-basis: 80%; } .post-navigation .style_2 a, .posts-navigation .style_2 a { align-items: center; font-size: 1.6rem; } .post-navigation .style_2 .post-info .meta-nav, .posts-navigation .style_2 .post-info .meta-nav { display: block; font-size: 1.4rem; color: var(--site--base-text-color); } .post-navigation .style_3, .posts-navigation .style_3 { display: block; position: relative; } .post-navigation .style_3 a, .posts-navigation .style_3 a { display: block; position: relative; overflow: hidden; height: 17rem; color: #fff; background-color: #000; margin: 0; text-align: unset !important; font-size: 2.2rem; } .post-navigation .style_3 a .meta-nav, .posts-navigation .style_3 a .meta-nav { font-size: 1.6rem; } .post-navigation .style_3 a img, .posts-navigation .style_3 a img { display: block; width: 100%; height: 17rem; object-fit: cover; transition: transform 0.5s ease; } .post-navigation .style_3 .post-thumb, .posts-navigation .style_3 .post-thumb { margin: 0 !important; } .post-navigation .style_3 .post-info, .posts-navigation .style_3 .post-info { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; display: grid; gap: 0.5rem; padding: 2rem; line-height: 1.2; } .post-navigation .style_3 .nav-next, .posts-navigation .style_3 .nav-next { margin: 1rem 0 0 0; } @media (min-width: 700px) { .post-navigation .style_2.nav-links .nav-previous, .post-navigation .style_2.nav-links .nav-next, .posts-navigation .style_2.nav-links .nav-previous, .posts-navigation .style_2.nav-links .nav-next { flex-basis: 50%; } .post-navigation .style_2 a .post-thumb, .posts-navigation .style_2 a .post-thumb { flex-basis: 30%; } .post-navigation .style_2 a .post-info, .posts-navigation .style_2 a .post-info { flex-basis: 70%; } body.no-sidebar .post-navigation .style_3.nav-links, body.no-sidebar .posts-navigation .style_3.nav-links { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } body.no-sidebar .post-navigation .style_3 .nav-next, body.no-sidebar .posts-navigation .style_3 .nav-next { margin-top: 0 !important; } body.no-sidebar .post-navigation .style_3.nav-links > a + a, body.no-sidebar .posts-navigation .style_3.nav-links > div + div { margin: 0; } body.no-sidebar .post-navigation .style_3 .nav-next .post-info, body.no-sidebar .posts-navigation .style_3 .nav-next .post-info { left: unset; right: 0; text-align: right; } } /* Generic Items --------------------------------- */ /* Image Classes */ :root { --gloabl--bg-overlay: #000; } .blogmarks-bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; background-color: var(--gloabl--bg-overlay); } .blogmarks-bg-image img { display: none; } .blogmarks-bg-overlay::before { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: 0.5; background-color: var(--gloabl--bg-overlay); } .blogmarks-bg-attachment-fixed { background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .blogmarks-bg-attachment-fixed { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .blogmarks-bg-attachment-fixed { background-attachment: scroll; } } /* Cover block */ .widget-has-background { position: relative; background-size: cover; background-position: 50%; min-height: 40rem; background-color: var(--gloabl--bg-overlay); width: 100%; display: flex; justify-content: center; align-items: center; box-sizing: border-box; } .site-background-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: 0.6; background-color: var(--gloabl--bg-overlay); } .site-background-overlay.has-gradient-background { background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(0, 0, 0)); } .widget-has-background img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; outline: none; border: none; box-shadow: none; z-index: 0; } .site-widget-container { width: 100%; z-index: 1; } /* Simple Title box generic layout */ .blogmarks-section-title-wrap { text-align: center; margin-bottom: 3rem; } .blogmarks-section-title-wrap .section-title { position: relative; display: inline-block; padding: 0 1rem; } .blogmarks-section-title-wrap .section-title::before, .blogmarks-section-title-wrap .section-title::after { content: ""; position: absolute; display: block; top: 50%; left: 100%; width: 6rem; height: 1.3px; background-color: var(--global--color-accent); } .blogmarks-section-title-wrap .section-title::before { left: auto; right: 100%; } .single-block-panel .site-section-content { display: grid; gap: 2.4rem; } @media only screen and (min-width: 576px) { .single-block-panel .site-section-content { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width: 768px) { .single-block-panel .site-section-content { grid-auto-flow: column; grid-auto-columns: 1fr; } } /* Author Info */ .single-author-profile { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2rem; } .single-author-profile .author-image { width: 11.6rem; height: 11.6rem; } .single-author-profile .avatar { border-radius: 50%; } .single-author-profile .author-header-info { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.6rem; } .single-author-profile .author-name { font-size: 1.8rem; text-decoration: none; display: block; font-weight: 700; color: var(--global--color-black); } .single-author-profile .author-site { font-size: 1.2rem; display: inline-block; text-decoration: none; margin-bottom: 0.6rem; } .single-author-profile .author-desc { font-size: 1.4rem; } .single-author-profile .author-desc p { line-height: 1.4; } .single-author-profile .author-desc p:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .single-author-profile { display: grid; grid-template-columns: 1fr; justify-items: center; } .single-author-profile .author-details { display: grid; justify-items: center; align-items: center; text-align: center; } } /* Related/Author Posts/Auhtor Info */ .single-author-profile, .single-related-posts, .single-author-posts { margin-top: 3rem; } .has-sidebar .single-related-posts .site-wrapper, .has-sidebar .single-author-posts .site-wrapper { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 482px) { .single-author-profile, .single-related-posts, .single-author-posts { margin-top: 4rem; } } @media only screen and (min-width: 822px) { .single-author-profile, .single-related-posts, .single-author-posts { margin-top: 6rem; } } /* Site Pagination ------------------------ */ .blogmarks-nav-pagination .nav-links { display: flex; align-items: center; gap: 1rem; } .blogmarks-nav-pagination.center-aligned-pagination .nav-links { justify-content: center; } .blogmarks-nav-pagination .nav-links .page-numbers { font-weight: 700; min-width: 4rem; height: 4rem; border: 1px solid var(--site--base-border-color); display: flex; align-items: center; justify-content: center; } .blogmarks-nav-pagination .nav-links .page-numbers svg { width: 1.1rem; height: 1.1rem; } .blogmarks-nav-pagination .nav-links .placeholder { display: none; visibility: hidden; } .blogmarks-nav-pagination .nav-links > span.page-numbers.current { background-color: var(--global--color-accent); color: var(--global--color-inverse-accent); border: var(--global--color-accent); } /* Error 404 ----------------------- */ .error404 #site-content { padding: 6rem; } .error404 #site-content .archive-title, .error404 #site-content .archive-subtitle, .error404 #site-content .search-form { text-align: center; margin-right: auto; margin-left: auto; } .error404 #site-content .search-form { justify-content: center; margin-top: 3rem; } .error404 #site-content .search-form { max-width: 40rem; } .error404 #site-content .search-form label { flex-grow: 1; } .error404 #site-content .page404-btn { padding-top: 3rem; display: flex; justify-content: center; } .error404 #site-content .page404-btn a { font-weight: 600; font-size: 1.3rem; padding: 0 4rem; line-height: 4rem; color: #282828; background-color: var(--global--color-gray-300); } /* Search Page */ body.search.search-results .site-archive-style > article:not(:last-child) { margin-bottom: 6rem; } /* Site Footer ----------------------- */ .site-footer { background-color: var(--site--footer-background-color); font-size: 1.4rem; position: relative; padding-top: var(--site--spacing-vertical-big); padding-bottom: var(--site--spacing-vertical-big); margin-left: auto; margin-right: auto; } .site-footer :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--footer-color); } .site-footer a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--footer-link-color); } .site-credit-area { background-color: var(--site--footer-credit-background); margin-left: auto; margin-right: auto; position: relative; } .site-credit-area :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--footer-credit-color); } .site-credit-area a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--footer-credit-link-color); } .site-credit-area .footer-bottomarea { padding-bottom: var(--site--spacing-vertical-big); padding-top: var(--site--spacing-vertical-big); } .footer-bottomarea { display: flex; flex-direction: column-reverse; align-items: center; } .footer-bottomarea .footer-credits { display: flex; align-items: center; gap: 0.2rem; } /* Footer Menu */ .blogmarks-footer-menu { display: flex; flex-wrap: wrap; font-size: 1.3rem; font-weight: 500; margin: -1rem 0 0 -1rem; } .blogmarks-footer-menu li { margin: 1rem 0 0 1rem; } .blogmarks-footer-menu a { text-decoration: none; word-break: normal; word-wrap: normal; color: var(--global--color-black); } .blogmarks-footer-menu li:not(:last-child):after { content: "/"; margin-left: 0.8rem; color: var(--site--base-text-color); } .blogmarks-footer-menu a:hover, .blogmarks-footer-menu a:focus { text-decoration: underline; } @media (min-width: 1025px) { .footer-bottomarea { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } } /* Scroll To Top */ .floating-scroll-to-top { background-color: var(--site--scroll-top-background); border-color: var(--site--scroll-top-background); color: var(--site--scroll-top-color); position: fixed; bottom: 5rem; z-index: 9999; width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(10rem); transition: all 0.5s ease; } .floating-scroll-to-top:hover, .floating-scroll-to-top:focus { background-color: var(--site--scroll-top-background-hover); border-color: var(--site--scroll-top-background-hover); color: var(--site--scroll-top-color-hover); } .floating-scroll-to-top.left { left: 2rem; } .floating-scroll-to-top.right { right: 2rem; } .floating-scroll-to-top.visible { opacity: 1; transform: translateY(0); } .floating-scroll-to-top svg { width: 1.8rem; height: 1.8rem; } /* Footer Background Image*/ .site-footer.footer-bg-enabled { background-repeat: no-repeat; background-size: cover; background-position: 50%; position: relative; } .site-footer.footer-bg-enabled .footer-bg-overlay { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.7; background-color: var(--gloabl--bg-overlay); } .site-footer.footer-bg-enabled .footer-widgetarea, .site-footer.footer-bg-enabled .footer-bottomarea { position: relative; } .site-footer.inverted-footer-background { --site--footer-background-color: #000000; --global--color-footer-text: #fff; } .site-footer.inverted-footer-background { background-color: var(--site--footer-background-color); } .site-footer:where(.footer-bg-enabled, .inverted-footer-background) :is( h1, h2, h3, h4, h5, h6, p), .site-footer.inverted-footer-background a:not(:hover):not(:focus) { color: var(--global--color-footer-text); } .site-credit-area.inverted-credit-background { --site--footer-credit-background: #000000; --global--color-footer-credit-text: #fff; } .site-credit-area.inverted-credit-background { background-color: var(--site--footer-credit-background); } .site-credit-area.inverted-credit-background, .site-credit-area.inverted-credit-background a:not(:hover):not(:focus) { color: var(--global--color-footer-credit-text); } /* Main Grid ------------------------- */ .has-sidebar #site-content.wide-max-width, .two-column-widgetarea .site-dual-column { display: grid; gap: 4rem; } @media only screen and (min-width: 1025px) { .has-sidebar #site-content.wide-max-width, .two-column-widgetarea .site-dual-column { grid-template-columns: 7fr 3fr; } .has-sidebar.left-sidebar #site-content.wide-max-width #secondary { order: 1; } .has-sidebar.left-sidebar #site-content.wide-max-width #primary { order: 2; } .has-sidebar.left-sidebar #site-content.wide-max-width { grid-template-columns: 3fr 7fr; } .has-sidebar.right-sidebar.has-sidebar-border #site-content #secondary { border-left: 1px solid var(--site--base-border-color); padding-left: 3rem; } .has-sidebar.left-sidebar.has-sidebar-border #site-content #secondary { border-right: 1px solid var(--site--base-border-color); padding-right: 3rem; } } /* Text Selection -------------------------------------------- */ ::-moz-selection { color: #fff; background-color: var(--global--color-accent); } ::selection { color: #fff; background-color: var(--global--color-accent); } /* Canvas Modal ------------------------------------------------ */ #page.site { position: relative; width: 100%; min-height: 100%; z-index: 1; transition: transform 0.5s ease-in-out; } #page.site::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(21, 32, 53, 0.3); z-index: 99999; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out; } /* Canvas Modal **------------------------------------------------ */ body.canvas-modal-is-open #page.site::before { opacity: 1; visibility: visible; } body.canvas-modal-is-open { overflow: hidden; } /* Off canvas */ .site-offcanvas-model { position: fixed; top: var(--global--admin-bar--height); bottom: 0; left: 0; width: var(--offcanvas-width); height: 100vh; overflow: hidden; display: flex; flex-direction: column; background-color: var(--site--base-background-color); z-index: 999999; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all 0.6s ease-in-out; padding-bottom: 2rem; } .site-offcanvas-model.inverted-offcanvas { background-color: #000; color: #fff; } .site-offcanvas-model.inverted-offcanvas a, .site-offcanvas-model.inverted-offcanvas h1, .site-offcanvas-model.inverted-offcanvas h2, .site-offcanvas-model.inverted-offcanvas h3, .site-offcanvas-model.inverted-offcanvas h4, .site-offcanvas-model.inverted-offcanvas h5, .site-offcanvas-model.inverted-offcanvas h6 { color: #fff; } .site-offcanvas-model.inverted-offcanvas .entry-meta-list svg { fill: #fff; } body.showing-offcanvas-modal .site-offcanvas-model { transform: translateX(0); opacity: 1; visibility: visible; } .site-canvas-header { padding: 2rem; align-items: center; display: flex; justify-content: center; align-items: center; gap: 1rem; font-size: 1.6rem; font-weight: 500; width: 100%; min-height: 6rem; position: relative; } .site-canvas-header .blogmarks-offcanvas-logo { padding-top: 3rem; } .site-canvas-header .blogmarks-offcanvas-logo img { max-width: 20rem; } .site-offcanvas-widgetarea { height: 100%; overflow-y: auto; overflow-x: hidden; padding: 2rem; } @media (min-width: 992px) { .site-offcanvas-widgetarea { --scrollbar-color: var(--global--color-accent); --scrollbar-track: transparent; --scrollbar-size: 4px; scrollbar-width: thin; scrollbar-color: var(--scrollbar-color) var(--scrollbar-track); } .site-offcanvas-widgetarea::-webkit-scrollbar { width: var(--scrollbar-size); } .site-offcanvas-widgetarea::-webkit-scrollbar-track { background-color: var(--scrollbar-track); } .site-offcanvas-widgetarea::-webkit-scrollbar-thumb { background-color: var(--scrollbar-color); border-radius: 3px; } } .site-canvas-header .site-offcanvas-close { position: absolute; top: 50%; transform: translateY(-50%); right: 2rem; line-height: 1.2; cursor: pointer; } .site-canvas-header .site-offcanvas-close span { display: inline-block; margin: 0; margin-right: 0.5rem; padding: 0; } .site-offcanvas-model.inverted-offcanvas .site-offcanvas-close svg, .site-offcanvas-model.inverted-offcanvas .site-responsive-menu button.sub-menu-toggle svg { color: #fff; } .offcanvas-sidebar .widget { margin: 0; padding: 2rem 0; } .offcanvas-sidebar .widget:last-child { margin-bottom: 3rem; } /* Search Form */ @media (min-width: 576px) { .search-panel-wrapper { display: grid; align-items: center; grid-template-columns: 1fr 40px; gap: 4rem; } } .blogmarks-search-canvas-open #page.site::before { display: block; opacity: 1; visibility: visible; } .site-search-model { position: fixed; top: 0; left: 0; width: 100vw; padding: 10rem 0; background-color: var(--site--base-background-color); z-index: 9999; opacity: 0; visibility: hidden; transform: translateY(-100%); transition: all 0.5s ease-in-out; } .admin-bar .site-search-model { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar .site-search-model { top: 46px; } } @media only screen and (max-width: 575px) { .admin-bar .site-search-model { top: 0; } .search-panel-wrapper .site-search-close { width: 100%; } } .blogmarks-search-canvas-open .site-search-model { transform: translateY(0); opacity: 1; visibility: visible; } .site-search-model input.search-field { background-color: transparent; border: 0; border-radius: 0; border-bottom: 1px solid #ddd; font-size: 1.8rem; width: 20rem; max-width: 100%; padding: 0 0 2rem 0; transition: width 0.3s ease 0.3s; } .blogmarks-search-canvas-open .site-search-model input.search-field { width: calc(100% - 5rem); } .site-search-model input:focus.search-field { border-bottom-color: var(--global--color-accent); outline: none; } /* Ajax load *---------------------- */ .blogmarks-load-posts-btn-wrapper { padding-top: 3rem; text-align: center; justify-content: center; align-items: center; } .blogmarks-ajax-load-btn { display: flex; align-items: center; justify-content: center; max-width: 24rem; padding: 1.2rem; font-size: 1.2rem; font-weight: 500; text-transform: uppercase; line-height: 1; color: var(--site--base-component-color); border: 1px solid var(--site--base-border-color); border-radius: var(--global--elements-border-radius-s); } .blogmarks-nav-pagination.center-aligned-pagination .blogmarks-ajax-load-btn { margin: 0 auto; } .blogmarks-ajax-load-btn svg { fill: var(--site--base-component-color); } .blogmarks-ajax-load-btn:hover, .blogmarks-ajax-load-btn:focus { text-decoration: none; color: var(--global--color-accent); border-color: var(--global--color-accent); } .blogmarks-ajax-load-btn:hover svg, .blogmarks-ajax-load-btn:focus svg { fill: var(--global--color-accent); } .blogmarks-ajax-load-btn.loading-posts { opacity: 0.8; color: var(--site--base-component-color); border-color: var(--global--color-gray-400); cursor: auto; } .blogmarks-ajax-loader { width: 1.4rem; height: 1.4rem; margin-left: 0.8rem; } .blogmarks-ajax-loader.active { animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Progress Bar *----------------------------------- */ #blogmarks-progress-bar { position: fixed; width: 0; height: 3px; z-index: 99999; background-color: var(--global--color-progressbar); } #blogmarks-progress-bar.top { top: 0; } .admin-bar #blogmarks-progress-bar.top { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar #blogmarks-progress-bar.top { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar #blogmarks-progress-bar.top { top: 0; } } #blogmarks-progress-bar.bottom { bottom: 0; } /*Custom cursor **-------------------------------------------- */ @media (min-width: 768px) { .site-cursor-dot, .site-cursor-outline { z-index: 1100; pointer-events: none; position: fixed; top: 50%; left: 50% /* rtl:ignore */; transform: translate(-50%, -50%); border-radius: 50%; opacity: 0; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; } .site-cursor-dot { width: 8px; height: 8px; background-color: var(--global--color-accent); } .site-cursor-outline { width: 30px; height: 30px; background-color: var(--global--color-accent); opacity: 0.4 !important; } } /*Preloader **-------------------------------------------- */ .site-preloader{ --uib-color: var(--global--color-preloader); } #blogmarks-preloader-wrapper { width: 100%; height: 100vh; position: fixed; background-color: var(--global--color-preloader-bg); z-index: 9999999; display: flex; justify-content: center; align-items: center; opacity: 1; transition: opacity 1s ease-out; inset: 0; } #blogmarks-preloader-wrapper.fadeOut { opacity: 0; } .preloader-loader-wrapper { position: relative; } /* Theme Styles ----------------------------*/ .home.page-template-default .entry-content { margin-top: 0; } /* Read More */ .blogmarks-btn-link { display: inline-flex; align-items: center; line-height: 1; font-size: 1.1rem; text-transform: uppercase; word-break: break-word; } .blogmarks-btn-link svg { width: 1.2rem; height: 1.2rem; fill: currentColor; } .blogmarks-btn-link span { display: inline-block; vertical-align: middle; margin-left: 0.4rem; transition: margin 300ms ease; } .blogmarks-btn-link.style_1 { color: #fff; background-color: var(--global--color-accent); padding: 0.667em 1.333em; line-height: 1.6em; border-radius: var(--global--elements-border-radius-s); } .blogmarks-btn-link.style_1 svg { fill: #fff; } .blogmarks-btn-link.style_2 { color: var(--global--color-accent); } .blogmarks-btn-link.style_2 svg { fill: var(--global--color-accent); } .blogmarks-btn-link.style_2:hover span { margin-left: 0.7rem; } .blogmarks-btn-link.style_3 { padding: 0.667em 1.333em; color: var(--global--color-secondary); border: 1px solid #e0e0e0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 1.6em; } .blogmarks-btn-link.style_3 { fill: var(--global--color-black); } .blogmarks-btn-link.style_3:hover { color: #fff; background-color: var(--global--color-accent); border-color: var(--global--color-accent); } .blogmarks-btn-link.style_3:hover svg { fill: #fff; } .blogmarks-btn-link:hover, .blogmarks-btn-link:focus { opacity: 0.9; } /* Single Styles *-------------------------------------------*/ .single_style_2 article .entry-image { margin-top: 0; margin-bottom: 3rem; } /* Archive Styles *-------------------------------------------*/ .site-archive-style > article { margin-bottom: 1.2rem; padding-bottom: 1.2rem; } .site-archive-style > article.animatefadeIn { -webkit-animation: site-fadeIn 0.8s both 0.1s; animation: site-fadeIn 0.8s both 0.1s; } .site-archive-style > article:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .site-archive-style .blogmarks-article-block-wrapper .entry-header .entry-categories { margin: 0 0 1rem 0; } .site-archive-style .blogmarks-article-block-wrapper .entry-tags { margin: 0; } .site-archive-style .blogmarks-article-block-wrapper .entry-tags { padding-top: 1.8rem; } /* Archive style 1 *-------------------------------------------*/ .site-archive-style:is(.site-archive_style_1, .site-archive_style_2) .blogmarks-article-block-wrapper { display: flex; flex-direction: column; gap: 2.4rem; max-width: 100%; } .site-archive-style:is(.site-archive_style_1, .site-archive_style_2) .blogmarks-article-block-wrapper .entry-image { position: relative; overflow: hidden; } .site-archive-style:is(.site-archive_style_1, .site-archive_style_2) .blogmarks-article-block-wrapper .entry-image { margin: 0; } .site-archive-style:is(.site-archive_style_1, .site-archive_style_2) .blogmarks-edit.edit-link { padding: 0; } @media (min-width: 768px) { .site-archive-style:is(.site-archive_style_1, .site-archive_style_2) .blogmarks-article-block-wrapper { flex-direction: row; align-items: center; } .site-archive-style:is(.site-archive_style_1, .site-archive_style_2) .blogmarks-article-block-wrapper .entry-image { flex-basis: 45%; } .site-archive-style:is(.site-archive_style_1, .site-archive_style_2) .blogmarks-article-block-wrapper .entry-image + .entry-summary { flex-basis: 55%; } } /* Archive style 2 *-------------------------------------------*/ @media (min-width: 768px) { .site-archive-style.site-archive_style_2 article:nth-child(even) .blogmarks-article-block-wrapper { flex-direction: row-reverse; } } /* Archive style 3 *-------------------------------------------*/ .site-archive-style.site-archive_style_3 { text-align: center; } .site-archive-style.site-archive_style_3 :where( .entry-categories, .entry-meta-list, .entry-tags, .blogmarks-edit.edit-link ) { justify-content: center; } .site-archive-style.site-archive_style_3 .blogmarks-article-block-wrapper { display: flex; flex-direction: column; gap: 2.4rem; } /* Archive style 4 *-------------------------------------------*/ .site-archive-style.site-archive_style_4 .blogmarks-article-block-wrapper .entry-image { margin-top: 0; } .site-archive-style.site-archive_style_4 .blogmarks-article-block-wrapper .entry-header { margin-top: 3rem; } .site-archive-style.site-archive_style_4 :where( .entry-categories, .entry-meta-list, .entry-tags, .blogmarks-edit.edit-link ) { justify-content: center; } .site-archive-style.site-archive_style_4 .blogmarks-article-block-wrapper { display: flex; flex-direction: column; gap: 2.4rem; } /* Header *-------------------------------------------- */ /* Header Social links compatibilty */ .site-header-block .site-social-nav { display: flex; align-items: center; justify-content: flex-start; gap: 1rem; } .site-header-block .site-social-label { color: var(--global--color-header-social-label); } @media (max-width: 1024px) { .site-header-block .site-social-nav { display: none; visibility: hidden; opacity: 0; } } /* Top Bar *-------------------------------------------- */ .site-header-topbar { background-color: var(--site--topbar-background); --global--social-icons-color: var(--site--topbar-color); --global--social-icons-hover: var(--site--topbar-color-hover); } .site-header-topbar, .site-header-topbar a:not(:hover):not(:focus) { color: var(--site--topbar-color); } .site-header-topbar .topbar-component-navigation a:hover, .site-header-topbar .topbar-component-navigation a:focus { color: var(--site--topbar-color-hover); } @media (max-width: 991px) { .site-header-topbar.wpintf-stack-column .site-topbar-wrapper { flex-direction: column; } } .site-topbar-wrapper { padding: 1.5rem 0; } .site-topbar-left, .site-topbar-right { display: flex; align-items: center; justify-content: space-between; gap: 2.4rem; } .topbar-component-date { font-size: 1.4rem; } .site-topbar-wrapper .site-topbar-menu { display: flex; flex-wrap: wrap; gap: 1.5rem; } .site-topbar-menu li { position: relative; line-height: normal; } .site-topbar-menu .sub-menu { background-color: var(--global--color-topbar-submenu-bg); position: absolute; right: 9999rem; top: 3.6rem; min-width: 16rem; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 10000; opacity: 0; transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); } .site-topbar-menu .sub-menu:before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; border: 0.8rem solid transparent; } .site-topbar-menu .sub-menu a { color: var(--global--color-topbar-submenu); padding: 1.2rem 1.6rem; text-decoration: none; display: block; text-align: left; } .site-topbar-menu .sub-menu a:hover, .site-topbar-menu .sub-menu a:focus { color: var(--global--color-topbar-submenu-hover); } .site-topbar-menu li.menu-item-has-children:hover > ul, .site-topbar-menu li.menu-item-has-children.focus > ul, .site-topbar-menu li.menu-item-has-children:focus > ul { right: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } /* Navigation Section *-------------------------------------------- */ .site-title, .site-logo, .site-description { margin: 0; } .site-title { font-size: 3.2rem; line-height: 1; } .site-title a { color: var(--site--branding-color); display: block; text-decoration: none; } .site-title a:hover, .site-title a:focus { color: var(--global--color-accent); } .site-logo a, .site-logo img { display: block; } .site-logo img { height: auto; width: auto; transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; } .site-logo + .site-title { margin-top: 1rem; } @media (min-width: 1200px) { .site-title { font-size: 6.2rem; } } .site-description { margin-top: 1.6rem; font-size: 1.4rem; color: #313131; font-weight: 400; transition: all 0.15s linear; } .site-description span { display: inline-block; position: relative; } .site-description:where(.style_1, .style_2) span { padding: 0.6rem 1.6rem; color: #fff; background: #313131; } .site-description:where(.style_2, .style_4) span::before, .site-description:where(.style_2, .style_4) span::after { position: absolute; content: ""; width: 50%; top: 50%; border-bottom: 1px solid; border-color: #313131; } .site-description:where(.style_2, .style_4) span::before { left: -50%; } .site-description:where(.style_2, .style_4) span::after { right: -50%; } .site-description.style_4 span { padding: 0.6rem 1.6rem; } .site-header-navbar { background-color: var(--site--header-navbar-background); } @media only screen and (max-width: 575px) { .site-title { font-size: 2.4rem; } } /* Navigation --------------------------------------------- */ .toggle.toggle-offcanvas-menu { vertical-align: middle; } .off-canvas-bars { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0.4rem; } .off-canvas-bars span { background: var(--site--offcanvas-icon-color); width: 2rem; height: 0.2rem; } .off-canvas-bars span.bar-two { width: 1.4rem; } /* Primary Menu --------------------------------------------- */ ul.primary-menu { display: flex; font-size: var(--primary--menu-font-size); font-weight: var(--primary--menu-font-weight); flex-wrap: wrap; gap: 2rem; } .primary-menu li { line-height: var(--primary--menu-line-height); position: relative; } .primary-menu > li .icon { vertical-align: middle; line-height: 1; } .primary-menu svg { width: 1rem; height: 1rem; display: inline-block; margin-left: 0.8rem; fill: currentColor; } .primary-menu a { position: relative; color: var(--site--base-text-color-menu); display: block; text-decoration: none; word-break: normal; word-wrap: normal; display: flex; align-items: center; padding-top: 2rem; padding-bottom: 2rem; } .primary-menu-wrapper > ul > li > a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 0; height: 0.3rem; background-color: transparent; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out; transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out; } .primary-menu-wrapper > ul > li:not(.current-menu-item) > a:hover::after { background-color: var(--site--base-text-color-menu-hover-border); width: 100%; } .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { color: var(--site--base-text-color-menu-hover); } .primary-menu > li.current-menu-item > a, .primary-menu > li.current-menu-item > .link-icon-wrapper > a { color: var(--site--base-text-color-menu-active); } .primary-menu > li.current-menu-item > a::after, .primary-menu > li.current-menu-item > .link-icon-wrapper > a::after { background-color: var(--site--base-text-color-menu-active-border); width: 100%; } .primary-menu li.current-menu-item > a:hover, .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover, .primary-menu li.current-menu-item > a:focus, .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus { text-decoration: none; } /* SUB MENU */ .primary-menu ul { background-color: var(--global--color-sub-menu-bg); position: absolute; right: 9999rem; opacity: 0; min-width: 28rem; -webkit-box-shadow: 0 15px 38px rgba(0, 0, 0, .1); -moz-box-shadow: 0 15px 38px rgba(0, 0, 0, .1); box-shadow: 0 15px 38px rgba(0, 0, 0, .1); z-index: 11; transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(0.6rem); } .primary-menu ul a { color: var(--global--color-sub-menu); padding: 1rem 2.4rem; text-decoration: none; display: block; text-align: left; font-weight: 400; width: 100%; } .primary-menu ul a:hover, .primary-menu ul a:focus { background: rgba(0, 0, 0, 0.05); color: var(--global--color-sub-menu-hover); } .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children.focus > ul, .primary-menu li.menu-item-has-children:focus > ul { /* right: 0; */ left: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } .primary-menu ul li .icon { position: absolute; padding: inherit; top: 0; right: 0; } /* DEEP DOWN */ .primary-menu ul ul { top: 0; left: 100%; opacity: 0; visibility: hidden; } .primary-menu ul li.menu-item-has-children:hover > ul, .primary-menu ul li.menu-item-has-children:focus > ul, .primary-menu ul li.menu-item-has-children.focus > ul { left: 100%; visibility: visible; } /* * Enable nav submenu expansion with tapping on arrows on large-viewport * touch interfaces (e.g. tablets or laptops with touch screens). * These rules are supported by all browsers (>IE11) and when JS is disabled. */ @media (any-pointer: coarse) { .primary-menu > li.menu-item-has-children > a { padding-right: 0; margin-right: 2rem; } .primary-menu ul li.menu-item-has-children > a { margin-right: 4.5rem; padding-right: 0; width: unset; } } .menu-item-description { display: block; font-size: var(--site--font-size-tiny); line-height: 1.2; padding-top: 1rem; } .primary-menu > li > a .menu-item-description { text-transform: none; position: absolute; z-index: 1; top: calc(50% - 2.5rem); left: 100%; padding: 0; margin-left: -2rem; white-space: nowrap; color: var(--site--base-text-color-menu-desc); } .primary-menu ul .menu-item-description { color: var(--global--color-sub-menu-desc); } .site-secondary-nav { display: flex; flex-shrink: 0; justify-content: center; align-items: center; line-height: 1; gap: 2rem; } /* Color Mode --------------------------------------------- */ .secondary-navigation button.toggle.site-button-search, button.toggle.site-button-mode { padding-bottom: 1.5rem; padding-top: 1.5rem; } #colormode-switch-area { display: flex; align-items: center; } #colormode-switch-area #mode-icon-switch { background: #666; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05); position: relative; display: block; width: 52px; height: 26px; margin-right: 1rem; border-radius: 15px; } #colormode-switch-area #mode-icon-switch:before { background: #333; transition: all .25s; border: 4px solid #ffffff; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); content: ""; position: absolute; left: 2px; top: 2px; width: 22px; height: 22px; border-radius: 50%; } [data-theme="dark"] #colormode-switch-area #mode-icon-switch:before { background: #fff; border-color: #1a1a1a; left: 28px; } #colormode-switch-area .mode-icon-change:before { content: ""; background-color: currentColor; height: 20px; width: 20px; display: block; margin-left: auto; margin-right: auto; -webkit-mask-size: 20px; mask-size: 20px; } #colormode-switch-area .mode-icon-change:before { -webkit-mask: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 22 22' version='1.1'%3E%3Cpath d='M 15.53125 0.0507812 C 15.75 0.140625 15.902344 0.335938 15.945312 0.5625 L 16.800781 5.199219 L 21.4375 6.050781 C 21.664062 6.09375 21.859375 6.246094 21.949219 6.460938 C 22.039062 6.675781 22.011719 6.921875 21.878906 7.117188 L 19.203125 11 L 21.878906 14.878906 C 22.011719 15.074219 22.039062 15.320312 21.949219 15.53125 C 21.859375 15.75 21.664062 15.902344 21.4375 15.945312 L 16.800781 16.800781 L 15.945312 21.4375 C 15.902344 21.664062 15.75 21.859375 15.53125 21.949219 C 15.320312 22.039062 15.074219 22.011719 14.878906 21.878906 L 11 19.203125 L 7.121094 21.878906 C 6.925781 22.011719 6.679688 22.039062 6.46875 21.949219 C 6.25 21.859375 6.097656 21.664062 6.054688 21.4375 L 5.199219 16.800781 L 0.5625 15.945312 C 0.335938 15.902344 0.140625 15.75 0.0507812 15.53125 C -0.0390625 15.320312 -0.0117188 15.074219 0.121094 14.878906 L 2.796875 11 L 0.121094 7.121094 C -0.0117188 6.925781 -0.0390625 6.679688 0.0507812 6.46875 C 0.140625 6.25 0.335938 6.097656 0.5625 6.054688 L 5.199219 5.199219 L 6.054688 0.5625 C 6.097656 0.335938 6.25 0.140625 6.46875 0.0507812 C 6.679688 -0.0390625 6.925781 -0.0117188 7.121094 0.121094 L 11 2.796875 L 14.878906 0.121094 C 15.074219 -0.0117188 15.320312 -0.0390625 15.53125 0.0507812 Z M 15.125 11 C 15.125 13.277344 13.277344 15.125 11 15.125 C 8.722656 15.125 6.875 13.277344 6.875 11 C 6.875 8.722656 8.722656 6.875 11 6.875 C 13.277344 6.875 15.125 8.722656 15.125 11 Z M 16.5 11 C 16.5 7.960938 14.039062 5.5 11 5.5 C 7.960938 5.5 5.5 7.960938 5.5 11 C 5.5 14.039062 7.960938 16.5 11 16.5 C 14.039062 16.5 16.5 14.039062 16.5 11 Z M 16.5 11 '/%3E%3C/svg%3E%0A") no-repeat; mask: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 22 22' version='1.1'%3E%3Cpath d='M 15.53125 0.0507812 C 15.75 0.140625 15.902344 0.335938 15.945312 0.5625 L 16.800781 5.199219 L 21.4375 6.050781 C 21.664062 6.09375 21.859375 6.246094 21.949219 6.460938 C 22.039062 6.675781 22.011719 6.921875 21.878906 7.117188 L 19.203125 11 L 21.878906 14.878906 C 22.011719 15.074219 22.039062 15.320312 21.949219 15.53125 C 21.859375 15.75 21.664062 15.902344 21.4375 15.945312 L 16.800781 16.800781 L 15.945312 21.4375 C 15.902344 21.664062 15.75 21.859375 15.53125 21.949219 C 15.320312 22.039062 15.074219 22.011719 14.878906 21.878906 L 11 19.203125 L 7.121094 21.878906 C 6.925781 22.011719 6.679688 22.039062 6.46875 21.949219 C 6.25 21.859375 6.097656 21.664062 6.054688 21.4375 L 5.199219 16.800781 L 0.5625 15.945312 C 0.335938 15.902344 0.140625 15.75 0.0507812 15.53125 C -0.0390625 15.320312 -0.0117188 15.074219 0.121094 14.878906 L 2.796875 11 L 0.121094 7.121094 C -0.0117188 6.925781 -0.0390625 6.679688 0.0507812 6.46875 C 0.140625 6.25 0.335938 6.097656 0.5625 6.054688 L 5.199219 5.199219 L 6.054688 0.5625 C 6.097656 0.335938 6.25 0.140625 6.46875 0.0507812 C 6.679688 -0.0390625 6.925781 -0.0117188 7.121094 0.121094 L 11 2.796875 L 14.878906 0.121094 C 15.074219 -0.0117188 15.320312 -0.0390625 15.53125 0.0507812 Z M 15.125 11 C 15.125 13.277344 13.277344 15.125 11 15.125 C 8.722656 15.125 6.875 13.277344 6.875 11 C 6.875 8.722656 8.722656 6.875 11 6.875 C 13.277344 6.875 15.125 8.722656 15.125 11 Z M 16.5 11 C 16.5 7.960938 14.039062 5.5 11 5.5 C 7.960938 5.5 5.5 7.960938 5.5 11 C 5.5 14.039062 7.960938 16.5 11 16.5 C 14.039062 16.5 16.5 14.039062 16.5 11 Z M 16.5 11 '/%3E%3C/svg%3E%0A") no-repeat; } [data-theme="dark"] #colormode-switch-area .mode-icon-change:before { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M10.544,8.717l1.166-0.855l1.166,0.855l-0.467-1.399l1.012-0.778h-1.244L11.71,5.297l-0.466,1.244H10l1.011,0.778L10.544,8.717z M15.986,9.572l-0.467,1.244h-1.244l1.011,0.777l-0.467,1.4l1.167-0.855l1.165,0.855l-0.466-1.4l1.011-0.777h-1.244L15.986,9.572z M7.007,6.552c0-2.259,0.795-4.33,2.117-5.955C4.34,1.042,0.594,5.07,0.594,9.98c0,5.207,4.211,9.426,9.406,9.426c2.94,0,5.972-1.354,7.696-3.472c-0.289,0.026-0.987,0.044-1.283,0.044C11.219,15.979,7.007,11.759,7.007,6.552 M10,18.55c-4.715,0-8.551-3.845-8.551-8.57c0-3.783,2.407-6.999,5.842-8.131C6.549,3.295,6.152,4.911,6.152,6.552c0,5.368,4.125,9.788,9.365,10.245C13.972,17.893,11.973,18.55,10,18.55 M19.406,2.304h-1.71l-0.642-1.71l-0.642,1.71h-1.71l1.39,1.069l-0.642,1.924l1.604-1.176l1.604,1.176l-0.642-1.924L19.406,2.304z'%3E%3C/path%3E%3C/svg%3E") no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M10.544,8.717l1.166-0.855l1.166,0.855l-0.467-1.399l1.012-0.778h-1.244L11.71,5.297l-0.466,1.244H10l1.011,0.778L10.544,8.717z M15.986,9.572l-0.467,1.244h-1.244l1.011,0.777l-0.467,1.4l1.167-0.855l1.165,0.855l-0.466-1.4l1.011-0.777h-1.244L15.986,9.572z M7.007,6.552c0-2.259,0.795-4.33,2.117-5.955C4.34,1.042,0.594,5.07,0.594,9.98c0,5.207,4.211,9.426,9.406,9.426c2.94,0,5.972-1.354,7.696-3.472c-0.289,0.026-0.987,0.044-1.283,0.044C11.219,15.979,7.007,11.759,7.007,6.552 M10,18.55c-4.715,0-8.551-3.845-8.551-8.57c0-3.783,2.407-6.999,5.842-8.131C6.549,3.295,6.152,4.911,6.152,6.552c0,5.368,4.125,9.788,9.365,10.245C13.972,17.893,11.973,18.55,10,18.55 M19.406,2.304h-1.71l-0.642-1.71l-0.642,1.71h-1.71l1.39,1.069l-0.642,1.924l1.604-1.176l1.604,1.176l-0.642-1.924L19.406,2.304z'%3E%3C/path%3E%3C/svg%3E") no-repeat; } .blogmarks-cart.site-header-cart { margin-right: 0.5rem; } .blogmarks-cart.site-header-cart .svg-icon { fill: currentColor; } /* Responsive Menu */ .site-responsive-menu { position: relative; width: 100%; margin-bottom: 3rem; } @media only screen and (min-width: 1025px) { .site-responsive-menu { display: none; } } .site-responsive-menu li { border-color: var(--site--base-border-color); border-style: solid; border-width: 0.1rem 0 0 0; line-height: 1; margin: 0; } .site-responsive-menu > li:first-child { border-top: none; } .site-responsive-menu .ancestor-wrapper { display: flex; justify-content: space-between; } .site-responsive-menu a { position: relative; display: block; padding: 2rem 0; text-decoration: none; width: 100%; } .site-responsive-menu a:focus, .site-responsive-menu a:hover, .site-responsive-menu li.current-menu-item > .ancestor-wrapper > a, .site-responsive-menu li.current_page_ancestor > .ancestor-wrapper > a { opacity: 0.8; } button.sub-menu-toggle { flex-shrink: 0; margin: 1rem 0; } button.sub-menu-toggle svg { height: 1.2rem; width: 1.2rem; transition: transform 0.15s linear; color: var(--site--base-text-color-menu); } .site-responsive-menu button.sub-menu-toggle svg { color: #5b5b5b; } button.sub-menu-toggle.active svg { transform: rotate(180deg); } .site-responsive-menu ul { display: none; margin: 0; width: 100%; } .site-responsive-menu ul.active { display: block; } /* Sticky menu **------------------------------------- */ .site-header-navbar.affix-navbar { top: 0; z-index: 9999 !important; width: 100%; } .admin-bar .site-header-navbar.affix-navbar { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar .site-header-navbar.affix-navbar { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar .site-header-navbar.affix-navbar { top: 0; } } .site-header-navbar.affix-navbar.affix-navbar-active { border: none; -webkit-box-shadow: 0 15px 38px rgba(0, 0, 0, .1); -moz-box-shadow: 0 15px 38px rgba(0, 0, 0, .1); box-shadow: 0 15px 38px rgba(0, 0, 0, .1); transform: translateY(0); transition: transform 0.1s ease 0s; position: fixed; } /* Header Styles **----------------------------------- */ .site-header-masthead { padding: 3rem 0; } .site-header-masthead.has-header-image { padding-top: 6rem; padding-bottom: 6rem; } .site-header-wrapper { display: flex; justify-content: space-between; align-items: center; gap: 3rem; line-height: 1; } .site-masthead-wrapper.centered { justify-content: center; } .site-masthead-wrapper.centered .site-logo img { margin-left: auto; margin-right: auto; } .site-header-navbar .site-logo img { max-height: 3rem; width: auto; } @media only screen and (max-width: 991px) { .site .site-header-masthead { padding: 0; } .site-header-masthead .site-branding { display: none; } .site-masthead-wrapper .site-exclusive-banner { flex-basis: auto; } .site-masthead-wrapper { justify-content: center; } .site-header-navbar .site-branding .site-title a { color: var(--site--base-text-color-menu); } .site-header-navbar .site-logo img { max-height: 3rem; width: auto; } header.site-header { display: none; } } @media only screen and (max-width: 822px) { .site-masthead-wrapper { flex-direction: column; } .site-header-masthead .site-branding { text-align: center; } } @media only screen and (max-width: 576px) { .site-header-navbar .site-logo img { max-height: 2.4rem; } .site-header-wrapper { gap: 2rem; } } .site-masthead-wrapper.ad-banner-enabled .site-branding { flex-basis: 30%; } .site-masthead-wrapper .site-exclusive-banner { flex-basis: 70%; } .site-masthead-wrapper .site-exclusive-banner img { margin-left: auto; } .site-navbar-wrapper .main-navigation.left-aligned-menu { margin-right: auto; } .site-navbar-wrapper .main-navigation.center-aligned-menu { margin: 0 auto; } .site-navbar-wrapper .main-navigation { display: flex; gap: 2rem; align-items: center; padding-top: 0; padding-bottom: 0; } #site-navigation { display: none; } @media only screen and (min-width: 1025px) { #site-navigation { display: flex; } } .site-navbar-wrapper .site-social-icons svg { width: 2rem; height: 2rem; } .site-navbar-wrapper .site-social-icons:where(.style_2, .style_3, .style_4) a { width: 2.4rem; height: 2.4rem; } .site-navbar-wrapper .site-social-icons:where(.style_2, .style_3, .style_4) svg { width: 1.6rem; height: 1.6rem; } /* Banner section */ .site-section-banner { background-color: var(--site--banner-background); position: relative; } .site-section-banner.full-width { max-width: 100%; overflow-x: hidden; } .site-section-block.site-section-trending + .site-section-banner.full-width.as-slider { margin-top: var(--site--spacing-vertical-big); } .site-section-banner.full-width:not(.as-carousel) .site-section-header { padding-top: var(--site--spacing-vertical-big); } .below-header-widgetarea + .site-section-banner { padding-top: 0; } /* General utility */ .contains-border-top { border-top: 1px solid var(--site--base-border-color); } .contains-border-bottom { border-bottom: 1px solid var(--site--base-border-color); } /* General Element & Widgets Header Style */ .site-section-title-align-left .widget-title, .site-section-header.site-section-title-align-left .site-section-title, .site-section-header.site-section-title-align-left .site-section-subtitle { text-align: left; } .site-section-title-align-center .widget-title, .site-section-header.site-section-title-align-center .site-section-title, .site-section-header.site-section-title-align-center .site-section-subtitle { text-align: center; } .site-section-title-align-right .widget-title, .site-section-header.site-section-title-align-right .site-section-title, .site-section-header.site-section-title-align-right .site-section-subtitle { text-align: right; } .widget-content .widget-title { position: relative; } .site-section-header, .site-section-header .site-section-title { position: relative; margin-bottom: 0; } .blogmarks-inverted-title-color .site-section-title, .blogmarks-inverted-title-color .site-section-subtitle { color: #fff; } /* Elements Titles / Widget Titles */ .blogmarks-secondary-column .widget-title, .blogmarks-secondary-column .site-section-title { font-size: 1.3rem; } .footer-widgetarea .site-section-title, .site-offcanvas-widgetarea .site-section-title { font-size: 1.6rem; } .site-section-title-style_1 .widget-title, .site-section-header.style_1 .site-section-title { display: flex; align-items: center; gap: 1rem; } .site-section-title-style_1 .widget-title span, .site-section-header.style_1 .site-section-title span { flex-basis: auto; } .site-section-title-style_1 .widget-title::after, .site-section-header.style_1 .site-section-title::after { content: ""; display: block; width: 100%; height: 1px; background: var(--site--base-border-color); flex: 1 0 0; } .site-section-title-style_1.site-section-title-align-center .widget-title::before, .site-section-header.style_1.site-section-title-align-center .site-section-title::before { content: ""; display: block; width: 100%; height: 1px; background: var(--site--base-border-color); flex: 1 0 0; } .site-section-title-style_1.site-section-title-align-right .widget-title::before, .site-section-header.style_1.site-section-title-align-right .site-section-title::before { content: ""; display: block; width: 100%; height: 1px; background: var(--global--color-black); flex: 1 0 0; } .site-section-title-style_1.site-section-title-align-right .widget-title::after, .site-section-header.style_1.site-section-title-align-right .site-section-title::after { content: none; } .site-section-header.style_1.blogmarks-inverted-title-color .site-section-title::before, .site-section-header.style_1.blogmarks-inverted-title-color .site-section-title::after { background: #fff; } .site-section-title-style_2 .widget-title span, .site-section-header.style_2 .site-section-title span { position: relative; display: inline-block; padding-left: 1rem; line-height: 1; border-left: 0.8rem solid var(--global--color-accent); } .site-section-title-style_2.site-section-title-align-right .widget-title span, .site-section-header.style_2.site-section-title-align-right .site-section-title span { border-left: unset; border-right: 0.8rem solid var(--global--color-accent); padding-right: 1rem; padding-left: 0; } .site-section-title-style_3 .widget-title span, .site-section-header.style_3 .site-section-title span { position: relative; display: inline-block; padding: 0 1rem; } .site-section-title-style_3 .widget-title::before, .site-section-header.style_3 .site-section-title::before, .site-section-title-style_3 .widget-title::after, .site-section-header.style_3 .site-section-title::after { content: ""; display: inline-block; vertical-align: middle; max-width: 4rem; width: 100%; height: 1.3px; background-color: var(--global--color-accent); } .site-section-title-style_4 .widget-title, .site-section-header.style_4 .site-section-title { position: relative; padding-bottom: 1.6rem; margin-bottom: 3rem; } .site-section-title-style_4 .widget-title::after, .site-section-header.style_4 .site-section-title::after { content: ""; position: absolute; left: 0; bottom: -3px; background: var(--global--color-accent); width: 5rem; height: 3px; } .site-section-title-style_4.site-section-title-align-center .widget-title::after, .site-section-header.style_4.site-section-title-align-center .site-section-title::after { left: 50%; transform: translateX(-50%); } .site-section-title-style_4.site-section-title-align-right .widget-title::after, .site-section-header.style_4.site-section-title-align-right .site-section-title::after { left: unset; right: 0; } .site-section-title-style_5 .widget-title, .site-section-header.style_5 .site-section-title { background-color: var(--global--color-black); color: var(--global--color-white); padding: 1.2rem 0.8rem; } .site-section-title-style_6 .widget-title, .site-section-header.style_6 .site-section-title { padding-bottom: 1.2rem; border-bottom: 1px solid var(--site--base-border-color); } .site-section-title-style_7 .widget-title span, .site-section-header.style_7 .site-section-title span { position: relative; color: var(--global--color-white); padding: 0.325em 0.725em; margin-left: 1rem; z-index: 1; } .site-section-title-style_7 .widget-title span::before, .site-section-header.style_7 .site-section-title span::before { background: var(--global--color-black); -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); content: ""; position: absolute; bottom: 0; top: 0; left: 0; right: 0; z-index: -1; } .site-section-header.style_7 .site-section-subtitle { padding-top: 1rem; } .site-section-title-style_8 .widget-title, .site-section-header.style_8 .site-section-title { padding: 1rem 0; border-top: 3px solid var(--global--color-black); border-bottom: 1px solid var(--site--base-border-color); } .site-section-header.style_8.blogmarks-inverted-title-color .site-section-title { border-top-color: #fff; } .site-section-title-style_9 .widget-title-wrapper, .site-section-header.style_9 { margin-bottom: 2rem; position: relative; width: 100%; } .site-section-title-style_9 .widget-title-wrapper:before, .site-section-header.style_9:before { background-color: rgba(0, 0, 0, .05); bottom: 10px; content: ""; left: 0; position: absolute; right: 0; top: 10px; } .site-section-title-style_9 .widget-title-wrapper .widget-title, .site-section-header.style_9 .site-section-title { background: var(--global--color-accent); color: #fff; display: inline-block; font-size: 1.6rem; font-weight: 500; line-height: 35px; margin: 0; padding: 5px 25px; position: relative; } .site-section-title-style_9 .widget-title-wrapper .widget-title:before, .site-section-header.style_9 .site-section-title:before { border-left: 30px solid var(--global--color-accent);; border-top: 45px solid transparent; content: ""; position: absolute; right: -30px; top: 0; z-index: 5; } .site-section-title-style_10 .widget-title span, .site-section-header.style_10 .site-section-title span { background: var(--global--color-accent); padding: 0.6rem 1.2rem; display: inline-block; color: #fff; } .site-section-title-style_10 .widget-title::after, .site-section-header.style_10 .site-section-title::after { position: absolute; content: ""; width: 100%; height: 0.2rem; left: 0; top: 100%; background: var(--global--color-accent); } /* Section Block */ .site-section-block { padding-bottom: var(--site--spacing-vertical-big); padding-top: var(--site--spacing-vertical-big); position: relative; } .site-section-header { margin-bottom: var(--site--spacing-vertical); } /* General Item W Overlay Style */ .has-metro-style { position: relative; } .has-metro-style .wpintf-block-inner-wrapper { position: relative; overflow: hidden; } .site .has-metro-style, .site .has-metro-style a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { --site--base-component-color: #fff; color: #fff; } .metro-style-background { position: relative; } .metro-style-background img { display: block; width: 100%; height: auto; object-fit: cover; transition: transform 0.5s ease; } .metro-style-content { display: flex; flex-direction: column; gap: 1rem; position: absolute; bottom: 0; padding: 2.4rem; z-index: 1; } .site-section-trending .swiper-pagination { position: relative; } .site-section-trending .site-trending-area { padding-left: 0; padding-right: 0; } @media (min-width: 576px) { .site-section-trending .site-trending-area { padding-left: 8%; padding-right: 8%; } } @media (min-width: 768px) { .site-section-trending .site-trending-area { padding-left: 6%; padding-right: 6%; } } /* Banner */ .site-banner-init { --swiper-navigation-size: 16px; --swiper-pagination-color: #fff; --swiper-pagination-bullet-inactive-opacity: 0.5; position: relative; } .site-banner-init .entry-categories, .site-banner-init .entry-meta-list { justify-content: center; } .site-section-banner .entry-image img.wp-post-image { height: 35rem; width: 100%; } @media (min-width: 992px) { .site-section-banner .entry-image img.wp-post-image { height: 50rem; } .site-section-banner.full-width .entry-image img.wp-post-image { height: 55rem; } } .site-banner-init.swiper { width: 100%; } .site-banner-init .swiper-slide { text-align: center; } .site-banner-init .swiper-slide:not(.swiper-slide-active) .banner-caption { opacity: 0; } .site-banner-init .banner-caption { display: flex; flex-direction: column; gap: 1.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 75%; opacity: 1; } .site-banner-init .banner-caption > * { margin: 0 auto; padding: 0; } .site-banner-init, .site-banner-init .entry-meta-list, .site-banner-init .blogmarks-btn-link, .site-banner-init a { color: #fff; } .site-banner-init .swiper-button-prev, .site-banner-init .swiper-button-next { transition: all 0.25s ease-in 0s; opacity: 0; } .site-banner-init:hover .swiper-button-prev, .site-banner-init:hover .swiper-button-next { opacity: 1; } @media (min-width: 768px) { .site-banner-init { --swiper-navigation-size: 16px; } } /* Animate Banner Content */ .site-section-banner.em-animate-content .swiper-slide.swiper-slide-active .entry-categories { -webkit-animation: site-fadeIn 0.8s both 0.3s; animation: site-fadeIn 0.8s both 0.3s; } .site-section-banner.em-animate-content .swiper-slide.swiper-slide-active .entry-title { -webkit-animation: site-fadeIn 0.7s both 0.2s; animation: site-fadeIn 0.7s both 0.2s; } .site-section-banner.em-animate-content .swiper-slide.swiper-slide-active .entry-meta-list { -webkit-animation: site-fadeIn 0.8s both 0.3s; animation: site-fadeIn 0.8s both 0.3s; } .site-section-banner.em-animate-content .swiper-slide.swiper-slide-active .banner-excerpt { -webkit-animation: site-fadeIn 0.8s both 0.3s; animation: site-fadeIn 0.8s both 0.3s; } .site-section-banner.em-animate-content .swiper-slide.swiper-slide-active .banner-read-more { -webkit-animation: site-fadeIn 0.8s both 0.4s; animation: site-fadeIn 0.8s both 0.4s; } /* Pinned Posts */ .site-pinned-area { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 2rem; } .site-pinned-area img.wp-post-image { min-height: 26rem; } @media (max-width: 991px) { .site-pinned-area { grid-template-columns: 1fr 1fr; } } @media (max-width: 767px) { .site-pinned-area { grid-template-columns: 1fr; } } .site-section-tags, .site-section-ticker { padding-top: var(--site--spacing-vertical); padding-bottom: var(--site--spacing-vertical); } .site-tags-area, .site-ticker-area { position: relative; display: flex; width: 100%; gap: 1rem; } /* Tags */ .site-section-tags { background-color: var(--site--tags-background); } .site-tags-area { display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .site-tags-area .site-tags-title { display: flex; align-items: center; gap: 0.5rem; position: relative; color: var(--site--tags-label-color); text-transform: uppercase; font-size: 12px; font-weight: 700; } .site-tags-area .site-tags-content { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; } .site-tags-area .site-tags-item { background-color: rgba(var(--theme--rgb-color), 0.08); padding: 2px 12px; border-radius: 3px; line-height: 21px; font-size: 13px; font-weight: 500; } .site-section-tags.inverted-tags-background { --site--tags-background: #293137; --site--tags-color: #f1f1f1; --site--tags-link-color: #fff; } .site-section-tags.inverted-tags-background { background-color: var(--site--tags-background); } .site-section-tags:where(.inverted-tags-background) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--tags-color); } .site-section-tags.inverted-tags-background a:not(:hover):not(:focus) { color: var(--site--tags-link-color); } /* Ticker Posts */ .site-section-ticker { background-color: var(--site--ticker-background); } .site-ticker-area { --swiper-navigation-size: 10px; } .site-ticker-title { position: relative; color: var(--site--ticker-label-color); background: var(--site--ticker-label-background); border-radius: var(--site--ticker-border-radius); padding: 0.4rem 1rem; font-size: 1.4rem; font-weight: 700; flex-shrink: 0; } .site-ticker-title .ticker-loader { display: inline-block; vertical-align: middle; width: 4px; height: 4px; background-color: var(--site--ticker-loader-color); border-radius: 50%; animation: site-pulse 2s infinite; } .site-ticker-title svg { display: inline-block; vertical-align: middle; width: 1.4rem; height: 1.4rem; fill: var(--site--ticker-loader-color); flex-shrink: 0; } .site-section-ticker .site-ticker-title span { display: inline-block; vertical-align: middle; } .site-section-ticker.ticker-label-style_2 .site-ticker-title { padding: 0.6rem 1.2rem; } .site-section-ticker.ticker-label-style_2 .site-ticker-title span { margin-left: 0.8rem; } .site-section-ticker.ticker-label-style_3 .site-ticker-title span { margin-left: 0.2rem; } .site-ticker-content { position: relative; overflow: hidden; width: 100%; display: flex; align-items: center; } .site-ticker-content .site-ticker-post, .site-ticker-content .site-ticker-post .entry-summary { display: flex; align-items: center; gap: 1rem; } .site-ticker-content .entry-title, .site-ticker-content .entry-meta-list, .site-ticker-content .entry-meta-list li { margin: 0 !important; line-height: 1; } .blogmarks-ticker-slider-nav { display: flex; align-items: center; gap: 0.5rem; height: 2.4rem; z-index: 2; } @media (max-width: 767px) { .site-section-ticker.stack-ticker-responsive .site-ticker-area { flex-direction: column; } .site-section-ticker.stack-ticker-responsive .site-ticker-title { padding: 1rem; justify-content: flex-start; } } .blogmarks-ticker-slider-nav .swiper-button-prev, .blogmarks-ticker-slider-nav .swiper-button-next { position: static; display: flex; transition: 0.35s ease; height: 2.4rem; width: 2.4rem; color: var(--global--color-gray-500); border: 1px solid var(--global--color-gray-500); background: transparent; margin: 0; } .blogmarks-ticker-slider-nav :where(.swiper-button-prev, .swiper-button-next):hover { color: #fff; border-color: transparent; background: var(--global--color-accent); } .site-ticker-area .entry-image { flex-shrink: 0; } .site-ticker-area .entry-image img { width: 2.8rem; height: 2.8rem; } .has-circle-thumbnail .site-ticker-area .entry-image img { border-radius: 50%; } .site-ticker-area .entry-categories-wrapper .entry-categories { margin: 0; } .site-ticker-area .entry-meta-list .meta-list-item { background: var(--site--ticker-label-background); color: var(--site--ticker-label-color); padding: 1rem 1.5rem; border-radius: 1.5rem; font-size: var(--site--font-size-tiny); } .site-section-ticker.inverted-ticker-background { --site--ticker-background: #1d2327; --site--ticker-color: #f1f1f1; --site--ticker-link-color: #fff; } .site-section-ticker.inverted-ticker-background { background-color: var(--site--ticker-background); } .site-section-ticker:where(.inverted-ticker-background) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--ticker-color); } .site-section-ticker.inverted-ticker-background a:not(:hover):not(:focus) { color: var(--site--ticker-link-color); } /* Trending Posts */ .site-section-block.site-section-trending { background-color: var(--site--trending-background); padding-top: var(--site--spacing-vertical); padding-bottom: var(--site--spacing-vertical); } .site-section-block:where(.site-section-trending) :is( h1, h2, h3, h4, h5, h6, p) { color: var(--site--trending-color); } .site-section-block.site-section-trending .entry-title a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { color: var(--site--trending-link-color); } .site-section-block.site-section-trending.style_2 .entry-image { border-radius: 10rem; } /* Some generic article styles ------------------ */ /* Image animate */ .image-hover-animate img { width: 100%; } .image-hover-zoom .metro-style-background, .image-hover-zoom .entry-image, .image-hover-zoom.entry-image { overflow: hidden; } .image-hover-zoom.entry-image { position: relative; } .image-hover-zoom img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out; } .image-hover-zoom:hover img:not(.author-avatar-image) { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Grid */ .entry-categories-wrapper .entry-categories { margin: 0; margin-bottom: 1rem; } .site-post-group { --uf-item-gap: 2.4rem; display: flex; flex-direction: column; gap: var(--uf-item-gap) } .site-grid-post { display: flex; flex-direction: column; gap: 1.6rem; } .site-list-post { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.6rem; } .site-list-post .entry-image { height: 10rem; width: 12rem; position: relative; } .site-list-post .entry-categories-wrapper .entry-categories { margin-bottom: 0.8rem; } .tabs-widget-content .site-list-post:not(:last-child), .site-recent-widget .site-list-post:not(:last-child) { border-bottom: 1px solid var(--site--base-border-color); margin-bottom: 2rem; padding-bottom: 2rem; } /* Inverted Color */ [data-theme="dark"] { --global--color-black: #fff; --site--link-color: #fff; --site--base-component-color: #e9ecef; color: #fff; } .widget-inverted-scheme a, .widget-inverted-scheme p, .widget-inverted-scheme .blogmarks-btn-link.style_2 { color: var(--global--color-black); } .widget-inverted-scheme .blogmarks-btn-link.style_5 { background-color: #191a1f; } .widget-inverted-scheme .entry-meta-list svg, .widget-inverted-scheme .blogmarks-btn-link.style_2 svg { fill: #fff; } .widget-inverted-scheme a:hover { color: rgba(255, 255, 255, 0.9); } /* Inverted Items */ .has-inverted-items .site-list-post .entry-image { order: 2; } .has-inverted-items .site-list-post .entry-summary { order: 1; } .has-inverted-items .site-list-post { grid-template-columns: 1fr auto; } .wpintf-hidden-post-image .site-list-post .entry-summary { padding: 0; } /* Sticky Elements */ .has-sticky-sidebar .site-sticky-components { position: -webkit-sticky; position: sticky; } .has-sticky-sidebar .site-sticky-components { top: 5rem; } .has-affix-navbar.has-sticky-sidebar .site-sticky-components { top: 10rem; } /* Post Format Icons */ .post-format-icon { color: #fff; background: rgba(0, 0, 0, 0.35); border: 2px solid #fff; border-radius: 50%; width: 4rem; height: 4rem; fill: currentColor; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; } .post-format-icon.left { top: 1.6rem; left: 3rem; } .post-format-icon.right { top: 1.6rem; right: 3rem; } .post-format-icon.bottom { left: 3rem; bottom: 1.6rem; } .post-format-icon.center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .site-swiper-wrapper { --swiper-navigation-size: 14px; --swiper-pagination-color: var(--global--color-accent); --swiper-pagination-bullet-inactive-opacity: 0.4; display: grid; position: relative; } .site-swiper-wrapper .swiper { width: 100%; overflow: hidden; } .swiper-button-next, .swiper-button-prev { background: var(--swiper-pagination-bg-color); border-radius: 100%; height: 3.6rem; width: 3.6rem; } .site .swiper-button-next.swiper-button-disabled, .site .swiper-button-prev.swiper-button-disabled { pointer-events: inherit; } .site-widgetarea .site-swiper-wrapper:where(.as_slider, .as_carousel.style_2), .site-widgetarea .site-swiper-wrapper:where(.as_slider, .as_carousel.style_2) a:not(:hover,:focus):not(.has-bg-color,.blogmarks-btn-link, .tab-item) { --site--base-component-color: #fff; color: #fff; } .site-swiper-wrapper .slider-widget-post { position: relative; } .site-swiper-wrapper:where(.as_slider, .as_carousel.style_2) .entry-summary { position: absolute; bottom: 0; padding: 3rem 3.6rem; z-index: 1; } .site-swiper-wrapper .entry-meta-list { padding-top: 0.6rem; } /* Style 2 Slider */ .site-fullwidth-widgetarea .site-swiper-wrapper.as_slider.style_2 { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 1000%; width: auto; } .site-swiper-wrapper.as_slider.style_2 .entry-summary { top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: unset; text-align: center; width: 75%; } .site-swiper-wrapper.as_slider.style_2 .entry-categories, .site-swiper-wrapper.as_slider.style_2 .entry-meta-list { justify-content: center; } .site-swiper-wrapper.as_slider img.wp-post-image { height: 54rem; } @media (min-width: 1025px) { .blogmarks-secondary-column .site-swiper-wrapper .entry-image img { height: 25rem; } .blogmarks-secondary-column .site-swiper-wrapper.as_slider .entry-title { font-size: 2.6rem; } } /* Ads code widget */ .blogmarks-ads-code-widget { display: grid; align-items: center; } /* -==================================- */ .sticky-article-link { box-sizing: border-box; overflow: hidden; display: block; width: 48px; height: 100px; position: fixed; z-index: 99; top: 50%; transform: translateY(-50%); -webkit-box-shadow: 0 15px 38px rgba(0, 0, 0, .1); -moz-box-shadow: 0 15px 38px rgba(0, 0, 0, .1); box-shadow: 0 15px 38px rgba(0, 0, 0, .1); transition: width 375ms ease-in-out; background-color: var(--site--base-background-color); color: var(--site--base-text-color); } .sticky-article-link:hover, .sticky-article-link:focus { width: 448px; } .sticky-article-prev, .sticky-article-prev .sticky-article-icon { left: 0; right: auto; } .sticky-article-next, .sticky-article-next .sticky-article-icon { right: 0; left: auto; } .sticky-article-link .sticky-article-icon { display: flex; height: 100%; align-items: center; justify-content: center; width: 48px; position: absolute; z-index: 2; margin: 0; text-align: center; cursor: pointer; background-color: inherit; } .sticky-article-link .site-sticky-article { box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 1rem; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 400px; height: 100px; position: absolute; top: 0; } .sticky-article-link .site-sticky-article .entry-image { width: 100px; flex-shrink: 0; } .sticky-article-prev .site-sticky-article { left: auto; right: 0; padding-right: 15px; } .sticky-article-next .site-sticky-article { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-left: 15px; left: 0; right: auto; } @media only screen and (max-width: 575px) { .sticky-article-navigation { display: none; visibility: hidden; opacity: 0; } }