@charset "UTF-8"; /*! Theme Name: Aytias Theme URI: http://unfoldwp.com/products/aytias/ Author: Unfoldwp Author URI: https://unfoldwp.com/ Description: Aytias is a minimal responsive and beautiful multipurpose blog theme. With added support to post formats, it gives user the complete control of blog posts on how they should be displayed on archive pages. The theme primarily can be used to develop any blog site but you can essentially use it to develop any kind of sites like news, sports, magazines, etc. Requires at least: 5.3 Tested up to: 6.0.1 Requires PHP: 5.6 Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: aytias Tags: blog, two-columns, left-sidebar, right-sidebar, custom-colors, custom-background, custom-logo, custom-menu, custom-header, featured-images, footer-widgets, post-formats, threaded-comments, theme-options, translation-ready, wide-blocks, rtl-language-support */ /* -------------------------------------------------------------------------------- */ /* 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: #fff9f9; color: #495057; font-family: "Bitter", serif; font-size: 1.4rem; font-weight: normal; line-height: 1.7; letter-spacing: normal; text-align: right; 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; } /* #site-content { overflow: hidden; } */ /* 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; right: -999999rem; width: 0.1rem; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 0.3rem; 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; right: 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 { right: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; } .skip-link:focus { display: block; right: 6px; top: 7px; font-size: 14px; font-weight: 600; text-decoration: none; line-height: normal; padding: 15px 23px 14px; z-index: 100000; left: 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 /* --------------------------------------------------------------------------------------------- */ .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width { max-width: calc(100vw - 3rem); margin-right: auto; margin-left: auto; } .site-header .wrapper, .site-footer .wrapper, .general-widget-area, .aytias-posts-lists, .comments-pagination, .post-navigation, .aytias-nav-pagination, .aytias-active-woocommerce-page #site-content, .alignwide, .wide-max-width { max-width: calc(100vw - 3rem); margin-right: auto; margin-left: auto; } .alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width { max-width: 100%; width: 100%; margin-right: auto; margin-left: auto; } .alignfull [class*="inner-container"] > .alignwide, .alignwide [class*="inner-container"] > .alignwide { margin-right: auto; margin-left: auto; width: calc(100vw - 3rem); max-width: 100%; } @media only screen and (min-width: 482px) { .no-sidebar .entry-content .wp-audio-shortcode, .no-sidebar .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .no-sidebar *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width { max-width: min(calc(100vw - 10rem), 68rem); margin-right: auto; margin-left: auto; } .site-header .wrapper, .site-footer .wrapper, .general-widget-area, .aytias-posts-lists, .comments-pagination, .post-navigation, .aytias-nav-pagination, .aytias-active-woocommerce-page #site-content, .alignwide, .wide-max-width { max-width: calc(100vw - 10rem); margin-right: auto; margin-left: auto; } .alignfull, .full-max-width { max-width: 100%; width: auto; margin-right: auto; margin-left: auto; } .alignfull [class*="inner-container"] > .alignwide, .alignwide [class*="inner-container"] > .alignwide { width: calc(100vw - 10rem); } } @media only screen and (min-width: 822px) { .no-sidebar .entry-content .wp-audio-shortcode, .no-sidebar .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .no-sidebar *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width { max-width: min(calc(100vw - 20rem), 68rem); margin-right: auto; margin-left: auto; } .site-header .wrapper, .site-footer .wrapper, .general-widget-area, .aytias-posts-lists, .comments-pagination, .post-navigation, .aytias-nav-pagination, .aytias-active-woocommerce-page #site-content, .alignwide, .wide-max-width { max-width: min(calc(100vw - 20rem), 124rem); margin-right: auto; margin-left: auto; } .alignfull [class*="inner-container"] > .alignwide, .alignwide [class*="inner-container"] > .alignwide { width: min(calc(100vw - 20rem), 124rem); } } @media only screen and (min-width: 482px) { .no-sidebar .entry-content > .alignleft { margin-left: calc(0.5 * (100vw - min(calc(100vw - 20rem), 68rem))); margin-right: 2.5rem; } } @media only screen and (min-width: 482px) { .no-sidebar .entry-content > .alignright { margin-left: 2.5rem; margin-right: calc(0.5 * (100vw - min(calc(100vw - 20rem), 68rem))); } } .site-header, #site-content, .site-footer { padding: 3rem 0; margin-right: auto; margin-left: auto; } .general-widget-area { padding-bottom: 6rem; margin-right: auto; margin-left: auto; } .after-footer-widget-region { padding-top: 6rem; } .general-widget-area .widget:last-child, .nc-widget-area .widget:last-child { margin-bottom: 0; padding-bottom: 0; } #site-content { padding: 6rem 0; } .site-footer { padding-top: 6rem; } /* @media only screen and (min-width: 482px) { #site-content, .general-widget-area, .site-footer { padding: 4rem 0; } } @media only screen and (min-width: 822px) { #site-content, .general-widget-area, .site-footer { padding: 6rem 0; } } */ .aytias-posts-lists article { margin-bottom: 3rem; } @media only screen and (min-width: 482px) { .aytias-posts-lists article { margin-bottom: 4rem; } } @media only screen and (min-width: 822px) { .aytias-posts-lists article { margin-bottom: 6rem; } } .aytias-posts-lists article:last-child { margin-bottom: 0; } /* .home.page-template-default .entry-content { margin-top: 0; } */ .entry-content { line-height: 1.5; } .entry-content > iframe[style] { margin: 3rem 0 !important; max-width: 100% !important; } .entry-content > *, [class*="inner-container"] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { margin-top: 2rem; margin-bottom: 2rem; } @media only screen and (min-width: 482px) { .entry-content > *, [class*="inner-container"] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { margin-top: 3rem; margin-bottom: 3rem; } } .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: 3rem; } main { display: block; } h1, .heading-size-1, h2, .heading-size-2, h3, .heading-size-3, h4, .heading-size-4, h5, .heading-size-5, h6, .heading-size-6 { clear: both; margin-top: 0; margin-bottom: 1.6rem; font-family: "Bitter", serif; font-weight: 600; line-height: 1.25; word-wrap: break-word; color: #000; } h1 strong, .heading-size-1 strong, h2 strong, .heading-size-2 strong, h3 strong, .heading-size-3 strong, h4 strong, .heading-size-4 strong, h5 strong, .heading-size-5 strong, h6 strong, .heading-size-6 strong { font-weight: 600; } h1, .heading-size-1 { font-size: 3.2rem; } h2, .heading-size-2 { font-size: 2.8rem; } h3, .heading-size-3 { font-size: 2.4rem; } h4, .heading-size-4 { font-size: 2rem; } h5, .heading-size-5 { font-size: 1.8rem; } h6, .heading-size-6 { font-size: 1.6rem; } p { line-height: 1.7; 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: #dcd7ca; margin-top: 3rem; margin-bottom: 3rem; clear: both; } a { color: #000; text-decoration: underline; } a:hover, a:focus { outline: none; text-decoration: none; color: #ff2e63; } a:focus { outline: thin dotted; outline-offset: 3px; } a:active { color: #000; text-decoration: underline; } 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, .heading-size-1 a:hover, .heading-size-1 a:focus, .heading-size-2 a:hover, .heading-size-2 a:focus, .heading-size-3 a:hover, .heading-size-3 a:focus, .heading-size-4 a:hover, .heading-size-4 a:focus, .heading-size-5 a:hover, .heading-size-5 a:focus, .heading-size-6 a:hover, .heading-size-6 a:focus { color: #495057; text-decoration: none; } /* Lists ------------------------------------- */ ul, ol { font-family: "Bitter", serif; margin-bottom: 3rem; margin-right: 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 2rem 0 0; } li > ul, li > ol { margin: 1rem 2rem 0 0; } .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 { border-color: #000; border-style: solid; border-width: 0 0.2rem 0 0; color: inherit; font-size: 1em; margin-top: 3rem; margin-bottom: 3rem; padding: 0.5rem 2rem 0.5rem 0; } 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: 0.2rem; } pre { border: 0.1rem solid #dcd7ca; line-height: 1.5; margin-top: 3rem; margin-bottom: 3rem; overflow: auto; padding: 3rem 2rem; text-align: right; } 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; } /* ================= */ .wp-block-code { border-color: #dcd7ca; border-radius: 0; border-style: solid; border-width: 0.1rem; padding: 3rem; } .wp-block-code code { color: #495057; white-space: pre; overflow-x: auto; display: block; } /* */ .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-columns .wp-block-column > * { margin-top: 2rem; margin-bottom: 2rem; } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column > * { margin-top: 3rem; margin-bottom: 3rem; } } .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: 2rem; } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 3rem; } } @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-right: 2rem; padding-left: 2rem; } /* */ .wp-block-cover, .wp-block-cover-image { background-color: #000; min-height: 45rem; } .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: 3rem; margin-bottom: 3rem; } .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: #000; } .wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container, .wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text, .wp-block-cover:not([class*="background-color"]) .wp-block-cover-text, .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text { color: #fff; } .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { text-align: right; } .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: left; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: calc(100% - 6rem); } .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: 2rem; margin-bottom: 2rem; } @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: 3rem; margin-bottom: 3rem; } } .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 > * { padding-right: 2rem; padding-left: 2rem; 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; } /* */ .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; } /* */ .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-right: auto; margin-left: auto; } .wp-block-group .wp-block-group__inner-container > * { margin-top: 1.6rem; margin-bottom: 1.6rem; } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: 2rem; margin-bottom: 2rem; } } .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: 2rem; } @media only screen and (min-width: 482px) { .wp-block-group.has-background { padding: 3rem; } } .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(100% + 6rem); width: calc(100% + 6rem); margin-right: -3rem; } /* */ .wp-block-image { text-align: center; } .wp-block-image figcaption { font-size: 1.6rem; line-height: 1.7; text-align: center; } .wp-block-image .alignright { margin-right: 2.5rem; } .wp-block-image .alignleft { margin-left: 2.5rem; } .wp-block-image a:focus img { outline-offset: 2rem; } .entry-content > *[class="wp-block-image"], .entry-content [class*="inner-container"] > *[class="wp-block-image"] { margin-top: 0; margin-bottom: 0; } .entry-content > *[class="wp-block-image"] + *, .entry-content [class*="inner-container"] > *[class="wp-block-image"] + * { margin-top: 0; } @media only screen and (min-width: 482px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { max-width: 50%; } } @media only screen and (max-width: 481px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { margin-right: 0; margin-left: 0; } } /* */ .wp-block-latest-comments { padding-right: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment { line-height: 1.7; margin-top: 0; margin-bottom: 2rem; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: #6d6d6d; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: 1.4rem; line-height: 1.5; margin: 1rem 0 0 0; } /* */ .wp-block-latest-posts { padding-right: 0; } .wp-block-latest-posts:not(.is-grid) > li { margin-bottom: 2rem; } .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: 3rem; } .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: 3rem; } .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: 0px; margin-bottom: 0.5rem; } .wp-block-latest-posts__featured-image img { margin-bottom: 1rem; } .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: normal; line-height: 1.3; margin-bottom: 1rem; } .widget-area .wp-block-latest-posts > li > a { font-size: 1.6rem; margin-bottom: 0; } .widget-area .wp-block-latest-posts > li > a { padding: 0 0 0.4rem 0; } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: #6d6d6d; font-size: 1.4rem; line-height: 1.7; } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: #6d6d6d; font-size: 1.4rem; line-height: 1.7; } [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 { line-height: 1.7; margin-top: 1rem; font-size: 1.6rem; } .wp-block-latest-posts.alignfull { padding-right: 2rem; padding-left: 2rem; } .entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull { padding-right: 0; padding-left: 0; } /* */ .wp-block-media-text.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-media-text a:focus img { outline-offset: -1px; } @media only screen and (min-width: 482px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: 3rem; padding-bottom: 3rem; } } /* */ .wp-block-pullquote { padding: 3rem 0; text-align: center; border-width: 0.3rem; border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative; } .wp-block-pullquote blockquote::before { color: currentColor; content: "“"; display: block; position: relative; right: 0; font-size: 4.8rem; font-weight: 500; line-height: 1; } .wp-block-pullquote p { font-size: 3.6rem; font-style: normal; font-weight: 700; 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 { color: currentColor; display: block; font-size: 1.8rem; font-style: normal; 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 { max-width: calc(100vw - 3rem); } @media only screen and (min-width: 482px) { .wp-block-pullquote.alignwide > p { max-width: calc(100vw - 10rem); } } @media only screen and (min-width: 822px) { .wp-block-pullquote.alignwide > p { max-width: min(calc(100vw - 20rem), 124rem); } } .wp-block-pullquote.alignwide blockquote { max-width: calc(100vw - 3rem); } @media only screen and (min-width: 482px) { .wp-block-pullquote.alignwide blockquote { max-width: calc(100vw - 10rem); } } @media only screen and (min-width: 822px) { .wp-block-pullquote.alignwide blockquote { max-width: min(calc(100vw - 20rem), 124rem); } } .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p { padding: 0 3rem; } .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { padding: 0 3rem; } .wp-block-pullquote.is-style-solid-color { color: #6d6d6d; padding: 50px; border-width: 0.3rem; border-style: solid; border-color: #6d6d6d; } @media (min-width: 600px) { .wp-block-pullquote.is-style-solid-color { padding: 10rem; } } .wp-block-pullquote.is-style-solid-color blockquote::before { text-align: right; } .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: 2rem; } .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { max-width: initial; } /* */ .wp-block-query.has-background { padding: 2rem; } @media only screen and (min-width: 482px) { .wp-block-query.has-background { padding: 3rem; } } /* */ .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: 3rem auto; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-right: 0; padding-left: 0; margin-top: 3rem; margin-bottom: 3rem; } .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: #6d6d6d; font-size: 2rem; } @media only screen and (max-width: 481px) { .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-right: 2.5rem; } .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right { padding-right: 0; padding-left: 2.5rem; } .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center { padding-right: 0; padding-left: 0; } .wp-block-quote.has-text-align-right { padding-right: 0; padding-left: 1.3rem; } } @media only screen and (max-width: 481px) { .wp-block-quote.has-text-align-center { padding-right: 0; padding-left: 0; } } /* */ .wp-block-rss { padding-right: 0; } .wp-block-rss > li { list-style: none; margin-right: 0; } .wp-block-rss:not(.is-grid) > li { margin-top: 2rem; margin-bottom: 2rem; } .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: 2rem; } .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: 1rem; margin-bottom: 1rem; } .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: 10px; } @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 { color: #6d6d6d; font-size: 1.6rem; line-height: 1.7; } .wp-block-rss .wp-block-rss__item-publish-date { color: #6d6d6d; font-size: 1.6rem; line-height: 1.7; } [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: 2rem; line-height: 1.7; margin-top: 2rem; } .wp-block-rss.alignfull { padding-right: 2rem; padding-left: 2rem; } .entry-content [class*="inner-container"] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { padding-right: 0; padding-left: 0; } /* */ .wp-block-search { max-width: calc(100vw - 3rem); } @media only screen and (min-width: 482px) { .wp-block-search { max-width: min(calc(100vw - 10rem), 68rem); } } @media only screen and (min-width: 822px) { .wp-block-search { max-width: min(calc(100vw - 20rem), 68rem); } } .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { justify-content: center; } .wp-block-search__button { background-color: #000; color: #fff; border: none; } /* */ hr.wp-block-separator { border-bottom: 1px solid #000; } hr.wp-block-separator { opacity: 1; } hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: calc(100vw - 3rem); } @media only screen and (min-width: 482px) { hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: min(calc(100vw - 10rem), 68rem); } } @media only screen and (min-width: 822px) { hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: min(calc(100vw - 20rem), 68rem); } } hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: calc(100vw - 3rem); } @media only screen and (min-width: 482px) { hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: calc(100vw - 10rem); } } @media only screen and (min-width: 822px) { hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: min(calc(100vw - 20rem), 124rem); } } hr.wp-block-separator:not(.is-style-dots).alignfull { max-width: 100%; } 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: #000; font-size: 3.6rem; letter-spacing: 2rem; padding-right: 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; } /* */ .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:focus { border: 2px solid #ff2e63; border-radius: 50%; } /* */ .wp-block-spacer { display: block; margin-bottom: 0 !important; margin-top: 0 !important; } /* */ .wp-block-tag-cloud.alignfull { padding-right: 2rem; padding-left: 2rem; } /* */ .wp-block-video figcaption { color: #6d6d6d; font-size: 1.6rem; margin-top: 1rem; margin-bottom: 2rem; text-align: center; } * > figure > video { max-width: unset; width: 100%; vertical-align: middle; } .entry-content .is-style-cnvs-paragraph-callout { font-size: 2rem; } /* -------------------------------------------------------------------------- */ /* Blocks /* -------------------------------------------------------------------------- */ .has-text-color a { color: inherit; } .has-text-align-left { text-align: right; } .has-text-align-center { text-align: center; } .has-text-align-right { text-align: left; } .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 0 0.1em; } .wp-block-archives, .wp-block-categories, .wp-block-latest-posts, .wp-block-latest-comments { list-style: none; margin-right: 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-latest-posts:not(.is-grid) > li:first-child { margin-top: 0; } */ .wp-block-archives li li, .wp-block-categories li li, .wp-block-latest-posts li li { margin-right: 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: #495057; } .wp-block-latest-comments a { color: #000; } .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 { text-decoration: underline; color: #ff2e63; } /* -------------------------------------------------------------------------------- */ /* Comments /* -------------------------------------------------------------------------------- */ /* Comment Headers --------------------------- */ .comments-wrapper { margin-top: 3rem; } .comments-title { align-items: baseline; display: flex; justify-content: space-between; margin: 0; } .comment-respond .comment-reply-title { text-align: center; margin: 0; } .comment-reply-title small { display: block; font-size: 1.8rem; margin-top: 0.6rem; } .comment-reply-title small a { text-decoration: none; } .comment-reply-title small a:hover { text-decoration: underline; } /* Comment Item ------------------------------ */ /* COMMENT HEADER */ .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-right: 8rem; } .comments a { color: inherit; } .comment .comment { padding-right: 5%; } .comment-meta { line-height: 1.1; } .comment-meta { margin-bottom: 1.4rem; } .comment-content > *:last-child { margin-bottom: 0; } .comment-meta .avatar { border-radius: 50%; display: block; position: absolute; height: 6rem; width: 6rem; right: 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 */ .comment-footer-meta { margin-top: 3rem; line-height: 1; } .comment-footer-meta > * + * { margin-right: 1.4rem; } .bypostauthor .comment-footer-meta .by-post-author { display: inline; } /* Pingbacks & Trackbacks -------------------- */ .pingback .comment-meta, .trackback .comment-meta { padding-right: 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 { right: 0; } .comments-pagination .next { left: 0; text-align: left; } /* Comment Respond --------------------------- */ .comment-respond form { margin-bottom: 0; } .comment-respond form p.logged-in-as { font-size: 1em; line-height: 1.25; margin: -2rem 0 3rem 0; } .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-respond form p.comment-notes, .comment-respond form p.logged-in-as, .comment-respond form p.form-submit { text-align: center; } .comment-form-cookies-consent { align-items: baseline; display: flex; } .comment-respond form > p:last-of-type { margin-bottom: 0; } .comment-respond label { display: block; } .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea { margin-bottom: 0; } .comment-respond #submit { display: inline-block; } /* Reply Respond ----------------------------- */ /* .comments .comment-respond { padding-top: 3rem; } */ @media (min-width: 700px) { /* Comments ------------------------------ */ .comments-wrapper { margin-top: 6rem; } .comment-meta { margin-bottom: 3rem; } .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: right; width: calc(50% - 1rem); } .comment-respond .comment-form-email { margin-right: 2rem; } } /* ================== */ /* GALLERIES */ .gallery { display: flex; flex-wrap: wrap; margin: 3em -0.8em 3em 0; 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 #dcd7ca; 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-right: 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: #dcd7ca; 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.25rem 0 0; height: 1.75rem; width: 1.75rem; } input, textarea, button, .button, .wp-block-button__link, .wp-block-file__button { font-family: "Bitter", serif; line-height: 1; } input, textarea { border-color: #dcd7ca; color: #495057; } code, input[type="url"], input[type="email"], input[type="tel"] { 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: 0; border-style: solid; border-width: 0.1rem; box-shadow: none; display: block; font-size: 1.6rem; letter-spacing: -0.015em; margin: 0; max-width: 100%; padding: 0.6rem 1.6rem; width: 100%; } 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; } 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: #000; border: none; border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.0333em; line-height: 1.25; margin: 0; opacity: 1; padding: 0.65em 1em; text-align: center; text-decoration: none; text-transform: uppercase; transition: opacity 0.15s 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 { text-decoration: underline; } 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 #dcd7ca; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 1.6rem; margin-top: 3rem; margin-bottom: 3rem; max-width: 100%; overflow: hidden; width: 100%; } .alignleft > table { margin: 0; } .alignright > table { margin: 0; } th, td { border: 0.1rem solid #dcd7ca; line-height: 1.4; margin: 0; overflow: visible; padding: 0.5em; } caption { background: #dcd7ca; font-weight: 600; padding: 0.5em; text-align: center; } thead { vertical-align: bottom; white-space: nowrap; } th { font-weight: 700; } /* -------------------------------------------------------------------------- */ /* 3. Helper Classes /* -------------------------------------------------------------------------- */ /* Layout ------------------------------------ */ .no-margin { margin: 0; } .no-padding { padding: 0; } .screen-height { min-height: 100vh; } .screen-width { position: relative; right: calc(50% - 50vw); width: 100vw; } /*Grid ---------------------------------------*/ .column-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .column-row-collapse { margin-left: 0; margin-right: 0; } .column-row-small { margin-left: -5px; margin-right: -5px; } .column-row-center .column { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-content: center; align-items: center; } .column { position: relative; width: 100%; padding-left: 15px; padding-right: 15px; } .column-row-collapse > .column { padding-left: 0; padding-right: 0; } .column-row-small .column { padding-left: 5px; padding-right: 5px; } .column-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .column-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .column-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .column-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .column-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .column-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .column-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .column-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .column-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .column-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .column-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .column-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 992px) { .column-order-1 { -ms-flex-order: 1; order: 1; } .column-order-2 { -ms-flex-order: 2; order: 2; } .column-order-3 { -ms-flex-order: 3; order: 3; } } @media (max-width: 991px) { .column-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .column-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .column-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .column-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (max-width: 767px) { .column-xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .column-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .column-xs-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .column-xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .hidden-xs-screen { display: none; visibility: hidden; opacity: 0; } } @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 */ .color-primary, .color-primary-hover:focus, .color-primary-hover:hover { color: #495057; } .color-secondary, .color-secondary-hover:focus, .color-secondary-hover:hover { color: #6d6d6d; } .color-accent, .color-accent-hover:focus, .color-accent-hover:hover { color: #ff2e63; } .color-border, .color-border-hover:focus, .color-border-hover:hover { color: #dcd7ca; } /* BACKGROUND COLOR */ .bg-primary, .bg-primary-hover:focus, .bg-primary-hover:hover { background-color: #495057; } .bg-secondary, .bg-secondary-hover:focus, .bg-secondary-hover:hover { background-color: #6d6d6d; } .bg-accent, .bg-accent-hover:focus, .bg-accent-hover:hover { background-color: #ff2e63; } .bg-border, .bg-border-hover:focus, .bg-border-hover:hover { background-color: #dcd7ca; } /* BORDER COLOR */ .border-color-primary, .border-color-primary-hover:focus, .border-color-primary-hover:hover { border-color: #495057; } .border-color-secondary, .border-color-secondary-hover:focus, .border-color-secondary-hover:hover { border-color: #6d6d6d; } .border-color-accent, .border-color-accent-hover:focus, .border-color-accent-hover:hover { border-color: #ff2e63; } .border-color-border, .border-color-border-hover:focus, .border-color-border-hover:hover { border-color: #dcd7ca; } /* FILL COLOR */ .fill-children-primary, .fill-children-primary * { fill: #495057; } .fill-children-secondary, .fill-children-secondary * { fill: #6d6d6d; } .fill-children-accent, .fill-children-accent * { fill: #ff2e63; } .fill-children-current-color, .fill-children-current-color * { fill: currentColor; } /* Image Classes ----------------------------- */ .aytias-bg-image { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; background-color: #000000; } .aytias-bg-image img { display: none; } .aytias-bg-overlay::before { position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0.5; background-color: #000; } .aytias-bg-attachment-fixed { background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .aytias-bg-attachment-fixed { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .aytias-bg-attachment-fixed { background-attachment: scroll; } } .wp-block-image.is-resized { margin-right: auto; margin-left: auto; } /* Cover block */ .aytias-cover-block { position: relative; background-size: cover; background-position: 50%; min-height: 40rem; background-color: #000; width: 100%; display: flex; justify-content: center; align-items: center; padding: 1em; box-sizing: border-box; } .aytias-block-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0.5; background-color: #000; } .aytias-cover-block img { position: absolute; top: 0; right: 0; left: 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; } .aytias-block-inner-wrapper { width: 100%; z-index: 1; } /* Search Form ------------------------------- */ .search-form { align-items: stretch; display: flex; flex-wrap: nowrap; margin: 0 -0.8rem -0.8rem 0; } .search-form .search-field, .search-form .search-submit { margin: 0 0.8rem 0.8rem 0; } .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; } /* Social Icons ------------------------------ */ ul.aytias-social-icons { display: flex; flex-wrap: wrap; margin: -0.9rem -0.9rem 0 0; width: calc(100% + 0.9rem); } ul.aytias-social-icons li { margin: 0.9rem 0.9rem 0 0; } .aytias-social-icons a { align-items: center; background-color: #ff2e63; color: #fff; display: flex; width: 3.6rem; height: 3.6rem; justify-content: center; padding: 0; text-decoration: none; transition: transform 0.15s ease-in-out; } .aytias-social-icons a:focus, .aytias-social-icons a:hover { transform: scale(1.1); text-decoration: none; } /* ------------- Breadcrumbs ------------------- */ .aytias-breadcrumb-wrapper { position: relative; } .aytias-breadcrumb-wrapper .trail-items { align-items: center; display: flex; flex-wrap: wrap; font-size: 1.4rem; font-weight: normal; line-height: 1; /* white-space: nowrap; */ width: auto; } .aytias-breadcrumb-wrapper .trail-items a { color: #000; text-decoration: none; } .aytias-breadcrumb-wrapper .trail-items a:hover, .aytias-breadcrumb-wrapper .trail-items a:focus { text-decoration: underline; } .aytias-breadcrumb-wrapper .trail-items li { margin-left: 0.5rem; } .aytias-breadcrumb-wrapper .trail-items li:not(:last-child):after { content: " / "; padding: 0 2px; color: #495057; font-size: 1.3rem; } /* Widgets --------------------------------------------- */ .widget { margin-top: 0; margin-bottom: 3rem; } /* .widget:first-child { margin-top: 0; } */ /* .widget:last-child { margin-bottom: 0; } */ .widget-content > *:first-child { margin-top: 0; } .widget-content > *:last-child { margin-bottom: 0; } /* Sidebar Widgets */ #secondary .widget-area .widget:first-child { margin-top: 0; padding-top: 0; } #secondary .widget-area .widget:last-child { margin-bottom: 0; padding-bottom: 0; } #secondary .widget-area .widget { margin-top: 0; margin-bottom: 3rem; padding-bottom: 3rem; } #secondary .widget-area .widget:not(:last-child) { border-bottom: 3px solid #ff2e63; } /* @media only screen and (min-width: 482px) { #secondary .widget-area .widget { margin-bottom: 2rem; padding-bottom: 2rem; } } @media only screen and (min-width: 822px) { #secondary .widget-area .widget { margin-bottom: 3rem; padding-bottom: 3rem; } } */ .widget-title { margin: 0 0 3rem; } .widget li { margin: 1.2rem 0 0 0; } /* .widget li:first-child, */ .widget li > ul, .widget li > ol { margin-top: 0; } .widget table, .widget table * { border-color: #dcd7ca; } .widget table caption { background-color: #dcd7ca; } .widget .post-date, .widget .rss-date { color: #6d6d6d; 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-right: 2rem; } .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li { margin: 0.3rem 0; } .widget_archive li li, .widget_categories li li, .widget_pages li li, .widget_meta li li, .widget_nav_menu li li { margin-right: 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: 500; text-decoration: none; color: #495057; } .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 { text-decoration: underline; color: #ff2e63; } /* ===================== */ .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: right; } .calendar_wrap tfoot #next { text-align: left; } .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-right: 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.8rem -0.8rem 0; } .widget_search .search-field, .widget_search .search-submit { margin: 0 0.8rem 0.8rem 0; } .widget_search label, .widget_search .search-field { width: 100%; } .widget_search .search-submit { flex-shrink: 0; } /* ===================== */ .tagcloud a, .widget .wp-block-tag-cloud a, .widget_tag_cloud a { font-size: 1.4rem !important; } .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; background: #000; color: #fff; text-decoration: none; padding: 0.5rem 1rem; transition: 0.2s; margin-top: 1rem; margin-left: 1rem; } .widget_tag_cloud .tagcloud a:last-child { margin-left: 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 { text-decoration: underline; } /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-right: auto; margin-left: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /* Alignments --------------------------------------------- */ .alignleft { text-align: left; margin-top: 0; } .no-sidebar .entry-content > .alignleft { max-width: min(calc(100vw - 20rem), 68rem); } @media only screen and (min-width: 482px) { .alignleft { float: left; margin-right: 2.5rem; margin-bottom: 3rem; } .no-sidebar .entry-content > .alignleft { max-width: calc( 50% - calc(0.5 * (100vw - min(calc(100vw - 20rem), 68rem))) ); } } .aligncenter { clear: both; display: block; float: none; margin-left: auto; margin-right: auto; text-align: center; } .alignright { margin-top: 0; margin-bottom: 3rem; } .no-sidebar .entry-content > .alignright { max-width: min(calc(100vw - 20rem), 68rem); } @media only screen and (min-width: 482px) { .alignright { float: right; margin-left: 2.5rem; } .no-sidebar .entry-content > .alignright { max-width: calc( 50% - calc(0.5 * (100vw - min(calc(100vw - 20rem), 68rem))) ); } } [class*="inner-container"] > .alignleft + *, [class*="inner-container"] > .alignright + * { margin-top: 0; } /** * .alignwide */ .alignwide { clear: both; } /** * .alignfull */ .alignfull { clear: both; } .has-left-content { justify-content: flex-start; } .has-right-content { justify-content: flex-end; } /* -------------------------------------------------------------------------- */ /* Site Header /* -------------------------------------------------------------------------- */ .site-header { background: #fff; position: relative; } .aytias-site-header.border-enabled { border-bottom: 1px solid #dedede; } /* Top Bar *-------------------------------------------- */ .aytias-site-header.top-bar-enabled { padding-top: 0; } .aytias-site-header.top-bar-enabled:not(.aytias-header_style_3) .aytias-header-plus-nav:not(.sticky-menu) { padding-top: 3rem; } .aytias-topbar-row { padding: 0.8rem 0; background-color: #000; color: #fff; font-size: 1.1rem; } .aytias-topbar-row a { color: inherit; font-size: 1.2rem; } .aytias-topbar-row a:hover, .aytias-topbar-row a:focus, .aytias-topbar-row .aytias-social-nav a:hover, .aytias-topbar-row .aytias-social-nav a:focus, .aytias-topbar-row .aytias-top-nav a:hover, .aytias-topbar-row .aytias-top-nav a:focus, .aytias-top-menu .sub-menu a:focus, .aytias-top-menu .sub-menu a:hover { color: #ff2e63; } .aytias-topbar-row svg { width: 1.8rem; height: 1.8rem; } .aytias-topbar-wrapper { font-size: 1.4rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .aytias-topbar-wrapper > * + * { margin-top: 1rem; margin-right: 0; } @media (min-width: 822px) { .aytias-topbar-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } .aytias-topbar-wrapper > * + * { margin-right: 2rem; margin-top: 0; } .aytias-topbar-wrapper .aytias-topbar-item:last-child:not(:first-child) { margin-right: auto; } } /* Top Social Icons */ .aytias-topbar-wrapper .aytias-social-nav .top-social-icons { display: flex; flex-wrap: wrap; } .aytias-topbar-wrapper .aytias-social-nav .top-social-icons > li + li { margin-right: 0.3rem; } .aytias-topbar-wrapper .aytias-social-nav li { transition: transform 150ms ease-in-out; } .aytias-topbar-wrapper .aytias-social-nav li:hover { transform: scale(1.1); } /* Top Menu */ .aytias-top-menu { display: flex; flex-wrap: wrap; } .aytias-top-menu > li + li { margin-right: 2rem; } .aytias-top-menu a { text-decoration: none; text-transform: uppercase; font-weight: 500; } .aytias-top-menu li { position: relative; } .aytias-top-menu .sub-menu { background-color: #000000; color: inherit; position: absolute; left: 9999rem; top: 3rem; padding: 0.5rem 1rem; width: 15rem; z-index: 10; opacity: 0; transition: opacity 0.15s linear, transform 0.15s linear; transform: translateY(0.6rem); } .aytias-top-menu .sub-menu a { display: block; padding-top: 0.5rem; } .aytias-top-menu .sub-menu li:first-child a { padding-top: 0; } .aytias-top-menu .sub-menu::before { content: ""; display: block; position: absolute; bottom: 100%; right: 0; left: 0; border: 0.5rem solid transparent; } .aytias-top-menu li.menu-item-has-children:hover > ul, .aytias-top-menu li.menu-item-has-children:focus > ul, .aytias-top-menu li.menu-item-has-children.focus > ul { left: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } /* Navigation Section **-------------------------------------*/ .site-title, .site-logo, .site-description { margin: 0; } .site-title { font-size: 2rem; font-weight: 600; line-height: 1; } .site-title a { color: inherit; display: block; text-decoration: none; } .site-logo a, .site-logo img { display: block; } .site-logo img { max-height: 6rem; margin: 0 auto; width: auto; } .site-logo + .site-title { margin-top: 1rem; } .site-description { margin-top: 1rem; font-size: 1.8rem; color: #6d6d6d; font-weight: 500; letter-spacing: -0.0311em; transition: all 0.15s linear; } .aytias-primary-nav, .aytias-offcanvas-toggle { display: none; } .aytias-secondary-nav { display: flex; flex-shrink: 0; justify-content: center; align-items: center; } .aytias-secondary-nav > * + * { margin-right: 1.5rem; } .aytias-search.search-icon { display: flex; align-items: center; justify-content: space-between; } .aytias-search.search-icon svg { margin-right: 1rem; } .aytias-cart.site-header-cart { margin-left: 0.5rem; } .aytias-search.search-icon svg { width: 1.4rem; height: 1.4rem; } .aytias-mobile-menu { cursor: pointer; } .toggle.aytias-search.search-icon { color: #000; } .toggle.aytias-search.search-icon .search-label { display: none; } .toggle.aytias-search.search-icon svg { margin-right: 0; } /* Sticky menu **------------------------------------- */ .aytias-header-plus-nav.sticky-menu { position: fixed !important; top: 0; z-index: 9999 !important; background: #fff; width: 100%; padding: 1rem 0; -webkit-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.15); transition: padding 150ms linear; } .aytias-header-plus-nav.sticky-menu .site-title { font-size: 2rem; } .aytias-header-plus-nav.sticky-menu .primary-menu li { font-size: 1.4rem; } .aytias-header-plus-nav.sticky-menu .site-logo img { max-height: 4rem; } .aytias-header-plus-nav.sticky-menu .site-logo + .site-title, .aytias-header-plus-nav.sticky-menu .site-description, .aytias-header-plus-nav.sticky-menu .aytias-search .search-label { display: none; } .aytias-header-plus-nav.sticky-menu .aytias-search { padding: 0; background: none; color: #000; } .aytias-header-plus-nav.sticky-menu .aytias-search svg { margin-right: 0; } .admin-bar .aytias-header-plus-nav.sticky-menu { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar .aytias-header-plus-nav.sticky-menu { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar .aytias-header-plus-nav.sticky-menu { top: 0; } } /* **-------------------------------------- */ @media (min-width: 482px) { .site-title { font-size: 2.4rem; font-weight: 700; } .site-logo img { max-height: 9rem; transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear; } } @media (max-width: 1000px) { .site-description { display: none; } .aytias-secondary-nav .aytias-search.search-icon { background: none; color: #000; padding: 0; } .aytias-secondary-nav .aytias-search.search-icon svg { margin: 0; } .aytias-secondary-nav .aytias-search.search-icon .search-label { display: none; } .aytias-offcanvas-toggle { display: block; flex-shrink: 0; } } @media only screen and (min-width: 1000px) { .aytias-primary-nav { display: block; } .aytias-offcanvas-active-desktop .aytias-offcanvas-toggle { display: flex; flex-shrink: 0; } .aytias-header-plus-nav.sticky-menu .aytias-offcanvas-toggle { display: none; } } /* Header Styles **----------------------------------- */ /* Style 1 */ .aytias-header_style_1 .aytias-header-wrapper { display: grid; grid-template-columns: auto 1fr auto; align-items: center; justify-items: center; gap: 3rem; } /* Style 2 */ .aytias-header_style_2 .aytias-header-wrapper { display: flex; justify-content: space-between; align-items: center; } .aytias-header_style_2 .aytias-header-wrapper .aytias-secondary-nav { margin-right: 3rem; } .aytias-header_style_2 .aytias-site-branding-main { display: grid; align-items: center; justify-items: center; text-align: center; margin-bottom: 3rem; } .aytias-header_style_2 .aytias-header-wrapper .site-branding { display: none; } .aytias-header_style_2 .aytias-header-plus-nav.sticky-menu .aytias-site-branding-main { display: none; } .aytias-header_style_2 .aytias-header-plus-nav.sticky-menu .aytias-header-wrapper .site-branding { display: flex; flex-shrink: 0; } .aytias-header_style_2 .aytias-header-plus-nav.sticky-menu .main-navigation { margin-right: 3rem; } .aytias-header_style_2 .site-description { display: block; } /* Style 3 */ .site-header.aytias-header_style_3 { padding-top: 0; } .aytias-header_style_3 .aytias-topbar-row { margin-bottom: 0; } .aytias-header_style_3 .aytias-site-branding-main { margin-top: 3rem; } .aytias-header_style_3 .aytias-header-wrapper { border-bottom: 1px solid #dedede; } .aytias-header_style_3 .aytias-header-wrapper .site-branding { display: none; } .aytias-header_style_3 .aytias-header-wrapper .aytias-header-plus-nav.sticky-menu .site-branding { display: flex; flex-shrink: 0; } .aytias-header_style_3 .aytias-header-wrapper .aytias-header-plus-nav.sticky-menu .main-navigation { margin-right: 3rem; } .aytias-header_style_3 .aytias-header-wrapper .wrapper { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; } .aytias-header_style_3 .aytias-header-wrapper .wrapper > div:last-child { margin-right: 3rem; } .aytias-header_style_3 .aytias-site-branding-main .site-branding { display: flex; flex-direction: column; justify-content: center; align-items: center; } .aytias-header_style_3 .aytias-header-wrapper .aytias-header-plus-nav.sticky-menu { border: none; } .aytias-header_style_3 .aytias-header-wrapper .aytias-header-plus-nav.sticky-menu .wrapper { padding: 0; } .aytias-header_style_3 .aytias-site-branding-main .site-description { display: block; } /* Style 4 */ .aytias-header_style_4 .aytias-header-wrapper { display: flex; justify-content: space-between; align-items: center; } .aytias-header_style_4 .aytias-header-wrapper > div:last-child { margin-right: 3rem; } .aytias-header_style_4 .aytias-site-branding-main { display: grid; align-items: center; justify-items: center; text-align: center; margin-bottom: 3rem; } .aytias-header_style_4 .aytias-ad-space { display: flex; justify-content: center; align-items: center; margin-bottom: 3rem; } .aytias-header_style_4 .aytias-header-wrapper .site-branding { display: none; } .aytias-header_style_4 .aytias-header-plus-nav.sticky-menu .aytias-site-branding-main, .aytias-header_style_4 .aytias-header-plus-nav.sticky-menu .aytias-ad-space { display: none; } .aytias-header_style_4 .aytias-header-plus-nav.sticky-menu .main-navigation { margin-right: 3rem; } .aytias-header_style_4 .aytias-header-plus-nav.sticky-menu .aytias-header-wrapper .site-branding { display: flex; flex-shrink: 0; } .aytias-header_style_4 .site-description { display: block; } /* Style 5 */ .aytias-header_style_5 .aytias-header-wrapper, .aytias-header_style_5 .aytias-site-brand-ad-wrapper { display: flex; justify-content: space-between; align-items: center; } .aytias-header_style_5 .aytias-header-wrapper > div:last-child, .aytias-header_style_5 .aytias-site-brand-ad-wrapper > div:last-child { margin-right: 3rem; } @media only screen and (max-width: 822px) { .aytias-header_style_5 .aytias-site-brand-ad-wrapper { flex-direction: column; } .aytias-header_style_5 .aytias-site-brand-ad-wrapper > div:last-child { margin-right: 0; margin-top: 3rem; } .aytias-header_style_5 .aytias-site-branding-main { text-align: center; } } .aytias-header_style_5 .aytias-site-brand-ad-wrapper .aytias-site-branding-main { flex-basis: 30%; } .aytias-header_style_5 .aytias-site-brand-ad-wrapper .aytias-ad-space { flex-basis: 70%; } .aytias-header_style_5 .aytias-site-brand-ad-wrapper { margin-bottom: 3rem; } .aytias-header_style_5 .aytias-header-wrapper .site-branding { display: none; } .aytias-header_style_5 .aytias-header-plus-nav.sticky-menu .aytias-site-branding-main, .aytias-header_style_5 .aytias-header-plus-nav.sticky-menu .aytias-site-brand-ad-wrapper { display: none; } .aytias-header_style_5 .aytias-header-plus-nav.sticky-menu .aytias-header-wrapper .site-branding { display: flex; flex-shrink: 0; } .aytias-header_style_5 .site-description { display: block; } .aytias-header_style_5 .aytias-header-plus-nav.sticky-menu .main-navigation { margin-right: 3rem; } /* Navigation --------------------------------------------- */ ul.primary-menu { display: flex; font-size: 2rem; font-weight: 500; letter-spacing: 0.01rem; flex-wrap: wrap; margin: -0.8rem -1.6rem 0 0; } .primary-menu li { font-size: 1.5rem; line-height: 1.25; position: relative; } .primary-menu > li { margin: 0.8rem 1.6rem 0 0; } .primary-menu > li .icon { vertical-align: middle; } .primary-menu svg { width: 1.2rem; height: 1.2rem; display: inline-block; margin-right: 1rem; fill: currentColor; } .primary-menu a { color: #ff2e63; display: block; line-height: 1.2; text-decoration: none; word-break: normal; word-wrap: normal; } .primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor { text-decoration: underline; color: #ff2e63; } .primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a { text-decoration: underline; } .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: #000000; color: #ffffff; border: thin dotted rgba(0, 0, 0, 0.175); font-size: 1.4rem; position: absolute; left: 9999rem; top: calc(100% + 1.1rem); padding: 1rem 0; width: 20rem; opacity: 0; z-index: 10; transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s; transform: translateY(0.6rem); } .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 { left: 0; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; } .primary-menu ul::before { content: ""; display: block; position: absolute; bottom: 100%; right: 0; left: 0; border: 1rem solid transparent; } .primary-menu ul a { background: transparent; border: none; color: inherit; display: block; padding: 1rem 2rem; transition: background-color 0.15s linear; width: 100%; } .primary-menu ul a .icon { position: absolute; left: 2rem; } /* DEEP DOWN */ .primary-menu ul ul { top: -1.1rem; } .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%; } /* * 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-left: 0; margin-left: 2rem; } .primary-menu ul li.menu-item-has-children > a { margin-left: 4.5rem; padding-left: 0; width: unset; } } /* Repeat previous rules for IE11 (when JS enabled for polyfill). */ body.touch-enabled .primary-menu > li.menu-item-has-children > a { padding-left: 0; margin-left: 2rem; } body.touch-enabled .primary-menu ul li.menu-item-has-children > a { margin-left: 4.5rem; padding-left: 0; width: unset; } /* -------------------------------------------------------------------------- */ /* Post: Archive /* -------------------------------------------------------------------------- */ /* Archive Header ---------------------------- */ /* .page-header, .archive-header { margin-bottom: 6rem; } */ .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: #6d6d6d; } .archive-description p:last-child, .archive-subtitle p:last-child { margin-bottom: 0; } @media (min-width: 700px) { .page-title, .archive-title { font-size: 3.6rem; } } /* --------------------------------------------------------------------------------------------- */ /* Post: Single /* --------------------------------------------------------------------------------------------- */ .sticky { display: block; } /* Margins */ .entry-image, .entry-content, .entry-summary, .entry-footer { margin-top: 3rem; } footer.entry-footer, .aytias-edit.edit-link { padding-bottom: 3rem; } /* Entry Category */ .entry-categories { line-height: 1.25; margin-bottom: 1rem; } .aytias-entry-categories { margin: -0.5rem -1rem 0 0; justify-content: flex-start; display: flex; flex-wrap: wrap; } @media (min-width: 700px) { .aytias-entry-categories { margin: -1rem -1rem 0 0; } } .entry-categories a { border-bottom: 0.15rem solid currentColor; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.036666667em; margin: 0.5rem 1rem 0 0; text-decoration: none; text-transform: uppercase; } @media (min-width: 700px) { .entry-categories a { margin: 1rem 1rem 0 0; } } .entry-categories a:focus, .entry-categories a:hover { border-bottom-color: transparent; } /* Entry Title */ .entry-header .entry-title { margin: 0; } .entry-header .entry-title a { text-decoration: none; } body.single header.entry-header, body.page:not(.aytias-active-woocommerce-page) header.entry-header { padding-bottom: 3rem; border-bottom: 3px solid #ff2e63; } body.single .single_style_2 header.entry-header { border-bottom: none; padding-bottom: 0; } /* Entry Meta */ .entry-meta { margin-top: 1.6rem; } .aytias-entry-meta { color: #ff2e63; display: flex; flex-wrap: wrap; font-size: 1.5rem; font-weight: 500; list-style: none; margin: -1rem -2rem 0 0; } .aytias-entry-meta li { flex-shrink: 0; margin: 1rem 2rem 0 0; max-width: calc(100% - 2rem); } .aytias-entry-meta a { color: #000; text-decoration: none; } .aytias-entry-meta .post-comment a, .aytias-entry-meta .meta-text { color: #495057; } .aytias-entry-meta a:focus, .aytias-entry-meta a:hover { text-decoration: underline; } .aytias-entry-meta .aytias-meta { align-items: baseline; display: flex; flex-wrap: nowrap; } .aytias-entry-meta .meta-icon { flex-shrink: 0; margin-left: 1rem; } .aytias-entry-meta svg { width: 1.5rem; height: 1.5rem; } .aytias-entry-meta svg * { fill: currentColor; } .aytias-edit.edit-link { margin-top: 2rem; display: flex; align-items: center; fill: #ff2e63; } .aytias-edit.edit-link svg { margin-left: 0.4rem; } .aytias-edit a.post-edit-link { text-decoration: none; color: #495057; } @media only screen and (max-width: 700px) { .aytias-entry-meta .meta-icon { display: none; } .aytias-entry-meta { margin: -1rem -0.5rem 0 0; } .aytias-entry-meta li { margin: 1rem 0.5rem 0 0; } .aytias-entry-meta li:not(:last-child)::after { content: "/"; margin-right: 0.5rem; } } /* 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: 0.4rem; 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; } /* ================================== need to implement to tags in single post page */ /* POST META BOTTOM */ .page-links { border-radius: 0.4rem; 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; } /* Tags */ .tags-links { display: flex; align-items: center; justify-content: flex-start; margin-top: 5rem; } .aytias-posts-lists .tags-links { margin-top: 3rem; } .tags-links .tag-lists { display: flex; flex-wrap: wrap; } .tags-links a { display: inline-block; text-transform: uppercase; text-decoration: none; border: 1px solid #dedede; font-size: 1.2rem; outline: none; padding: 0.6rem 1.2rem 0.6rem; margin-left: 0.8rem; margin-bottom: 0.8rem; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .tags-links li:last-child a { margin-left: 0; } .tags-links a:hover { text-decoration: underline; } .tags-links a:focus { text-decoration: underline; outline: thin dotted #000; outline-offset: 5px; } .single-footer-info .comments-link { display: block; margin-top: 2rem; } /* Single Post Navigation */ /* Archive Post Default Pagination */ .post-navigation, .aytias-nav-pagination .posts-navigation, .aytias-nav-pagination .pagination { font-size: 1.8rem; 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: #000; display: flex; font-weight: 500; text-decoration: none; } .post-navigation a:hover .title, .posts-navigation a:hover .title { text-decoration: underline; } .post-navigation a .arrow, .post-navigation a .post-thumb, .posts-navigation a .arrow, .posts-navigation a .post-thumb { margin-left: 1rem; } .post-navigation a .post-thumb, .posts-navigation a .post-thumb { width: 100px; height: 100px; } /* Style 2 Navigation */ .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: #495057; } @media (min-width: 700px) { /* Single Post Navigation */ /* Archive Post Default Pagination */ /* .post-navigation, .aytias-nav-pagination .posts-navigation, .aytias-nav-pagination .pagination { font-size: 2rem; } */ .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: left; } .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-left: 0; margin-right: 1rem; } .post-navigation .nav-links > a + a, .posts-navigation .nav-links > div + div { margin: 0 2rem 0 0; } .post-navigation .nav-next:only-child, .posts-navigation .nav-next:only-child { margin-right: auto; } } /* Simple Title box generic layout */ .aytias-section-title-wrap { text-align: center; margin-bottom: 3rem; } .aytias-section-title-wrap .section-title, .comment-respond .comment-reply-title span { position: relative; display: inline-block; padding: 0 1rem; } .aytias-section-title-wrap .section-title::before, .aytias-section-title-wrap .section-title::after, .comment-respond .comment-reply-title span::before, .comment-respond .comment-reply-title span::after { content: ""; position: absolute; display: block; top: 50%; right: 100%; width: 6rem; height: 1.3px; background-color: #ff2e63; } .aytias-section-title-wrap .section-title::before, .comment-respond .comment-reply-title span::before { right: auto; left: 100%; } /* Simple content box generic layout */ .aytias-post-extras-grid-block h2, .aytias-post-extras-grid-block h3 { margin-bottom: 0; } .aytias-post-extras-grid-block .article-details a { text-decoration: none; } .aytias-post-extras-grid-block .entry-image { margin-top: 0; margin-bottom: 1.5rem; } .aytias-post-extras-grid-block .entry-image:hover { opacity: 0.8; } .aytias-post-extras-grid-block .article-details .post-date { margin-top: 0.5rem; font-size: 1.2rem; } .aytias-post-extras-grid-block .section-posts { display: grid; gap: 3rem; } @media only screen and (min-width: 482px) { .aytias-post-extras-grid-block .section-posts { grid-template-columns: repeat(2, 1fr); } } @media only screen and (min-width: 1000px) { body.has-sidebar .aytias-post-extras-grid-block .section-posts { grid-template-columns: repeat(3, 1fr); } body.no-sidebar .aytias-post-extras-grid-block .section-posts { grid-template-columns: repeat(4, 1fr); } } /* Related/Author Posts */ .aytias-related-posts-wrapper, .aytias-author-posts-wrapper { margin-top: 3rem; } @media only screen and (min-width: 482px) { .aytias-related-posts-wrapper, .aytias-author-posts-wrapper { margin-top: 4rem; } } @media only screen and (min-width: 822px) { .aytias-related-posts-wrapper, .aytias-author-posts-wrapper { margin-top: 6rem; } } /* -------------------------------------------------------------------------- */ /* Site Pagination /* -------------------------------------------------------------------------- */ .pagination .nav-links { align-items: baseline; display: flex; flex-wrap: wrap; font-size: 1.8rem; font-weight: 600; margin: -1.5rem -2.5rem 0 0; width: calc(100% + 2.5rem); } .pagination .nav-links > * { margin: 1.5rem 2.5rem 0 0; } .pagination .nav-links .placeholder { display: none; visibility: hidden; } .pagination a { text-decoration: none; } .pagination a:focus, .pagination a:hover { text-decoration: underline; } .pagination .dots { transform: translateY(-0.3em); color: #6d6d6d; } @media (min-width: 700px) { .pagination .nav-links { font-size: 2.4rem; font-weight: 700; margin: -2.5rem -4rem 0 0; } .pagination .nav-links > * { margin: 2.5rem 4rem 0 0; } } @media (min-width: 1000px) { .pagination .nav-links { justify-content: space-between; margin: 0; width: 100%; } .pagination .nav-links > * { margin: 0 2rem; } .pagination .nav-links > span.page-numbers { margin-right: 0; } .pagination .next, .pagination .prev { display: block; } .pagination .prev { margin: 0 0 0 auto; } .pagination .next { text-align: left; margin: 0 auto 0 0; } } /* -------------------------------------------------------------------------- */ /* Error 404 /* -------------------------------------------------------------------------- */ .error404 #site-content .archive-title, .error404 #site-content .archive-subtitle { text-align: center; } .error404 #site-content .search-form { justify-content: center; margin-top: 3rem; } .error404 #site-content .go-back { padding-top: 3rem; display: flex; justify-content: center; } .error404 #site-content .go-back a { text-decoration: none; font-weight: 600; } .error404 #site-content .go-back svg { display: inline-block; margin-left: 0.1rem; } /* Search Page /* -------------------------------------------------------------------------- */ .search-results .entry-meta { display: flex; margin-top: 1rem; } /* --------------------------------------------------------------------------------------------- */ /* Site Footer /* --------------------------------------------------------------------------------------------- */ .site-footer { background-color: #fff; font-size: 1.4rem; } .site-footer.border-enabled { border-top: 1px solid #dedede; } /* .site-footer .widget { margin-bottom: 3rem; } */ .aytias-footer-widgets { padding-bottom: 3rem; } .aytias-footer-siteinfo { padding-top: 3rem; font-size: 1.6rem; display: flex; flex-direction: column-reverse; border-top: 0.1rem solid #dcd7ca; } .aytias-footer-siteinfo > div { margin-bottom: 2rem; margin-right: 0; } .aytias-footer-siteinfo > div:first-child { margin-bottom: 0; } .aytias-footer-siteinfo .footer-credits { flex-shrink: 0; } .aytias-footer-siteinfo .footer-copyright { font-size: 1.6rem; color: #000; } .aytias-footer-siteinfo .theme-credit, .aytias-footer-siteinfo .theme-credit a { color: #6d6d6d; font-size: 1.1rem; } /* Footer Menu */ .aytias-footer-menu { display: flex; flex-wrap: wrap; font-size: 1.6rem; font-weight: 500; margin: -1rem -1rem 0 0; } .aytias-footer-menu li { margin: 1rem 1rem 0 0; } .aytias-footer-menu a { text-decoration: none; word-break: normal; word-wrap: normal; } .aytias-footer-menu a:hover, .aytias-footer-menu a:focus { text-decoration: underline; } /* Footer Social Menu */ ul.aytias-footer-social-menu { display: flex; flex-wrap: wrap; } .aytias-footer-social-menu a { height: 2.6rem; width: 2.6rem; } .aytias-footer-social-menu svg { width: 1.8rem; height: 1.8rem; } @media (min-width: 1000px) { .aytias-footer-siteinfo { font-size: 1.8rem; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .aytias-footer-siteinfo > div + div { margin-right: 2rem; margin-top: 0; margin-bottom: 0; } ul.aytias-footer-social-menu { display: flex; flex-wrap: nowrap; } } #aytias-scroll-to-top { position: fixed; left: 2rem; bottom: 5rem; z-index: 9999; width: 3.5rem; height: 3.5rem; padding: 0; display: flex; align-items: center; justify-content: center; background-color: #ff2e63; color: #fff; outline: none; text-decoration: none; opacity: 0; transform: translateY(10rem); transition: all 0.5s ease; } #aytias-scroll-to-top.visible { opacity: 1; transform: translateY(0); } #aytias-scroll-to-top svg { width: 2.5rem; height: 2.5rem; } /*===================== Main Grid ==============================*/ .has-sidebar #site-content.wide-max-width { display: flex; justify-content: space-between; flex-direction: column; } .has-sidebar #site-content.wide-max-width #primary { flex-basis: 70%; margin-bottom: 6rem; margin-left: 0; } .has-sidebar #site-content.wide-max-width #secondary { flex-basis: 30%; } @media only screen and (min-width: 1000px) { .has-sidebar #site-content.wide-max-width { flex-direction: row; } .has-sidebar.left-sidebar #site-content.wide-max-width { flex-direction: row-reverse; } .has-sidebar.right-sidebar #site-content.wide-max-width #primary { margin-bottom: 0; margin-left: 6rem; } .has-sidebar.left-sidebar #site-content.wide-max-width #primary { margin-bottom: 0; margin-right: 6rem; } } /*Text Selection **-------------------------------------------- */ ::-moz-selection { color: #fff; background-color: #ff2e63; } ::selection { color: #fff; background-color: #ff2e63; } /* 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; right: 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; } /* Search Canvas **------------------------------------------------ */ .aytias-search-canvas-open #page.site::before { opacity: 1; visibility: visible; } .aytias-search-block { position: fixed; top: 0; right: 0; height: 40vh; width: 100vw; padding: 5rem; background-color: #fff; z-index: 9999999; display: grid; align-items: center; opacity: 0; visibility: hidden; transform: translateY(-100%); transition: all 0.5s ease-in-out; } .admin-bar .aytias-search-block { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar .aytias-search-block { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar .aytias-search-block { top: 0; } } .aytias-search-canvas-open .aytias-search-block { transform: translateY(0); opacity: 1; visibility: visible; } .aytias-search-form .search-form { margin: 0; padding: 0; display: block; } .aytias-search-block input.search-field { border: 0; border-radius: 0; border-bottom: 1px solid #ddd; font-size: 1.8rem; letter-spacing: 1px; width: 20rem; max-width: 100%; padding: 0 0 2rem 0; transition: width 0.3s ease 0.3s; } .aytias-search-canvas-open .aytias-search-block input.search-field { width: calc(100% - 5rem); } .aytias-search-block input:focus.search-field { border-bottom-color: #ff2e63; outline: none; } .aytias-search-block .search-submit { position: absolute; left: -9999rem; top: 45%; transform: translateY(-45%); } .aytias-search-block .search-submit { flex-shrink: 0; } .aytias-search-block .search-submit:focus { left: 15rem; } #aytias-search-canvas-btn:focus, .aytias-search-block .search-close:focus { outline: thin dotted; outline-offset: 3px; } .aytias-search-block .search-close { position: absolute; top: 3.5rem; left: 4.5rem; cursor: pointer; fill: #ff2e63; } .aytias-search-block .search-close svg { width: 4rem; height: 4rem; } /* Off Canvas **------------------------------------------------ */ .aytias-off-canvas-open #page.site { position: fixed; transform: translateX(-32rem); } .aytias-off-canvas-open #page.site::before { opacity: 1; visibility: visible; } .aytias-canvas-block { position: fixed; top: 0; bottom: 0; right: 0; width: 32rem; height: 100vh; background-color: #fff; overflow: hidden; display: flex; flex-direction: column; /* opacity: 0; */ visibility: hidden; transform: translateX(32rem); transition: all 0.5s ease-in-out; } .aytias-off-canvas-open .aytias-canvas-block { /* opacity: 1; */ visibility: visible; } .aytias-canvas-header { padding: 4rem 2rem; border-bottom: 2px solid #ff2e63; align-items: center; display: flex; font-size: 1.6rem; font-weight: 500; justify-content: flex-end; width: 100%; } .aytias-canvas-content { height: 100%; overflow-y: auto; overflow-x: hidden; padding: 2rem; } #aytias-off-canvas-btn:focus, #aytias-off-canvas-close:focus { outline: thin dotted; text-decoration: none; } .aytias-canvas-header #aytias-off-canvas-close { display: flex; justify-content: flex-end; text-transform: uppercase; line-height: 1.2; padding: 0.5rem; cursor: pointer; } .aytias-canvas-header #aytias-off-canvas-close span { display: inline-block; margin: 0; margin-left: 0.5rem; padding: 0; } .offcanvas-sidebar .widget { margin: 0; padding: 2rem 0; } .offcanvas-sidebar .widget:last-child { margin-bottom: 3rem; } /* Canvas Mobile Menu **------------------------------------------------ */ .aytias-canvas-content nav { margin-bottom: 3rem; } .aytias-canvas-content .after-menu-offcanvas { padding-bottom: 3rem; } @media only screen and (min-width: 1000px) { .aytias-canvas-content nav { display: none; } } .aytias-modal-menu { position: relative; width: 100%; } .aytias-modal-menu li { border-color: #495057; border-style: solid; border-width: 0.1rem 0 0 0; line-height: 1; margin: 0; } .aytias-modal-menu > li:first-child { border-top: none; } .aytias-modal-menu > li:last-child { border-bottom: none; } .aytias-modal-menu > li > a, .aytias-modal-menu > li > .ancestor-wrapper > a { font-size: 2rem; font-weight: 700; letter-spacing: -0.0375em; } .aytias-modal-menu > li:last-child { border-bottom-width: 0.1rem; } .aytias-modal-menu .ancestor-wrapper { display: flex; justify-content: space-between; } .aytias-modal-menu a { display: block; padding: 2rem 0; text-decoration: none; width: 100%; } .aytias-modal-menu a:focus, .aytias-modal-menu a:hover, .aytias-modal-menu li.current-menu-item > .ancestor-wrapper > a, .aytias-modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration: underline; } button.sub-menu-toggle { border-right: 0.1rem solid #dedfdf; flex-shrink: 0; margin: 1rem 0; padding: 0 2.5rem; } button.sub-menu-toggle:focus { outline: thin dotted; } button.sub-menu-toggle svg { height: 0.9rem; transition: transform 0.15s linear; width: 1.5rem; } button.sub-menu-toggle.active svg { transform: rotate(-180deg); } .aytias-modal-menu ul { display: none; margin: 0; width: 100%; } .aytias-modal-menu ul li { padding-right: 1rem; } .aytias-modal-menu ul li a { color: inherit; font-weight: 500; } /*=================== Sections ============================ */ /* Ajax load *---------------------- */ .aytias-load-posts-btn-wrapper { display: none; padding-top: 3rem; text-align: center; } .aytias-load-posts-btn-wrapper a { display: flex; align-items: center; justify-content: center; } .aytias-ajax-loader { width: 3.6rem; height: 3.6rem; border: 5px solid #000000; border-bottom-color: #ff2e63; border-radius: 50%; display: none; box-sizing: border-box; animation: rotation 1s linear infinite; } .aytias-ajax-loader.active { display: inline-block; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } /* Progress Bar *----------------------------------- */ #aytias-progress-bar { position: fixed; width: 0; height: 4px; z-index: 99999; } #aytias-progress-bar.top { top: 0; } .admin-bar #aytias-progress-bar.top { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar #aytias-progress-bar.top { top: 46px; } } @media only screen and (max-width: 600px) { .admin-bar #aytias-progress-bar.top { top: 0; } } #aytias-progress-bar.bottom { bottom: 0; } /*Preloader **-------------------------------------------- */ .aytias-loader-wrapper { width: 100%; height: 100vh; position: fixed; background-color: #fff; z-index: 999999; display: flex; justify-content: center; align-items: center; opacity: 1; } .aytias-loader { position: absolute; width: 6.4rem; height: 6.4rem; border-radius: 50%; perspective: 80rem; } .aytias-loader .inner { position: absolute; box-sizing: border-box; width: 100%; height: 100%; border-radius: 50%; } .aytias-loader .inner.one { right: 0%; top: 0%; animation: rotate-one 1s linear infinite; border-bottom: 3px solid #000000; } .aytias-loader .inner.two { left: 0%; top: 0%; animation: rotate-two 1s linear infinite; border-left: 3px solid #000000; } .aytias-loader .inner.three { left: 0%; bottom: 0%; animation: rotate-three 1s linear infinite; border-top: 3px solid #000000; } @keyframes rotate-one { 0% { transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg); } } @keyframes rotate-two { 0% { transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg); } } @keyframes rotate-three { 0% { transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg); } } /* Theme Styles -----------------------------------------*/ .aytias-posts-lists > article .entry-summary { margin-top: 0; } .aytias-posts-lists > article .article-block-wrapper > div + div.entry-summary { margin-top: 3rem; } .aytias-posts-lists > article .entry-summary p, .aytias-posts-lists > article .entry-summary figure, .aytias-posts-lists > article .entry-summary blockquote { margin: 1.5rem 0; } .aytias-posts-lists > article .entry-summary blockquote p { margin: 0; } /* Gallery fix for post-format gallery in ajax loaded case for archive page */ .aytias-posts-lists > article .entry-summary .wp-block-gallery-1 { display: flex; gap: 0.5em; flex-wrap: wrap; } figure.aytias-header-image { z-index: -1; position: relative; max-height: 35rem; } .aytias-header-image.aytias-bg-image img { display: block; margin: 0 auto; max-height: 100%; width: auto; visibility: hidden; } @media only screen and (min-width: 600px) { body.error404 #site-content #primary, body.home.has-sidebar #site-content #primary, body.search.has-sidebar #site-content #primary, body.single.single-post #site-content #primary, body.blog.has-sidebar #site-content #primary, body.page #site-content #primary, body.archive:not(.aytias-active-woocommerce-page) #site-content #primary { margin-top: -14.5rem; } } /* @media only screen and (min-width: 600px) { body.page.no-sidebar #site-content #primary, body.single.single-post.no-sidebar #site-content #primary { margin-top: -11.5rem; } } */ body.page.no-sidebar #site-content #primary, body.single.single-post.no-sidebar #site-content #primary { margin-top: -11.5rem; } @media only screen and (max-width: 600px) { body.page.no-sidebar #site-content #primary, body.single.single-post.no-sidebar #site-content #primary { margin-top: -14.5rem; } } body.home.page.no-sidebar #site-content #primary { margin-top: 0; } body.home.page.no-sidebar #site-content { padding: 0; } body.page:not(.aytias-active-woocommerce-page).no-sidebar #site-content { padding-bottom: 0; } body.home.page.no-sidebar #site-content #primary > article, body.page:not(.aytias-active-woocommerce-page).no-sidebar #site-content #primary > article { padding-top: 6rem; } .aytias-404-wrapper, .no-search-results-form, .aytias-posts-lists article, section.no-results .page-content, body.home.page #primary > article, body.single.single-post #primary > article.post, body.page #primary > article.page { display: block; position: relative; background-color: #ffffff; border: 1px solid #dddddd; } section.no-results .page-content p, section.no-results .page-content form, .aytias-posts-lists article .article-block-wrapper, body.home.page.has-sidebar #primary > article .article-block-wrapper, body.single.single-post.has-sidebar #primary > article.post .single-article-wrapper, body.page.has-sidebar #primary > article.page .page-article-wrapper, body.page.aytias-active-woocommerce-page #primary > article.page .page-article-wrapper { max-width: 85%; padding: 6rem 0; margin: 0 auto; } section.no-results .page-content p + form { padding-top: 0; } body.single.single-post.no-sidebar #primary > article.post .single-article-wrapper { padding: 6rem 0; } body.home.no-sidebar #primary > article, body.single.single-post.no-sidebar #primary > article.post, body.page.no-sidebar #primary > article.page { border: none; } .page-header, body:not(.search) .aytias-breadcrumb-wrapper { display: block; position: relative; background-color: #000000; } body.search .aytias-breadcrumb-wrapper, body.archive .aytias-breadcrumb-wrapper { background-color: #ffffff; } .page-header .page-title, .page-header .archive-title, .page-header .archive-subtitle, .page-header .archive-description { color: #ffffff; } .aytias-breadcrumb-wrapper .breadcrumb-trail { max-width: 85%; padding: 1.5rem 0; margin: 0 auto; } .page-header .archive-header-content-wrap { max-width: 85%; padding: 2.5rem 0; margin: 0 auto; } body:not(.search):not(.archive) .aytias-breadcrumb-wrapper, body:not(.search):not(.archive) .aytias-breadcrumb-wrapper .trail-items li:not(:last-child):after { color: #ffffff; } .aytias-breadcrumb-wrapper .trail-items a { color: #ff2e63; } .aytias-404-wrapper, .no-search-results-form { padding: 6rem; } /* Archive style 2 *-------------------------------------------*/ .aytias-posts-lists.aytias-archive_style_2 { display: grid; } @media only screen and (min-width: 600px) { .aytias-posts-lists.aytias-archive_style_2 { grid-template-columns: 1fr 1fr; } } .aytias-posts-lists.aytias-archive_style_2 > article { margin-bottom: 0; } /* Archive style 3 *-------------------------------------------*/ .aytias-posts-lists.aytias-archive_style_3 { display: grid; } @media only screen and (min-width: 600px) { .aytias-posts-lists.aytias-archive_style_3 { grid-template-columns: 1fr 1fr; } .aytias-posts-lists.aytias-archive_style_3 > article:nth-child(3n + 1) { grid-column: span 2; } } .aytias-posts-lists.aytias-archive_style_3 > article { margin-bottom: 0; } /* Archive style 4 *-------------------------------------------*/ .aytias-posts-lists.aytias-archive_style_4 { display: grid; border-width: 1px 1px 0 0; } .aytias-posts-lists.aytias-archive_style_4 > article { margin-bottom: 0; min-height: 30rem; border: none; outline: 2px solid #dedede; } .aytias-posts-lists.aytias-archive_style_4 > article .entry-summary, .aytias-posts-lists.aytias-archive_style_4 > article .entry-image, .aytias-posts-lists.aytias-archive_style_4 > article .entry-meta, .aytias-posts-lists.aytias-archive_style_4 > article .tags-links, .aytias-posts-lists.aytias-archive_style_4 > article .edit-link { display: none; } .aytias-posts-lists.aytias-archive_style_4 > article a { color: #ffffff; } .aytias-posts-lists.aytias-archive_style_4 > article a:hover { color: #ff2e63; } .aytias-posts-lists.aytias-archive_style_4 > article .entry-title { font-size: 2rem; } .aytias-posts-lists.aytias-archive_style_4 > article .aytias-entry-categories { justify-content: center; } .aytias-posts-lists.aytias-archive_style_4 > article::before { position: absolute; content: ""; top: 0; right: 0; background: #000; opacity: 0.6; height: 100%; width: 100%; } .aytias-posts-lists.aytias-archive_style_4 > article .article-block-wrapper { margin: 0; padding: 0 2rem; max-width: 100%; width: 100%; position: absolute; top: 50%; right: 0%; transform: translateY(-50%); text-align: center; } @media only screen and (min-width: 600px) { .aytias-posts-lists.aytias-archive_style_4 { grid-template-columns: 1fr 1fr; } } /* Widgets Styles *---------------------------------- */ /* Recent Posts Widget */ .aytias-recent-posts-widget { display: grid; gap: 2rem; } .aytias-recent-posts-widget .article-block-wrapper { display: grid; grid-template-columns: auto 1fr; gap: 2rem; } .aytias-recent-posts-widget .article-block-wrapper a { text-decoration: none; } .aytias-recent-posts-widget .article-block-wrapper .article-image { height: 7rem; width: 7rem; } .aytias-recent-posts-widget .article-block-wrapper .article-details .entry-title { font-size: 1.4rem; margin-bottom: 0; } .aytias-recent-posts-widget.style_2 .article-block-wrapper .article-image img { border-radius: 50%; } .aytias-recent-posts-widget.style_2 .article-block-wrapper { align-items: center; } .aytias-recent-posts-widget.style_3 .article-block-wrapper { align-items: center; padding: 1rem; background-color: #eeeeee; } /* Popular Posts Widget */ .aytias-popular-posts-widget { display: grid; gap: 2rem; } .aytias-popular-posts-widget .article-block-wrapper { display: grid; grid-template-columns: auto 1fr; gap: 2rem; } .aytias-popular-posts-widget .article-block-wrapper a { text-decoration: none; } .aytias-popular-posts-widget .article-block-wrapper .article-image { height: 10rem; width: 10rem; } .aytias-popular-posts-widget .article-block-wrapper .article-image a { position: relative; display: flex; justify-content: center; align-items: center; } .aytias-popular-posts-widget .article-block-wrapper .article-counter { position: absolute; line-height: 1; color: #fff; padding: 0.4rem 0.8rem; z-index: 2; } .aytias-popular-posts-widget .article-block-wrapper .entry-title { font-size: 1.4rem; margin-bottom: 0; } .aytias-popular-posts-widget.style_2 .article-block-wrapper .article-image img, .aytias-popular-posts-widget.style_2 .article-block-wrapper .aytias-block-overlay { border-radius: 50%; } .aytias-popular-posts-widget.style_2 .article-counter { border-radius: 50%; } .aytias-popular-posts-widget.style_2 .article-block-wrapper { align-items: center; } .aytias-popular-posts-widget.style_3 .article-block-wrapper { align-items: center; background-color: #eeeeee; } .aytias-popular-posts-widget.style_3 .article-block-wrapper .article-details { padding-left: 1rem; } /* Social Menu Widget */ .aytias-social-menu-widget.style_2 a, .aytias-social-menu-widget.style_3 a { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .aytias-social-menu-widget.style_3 a { background: none; color: #313131; border: 1px solid #e0e0e0; } .aytias-social-menu-widget.style_3 svg { width: 1.8rem; height: 1.8rem; } .aytias-social-menu-widget.style_3 .aytias-social-icons a:hover { color: #ff2e63; border-color: #ff2e63; transform: none; } /* Author Info Widget */ .aytias-author-info-widget { display: grid; gap: 2rem; max-width: 40rem; } .aytias-author-info-widget .author-image { width: 22.5rem; height: 22.5rem; } .aytias-author-info-widget.rd-visible img { border-radius: 50%; } .aytias-author-info-widget .author-social { display: flex; flex-wrap: wrap; } .aytias-author-info-widget .author-social a .svg-icon { width: 3.6rem; height: 3.6rem; border: 1px solid #dcd7ca; margin-left: 5px; margin-bottom: 5px; padding: 6px; display: inline-block; } .aytias-author-info-widget .author-social a:hover .svg-icon { border-color: #ff2e63; fill: #ff2e63; } .aytias-author-info-widget .author-desc p:last-child { margin-bottom: 0; } .aytias-author-info-widget.style_2 { justify-items: center; align-items: center; margin: 0 auto; } .aytias-author-info-widget.style_2 .author-details { display: grid; justify-items: center; align-items: center; text-align: center; } .aytias-author-info-widget.style_3 { max-width: 100%; grid-template-columns: auto 1fr; align-items: center; } @media only screen and (max-width: 767px) { .aytias-author-info-widget.style_3 { display: grid; grid-template-columns: 1fr; justify-items: center; } .aytias-author-info-widget.style_3 .author-details { display: grid; justify-items: center; align-items: center; text-align: center; } } /* Mailchimp Widget */ .aytias-mailchimp-widget form { width: 100%; max-width: 48rem; margin: 0; } .aytias-mailchimp-widget form input[type="date"], .aytias-mailchimp-widget form input[type="email"], .aytias-mailchimp-widget form input[type="tel"], .aytias-mailchimp-widget form input[type="text"], .aytias-mailchimp-widget form input[type="url"], .aytias-mailchimp-widget form select, .aytias-mailchimp-widget form textarea { min-height: 3.2rem; width: 100%; max-width: 48rem; } .aytias-mailchimp-widget form input[type="email"], .aytias-mailchimp-widget form input[type="text"], .aytias-mailchimp-widget form input[type="submit"] { height: 4rem; } .aytias-mailchimp-widget form input[type="checkbox"] { margin: 0 0 0 6px; } .aytias-mailchimp-widget form label { font-weight: 700; } .aytias-mailchimp-widget form p:last-child { margin-bottom: 0; } .aytias-mailchimp-widget.aytias-cover-block form, .aytias-mailchimp-widget.style_2 form { margin: 0 auto; text-align: center; } .aytias-mailchimp-widget.aytias-cover-block .mailchimp-desc, .aytias-mailchimp-widget.style_2 .mailchimp-desc { text-align: center; } .aytias-mailchimp-widget.aytias-cover-block, .aytias-mailchimp-widget.aytias-cover-block h1, .aytias-mailchimp-widget.aytias-cover-block h2, .aytias-mailchimp-widget.aytias-cover-block h3, .aytias-mailchimp-widget.aytias-cover-block h4, .aytias-mailchimp-widget.aytias-cover-block h5, .aytias-mailchimp-widget.aytias-cover-block h6 { color: #fff; } .aytias-mailchimp-widget.style_3 input[type="submit"] { width: 100%; } /* CTA Widget */ .aytias-cta-widget { color: #ffffff; text-align: center; } .aytias-cta-widget .cta-title { font-size: 3.6rem; } .aytias-cta-widget .cta-button { margin-top: 3rem; } .aytias-cta-widget .cta-button a:hover { color: #6d6d6d; } .aytias-cta-widget .cta-description { max-width: 80%; margin: 3rem auto 0 auto; text-align: right; } @media only screen and (min-width: 822px) { .aytias-cta-widget .cta-description { max-width: 60%; } } /* Author Info */ .aytias-author-info-wrapper { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2rem; margin-top: 3rem; } @media only screen and (min-width: 482px) { .aytias-author-info-wrapper { margin-top: 4rem; } } @media only screen and (min-width: 822px) { .aytias-author-info-wrapper { margin-top: 6rem; } } .aytias-author-info-wrapper .author-image { width: 11.6rem; height: 11.6rem; } .aytias-author-info-wrapper .avatar { border-radius: 50%; } .aytias-author-info-wrapper .author-name { font-size: 1.8rem; text-decoration: none; display: block; font-weight: 700; margin-bottom: 0.6rem; } .aytias-author-info-wrapper .author-site { font-size: 1.2rem; display: inline-block; text-decoration: none; margin-bottom: 0.6rem; } .aytias-author-info-wrapper .author-desc { font-size: 1.4rem; } .aytias-author-info-wrapper .author-desc p { line-height: 1.4; } .aytias-author-info-wrapper .author-desc p:last-child { margin-bottom: 0; } @media only screen and (max-width: 767px) { .aytias-author-info-wrapper { display: grid; grid-template-columns: 1fr; justify-items: center; } .aytias-author-info-wrapper .author-details { display: grid; justify-items: center; align-items: center; text-align: center; } } /* 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; right: 0; bottom: 0; left: 0; opacity: 0.7; background-color: #000; } .site-footer.footer-bg-enabled .aytias-footer-widgets, .site-footer.footer-bg-enabled .aytias-footer-siteinfo { position: relative; } .site-footer.footer-bg-enabled, .site-footer.footer-bg-enabled h1, .site-footer.footer-bg-enabled .heading-size-1, .site-footer.footer-bg-enabled h2, .site-footer.footer-bg-enabled .heading-size-2, .site-footer.footer-bg-enabled h3, .site-footer.footer-bg-enabled .heading-size-3, .site-footer.footer-bg-enabled h4, .site-footer.footer-bg-enabled .heading-size-4, .site-footer.footer-bg-enabled h5, .site-footer.footer-bg-enabled .heading-size-5, .site-footer.footer-bg-enabled h6, .site-footer.footer-bg-enabled .heading-size-6, .site-footer.footer-bg-enabled a, .site-footer.footer-bg-enabled .wp-block-archives a, .site-footer.footer-bg-enabled .wp-block-categories a, .site-footer.footer-bg-enabled .wp-block-latest-posts a, .site-footer.footer-bg-enabled .wp-block-latest-comments a, .site-footer.footer-bg-enabled .aytias-footer-siteinfo .footer-copyright, .site-footer.footer-bg-enabled .aytias-footer-siteinfo .theme-credit { color: #ffffff !important; } /* Category meta */ .entry-header .aytias-entry-categories.style_2 a, .aytias-posts-lists .aytias-entry-categories.style_2 a { text-decoration: none; color: #fff; background-color: #000; padding: 5px; border: none; } .entry-header .aytias-entry-categories.style_2 a:hover, .aytias-posts-lists .aytias-entry-categories.style_2 a:hover { color: #fff; } .entry-header .aytias-entry-categories.style_2 a:focus, .aytias-posts-lists .aytias-entry-categories.style_2 a:focus { outline: thin dotted; } /* .topbar{ background-color: #000; } .topbar, .topbar a:not(:hover):not(:focus){ color:#fff; } */