@charset "UTF-8"; /*! Theme Name: Blogty Theme URI: http://unfoldwp.com/products/blogty/ Author: Unfoldwp Author URI: https://unfoldwp.com/ Description: Blogty is your all-in-one solution for a dynamic blog or magazine on WordPress. Elevate your digital space by fine-tuning every detail through the intuitive customizer. Dive into a world of diverse widgets and amplify your content presentation with extensive post formats support. Blog, magazine, fashion, travel, lifestyle, tech – Blogty is the theme that adapts to your vision seamlessly. Requires at least: 5.3 Tested up to: 6.5 Requires PHP: 5.6 Version: 1.0.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: blogty 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 */ --global--font-primary: var( --font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif ); --global--font-primary-menu: var( --font-primary-menu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif ); --global--font-secondary: var( --font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif ); --font-headings: "Lora", serif; --font-base: "Lato", sans-serif; --font-primary-menu: "Open Sans", sans-serif; /* Font Size */ --global--font-size-base: 1.6rem; --global--font-size-xs: 1.6rem; --global--font-size-sm: 1.7rem; --global--font-size-md: 1.9rem; --global--font-size-lg: 2.2rem; --global--font-size-xl: 2.7rem; --global--font-size-xxl: 3.2rem; --global--font-size-xxxl: 4.2rem; --global--letter-spacing: normal; --global--letter-spacing-body: 0; --global--font-size-body: 1.4rem; /* Line Heights */ --global--line-height-body: 1.5; --global--line-height-heading: 1.25; --global--line-height-page-title: 1.1; /* Headings */ --heading--font-family: var(--global--font-primary); --heading--font-size-h6: var(--global--font-size-xs); --heading--font-size-h5: var(--global--font-size-sm); --heading--font-size-h4: var(--global--font-size-md); --heading--font-size-h3: var(--global--font-size-lg); --heading--font-size-h2: var(--global--font-size-xl); --heading--font-size-h1: var(--global--font-size-xxl); --heading--letter-spacing: 0; --heading--font-weight: 700; --heading--font-weight-strong: 700; --list--font-family: var(--global--font-secondary); /* Primary Menu */ --primary--menu-font-family: var(--global--font-primary-menu); --primary--menu-font-weight: 600; --primary--menu-font-size: 1.4rem; --primary--menu-line-height: 1.2; --primary--menu-letter-spacing: 0; /* Colors */ --global--color-black: #191a1f; --global--color-white: #fff; --global--color-primary: #666666; --global--color-secondary: #6d6d6d; --global--color-accent: #b49169; --global--color-background: #fff; --global--color-border: #dcd7ca; --global--link-color: #b49169; --global--link-color-hover: #000; --global--color-header-icons: #000; --global--color-header-social-nav: #fff; --global--color-header-social-label: #fff; --global--color-header-social-nav-hover: #b49169; --global--color-header-social-nav-bg: #222222; --global--color-header-social-nav-hover-bg: #222222; --global--color-header-search-btn-bg: #b49169; --global--color-topbar: #000; --global--color-topbar-bg: #000000; --global--color-topbar-date: #fff; --global--color-topbar-menu: #fff; --global--color-topbar-menu-hover: #b49169; --global--color-topbar-submenu: #000; --global--color-topbar-submenu-hover: #000; --global--color-topbar-submenu-bg: #fff; --global--color-topbar-bottom-border: var(--global--color-border); --global--color-header-bg: #fff; --global--color-footer-bg: #fff; --global--color-footer-top-border: var(--global--color-border); --global--color-sub-footer-top-border: var(--global--color-border); --global--color-sub-footer-bg: #fff; --global--color-scroll-top: #fff; --global--color-scroll-top-hover: #fff; --global--color-scroll-top-bg: #b49169; --global--color-scroll-top-hover-bg: #b49169; --global--color-primary-menu: #000000; --global--color-primary-menu-bg: #fff; --global--color-menubar-top-border: var(--global--color-border); --global--color-menubar-bottom-border: var(--global--color-border); --global--color-offcanvas-icon: #000; --global--color-primary-menu-hover: #000000; --global--color-primary-menu-hover-border: #b49169; --global--color-primary-menu-active: #000; --global--color-primary-menu-active-border: #b49169; --global--color-primary-menu-desc: #b49169; --global--color-sub-menu: #000; --global--color-sub-menu-hover: #b49169; --global--color-sub-menu-bg: #fff; --global--color-sub-menu-desc: #999; --global--color-breadcrumb: #b49169; --global--color-preloader-bg: #fff; --global--color-preloader: #b49169; --global--color-progressbar: #b49169; --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-600: #6c757d; --global--color-gray-700: var(--global--color-primary); --global--color-gray-800: #343a40; --global--color-gray-900: #212529; --global--card-bg: #fff; --global--ticker-section-bg: #fff; --global--color-ticker-label: #fff; --global--color-ticker-label-bg: #444444; --global--color-ticker-loader-icon: #fff; --global--color-ticker-content-bg: #fff; --global--ticker-border-radius: var(--global--elements-border-radius-s); --global--trending-section-bg: #ffffff; --global--banner-section-bg: #ffffff; --global--widetarea-before-home-columns-bg: #ffffff; --global--widetarea-home-columns-bg: #ffffff; --global--widetarea-below-header-bg: #ffffff; --global--widetarea-before-home-bg: #ffffff; --global--widetarea-after-home-bg: #ffffff; --global--widetarea-before-footer-bg: #ffffff; --global--widetarea-after-footer-bg: #ffffff; --global--color-h1: var(--global--color-black); --global--color-h2: var(--global--color-black); --global--color-h3: var(--global--color-black); --global--color-h4: var(--global--color-black); --global--color-h5: var(--global--color-black); --global--color-h6: var(--global--color-black); /* Spacing */ --global--spacing-unit: 2rem; --global--spacing-horizontal: 2.5rem; --global--spacing-vertical: 3rem; --global--spacing-vertical-big: 3rem; /* Borders */ --global--elements-border-radius-s: 0rem; --global--elements-border-radius-m: 0rem; --global--elements-border-radius-l: 0rem; /* Offcanvas Width */ --offcanvas-width: 35rem; /* Breakpoints */ --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-xxl: 1400px; /* Admin-bar height */ --global--admin-bar--height: 0px; } .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(--global--color-background); color: var(--global--color-primary); font-family: var(--global--font-secondary); font-size: var(--global--font-size-body); font-weight: normal; line-height: var(--global--line-height-body); letter-spacing: var(--global--letter-spacing-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, .general-widget-area::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; border-radius: var(--global--elements-border-radius-s); 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)), 1440px ); } } .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 .blogty-breadcrumb-wrapper, .no-sidebar.narrow-container .blogty-author-info-wrapper, .default-max-width { --uf-gutter-x: 2.4rem; --uf-gutter-y: 0; max-width: var(--responsive--aligndefault-width); padding-right: calc(var(--uf-gutter-x) * 0.5); padding-left: calc(var(--uf-gutter-x) * 0.5); margin-left: auto; margin-right: auto; } .uf-wrapper, .wide-max-width { --uf-gutter-x: 2.4rem; --uf-gutter-y: 0; max-width: var(--responsive--alignwide-width); padding-right: calc(var(--uf-gutter-x) * 0.5); padding-left: calc(var(--uf-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, .blogty-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; } } /* .alignfull [class*="inner-container"] > .alignwide, .alignwide [class*="inner-container"] > .alignwide { margin-left: auto; margin-right: auto; width: var(--responsive--alignwide-width); max-width: var(--responsive--alignfull-width); } */ @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 { margin-left: auto; margin-right: auto; background: var(--global--color-header-bg); position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; } #site-content { padding-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); margin-left: auto; margin-right: auto; } .general-widget-area { padding-top: var(--global--spacing-vertical-big); padding-bottom: var(--global--spacing-vertical-big); margin-left: auto; margin-right: auto; } .general-widget-area .widget:last-child, .nc-widget-area .widget:last-child { margin-bottom: 0; padding-bottom: 0; } .home-page-widget-region.before-posts { padding-top: 0; padding-bottom: 0; } .home-page-widget-region.before-posts + article, .home-page-widget-region.before-posts + .saga-section-title, .home-page-widget-region.before-posts + .blogty-posts-lists { padding-top: var(--global--spacing-vertical-big); } .home-page-widget-region.after-posts { padding-top: var(--global--spacing-vertical-big); padding-bottom: 0; } #site-content { padding-top: var(--global--spacing-vertical-big); padding-bottom: var(--global--spacing-vertical-big); } .entry-content { line-height: 1.5; } .entry-content li { margin-bottom: 0.8em; } .entry-content > iframe[style] { margin: var(--global--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(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--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(--global--spacing-vertical); margin-bottom: var(--global--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(--global--spacing-vertical); } main { display: block; } h1, h2, h3, h4, h5, h6 { clear: both; margin-top: 0; margin-bottom: 1.6rem; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); letter-spacing: var(--heading--letter-spacing); word-wrap: break-word; color: var(--global--color-black); } h1 { color: var(--global--color-h1); font-size: var(--heading--font-size-h1); } h1 a { color: var(--global--color-h1); } h2 { color: var(--global--color-h2); font-size: var(--heading--font-size-h2); } h2 a { color: var(--global--color-h2); } h3 { color: var(--global--color-h3); font-size: var(--heading--font-size-h3); } h3 a { color: var(--global--color-h3); } h4 { color: var(--global--color-h4); font-size: var(--heading--font-size-h4); } h4 a { color: var(--global--color-h4); } h5 { color: var(--global--color-h5); font-size: var(--heading--font-size-h5); } h5 a { color: var(--global--color-h5); } h6 { color: var(--global--color-h6); font-size: var(--heading--font-size-h6); } h6 a { color: var(--global--color-h6); } 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(--global--color-border); margin-top: 3rem; margin-bottom: 3rem; clear: both; } a { color: var(--global--link-color); text-decoration: none; } a:focus, a:hover { color: var(--global--link-color-hover); } a:focus { outline: thin dotted; } 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, .blogty-btn-link, .text-decoration-none ), .entry-summary a:not( .more-link, .button, .wp-block-button__link, .read-more-link, .blogty-btn-link, .text-decoration-none ), .blogty-article-block-wrapper .article-excerpt a:not( .more-link, .button, .wp-block-button__link, .read-more-link, .blogty-btn-link, .text-decoration-none ) { text-decoration: underline; } /* Lists ------------------------------------- */ ul, ol { font-family: var(--list--font-family); margin-bottom: 3rem; margin-left: 3rem; } ul { list-style: disc; } ul ul { list-style: circle; } ul ul ul { list-style: square; } ol { list-style: decimal; } ol ol { list-style: lower-alpha; } ol ol ol { list-style: lower-roman; } li { line-height: 1.5; margin: 0.5rem 0 0 2rem; } li > ul, li > ol { margin: 1rem 0 0 2rem; } .reset-list-style, .reset-list-style ul, .reset-list-style ol { list-style: none; margin: 0; } .reset-list-style li { 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(--global--color-border); 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%; } 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(--global--color-border); border-radius: 0; border-style: solid; border-width: 0.1rem; padding: 3rem; } .wp-block-code code { color: var(--global--color-primary); 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(--global--spacing-vertical)); margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--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(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: var(--global--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 Cover */ .wp-block-cover, .wp-block-cover-image { /* background-color: var(--global--color-black); min-height: 45rem; */ margin-top: inherit; margin-bottom: inherit; } .wp-block-cover:not(.alignwide):not(.alignfull), .wp-block-cover-image:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-cover.alignfull, .wp-block-cover-image.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text { color: currentColor; margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) { color: currentColor; } .wp-block-cover .wp-block-cover__inner-container .has-link-color a, .wp-block-cover .wp-block-cover-image-text .has-link-color a, .wp-block-cover .wp-block-cover-text .has-link-color a, .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, .wp-block-cover-image .wp-block-cover-text .has-link-color a { color: var(--wp--style--color--link, var(--global--color-secondary)); } .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { text-align: left; } .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { text-align: center; } .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { text-align: right; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: calc(100% - 2 * var(--global--spacing-vertical)); } .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-cover .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover .wp-block-cover__inner-container > *:last-child, .wp-block-cover-image .wp-block-cover__inner-container > *:last-child { margin-bottom: 0; } .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { margin-top: 0; } .wp-block-cover.alignleft > *, .wp-block-cover.alignright > *, .wp-block-cover-image.alignleft > *, .wp-block-cover-image.alignright > * { width: 100%; } .wp-block-cover.has-left-content, .wp-block-cover.has-right-content, .wp-block-cover-image.has-left-content, .wp-block-cover-image.has-right-content { justify-content: center; } .wp-block-cover[class*="-background-color"][class] .wp-block-cover__inner-container, .wp-block-cover-image[class*="-background-color"][class] .wp-block-cover__inner-container { background-color: unset; } /* 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(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--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(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group.has-background { padding: var(--global--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(--global--spacing-vertical) ); width: calc( var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical) ); margin-left: calc(-1 * var(--global--spacing-vertical)); } /* Block Image */ .wp-block-image { text-align: center; } .wp-block-image figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); 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%; } } .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-meta { font-family: var(--heading--font-family); } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: var(--global--color-primary); } .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; } .wp-block-latest-posts:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); } .wp-block-latest-posts:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0; } .widget .wp-block-latest-posts:not(.is-grid) > li { margin-top: 0; margin-bottom: 1.6rem; } .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(--global--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 > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-latest-posts__featured-image img { margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-latest-posts > li > *:first-child { margin-top: 0; } .wp-block-latest-posts > li > *:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > a { display: inline-block; font-size: 1.8rem; font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .widget-area .wp-block-latest-posts > li > a { font-size: 1.4rem; margin-bottom: 0; padding: 0 0 0.4rem 0; } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: var(--global--color-secondary); font-size: var(--global--font-size-sm); 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(--global--font-size-xs); 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(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--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(--global--spacing-vertical); padding-bottom: var(--global--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; letter-spacing: normal; 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(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-query.has-background { padding: var(--global--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(--global--spacing-vertical) auto; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 0; padding-right: 0; margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--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(--global--font-size-md); } @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(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--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.is-grid > li { margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } .wp-block-rss.is-grid > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { margin-bottom: 0; } .wp-block-rss > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-rss > li > *:first-child { margin-top: 0; } .wp-block-rss > 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(--global--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(--global--font-size-xs); 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 { font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--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; } .widget_search form { margin: 0; } /* 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; letter-spacing: 2rem; 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(--global--font-size-xs); 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; } /* Block Category list */ .widget-content .wp-block-categories-list > li { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; margin-bottom: 1rem; text-align: left; } .widget-content .wp-block-categories-list > li:not(:last-child) { border-bottom: 1px solid var(--global--color-border); } /* 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-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: 1rem 0 0 0; } .wp-block-archives li:first-child, .wp-block-categories li:first-child, .wp-block-latest-posts li:first-child, .wp-block-latest-comments li:first-child { margin-top: 0; } .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(--global--color-primary); } .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; } .saga-element-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; letter-spacing: -0.027777778em; } .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 { display: flex; } @media (min-width:576px) { .comment-form-cookies-consent { align-items: baseline; } } .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(--global--color-border); 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(--global--color-border); 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-primary); line-height: 1; } input, textarea { border-color: var(--global--color-border); color: var(--global--color-primary); } 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: #fff; border-radius: var(--global--elements-border-radius-s); border-style: solid; border-width: 0.1rem; box-shadow: none; display: block; font-size: 1.5rem; letter-spacing: -0.015em; 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, /* .wp-block-button__link, .wp-block-file .wp-block-file__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; letter-spacing: 0.0333em; 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, /* .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__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; } /* Tables ------------------------------------ */ table { border: 0.1rem solid var(--global--color-border); 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(--global--color-border); line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: var(--global--color-border); 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 */ .blogty-flex-wrapper { display: flex; flex-wrap: wrap; align-items: center; } .blogty-flex-align-left { justify-content: flex-start; } .blogty-flex-align-center { justify-content: center; } .blogty-flex-align-right { justify-content: flex-end; } /* Some Helper Animations ------------------------------------ */ .blogty-animate-pulse { animation: uf-pulse 2s infinite; } @keyframes uf-pulse { 0% { opacity: 0.8; transform: scale(0.8); } 100% { opacity: 0; transform: scale(4); } } .blogty-animate-opacity { animation: uf-opac 0.8s; } @keyframes uf-opac { from { opacity: 0; } to { opacity: 1; } } .blogty-animate-fadeIn { animation: uf-fadeIn; } @keyframes uf-fadeIn { from { opacity: 0; } to { opacity: 1; } } /*Layout Grid ---------------------------------------*/ /* Row & Cols */ .row { --uf-gutter-x: 2.4rem; --uf-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--uf-gutter-y)); margin-right: calc(-0.5 * var(--uf-gutter-x)); margin-left: calc(-0.5 * var(--uf-gutter-x)); } .row > * { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--uf-gutter-x) * 0.5); padding-left: calc(var(--uf-gutter-x) * 0.5); margin-top: var(--uf-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 { --uf-gutter-x: 0; } .g-0, .gy-0 { --uf-gutter-y: 0; } .g-1, .gx-1 { --uf-gutter-x: 0.4rem; } .g-1, .gy-1 { --uf-gutter-y: 0.4rem; } .g-2, .gx-2 { --uf-gutter-x: 0.8rem; } .g-2, .gy-2 { --uf-gutter-y: 0.8rem; } .g-3, .gx-3 { --uf-gutter-x: 1.6rem; } .g-3, .gy-3 { --uf-gutter-y: 1.6rem; } .g-4, .gx-4 { --uf-gutter-x: 2.4rem; } .g-4, .gy-4 { --uf-gutter-y: 2.4rem; } .g-5, .gx-5 { --uf-gutter-x: 4.8rem; } .g-5, .gy-5 { --uf-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 { --uf-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --uf-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --uf-gutter-x: 0.4rem; } .g-sm-1, .gy-sm-1 { --uf-gutter-y: 0.4rem; } .g-sm-2, .gx-sm-2 { --uf-gutter-x: 0.8rem; } .g-sm-2, .gy-sm-2 { --uf-gutter-y: 0.8rem; } .g-sm-3, .gx-sm-3 { --uf-gutter-x: 1.6rem; } .g-sm-3, .gy-sm-3 { --uf-gutter-y: 1.6rem; } .g-sm-4, .gx-sm-4 { --uf-gutter-x: 2.4rem; } .g-sm-4, .gy-sm-4 { --uf-gutter-y: 2.4rem; } .g-sm-5, .gx-sm-5 { --uf-gutter-x: 4.8rem; } .g-sm-5, .gy-sm-5 { --uf-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 { --uf-gutter-x: 0; } .g-md-0, .gy-md-0 { --uf-gutter-y: 0; } .g-md-1, .gx-md-1 { --uf-gutter-x: 0.4rem; } .g-md-1, .gy-md-1 { --uf-gutter-y: 0.4rem; } .g-md-2, .gx-md-2 { --uf-gutter-x: 0.8rem; } .g-md-2, .gy-md-2 { --uf-gutter-y: 0.8rem; } .g-md-3, .gx-md-3 { --uf-gutter-x: 1.6rem; } .g-md-3, .gy-md-3 { --uf-gutter-y: 1.6rem; } .g-md-4, .gx-md-4 { --uf-gutter-x: 2.4rem; } .g-md-4, .gy-md-4 { --uf-gutter-y: 2.4rem; } .g-md-5, .gx-md-5 { --uf-gutter-x: 4.8rem; } .g-md-5, .gy-md-5 { --uf-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 { --uf-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --uf-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --uf-gutter-x: 0.4rem; } .g-lg-1, .gy-lg-1 { --uf-gutter-y: 0.4rem; } .g-lg-2, .gx-lg-2 { --uf-gutter-x: 0.8rem; } .g-lg-2, .gy-lg-2 { --uf-gutter-y: 0.8rem; } .g-lg-3, .gx-lg-3 { --uf-gutter-x: 1.6rem; } .g-lg-3, .gy-lg-3 { --uf-gutter-y: 1.6rem; } .g-lg-4, .gx-lg-4 { --uf-gutter-x: 2.4rem; } .g-lg-4, .gy-lg-4 { --uf-gutter-y: 2.4rem; } .g-lg-5, .gx-lg-5 { --uf-gutter-x: 4.8rem; } .g-lg-5, .gy-lg-5 { --uf-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 { --uf-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --uf-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --uf-gutter-x: 0.4rem; } .g-xl-1, .gy-xl-1 { --uf-gutter-y: 0.4rem; } .g-xl-2, .gx-xl-2 { --uf-gutter-x: 0.8rem; } .g-xl-2, .gy-xl-2 { --uf-gutter-y: 0.8rem; } .g-xl-3, .gx-xl-3 { --uf-gutter-x: 1.6rem; } .g-xl-3, .gy-xl-3 { --uf-gutter-y: 1.6rem; } .g-xl-4, .gx-xl-4 { --uf-gutter-x: 2.4rem; } .g-xl-4, .gy-xl-4 { --uf-gutter-y: 2.4rem; } .g-xl-5, .gx-xl-5 { --uf-gutter-x: 4.8rem; } .g-xl-5, .gy-xl-5 { --uf-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 { --uf-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --uf-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --uf-gutter-x: 0.4rem; } .g-xxl-1, .gy-xxl-1 { --uf-gutter-y: 0.4rem; } .g-xxl-2, .gx-xxl-2 { --uf-gutter-x: 0.8rem; } .g-xxl-2, .gy-xxl-2 { --uf-gutter-y: 0.8rem; } .g-xxl-3, .gx-xxl-3 { --uf-gutter-x: 1.6rem; } .g-xxl-3, .gy-xxl-3 { --uf-gutter-y: 1.6rem; } .g-xxl-4, .gx-xxl-4 { --uf-gutter-x: 2.4rem; } .g-xxl-4, .gy-xxl-4 { --uf-gutter-y: 2.4rem; } .g-xxl-5, .gx-xxl-5 { --uf-gutter-x: 4.8rem; } .g-xxl-5, .gy-xxl-5 { --uf-gutter-y: 4.8rem; } } .uf-no-gutters { margin-right: 0; margin-left: 0; } .uf-no-gutters > .col, .uf-no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } /* Margin & Paddings */ .uf-m-0 { margin: 0 !important; } .uf-m-1 { margin: 0.4rem !important; } .uf-m-2 { margin: 0.8rem !important; } .uf-m-3 { margin: 1.6rem !important; } .uf-m-4 { margin: 2.4rem !important; } .uf-m-5 { margin: 4.8rem !important; } .uf-p-0 { padding: 0 !important; } .uf-p-1 { padding: 0.4rem !important; } .uf-p-2 { padding: 0.8rem !important; } .uf-p-3 { padding: 1.6rem !important; } .uf-p-4 { padding: 2.4rem !important; } .uf-p-5 { padding: 4.8rem !important; } @media (min-width: 576px) { .uf-m-sm-0 { margin: 0 !important; } .uf-m-sm-1 { margin: 0.4rem !important; } .uf-m-sm-2 { margin: 0.8rem !important; } .uf-m-sm-3 { margin: 1.6rem !important; } .uf-m-sm-4 { margin: 2.4rem !important; } .uf-m-sm-5 { margin: 4.8rem !important; } .uf-p-sm-0 { padding: 0 !important; } .uf-p-sm-1 { padding: 0.4rem !important; } .uf-p-sm-2 { padding: 0.8rem !important; } .uf-p-sm-3 { padding: 1.6rem !important; } .uf-p-sm-4 { padding: 2.4rem !important; } .uf-p-sm-5 { padding: 4.8rem !important; } } @media (min-width: 768px) { .uf-m-md-0 { margin: 0 !important; } .uf-m-md-1 { margin: 0.4rem !important; } .uf-m-md-2 { margin: 0.8rem !important; } .uf-m-md-3 { margin: 1.6rem !important; } .uf-m-md-4 { margin: 2.4rem !important; } .uf-m-md-5 { margin: 4.8rem !important; } .uf-p-md-0 { padding: 0 !important; } .uf-p-md-1 { padding: 0.4rem !important; } .uf-p-md-2 { padding: 0.8rem !important; } .uf-p-md-3 { padding: 1.6rem !important; } .uf-p-md-4 { padding: 2.4rem !important; } .uf-p-md-5 { padding: 4.8rem !important; } } @media (min-width: 992px) { .uf-m-lg-0 { margin: 0 !important; } .uf-m-lg-1 { margin: 0.4rem !important; } .uf-m-lg-2 { margin: 0.8rem !important; } .uf-m-lg-3 { margin: 1.6rem !important; } .uf-m-lg-4 { margin: 2.4rem !important; } .uf-m-lg-5 { margin: 4.8rem !important; } .uf-p-lg-0 { padding: 0 !important; } .uf-p-lg-1 { padding: 0.4rem !important; } .uf-p-lg-2 { padding: 0.8rem !important; } .uf-p-lg-3 { padding: 1.6rem !important; } .uf-p-lg-4 { padding: 2.4rem !important; } .uf-p-lg-5 { padding: 4.8rem !important; } } @media (min-width: 1200px) { .uf-m-xl-0 { margin: 0 !important; } .uf-m-xl-1 { margin: 0.4rem !important; } .uf-m-xl-2 { margin: 0.8rem !important; } .uf-m-xl-3 { margin: 1.6rem !important; } .uf-m-xl-4 { margin: 2.4rem !important; } .uf-m-xl-5 { margin: 4.8rem !important; } .uf-p-xl-0 { padding: 0 !important; } .uf-p-xl-1 { padding: 0.4rem !important; } .uf-p-xl-2 { padding: 0.8rem !important; } .uf-p-xl-3 { padding: 1.6rem !important; } .uf-p-xl-4 { padding: 2.4rem !important; } .uf-p-xl-5 { padding: 4.8rem !important; } } @media (min-width: 1400px) { .uf-m-xxl-0 { margin: 0 !important; } .uf-m-xxl-1 { margin: 0.4rem !important; } .uf-m-xxl-2 { margin: 0.8rem !important; } .uf-m-xxl-3 { margin: 1.6rem !important; } .uf-m-xxl-4 { margin: 2.4rem !important; } .uf-m-xxl-5 { margin: 4.8rem !important; } .uf-p-xxl-0 { padding: 0 !important; } .uf-p-xxl-1 { padding: 0.4rem !important; } .uf-p-xxl-2 { padding: 0.8rem !important; } .uf-p-xxl-3 { padding: 1.6rem !important; } .uf-p-xxl-4 { padding: 2.4rem !important; } .uf-p-xxl-5 { padding: 4.8rem !important; } } /* Visibility */ @media (max-width: 768px) { .hide-on-mobile { display: none !important; } } @media (min-width: 769px) 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; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none; } /* Hiding and Showing ------------------------ */ .js .show-js { display: block !important; } .js .hide-js { display: none !important; } .no-js .show-no-js { display: block !important; } .no-js .hide-no-js { display: none !important; } /* Typography -------------------------------- */ .font-size-xl { font-size: 1.25em; } .font-size-xs { font-size: 0.8em; } .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(--global--color-primary); } .color-secondary, .color-secondary-hover:focus, .color-secondary-hover:hover { color: var(--global--color-secondary); } .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: var(--global--color-accent); } .color-border, .color-border-hover:focus, .color-border-hover:hover { color: var(--global--color-border); } .bg-primary, .bg-primary-hover:focus, .bg-primary-hover:hover { background-color: var(--global--color-primary); } .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(--global--color-border); } .border-color-primary, .border-color-primary-hover:focus, .border-color-primary-hover:hover { border-color: var(--global--color-primary); } .border-color-secondary, .border-color-secondary-hover:focus, .border-color-secondary-hover:hover { border-color: var(--global--color-secondary); } .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover { border-color: var(--global--color-accent); } .border-color-border, .border-color-border-hover:focus, .border-color-border-hover:hover { border-color: var(--global--color-border); } .fill-children-primary, .fill-children-primary * { fill: var(--global--color-primary); } .fill-children-secondary, .fill-children-secondary * { fill: var(--global--color-secondary); } .fill-children-accent, .fill-children-accent * { fill: var(--global--color-accent); } .fill-children-current-color, .fill-children-current-color * { fill: currentColor; } /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 0 -0.8rem -0.8rem; } .search-form .search-field, .search-form .search-submit { margin: 0 0 0.8rem 0.8rem; } .search-form label { align-items: stretch; display: flex; font-size: inherit; margin: 0; } .search-form .search-field { width: 100%; } .search-form .search-submit { flex-shrink: 0; } .search-form .search-submit:focus, .search-form .search-submit:hover { text-decoration: none; opacity: 0.8; } /* Social Icons ------------------------------ */ .blogty-social-icons { display: flex; flex-wrap: wrap; gap: 1.2rem; align-items: center; color: #fff; } .blogty-social-icons a { fill: currentColor; display: flex; align-items: center; justify-content: center; } .widget .blogty-social-icons li, .blogty-social-icons li { margin: 0; padding: 0; transition: transform 150ms ease-in-out; } .blogty-social-icons li:hover { transform: scale(1.1); } .blogty-social-icons.style_1 a { color: var(--global--color-black); } .blogty-social-icons.style_1 a:hover, .blogty-social-icons.style_1 a:focus { color: var(--global--color-accent); } .blogty-social-icons.style_2 a, .blogty-social-icons.style_3 a, .blogty-social-icons.style_4 a { color: #fff; background-color: var(--global--color-accent); width: 3.6rem; height: 3.6rem; } .blogty-social-icons.style_2 a { border-radius: 0 !important; } .blogty-social-icons.style_2 a:hover, .blogty-social-icons.style_2 a:focus, .blogty-social-icons.style_3 a:hover, .blogty-social-icons.style_3 a:focus { color: #fff !important; } .blogty-social-icons.style_3 a, .blogty-social-icons.style_4 a { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .blogty-social-icons.style_4 a { background: none; color: var(--global--color-black); border: 1px solid var(--global--color-border); } .blogty-social-icons.style_4 svg { width: 1.8rem; height: 1.8rem; } .blogty-social-icons.style_4 a:hover { color: var(--global--color-accent); border-color: var(--global--color-accent); transform: none; } /* Brand Colors */ .blogty-social-icons.as_bg.brand_color li a { color: #fff !important; } .blogty-social-icons.as_color.brand_color li a[href*="amazon"] { color: #f90; border-color: #f90; } .blogty-social-icons.as_bg.brand_color li a[href*="amazon"] { background: #f90; } .blogty-social-icons.as_color.brand_color li a[href*="bandcamp"] { color: #1ea0c3; border-color: #1ea0c3; } .blogty-social-icons.as_bg.brand_color li a[href*="bandcamp"] { background: #1ea0c3; } .blogty-social-icons.as_color.brand_color li a[href*="behance"] { color: #0757fe; border-color: #0757fe; } .blogty-social-icons.as_bg.brand_color li a[href*="behance"] { background: #0757fe; } .blogty-social-icons.as_color.brand_color li a[href*="codepen"] { color: #1e1f26; border-color: #1e1f26; } .blogty-social-icons.as_bg.brand_color li a[href*="codepen"] { background: #1e1f26; } .blogty-social-icons.as_color.brand_color li a[href*="deviantart"] { color: #02e49b; border-color: #02e49b; } .blogty-social-icons.as_bg.brand_color li a[href*="deviantart"] { background: #02e49b; } .blogty-social-icons.as_color.brand_color li a[href*="dribbble"] { color: #e94c89; border-color: #e94c89; } .blogty-social-icons.as_bg.brand_color li a[href*="dribbble"] { background: #e94c89; } .blogty-social-icons.as_color.brand_color li a[href*="dropbox"] { color: #4280ff; border-color: #4280ff; } .blogty-social-icons.as_bg.brand_color li a[href*="dropbox"] { background: #4280ff; } .blogty-social-icons.as_color.brand_color li a[href*="etsy"] { color: #f45800; border-color: #f45800; } .blogty-social-icons.as_bg.brand_color li a[href*="etsy"] { background: #f45800; } .blogty-social-icons.as_color.brand_color li a[href*="facebook"] { color: #1778f2; border-color: #1778f2; } .blogty-social-icons.as_bg.brand_color li a[href*="facebook"] { background: #1778f2; } .blogty-social-icons.as_color.brand_color li a[href*="500"] { color: #000; border-color: #000; } .blogty-social-icons.as_bg.brand_color li a[href*="500"] { background: #000; } .blogty-social-icons.as_color.brand_color li a[href*="flickr"] { color: #0461dd; border-color: #0461dd; } .blogty-social-icons.as_bg.brand_color li a[href*="flickr"] { background: #0461dd; } .blogty-social-icons.as_color.brand_color li a[href*="foursquare"] { color: #e65678; border-color: #e65678; } .blogty-social-icons.as_bg.brand_color li a[href*="foursquare"] { background: #e65678; } .blogty-social-icons.as_color.brand_color li a[href*="github"] { color: #24292d; border-color: #24292d; } .blogty-social-icons.as_bg.brand_color li a[href*="github"] { background: #24292d; } .blogty-social-icons.as_color.brand_color li a[href*="goodreads"] { color: #382110; border-color: #382110; } .blogty-social-icons.as_bg.brand_color li a[href*="goodreads"] { background: #382110; } .blogty-social-icons.as_color.brand_color li a[href*="google"] { color: #ea4434; border-color: #ea4434; } .blogty-social-icons.as_bg.brand_color li a[href*="google"] { background: #ea4434; } .blogty-social-icons.as_color.brand_color li a[href*="instagram"] { color: #f00075; border-color: #f00075; } .blogty-social-icons.as_bg.brand_color li a[href*="instagram"] { background: #f00075; } .blogty-social-icons.as_color.brand_color li a[href*="lastfm"] { color: #e21b24; border-color: #e21b24; } .blogty-social-icons.as_bg.brand_color li a[href*="lastfm"] { background: #e21b24; } .blogty-social-icons.as_color.brand_color li a[href*="linkedin"] { color: #0d66c2; border-color: #0d66c2; } .blogty-social-icons.as_bg.brand_color li a[href*="linkedin"] { background: #0d66c2; } .blogty-social-icons.as_color.brand_color li a[href*="mastodon"] { color: #3288d4; border-color: #3288d4; } .blogty-social-icons.as_bg.brand_color li a[href*="mastodon"] { background: #3288d4; } .blogty-social-icons.as_color.brand_color li a[href*="medium"] { color: #02ab6c; border-color: #02ab6c; } .blogty-social-icons.as_bg.brand_color li a[href*="medium"] { background: #02ab6c; } .blogty-social-icons.as_color.brand_color li a[href*="meetup"] { color: #f6405f; border-color: #f6405f; } .blogty-social-icons.as_bg.brand_color li a[href*="meetup"] { background: #f6405f; } .blogty-social-icons.as_color.brand_color li a[href*="patreon"] { color: #ff424d; border-color: #ff424d; } .blogty-social-icons.as_bg.brand_color li a[href*="patreon"] { background: #ff424d; } .blogty-social-icons.as_color.brand_color li a[href*="pinterest"] { color: #e60122; border-color: #e60122; } .blogty-social-icons.as_bg.brand_color li a[href*="pinterest"] { background: #e60122; } .blogty-social-icons.as_color.brand_color li a[href*="pocket"] { color: #ef4155; border-color: #ef4155; } .blogty-social-icons.as_bg.brand_color li a[href*="pocket"] { background: #ef4155; } .blogty-social-icons.as_color.brand_color li a[href*="reddit"] { color: #fe4500; border-color: #fe4500; } .blogty-social-icons.as_bg.brand_color li a[href*="reddit"] { background: #fe4500; } .blogty-social-icons.as_color.brand_color li a[href*="skype"] { color: #0478d7; border-color: #0478d7; } .blogty-social-icons.as_bg.brand_color li a[href*="skype"] { background: #0478d7; } .blogty-social-icons.as_color.brand_color li a[href*="snapchat"] { color: #fefc00; border-color: #fefc00; stroke: #000; } .blogty-social-icons.as_bg.brand_color li a[href*="snapchat"] { background-color: #fefc00; stroke: #000; } .blogty-social-icons.as_color.brand_color li a[href*="soundcloud"] { color: #ff5600; border-color: #ff5600; } .blogty-social-icons.as_bg.brand_color li a[href*="soundcloud"] { background: #ff5600; } .blogty-social-icons.as_color.brand_color li a[href*="spotify"] { color: #1bd760; border-color: #1bd760; } .blogty-social-icons.as_bg.brand_color li a[href*="spotify"] { background: #1bd760; } .blogty-social-icons.as_color.brand_color li a[href*="telegram"] { color: #2aabee; border-color: #2aabee; } .blogty-social-icons.as_bg.brand_color li a[href*="telegram"] { background: #2aabee; } .blogty-social-icons.as_color.brand_color li a[href*="tiktok"] { color: #000; border-color: #000; } .blogty-social-icons.as_bg.brand_color li a[href*="tiktok"] { background: #000; } .blogty-social-icons.as_color.brand_color li a[href*="tumblr"] { color: #011835; border-color: #011835; } .blogty-social-icons.as_bg.brand_color li a[href*="tumblr"] { background: #011835; } .blogty-social-icons.as_color.brand_color li a[href*="twitch"] { color: #6440a4; border-color: #6440a4; } .blogty-social-icons.as_bg.brand_color li a[href*="twitch"] { background: #6440a4; } .blogty-social-icons.as_color.brand_color li a[href*="twitter"] { color: #1da1f2; border-color: #1da1f2; } .blogty-social-icons.as_bg.brand_color li a[href*="twitter"] { background: #1da1f2; } .blogty-social-icons.as_color.brand_color li a[href*="vimeo"] { color: #1eb7ea; border-color: #1eb7ea; } .blogty-social-icons.as_bg.brand_color li a[href*="vimeo"] { background: #1eb7ea; } .blogty-social-icons.as_color.brand_color li a[href*="vk"] { color: #4680c2; border-color: #4680c2; } .blogty-social-icons.as_bg.brand_color li a[href*="vk"] { background: #4680c2; } .blogty-social-icons.as_color.brand_color li a[href*="wordpress"] { color: #3499cd; border-color: #3499cd; } .blogty-social-icons.as_bg.brand_color li a[href*="wordpress"] { background: #3499cd; } .blogty-social-icons.as_color.brand_color li a[href*="yelp"] { color: #d32422; border-color: #d32422; } .blogty-social-icons.as_bg.brand_color li a[href*="yelp"] { background: #d32422; } .blogty-social-icons.as_color.brand_color li a[href*="youtube"] { color: #ff0000; border-color: #ff0000; } .blogty-social-icons.as_bg.brand_color li a[href*="youtube"] { background: #ff0000; } /* ------------- Breadcrumbs ------------------- */ .blogty-breadcrumb-wrapper { position: relative; } .blogty-breadcrumb-wrapper .trail-items { align-items: center; font-size: 1.4rem; font-weight: normal; line-height: 1; margin-bottom: 3rem; } .blogty-breadcrumb-wrapper .trail-items a { color: var(--global--color-breadcrumb); text-decoration: none; } .blogty-breadcrumb-wrapper .trail-items a:hover, .blogty-breadcrumb-wrapper .trail-items a:focus { text-decoration: underline; } .blogty-breadcrumb-wrapper .trail-items li { margin-right: 0.5rem; display: inline; } .blogty-breadcrumb-wrapper .trail-items li:not(:last-child):after { content: " / "; padding-left: 0.6rem; color: var(--global--color-primary); font-size: 1.3rem; } /* Item Col Seprater */ .saga-col-sep, .saga-col-item-wrapper-sep > .row > [class*="col"]:not(:first-child) { border-left: 1px solid var(--global--color-border); } @media (max-width: 991px) { .saga-col-sep, .saga-col-item-wrapper-sep > .row > [class*="col"]:not(:first-child) { border-left: 0; } } @media (min-width: 992px) { .saga-col-item-wrapper-sep .row { --uf-gutter-x: 3rem; } } /* Item Divider */ .saga-item-divider { padding-top: 1.5rem; padding-bottom: 1.5rem; } .saga-item-sep .blogty-article-block-wrapper { position: relative; } .saga-item-sep .blogty-article-block-wrapper::after, .saga-item-sep .saga-block-item-w-overlay::after { content: ""; position: absolute; left: 0; width: 100%; bottom: calc(var(--uf-item-gap, 2.4rem) / 2 * -1); border-bottom: 1px solid var(--global--color-border); } /* Text Limiter --------------- */ .blogty-limit-lines[class*="limit-lines-"] { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--limit-lines, 5); } .limit-lines-1 { --limit-lines: 1; } .limit-lines-2 { --limit-lines: 2; } .limit-lines-3 { --limit-lines: 3; } .limit-lines-4 { --limit-lines: 4; } /* Widgets --------------------------------------------- */ .widget { margin-top: 0; margin-bottom: var(--global--spacing-vertical); } /* .widget-content > *:first-child { margin-top: 0; padding-top: 0; } */ /* .widget-content > *:last-child, */ .column-widgetarea .widget:last-child, .blogty-footer-widgets .footer-common-widget .widget:last-child { margin-bottom: 0; padding-bottom: 0; } /* Add a margin between columns for responsive design */ @media (max-width: 768px) { .blogty-footer-widgets .footer-common-widget:not(:first-child) { margin-top: 3rem; } } /* Widgetareas */ .below-header-widget-region { background-color: var(--global--widetarea-below-header-bg); position: relative; } .before-home-cols-widget-region { background-color: var(--global--widetarea-before-home-columns-bg); position: relative; } .column-widgetarea-wrapper { background-color: var(--global--widetarea-home-columns-bg); position: relative; } .before-home-widget-region { background-color: var(--global--widetarea-before-home-bg); position: relative; } .below-home-widget-region { background-color: var(--global--widetarea-after-home-bg); position: relative; } .before-footer-widget-region { background-color: var(--global--widetarea-before-footer-bg); position: relative; } .before-footer-nc-widget-region { position: relative; } .after-footer-widget-region { background-color: var(--global--widetarea-after-footer-bg); position: relative; } .after-footer-nc-widget-region { position: relative; } /* Sidebar Widgets */ #secondary .widget-area .widget:first-child { margin-top: 0; } #secondary .widget-area .widget:last-child { margin-bottom: 0; } #secondary.saga-sidebar-widget-style_2 .widget-area > .widget:not( .blogty_heading_widget, .blogty_ads_code_widget, .blogty_button_widget ) { border: 1px solid var(--global--color-border); padding: 3rem; } #secondary.saga-sidebar-widget-style_3 .widget-area > .widget:not( .blogty_heading_widget, .blogty_ads_code_widget, .blogty_button_widget ):not(:last-child) { border-bottom: 3px solid var(--global--color-accent); padding-bottom: var(--global--spacing-vertical); } .blogty_heading_widget .widget-title { margin: 0; } .blogty_heading_widget .saga-element-subtitle { margin: 1rem 0 0 0; } .widget-title { margin: 0 0 3rem; font-size: 1.6rem; letter-spacing: 1px; } .general-widget-area .widget-title { font-size: var(--heading--font-size-h3); } .widget li { margin: 1.2rem 0 0 0; } .widget li > ul, .widget li > ol { margin-top: 0; } .widget table, .widget table * { border-color: var(--global--color-border); } .widget table caption { background-color: var(--global--color-border); } .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 { 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, .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li { margin: 0.6rem 0; } .widget_archive li li, .widget_categories li li, .widget_pages li li, .widget_meta li li, .widget_nav_menu li li { margin-left: 2rem; } .widget_archive a, .widget_categories a, .widget_pages a, .widget_meta a, .widget_nav_menu a, .widget_recent_comments a, .widget_recent_entries a, .widget_rss a { font-weight: 400; text-decoration: none; color: var(--global--color-primary); } .widget_archive a:focus, .widget_archive a:hover, .widget_categories a:focus, .widget_categories a:hover, .widget_pages a:focus, .widget_pages a:hover, .widget_meta a:focus, .widget_meta a:hover, .widget_nav_menu a:focus, .widget_nav_menu a:hover, .widget_recent_comments a:focus, .widget_recent_comments a:hover, .widget_recent_entries a:focus, .widget_recent_entries a:hover, .widget_rss a:focus, .widget_rss a:hover { color: var(--global--color-accent); } .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_search .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 0 -0.8rem -0.8rem; } .widget_search .search-field, .widget_search .search-submit { margin: 0 0 0.8rem 0.8rem; } .widget_search label, .widget_search .search-field { width: 100%; } .widget_search .search-submit { flex-shrink: 0; } .widget_tag_cloud, .widget .wp-block-tag-cloud { overflow: hidden; } .widget_tag_cloud .tagcloud { display: flex; flex-wrap: wrap; } .widget_tag_cloud a, .widget .wp-block-tag-cloud a { display: inline-block; text-decoration: none !important; font-size: 1.2rem !important; letter-spacing: 1px; padding: 5px 10px; margin: 0 3px 6px 0; color: #616161; background: var(--global--color-gray-200); -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(--global--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(--global--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; letter-spacing: -0.026666667em; 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; } } /* Page */ body.page .primary-content-area-wrapper article.page .entry-header, body.page .primary-content-area-wrapper article.page .entry-image { margin-top: 0; margin-bottom: 3rem; } body.page .primary-content-area-wrapper article.page .entry-content { margin-top: 0; } /* Post: Single -------------------------------- */ .sticky { display: block; } .entry-image, .entry-content, .entry-footer { margin-top: 3rem; } footer.entry-footer, .blogty-edit.edit-link { padding-bottom: 3rem; } /* Center header meta single */ .content-area.header-meta-center .entry-header, .content-area.header-meta-center .blogty-breadcrumb-wrapper .trail-items, .content-area.header-meta-center .entry-header .blogty-entry-categories, .content-area.header-meta-center .entry-header .blogty-entry-meta { justify-content: center; text-align: center; } /* Entry Category & Tags*/ .entry-categories, .entry-tags { line-height: 1; margin-top: 1rem; } .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 .blogty-entry-meta { margin-top: 1.4rem; } .entry-categories a, .entry-tags a { font-size: 1.2rem; font-weight: 400; letter-spacing: 0.036666667em; display: inline-flex; } .blogty-entry-categories, .blogty-entry-tags { justify-content: flex-start; display: flex; gap: 0.5rem; position: relative; } .blogty-entry-tags .tag-label { margin-right: 0.4rem; } .blogty-entry-categories .category-label svg, .blogty-entry-tags .tag-label svg { display: inline-block; margin-right: 0.4rem; height: 1.4rem; width: 1.4rem; vertical-align: bottom; fill: var(--global--color-accent); } .saga-block-overlay-content .entry-categories { margin-top: 0; margin-bottom: 1rem; } .blogty-entry-categories .category-list a.has-bg-color { padding: 0.6rem 1.2rem; background-color: var(--global--color-accent); color: #fff; border-radius: var(--global--elements-border-radius-s); } .blogty-entry-categories .category-list a.has-bg-color:hover { opacity: 0.85; } .blogty-entry-categories:not(.style_2, .style_5, .style_6) .category-list a:not(.has-bg-color):not(:last-child)::after { content: ""; border: 1px solid var(--global--color-gray-500); margin-left: 0.9rem; } .blogty-entry-categories .category-list, .blogty-entry-tags .tag-list { display: flex; flex-wrap: wrap; gap: 0.8rem; align-items: center; } .blogty-entry-categories a { padding-top: 0.2rem; } .blogty-entry-categories.style_1 a { text-decoration: none; } .blogty-entry-categories.style_2 a { text-decoration: none; border-bottom: 1px solid; padding-bottom: 0.4rem; } .blogty-entry-categories.style_2 a.has-bg-color { border: 0; } .blogty-entry-categories.style_3 .category-list a { text-decoration: none; text-transform: uppercase; } .blogty-entry-categories.style_4 a { text-decoration: none; text-transform: lowercase; } .entry-categories + .entry-tags { margin-top: 1rem; } .blogty-entry-tags a { text-decoration: none; padding-top: 0.2rem; } .blogty-entry-tags.style_2 a { text-transform: uppercase; } .blogty-entry-tags.style_3 a { color: #000; background-color: #fff; padding: 0.4rem 0.8rem; border: 1px solid var(--global--color-border); border-radius: var(--global--elements-border-radius-s); } .blogty-entry-tags.style_4 a { display: inline-block; letter-spacing: 1px; padding: 5px 10px; margin: 0 3px 6px 0; color: #616161; background: var(--global--color-gray-200); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .blogty-entry-tags.style_4 a:focus, .blogty-entry-tags.style_4 a:hover { color: #fff; background-color: var(--global--color-accent); } .entry-header .entry-title { margin: 0; } .entry-header .entry-title a { text-decoration: none; } /* Entry Meta */ .blogty-entry-meta { color: var(--global--color-gray-600); display: flex; align-items: center; flex-wrap: wrap; font-size: 1.1rem; text-transform: uppercase; font-weight: 400; list-style: none; margin: -0.2rem 0 0 -0.8rem; letter-spacing: 0.6px; } .blogty-entry-meta li { flex-shrink: 0; margin: 0.2rem 0 0 0.8rem; } .blogty-entry-meta.blogty-meta-icon-disabled { margin: -0.2rem 0 0 -0.6rem; } .blogty-entry-meta.blogty-meta-icon-disabled li { margin: 0.2rem 0 0 0.6rem; } .blogty-entry-meta.blogty-meta-icon-disabled li:not(:last-child)::after { content: ""; margin-left: 0.6rem; width: 4px; height: 4px; border-radius: 50%; background: var(--global--color-gray-600); } .blogty-entry-meta a { color: var(--global--color-accent); text-decoration: none; font-weight: 700; } .blogty-entry-meta .post-comment a, .blogty-entry-meta .meta-text { color: var(--global--color-gray-600); display: flex; align-items: center; gap: 0.6rem; } .blogty-entry-meta .meta-text svg { height: 1rem; width: 1rem; fill: var(--global--color-post-meta-icons); } .blogty-entry-meta .blogty-meta { display: flex; align-items: center; flex-wrap: nowrap; } .blogty-entry-meta .blogty-meta.post-author .meta-text { display: flex; align-items: center; gap: 0.5rem; } .blogty-entry-meta .blogty-meta.post-author a { display: inline-flex; align-items: center; vertical-align: middle; } .blogty-entry-meta .blogty-meta.post-author a img { display: inline-block; max-width: 100%; height: auto; border-radius: 50%; margin-right: 8px; } .blogty-edit.edit-link { margin-top: 2rem; display: flex; align-items: center; fill: var(--global--color-accent); } .blogty-edit.edit-link svg { margin-right: 0.4rem; } .blogty-edit a.post-edit-link { text-decoration: none; color: var(--global--color-primary); } /* Featured Image */ .featured-media img { width: 100%; } .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, .blogty-nav-pagination .posts-navigation, .blogty-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; color: var(--global--color-black); display: flex; font-weight: 500; text-decoration: none; } .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(--global--color-primary); } .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; } .blogty-bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; background-color: var(--gloabl--bg-overlay); } .blogty-bg-image img { display: none; } .blogty-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); } .blogty-bg-attachment-fixed { background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .blogty-bg-attachment-fixed { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .blogty-bg-attachment-fixed { background-attachment: scroll; } } /* Cover block */ .blogty-cover-block { 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; padding: 3rem; box-sizing: border-box; } .blogty-block-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: 0.6; background-color: var(--gloabl--bg-overlay); } .blogty-block-overlay.overlay_w_gradient { background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(0, 0, 0)); } .blogty-cover-block 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; } .blogty-block-inner-wrapper { width: 100%; z-index: 1; } /* Simple Title box generic layout */ .blogty-section-title-wrap { text-align: center; margin-bottom: 3rem; } .blogty-section-title-wrap .section-title { position: relative; display: inline-block; padding: 0 1rem; } .blogty-section-title-wrap .section-title::before, .blogty-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); } .blogty-section-title-wrap .section-title::before { left: auto; right: 100%; } .blogty-post-extras-grid-block .section-posts { display: grid; gap: 2.4rem; } @media only screen and (min-width: 576px) { .blogty-post-extras-grid-block .section-posts { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width: 768px) { .blogty-post-extras-grid-block .section-posts { grid-auto-flow: column; grid-auto-columns: 1fr; } } /* Author Info */ .blogty-author-info-wrapper { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2rem; } .blogty-author-info-wrapper .author-image { width: 11.6rem; height: 11.6rem; } .blogty-author-info-wrapper .avatar { border-radius: 50%; } .blogty-author-info-wrapper .author-header-info { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.6rem; } .blogty-author-info-wrapper .author-name { font-size: 1.8rem; text-decoration: none; display: block; font-weight: 700; color: var(--global--color-black); } .blogty-author-info-wrapper .author-site { font-size: 1.2rem; display: inline-block; text-decoration: none; margin-bottom: 0.6rem; } .blogty-author-info-wrapper .author-desc { font-size: 1.4rem; } .blogty-author-info-wrapper .author-desc p { line-height: 1.4; } .blogty-author-info-wrapper .author-desc p:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .blogty-author-info-wrapper { display: grid; grid-template-columns: 1fr; justify-items: center; } .blogty-author-info-wrapper .author-details { display: grid; justify-items: center; align-items: center; text-align: center; } } /* Related/Author Posts/Auhtor Info */ .blogty-author-info-wrapper, .blogty-related-posts-wrapper, .blogty-author-posts-wrapper { margin-top: 3rem; } @media only screen and (min-width: 482px) { .blogty-author-info-wrapper, .blogty-related-posts-wrapper, .blogty-author-posts-wrapper { margin-top: 4rem; } } @media only screen and (min-width: 822px) { .blogty-author-info-wrapper, .blogty-related-posts-wrapper, .blogty-author-posts-wrapper { margin-top: 6rem; } } .blogty-grid-posts-block .article-image + .article-details { position: relative; padding-top: 2rem; z-index: 1; } .blogty-grid-posts-block .article-title { font-size: 1.6rem; } .blogty-grid-posts-block .article-excerpt, .blogty-grid-posts-block .blogty-entry-meta { margin-top: 1rem; } .blogty-grid-posts-block .article-read-more { margin-top: 0.6rem; } /* Site Pagination ------------------------ */ .blogty-nav-pagination .nav-links { display: flex; align-items: center; gap: 1rem; } .blogty-nav-pagination.center-aligned-pagination .nav-links { justify-content: center; } .blogty-nav-pagination .nav-links .page-numbers { padding: 0 1.4rem; line-height: 1; font-size: 1.2rem; font-weight: 700; min-width: 3rem; height: 3rem; border: 1px solid var(--global--color-border); display: flex; align-items: center; justify-content: center; } .blogty-nav-pagination .nav-links .prev.page-numbers, .blogty-nav-pagination .nav-links .next.page-numbers { padding: 0; } .blogty-nav-pagination .nav-links .page-numbers svg { fill: var(--global--color-black); width: 1.1rem; height: 1.1rem; } .blogty-nav-pagination .nav-links .placeholder { display: none; visibility: hidden; } .blogty-nav-pagination a { text-decoration: none; font-weight: 700; color: var(--global--color-black); } .blogty-nav-pagination .nav-links > span.page-numbers.current { color: #fff; background-color: var(--global--color-accent); border: transparent; } /* 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); } .page404-entry-image img { margin: 0 auto 4rem; width: auto; max-height: 30rem; } /* Search Page */ body.search.search-results .blogty-posts-lists > article:not(:last-child) { margin-bottom: 6rem; } /* Site Footer ----------------------- */ .site-footer { background-color: var(--global--color-footer-bg); font-size: 1.4rem; position: relative; padding-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); margin-left: auto; margin-right: auto; } .site-footer.saga-item-border-top { border-top-color: var(--global--color-footer-top-border); } .site-sub-footer { margin-left: auto; margin-right: auto; position: relative; background-color: var(--global--color-sub-footer-bg); } .site-sub-footer .saga-item-border-top { border-top-color: var(--global--color-sub-footer-top-border); } .site-sub-footer .blogty-footer-siteinfo { padding: 2rem 0; } .site-sub-footer .blogty-social-icons svg { width: 1.6rem; height: 1.6rem; } .blogty-footer-siteinfo { font-size: 1.6rem; display: flex; flex-direction: column-reverse; align-items: center; } .blogty-footer-siteinfo > div { margin-bottom: 2rem; margin-left: 0; } .blogty-footer-siteinfo > div:first-child { margin-bottom: 0; } .blogty-footer-siteinfo .footer-credits { flex-shrink: 0; display: flex; align-items: center; gap: 0.2rem; } .blogty-footer-siteinfo .footer-copyright { font-size: 1.2rem; color: var(--global--color-black); } .blogty-footer-siteinfo .theme-credit, .blogty-footer-siteinfo .theme-credit a { color: var(--global--color-secondary); font-size: 1.2rem; } /* Footer Menu */ .blogty-footer-menu { display: flex; flex-wrap: wrap; font-size: 1.3rem; font-weight: 500; margin: -1rem 0 0 -1rem; } .blogty-footer-menu li { margin: 1rem 0 0 1rem; } .blogty-footer-menu a { text-decoration: none; word-break: normal; word-wrap: normal; color: var(--global--color-black); } .blogty-footer-menu li:not(:last-child):after { content: "/"; margin-left: 0.8rem; color: var(--global--color-primary); } .blogty-footer-menu a:hover, .blogty-footer-menu a:focus { text-decoration: underline; } @media (min-width: 1000px) { .blogty-footer-siteinfo { font-size: 1.8rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .blogty-footer-siteinfo > div + div { margin-left: 2rem; margin-top: 0; margin-bottom: 0; } } /* Scroll To Top */ .blogty-floating-scroll-top { position: fixed; bottom: 5rem; z-index: 9999; width: 4rem; height: 4rem; padding: 0; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); display: flex; align-items: center; justify-content: center; color: var(--global--color-scroll-top); background-color: var(--global--color-scroll-top-bg); outline: none; text-decoration: none; opacity: 0; transform: translateY(10rem); transition: all 0.5s ease; } a.blogty-floating-scroll-top:hover, a.blogty-floating-scroll-top:focus { color: var(--global--color-scroll-top-hover); background-color: var(--global--color-scroll-top-hover-bg); opacity: 0.85; } .blogty-floating-scroll-top.left { left: 2rem; } .blogty-floating-scroll-top.right { right: 2rem; } .blogty-floating-scroll-top.visible { opacity: 1; transform: translateY(0); } .blogty-floating-scroll-top svg { width: 1.8rem; height: 1.8rem; } .blogty-floating-scroll-top.txt-enabled { width: auto; padding: 1.6rem; } .blogty-floating-scroll-top.txt-enabled span { margin-right: 5px; font-size: 1.4rem; } /* 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 .blogty-footer-widgets, .site-footer.footer-bg-enabled .blogty-footer-siteinfo { position: relative; } .site-footer.inverted-footer, .site-footer.footer-bg-enabled { --global--color-gray-600: var(--global--color-gray-300); } .site-footer.inverted-footer { color: #fff; --global--color-footer-bg: #000000; } .site-footer:where(.footer-bg-enabled, .inverted-footer) :is( h1, h2, h3, h4, h5, h6, a, p, .wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a, ) { color: #fff; } .site-footer:where(.footer-bg-enabled, .inverted-footer) .blogty-entry-meta svg { fill: #fff; } .site-footer:where(.footer-bg-enabled, .inverted-footer) :is( a, .wp-block-archives a, .wp-block-categories a, .wp-block-latest-posts a ):hover { color: rgba(255, 255, 255, 0.9); } .site-sub-footer.inverted-sub-footer { --global--color-sub-footer-bg: #000000; color: #fff; } .site-sub-footer.inverted-sub-footer :is( h1, h2, h3, h4, h5, h6, a, p, .blogty-footer-siteinfo .footer-copyright, .blogty-footer-siteinfo .theme-credit ) { color: #fff; } /* Main Grid ------------------------- */ .column-widgetarea-wrapper { padding: var(--global--spacing-vertical-big) 0; position: relative; } .has-sidebar #site-content.wide-max-width, .column-widgetarea-wrapper .column-widgetarea { display: grid; gap: 4rem; } @media only screen and (min-width: 1000px) { .has-sidebar #site-content.wide-max-width, .column-widgetarea-wrapper .column-widgetarea { 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(--global--color-border); padding-left: 3rem; } .has-sidebar.left-sidebar.has-sidebar-border #site-content #secondary { border-right: 1px solid var(--global--color-border); 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 */ .blogty-canvas-block { 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: #fff; z-index: 999999; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all 0.6s ease-in-out; padding-bottom: 2rem; } .blogty-canvas-block.inverted-offcanvas { --global--color-gray-600: var(--global--color-gray-300); background-color: #000; color: #fff; } .blogty-canvas-block.inverted-offcanvas a, .blogty-canvas-block.inverted-offcanvas h1, .blogty-canvas-block.inverted-offcanvas h2, .blogty-canvas-block.inverted-offcanvas h3, .blogty-canvas-block.inverted-offcanvas h4, .blogty-canvas-block.inverted-offcanvas h5, .blogty-canvas-block.inverted-offcanvas h6 { color: #fff; } .blogty-canvas-block.inverted-offcanvas .blogty-entry-meta svg { fill: #fff; } body.showing-offcanvas-modal .blogty-canvas-block { transform: translateX(0); opacity: 1; visibility: visible; } .blogty-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; } .blogty-canvas-header .blogty-offcanvas-logo { padding-top: 3rem; } .blogty-canvas-header .blogty-offcanvas-logo img { max-width: 20rem; } .blogty-canvas-content { height: 100%; overflow-y: auto; overflow-x: hidden; padding: 2rem; } @media (min-width: 992px) { .blogty-canvas-content { --scrollbar-color: var(--global--color-accent); --scrollbar-track: transparent; --scrollbar-size: 4px; scrollbar-width: thin; scrollbar-color: var(--scrollbar-color) var(--scrollbar-track); } .blogty-canvas-content::-webkit-scrollbar { width: var(--scrollbar-size); } .blogty-canvas-content::-webkit-scrollbar-track { background-color: var(--scrollbar-track); } .blogty-canvas-content::-webkit-scrollbar-thumb { background-color: var(--scrollbar-color); border-radius: 3px; } } .blogty-off-canvas-btn:focus-visible, .blogty-off-canvas-close:focus-visible { outline: thin dotted; text-decoration: none; } .blogty-canvas-header .blogty-off-canvas-close { position: absolute; top: 50%; transform: translateY(-50%); right: 2rem; line-height: 1.2; padding: 0.5rem; cursor: pointer; } .blogty-canvas-header .blogty-off-canvas-close span { display: inline-block; margin: 0; margin-right: 0.5rem; padding: 0; } .blogty-canvas-header .blogty-off-canvas-close svg { color: #5b5b5b; width: 2rem; height: 2rem; } .blogty-canvas-block.inverted-offcanvas .blogty-off-canvas-close svg, .blogty-canvas-block.inverted-offcanvas .blogty-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 */ .blogty-search-toggle { position: relative; } .blogty-search-toggle svg:last-of-type, .blogty-search-toggle.active svg:first-of-type { display: none; } .blogty-search-toggle.active svg:last-of-type { display: inline-block; } .blogty-search-form { visibility: hidden; opacity: 0; position: absolute; top: 100%; left: auto; right: 0; -webkit-transform: translate3d(0, 3rem, 0); transform: translate3d(0, 3rem, 0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 10; } .blogty-search-form .em-search-form-inner { box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2); position: relative; min-width: 32.5rem; padding: 1.6rem; background-color: #fff; } .blogty-search-toggle.active .blogty-search-form { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, 2rem, 0); transform: translate3d(0, 2rem, 0); } .blogty-search-form input:focus { outline: none; } .blogty-search-form .search-form { justify-content: center; } .blogty-search-form input[type="search"] { font-size: 1.4rem; } .blogty-search-form input[type="submit"] { color: #fff; background-color: var(--global--color-header-search-btn-bg); border: none; } /* Ajax load *---------------------- */ .blogty-load-posts-btn-wrapper { padding-top: 3rem; text-align: center; justify-content: center; align-items: center; } .blogty-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(--global--color-gray-600); border: 1px solid var(--global--color-border); border-radius: var(--global--elements-border-radius-s); } .blogty-nav-pagination.center-aligned-pagination .blogty-ajax-load-btn { margin: 0 auto; } .blogty-ajax-load-btn svg { fill: var(--global--color-gray-600); } .blogty-ajax-load-btn:hover, .blogty-ajax-load-btn:focus { text-decoration: none; color: var(--global--color-accent); border-color: var(--global--color-accent); } .blogty-ajax-load-btn:hover svg, .blogty-ajax-load-btn:focus svg { fill: var(--global--color-accent); } .blogty-ajax-load-btn.loading-posts { opacity: 0.8; color: var(--global--color-gray-600); border-color: var(--global--color-gray-400); cursor: auto; } .blogty-ajax-loader { width: 1.4rem; height: 1.4rem; margin-left: 0.8rem; } .blogty-ajax-loader.active { animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Progress Bar *----------------------------------- */ #blogty-progress-bar { position: fixed; width: 0; height: 3px; z-index: 99999; background-color: var(--global--color-progressbar); } #blogty-progress-bar.top { top: 0; } .admin-bar #blogty-progress-bar.top { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar #blogty-progress-bar.top { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar #blogty-progress-bar.top { top: 0; } } #blogty-progress-bar.bottom { bottom: 0; } /*Preloader **-------------------------------------------- */ #blogty-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; } #blogty-preloader-wrapper.fadeOut { opacity: 0; } .preloader-loader-wrapper { position: relative; } /* Theme Styles ----------------------------*/ .home.page-template-default .entry-content { margin-top: 0; } /* Read More */ .blogty-btn-link { display: inline-flex; align-items: center; line-height: 1; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.05em; word-break: break-word; } .blogty-btn-link svg { width: 1.2rem; height: 1.2rem; } .blogty-btn-link span { display: inline-block; vertical-align: middle; margin-left: 0.4rem; transition: margin 300ms ease; } .blogty-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); } .blogty-btn-link.style_1 svg { fill: #fff; } .blogty-btn-link.style_2 { color: var(--global--color-accent); } .blogty-btn-link.style_2 svg { fill: var(--global--color-accent); } .blogty-btn-link.style_2:hover span { margin-left: 0.7rem; } .blogty-btn-link.style_3 { padding: 0.667em 1.333em; color: var(--global--color-secondary); border: 1px solid #e0e0e0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 1.6em; } .blogty-btn-link.style_3 { fill: var(--global--color-black); } .blogty-btn-link.style_3:hover { color: #fff; background-color: var(--global--color-accent); border-color: var(--global--color-accent); } .blogty-btn-link.style_3:hover svg { fill: #fff; } .blogty-btn-link:hover, .blogty-btn-link:focus { opacity: 0.9; } /* Single Styles *-------------------------------------------*/ .single_style_2 article .entry-image { margin-top: 0; margin-bottom: 3rem; } /* Archive Styles *-------------------------------------------*/ .blogty-posts-lists > article { margin-bottom: 3rem; } .blogty-posts-lists > article.animatefadeIn { -webkit-animation: uf-fadeIn 0.8s both 0.1s; animation: uf-fadeIn 0.8s both 0.1s; } .blogty-posts-lists > article:last-child { margin-bottom: 0; } .blogty-posts-lists .blogty-article-block-wrapper .entry-header .entry-categories { margin: 0 0 1rem 0; } .blogty-posts-lists .blogty-article-block-wrapper .entry-summary figure { margin-bottom: 2rem; } .blogty-posts-lists .blogty-article-block-wrapper .entry-summary p { margin-bottom: 0; font-size: 1.4rem; } .blogty-posts-lists .blogty-article-block-wrapper .blogty-entry-categories, .blogty-posts-lists .blogty-article-block-wrapper .blogty-entry-tags { font-size: 1.3rem; } .blogty-posts-lists .blogty-article-block-wrapper .entry-summary, .blogty-posts-lists .blogty-article-block-wrapper .blogty-btn-link { margin-top: 1.4rem; } .blogty-posts-lists .blogty-article-block-wrapper .blogty-entry-meta { margin-top: 1rem; } .blogty-posts-lists .blogty-article-block-wrapper .entry-tags { margin: 0; } .blogty-posts-lists .blogty-article-block-wrapper .blogty-entry-tags { padding-top: 1.8rem; } /* Archive style 1 *-------------------------------------------*/ .blogty-posts-lists:is(.blogty-archive_style_1, .blogty-archive_style_2) .blogty-article-block-wrapper { display: flex; flex-direction: column; gap: 2.4rem; max-width: 100%; } .blogty-posts-lists:is(.blogty-archive_style_1, .blogty-archive_style_2) .blogty-article-block-wrapper .entry-image { position: relative; overflow: hidden; } .blogty-posts-lists:is(.blogty-archive_style_1, .blogty-archive_style_2) .blogty-article-block-wrapper .entry-image { margin: 0; } .blogty-posts-lists:is(.blogty-archive_style_1, .blogty-archive_style_2) .blogty-article-block-wrapper .entry-title { font-size: 2rem; } .blogty-posts-lists:is(.blogty-archive_style_1, .blogty-archive_style_2) .blogty-edit.edit-link { padding: 0; } @media (min-width: 768px) { .blogty-posts-lists:is(.blogty-archive_style_1, .blogty-archive_style_2) .blogty-article-block-wrapper { flex-direction: row; align-items: center; } .blogty-posts-lists:is(.blogty-archive_style_1, .blogty-archive_style_2) .blogty-article-block-wrapper .entry-image { flex-basis: 55%; } .blogty-posts-lists:is(.blogty-archive_style_1, .blogty-archive_style_2) .blogty-article-block-wrapper .entry-image + .entry-details { flex-basis: 45%; } } /* Archive style 2 *-------------------------------------------*/ @media (min-width: 768px) { .blogty-posts-lists.blogty-archive_style_2 article:nth-child(even) .blogty-article-block-wrapper { flex-direction: row-reverse; } } /* Archive style 3 *-------------------------------------------*/ .blogty-posts-lists.blogty-archive_style_3 .blogty-article-block-wrapper .entry-summary { margin-top: 3rem; } /* Archive style 4 *-------------------------------------------*/ .blogty-posts-lists.blogty-archive_style_4 .blogty-article-block-wrapper .entry-image { margin-top: 0; } .blogty-posts-lists.blogty-archive_style_4 .blogty-article-block-wrapper .entry-header { margin-top: 3rem; } /* Header *-------------------------------------------- */ /* Header Social links compatibilty */ .site-header-row-wrapper .blogty-social-icons.style_1 a { color: var(--global--color-header-social-nav); } .site-header-row-wrapper .blogty-social-icons.style_1:not(.brand_color) a:hover, .site-header-row-wrapper .blogty-social-icons.style_1:not(.brand_color) a:focus { color: var(--global--color-header-social-nav-hover); } .site-header-row-wrapper .blogty-social-icons.style_2 a, .site-header-row-wrapper .blogty-social-icons.style_3 a { color: var(--global--color-header-social-nav); background-color: var(--global--color-header-social-nav-bg); } .site-header-row-wrapper .blogty-social-icons.style_2:not(.brand_color) a:hover, .site-header-row-wrapper .blogty-social-icons.style_2:not(.brand_color) a:focus, .site-header-row-wrapper .blogty-social-icons.style_3:not(.brand_color) a:hover, .site-header-row-wrapper .blogty-social-icons.style_3:not(.brand_color) a:focus { color: var(--global--color-header-social-nav-hover) !important; background-color: var(--global--color-header-social-nav-hover-bg); } .site-header-row-wrapper .blogty-social-icons.style_4 a { color: var(--global--color-header-social-nav); } .site-header-row-wrapper .blogty-social-icons.style_4:not(.brand_color) a:hover { color: var(--global--color-header-social-nav-hover); border-color: var(--global--color-header-social-nav-hover); } .site-header-row-wrapper .blogty-social-nav { display: flex; align-items: center; justify-content: flex-start; gap: 1.6rem; } .site-header-row-wrapper .blogty-social-nav-label { color: var(--global--color-header-social-label); font-size: 1.6rem; font-weight: 500; } /* Top Bar *-------------------------------------------- */ .blogty-topbar-row { background-color: var(--global--color-topbar-bg); color: var(--global--color-topbar); font-size: 1.2rem; } @media (max-width: 991px) { .blogty-topbar-row.saga-stack-column .blogty-topbar-wrapper { flex-direction: column; } } .blogty-topbar-row.saga-item-border-bottom { border-bottom-color: var(--global--color-topbar-bottom-border); } .blogty-topbar-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 0; } .blogty-topbar-first, .blogty-topbar-last { display: flex; align-items: center; justify-content: space-between; } .blogty-topbar-first { flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem; } .blogty-topbar-last { gap: 2rem; } .blogty-topbar-row a { color: inherit; font-size: 1.2rem; } .blogty-topbar-wrapper a:hover, .blogty-topbar-wrapper a:focus, .blogty-top-menu .sub-menu a:focus, .blogty-top-menu .sub-menu a:hover { color: var(--global--color-accent); } .blogty-topbar-row .blogty-components-date { color: var(--global--color-topbar-date); line-height: 1; } .blogty-topbar-row .blogty-top-nav a { color: var(--global--color-topbar-menu); } @media (min-width: 992px) { .blogty-topbar-row .blogty-top-nav > ul > li > a { display: block; } } .blogty-topbar-row .blogty-top-nav a:hover, .blogty-topbar-row .blogty-top-nav a:focus { color: var(--global--color-topbar-menu-hover); } .blogty-topbar-row svg { width: 1.5rem; height: 1.5rem; } .blogty-topbar-row .blogty-social-icons:where(.style_2, .style_3, .style_4) a { width: 2.6rem; height: 2.6rem; } .blogty-topbar-row .site-header-account .svg-icon, .blogty-topbar-row .site-header-cart .svg-icon { fill: var(--global--color-topbar-menu); color: var(--global--color-topbar-menu); } .blogty-topbar-wrapper .blogty-top-menu { display: flex; flex-wrap: wrap; gap: 1rem; } .blogty-top-menu a { text-decoration: none; font-weight: 400; letter-spacing: 1px; font-family: var(--primary--menu-font-family); } .blogty-top-menu li { position: relative; line-height: normal; } .blogty-top-menu .sub-menu { background-color: var(--global--color-topbar-submenu-bg); position: absolute; right: 9999rem; top: 3rem; 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); } .blogty-top-menu .sub-menu:before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; right: 0; border: 0.8rem solid transparent; } .blogty-top-menu .sub-menu a { color: var(--global--color-topbar-submenu); padding: 1.2rem 1.6rem; text-decoration: none; display: block; text-align: left; } .blogty-top-menu .sub-menu a:hover, .blogty-top-menu .sub-menu a:focus { color: var(--global--color-topbar-submenu-hover); } .blogty-top-menu li.menu-item-has-children:hover > ul, .blogty-top-menu li.menu-item-has-children.focus > ul, .blogty-top-menu li.menu-item-has-children:focus > ul { right: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } .blogty-search.search-icon { display: flex; align-items: center; justify-content: space-between; } .blogty-search.search-icon svg { margin-left: 1rem; } .blogty-search.search-icon svg { width: 1.4rem; height: 1.4rem; } .blogty-mobile-menu { cursor: pointer; } .toggle.blogty-search.search-icon { color: var(--global--color-accent); fill: var(--global--color-accent); font-size: 2.6rem; } .blogty-topbar-row .toggle.blogty-search.search-icon { color: var(--global--color-topbar-menu); fill: var(--global--color-topbar-menu); } .toggle.blogty-search.search-icon .search-label { display: none; } .toggle.blogty-search.search-icon svg { margin-left: 0; } @media (min-width: 992px) { .blogty-topbar-wrapper, .blogty-topbar-first { flex-direction: row; justify-content: space-between; } .blogty-topbar-first { gap: 0; } .blogty-topbar-first > div { padding: 0 1.2rem; } .blogty-topbar-first > div:first-child { padding-left: 0; } .blogty-topbar-first > div:last-child { padding-right: 0; } .blogty-topbar-first > div:not(:last-child) { border-right: 1px solid var(--global--color-border); } .blogty-topbar-wrapper .blogty-top-menu { gap: 1.6rem; } } /* Navigation Section *-------------------------------------------- */ .site-title, .site-logo, .site-description { margin: 0; } .site-title { font-size: 2rem; font-weight: 600; line-height: 1; color: #313131; } .site-title a { color: inherit; 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: 1000px) { .site-title { font-size: 4.2rem; font-weight: 700; } } .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; } .blogty-primary-bar-row .primary-bar-row-wrapper { background-color: var(--global--color-primary-menu-bg); } .blogty-primary-nav { display: none; } /* Navigation --------------------------------------------- */ .toggle.toggle-off-canvas { color: var(--global--color-offcanvas-icon); 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(--global--color-offcanvas-icon); 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: 500; letter-spacing: var(--primary--menu-letter-spacing); flex-wrap: wrap; margin: -0.8rem 0 0 -3rem; } .primary-menu li { line-height: var(--primary--menu-line-height); position: relative; } .primary-menu > li { margin: 0.8rem 0 0 3rem; } .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(--global--color-primary-menu); display: block; text-decoration: none; word-break: normal; word-wrap: normal; font-family: var(--primary--menu-font-family); font-weight: var(--primary--menu-font-weight); display: flex; align-items: center; padding-top: 2rem; padding-bottom: 2rem; } .primary-menu.em-uppercase-primary-menu > li > a { text-transform: uppercase; font-size: calc(var(--primary--menu-font-size) - 1px); letter-spacing: 1px; } .primary-menu.em-uppercase-sub-menu ul.sub-menu > li > a { text-transform: uppercase; font-size: calc(var(--primary--menu-font-size) - 1px); } .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(--global--color-primary-menu-hover-border); width: 100%; } .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { color: var(--global--color-primary-menu-hover); } .primary-menu > li.current-menu-item > a, .primary-menu > li.current-menu-item > .link-icon-wrapper > a { color: var(--global--color-primary-menu-active); } .primary-menu > li.current-menu-item > a::after, .primary-menu > li.current-menu-item > .link-icon-wrapper > a::after { background-color: var(--global--color-primary-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: 24rem; padding-top: 2.4rem; padding-bottom: 2.4rem; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); 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: 0.8rem 3.8rem; text-decoration: none; display: block; text-align: left; font-weight: 400; width: 100%; } .primary-menu ul a:hover, .primary-menu ul a:focus { 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; } } li.menu-item a { position: relative; } .menu-item-description { display: block; font-size: 1.1rem; line-height: 1.2; padding-top: 0.6rem; color: #999; letter-spacing: 0.4px; } .primary-menu > li > a .menu-item-description { text-transform: none; position: absolute; z-index: 1; top: calc(50% - 2.5rem); left: 100%; display: inline-block; margin-left: -2rem; vertical-align: middle; white-space: nowrap; color: var(--global--color-primary-menu-desc); } .primary-menu ul .menu-item-description { color: var(--global--color-sub-menu-desc); } .blogty-secondary-nav, .blogty-responsive-nav-items { display: flex; flex-shrink: 0; justify-content: center; align-items: center; line-height: 1; } .blogty-primary-bar-wrapper .blogty-secondary-nav { padding: 1rem 0; } .blogty-secondary-nav > * + *, .blogty-responsive-nav-items > * + * { margin-left: 1.8rem; } .blogty-cart.site-header-cart { margin-right: 0.5rem; } /* Responsive Menu */ .blogty-responsive-menu { position: relative; width: 100%; margin-bottom: 3rem; } @media only screen and (min-width: 1000px) { .blogty-responsive-menu { display: none; } } .blogty-responsive-menu li { border-color: var(--global--color-border); border-style: solid; border-width: 0.1rem 0 0 0; line-height: 1; margin: 0; } .blogty-responsive-menu .sub-menu li { border: none; } .blogty-responsive-menu .sub-menu a { padding: 1rem 0; } .blogty-responsive-menu > li:first-child { border-top: none; } .blogty-responsive-menu > li:last-child { border-bottom: none; } .blogty-responsive-menu > li:last-child { border-bottom-width: 0.1rem; } .blogty-responsive-menu .ancestor-wrapper { display: flex; justify-content: space-between; } .blogty-responsive-menu a { position: relative; display: block; padding: 1.6rem 0; text-decoration: none; width: 100%; color: #000; font-weight: 500; } .blogty-responsive-menu a:focus, .blogty-responsive-menu a:hover, .blogty-responsive-menu li.current-menu-item > .ancestor-wrapper > a, .blogty-responsive-menu li.current_page_ancestor > .ancestor-wrapper > a { opacity: 0.8; } button.sub-menu-toggle { flex-shrink: 0; margin: 1rem 0; padding: 0 2.5rem; } button.sub-menu-toggle:focus-visible { outline: thin dotted; } button.sub-menu-toggle svg { height: 1.2rem; width: 1.2rem; transition: transform 0.15s linear; color: var(--global--color-primary-menu); } .blogty-responsive-menu button.sub-menu-toggle svg { color: #5b5b5b; } button.sub-menu-toggle.active svg { transform: rotate(180deg); } .blogty-responsive-menu ul { display: none; margin: 0; width: 100%; } .blogty-responsive-menu ul.active { display: block; } .blogty-responsive-menu ul li { padding-left: 1rem; } .blogty-responsive-menu ul li a { color: #000; font-weight: 500; } /* Sticky menu **------------------------------------- */ .blogty-primary-bar-row.sticky-menu .primary-bar-row-wrapper { top: 0; z-index: 9999 !important; width: 100%; } .admin-bar .blogty-primary-bar-row.sticky-menu .primary-bar-row-wrapper { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar .blogty-primary-bar-row.sticky-menu .primary-bar-row-wrapper { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar .blogty-primary-bar-row.sticky-menu .primary-bar-row-wrapper { top: 0; } } .blogty-primary-bar-row.sticky-menu.has-menu-sticked .site-description, .blogty-primary-bar-row.sticky-menu.has-menu-sticked .site-logo + .site-title { display: none; } .blogty-primary-bar-row.sticky-menu.has-menu-sticked { border: none; } .blogty-primary-bar-row.sticky-menu.has-menu-sticked .primary-bar-row-wrapper { border: none; -webkit-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15); transform: translateY(0); transition: transform 0.1s ease 0s; position: fixed; z-index: 9999 !important; width: 100%; } .sticky-menu-translate-up .primary-bar-row-wrapper { transform: translateY(-100%); transition: transform 0.1s ease 0s; opacity: 0; position: fixed; z-index: 9999 !important; width: 100%; } .blogty-primary-bar-row.sticky-menu.has-menu-sticked .primary-bar-row-wrapper .primary-menu > li > a { padding-top: 1.7rem; padding-bottom: 1.7rem; } .blogty-primary-bar-row.sticky-menu.has-menu-sticked .blogty-primary-bar-wrapper { border: none; } @media screen and (min-width: 1000px) { .blogty-primary-bar-row.sticky-menu.has-menu-sticked .site-title { font-size: 2.8rem; } } /* Header Styles **----------------------------------- */ .blogty-site-header { padding: 3rem 0; } .blogty-site-header.has-header-image { padding-top: 6rem; padding-bottom: 6rem; } .blogty-primary-bar-wrapper, .blogty-site-brand-ad-wrapper { display: flex; justify-content: space-between; align-items: center; gap: 3rem; line-height: 1; } .blogty-primary-bar-wrapper > * { padding-top: 1.4rem; padding-bottom: 1.4rem; } .blogty-primary-bar-row.saga-item-border-top { border-top-color: var(--global--color-menubar-top-border); } .blogty-primary-bar-row.saga-item-border-bottom { border-bottom-color: var(--global--color-menubar-bottom-border); } .blogty-site-brand-ad-wrapper.centered { justify-content: center; } .blogty-site-brand-ad-wrapper.centered .site-logo img { margin-left: auto; margin-right: auto; } .blogty-site-brand-ad-wrapper { gap: 3rem; } .blogty-primary-bar-row .site-logo img { max-height: 3rem; width: auto; } @media only screen and (min-width: 1000px) { .blogty-primary-bar-row .site-branding { display: none; } .blogty-offcanvas-toggle.hide-on-desktop { display: none; } } @media only screen and (max-width: 999px) { .blogty-site-header .blogty-site-branding-main { display: none; } .blogty-site-brand-ad-wrapper .blogty-ad-space { flex-basis: auto; } .blogty-site-brand-ad-wrapper { justify-content: center; } .blogty-primary-bar-row .site-branding .site-title a { color: var(--global--color-primary-menu); } .blogty-primary-bar-row .site-logo img { max-height: 3rem; width: auto; } header.site-header { display: none; } .toggle.toggle-off-canvas { background-color: unset; color: var(--global--color-primary-menu); padding-left: 0; padding-right: 0; } /* .off-canvas-bars span { background-color: var(--global--color-primary-menu); } */ } @media only screen and (max-width: 822px) { .blogty-site-brand-ad-wrapper { flex-direction: column; } .blogty-site-branding-main { text-align: center; } } @media only screen and (max-width: 576px) { .blogty-primary-bar-row .site-logo img { max-height: 2.4rem; } } .blogty-site-brand-ad-wrapper.ad-banner-enabled .blogty-site-branding-main { flex-basis: 30%; } .blogty-site-brand-ad-wrapper .blogty-ad-space { flex-basis: 70%; } .blogty-site-brand-ad-wrapper .blogty-ad-space img { margin-left: auto; } .blogty-primary-bar-wrapper .main-navigation.left-aligned-menu { margin-right: auto; } .blogty-primary-bar-wrapper .main-navigation.center-aligned-menu { margin: 0 auto; } .blogty-primary-bar-wrapper .main-navigation { display: flex; gap: 2rem; align-items: center; padding-top: 0; padding-bottom: 0; } #site-navigation, .blogty-primary-bar-row .blogty-social-nav { display: none; } @media only screen and (min-width: 1000px) { #site-navigation { display: flex; } .blogty-primary-bar-row .blogty-social-nav { display: flex; } } .blogty-primary-bar-wrapper .blogty-social-icons svg { width: 2rem; height: 2rem; } .blogty-primary-bar-wrapper .blogty-social-icons:where(.style_2, .style_3, .style_4) a { width: 2.4rem; height: 2.4rem; } .blogty-primary-bar-wrapper .blogty-social-icons:where(.style_2, .style_3, .style_4) svg { width: 1.6rem; height: 1.6rem; } .blogty-primary-bar-wrapper .site-header-account .svg-icon, .blogty-primary-bar-wrapper .site-header-cart .svg-icon { fill: var(--global--color-primary-menu); color: var(--global--color-primary-menu); } .blogty-primary-bar-wrapper .secondary-navigation .toggle.blogty-search.search-icon { color: var(--global--color-primary-menu); fill: var(--global--color-primary-menu); } .blogty-primary-bar-wrapper .secondary-navigation .blogty-search:not(.toggle) .svg-icon { fill: var(--global--color-btn); color: var(--global--color-btn); } .blogty-search.search-icon:focus-visible { outline: thin dotted; outline-offset: 3px; } /* Banner section */ .blogty-section-banner-wrapper { background-color: var(--global--banner-section-bg); position: relative; } .blogty-section-banner-wrapper.full-width, .blogty-full-width-section { max-width: 100%; overflow-x: hidden; } .blogty-section-banner-wrapper.full-width.as-slider .blogty-rounded-img { border-radius: 0; } .blogty-section-banner-wrapper:not(.full-width) { padding: var(--global--spacing-vertical-big) 0; } .blogty-section-block.section-trending + .blogty-section-banner-wrapper.full-width.as-slider { margin-top: var(--global--spacing-vertical-big); } .blogty-section-banner-wrapper.full-width:not(.as-carousel) .saga-section-title { padding-top: var(--global--spacing-vertical-big); } .blogty-section-banner-wrapper.full-width.as-carousel { padding-top: var(--global--spacing-vertical-big); } .below-header-widget-region + .blogty-section-banner-wrapper { padding-top: 0; } /* General utility */ a.text-decoration-none { text-decoration: none; } .saga-item-border-top { border-top: 1px solid var(--global--color-border); } .saga-item-border-bottom { border-bottom: 1px solid var(--global--color-border); } /* General Element & Widgets Header Style */ .saga-title-align-left .widget-title, .saga-element-header.saga-title-align-left .saga-element-title, .saga-element-header.saga-title-align-left .saga-element-subtitle { text-align: left; } .saga-title-align-center .widget-title, .saga-element-header.saga-title-align-center .saga-element-title, .saga-element-header.saga-title-align-center .saga-element-subtitle { text-align: center; } .saga-title-align-right .widget-title, .saga-element-header.saga-title-align-right .saga-element-title, .saga-element-header.saga-title-align-right .saga-element-subtitle { text-align: right; } .saga-inline-heading-wrapper { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; background: #fff; padding: 1.6rem; margin-bottom: 3rem; } .saga-inline-heading { text-transform: uppercase; letter-spacing: 1px; font-size: 1.8rem; color: #b49169; } .saga-inline-heading-wrapper span a { color: var(--global--color-accent); } .widget-content .widget-title { position: relative; } .saga-element-header, .saga-element-header .saga-element-title { position: relative; margin-bottom: 0; } .blogty-inverted-title-color .saga-element-title, .blogty-inverted-title-color .saga-element-subtitle { color: #fff; } /* Elements Titles / Widget Titles */ .blogty-secondary-column .widget-title, .blogty-secondary-column .saga-element-title { font-size: 1.3rem; } .blogty-footer-widgets .saga-element-title, .blogty-canvas-content .saga-element-title { font-size: 1.6rem; } .saga-title-style-style_1 .widget-title, .saga-element-header.style_1 .saga-element-title { display: flex; align-items: center; gap: 1rem; } .saga-title-style-style_1 .widget-title span, .saga-element-header.style_1 .saga-element-title span { flex-basis: auto; } .saga-title-style-style_1 .widget-title::after, .saga-element-header.style_1 .saga-element-title::after { content: ""; display: block; width: 100%; height: 2px; background: var(--global--color-black); flex: 1 0 0; } .saga-title-style-style_1.saga-title-align-center .widget-title::before, .saga-element-header.style_1.saga-title-align-center .saga-element-title::before { content: ""; display: block; width: 100%; height: 2px; background: var(--global--color-black); flex: 1 0 0; } .saga-title-style-style_1.saga-title-align-right .widget-title::before, .saga-element-header.style_1.saga-title-align-right .saga-element-title::before { content: ""; display: block; width: 100%; height: 2px; background: var(--global--color-black); flex: 1 0 0; } .saga-title-style-style_1.saga-title-align-right .widget-title::after, .saga-element-header.style_1.saga-title-align-right .saga-element-title::after { content: none; } .saga-element-header.style_1.blogty-inverted-title-color .saga-element-title::before, .saga-element-header.style_1.blogty-inverted-title-color .saga-element-title::after { background: #fff; } .saga-title-style-style_2 .widget-title span, .saga-element-header.style_2 .saga-element-title span { position: relative; display: inline-block; padding-left: 1rem; line-height: 1; border-left: 0.8rem solid var(--global--color-accent); } .saga-title-style-style_2.saga-title-align-right .widget-title span, .saga-element-header.style_2.saga-title-align-right .saga-element-title span { border-left: unset; border-right: 0.8rem solid var(--global--color-accent); padding-right: 1rem; padding-left: 0; } .saga-title-style-style_3 .widget-title span, .saga-element-header.style_3 .saga-element-title span { position: relative; display: inline-block; padding: 0 1rem; } .saga-title-style-style_3 .widget-title::before, .saga-element-header.style_3 .saga-element-title::before, .saga-title-style-style_3 .widget-title::after, .saga-element-header.style_3 .saga-element-title::after { content: ""; display: inline-block; vertical-align: middle; max-width: 4rem; width: 100%; height: 1.3px; background-color: var(--global--color-accent); } .saga-title-style-style_4 .widget-title, .saga-element-header.style_4 .saga-element-title { position: relative; padding-bottom: 1.6rem; margin-bottom: 3rem; } .saga-title-style-style_4 .widget-title::after, .saga-element-header.style_4 .saga-element-title::after { content: ""; position: absolute; left: 0; bottom: -3px; background: var(--global--color-accent); width: 5rem; height: 3px; } .saga-title-style-style_4.saga-title-align-center .widget-title::after, .saga-element-header.style_4.saga-title-align-center .saga-element-title::after { left: 50%; transform: translateX(-50%); } .saga-title-style-style_4.saga-title-align-right .widget-title::after, .saga-element-header.style_4.saga-title-align-right .saga-element-title::after { left: unset; right: 0; } .saga-title-style-style_5 .widget-title, .saga-element-header.style_5 .saga-element-title { background-color: var(--global--color-black); color: var(--global--color-white); padding: 1.2rem 0.8rem; } .saga-title-style-style_6 .widget-title, .saga-element-header.style_6 .saga-element-title { padding-bottom: 1.2rem; border-bottom: 1px solid var(--global--color-border); } .saga-title-style-style_7 .widget-title span, .saga-element-header.style_7 .saga-element-title span { position: relative; color: var(--global--color-white); padding: 0.325em 0.725em; margin-left: 1rem; z-index: 1; } .saga-title-style-style_7 .widget-title span::before, .saga-element-header.style_7 .saga-element-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; } .saga-element-header.style_7 .saga-element-subtitle { padding-top: 1rem; } .saga-title-style-style_8 .widget-title, .saga-element-header.style_8 .saga-element-title { padding: 1rem 0; border-top: 3px solid var(--global--color-black); border-bottom: 1px solid var(--global--color-border); } .saga-element-header.style_8.blogty-inverted-title-color .saga-element-title { border-top-color: #fff; } .saga-title-style-style_10 .widget-title span, .saga-element-header.style_10 .saga-element-title span { background: var(--global--color-accent); padding: 0.6rem 1.2rem; display: inline-block; color: #fff; } .saga-element-header.style_10 .saga-element-title-wrapper { position: relative; } .saga-title-style-style_10 .widget-title::after, .saga-element-header.style_10 .saga-element-title::after { position: absolute; content: ""; width: 100%; height: 0.2rem; left: 0; top: 100%; background: var(--global--color-accent); } /* Section Block */ .blogty-section-block { padding: var(--global--spacing-vertical-big) 0; position: relative; } .saga-section-title { margin-bottom: var(--global--spacing-vertical); } /* General Item W Overlay Style */ .saga-block-item-w-overlay { position: relative; } .saga-block-item-w-overlay .saga-block-inner-wrapper { position: relative; overflow: hidden; } .saga-block-item-w-overlay, .saga-block-item-w-overlay a, .saga-block-item-w-overlay .saga-block-overlay-title, .saga-block-item-w-overlay .blogty-entry-meta .post-comment a, .saga-block-item-w-overlay .blogty-entry-meta .post-author, .saga-block-item-w-overlay .blogty-entry-meta .post-read-time, .saga-block-item-w-overlay .blogty-entry-meta .meta-text { --global--color-gray-600: #fff; color: #fff; } .saga-block-item-w-overlay .post-date { color: #f1f1f1; } .saga-block-item-w-overlay a:hover, .saga-block-item-w-overlay a:focus { color: #fff; } .saga-block-item-w-overlay .blogty-entry-meta { padding-top: 0.6rem; } .saga-block-image-w-overlay { position: relative; } .saga-block-image-w-overlay img { display: block; width: 100%; height: auto; object-fit: cover; transition: transform 0.5s ease; } .saga-block-overlay-content { position: absolute; bottom: 0; padding: 1.6rem; z-index: 1; } @media (min-width: 576px) { .saga-block-overlay-content { padding: 3rem; } } .saga-block-overlay-title { margin: 0; font-size: 2rem; font-weight: bold; } .saga-block-overlay-content .blogty-entry-meta svg, .saga-block-overlay-content .blogty-entry-categories svg, .saga-block-overlay-content .blogty-entry-tags svg { fill: #fff; } /* Generic Inner/Outer Swiper Bullets */ .blogty-swiper-inner-bullets, .blogty-swiper-outer-bullets { --swiper-pagination-bullet-horizontal-gap: 4px; } .blogty-swiper-inner-bullets { --swiper-pagination-bullet-width: 12px; --swiper-pagination-bullet-height: 12px; --swiper-pagination-bottom: 2.4rem; } .blogty-swiper-outer-bullets { --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; } .blogty-swiper-inner-bullets .swiper-pagination-bullet, .blogty-swiper-outer-bullets .swiper-pagination-bullet { background: #fff; position: relative; transition: all 300ms ease-out; } .blogty-swiper-outer-bullets .swiper-pagination-bullets { position: static; margin-top: 2rem; } .blogty-swiper-outer-bullets .swiper-pagination-bullet { background-color: var(--global--color-accent); } /* Generic Inner/Outer Swiper Arrows */ .blogty-slider-wrapper-block.blogty-swiper-outer-arrows { --swiper-navigation-sides-offset: 0px; padding-left: 0; padding-right: 0; } .blogty-slider-wrapper-block.as_carousel.blogty-swiper-outer-arrows { --swiper-navigation-sides-offset: 0px; } .blogty-slider-wrapper-block.blogty-swiper-outer-arrows .swiper-button-prev, .blogty-slider-wrapper-block.blogty-swiper-outer-arrows .swiper-button-next { border-radius: 50%; color: #fff; background-color: var(--global--color-accent); } .blogty-slider-wrapper-block.blogty-swiper-outer-arrows .swiper-button-prev.swiper-button-disabled, .blogty-slider-wrapper-block.blogty-swiper-outer-arrows .swiper-button-next.swiper-button-disabled { display: flex; } @media (max-width: 576px) { .blogty-slider-wrapper-block.blogty-swiper-outer-arrows .swiper-button-prev, .blogty-slider-wrapper-block.blogty-swiper-outer-arrows .swiper-button-prev.swiper-button-disabled, .blogty-slider-wrapper-block.blogty-swiper-outer-arrows .swiper-button-next, .blogty-slider-wrapper-block.blogty-swiper-outer-arrows .swiper-button-next.swiper-button-disabled { display: none; } } @media (min-width: 576px) { .blogty-slider-wrapper-block.blogty-swiper-outer-arrows { padding-left: 8%; padding-right: 8%; } } @media (min-width: 768px) { .blogty-slider-wrapper-block.blogty-swiper-outer-arrows { padding-left: 6%; padding-right: 6%; } } /* Banner */ .blogty-banner-wrapper { --swiper-navigation-size: 16px; --swiper-navigation-sides-offset: 4px; --swiper-navigation-color: rgba(0, 0, 0, 0.8); --swiper-pagination-color: #fff; --swiper-pagination-bullet-inactive-opacity: 0.5; /* Theme added */ --swiper-pagination-bg-color: rgba(255, 255, 255, 0.8); position: relative; } @media (min-width: 992px) { .blogty-banner-wrapper { --swiper-navigation-sides-offset: 20px; } } .blogty-banner .entry-categories { margin-top: 0; margin-bottom: 2rem; } .blogty-banner .blogty-entry-categories, .blogty-banner .blogty-entry-categories .category-list, .blogty-banner .blogty-entry-meta { justify-content: center; } .blogty-section-banner-wrapper .banner-caption .banner-title { font-weight: 700; } .blogty-section-banner-wrapper.as-carousel .banner-caption .banner-title { font-size: 1.8rem; } .blogty-section-banner-wrapper.as-slider .banner-caption .banner-title { font-size: 2rem; } .blogty-section-banner-wrapper .banner-image img.wp-post-image { height: 35rem; width: 100%; } @media (min-width: 768px) { .blogty-section-banner-wrapper:is(.as-carousel, .as-slider) .banner-caption .banner-title { font-size: 3rem; } .blogty-section-banner-wrapper.as-slider:not(.is-pinned-posts-active) .banner-caption .banner-title { font-size: 4rem; } } @media (min-width: 992px) { .blogty-section-banner-wrapper .banner-image img.wp-post-image { height: 50rem; } .blogty-section-banner-wrapper.full-width .banner-image img.wp-post-image { height: 55rem; } .blogty-section-banner-wrapper.full-width.as-carousel .banner-caption .banner-title { font-size: 3.6rem; } .blogty-section-banner-wrapper.full-width.as-slider .banner-caption .banner-title { font-size: 4rem; } } .blogty-banner-wrapper.swiper { width: 100%; } .blogty-banner-wrapper .swiper-slide { text-align: center; font-size: 1.8rem; } .blogty-banner-wrapper .swiper-slide img { display: block; height: 100%; object-fit: cover; } .blogty-banner-wrapper .swiper-slide:not(.swiper-slide-active) .banner-caption { opacity: 0; } .blogty-banner-wrapper .banner-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 1; width: 75%; opacity: 1; } .blogty-banner-wrapper .banner-caption .blogty-entry-categories svg { display: none; } .blogty-banner-wrapper .banner-caption-inner { position: relative; padding: 2.4rem 1rem 2rem; } .blogty-banner-wrapper .banner-caption-inner > *:not(.blogty-block-overlay) { position: relative; z-index: 2; } .blogty-banner-wrapper .blogty-entry-meta, .blogty-banner-wrapper .banner-excerpt, .blogty-banner-wrapper .banner-read-more { padding-top: 2rem; } .blogty-banner-wrapper .banner-excerpt { font-size: 1.5rem; } .blogty-banner-wrapper .banner-caption { --global--color-gray-600: #fff; } .blogty-banner-wrapper .banner-caption a, .blogty-banner-wrapper .banner-caption .banner-title, .blogty-banner-wrapper .blogty-entry-meta .post-comment a, .blogty-banner-wrapper .blogty-entry-meta .post-author, .blogty-banner-wrapper .blogty-entry-meta .post-read-time, .blogty-banner-wrapper .blogty-entry-meta .post-date, .blogty-banner-wrapper .blogty-entry-meta .meta-text { color: #fff; } .blogty-banner-wrapper .blogty-entry-meta svg, .blogty-banner-wrapper .blogty-btn-link:is(.style_2, .style_3) svg { fill: #fff; } .blogty-banner-wrapper .blogty-btn-link.style_6 { --global--color-black: #fff; } .blogty-banner-wrapper .swiper-button-prev, .blogty-banner-wrapper .swiper-button-next { height: 3rem; width: 3rem; background: var(--swiper-pagination-bg-color); transition: all 0.25s ease-in 0s; font-weight: bold; opacity: 0; } .blogty-banner-wrapper:hover .swiper-button-prev, .blogty-banner-wrapper:hover .swiper-button-next { opacity: 1; } @media (min-width: 768px) { .blogty-banner-wrapper .swiper-button-prev, .blogty-banner-wrapper .swiper-button-next { height: 4rem; width: 4rem; } .blogty-banner-wrapper { --swiper-navigation-size: 16px; } } .blogty-banner-wrapper .swiper-button-prev.swiper-button-disabled, .blogty-banner-wrapper .swiper-button-next.swiper-button-disabled { pointer-events: inherit; } .blogty-banner-wrapper:hover .swiper-button-prev.swiper-button-disabled, .blogty-banner-wrapper:hover .swiper-button-next.swiper-button-disabled { opacity: 0.35; } .blogty-banner .banner-image { position: relative; overflow: hidden; } /* Animate Banner Content */ .blogty-section-banner-wrapper.em-animate-content .swiper-slide.swiper-slide-active .banner-caption-inner .entry-categories { -webkit-animation: uf-fadeIn 0.8s both 0.3s; animation: uf-fadeIn 0.8s both 0.3s; } .blogty-section-banner-wrapper.em-animate-content .swiper-slide.swiper-slide-active .banner-caption-inner .banner-title { -webkit-animation: uf-fadeIn 0.7s both 0.2s; animation: uf-fadeIn 0.7s both 0.2s; } .blogty-section-banner-wrapper.em-animate-content .swiper-slide.swiper-slide-active .banner-caption-inner .blogty-entry-meta { -webkit-animation: uf-fadeIn 0.8s both 0.3s; animation: uf-fadeIn 0.8s both 0.3s; } .blogty-section-banner-wrapper.em-animate-content .swiper-slide.swiper-slide-active .banner-caption-inner .banner-excerpt { -webkit-animation: uf-fadeIn 0.8s both 0.3s; animation: uf-fadeIn 0.8s both 0.3s; } .blogty-section-banner-wrapper.em-animate-content .swiper-slide.swiper-slide-active .banner-caption-inner .banner-read-more { -webkit-animation: uf-fadeIn 0.8s both 0.4s; animation: uf-fadeIn 0.8s both 0.4s; } /* Pinned Posts */ .blogty-section-banner-wrapper .blogty-pinned-posts .saga-block-item-w-overlay img.wp-post-image { height: calc(25rem - var(--uf-gutter-y) / 2); } @media (max-width: 991px) { .blogty-section-banner-wrapper .blogty-pinned-posts .saga-block-item-w-overlay img.wp-post-image { min-height: 25rem; } } .blogty-section-banner-wrapper .blogty-pinned-posts .saga-block-overlay-title { font-size: 2rem; } /* Ticker Posts */ .blogty-section-block.section-ticker { padding-top: 2rem; padding-bottom: 0; background-color: var(--global--ticker-section-bg); } .blogty-ticker-posts-wrapper { --swiper-navigation-size: 10px; position: relative; display: flex; width: 100%; gap: 1rem; } .blogty-ticker-slider-wrapper.swiper { margin-left: unset; } .blogty-ticker-label-text { position: relative; color: var(--global--color-ticker-label); background: var(--global--color-ticker-label-bg); border-radius: var(--global--ticker-border-radius); padding: 0.4rem 1rem; font-size: 1.3rem; font-weight: 700; flex-shrink: 0; } .blogty-ticker-label-text .ticker-loader { display: inline-block; vertical-align: middle; width: 4px; height: 4px; background-color: var(--global--color-ticker-loader-icon); border-radius: 50%; animation: uf-pulse 2s infinite; } .blogty-ticker-label-text svg { display: inline-block; vertical-align: middle; width: 1.4rem; height: 1.4rem; fill: var(--global--color-ticker-loader-icon); flex-shrink: 0; } .section-ticker .blogty-ticker-label-text span { display: inline-block; vertical-align: middle; } .section-ticker.ticker-label-style_2 .blogty-ticker-label-text { padding: 0.6rem 1.2rem; } .section-ticker.ticker-label-style_2 .blogty-ticker-label-text span { margin-left: 0.8rem; } .section-ticker.ticker-label-style_3 .blogty-ticker-label-text span { margin-left: 0.2rem; } .blogty-ticker-posts-content { position: relative; overflow: hidden; width: 100%; display: flex; align-items: center; white-space: nowrap; } .blogty-ticker-posts-content .ticker-item-inner { display: flex; align-items: center; gap: 1rem; min-height: 3rem; } .blogty-ticker-posts-content .blogty-entry-meta, .blogty-ticker-posts-content .blogty-entry-meta li { margin: 0 !important; line-height: 1; } .blogty-ticker-slider-nav { display: flex; gap: 0.4rem; z-index: 2; padding-left: 0.4rem; } @media (max-width: 768px) { .section-ticker .category-list > a:not(:nth-child(2)) { display: none; } .section-ticker.stack-ticker-responsive .blogty-ticker-posts-wrapper { flex-direction: column; } .section-ticker.stack-ticker-responsive .blogty-ticker-label-text { padding: 1rem; justify-content: flex-start; } } .blogty-ticker-slider-nav .swiper-button-prev, .blogty-ticker-slider-nav .swiper-button-next { position: static; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; display: flex; z-index: 2; transition: 0.35s ease; height: 2.4rem; width: 2.4rem; font-weight: bold; color: var(--global--color-gray-500); border: 1px solid var(--global--color-gray-500); background: transparent; margin-top: 0; } body.rtl .blogty-ticker-slider-nav .swiper-button-prev::after { content: "next"; } body.rtl .blogty-ticker-slider-nav .swiper-button-next::after { content: "prev"; } .blogty-ticker-slider-nav :where(.swiper-button-prev, .swiper-button-next):hover { color: #fff; border-color: transparent; background: var(--global--color-accent); } .blogty-ticker-post-title { color: var(--global--color-black); font-size: 1.4rem; font-weight: 500; } .blogty-ticker-posts-wrapper .article-image { flex-shrink: 0; } .blogty-ticker-posts-wrapper .article-image img { width: 2.8rem; height: 2.8rem; border-radius: var(--global--elements-border-radius-s); } .ticker-round-thumb .blogty-ticker-posts-wrapper .article-image img { border-radius: 50%; } .blogty-ticker-posts-wrapper .blogty-entry-categories .category-list { flex-wrap: nowrap; } .blogty-ticker-posts-wrapper .article-cat-info .entry-categories { margin: 0; } .blogty-ticker-posts-wrapper .blogty-entry-meta .meta-text { background-color: var(--global--color-black); color: var(--global--color-white); padding: 0.4rem 0.8rem; text-transform: none; border-radius: 10rem; font-size: 1rem; } .section-ticker.saga-block-inverted-color .blogty-entry-meta .meta-text { color: #1e1e1e; } /* Trending Posts */ .blogty-section-block.section-trending { background-color: var(--global--trending-section-bg); } .blogty-section-block.section-trending .blogty-slider-wrapper-block { --swiper-navigation-size: 10px; --swiper-navigation-top-offset: 50%; } .blogty-section-block.section-trending .swiper-button-prev, .blogty-section-block.section-trending .swiper-button-next { width: 3rem; height: 3rem; transform: translateY(-50%); } .blogty-section-block.section-trending .blogty-slider-wrapper-block .swiper-button-prev { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .blogty-section-block.section-trending .blogty-slider-wrapper-block .swiper-button-next { left: auto; right: var(--swiper-navigation-sides-offset, 10px); } body.rtl .blogty-section-block.section-trending .blogty-slider-wrapper-block .swiper-button-prev:after { content: "next"; } body.rtl .blogty-section-block.section-trending .blogty-slider-wrapper-block .swiper-button-next:after { content: "prev"; } .blogty-section-block.section-trending .blogty-slider-wrapper-block.as_carousel .article-title { font-size: 1.4rem; } .blogty-section-block.section-trending .blogty-slider-wrapper-block.as_carousel .article-details { padding: 0; } @media (min-width: 992px) and (max-width: 1200px) { .blogty-section-block.section-trending .blogty-grid-4 .article-title { font-size: 1.3rem; } .blogty-section-block.section-trending .blogty-grid-4 .entry-categories a { font-size: 1.1rem; } } @media (min-width: 1025px) { .blogty-section-block.section-trending .blogty-grid-5 .article-image { height: 7rem; width: 7rem; } } @media (min-width: 1200px) { .blogty-section-block.section-trending .blogty-grid-5 .article-title { font-size: 1.3rem; } .blogty-section-block.section-trending .blogty-grid-5 .entry-categories a { font-size: 1.1rem; } } .blogty-section-block.section-trending.style_2 .blogty-article-block-wrapper .article-image { border-radius: 10rem; } /* Some generic article styles ------------------ */ /* Generic Card Layout */ .is-active-card-layout.card_layout_1 .blogty-card-box { -webkit-box-shadow: 0 3px 5px 0 rgba(0, 1, 1, 0.1); box-shadow: 0 3px 5px 0 rgba(0, 1, 1, 0.1); background: var(--global--card-bg); border-radius: var(--global--elements-border-radius-l); } .is-active-card-layout.card_layout_1 .blogty-card-box :is(.article-details, .entry-details) { padding: 2rem; } .is-active-card-layout.card_layout_1 .blogty-card-box :where( .blogty-rounded-img, .blogty-rounded-img .attachment-post-thumbnail, .blogty-rounded-img .post-thumb ) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .is-active-card-layout.card_layout_2 .blogty-card-box :is(.article-details, .entry-details) { padding: 2rem 3rem; background: var(--global--card-bg); border-radius: var(--global--elements-border-radius-l); margin-left: 2rem; margin-right: 2rem; position: relative; z-index: 2; } .is-active-card-layout.card_layout_2 .blogty-card-box .entry-image + .entry-details, .is-active-card-layout.card_layout_2 .blogty-card-box .article-image + .article-details { margin-top: -4rem; } .saga-block-inverted-color.is-active-card-layout { --global--card-bg: #1e1e1e; } /* Image animate */ .img-animate-zoom .saga-block-image-w-overlay, .img-animate-zoom .article-image, .img-animate-zoom.entry-image { overflow: hidden; } .img-animate-zoom.entry-image { position: relative; } .img-animate-zoom img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out; } .img-animate-zoom:hover img:not(.author-avatar-image) { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Grid */ .article-cat-info .entry-categories { margin: 0; margin-bottom: 1rem; } .blogty-article-block-wrapper .article-excerpt { font-size: 1.4rem; } /* Single Col Post Widget */ .blogty-express-posts .blogty-article-block-wrapper { display: grid; align-items: start; gap: 1.6rem; } .blogty-express-posts.style_2 .blogty-article-block-wrapper { display: flex; flex-direction: column; } .blogty-express-posts .blogty-article-block-wrapper .article-title { font-size: 1.8rem; } @media (min-width: 576px) { .blogty-express-posts .blogty-article-block-wrapper .article-title { font-size: 2.2rem; } } @media (min-width: 768px) { .blogty-express-posts.style_2 .blogty-article-block-wrapper { flex-direction: row; align-items: center; gap: 2.4rem; } } .blogty-express-posts .blogty-article-block-wrapper .article-excerpt, .blogty-express-posts .blogty-article-block-wrapper .article-read-more { margin-top: 1rem; } .blogty-express-posts .blogty-article-block-wrapper .blogty-entry-meta { padding-top: 1rem; } .blogty-express-posts .article-image { position: relative; } .blogty-express-posts img { display: block; height: auto; } .blogty-express-posts .article-image img, .blogty-express-posts .entry-image img, .blogty-express-posts img.wp-post-image { width: 100%; } .blogty-list-posts { --uf-item-gap: 2.4rem; display: flex; flex-direction: column; gap: var(--uf-item-gap); } .blogty-list-posts .blogty-article-block-wrapper { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 1.6rem; } .blogty-list-posts .blogty-article-block-wrapper .article-image { height: 10rem; width: 10rem; position: relative; } .blogty-list-posts .article-cat-info .entry-categories { margin-bottom: 0.8rem; } .blogty-list-posts .article-cat-info .entry-categories a { font-size: 1.2rem; } .blogty-list-posts .blogty-article-block-wrapper .article-title { font-size: 1.5rem; } .blogty-list-posts .blogty-entry-meta { font-size: 1.1rem; padding-top: 0.6rem; } .blogty-list-posts .blogty-entry-meta .post-date { font-size: 1.1rem; } /* Inverted Color */ .saga-block-inverted-color { --global--color-black: #fff; --global--color-h1: #fff; --global--color-h2: #fff; --global--color-h3: #fff; --global--color-h4: #fff; --global--color-h5: #fff; --global--color-h6: #fff; --global--link-color: #fff; --global--color-gray-600: var(--global--color-gray-200); color: #fff; } .saga-block-inverted-color a, .saga-block-inverted-color p, .saga-block-inverted-color .blogty-btn-link.style_2 { color: var(--global--color-black); } .saga-block-inverted-color .blogty-btn-link.style_5 { background-color: #191a1f; } .saga-block-inverted-color .blogty-entry-meta svg, .saga-block-inverted-color .blogty-btn-link.style_2 svg { fill: #fff; } .saga-block-inverted-color a:hover { color: rgba(255, 255, 255, 0.9); } /* Inverted Items */ .saga-inverted-item .blogty-list-posts .blogty-article-block-wrapper > .article-image { order: 2; } .saga-inverted-item .blogty-list-posts .blogty-article-block-wrapper > .article-details { order: 1; } .saga-inverted-item .blogty-list-posts .blogty-article-block-wrapper { grid-template-columns: 1fr auto; } .saga-hidden-post-image .blogty-list-posts .blogty-article-block-wrapper .article-details { /* padding: 2rem; */ padding: 0; } /* .saga-hidden-post-image .blogty-list-posts .article-title { font-size: 1.6rem !important; } */ /* Sticky Elements */ .blogty-sticky-row, .blogty-sticky-col, .has-sticky-sidebar #primary > .primary-content-area-wrapper, .has-sticky-sidebar #secondary > aside.widget-area { position: -webkit-sticky; position: sticky; } .blogty-sticky-row { top: 0; } .blogty-sticky-col, .has-sticky-sidebar #primary > .primary-content-area-wrapper, .has-sticky-sidebar #secondary > aside.widget-area { top: 4.6rem; } .has-sticky-menu .blogty-sticky-col, .has-sticky-menu.has-sticky-sidebar #primary > .primary-content-area-wrapper, .has-sticky-menu.has-sticky-sidebar #secondary > aside.widget-area { top: 9.6rem; } /* Post Format Icons */ .post-format-icon { color: #fff; background: rgba(0, 0, 0, 0.35); box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15); border: 2px solid #fff; border-width: clamp(1px, 0.12em, 5px); border-radius: 50%; -webkit-border-radius: 50%; -moz-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%); } /* Slider / Carosuel Widget */ .blogty-slider-wrapper-block { --swiper-navigation-size: 14px; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: #000; --swiper-pagination-color: #fff; --swiper-pagination-bullet-inactive-opacity: 0.4; /* Theme Added */ --swiper-pagination-bg-color: #fff; display: grid; position: relative; } .blogty-slider-wrapper-block.as_carousel { --swiper-navigation-sides-offset: -18px; } .blogty-slider-wrapper-block .swiper { width: 100%; overflow: hidden; padding-bottom: 0.4rem; } .blogty-slider-wrapper-block .swiper-button-prev, .blogty-slider-wrapper-block .swiper-button-next { background: var(--swiper-pagination-bg-color); height: 3.6rem; width: 3.6rem; font-weight: bold; transform: translateY(-50%); } /*rtl:ignore*/ body.rtl .blogty-slider-wrapper-block .swiper-button-prev { left: auto; right: var(--swiper-navigation-sides-offset, 10px); } body.rtl .blogty-slider-wrapper-block .swiper-button-prev::after { content: "next"; } /*rtl:ignore*/ body.rtl .blogty-slider-wrapper-block .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } body.rtl .blogty-slider-wrapper-block .swiper-button-next::after { content: "prev"; } @media (max-width: 767px) { .blogty-slider-wrapper-block { --swiper-navigation-size: 10px; --swiper-navigation-sides-offset: 5px; } .blogty-slider-wrapper-block.as_carousel { --swiper-navigation-sides-offset: -15px; } .blogty-slider-wrapper-block .swiper-button-prev, .blogty-slider-wrapper-block .swiper-button-next { height: 3rem; width: 3rem; } } .blogty-slider-wrapper-block .swiper-button-prev, .blogty-slider-wrapper-block .swiper-button-next { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05); } .blogty-slider-wrapper-block:where(.as_slider, .as_carousel.style_2) .article-details a, .blogty-slider-wrapper-block:where(.as_slider, .as_carousel.style_2) .article-title, .blogty-slider-wrapper-block:where(.as_slider, .as_carousel.style_2) .blogty-entry-meta .post-comment a, .blogty-slider-wrapper-block:where(.as_slider, .as_carousel.style_2) .blogty-entry-meta .post-author, .blogty-slider-wrapper-block:where(.as_slider, .as_carousel.style_2) .blogty-entry-meta .post-read-time, .blogty-slider-wrapper-block:where(.as_slider, .as_carousel.style_2) .blogty-entry-meta .post-date, .blogty-slider-wrapper-block:where(.as_slider, .as_carousel.style_2) .blogty-entry-meta .meta-text, .blogty-slider-wrapper-block.as_slider .article-excerpt { color: #fff; } .blogty-slider-wrapper-block .blogty-article-block-wrapper { position: relative; } .blogty-slider-wrapper-block:where(.as_slider, .as_carousel.style_2) .article-details { position: absolute; bottom: 0; padding: 3rem 3.6rem; z-index: 1; } .blogty-slider-wrapper-block.as_slider .article-details { padding-bottom: 4rem; } .blogty-slider-wrapper-block.as_carousel .article-details { padding-top: 2rem; } .blogty-slider-wrapper-block.as_slider .article-title { font-size: 2rem; font-weight: bold; } @media (min-width: 768px) { .blogty-slider-wrapper-block.as_slider .article-title { font-size: 3rem; } } .blogty-slider-wrapper-block.as_carousel .article-title { font-size: 1.6rem; } .blogty-slider-wrapper-block .blogty-entry-meta { padding-top: 0.6rem; } .blogty-slider-wrapper-block:where(.as_slider, .as_carousel.style_2) .blogty-entry-meta .meta-text svg, .blogty-slider-wrapper-block.as_slider .blogty-btn-link:is(.style_2, .style_3) svg { fill: #fff; } .blogty-slider-wrapper-block.as_slider .blogty-btn-link.style_2 { color: #fff; } .blogty-slider-wrapper-block.as_slider .blogty-btn-link.style_6 { --global--color-black: #fff; } .blogty-slider-wrapper-block:where(.as_slider, .as_carousel) .article-excerpt, .blogty-slider-wrapper-block:where(.as_slider, .as_carousel) .article-read-more { margin-top: 0.8rem; } .blogty-slider-wrapper-block .article-image { position: relative; } .blogty-slider-wrapper-block .article-image img.wp-post-image { display: block; width: 100%; object-fit: cover; height: auto; } .blogty-slider-wrapper-block.as_slider .article-image img { max-height: 45rem; } .blogty-slider-wrapper-block .swiper-button-prev.swiper-button-disabled, .blogty-slider-wrapper-block .swiper-button-next.swiper-button-disabled { pointer-events: inherit; display: none; } /* Style 2 Slider */ .blogty-slider-wrapper-block.as_slider.style_2 .article-details { top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: unset; text-align: center; width: 75%; } .blogty-slider-wrapper-block.as_slider.style_2 .blogty-entry-categories, .blogty-slider-wrapper-block.as_slider.style_2 .blogty-entry-meta { justify-content: center; } .blogty-slider-wrapper-block.as_slider img.wp-post-image { min-height: 30rem; } .blogty-slider-wrapper-block.as_carousel.style_2 img.wp-post-image { min-height: 25rem; } @media (min-width: 1000px) { .blogty-secondary-column .blogty-slider-wrapper-block .article-image img { height: 25rem; } .blogty-secondary-column .blogty-slider-wrapper-block.as_slider .article-title { font-size: 2.6rem; } } /* Ads code widget */ .blogty-ads-code-widget { display: grid; align-items: center; } .blogty-justify-article-contents .blogty-article-block-wrapper { text-align: center; } .blogty-justify-article-contents .blogty-article-block-wrapper :where( .blogty-entry-categories, .blogty-entry-meta, .blogty-entry-tags, .blogty-edit.edit-link ) { justify-content: center; } /* -==================================- */ /* Title Line */ .blogty-title-line { color: inherit; display: inline; padding-bottom: 0; line-height: 1.3; background-image: -webkit-gradient( linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor) ); 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 .blogty-title-line:hover { background-size: 100% 2px; } /* .blogty-title-line { background: linear-gradient(to top right, var(--global--color-accent) -200%, #0000 300%); background-repeat: no-repeat; background-size: 0px 0.0625em; background-position: 0 95%; transition: 0.25s; } .has-title-line-hover .blogty-title-line:hover { background-size: 100% 0.5625em; } */ /* */ .blogty-rounded-img, .blogty-rounded-img .attachment-post-thumbnail, .blogty-rounded-img .post-thumb { border-radius: var(--global--elements-border-radius-l); }