@charset "UTF-8";
  :root { --global--font-primary: var(
--font-headings,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
"Helvetica Neue",
sans-serif
);
--global--font-primary-menu: var(
--font-primary-menu,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
"Helvetica Neue",
sans-serif
);
--global--font-sub-menu: var(
--font-sub-menu,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
"Helvetica Neue",
sans-serif
);
--global--font-secondary: var(
--font-base,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Oxygen-Sans,
Ubuntu,
Cantarell,
"Helvetica Neue",
sans-serif
);
--font-headings: "Inter", sans-serif;
--font-base: "Inter", sans-serif;
--font-primary-menu: "Inter", sans-serif;
--font-sub-menu: "Inter", sans-serif; --global--font-size-base: 1rem;
--global--font-size-xs: 1rem;
--global--font-size-sm: 1.4rem;
--global--font-size-md: 1.8rem;
--global--font-size-lg: 2.2rem;
--global--font-size-xl: 2.6rem;
--global--font-size-xxl: 3.4rem;
--global--font-size-xxxl: 4.6rem;
--global--letter-spacing: normal;
--global--letter-spacing-body: 0;
--global--font-size-body: 1.5rem; --global--line-height-body: 1.5;
--global--line-height-heading: 1.2;
--global--line-height-page-title: 1.1; --heading--font-family: var(--global--font-primary);
--heading--font-size-h6: var(--global--font-size-xs);
--heading--font-size-h5: var(--global--font-size-sm);
--heading--font-size-h4: var(--global--font-size-md);
--heading--font-size-h3: var(--global--font-size-lg);
--heading--font-size-h2: var(--global--font-size-xl);
--heading--font-size-h1: var(--global--font-size-xxl);
--heading--letter-spacing: 0;
--heading--font-weight: 800;
--heading--font-weight-strong: 800;
--list--font-family: var(--global--font-secondary); --primary--menu-font-family: var(--global--font-primary-menu);
--primary--menu-font-weight: 700;
--primary--menu-font-size: 1.4rem;
--primary--menu-line-height: 1.2;
--primary--menu-letter-spacing: 0;
--sub--menu-font-family: var(--global--font-sub-menu);
--sub--menu-font-weight: 400;
--sub--menu-font-size: 1.4rem;
--sub--menu-letter-spacing: 0; --global--color-black: #191a1f;
--global--color-white: #fff;
--global--color-primary: #666666;
--global--color-secondary: #6d6d6d;
--global--color-accent: #f21717;
--global--color-background: #fff;
--global--color-border: var(--global--color-gray-600);
--global--link-color: #000;
--global--link-color-hover: #000;
--global--color-header-icons: #000;
--global--color-header-social-nav: #000;
--global--color-header-social-label: #000;
--global--color-header-social-nav-hover: #f21717;
--global--color-header-social-nav-bg: #e8e8e8;
--global--color-header-social-nav-hover-bg: #e8e8e8;
--global--color-header-search-btn-bg: #f21717;
--global--color-topbar: #000;
--global--color-topbar-bg: #fff;
--global--color-topbar-date: #000;
--global--color-topbar-menu: #000;
--global--color-topbar-menu-hover: #f21717;
--global--color-topbar-submenu: #000;
--global--color-topbar-submenu-hover: #000;
--global--color-topbar-submenu-bg: #fff;
--global--color-topbar-bottom-border: var(--global--color-border);
--global--color-header-bg: #fff;
--global--color-footer-bg: #fff;
--global--color-footer-top-border: var(--global--color-border);
--global--color-sub-footer-top-border: var(--global--color-border);
--global--color-sub-footer-bg: #fff;
--global--color-scroll-top: #fff;
--global--color-scroll-top-hover: #fff;
--global--color-scroll-top-bg: #f21717;
--global--color-scroll-top-hover-bg: #f21717;
--global--color-primary-menu: #000000;
--global--color-primary-menu-bg: #fff;
--global--color-menubar-top-border: var(--global--color-border);
--global--color-menubar-bottom-border: var(--global--color-border);
--global--color-offcanvas-icon: #000;
--global--color-primary-menu-hover: #000000;
--global--color-primary-menu-hover-border: #f21717;
--global--color-primary-menu-active: #000;
--global--color-primary-menu-active-border: #f21717;
--global--color-primary-menu-desc: #f21717;
--global--color-sub-menu: #000;
--global--color-sub-menu-hover: #f21717;
--global--color-sub-menu-bg: #fff;
--global--color-sub-menu-desc: #999;
--global--color-breadcrumb: #f21717;
--global--color-preloader-bg: #fff;
--global--color-preloader: #f21717;
--global--color-progressbar: #f21717;
--global--color-post-meta-icons: #f21717;
--global--color-btn: #fff;
--global--color-btn-hover: #fff;
--global--color-btn-bg: #f21717;
--global--color-btn-hover-bg: #000;
--global--color-btn-border: #f21717;
--global--color-btn-hover-border: #000;
--global--color-light: #f7f9fb;
--global--color-light-100: #edeffa;
--global--color-dark: #080a19;
--global--color-gray: #6c757d;
--global--color-gray-dark: #343a40;
--global--color-gray-100: #f8f9fa;
--global--color-gray-200: #e9ecef;
--global--color-gray-300: #dee2e6;
--global--color-gray-400: #ced4da;
--global--color-gray-500: #adb5bd;
--global--color-gray-600: #6c757d;
--global--color-gray-700: var(--global--color-primary);
--global--color-gray-800: #343a40;
--global--color-gray-900: #212529;
--global--card-bg: #fff;
--global--ticker-section-bg: #fff;
--global--color-ticker-label: #fff;
--global--color-ticker-label-bg: #f21717;
--global--color-ticker-loader-icon: #fff;
--global--color-ticker-content-bg: #fff;
--global--ticker-border-radius: var(--global--elements-border-radius-s);
--global--trending-section-bg: #ffffff;
--global--banner-section-bg: #ffffff;
--global--widetarea-before-home-columns-bg: #ffffff;
--global--widetarea-home-columns-bg: #ffffff;
--global--widetarea-below-header-bg: #ffffff;
--global--widetarea-before-home-bg: #ffffff;
--global--widetarea-after-home-bg: #ffffff;
--global--widetarea-before-footer-bg: #ffffff;
--global--widetarea-after-footer-bg: #ffffff;
--global--color-h1: #000;
--global--color-h2: #000;
--global--color-h3: #000;
--global--color-h4: #000;
--global--color-h5: #000;
--global--color-h6: #000; --global--spacing-unit: 2rem;
--global--spacing-horizontal: 2rem;
--global--spacing-vertical: 3rem;
--global--spacing-vertical-big: 3rem; --global--elements-border-radius-s: 0rem;
--global--elements-border-radius-m: 0rem;
--global--elements-border-radius-l: 0rem; --offcanvas-width: 35rem; --breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-xxl: 1400px; --global--admin-bar--height: 0px;
}
.admin-bar {
--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar {
--global--admin-bar--height: 46px;
}
}
@media only screen and (max-width: 575px) {
:root {
--global--font-size-md: 2.2rem;
--global--font-size-lg: 2.4rem;
--global--font-size-xl: 2.6rem;
--global--font-size-xxl: 3rem;
--global--font-size-xxxl: 3.6rem;
}
}
@media (min-width: 576px) and (max-width: 991px) {
:root {
--global--font-size-lg: 2.6rem;
--global--font-size-xl: 2.8rem;
--global--font-size-xxl: 3.2rem;
--global--font-size-xxxl: 4.6rem;
}
} 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: "";
} html {
font-size: 62.5%; scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: var(--global--color-background);
color: var(--global--color-primary);
font-family: var(--global--font-secondary);
font-size: var(--global--font-size-body);
font-weight: normal;
line-height: var(--global--line-height-body);
letter-spacing: var(--global--letter-spacing-body);
text-align: left;
overflow-x: hidden;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
word-break: break-word;
word-wrap: break-word;
} .group::after,
.entry-content::after,
.general-widget-area::after {
clear: both;
content: "";
display: block;
} a,
path {
transition: all 0.15s linear;
} .screen-reader-text {
clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem);
height: 0.1rem;
overflow: hidden;
position: absolute !important;
left: -999999rem;
width: 0.1rem;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: var(--global--elements-border-radius-s);
box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-size: 1.4rem;
font-weight: 700;
height: auto;
left: 0.5rem;
line-height: normal;
padding: 1.5rem 2.3rem 1.4rem 2.3rem;
text-decoration: none;
top: 0.5rem;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .skip-link {
left: -9999rem;
top: 2.5rem;
z-index: 999999;
text-decoration: underline;
}
.skip-link:focus {
display: block;
left: 6px;
top: 7px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
line-height: normal;
padding: 15px 23px 14px;
z-index: 100000;
right: auto;
} @media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0s !important;
transition-duration: 0s !important;
}
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
} :root {
--responsive--spacing-horizontal: calc(
1.6 * var(--global--spacing-horizontal) * 0.6
);
--responsive--aligndefault-width: calc(
100vw - var(--responsive--spacing-horizontal)
);
--responsive--alignwide-width: calc(
100vw - var(--responsive--spacing-horizontal)
);
--responsive--alignfull-width: 100%;
--responsive--alignright-margin: var(--global--spacing-horizontal);
--responsive--alignleft-margin: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 482px) {
:root {
--responsive--aligndefault-width: min(
calc(100vw - 2 * var(--global--spacing-horizontal)),
768px
);
--responsive--alignwide-width: calc(
100vw - 2 * var(--global--spacing-horizontal)
);
--responsive--alignright-margin: calc(
0.5 * (100vw - var(--responsive--aligndefault-width))
);
--responsive--alignleft-margin: calc(
0.5 * (100vw - var(--responsive--aligndefault-width))
);
}
}
@media only screen and (min-width: 822px) {
:root {
--responsive--aligndefault-width: min(
calc(100vw - 4 * var(--global--spacing-horizontal)),
768px
);
--responsive--alignwide-width: min(
calc(100vw - 4 * var(--global--spacing-horizontal)),
1440px
);
}
}
.no-sidebar.narrow-container .entry-content .wp-audio-shortcode,
.no-sidebar.narrow-container
.entry-content
> *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
.wp-block-separator
):not(.woocommerce),
.no-sidebar.narrow-container
*[class*="inner-container"]
> *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(
.alignright
):not(.wp-block-separator):not(.woocommerce),
.no-sidebar.narrow-container #primary .comments-wrapper,
.no-sidebar.narrow-container.page article header.entry-header,
.no-sidebar.narrow-container.page article footer.entry-footer,
.no-sidebar.narrow-container.single article header.entry-header,
.no-sidebar.narrow-container.single article .single-footer-info,
.no-sidebar.narrow-container .magze-breadcrumb-wrapper,
.no-sidebar.narrow-container .magze-author-info-box,
.no-sidebar.narrow-container .magze-author-posts-wrapper,
.no-sidebar.narrow-container .magze-related-posts-wrapper,
.no-sidebar.narrow-container .navigation.post-navigation,
.default-max-width {
--uf-gutter-x: 2.4rem;
--uf-gutter-y: 0;
max-width: var(--responsive--aligndefault-width);
padding-right: calc(var(--uf-gutter-x) * 0.5);
padding-left: calc(var(--uf-gutter-x) * 0.5);
margin-left: auto;
margin-right: auto;
}
.uf-wrapper,
.wide-max-width {
--uf-gutter-x: 2.4rem;
--uf-gutter-y: 0;
max-width: var(--responsive--alignwide-width);
padding-right: calc(var(--uf-gutter-x) * 0.5);
padding-left: calc(var(--uf-gutter-x) * 0.5);
margin-left: auto;
margin-right: auto;
} .wide-max-width .wide-max-width {
padding-left: 0;
padding-right: 0;
}
.comments-pagination,
.post-navigation,
.magze-active-woocommerce-page #site-content,
.alignwide,
.no-sidebar.wide-container .entry-content .wp-audio-shortcode,
.no-sidebar.wide-container
.entry-content
> *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
.wp-block-separator
):not(.woocommerce),
.no-sidebar.wide-container
*[class*="inner-container"]
> *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(
.alignright
):not(.wp-block-separator):not(.woocommerce) {
max-width: var(--responsive--alignwide-width);
margin-left: auto;
margin-right: auto;
}
.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width {
max-width: var(--responsive--alignfull-width);
width: var(--responsive--alignfull-width);
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 482px) {
.alignfull,
.full-max-width {
max-width: var(--responsive--alignfull-width);
width: auto;
margin-left: auto;
margin-right: auto;
}
} @media only screen and (min-width: 482px) {
.no-sidebar .entry-content > .alignleft { margin-left: var(--responsive--alignleft-margin); margin-right: var(--global--spacing-horizontal);
}
}
@media only screen and (min-width: 482px) {
.no-sidebar .entry-content > .alignright { margin-left: var(--global--spacing-horizontal); margin-right: var(--responsive--alignright-margin);
}
} .site-header {
margin-left: auto;
margin-right: auto;
background: var(--global--color-header-bg);
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#site-content {
padding-top: var(--global--spacing-vertical);
padding-bottom: var(--global--spacing-vertical);
margin-left: auto;
margin-right: auto;
}
.general-widget-area {
padding-top: var(--global--spacing-vertical-big);
padding-bottom: var(--global--spacing-vertical-big);
margin-left: auto;
margin-right: auto;
}
.home-page-widget-region.before-posts {
padding-top: 0;
padding-bottom: 0;
}
.home-page-widget-region.before-posts + article,
.home-page-widget-region.before-posts + .saga-section-title,
.home-page-widget-region.before-posts + .magze-posts-lists {
margin-top: var(--global--spacing-vertical-big);
}
.home-page-widget-region.after-posts {
padding-top: 0;
padding-bottom: 0;
margin-top: var(--global--spacing-vertical-big);
}
#site-content {
padding-top: var(--global--spacing-vertical-big);
padding-bottom: var(--global--spacing-vertical-big);
}
.entry-content {
line-height: 1.5;
}
.entry-content li {
margin-bottom: 0.8em;
}
.entry-content > iframe[style] {
margin: var(--global--spacing-vertical) 0 !important;
max-width: 100% !important;
}
.entry-content > *,
[class*="inner-container"] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.entry-content > *,
[class*="inner-container"] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.entry-content > *:first-child,
[class*="inner-container"] > *:first-child,
.wp-block-template-part > *:first-child,
.wp-block-post-template :where(li > *):first-child {
margin-top: 0;
}
.entry-content > *:last-child,
[class*="inner-container"] > *:last-child,
.wp-block-template-part > *:last-child,
.wp-block-post-template :where(li > *):last-child {
margin-bottom: 0;
}
.entry-content > *.alignleft,
.entry-content > *.alignright,
.entry-content > *.alignleft:first-child + *,
.entry-content > *.alignright:first-child + *,
.entry-content > *.alignfull.has-background {
margin-top: 0;
}
.entry-content > *:last-child,
.entry-content > *.alignfull.has-background {
margin-bottom: 0;
}
.entry-content > *.alignfull + .alignleft,
.entry-content > *.alignfull + .alignright {
margin-top: var(--global--spacing-vertical);
}
main {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin-top: 0;
margin-bottom: 1.6rem;
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
line-height: var(--global--line-height-heading);
letter-spacing: var(--heading--letter-spacing);
word-wrap: break-word;
color: var(--global--color-black);
}
h1 {
color: var(--global--color-h1);
font-size: var(--heading--font-size-h1);
}
h1 a {
color: var(--global--color-h1);
}
h2 {
color: var(--global--color-h2);
font-size: var(--heading--font-size-h2);
}
h2 a {
color: var(--global--color-h2);
}
h3 {
color: var(--global--color-h3);
font-size: var(--heading--font-size-h3);
}
h3 a {
color: var(--global--color-h3);
}
h4 {
color: var(--global--color-h4);
font-size: var(--heading--font-size-h4);
}
h4 a {
color: var(--global--color-h4);
}
h5 {
color: var(--global--color-h5);
font-size: var(--heading--font-size-h5);
}
h5 a {
color: var(--global--color-h5);
}
h6 {
color: var(--global--color-h6);
font-size: var(--heading--font-size-h6);
}
h6 a {
color: var(--global--color-h6);
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-weight: var(--heading--font-weight-strong);
}
p {
line-height: var(--global--line-height-body);
margin: 0 0 1.6rem 0;
}
em,
i,
q,
dfn {
font-style: italic;
}
em em,
em i,
i em,
i i,
cite em,
cite i {
font-weight: bolder;
}
big {
font-size: 1.2em;
}
small {
font-size: 0.75em;
}
b,
strong {
font-weight: 700;
}
ins {
text-decoration: underline;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
abbr,
acronym {
cursor: help;
}
address {
line-height: 1.5;
margin: 0 0 2rem 0;
}
hr {
border-style: solid;
border-width: 0.1rem 0 0 0;
border-color: var(--global--color-border);
margin-top: 3rem;
margin-bottom: 3rem;
clear: both;
}
a {
color: var(--global--link-color);
text-decoration: none;
}
a:focus,
a:hover {
color: var(--global--link-color-hover);
}
a:focus {
outline: thin dotted;
}
a:hover {
outline: 0;
}
h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus {
color: var(--global--color-accent);
text-decoration: none;
}
.entry-content
a:not(
.more-link,
.button,
.wp-block-button__link,
.wp-block-file__button,
.read-more-link,
.magze-btn-link,
.text-decoration-none
),
.entry-summary
a:not(
.more-link,
.button,
.wp-block-button__link,
.wp-block-file__button,
.read-more-link,
.magze-btn-link,
.text-decoration-none
),
.magze-article-block-wrapper
.article-excerpt
a:not(
.more-link,
.button,
.wp-block-button__link,
.wp-block-file__button,
.read-more-link,
.magze-btn-link,
.text-decoration-none
) {
text-decoration: underline;
} ul,
ol {
font-family: var(--list--font-family);
margin-bottom: 3rem;
margin-left: 3rem;
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ol {
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
li {
line-height: 1.5;
margin: 0.5rem 0 0 2rem;
}
li > ul,
li > ol {
margin: 1rem 0 0 2rem;
}
.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
list-style: none;
margin: 0;
}
.reset-list-style li {
margin: 0;
}
dt,
dd {
line-height: 1.5;
}
dt {
font-weight: 700;
}
dt + dd {
margin-top: 0.5rem;
}
dd + dt {
margin-top: 1.5rem;
} blockquote {
color: inherit;
font-size: 1em;
margin-top: 3rem;
margin-bottom: 3rem;
padding: 0.5rem 0 0.5rem 2rem;
}
cite {
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: 1.25;
}
blockquote cite {
display: block;
margin: 2rem 0 0 0;
}
blockquote p:last-of-type {
margin: 0;
} code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 1em;
padding: 0.4rem 0.6rem;
}
code,
kbd,
samp {
background: rgba(0, 0, 0, 0.075);
border-radius: var(--global--elements-border-radius-s);
}
pre {
border: 0.1rem solid var(--global--color-border);
line-height: 1.5;
margin-top: 3rem;
margin-bottom: 3rem;
overflow: auto;
padding: 3rem 2rem;
text-align: left;
}
pre code {
background: transparent;
padding: 0;
} 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;
} .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: var(--global--color-border);
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
padding: 3rem;
}
.wp-block-code code {
color: var(--global--color-primary);
white-space: pre;
overflow-x: auto;
display: block;
} .wp-block-columns:not(.alignwide):not(.alignfull) {
clear: both;
}
.wp-block-columns .wp-block-column > * {
margin-top: calc(0.66 * var(--global--spacing-vertical));
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: var(--global--spacing-vertical);
}
}
@media only screen and (min-width: 822px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 0;
}
}
.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
} .wp-block-cover,
.wp-block-cover-image { margin-top: inherit;
margin-bottom: inherit;
}
.wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-cover-image:not(.alignwide):not(.alignfull) {
clear: both;
}
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
color: currentColor;
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-cover
.wp-block-cover__inner-container
a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover
.wp-block-cover-image-text
a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover
.wp-block-cover-text
a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image
.wp-block-cover__inner-container
a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image
.wp-block-cover-image-text
a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image
.wp-block-cover-text
a:not(.wp-block-button__link):not(.wp-block-file__button) {
color: currentColor;
}
.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
color: var(--wp--style--color--link, var(--global--color-secondary));
}
.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
text-align: left;
}
.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
text-align: center;
}
.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
text-align: right;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
width: calc(100% - 2 * var(--global--spacing-vertical));
}
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
margin-top: 0;
}
.wp-block-cover.alignleft > *,
.wp-block-cover.alignright > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright > * {
width: 100%;
}
.wp-block-cover.has-left-content,
.wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
justify-content: center;
}
.wp-block-cover[class*="-background-color"][class]
.wp-block-cover__inner-container,
.wp-block-cover-image[class*="-background-color"][class]
.wp-block-cover__inner-container {
background-color: unset;
} .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-left: auto;
margin-right: auto;
}
.wp-block-group .wp-block-group__inner-container > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group .wp-block-group__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-group .wp-block-group__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-group .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group.has-background {
padding: var(--global--spacing-vertical);
}
}
.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
.wp-block-group.has-background
.wp-block-group__inner-container
> hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
max-width: calc(
var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)
);
width: calc(
var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)
);
margin-left: calc(-1 * var(--global--spacing-vertical));
} .wp-block-image {
text-align: center;
}
.wp-block-image figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
display: block !important;
}
.wp-block-image .alignright {
margin-left: var(--global--spacing-horizontal);
}
.wp-block-image .alignleft {
margin-right: var(--global--spacing-horizontal);
}
.wp-block-image a:focus img {
outline-offset: 2px;
}
.entry-content > *[class="wp-block-image"] + *,
.entry-content [class*="inner-container"] > *[class="wp-block-image"] + * {
margin-top: 0;
}
@media only screen and (min-width: 482px) {
.entry-content > .wp-block-image > .alignleft,
.entry-content > .wp-block-image > .alignright {
max-width: 50%;
}
}
@media only screen and (max-width: 481px) {
.entry-content > .wp-block-image > .alignleft,
.entry-content > .wp-block-image > .alignright {
margin-left: 0;
margin-right: 0;
}
}
.wp-block-image.is-resized {
margin-left: auto;
margin-right: auto;
} .wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
line-height: 1.7;
margin-top: 0;
margin-bottom: 1.6rem;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
margin-top: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: var(--heading--font-family);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
color: var(--global--color-primary);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: 1.4rem;
line-height: 1.5;
margin: 1rem 0 0 0;
} .wp-block-latest-posts {
padding-left: 0;
}
.wp-block-latest-posts:not(.is-grid) > li {
margin-top: calc(1.666 * var(--global--spacing-vertical));
margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-latest-posts:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.widget .wp-block-latest-posts:not(.is-grid) > li {
margin-top: 0;
margin-bottom: 1.6rem;
}
.widget .wp-block-latest-posts:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid {
word-wrap: break-word;
word-break: break-word;
}
.wp-block-latest-posts.is-grid > li {
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-grid > li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid.columns-2
> li:nth-last-child(-n + 2):nth-child(2n + 1),
.wp-block-latest-posts.is-grid.columns-2
> li:nth-last-child(-n + 2):nth-child(2n + 1)
~ li,
.wp-block-latest-posts.is-grid.columns-3
> li:nth-last-child(-n + 3):nth-child(3n + 1),
.wp-block-latest-posts.is-grid.columns-3
> li:nth-last-child(-n + 3):nth-child(3n + 1)
~ li,
.wp-block-latest-posts.is-grid.columns-4
> li:nth-last-child(-n + 4):nth-child(4n + 1),
.wp-block-latest-posts.is-grid.columns-4
> li:nth-last-child(-n + 4):nth-child(4n + 1)
~ li,
.wp-block-latest-posts.is-grid.columns-5
> li:nth-last-child(-n + 5):nth-child(5n + 1),
.wp-block-latest-posts.is-grid.columns-5
> li:nth-last-child(-n + 5):nth-child(5n + 1)
~ li,
.wp-block-latest-posts.is-grid.columns-6
> li:nth-last-child(-n + 6):nth-child(6n + 1),
.wp-block-latest-posts.is-grid.columns-6
> li:nth-last-child(-n + 6):nth-child(6n + 1)
~ li {
margin-bottom: 0;
}
.wp-block-latest-posts > li > * {
margin-top: calc(0.333 * var(--global--spacing-vertical));
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-latest-posts__featured-image img {
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-latest-posts > li > *:first-child {
margin-top: 0;
}
.wp-block-latest-posts > li > *:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts > li > a {
display: inline-block;
font-size: 1.8rem;
font-weight: var(--heading--font-weight);
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.widget-area .wp-block-latest-posts > li > a {
font-size: 1.6rem;
margin-bottom: 0;
padding: 0 0 0.4rem 0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-author {
color: var(--global--color-secondary);
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-body);
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: var(--global--color-secondary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
}
[class*="inner-container"]
.wp-block-latest-posts
.wp-block-latest-posts__post-date,
.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
color: currentColor;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.entry-content [class*="inner-container"] .wp-block-latest-posts.alignfull,
.entry-content .has-background .wp-block-latest-posts.alignfull {
padding-left: 0;
padding-right: 0;
} .wp-block-media-text.alignfull {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-media-text a:focus img {
outline-offset: -1px;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding-top: var(--global--spacing-vertical);
padding-bottom: var(--global--spacing-vertical);
} .wp-block-pullquote {
padding: 0;
text-align: center;
position: relative;
}
.wp-block-pullquote blockquote::before {
content: "\201c";
display: block;
position: absolute;
left: 0;
font-size: 4.8rem;
font-weight: 600;
line-height: 1;
}
.wp-block-pullquote p {
font-style: normal;
font-weight: 600;
letter-spacing: normal;
line-height: 1.3;
margin: 0;
}
.wp-block-pullquote a {
color: currentColor;
}
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
text-transform: none;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
text-align: center;
}
.wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignwide blockquote {
max-width: var(--responsive--alignwide-width);
}
.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
padding: 0 calc(2 * var(--global--spacing-unit));
}
.wp-block-pullquote.is-style-solid-color {
color: var(--global--color-secondary);
padding: calc(2.5 * var(--global--spacing-unit));
border-width: 0.3rem;
border-style: solid;
border-color: var(--global--color-secondary);
}
@media (min-width: 600px) {
.wp-block-pullquote.is-style-solid-color {
padding: calc(5 * var(--global--spacing-unit));
}
}
.wp-block-pullquote.is-style-solid-color blockquote::before {
text-align: left;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin: 0;
max-width: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 3.6rem;
}
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
color: currentColor;
}
.wp-block-pullquote.is-style-solid-color.alignleft,
.wp-block-pullquote.is-style-solid-color.alignright {
padding: var(--global--spacing-unit);
}
.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
max-width: initial;
} .wp-block-query.has-background {
padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-query.has-background {
padding: var(--global--spacing-vertical);
}
} .has-background .wp-block-quote .wp-block-quote__citation,
[class*="background-color"] .wp-block-quote .wp-block-quote__citation,
[style*="background-color"] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*="background-image"]
.wp-block-quote
.wp-block-quote__citation,
.has-background .wp-block-quote cite,
[class*="background-color"] .wp-block-quote cite,
[style*="background-color"] .wp-block-quote cite,
.wp-block-cover[style*="background-image"] .wp-block-quote cite,
.has-background .wp-block-quote footer,
[class*="background-color"] .wp-block-quote footer,
[style*="background-color"] .wp-block-quote footer,
.wp-block-cover[style*="background-image"] .wp-block-quote footer {
color: currentColor;
}
.wp-block-quote.has-text-align-center {
margin: var(--global--spacing-vertical) auto;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding-left: 0;
padding-right: 0;
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 3.6rem;
font-style: normal;
line-height: 1.35;
}
@media only screen and (min-width: 652px) {
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 4.8rem;
}
}
.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
color: var(--global--color-secondary);
font-size: var(--global--font-size-md);
}
@media only screen and (max-width: 481px) {
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding-left: var(--global--spacing-horizontal);
}
.wp-block-quote.is-large.has-text-align-right,
.wp-block-quote.is-style-large.has-text-align-right {
padding-left: 0;
padding-right: var(--global--spacing-horizontal);
}
.wp-block-quote.is-large.has-text-align-center,
.wp-block-quote.is-style-large.has-text-align-center {
padding-left: 0;
padding-right: 0;
}
.wp-block-quote.has-text-align-right {
padding-left: 0;
padding-right: 1.3rem;
}
}
@media only screen and (max-width: 481px) {
.wp-block-quote.has-text-align-center {
padding-left: 0;
padding-right: 0;
}
} .wp-block-rss {
padding-left: 0;
}
.wp-block-rss > li {
list-style: none;
margin-left: 0;
}
.wp-block-rss:not(.is-grid) > li {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-rss:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-rss:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.wp-block-rss.is-grid > li {
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-rss.is-grid > li:last-child {
margin-bottom: 0;
}
.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1),
.wp-block-rss.is-grid.columns-2
> li:nth-last-child(-n + 2):nth-child(2n + 1)
~ li,
.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1),
.wp-block-rss.is-grid.columns-3
> li:nth-last-child(-n + 3):nth-child(3n + 1)
~ li,
.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1),
.wp-block-rss.is-grid.columns-4
> li:nth-last-child(-n + 4):nth-child(4n + 1)
~ li,
.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1),
.wp-block-rss.is-grid.columns-5
> li:nth-last-child(-n + 5):nth-child(5n + 1)
~ li,
.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1),
.wp-block-rss.is-grid.columns-6
> li:nth-last-child(-n + 6):nth-child(6n + 1)
~ li {
margin-bottom: 0;
}
.wp-block-rss > li > * {
margin-top: calc(0.333 * var(--global--spacing-vertical));
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-rss > li > *:first-child {
margin-top: 0;
}
.wp-block-rss > li > *:last-child {
margin-bottom: 0;
}
.wp-block-rss .wp-block-rss__item-title > a {
display: inline-block;
font-size: 2.2rem;
font-weight: normal;
line-height: 1.3;
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 652px) {
.wp-block-rss .wp-block-rss__item-title > a {
font-size: 1.8rem;
}
}
.wp-block-rss .wp-block-rss__item-author,
.wp-block-rss .wp-block-rss__item-publish-date {
color: var(--global--color-secondary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
}
[class*="inner-container"] .wp-block-rss .wp-block-rss__item-publish-date,
.has-background .wp-block-rss .wp-block-rss__item-publish-date {
color: currentColor;
}
.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
font-size: var(--global--font-size-md);
line-height: var(--global--line-height-body);
margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-rss.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
}
.entry-content [class*="inner-container"] .wp-block-rss.alignfull,
.entry-content .has-background .wp-block-rss.alignfull {
padding-left: 0;
padding-right: 0;
} .wp-block-search {
max-width: var(--responsive--aligndefault-width);
}
.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
justify-content: center;
}
.widget_search form {
margin: 0;
} hr.wp-block-separator {
border-bottom: 1px solid var(--global--color-black);
}
hr.wp-block-separator {
opacity: 1;
}
hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
max-width: var(--responsive--aligndefault-width);
}
hr.wp-block-separator:not(.is-style-dots).alignwide {
max-width: var(--responsive--alignwide-width);
}
hr.wp-block-separator:not(.is-style-dots).alignfull {
max-width: var(--responsive--alignfull-width);
}
hr.wp-block-separator.is-style-dots.has-background,
hr.wp-block-separator.is-style-dots.has-text-color {
background-color: transparent !important;
}
hr.wp-block-separator.is-style-dots.has-background:before,
hr.wp-block-separator.is-style-dots.has-text-color:before {
color: currentColor !important;
}
hr.wp-block-separator.is-style-dots:before {
color: var(--global--color-black);
font-size: 3.6rem;
letter-spacing: 2rem;
padding-left: 2rem;
}
@media only screen and (min-width: 652px) {
hr.wp-block-separator.is-style-dots:before {
font-size: 4.5rem;
}
}
.has-background hr.wp-block-separator,
[class*="background-color"] hr.wp-block-separator,
[style*="background-color"] hr.wp-block-separator,
.wp-block-cover[style*="background-image"] hr.wp-block-separator {
border-color: currentColor;
} .wp-block-social-links
.wp-block-social-link
.wp-block-social-link-anchor:focus {
outline: 2px solid var(--global--color-accent);
outline-offset: 2px;
} .wp-block-spacer {
display: block;
margin-bottom: 0 !important;
margin-top: 0 !important;
} .wp-block-tag-cloud.alignfull {
padding-left: var(--global--spacing-unit);
padding-right: var(--global--spacing-unit);
} .wp-block-video figcaption {
color: var(--global--color-secondary);
font-size: var(--global--font-size-xs);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
* > figure > video {
max-width: unset;
width: 100%;
vertical-align: middle;
} .widget-content .wp-block-categories-list > li {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 1rem;
margin-bottom: 1rem;
text-align: left;
}
.widget-content .wp-block-categories-list > li:not(:last-child) {
border-bottom: 1px solid var(--global--color-border);
} .entry-content .is-style-cnvs-paragraph-callout {
font-size: 2rem;
}
.has-text-color a {
color: inherit;
}
.has-text-align-left {
text-align: left;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-right {
text-align: right;
}
.has-text-align-justify {
text-align: justify;
}
.has-drop-cap:not(:focus)::first-letter {
font-size: 5.1em;
font-weight: 800;
margin: 0.05em 0.1em 0 0;
} .wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts,
.wp-block-latest-comments {
list-style: none;
margin-left: 0;
}
.wp-block-archives ul,
.wp-block-categories ul,
.wp-block-latest-posts ul,
.wp-block-latest-comments ul {
list-style: none;
}
.wp-block-archives li,
.wp-block-categories li,
.wp-block-latest-posts li,
.wp-block-latest-comments li {
line-height: 1.2;
margin: 1rem 0 0 0;
}
.wp-block-archives li:first-child,
.wp-block-categories li:first-child,
.wp-block-latest-posts li:first-child,
.wp-block-latest-comments li:first-child {
margin-top: 0;
}
.wp-block-archives li li,
.wp-block-categories li li,
.wp-block-latest-posts li li {
margin-left: 2rem;
}
.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
font-weight: normal;
text-decoration: none;
color: var(--global--color-primary);
}
.wp-block-latest-comments a {
color: var(--global--color-black);
}
.wp-block-archives a:hover,
.wp-block-categories a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:focus,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:focus {
color: var(--global--color-accent);
} .comments-wrapper {
margin-top: 3rem;
}
.comments-wrapper.em-center-form-content .comment-respond .comment-reply-title,
.comments-wrapper.em-center-form-content .comment-respond form p.comment-notes,
.comments-wrapper.em-center-form-content .comment-respond form p.logged-in-as,
.comments-wrapper.em-center-form-content .comment-respond form p.form-submit {
text-align: center;
}
.comments-wrapper.em-center-form-content
.comment-respond
.comment-form-cookies-consent {
justify-content: center;
}
.comments-wrapper .comment-number-heading {
margin-bottom: 6rem;
}
.saga-element-header.comments-title,
.comment-reply-title span {
font-size: 2rem;
}
.comment-reply-title small {
display: inline-block;
font-size: 1.4rem;
margin-left: 0.8rem;
color: var(--global--color-accent);
}
.comment-reply-title small a {
text-decoration: none;
}
.comment-reply-title small a:hover {
text-decoration: underline;
}
.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
padding-top: 3rem;
}
.comments > .comment:first-child {
padding-top: 0;
}
.comments .comment {
border-top: 1px solid #dedede;
}
.comments > .comment:first-child,
.comments .comment > .comment:first-child {
border-top: none;
}
.comments .comment .comment-body {
padding-bottom: 3rem;
}
.comment-body {
position: relative;
min-height: 6rem;
padding-left: 8rem;
}
.comments a {
color: inherit;
}
.comment .comment {
padding-left: 5%;
}
.comment-meta {
line-height: 1.1;
}
.comment-meta {
margin-bottom: 1.4rem;
}
.comment-content {
font-size: 1.4rem;
}
.comment-content > *:last-child {
margin-bottom: 0;
}
.comment-meta .avatar {
border-radius: 50%;
display: block;
position: absolute;
height: 6rem;
width: 6rem;
left: 0;
top: 0.5em;
}
.comment-meta a {
text-decoration: none;
}
.comment-meta a:hover {
text-decoration: underline;
}
.comment-metadata {
margin-top: 0.8rem;
}
.comment-author {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: -0.027777778em;
}
.comment-reply a,
.comment-footer-meta a {
font-size: 1.4rem;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
}
.comment-reply a:hover,
.comment-footer-meta a:hover {
text-decoration: underline;
}
.comment-footer-meta {
margin-top: 2rem;
line-height: 1;
}
.comment-footer-meta > * + * {
margin-left: 1.4rem;
}
.bypostauthor .comment-footer-meta .by-post-author {
display: inline;
} .pingback .comment-meta,
.trackback .comment-meta {
padding-left: 0;
} .comments-pagination {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6rem;
text-align: center;
}
.comments-pagination.only-next {
justify-content: flex-end;
}
.comments-pagination .page-numbers {
display: none;
text-decoration: none;
}
.comments-pagination .page-numbers:hover {
text-decoration: underline;
}
.comments-pagination .prev,
.comments-pagination .next {
display: block;
}
.comments-pagination .prev {
left: 0;
}
.comments-pagination .next {
right: 0;
text-align: right;
} .comment-body + .comment-respond,
.comments-area + .comment-respond {
margin-top: 3rem;
}
.comment-respond form {
margin-bottom: 0;
}
.comment-respond form p.logged-in-as {
font-size: 1em;
line-height: 1.25;
}
.comment-respond form:after {
clear: both;
content: "";
display: block;
}
.comment-respond form .logged-in-as a {
color: inherit;
text-decoration: none;
}
.comment-respond form .logged-in-as a:hover {
text-decoration: underline;
}
.comment-respond form p {
line-height: 1.1;
margin-bottom: 2rem;
width: 100%;
}
.comment-notes {
display: none;
}
.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;
} @media (min-width: 700px) {
.comments-wrapper {
margin-top: 6rem;
}
.comment-meta {
margin-bottom: 2rem;
}
.comment-author a {
display: block;
}
.comment-metadata {
white-space: nowrap;
}
.comments-pagination {
margin-top: 6rem;
} .pingback .comment-body {
padding: 0;
} .comment-respond form p {
margin-bottom: 2.5rem;
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email {
float: left;
width: calc(50% - 1rem);
}
.comment-respond .comment-form-email {
margin-left: 2rem;
}
} .gallery {
display: flex;
flex-wrap: wrap;
margin: 3em 0 3em -0.8em;
width: calc(100% + 1.6em);
}
.gallery-item {
margin: 0.8em 0;
padding: 0 0.8em;
}
.gallery-item img,
.gallery-item {
display: block;
width: 100%;
}
.gallery-caption {
display: block;
margin-top: 0.8em;
}
@media (min-width: 700px) {
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
} fieldset {
border: 0.2rem solid var(--global--color-border);
padding: 2rem;
}
fieldset > *:first-child {
margin-top: 0;
}
fieldset > *:last-child {
margin-bottom: 0;
}
form {
margin-bottom: 3rem;
margin-top: 3rem;
}
form > *:first-child {
margin-top: 0;
}
form > *:last-child {
margin-bottom: 0;
}
legend {
font-size: 0.85em;
font-weight: 700;
padding: 0 1rem;
}
@media (min-width: 700px) {
fieldset {
padding: 3rem;
}
legend {
padding: 0 1.5rem;
}
}
label {
display: block;
font-size: 1.5rem;
font-weight: normal;
margin: 0 0 0.5rem 0;
}
label.inline,
input[type="checkbox"] + label {
display: inline;
font-weight: 400;
margin-left: 0.5rem;
}
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
top: 2px;
display: inline-block;
margin: 0;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
background: #fff;
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
border-color: var(--global--color-border);
box-shadow: none;
cursor: pointer;
}
input[type="checkbox"]:checked::before { content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
position: absolute;
display: inline-block;
margin: -0.1875rem 0 0 -0.25rem;
height: 1.75rem;
width: 1.75rem;
}
input,
textarea,
button,
.button,
.wp-block-button__link,
.wp-block-file__button {
font-family: var(--global--font-primary);
line-height: 1;
}
.wp-block-button__link {
border-radius: var(--global--elements-border-radius-s);
}
.wp-block-button__link:hover {
color: inherit;
}
input,
textarea {
border-color: var(--global--color-border);
color: var(--global--color-primary);
}
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: var(--global--elements-border-radius-s);
border-style: solid;
border-width: 0.1rem;
box-shadow: none;
display: block;
font-size: 1.5rem;
letter-spacing: -0.015em;
margin: 0;
max-width: 100%;
padding: 0.6rem 1.6rem;
width: 100%;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="number"] {
outline: none;
}
select {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
padding: 0.5rem;
}
textarea {
height: 12rem;
line-height: 1.5;
width: 100%;
}
input::-webkit-input-placeholder {
line-height: normal;
}
input:-ms-input-placeholder {
line-height: normal;
}
input::-moz-placeholder {
line-height: revert; }
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: var(--global--color-btn-bg);
color: var(--global--color-btn);
border: 1px solid var(--global--color-btn-border);
border-radius: var(--global--elements-border-radius-s);
cursor: pointer;
display: inline-block;
font-size: 1.4rem;
letter-spacing: 0.0333em;
line-height: 1.25;
margin: 0;
opacity: 1;
padding: 0.6em 1.2em;
text-align: center;
text-decoration: none;
transition: opacity 0.3s linear, color 0.3s linear,
background-color 0.3s linear, border-color 0.3s;
}
button:focus,
button:hover,
.button:focus,
.button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
color: var(--global--color-btn-hover);
background-color: var(--global--color-btn-hover-bg);
border-color: var(--global--color-btn-hover-border);
}
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;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
border: 0;
}
.wp-block-file * + .wp-block-file__button {
margin-left: 0.75em;
} table {
border: 0.1rem solid var(--global--color-border);
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 1.6rem;
max-width: 100%;
overflow: hidden;
width: 100%;
}
.alignleft > table {
margin: 0;
}
.alignright > table {
margin: 0;
}
th,
td {
border: 0.1rem solid var(--global--color-border);
line-height: 1.4;
margin: 0;
overflow: visible;
padding: 0.5em;
}
caption {
background: var(--global--color-border);
font-weight: 600;
padding: 0.5em;
text-align: center;
}
thead {
vertical-align: bottom;
white-space: nowrap;
}
th {
font-weight: 700;
} .magze-uppercase-text {
text-transform: uppercase;
} .no-margin {
margin: 0;
}
.no-padding {
padding: 0;
}
.screen-height {
min-height: 100vh;
}
.screen-width {
position: relative;
left: calc(50% - 50vw);
width: 100vw;
}
.magze-flex-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.magze-flex-align-left {
justify-content: flex-start;
}
.magze-flex-align-center {
justify-content: center;
}
.magze-flex-align-right {
justify-content: flex-end;
} .magze-animate-pulse {
animation: uf-pulse 2s infinite;
}
@keyframes uf-pulse {
0% {
opacity: 0.8;
transform: scale(0.8);
}
100% {
opacity: 0;
transform: scale(4);
}
}
.magze-animate-opacity {
animation: uf-opac 0.8s;
}
@keyframes uf-opac {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.magze-animate-fadeIn {
animation: uf-fadeIn;
}
@keyframes uf-fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}  .row {
--uf-gutter-x: 2.4rem;
--uf-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(-1 * var(--uf-gutter-y));
margin-right: calc(-0.5 * var(--uf-gutter-x));
margin-left: calc(-0.5 * var(--uf-gutter-x));
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--uf-gutter-x) * 0.5);
padding-left: calc(var(--uf-gutter-x) * 0.5);
margin-top: var(--uf-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.33333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
} .g-0,
.gx-0 {
--uf-gutter-x: 0;
}
.g-0,
.gy-0 {
--uf-gutter-y: 0;
}
.g-1,
.gx-1 {
--uf-gutter-x: 0.4rem;
}
.g-1,
.gy-1 {
--uf-gutter-y: 0.4rem;
}
.g-2,
.gx-2 {
--uf-gutter-x: 0.8rem;
}
.g-2,
.gy-2 {
--uf-gutter-y: 0.8rem;
}
.g-3,
.gx-3 {
--uf-gutter-x: 1.6rem;
}
.g-3,
.gy-3 {
--uf-gutter-y: 1.6rem;
}
.g-4,
.gx-4 {
--uf-gutter-x: 2.4rem;
}
.g-4,
.gy-4 {
--uf-gutter-y: 2.4rem;
}
.g-5,
.gx-5 {
--uf-gutter-x: 4.8rem;
}
.g-5,
.gy-5 {
--uf-gutter-y: 4.8rem;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
.g-sm-0,
.gx-sm-0 {
--uf-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--uf-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--uf-gutter-x: 0.4rem;
}
.g-sm-1,
.gy-sm-1 {
--uf-gutter-y: 0.4rem;
}
.g-sm-2,
.gx-sm-2 {
--uf-gutter-x: 0.8rem;
}
.g-sm-2,
.gy-sm-2 {
--uf-gutter-y: 0.8rem;
}
.g-sm-3,
.gx-sm-3 {
--uf-gutter-x: 1.6rem;
}
.g-sm-3,
.gy-sm-3 {
--uf-gutter-y: 1.6rem;
}
.g-sm-4,
.gx-sm-4 {
--uf-gutter-x: 2.4rem;
}
.g-sm-4,
.gy-sm-4 {
--uf-gutter-y: 2.4rem;
}
.g-sm-5,
.gx-sm-5 {
--uf-gutter-x: 4.8rem;
}
.g-sm-5,
.gy-sm-5 {
--uf-gutter-y: 4.8rem;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
.g-md-0,
.gx-md-0 {
--uf-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--uf-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--uf-gutter-x: 0.4rem;
}
.g-md-1,
.gy-md-1 {
--uf-gutter-y: 0.4rem;
}
.g-md-2,
.gx-md-2 {
--uf-gutter-x: 0.8rem;
}
.g-md-2,
.gy-md-2 {
--uf-gutter-y: 0.8rem;
}
.g-md-3,
.gx-md-3 {
--uf-gutter-x: 1.6rem;
}
.g-md-3,
.gy-md-3 {
--uf-gutter-y: 1.6rem;
}
.g-md-4,
.gx-md-4 {
--uf-gutter-x: 2.4rem;
}
.g-md-4,
.gy-md-4 {
--uf-gutter-y: 2.4rem;
}
.g-md-5,
.gx-md-5 {
--uf-gutter-x: 4.8rem;
}
.g-md-5,
.gy-md-5 {
--uf-gutter-y: 4.8rem;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.g-lg-0,
.gx-lg-0 {
--uf-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--uf-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--uf-gutter-x: 0.4rem;
}
.g-lg-1,
.gy-lg-1 {
--uf-gutter-y: 0.4rem;
}
.g-lg-2,
.gx-lg-2 {
--uf-gutter-x: 0.8rem;
}
.g-lg-2,
.gy-lg-2 {
--uf-gutter-y: 0.8rem;
}
.g-lg-3,
.gx-lg-3 {
--uf-gutter-x: 1.6rem;
}
.g-lg-3,
.gy-lg-3 {
--uf-gutter-y: 1.6rem;
}
.g-lg-4,
.gx-lg-4 {
--uf-gutter-x: 2.4rem;
}
.g-lg-4,
.gy-lg-4 {
--uf-gutter-y: 2.4rem;
}
.g-lg-5,
.gx-lg-5 {
--uf-gutter-x: 4.8rem;
}
.g-lg-5,
.gy-lg-5 {
--uf-gutter-y: 4.8rem;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
.g-xl-0,
.gx-xl-0 {
--uf-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--uf-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--uf-gutter-x: 0.4rem;
}
.g-xl-1,
.gy-xl-1 {
--uf-gutter-y: 0.4rem;
}
.g-xl-2,
.gx-xl-2 {
--uf-gutter-x: 0.8rem;
}
.g-xl-2,
.gy-xl-2 {
--uf-gutter-y: 0.8rem;
}
.g-xl-3,
.gx-xl-3 {
--uf-gutter-x: 1.6rem;
}
.g-xl-3,
.gy-xl-3 {
--uf-gutter-y: 1.6rem;
}
.g-xl-4,
.gx-xl-4 {
--uf-gutter-x: 2.4rem;
}
.g-xl-4,
.gy-xl-4 {
--uf-gutter-y: 2.4rem;
}
.g-xl-5,
.gx-xl-5 {
--uf-gutter-x: 4.8rem;
}
.g-xl-5,
.gy-xl-5 {
--uf-gutter-y: 4.8rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
.g-xxl-0,
.gx-xxl-0 {
--uf-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--uf-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--uf-gutter-x: 0.4rem;
}
.g-xxl-1,
.gy-xxl-1 {
--uf-gutter-y: 0.4rem;
}
.g-xxl-2,
.gx-xxl-2 {
--uf-gutter-x: 0.8rem;
}
.g-xxl-2,
.gy-xxl-2 {
--uf-gutter-y: 0.8rem;
}
.g-xxl-3,
.gx-xxl-3 {
--uf-gutter-x: 1.6rem;
}
.g-xxl-3,
.gy-xxl-3 {
--uf-gutter-y: 1.6rem;
}
.g-xxl-4,
.gx-xxl-4 {
--uf-gutter-x: 2.4rem;
}
.g-xxl-4,
.gy-xxl-4 {
--uf-gutter-y: 2.4rem;
}
.g-xxl-5,
.gx-xxl-5 {
--uf-gutter-x: 4.8rem;
}
.g-xxl-5,
.gy-xxl-5 {
--uf-gutter-y: 4.8rem;
}
}
.uf-no-gutters {
margin-right: 0;
margin-left: 0;
}
.uf-no-gutters > .col,
.uf-no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
} .uf-m-0 {
margin: 0 !important;
}
.uf-m-1 {
margin: 0.4rem !important;
}
.uf-m-2 {
margin: 0.8rem !important;
}
.uf-m-3 {
margin: 1.6rem !important;
}
.uf-m-4 {
margin: 2.4rem !important;
}
.uf-m-5 {
margin: 4.8rem !important;
}
.uf-p-0 {
padding: 0 !important;
}
.uf-p-1 {
padding: 0.4rem !important;
}
.uf-p-2 {
padding: 0.8rem !important;
}
.uf-p-3 {
padding: 1.6rem !important;
}
.uf-p-4 {
padding: 2.4rem !important;
}
.uf-p-5 {
padding: 4.8rem !important;
}
@media (min-width: 576px) {
.uf-m-sm-0 {
margin: 0 !important;
}
.uf-m-sm-1 {
margin: 0.4rem !important;
}
.uf-m-sm-2 {
margin: 0.8rem !important;
}
.uf-m-sm-3 {
margin: 1.6rem !important;
}
.uf-m-sm-4 {
margin: 2.4rem !important;
}
.uf-m-sm-5 {
margin: 4.8rem !important;
}
.uf-p-sm-0 {
padding: 0 !important;
}
.uf-p-sm-1 {
padding: 0.4rem !important;
}
.uf-p-sm-2 {
padding: 0.8rem !important;
}
.uf-p-sm-3 {
padding: 1.6rem !important;
}
.uf-p-sm-4 {
padding: 2.4rem !important;
}
.uf-p-sm-5 {
padding: 4.8rem !important;
}
}
@media (min-width: 768px) {
.uf-m-md-0 {
margin: 0 !important;
}
.uf-m-md-1 {
margin: 0.4rem !important;
}
.uf-m-md-2 {
margin: 0.8rem !important;
}
.uf-m-md-3 {
margin: 1.6rem !important;
}
.uf-m-md-4 {
margin: 2.4rem !important;
}
.uf-m-md-5 {
margin: 4.8rem !important;
}
.uf-p-md-0 {
padding: 0 !important;
}
.uf-p-md-1 {
padding: 0.4rem !important;
}
.uf-p-md-2 {
padding: 0.8rem !important;
}
.uf-p-md-3 {
padding: 1.6rem !important;
}
.uf-p-md-4 {
padding: 2.4rem !important;
}
.uf-p-md-5 {
padding: 4.8rem !important;
}
}
@media (min-width: 992px) {
.uf-m-lg-0 {
margin: 0 !important;
}
.uf-m-lg-1 {
margin: 0.4rem !important;
}
.uf-m-lg-2 {
margin: 0.8rem !important;
}
.uf-m-lg-3 {
margin: 1.6rem !important;
}
.uf-m-lg-4 {
margin: 2.4rem !important;
}
.uf-m-lg-5 {
margin: 4.8rem !important;
}
.uf-p-lg-0 {
padding: 0 !important;
}
.uf-p-lg-1 {
padding: 0.4rem !important;
}
.uf-p-lg-2 {
padding: 0.8rem !important;
}
.uf-p-lg-3 {
padding: 1.6rem !important;
}
.uf-p-lg-4 {
padding: 2.4rem !important;
}
.uf-p-lg-5 {
padding: 4.8rem !important;
}
}
@media (min-width: 1200px) {
.uf-m-xl-0 {
margin: 0 !important;
}
.uf-m-xl-1 {
margin: 0.4rem !important;
}
.uf-m-xl-2 {
margin: 0.8rem !important;
}
.uf-m-xl-3 {
margin: 1.6rem !important;
}
.uf-m-xl-4 {
margin: 2.4rem !important;
}
.uf-m-xl-5 {
margin: 4.8rem !important;
}
.uf-p-xl-0 {
padding: 0 !important;
}
.uf-p-xl-1 {
padding: 0.4rem !important;
}
.uf-p-xl-2 {
padding: 0.8rem !important;
}
.uf-p-xl-3 {
padding: 1.6rem !important;
}
.uf-p-xl-4 {
padding: 2.4rem !important;
}
.uf-p-xl-5 {
padding: 4.8rem !important;
}
}
@media (min-width: 1400px) {
.uf-m-xxl-0 {
margin: 0 !important;
}
.uf-m-xxl-1 {
margin: 0.4rem !important;
}
.uf-m-xxl-2 {
margin: 0.8rem !important;
}
.uf-m-xxl-3 {
margin: 1.6rem !important;
}
.uf-m-xxl-4 {
margin: 2.4rem !important;
}
.uf-m-xxl-5 {
margin: 4.8rem !important;
}
.uf-p-xxl-0 {
padding: 0 !important;
}
.uf-p-xxl-1 {
padding: 0.4rem !important;
}
.uf-p-xxl-2 {
padding: 0.8rem !important;
}
.uf-p-xxl-3 {
padding: 1.6rem !important;
}
.uf-p-xxl-4 {
padding: 2.4rem !important;
}
.uf-p-xxl-5 {
padding: 4.8rem !important;
}
} @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;
}
} .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;
} .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;
} .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;
} .color-primary,
.color-primary-hover:focus,
.color-primary-hover:hover {
color: var(--global--color-primary);
}
.color-secondary,
.color-secondary-hover:focus,
.color-secondary-hover:hover {
color: var(--global--color-secondary);
}
.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
color: var(--global--color-accent);
}
.color-border,
.color-border-hover:focus,
.color-border-hover:hover {
color: var(--global--color-border);
}
.bg-primary,
.bg-primary-hover:focus,
.bg-primary-hover:hover {
background-color: var(--global--color-primary);
}
.bg-secondary,
.bg-secondary-hover:focus,
.bg-secondary-hover:hover {
background-color: var(--global--color-secondary);
}
.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
background-color: var(--global--color-accent);
}
.bg-border,
.bg-border-hover:focus,
.bg-border-hover:hover {
background-color: var(--global--color-border);
}
.border-color-primary,
.border-color-primary-hover:focus,
.border-color-primary-hover:hover {
border-color: var(--global--color-primary);
}
.border-color-secondary,
.border-color-secondary-hover:focus,
.border-color-secondary-hover:hover {
border-color: var(--global--color-secondary);
}
.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
border-color: var(--global--color-accent);
}
.border-color-border,
.border-color-border-hover:focus,
.border-color-border-hover:hover {
border-color: var(--global--color-border);
}
.fill-children-primary,
.fill-children-primary * {
fill: var(--global--color-primary);
}
.fill-children-secondary,
.fill-children-secondary * {
fill: var(--global--color-secondary);
}
.fill-children-accent,
.fill-children-accent * {
fill: var(--global--color-accent);
}
.fill-children-current-color,
.fill-children-current-color * {
fill: currentColor;
} .search-form {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
margin: 0 0 -0.8rem -0.8rem;
}
.search-form .search-field,
.search-form .search-submit {
margin: 0 0 0.8rem 0.8rem;
}
.search-form label {
align-items: stretch;
display: flex;
font-size: inherit;
margin: 0;
}
.search-form .search-field {
width: 100%;
}
.search-form .search-submit {
flex-shrink: 0;
}
.search-form .search-submit:focus,
.search-form .search-submit:hover {
text-decoration: none;
opacity: 0.8;
} .magze-social-icons {
display: flex;
flex-wrap: wrap;
gap: 1.2rem;
align-items: center;
color: #fff;
}
.magze-social-icons a {
fill: currentColor;
display: flex;
align-items: center;
justify-content: center;
}
.widget .magze-social-icons li,
.magze-social-icons li {
margin: 0;
padding: 0;
transition: transform 150ms ease-in-out;
}
.magze-social-icons li:hover {
transform: scale(1.1);
}
.magze-social-icons.style_1 a {
color: var(--global--color-black);
}
.magze-social-icons.style_1 a:hover,
.magze-social-icons.style_1 a:focus {
color: var(--global--color-accent);
}
.magze-social-icons.style_2 a,
.magze-social-icons.style_3 a,
.magze-social-icons.style_4 a {
color: #fff;
background-color: var(--global--color-accent);
width: 3.6rem;
height: 3.6rem;
}
.magze-social-icons.style_2 a {
border-radius: 0 !important;
}
.magze-social-icons.style_2 a:hover,
.magze-social-icons.style_2 a:focus,
.magze-social-icons.style_3 a:hover,
.magze-social-icons.style_3 a:focus {
color: #fff !important;
}
.magze-social-icons.style_3 a,
.magze-social-icons.style_4 a {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.magze-social-icons.style_4 a {
background: none;
color: var(--global--color-black);
border: 1px solid var(--global--color-border);
}
.magze-social-icons.style_4 svg {
width: 1.8rem;
height: 1.8rem;
}
.magze-social-icons.style_4 a:hover {
color: var(--global--color-accent);
border-color: var(--global--color-accent);
transform: none;
} .magze-social-icons.as_bg.brand_color li a {
color: #fff !important;
}
.magze-social-icons.as_color.brand_color li a[href*="amazon"] {
color: #f90;
border-color: #f90;
}
.magze-social-icons.as_bg.brand_color li a[href*="amazon"] {
background: #f90;
}
.magze-social-icons.as_color.brand_color li a[href*="bandcamp"] {
color: #1ea0c3;
border-color: #1ea0c3;
}
.magze-social-icons.as_bg.brand_color li a[href*="bandcamp"] {
background: #1ea0c3;
}
.magze-social-icons.as_color.brand_color li a[href*="behance"] {
color: #0757fe;
border-color: #0757fe;
}
.magze-social-icons.as_bg.brand_color li a[href*="behance"] {
background: #0757fe;
}
.magze-social-icons.as_color.brand_color li a[href*="codepen"] {
color: #1e1f26;
border-color: #1e1f26;
}
.magze-social-icons.as_bg.brand_color li a[href*="codepen"] {
background: #1e1f26;
}
.magze-social-icons.as_color.brand_color li a[href*="deviantart"] {
color: #02e49b;
border-color: #02e49b;
}
.magze-social-icons.as_bg.brand_color li a[href*="deviantart"] {
background: #02e49b;
}
.magze-social-icons.as_color.brand_color li a[href*="dribbble"] {
color: #e94c89;
border-color: #e94c89;
}
.magze-social-icons.as_bg.brand_color li a[href*="dribbble"] {
background: #e94c89;
}
.magze-social-icons.as_color.brand_color li a[href*="dropbox"] {
color: #4280ff;
border-color: #4280ff;
}
.magze-social-icons.as_bg.brand_color li a[href*="dropbox"] {
background: #4280ff;
}
.magze-social-icons.as_color.brand_color li a[href*="etsy"] {
color: #f45800;
border-color: #f45800;
}
.magze-social-icons.as_bg.brand_color li a[href*="etsy"] {
background: #f45800;
}
.magze-social-icons.as_color.brand_color li a[href*="facebook"] {
color: #1778f2;
border-color: #1778f2;
}
.magze-social-icons.as_bg.brand_color li a[href*="facebook"] {
background: #1778f2;
}
.magze-social-icons.as_color.brand_color li a[href*="500"] {
color: #000;
border-color: #000;
}
.magze-social-icons.as_bg.brand_color li a[href*="500"] {
background: #000;
}
.magze-social-icons.as_color.brand_color li a[href*="flickr"] {
color: #0461dd;
border-color: #0461dd;
}
.magze-social-icons.as_bg.brand_color li a[href*="flickr"] {
background: #0461dd;
}
.magze-social-icons.as_color.brand_color li a[href*="foursquare"] {
color: #e65678;
border-color: #e65678;
}
.magze-social-icons.as_bg.brand_color li a[href*="foursquare"] {
background: #e65678;
}
.magze-social-icons.as_color.brand_color li a[href*="github"] {
color: #24292d;
border-color: #24292d;
}
.magze-social-icons.as_bg.brand_color li a[href*="github"] {
background: #24292d;
}
.magze-social-icons.as_color.brand_color li a[href*="goodreads"] {
color: #382110;
border-color: #382110;
}
.magze-social-icons.as_bg.brand_color li a[href*="goodreads"] {
background: #382110;
}
.magze-social-icons.as_color.brand_color li a[href*="google"] {
color: #ea4434;
border-color: #ea4434;
}
.magze-social-icons.as_bg.brand_color li a[href*="google"] {
background: #ea4434;
}
.magze-social-icons.as_color.brand_color li a[href*="instagram"] {
color: #f00075;
border-color: #f00075;
}
.magze-social-icons.as_bg.brand_color li a[href*="instagram"] {
background: #f00075;
}
.magze-social-icons.as_color.brand_color li a[href*="lastfm"] {
color: #e21b24;
border-color: #e21b24;
}
.magze-social-icons.as_bg.brand_color li a[href*="lastfm"] {
background: #e21b24;
}
.magze-social-icons.as_color.brand_color li a[href*="linkedin"] {
color: #0d66c2;
border-color: #0d66c2;
}
.magze-social-icons.as_bg.brand_color li a[href*="linkedin"] {
background: #0d66c2;
}
.magze-social-icons.as_color.brand_color li a[href*="mastodon"] {
color: #3288d4;
border-color: #3288d4;
}
.magze-social-icons.as_bg.brand_color li a[href*="mastodon"] {
background: #3288d4;
}
.magze-social-icons.as_color.brand_color li a[href*="medium"] {
color: #02ab6c;
border-color: #02ab6c;
}
.magze-social-icons.as_bg.brand_color li a[href*="medium"] {
background: #02ab6c;
}
.magze-social-icons.as_color.brand_color li a[href*="meetup"] {
color: #f6405f;
border-color: #f6405f;
}
.magze-social-icons.as_bg.brand_color li a[href*="meetup"] {
background: #f6405f;
}
.magze-social-icons.as_color.brand_color li a[href*="patreon"] {
color: #ff424d;
border-color: #ff424d;
}
.magze-social-icons.as_bg.brand_color li a[href*="patreon"] {
background: #ff424d;
}
.magze-social-icons.as_color.brand_color li a[href*="pinterest"] {
color: #e60122;
border-color: #e60122;
}
.magze-social-icons.as_bg.brand_color li a[href*="pinterest"] {
background: #e60122;
}
.magze-social-icons.as_color.brand_color li a[href*="pocket"] {
color: #ef4155;
border-color: #ef4155;
}
.magze-social-icons.as_bg.brand_color li a[href*="pocket"] {
background: #ef4155;
}
.magze-social-icons.as_color.brand_color li a[href*="reddit"] {
color: #fe4500;
border-color: #fe4500;
}
.magze-social-icons.as_bg.brand_color li a[href*="reddit"] {
background: #fe4500;
}
.magze-social-icons.as_color.brand_color li a[href*="skype"] {
color: #0478d7;
border-color: #0478d7;
}
.magze-social-icons.as_bg.brand_color li a[href*="skype"] {
background: #0478d7;
}
.magze-social-icons.as_color.brand_color li a[href*="snapchat"] {
color: #fefc00;
border-color: #fefc00;
stroke: #000;
}
.magze-social-icons.as_bg.brand_color li a[href*="snapchat"] {
background-color: #fefc00;
stroke: #000;
}
.magze-social-icons.as_color.brand_color li a[href*="soundcloud"] {
color: #ff5600;
border-color: #ff5600;
}
.magze-social-icons.as_bg.brand_color li a[href*="soundcloud"] {
background: #ff5600;
}
.magze-social-icons.as_color.brand_color li a[href*="spotify"] {
color: #1bd760;
border-color: #1bd760;
}
.magze-social-icons.as_bg.brand_color li a[href*="spotify"] {
background: #1bd760;
}
.magze-social-icons.as_color.brand_color li a[href*="telegram"] {
color: #2aabee;
border-color: #2aabee;
}
.magze-social-icons.as_bg.brand_color li a[href*="telegram"] {
background: #2aabee;
}
.magze-social-icons.as_color.brand_color li a[href*="tiktok"] {
color: #000;
border-color: #000;
}
.magze-social-icons.as_bg.brand_color li a[href*="tiktok"] {
background: #000;
}
.magze-social-icons.as_color.brand_color li a[href*="tumblr"] {
color: #011835;
border-color: #011835;
}
.magze-social-icons.as_bg.brand_color li a[href*="tumblr"] {
background: #011835;
}
.magze-social-icons.as_color.brand_color li a[href*="twitch"] {
color: #6440a4;
border-color: #6440a4;
}
.magze-social-icons.as_bg.brand_color li a[href*="twitch"] {
background: #6440a4;
}
.magze-social-icons.as_color.brand_color li a[href*="twitter"] {
color: #1da1f2;
border-color: #1da1f2;
}
.magze-social-icons.as_bg.brand_color li a[href*="twitter"] {
background: #1da1f2;
}
.magze-social-icons.as_color.brand_color li a[href*="vimeo"] {
color: #1eb7ea;
border-color: #1eb7ea;
}
.magze-social-icons.as_bg.brand_color li a[href*="vimeo"] {
background: #1eb7ea;
}
.magze-social-icons.as_color.brand_color li a[href*="vk"] {
color: #4680c2;
border-color: #4680c2;
}
.magze-social-icons.as_bg.brand_color li a[href*="vk"] {
background: #4680c2;
}
.magze-social-icons.as_color.brand_color li a[href*="wordpress"] {
color: #3499cd;
border-color: #3499cd;
}
.magze-social-icons.as_bg.brand_color li a[href*="wordpress"] {
background: #3499cd;
}
.magze-social-icons.as_color.brand_color li a[href*="yelp"] {
color: #d32422;
border-color: #d32422;
}
.magze-social-icons.as_bg.brand_color li a[href*="yelp"] {
background: #d32422;
}
.magze-social-icons.as_color.brand_color li a[href*="youtube"] {
color: #ff0000;
border-color: #ff0000;
}
.magze-social-icons.as_bg.brand_color li a[href*="youtube"] {
background: #ff0000;
} .magze-breadcrumb-wrapper {
position: relative;
}
.magze-breadcrumb-wrapper .trail-items {
align-items: center;
font-size: 1.3rem;
font-weight: normal;
line-height: 1;
margin-bottom: 3rem;
}
.magze-breadcrumb-wrapper .trail-items a {
color: var(--global--color-breadcrumb);
text-decoration: none;
}
.magze-breadcrumb-wrapper .trail-items a:hover,
.magze-breadcrumb-wrapper .trail-items a:focus {
text-decoration: underline;
}
.magze-breadcrumb-wrapper .trail-items li {
margin-right: 0.5rem;
display: inline;
}
.magze-breadcrumb-wrapper .trail-items li:not(:last-child):after {
content: " / ";
padding-left: 0.6rem;
color: var(--global--color-primary);
font-size: 1.3rem;
} .saga-col-sep,
.saga-col-item-wrapper-sep > .row > [class*="col"]:not(:first-child) {
border-left: 1px solid var(--global--color-border);
}
@media (max-width: 991px) {
.saga-col-sep,
.saga-col-item-wrapper-sep > .row > [class*="col"]:not(:first-child) {
border-left: 0;
}
}
@media (min-width: 992px) {
.saga-col-item-wrapper-sep .row {
--uf-gutter-x: 3rem;
}
} .saga-item-divider {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.saga-item-sep .magze-article-block-wrapper {
position: relative;
}
.saga-item-sep .magze-article-block-wrapper::after,
.saga-item-sep .saga-block-item-w-overlay::after {
content: "";
position: absolute;
left: 0;
width: 100%;
bottom: calc(var(--uf-item-gap, 2.4rem) / 2 * -1);
border-bottom: 1px solid var(--global--color-border);
} .magze-limit-lines[class*="limit-lines-"] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--limit-lines, 5);
}
.limit-lines-1 {
--limit-lines: 1;
}
.limit-lines-2 {
--limit-lines: 2;
}
.limit-lines-3 {
--limit-lines: 3;
}
.limit-lines-4 {
--limit-lines: 4;
} .widget {
margin-top: 0;
margin-bottom: 3rem;
}
.widget.magze-widget[class*="magze_"] {
margin-bottom: 3.4rem;
}
.column-widgetarea .widget:last-child,
.general-widget-area .widget:last-child,
.nc-widget-area .widget:last-child,
.magze-footer-widgets .footer-common-widget .widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
} @media (max-width: 768px) {
.magze-footer-widgets .footer-common-widget:not(:first-child) {
margin-top: 3rem;
}
} .below-header-widget-region {
background-color: var(--global--widetarea-below-header-bg);
position: relative;
}
.before-home-cols-widget-region {
background-color: var(--global--widetarea-before-home-columns-bg);
position: relative;
}
.column-widgetarea-wrapper {
background-color: var(--global--widetarea-home-columns-bg);
position: relative;
}
.before-home-widget-region {
background-color: var(--global--widetarea-before-home-bg);
position: relative;
}
.below-home-widget-region {
background-color: var(--global--widetarea-after-home-bg);
position: relative;
}
.before-footer-widget-region {
background-color: var(--global--widetarea-before-footer-bg);
position: relative;
}
.before-footer-nc-widget-region {
position: relative;
}
.after-footer-widget-region {
background-color: var(--global--widetarea-after-footer-bg);
position: relative;
}
.after-footer-nc-widget-region {
position: relative;
} #secondary .widget-area .widget:first-child {
margin-top: 0;
}
#secondary .widget-area .widget:last-child {
margin-bottom: 0;
}
#secondary.saga-sidebar-widget-style_2
.widget-area
> .widget:not(
.magze_heading_widget,
.magze_ads_code_widget,
.magze_button_widget
) {
border: 1px solid var(--global--color-border);
padding: 3rem;
}
#secondary.saga-sidebar-widget-style_3
.widget-area
> .widget:not(
.magze_heading_widget,
.magze_ads_code_widget,
.magze_button_widget
):not(:last-child) {
border-bottom: 3px solid var(--global--color-accent);
padding-bottom: var(--global--spacing-vertical);
}
.magze_heading_widget .widget-title {
margin: 0;
}
.magze_heading_widget .saga-element-subtitle {
margin: 1rem 0 0 0;
font-size: 1.3rem;
}
.widget-title {
margin: 0 0 3rem;
font-size: 1.5rem;
letter-spacing: 1px;
}
.magze_heading_widget {
margin-bottom: 3rem !important;
}
.widget li {
margin: 1.2rem 0 0 0;
}
.widget li > ul,
.widget li > ol {
margin-top: 0;
}
.widget table,
.widget table * {
border-color: var(--global--color-border);
}
.widget table caption {
background-color: var(--global--color-border);
}
.widget .rss-date {
color: var(--global--color-secondary);
}
.widget .rss-date {
display: block;
font-size: 0.85em;
font-weight: 500;
margin-top: 0.2rem;
}
.widget select {
max-width: 100%;
}
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul {
margin-left: 2rem;
}
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li {
margin: 0.6rem 0;
}
.widget_archive li li,
.widget_categories li li,
.widget_pages li li,
.widget_meta li li,
.widget_nav_menu li li {
margin-left: 2rem;
}
.widget_archive a,
.widget_categories a,
.widget_pages a,
.widget_meta a,
.widget_nav_menu a,
.widget_recent_comments a,
.widget_recent_entries a,
.widget_rss a {
font-weight: 400;
text-decoration: none;
color: var(--global--color-primary);
}
.widget_archive a:focus,
.widget_archive a:hover,
.widget_categories a:focus,
.widget_categories a:hover,
.widget_pages a:focus,
.widget_pages a:hover,
.widget_meta a:focus,
.widget_meta a:hover,
.widget_nav_menu a:focus,
.widget_nav_menu a:hover,
.widget_recent_comments a:focus,
.widget_recent_comments a:hover,
.widget_recent_entries a:focus,
.widget_recent_entries a:hover,
.widget_rss a:focus,
.widget_rss a:hover {
color: var(--global--color-accent);
}
.calendar_wrap table {
font-size: 2rem;
margin: 0;
}
.calendar_wrap caption {
font-weight: 600;
padding: 2.5% 1.75%;
text-align: center;
text-transform: capitalize;
}
.calendar_wrap th,
.calendar_wrap td {
font-size: 0.6em;
font-weight: 500;
line-height: 1;
padding: 2.5% 2.5% 1.75% 2.5%;
text-align: center;
}
.calendar_wrap tfoot td {
border-bottom: none;
}
.calendar_wrap tfoot a,
.calendar_wrap .wp-calendar-nav a {
text-decoration: none;
}
.calendar_wrap tfoot #prev {
text-align: left;
}
.calendar_wrap tfoot #next {
text-align: right;
}
.wp-calendar-nav {
display: flex;
justify-content: space-between;
margin: 1em 0 0;
font-size: 1.8rem;
}
.widget_media_gallery .gallery {
margin: 0 -0.4em -0.8em -0.4em;
width: calc(100% + 0.8em);
}
.widget_media_gallery .gallery-item {
margin: 0 0 0.8em 0;
padding: 0 0.4em;
}
.widget_nav_menu .widget-content > div > ul {
margin-left: 0;
}
.widget_rss .rss-widget-icon {
display: none;
}
.widget_rss .rssSummary {
margin-top: 0.5rem;
}
.widget_rss cite::before {
content: "— ";
}
.widget_search .search-form {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
margin: 0 0 -0.8rem -0.8rem;
}
.widget_search .search-field,
.widget_search .search-submit {
margin: 0 0 0.8rem 0.8rem;
}
.widget_search label,
.widget_search .search-field {
width: 100%;
}
.widget_search .search-submit {
flex-shrink: 0;
}
.widget_tag_cloud,
.widget .wp-block-tag-cloud {
overflow: hidden;
}
.widget_tag_cloud .tagcloud {
display: flex;
flex-wrap: wrap;
}
.widget_tag_cloud a,
.widget .wp-block-tag-cloud a {
display: inline-block;
text-decoration: none !important;
font-size: 1.2rem !important;
letter-spacing: 1px;
padding: 5px 10px;
margin: 0 3px 6px 0;
color: #616161;
background: var(--global--color-gray-200);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.wp-block-tag-cloud.is-style-outline {
gap: 0;
}
.wp-block-tag-cloud.is-style-outline a {
color: #000;
background: #fff;
margin: 0 6px 6px 0;
}
.widget_tag_cloud .tagcloud a:last-child {
margin-right: 0;
}
.widget_tag_cloud .tagcloud a:first-letter {
text-transform: uppercase;
}
.widget_tag_cloud a:focus,
.widget_tag_cloud a:hover,
.widget .wp-block-tag-cloud a:focus,
.widget .wp-block-tag-cloud a:hover {
color: #fff;
background-color: var(--global--color-accent);
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .alignleft { text-align: left;
margin-top: 0;
}
.no-sidebar .entry-content > .alignleft {
max-width: var(--responsive--aligndefault-width);
}
@media only screen and (min-width: 482px) {
.alignleft { float: left; margin-right: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-vertical);
}
.no-sidebar .entry-content > .alignleft {
max-width: calc(50% - var(--responsive--alignleft-margin));
}
}
.aligncenter {
clear: both;
display: block;
float: none;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.alignright {
margin-top: 0;
margin-bottom: var(--global--spacing-vertical);
}
.no-sidebar .entry-content > .alignright {
max-width: var(--responsive--aligndefault-width);
}
@media only screen and (min-width: 482px) {
.alignright { float: right; margin-left: var(--global--spacing-horizontal);
}
.no-sidebar .entry-content > .alignright {
max-width: calc(50% - var(--responsive--alignright-margin));
}
}
[class*="inner-container"] > .alignleft + *,
[class*="inner-container"] > .alignright + * {
margin-top: 0;
}
.alignwide {
clear: both;
}
.alignfull {
clear: both;
}
.has-left-content {
justify-content: flex-start;
}
.has-right-content {
justify-content: flex-end;
} .page-header,
.archive-header {
padding-bottom: 3rem;
}
.page-title,
.archive-title {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: -0.026666667em;
margin: 0;
}
.archive-description,
.archive-subtitle {
margin-top: 2rem;
color: var(--global--color-secondary);
}
.archive-description p:last-child,
.archive-subtitle p:last-child {
margin-bottom: 0;
}
@media (min-width: 700px) {
.page-title,
.archive-title {
font-size: 3.6rem;
}
} body.page .primary-content-area-wrapper article.page .entry-header,
body.page .primary-content-area-wrapper article.page .entry-image {
margin-top: 0;
margin-bottom: 3rem;
}
body.page .primary-content-area-wrapper article.page .entry-content {
margin-top: 0;
} .sticky {
display: block;
}
.entry-image,
.entry-content,
.entry-footer {
margin-top: 3rem;
}
footer.entry-footer,
.magze-edit.edit-link {
padding-bottom: 3rem;
} .content-area.header-meta-center .entry-header,
.content-area.header-meta-center .magze-breadcrumb-wrapper .trail-items,
.content-area.header-meta-center .entry-header .magze-entry-categories,
.content-area.header-meta-center .entry-header .magze-entry-meta {
justify-content: center;
text-align: center;
} .entry-categories,
.entry-tags {
line-height: 1;
margin-top: 1rem;
}
.single-post .entry-categories,
.single-post .entry-tags {
margin-top: 3rem;
}
.single-post .entry-header .entry-categories {
margin: 0 0 1rem 0;
}
.single-post .entry-header .magze-entry-meta {
margin-top: 1.4rem;
}
.entry-categories a,
.entry-tags a {
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0;
display: inline-flex;
align-items: center;
}
.magze-entry-categories,
.magze-entry-tags {
justify-content: flex-start;
display: flex;
gap: 0.5rem;
position: relative;
}
.magze-entry-tags .tag-label {
margin-right: 0.4rem;
}
.magze-entry-categories .category-label svg,
.magze-entry-tags .tag-label svg {
display: inline-block;
margin-right: 0.4rem;
height: 1.4rem;
width: 1.4rem;
vertical-align: bottom;
fill: var(--global--color-accent);
}
.saga-block-overlay-content .entry-categories {
margin-top: 0;
margin-bottom: 1rem;
}
.magze-entry-categories .category-list a.has-bg-color {
padding: 0.5rem 1rem;
background-color: var(--global--color-accent);
color: #fff;
border-radius: var(--global--elements-border-radius-s);
}
.magze-entry-categories .category-list a.has-bg-color:hover {
opacity: 0.9;
}
.magze-entry-categories:not(.style_2, .style_5, .style_6, .style_8)
.category-list
a:not(.has-bg-color):not(:last-child)::after {
content: "";
width: 2px;
height: 2px;
background-color: var(--global--color-gray-900);
margin-left: 0.9rem;
}
.magze-entry-categories .category-list,
.magze-entry-tags .tag-list {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
align-items: center;
}
.magze-entry-categories a {
padding-top: 0.2rem;
}
.magze-entry-categories.style_1 a {
text-decoration: none;
}
.magze-entry-categories.style_2 a {
text-decoration: none;
border-bottom: 1px solid;
padding-bottom: 0.4rem;
}
.magze-entry-categories.style_2 a.has-bg-color {
border: 0;
}
.magze-entry-categories.style_3 .category-list a {
text-decoration: none;
text-transform: uppercase;
}
.magze-entry-categories.style_4 a {
text-decoration: none;
text-transform: lowercase;
}
.magze-entry-categories.style_5 a {
text-decoration: none;
}
.magze-entry-categories.style_5 a {
border-bottom: 2px solid var(--global--color-accent);
}
.magze-entry-categories.style_5 .category-list a.has-bg-color {
color: var(--global--color-white);
background-color: var(--global--color-black);
}
.entry-categories + .entry-tags {
margin-top: 1rem;
}
.magze-entry-tags a {
text-decoration: none;
padding-top: 0.2rem;
}
.magze-entry-tags.style_2 a {
text-transform: uppercase;
}
.magze-entry-tags.style_3 a {
color: #000;
background-color: #fff;
padding: 0.4rem 0.8rem;
border: 1px solid var(--global--color-border);
border-radius: var(--global--elements-border-radius-s);
}
.magze-entry-tags.style_4 a {
display: inline-block;
letter-spacing: 1px;
padding: 5px 10px;
color: #616161;
background: var(--global--color-gray-200);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.magze-entry-tags.style_4 a:focus,
.magze-entry-tags.style_4 a:hover {
color: #fff;
background-color: var(--global--color-accent);
}
.entry-header .entry-title {
margin: 0;
}
.entry-header .entry-title a {
text-decoration: none;
} .magze-entry-meta {
color: var(--global--color-gray-600);
display: flex;
align-items: center;
flex-wrap: wrap;
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 400;
list-style: none;
margin: -0.2rem 0 0 -0.8rem;
letter-spacing: 0.6px;
}
.magze-entry-meta li {
flex-shrink: 0;
margin: 0.2rem 0 0 0.8rem;
}
.magze-entry-meta.magze-meta-icon-disabled {
margin: -0.2rem 0 0 -0.6rem;
}
.magze-entry-meta.magze-meta-icon-disabled li {
margin: 0.2rem 0 0 0.6rem;
}
.magze-entry-meta.magze-meta-icon-disabled li:not(:last-child)::after {
content: "";
margin-left: 0.6rem;
width: 2px;
height: 2px;
background: var(--global--color-gray-600);
}
.magze-entry-meta a {
color: var(--global--color-gray-900);
text-decoration: none;
font-weight: 700;
}
.magze-entry-meta .post-comment a,
.magze-entry-meta .meta-text {
color: var(--global--color-gray-900);
display: flex;
align-items: center;
gap: 0.6rem;
}
.magze-entry-meta .meta-text svg {
height: 1rem;
width: 1rem;
fill: var(--global--color-post-meta-icons);
}
.magze-entry-meta .magze-meta {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.magze-entry-meta .magze-meta.post-author .meta-text {
display: flex;
align-items: center;
gap: 0.5rem;
}
.magze-entry-meta .magze-meta.post-author a {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.magze-entry-meta .magze-meta.post-author a img {
display: inline-block;
max-width: 100%;
height: auto;
border-radius: 50%;
margin-right: 8px;
}
.magze-edit.edit-link {
margin-top: 2rem;
display: flex;
align-items: center;
fill: var(--global--color-accent);
}
.magze-edit.edit-link svg {
margin-right: 0.4rem;
}
.magze-edit a.post-edit-link {
text-decoration: none;
color: var(--global--color-primary);
} .featured-media img {
width: 100%;
}
.featured-media figcaption {
margin: 1.5rem auto 0 auto;
text-align: center;
width: calc(100% - 5rem);
} .post-nav-links {
border-radius: var(--global--elements-border-radius-s);
display: flex;
flex-wrap: wrap;
font-size: 0.9em;
font-weight: 600;
line-height: 1;
margin-top: 3em;
padding: 0 0.25em;
}
.post-nav-links > * {
padding: 1em 0.75em;
}
.page-links {
border-radius: var(--global--elements-border-radius-s);
display: flex;
flex-wrap: wrap;
font-size: 0.9em;
font-weight: 600;
line-height: 1;
margin-top: 3em;
padding: 0 0.25em;
}
.page-links > span.label {
padding: 1em 0;
}
.page-links > * {
padding: 1em 0.75em;
}
.single-footer-info .comments-link {
display: block;
margin-top: 2rem;
}  .post-navigation,
.magze-nav-pagination .posts-navigation,
.magze-nav-pagination .pagination {
font-size: 1.4rem;
margin-top: 4rem;
}
@media only screen and (min-width: 482px) {
body.single-post .post-navigation {
margin-top: 4rem;
}
}
@media only screen and (min-width: 822px) {
body.single-post .post-navigation {
margin-top: 6rem;
}
}
.post-navigation .nav-links,
.posts-navigation .nav-links {
display: flex;
flex-direction: column;
}
.post-navigation .nav-links > a + a,
.posts-navigation .nav-links > div + div {
margin-top: 1rem;
}
.post-navigation a,
.posts-navigation a {
align-items: baseline;
color: var(--global--color-black);
display: flex;
font-weight: 500;
text-decoration: none;
}
.post-navigation a .arrow,
.post-navigation a .post-thumb,
.posts-navigation a .arrow,
.posts-navigation a .post-thumb {
margin-right: 1.6rem;
}
@media (min-width: 700px) {
.post-navigation .nav-links,
.posts-navigation .nav-links {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.post-navigation a.nav-next,
.posts-navigation .nav-next a {
flex-direction: row-reverse;
text-align: right;
}
.post-navigation a.nav-next .arrow,
.post-navigation a.nav-next .post-thumb,
.posts-navigation .nav-next a .arrow,
.posts-navigation .nav-next a .post-thumb {
margin-right: 0;
margin-left: 1.6rem;
}
.post-navigation .nav-links > a + a,
.posts-navigation .nav-links > div + div {
margin: 0 0 0 2rem;
}
.post-navigation .nav-next:only-child,
.posts-navigation .nav-next:only-child {
margin-left: auto;
}
}
.post-navigation .style_2 a .post-thumb,
.posts-navigation .style_2 a .post-thumb {
flex-basis: 20%;
position: relative;
overflow: hidden;
}
.post-navigation .style_2 a .post-info,
.posts-navigation .style_2 a .post-info {
flex-basis: 80%;
}
.post-navigation .style_2 a,
.posts-navigation .style_2 a {
align-items: center;
font-size: 1.6rem;
}
.post-navigation .style_2 .post-info .meta-nav,
.posts-navigation .style_2 .post-info .meta-nav {
display: block;
font-size: 1.4rem;
color: var(--global--color-primary);
}
.post-navigation .style_3,
.posts-navigation .style_3 {
display: block;
position: relative;
}
.post-navigation .style_3 a,
.posts-navigation .style_3 a {
display: block;
position: relative;
overflow: hidden;
height: 17rem;
color: #fff;
background-color: #000;
margin: 0;
text-align: unset !important;
font-size: 2.2rem;
}
.post-navigation .style_3 a .meta-nav,
.posts-navigation .style_3 a .meta-nav {
font-size: 1.6rem;
}
.post-navigation .style_3 a img,
.posts-navigation .style_3 a img {
display: block;
width: 100%;
height: 17rem;
object-fit: cover;
transition: transform 0.5s ease;
}
.post-navigation .style_3 .post-thumb,
.posts-navigation .style_3 .post-thumb {
margin: 0 !important;
}
.post-navigation .style_3 .post-info,
.posts-navigation .style_3 .post-info {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 1;
display: grid;
gap: 0.5rem;
padding: 2rem;
line-height: 1.2;
}
.post-navigation .style_3 .nav-next,
.posts-navigation .style_3 .nav-next {
margin: 1rem 0 0 0;
}
@media (min-width: 700px) {
.post-navigation .style_2.nav-links .nav-previous,
.post-navigation .style_2.nav-links .nav-next,
.posts-navigation .style_2.nav-links .nav-previous,
.posts-navigation .style_2.nav-links .nav-next {
flex-basis: 50%;
}
.post-navigation .style_2 a .post-thumb,
.posts-navigation .style_2 a .post-thumb {
flex-basis: 30%;
}
.post-navigation .style_2 a .post-info,
.posts-navigation .style_2 a .post-info {
flex-basis: 70%;
}
body.no-sidebar.wide-container .post-navigation .style_3.nav-links,
body.no-sidebar.wide-container .posts-navigation .style_3.nav-links {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
body.no-sidebar.wide-container .post-navigation .style_3 .nav-next,
body.no-sidebar.wide-container .posts-navigation .style_3 .nav-next {
margin-top: 0 !important;
}
body.no-sidebar.wide-container .post-navigation .style_3.nav-links > a + a,
body.no-sidebar.wide-container
.posts-navigation
.style_3.nav-links
> div
+ div {
margin: 0;
}
body.no-sidebar.wide-container
.post-navigation
.style_3
.nav-next
.post-info,
body.no-sidebar.wide-container
.posts-navigation
.style_3
.nav-next
.post-info {
left: unset;
right: 0;
text-align: right;
}
}  :root {
--gloabl--bg-overlay: #000;
}
.magze-bg-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-color: var(--gloabl--bg-overlay);
}
.magze-bg-image img {
display: none;
}
.magze-bg-overlay::before {
position: absolute;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0.5;
background-color: var(--gloabl--bg-overlay);
}
.magze-bg-attachment-fixed {
background-attachment: fixed;
}
@supports (-webkit-overflow-scrolling: touch) {
.magze-bg-attachment-fixed {
background-attachment: scroll;
}
}
@media (prefers-reduced-motion: reduce) {
.magze-bg-attachment-fixed {
background-attachment: scroll;
}
} .magze-cover-block {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 40rem;
background-color: var(--gloabl--bg-overlay);
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 3rem;
box-sizing: border-box;
}
.magze-block-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0.6;
background-color: var(--gloabl--bg-overlay);
}
.magze-block-overlay.overlay_w_gradient {
background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(0, 0, 0));
}
.magze-cover-block img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: none;
border: none;
box-shadow: none;
z-index: 0;
}
.magze-block-inner-wrapper {
width: 100%;
z-index: 1;
} .magze-section-title-wrap {
text-align: center;
margin-bottom: 3rem;
}
.magze-section-title-wrap .section-title {
position: relative;
display: inline-block;
padding: 0 1rem;
}
.magze-section-title-wrap .section-title::before,
.magze-section-title-wrap .section-title::after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 100%;
width: 6rem;
height: 1.3px;
background-color: var(--global--color-accent);
}
.magze-section-title-wrap .section-title::before {
left: auto;
right: 100%;
}
.magze-post-extras-grid-block .section-posts {
display: grid;
gap: 2.4rem;
} .magze-post-extras-grid-block .article-image img.wp-post-image {
width: 100%;
}
@media only screen and (min-width: 768px) {
.magze-post-extras-grid-block .section-posts {
grid-auto-flow: column;
grid-auto-columns: 1fr;
}
} .magze-author-info-wrapper {
display: grid;
grid-template-columns: auto 1fr;
gap: 2rem;
}
.magze-author-info-wrapper.author-info-style_2 {
display: grid;
grid-template-columns: 1fr;
justify-items: center;
}
.magze-author-info-wrapper.author-info-style_2 .author-details {
display: grid;
justify-items: center;
align-items: center;
text-align: center;
}
.magze-author-info-wrapper .author-image {
width: 8rem;
height: 8rem;
}
.magze-author-info-wrapper .avatar {
border-radius: 50%;
}
.magze-author-info-wrapper .author-name {
font-size: 1.8rem;
font-weight: 700;
text-decoration: none;
margin-bottom: 1rem;
line-height: 1;
}
.magze-author-info-wrapper .author-site {
display: inline-block;
font-size: 1.2rem;
font-style: italic;
text-decoration: none;
margin-bottom: 1rem;
color: var(--global--color-gray-900);
}
.magze-author-info-wrapper .author-site:hover {
color: var(--global--color-accent);
}
.magze-author-info-wrapper .author-desc {
font-size: 1.3rem;
}
.magze-author-info-wrapper .author-desc p {
line-height: 1.4;
}
.magze-author-info-wrapper .author-desc p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.magze-author-info-wrapper.author-info-stack-responsive {
display: grid;
grid-template-columns: 1fr;
justify-items: center;
}
.magze-author-info-wrapper.author-info-stack-responsive .author-details {
display: grid;
justify-items: center;
align-items: center;
text-align: center;
}
} .magze-author-info-box .saga-section-title {
margin-bottom: 3.6rem;
}
.magze-author-info-box,
.magze-related-posts-wrapper,
.magze-author-posts-wrapper {
margin-top: 3rem;
}
@media only screen and (min-width: 482px) {
.magze-author-info-box,
.magze-related-posts-wrapper,
.magze-author-posts-wrapper {
margin-top: 4rem;
}
}
@media only screen and (min-width: 822px) {
.magze-author-info-box,
.magze-related-posts-wrapper,
.magze-author-posts-wrapper {
margin-top: 6rem;
}
}
.magze-grid-posts-block .article-image + .article-details {
position: relative;
padding-top: 2rem;
z-index: 1;
}
.magze-grid-posts-block .article-title {
font-size: 1.6rem;
}
.magze-grid-posts-block .article-excerpt,
.magze-grid-posts-block .magze-entry-meta {
margin-top: 1rem;
}
.magze-grid-posts-block .article-read-more {
margin-top: 0.6rem;
} .magze-nav-pagination .nav-links {
display: flex;
align-items: center;
gap: 1rem;
}
.magze-nav-pagination.center-aligned-pagination .nav-links {
justify-content: center;
}
.magze-nav-pagination .nav-links .page-numbers {
padding: 0 1.4rem;
line-height: 1;
font-size: 1.2rem;
font-weight: 700;
min-width: 3rem;
height: 3rem;
border: 1px solid var(--global--color-border);
display: flex;
align-items: center;
justify-content: center;
}
.magze-nav-pagination .nav-links .page-numbers:hover {
color: #fff;
background-color: var(--global--color-accent);
}
.magze-nav-pagination .nav-links .page-numbers:hover svg {
fill: #fff;
}
.magze-nav-pagination .nav-links .prev.page-numbers,
.magze-nav-pagination .nav-links .next.page-numbers {
padding: 0;
}
.magze-nav-pagination .nav-links .page-numbers svg {
fill: var(--global--color-black);
width: 1.1rem;
height: 1.1rem;
}
.magze-nav-pagination .nav-links .placeholder {
display: none;
visibility: hidden;
}
.magze-nav-pagination a {
text-decoration: none;
font-weight: 700;
color: var(--global--color-black);
}
.magze-nav-pagination .nav-links > span.page-numbers.current {
color: #fff;
background-color: var(--global--color-accent);
border: transparent;
} .error404 #site-content {
padding: 6rem;
}
.error404 #site-content .archive-title,
.error404 #site-content .archive-subtitle,
.error404 #site-content .search-form {
text-align: center;
margin-right: auto;
margin-left: auto;
}
.error404 #site-content .search-form {
justify-content: center;
margin-top: 3rem;
}
.error404 #site-content .search-form {
max-width: 40rem;
}
.error404 #site-content .search-form label {
flex-grow: 1;
}
.error404 #site-content .page404-btn {
padding-top: 3rem;
display: flex;
justify-content: center;
}
.error404 #site-content .page404-btn a {
font-weight: 600;
font-size: 1.3rem;
padding: 0 4rem;
line-height: 4rem;
color: #282828;
background-color: var(--global--color-gray-300);
border: none;
}
.page404-entry-image img {
margin: 0 auto 4rem;
width: auto;
max-height: 30rem;
} body.search.search-results .magze-posts-lists > article:not(:last-child) {
margin-bottom: 6rem;
} .site-footer {
background-color: var(--global--color-footer-bg);
font-size: 1.4rem;
position: relative;
padding-top: 4rem;
padding-bottom: 3rem;
margin-left: auto;
margin-right: auto;
}
.site-footer.saga-item-border-top {
border-top-color: var(--global--color-footer-top-border);
}
.site-sub-footer {
margin-left: auto;
margin-right: auto;
position: relative;
background-color: var(--global--color-sub-footer-bg);
}
.site-sub-footer .saga-item-border-top {
border-top-color: var(--global--color-sub-footer-top-border);
}
.site-sub-footer .magze-footer-siteinfo {
padding: 2rem 0;
}
.site-sub-footer .magze-social-icons svg {
width: 1.6rem;
height: 1.6rem;
}
.magze-footer-siteinfo {
font-size: 1.6rem;
display: flex;
flex-direction: column-reverse;
align-items: center;
}
.magze-footer-siteinfo > div {
margin-bottom: 2rem;
margin-left: 0;
}
.magze-footer-siteinfo > div:first-child {
margin-bottom: 0;
}
.magze-footer-siteinfo .footer-credits {
flex-shrink: 0;
display: flex;
align-items: center;
gap: 0.2rem;
}
.magze-footer-siteinfo .footer-copyright {
font-size: 1.2rem;
color: var(--global--color-black);
}
.magze-footer-siteinfo .theme-credit,
.magze-footer-siteinfo .theme-credit a {
color: var(--global--color-secondary);
font-size: 1.2rem;
} .magze-footer-menu {
display: flex;
flex-wrap: wrap;
font-size: 1.3rem;
font-weight: 500;
margin: -1rem 0 0 -1rem;
}
.magze-footer-menu li {
margin: 1rem 0 0 1rem;
}
.magze-footer-menu a {
text-decoration: none;
word-break: normal;
word-wrap: normal;
color: var(--global--color-black);
}
.magze-footer-menu li:not(:last-child):after {
content: "/";
margin-left: 0.8rem;
color: var(--global--color-primary);
}
.magze-footer-menu a:hover,
.magze-footer-menu a:focus {
text-decoration: underline;
}
@media (min-width: 1000px) {
.magze-footer-siteinfo {
font-size: 1.8rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.magze-footer-siteinfo > div + div {
margin-left: 2rem;
margin-top: 0;
margin-bottom: 0;
}
} .magze-floating-scroll-top {
position: fixed;
bottom: 5rem;
z-index: 9999;
width: 4rem;
height: 4rem;
padding: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03),
0 6px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03),
0 6px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
justify-content: center;
color: var(--global--color-scroll-top);
background-color: var(--global--color-scroll-top-bg);
outline: none;
text-decoration: none;
opacity: 0;
transform: translateY(10rem);
transition: all 0.5s ease;
}
a.magze-floating-scroll-top:hover,
a.magze-floating-scroll-top:focus {
color: var(--global--color-scroll-top-hover);
background-color: var(--global--color-scroll-top-hover-bg);
opacity: 0.85;
}
.magze-floating-scroll-top.left {
left: 2rem;
}
.magze-floating-scroll-top.right {
right: 2rem;
}
.magze-floating-scroll-top.visible {
opacity: 1;
transform: translateY(0);
}
.magze-floating-scroll-top svg {
width: 1.8rem;
height: 1.8rem;
}
.magze-floating-scroll-top.txt-enabled {
width: auto;
padding: 1.6rem;
}
.magze-floating-scroll-top.txt-enabled span {
margin-right: 5px;
font-size: 1.4rem;
} .site-footer.footer-bg-enabled {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
position: relative;
}
.site-footer.footer-bg-enabled .footer-bg-overlay {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0.7;
background-color: var(--gloabl--bg-overlay);
}
.site-footer.footer-bg-enabled .magze-footer-widgets,
.site-footer.footer-bg-enabled .magze-footer-siteinfo {
position: relative;
}
.site-footer.inverted-footer,
.site-footer.footer-bg-enabled {
--global--color-gray-600: var(--global--color-gray-300);
--global--color-gray-900: var(--global--color-gray-100);
}
.site-footer.inverted-footer {
color: #fff;
--global--color-footer-bg: #000000;
}
.site-footer:where(.footer-bg-enabled, .inverted-footer)
:is(
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a,
) {
color: #fff;
}
.site-footer:where(.footer-bg-enabled, .inverted-footer)
:where(.magze-entry-meta)
svg {
fill: #fff;
}
.site-footer:where(.footer-bg-enabled, .inverted-footer)
:is(
a,
.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a
):hover {
color: rgba(255, 255, 255, 0.9);
}
.site-sub-footer.inverted-sub-footer {
--global--color-sub-footer-bg: #000000;
color: #fff;
}
.site-sub-footer.inverted-sub-footer
:is(
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
.magze-footer-siteinfo .footer-copyright,
.magze-footer-siteinfo .theme-credit
) {
color: #fff;
} .column-widgetarea-wrapper {
padding: var(--global--spacing-vertical-big) 0;
position: relative;
}
.has-sidebar #site-content.wide-max-width,
.column-widgetarea-wrapper .column-widgetarea {
display: grid;
gap: 3rem;
}
@media only screen and (min-width: 1000px) {
.has-sidebar #site-content.wide-max-width,
.column-widgetarea-wrapper .column-widgetarea {
grid-template-columns: 7fr 3fr;
}
.has-sidebar.left-sidebar #site-content.wide-max-width #secondary {
order: 1;
}
.has-sidebar.left-sidebar #site-content.wide-max-width #primary {
order: 2;
}
.has-sidebar.left-sidebar #site-content.wide-max-width {
grid-template-columns: 3fr 7fr;
}
.has-sidebar.right-sidebar.has-sidebar-border #site-content #secondary {
border-left: 1px solid var(--global--color-border);
padding-left: 3rem;
}
.has-sidebar.left-sidebar.has-sidebar-border #site-content #secondary {
border-right: 1px solid var(--global--color-border);
padding-right: 3rem;
}
} ::-moz-selection {
color: #fff;
background-color: var(--global--color-accent);
}
::selection {
color: #fff;
background-color: var(--global--color-accent);
} #page.site {
position: relative;
width: 100%;
min-height: 100%;
z-index: 1;
transition: transform 0.5s ease-in-out;
}
#page.site::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(21, 32, 53, 0.3);
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
} body.canvas-modal-is-open #page.site::before {
opacity: 1;
visibility: visible;
}
body.canvas-modal-is-open {
overflow: hidden;
} .magze-canvas-block {
position: fixed;
top: var(--global--admin-bar--height);
bottom: 0;
left: 0;
width: var(--offcanvas-width);
height: 100vh;
overflow: hidden;
display: flex;
flex-direction: column;
background-color: #fff;
z-index: 999999;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: all 0.6s ease-in-out;
padding-bottom: 2rem;
}
.magze-canvas-block.inverted-offcanvas {
--global--color-gray-600: var(--global--color-gray-300);
--global--color-gray-900: var(--global--color-gray-100);
background-color: #000;
color: #fff;
}
.magze-canvas-block.inverted-offcanvas a,
.magze-canvas-block.inverted-offcanvas h1,
.magze-canvas-block.inverted-offcanvas h2,
.magze-canvas-block.inverted-offcanvas h3,
.magze-canvas-block.inverted-offcanvas h4,
.magze-canvas-block.inverted-offcanvas h5,
.magze-canvas-block.inverted-offcanvas h6 {
color: #fff;
}
.magze-canvas-block.inverted-offcanvas .magze-entry-meta svg {
fill: #fff;
}
body.showing-offcanvas-modal .magze-canvas-block {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.magze-canvas-header {
padding: 2rem;
align-items: center;
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
font-size: 1.6rem;
font-weight: 500;
width: 100%;
min-height: 6rem;
position: relative;
}
.magze-canvas-header .magze-offcanvas-logo {
padding-top: 3rem;
}
.magze-canvas-header .magze-offcanvas-logo img {
max-width: 20rem;
}
.magze-canvas-content {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding: 2rem;
}
@media (min-width: 992px) {
.magze-canvas-content {
--scrollbar-color: var(--global--color-accent);
--scrollbar-track: transparent;
--scrollbar-size: 4px;
scrollbar-width: thin;
scrollbar-color: var(--scrollbar-color) var(--scrollbar-track);
}
.magze-canvas-content::-webkit-scrollbar {
width: var(--scrollbar-size);
}
.magze-canvas-content::-webkit-scrollbar-track {
background-color: var(--scrollbar-track);
}
.magze-canvas-content::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-color);
border-radius: 3px;
}
}
.magze-off-canvas-btn:focus-visible,
.magze-off-canvas-close:focus-visible {
outline: thin dotted;
text-decoration: none;
}
.magze-canvas-header .magze-off-canvas-close {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 2rem;
line-height: 1.2;
padding: 0.5rem;
cursor: pointer;
}
.magze-canvas-header .magze-off-canvas-close span {
display: inline-block;
margin: 0;
margin-right: 0.5rem;
padding: 0;
}
.magze-canvas-header .magze-off-canvas-close svg {
color: #5b5b5b;
width: 2rem;
height: 2rem;
}
.magze-canvas-block.inverted-offcanvas .magze-off-canvas-close svg,
.magze-canvas-block.inverted-offcanvas
.magze-responsive-menu
button.sub-menu-toggle
svg {
color: #fff;
}
.offcanvas-sidebar .widget {
margin: 0;
padding: 2rem 0;
}
.offcanvas-sidebar .widget:last-child {
margin-bottom: 3rem;
} .magze-search-toggle {
position: relative;
}
.magze-search-toggle svg:last-of-type,
.magze-search-toggle.active svg:first-of-type {
display: none;
}
.magze-search-toggle.active svg:last-of-type {
display: inline-block;
}
.magze-search-form {
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: auto;
right: 0;
-webkit-transform: translate3d(0, 3rem, 0);
transform: translate3d(0, 3rem, 0);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 10;
}
.magze-search-form .em-search-form-inner {
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
position: relative;
min-width: 32.5rem;
padding: 1.6rem;
background-color: #fff;
}
.magze-search-toggle.active .magze-search-form {
visibility: visible;
opacity: 1;
-webkit-transform: translate3d(0, 2rem, 0);
transform: translate3d(0, 2rem, 0);
}
.magze-search-form input:focus {
outline: none;
}
.magze-search-form .search-form {
justify-content: center;
}
.magze-search-form input[type="search"] {
font-size: 1.4rem;
}
.magze-search-form input[type="submit"] {
color: #fff;
background-color: var(--global--color-header-search-btn-bg);
border: none;
} .magze-load-posts-btn-wrapper {
padding-top: 4rem;
text-align: center;
justify-content: center;
align-items: center;
}
.magze-ajax-load-btn {
display: flex;
align-items: center;
justify-content: center;
max-width: 24rem;
padding: 1.2rem;
font-size: 1.2rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
color: var(--global--color-btn);
background-color: var(--global--color-btn-bg);
border: 1px solid var(--global--color-btn-border);
border-radius: var(--global--elements-border-radius-s);
}
a.magze-ajax-load-btn {
color: var(--global--color-btn);
}
.magze-nav-pagination.center-aligned-pagination .magze-ajax-load-btn {
margin: 0 auto;
}
.magze-ajax-load-btn svg {
fill: var(--global--color-btn);
}
.magze-ajax-load-btn:hover,
.magze-ajax-load-btn:focus-visible {
text-decoration: none;
color: var(--global--color-btn-hover);
background-color: var(--global--color-btn-hover-bg);
border-color: var(--global--color-btn-hover-border);
}
.magze-ajax-load-btn:hover svg,
.magze-ajax-load-btn:focus-visible svg {
fill: var(--global--color-btn-hover);
}
.magze-ajax-load-btn.loading-posts {
opacity: 0.9;
cursor: auto;
}
.magze-ajax-loader {
width: 1.4rem;
height: 1.4rem;
margin-left: 0.8rem;
}
.magze-ajax-loader.active {
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} #magze-progress-bar {
position: fixed;
width: 0;
height: 3px;
z-index: 99999;
background-color: var(--global--color-progressbar);
}
#magze-progress-bar.top {
top: 0;
}
.admin-bar #magze-progress-bar.top {
top: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar #magze-progress-bar.top {
top: 46px;
}
}
@media only screen and (max-width: 600px) {
.admin-bar #magze-progress-bar.top {
top: 0;
}
}
#magze-progress-bar.bottom {
bottom: 0;
} #magze-preloader-wrapper {
width: 100%;
height: 100vh;
position: fixed;
background-color: var(--global--color-preloader-bg);
z-index: 9999999;
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
transition: opacity 1s ease-out;
inset: 0;
}
#magze-preloader-wrapper.fadeOut {
opacity: 0;
}
.preloader-loader-wrapper {
position: relative;
} .home.page-template-default .entry-content {
margin-top: 0;
} .magze-btn-link {
display: inline-flex;
align-items: center;
line-height: 1;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 0.05em;
word-break: break-word;
}
.magze-btn-link svg {
width: 1.2rem;
height: 1.2rem;
}
.magze-btn-link span {
display: inline-block;
vertical-align: middle;
margin-left: 0.4rem;
transition: margin 300ms ease;
}
.magze-btn-link.style_1 {
color: #fff;
background-color: var(--global--color-accent);
padding: 0.667em 1.333em;
line-height: 1.6em;
border-radius: var(--global--elements-border-radius-s);
}
.magze-btn-link.style_1 svg {
fill: #fff;
}
.magze-btn-link.style_2 {
color: var(--global--color-accent);
}
.magze-btn-link.style_2 svg {
fill: var(--global--color-accent);
}
.magze-btn-link.style_2:hover span {
margin-left: 0.7rem;
}
.magze-btn-link.style_3 {
padding: 0.667em 1.333em;
color: var(--global--color-secondary);
border: 1px solid #e0e0e0;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 1.6em;
}
.magze-btn-link.style_3 {
fill: var(--global--color-black);
}
.magze-btn-link.style_3:hover {
color: #fff;
background-color: var(--global--color-accent);
border-color: var(--global--color-accent);
}
.magze-btn-link.style_3:hover svg {
fill: #fff;
}
.magze-btn-link:hover,
.magze-btn-link:focus {
opacity: 0.9;
} .single_style_2 article .entry-image {
margin-top: 0;
margin-bottom: 3rem;
} .magze-posts-lists > article {
margin-bottom: 3rem;
}
.magze-posts-lists > article.animatefadeIn {
-webkit-animation: uf-fadeIn 0.8s both 0.1s;
animation: uf-fadeIn 0.8s both 0.1s;
}
.magze-posts-lists > article:last-child {
margin-bottom: 0;
}
.magze-posts-lists
.magze-article-block-wrapper
.entry-header
.entry-categories {
margin: 0 0 1rem 0;
}
.magze-posts-lists .magze-article-block-wrapper .entry-summary figure {
margin-bottom: 2rem;
}
.magze-posts-lists .magze-article-block-wrapper .entry-summary p {
margin-bottom: 0;
font-size: 1.4rem;
}
.magze-posts-lists .magze-article-block-wrapper .magze-entry-categories,
.magze-posts-lists .magze-article-block-wrapper .magze-entry-tags {
font-size: 1.3rem;
}
.magze-posts-lists .magze-article-block-wrapper .entry-summary,
.magze-posts-lists .magze-article-block-wrapper .magze-btn-link {
margin-top: 1.4rem;
}
.magze-posts-lists .magze-article-block-wrapper .magze-entry-meta {
margin-top: 1rem;
}
.magze-posts-lists .magze-article-block-wrapper .entry-tags {
margin: 0;
}
.magze-posts-lists .magze-article-block-wrapper .magze-entry-tags {
padding-top: 1.8rem;
} .magze-posts-lists:is(.magze-archive_style_1, .magze-archive_style_2)
.magze-article-block-wrapper {
display: flex;
flex-direction: column;
gap: 2.4rem;
max-width: 100%;
}
.magze-posts-lists:is(.magze-archive_style_1, .magze-archive_style_2)
.magze-article-block-wrapper
.entry-image {
position: relative;
overflow: hidden;
}
.magze-posts-lists:is(.magze-archive_style_1, .magze-archive_style_2)
.magze-article-block-wrapper
.entry-image {
margin: 0;
}
.magze-posts-lists:is(.magze-archive_style_1, .magze-archive_style_2)
.magze-article-block-wrapper
.entry-title {
font-size: 2rem;
}
.magze-posts-lists:is(.magze-archive_style_1, .magze-archive_style_2)
.magze-edit.edit-link {
padding: 0;
}
@media (min-width: 768px) {
.magze-posts-lists:is(.magze-archive_style_1, .magze-archive_style_2)
.magze-article-block-wrapper {
flex-direction: row;
align-items: center;
}
.magze-posts-lists:is(.magze-archive_style_1, .magze-archive_style_2)
.magze-article-block-wrapper
.entry-image {
flex-basis: 50%;
}
.magze-posts-lists:is(.magze-archive_style_1, .magze-archive_style_2)
.magze-article-block-wrapper
.entry-image
+ .entry-details {
flex-basis: 50%;
}
} @media (min-width: 768px) {
.magze-posts-lists.magze-archive_style_2
article:nth-child(even)
.magze-article-block-wrapper {
flex-direction: row-reverse;
}
} .magze-posts-lists.magze-archive_style_3
.magze-article-block-wrapper
.entry-summary {
margin-top: 3rem;
} .magze-posts-lists.magze-archive_style_4
.magze-article-block-wrapper
.entry-image {
margin-top: 0;
}
.magze-posts-lists.magze-archive_style_4
.magze-article-block-wrapper
.entry-header {
margin-top: 3rem;
}  .site-header-row-wrapper .magze-social-icons.style_1 a {
color: var(--global--color-header-social-nav);
}
.site-header-row-wrapper .magze-social-icons.style_1:not(.brand_color) a:hover,
.site-header-row-wrapper .magze-social-icons.style_1:not(.brand_color) a:focus {
color: var(--global--color-header-social-nav-hover);
}
.site-header-row-wrapper .magze-social-icons.style_2 a,
.site-header-row-wrapper .magze-social-icons.style_3 a {
color: var(--global--color-header-social-nav);
background-color: var(--global--color-header-social-nav-bg);
}
.site-header-row-wrapper .magze-social-icons.style_2:not(.brand_color) a:hover,
.site-header-row-wrapper .magze-social-icons.style_2:not(.brand_color) a:focus,
.site-header-row-wrapper .magze-social-icons.style_3:not(.brand_color) a:hover,
.site-header-row-wrapper .magze-social-icons.style_3:not(.brand_color) a:focus {
color: var(--global--color-header-social-nav-hover) !important;
background-color: var(--global--color-header-social-nav-hover-bg);
}
.site-header-row-wrapper .magze-social-icons.style_4 a {
color: var(--global--color-header-social-nav);
}
.site-header-row-wrapper .magze-social-icons.style_4:not(.brand_color) a:hover {
color: var(--global--color-header-social-nav-hover);
border-color: var(--global--color-header-social-nav-hover);
}
.site-header-row-wrapper .magze-social-nav {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1.6rem;
}
.site-header-row-wrapper .magze-social-nav-label {
color: var(--global--color-header-social-label);
font-size: 1.4rem;
font-weight: 500;
} .magze-topbar-row {
background-color: var(--global--color-topbar-bg);
color: var(--global--color-topbar);
font-size: 1.2rem;
}
@media (max-width: 991px) {
.magze-topbar-row.saga-stack-column .magze-topbar-wrapper {
flex-direction: column;
}
}
.magze-topbar-row.saga-item-border-bottom {
border-bottom-color: var(--global--color-topbar-bottom-border);
}
.magze-topbar-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 1rem;
padding: 1.6rem 0;
}
.magze-topbar-first,
.magze-topbar-last {
display: flex;
align-items: center;
justify-content: space-between;
}
.magze-topbar-first {
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.magze-topbar-last {
gap: 2rem;
}
.magze-topbar-row a {
color: inherit;
font-size: 1.2rem;
}
.magze-topbar-wrapper a:hover,
.magze-topbar-wrapper a:focus,
.magze-top-menu .sub-menu a:focus,
.magze-top-menu .sub-menu a:hover {
color: var(--global--color-accent);
}
.magze-topbar-row .magze-components-date {
color: var(--global--color-topbar-date);
line-height: 1;
}
.magze-topbar-row .magze-components-time {
line-height: 1;
font-weight: bold;
}
.magze-topbar-row .magze-top-nav a {
color: var(--global--color-topbar-menu);
}
@media (min-width: 992px) {
.magze-topbar-row .magze-top-nav > ul > li > a {
display: block;
}
}
.magze-topbar-row .magze-top-nav a:hover,
.magze-topbar-row .magze-top-nav a:focus {
color: var(--global--color-topbar-menu-hover);
}
.magze-topbar-row svg {
width: 1.6rem;
height: 1.6rem;
}
.magze-topbar-row .magze-social-icons:where(.style_2, .style_3, .style_4) a {
width: 2.6rem;
height: 2.6rem;
}
.magze-topbar-row .site-header-account .svg-icon,
.magze-topbar-row .site-header-cart .svg-icon {
fill: var(--global--color-topbar-menu);
color: var(--global--color-topbar-menu);
}
.magze-topbar-wrapper .magze-top-menu {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.magze-top-menu a {
text-decoration: none;
font-weight: 400;
letter-spacing: 1px;
font-family: var(--primary--menu-font-family);
}
.magze-top-menu li {
position: relative;
line-height: normal;
}
.magze-top-menu .sub-menu {
background-color: var(--global--color-topbar-submenu-bg);
position: absolute;
right: 9999rem;
top: 3rem;
min-width: 16rem;
box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
z-index: 10000;
opacity: 0;
transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
transform: translateY(0.6rem);
}
.magze-top-menu .sub-menu:before {
content: "";
display: block;
position: absolute;
bottom: 100%;
left: 0;
right: 0;
border: 0.8rem solid transparent;
}
.magze-top-menu .sub-menu a {
color: var(--global--color-topbar-submenu);
padding: 1.2rem 1.6rem;
text-decoration: none;
display: block;
text-align: left;
}
.magze-top-menu .sub-menu a:hover,
.magze-top-menu .sub-menu a:focus {
color: var(--global--color-topbar-submenu-hover);
}
.magze-top-menu li.menu-item-has-children:hover > ul,
.magze-top-menu li.menu-item-has-children.focus > ul,
.magze-top-menu li.menu-item-has-children:focus > ul {
right: 0;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.magze-search.search-icon {
display: flex;
align-items: center;
justify-content: space-between;
}
.magze-search.search-icon svg {
margin-left: 1rem;
}
.magze-search.search-icon svg {
width: 1.4rem;
height: 1.4rem;
}
.magze-mobile-menu {
cursor: pointer;
}
.toggle.magze-search.search-icon {
color: var(--global--color-accent);
fill: var(--global--color-accent);
font-size: 2.6rem;
}
.magze-topbar-row .toggle.magze-search.search-icon,
.magze-topbar-row .magze-random-post {
color: var(--global--color-topbar-menu);
fill: var(--global--color-topbar-menu);
}
body.rtl .magze-random-post svg {
transform: rotate(180deg);
}
.toggle.magze-search.search-icon .search-label {
display: none;
}
.toggle.magze-search.search-icon svg {
margin-left: 0;
}
@media (min-width: 992px) {
.magze-topbar-wrapper,
.magze-topbar-first {
flex-direction: row;
justify-content: space-between;
}
.magze-topbar-first {
gap: 0;
}
.magze-topbar-first > div {
padding: 0 1.2rem;
}
.magze-topbar-first > div:first-child {
padding-left: 0;
}
.magze-topbar-first > div:last-child {
padding-right: 0;
}
.magze-topbar-first > div:not(:last-child) {
border-right: 1px solid var(--global--color-border);
}
.magze-topbar-wrapper .magze-top-menu {
gap: 1.6rem;
}
} .site-title,
.site-logo,
.site-description {
margin: 0;
}
.site-title {
font-size: 2rem;
font-weight: 600;
line-height: 1;
color: #313131;
}
.site-title a {
color: inherit;
display: block;
text-decoration: none;
}
.site-title a:hover,
.site-title a:focus {
color: var(--global--color-accent);
}
.site-logo a,
.site-logo img {
display: block;
}
.site-logo img {
height: auto;
width: auto;
transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
}
.site-logo + .site-title {
margin-top: 1rem;
}
@media (min-width: 1000px) {
.site-title {
font-size: 4.2rem;
font-weight: 700;
}
}
.site-description {
margin-top: 1.6rem;
font-size: 1.4rem;
color: #313131;
font-weight: 400;
transition: all 0.15s linear;
}
.site-description span {
display: inline-block;
position: relative;
}
.site-description:where(.style_1, .style_2) span {
padding: 0.6rem 1.6rem;
color: #fff;
background: #313131;
}
.site-description:where(.style_2, .style_4) span::before,
.site-description:where(.style_2, .style_4) span::after {
position: absolute;
content: "";
width: 50%;
top: 50%;
border-bottom: 1px solid;
border-color: #313131;
}
.site-description:where(.style_2, .style_4) span::before {
left: -50%;
}
.site-description:where(.style_2, .style_4) span::after {
right: -50%;
}
.site-description.style_4 span {
padding: 0.6rem 1.6rem;
}
.magze-primary-bar-row .primary-bar-row-wrapper {
background-color: var(--global--color-primary-menu-bg);
}
.magze-primary-nav {
display: none;
} .toggle.toggle-off-canvas {
color: var(--global--color-offcanvas-icon);
vertical-align: middle;
}
.off-canvas-bars {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 0.4rem;
}
.off-canvas-bars span {
background: var(--global--color-offcanvas-icon);
width: 2rem;
height: 0.2rem;
}
.off-canvas-bars span.bar-two {
width: 1.4rem;
} ul.primary-menu {
display: flex;
font-size: var(--primary--menu-font-size);
font-weight: 500;
letter-spacing: var(--primary--menu-letter-spacing);
flex-wrap: wrap;
margin: -0.8rem 0 0 -3rem;
}
.primary-menu li {
line-height: var(--primary--menu-line-height);
position: relative;
}
.primary-menu > li {
margin: 0.8rem 0 0 3rem;
}
.primary-menu > li .icon {
vertical-align: middle;
line-height: 1;
}
.primary-menu svg {
width: 1rem;
height: 1rem;
display: inline-block;
margin-left: 0.8rem;
fill: currentColor;
}
.primary-menu a {
position: relative;
color: var(--global--color-primary-menu);
display: block;
text-decoration: none;
word-break: normal;
word-wrap: normal;
font-family: var(--primary--menu-font-family);
font-weight: var(--primary--menu-font-weight);
display: flex;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
.primary-menu.em-uppercase-primary-menu > li > a {
text-transform: uppercase;
font-size: calc(var(--primary--menu-font-size) - 1px);
letter-spacing: calc(var(--primary--menu-letter-spacing) + 1px);
}
.primary-menu-wrapper > ul > li > a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 0;
height: 0.3rem;
background-color: transparent;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: width 0.3s ease-in-out,
background-color 0.3s ease-in-out;
transition: width 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.primary-menu-wrapper > ul > li:not(.current-menu-item) > a:hover::after {
background-color: var(--global--color-primary-menu-hover-border);
width: 100%;
}
.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
color: var(--global--color-primary-menu-hover);
}
.primary-menu > li.current-menu-item > a,
.primary-menu > li.current-menu-item > .link-icon-wrapper > a {
color: var(--global--color-primary-menu-active);
}
.primary-menu > li.current-menu-item > a::after,
.primary-menu > li.current-menu-item > .link-icon-wrapper > a::after {
background-color: var(--global--color-primary-menu-active-border);
width: 100%;
}
.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
text-decoration: none;
} .primary-menu ul {
background-color: var(--global--color-sub-menu-bg);
position: absolute;
right: 9999rem;
opacity: 0;
min-width: 24rem;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
z-index: 11;
transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
transform: translateY(0.6rem);
}
.primary-menu ul a {
color: var(--global--color-sub-menu);
padding: 0.8rem 3.8rem;
text-decoration: none;
display: block;
text-align: left;
font-family: var(--sub--menu-font-family);
font-weight: var(--sub--menu-font-weight);
font-size: var(--sub--menu-font-size);
letter-spacing: var(--sub--menu-letter-spacing);
width: 100%;
}
.primary-menu ul a:hover,
.primary-menu ul a:focus {
color: var(--global--color-sub-menu-hover);
}
.primary-menu.em-uppercase-sub-menu ul.sub-menu > li > a {
text-transform: uppercase;
font-size: calc(var(--sub--menu-font-size) - 1px);
letter-spacing: calc(var(--sub--menu-letter-spacing) + 1px);
}
.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 li .icon {
position: absolute;
padding: inherit;
top: 0;
right: 0;
} .primary-menu ul ul {
top: 0;
left: 100%;
opacity: 0;
visibility: hidden;
}
.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
left: 100%;
visibility: visible;
} @media (any-pointer: coarse) {
.primary-menu > li.menu-item-has-children > a {
padding-right: 0;
margin-right: 2rem;
}
.primary-menu ul li.menu-item-has-children > a {
margin-right: 4.5rem;
padding-right: 0;
width: unset;
}
}
li.menu-item a {
position: relative;
}
.menu-item-description {
display: block;
font-size: 1.1rem;
line-height: 1.2;
padding-top: 0.6rem;
color: #999;
letter-spacing: 0.4px;
}
.primary-menu > li > a .menu-item-description {
text-transform: none;
position: absolute;
z-index: 1;
top: calc(50% - 2.5rem);
left: 100%;
display: inline-block;
margin-left: -2rem;
vertical-align: middle;
white-space: nowrap;
color: var(--global--color-primary-menu-desc);
}
.primary-menu ul .menu-item-description {
color: var(--global--color-sub-menu-desc);
}
.magze-secondary-nav,
.magze-responsive-nav-items {
display: flex;
flex-shrink: 0;
justify-content: center;
align-items: center;
line-height: 1;
}
.magze-primary-bar-wrapper .magze-secondary-nav {
padding: 1rem 0;
}
.magze-secondary-nav > * + *,
.magze-responsive-nav-items > * + * {
margin-left: 1.4rem;
}
.magze-cart.site-header-cart {
margin-right: 0.5rem;
} .magze-responsive-menu {
position: relative;
width: 100%;
margin-bottom: 3rem;
}
@media only screen and (min-width: 1000px) {
.offcanvas-menu-hide-desktop .magze-responsive-menu {
display: none;
}
}
.magze-responsive-menu li {
border-color: var(--global--color-border);
border-style: solid;
border-width: 0.1rem 0 0 0;
line-height: 1;
margin: 0;
}
.magze-responsive-menu .sub-menu li {
border: none;
}
.magze-responsive-menu .sub-menu a {
padding: 1rem 0;
}
.magze-responsive-menu > li:first-child {
border-top: none;
}
.magze-responsive-menu > li:last-child {
border-bottom: none;
}
.magze-responsive-menu > li:last-child {
border-bottom-width: 0.1rem;
}
.magze-responsive-menu .ancestor-wrapper {
display: flex;
justify-content: space-between;
}
.magze-responsive-menu a {
position: relative;
display: block;
padding: 1.6rem 0;
text-decoration: none;
width: 100%;
color: #000;
font-weight: 500;
}
.magze-responsive-menu a:focus,
.magze-responsive-menu a:hover,
.magze-responsive-menu li.current-menu-item > .ancestor-wrapper > a,
.magze-responsive-menu li.current_page_ancestor > .ancestor-wrapper > a {
opacity: 0.8;
}
button.sub-menu-toggle {
flex-shrink: 0;
margin: 1rem 0;
padding: 0 2.5rem;
}
button.sub-menu-toggle:focus-visible {
outline: thin dotted;
}
button.sub-menu-toggle svg {
height: 1.2rem;
width: 1.2rem;
transition: transform 0.15s linear;
color: var(--global--color-primary-menu);
}
.magze-responsive-menu button.sub-menu-toggle svg {
color: #5b5b5b;
}
button.sub-menu-toggle.active svg {
transform: rotate(180deg);
}
.magze-responsive-menu ul {
display: none;
margin: 0;
width: 100%;
}
.magze-responsive-menu ul.active {
display: block;
}
.magze-responsive-menu ul li {
padding-left: 1rem;
}
.magze-responsive-menu ul li a {
color: #000;
font-weight: 500;
} .magze-primary-bar-row.sticky-menu .primary-bar-row-wrapper {
top: 0;
z-index: 9999 !important;
width: 100%;
}
.admin-bar .magze-primary-bar-row.sticky-menu .primary-bar-row-wrapper {
top: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar .magze-primary-bar-row.sticky-menu .primary-bar-row-wrapper {
top: 46px;
}
}
@media only screen and (max-width: 600px) {
.admin-bar .magze-primary-bar-row.sticky-menu .primary-bar-row-wrapper {
top: 0;
}
}
.magze-primary-bar-row.sticky-menu.has-menu-sticked .site-description,
.magze-primary-bar-row.sticky-menu.has-menu-sticked .site-logo + .site-title {
display: none;
}
.magze-primary-bar-row.sticky-menu.has-menu-sticked {
border: none;
}
.magze-primary-bar-row.sticky-menu.has-menu-sticked .primary-bar-row-wrapper {
border: none;
-webkit-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.15);
transform: translateY(0);
transition: transform 0.1s ease 0s;
position: fixed;
z-index: 9999 !important;
width: 100%;
}
.sticky-menu-translate-up .primary-bar-row-wrapper {
transform: translateY(-100%);
transition: transform 0.1s ease 0s;
opacity: 0;
position: fixed;
z-index: 9999 !important;
width: 100%;
}
.magze-primary-bar-row.sticky-menu.has-menu-sticked
.primary-bar-row-wrapper
.primary-menu
> li
> a {
padding-top: 1.7rem;
padding-bottom: 1.7rem;
}
.magze-primary-bar-row.sticky-menu.has-menu-sticked .magze-primary-bar-wrapper {
border: none;
}
@media screen and (min-width: 1000px) {
.magze-primary-bar-row.sticky-menu.has-menu-sticked .site-title {
font-size: 3.2rem;
}
} .magze-site-header {
padding: 3rem 0;
}
.magze-site-header.has-header-image {
padding-top: 6rem;
padding-bottom: 6rem;
}
.magze-primary-bar-wrapper,
.magze-site-brand-ad-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
gap: 3rem;
line-height: 1;
}
.magze-primary-bar-wrapper > * {
padding-top: 1.4rem;
padding-bottom: 1.4rem;
}
.magze-primary-bar-row.saga-item-border-top {
border-top-color: var(--global--color-menubar-top-border);
}
.magze-primary-bar-row.saga-item-border-bottom {
border-bottom-color: var(--global--color-menubar-bottom-border);
}
.magze-site-brand-ad-wrapper.centered {
justify-content: center;
}
.magze-site-brand-ad-wrapper.centered .site-logo img {
margin-left: auto;
margin-right: auto;
}
.magze-site-brand-ad-wrapper {
gap: 3rem;
}
.magze-primary-bar-row .site-logo img {
max-height: 3rem;
width: auto;
}
@media only screen and (min-width: 1000px) {
.magze-primary-bar-row .site-branding {
display: none;
}
.magze-offcanvas-toggle.hide-on-desktop {
display: none;
}
}
@media only screen and (max-width: 999px) {
.magze-site-header .magze-site-branding-main {
display: none;
}
.magze-site-brand-ad-wrapper .magze-ad-space {
flex-basis: auto;
}
.magze-site-brand-ad-wrapper {
justify-content: center;
}
.magze-primary-bar-row .site-branding .site-title a {
color: var(--global--color-primary-menu);
}
.magze-primary-bar-row .site-logo img {
max-height: 3rem;
width: auto;
}
header.site-header {
display: none;
}
.toggle.toggle-off-canvas {
background-color: unset;
color: var(--global--color-primary-menu);
padding-left: 0;
padding-right: 0;
} }
@media only screen and (max-width: 822px) {
.magze-site-brand-ad-wrapper {
flex-direction: column;
}
.magze-site-branding-main {
text-align: center;
}
}
@media only screen and (max-width: 576px) {
.magze-primary-bar-row .site-logo img {
max-height: 2.4rem;
}
}
.magze-site-brand-ad-wrapper.ad-banner-enabled .magze-site-branding-main {
flex-basis: 30%;
}
.magze-site-brand-ad-wrapper .magze-ad-space {
flex-basis: 70%;
}
.magze-site-brand-ad-wrapper .magze-ad-space img {
margin-left: auto;
}
.magze-primary-bar-wrapper .main-navigation.left-aligned-menu {
margin-right: auto;
}
.magze-primary-bar-wrapper .main-navigation.center-aligned-menu {
margin: 0 auto;
}
.magze-primary-bar-wrapper .main-navigation {
display: flex;
gap: 2rem;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
#site-navigation,
.magze-primary-bar-row .magze-social-nav {
display: none;
}
@media only screen and (min-width: 1000px) {
#site-navigation {
display: flex;
}
.magze-primary-bar-row .magze-social-nav {
display: flex;
}
}
.magze-primary-bar-wrapper .magze-social-icons svg {
width: 2rem;
height: 2rem;
}
.magze-primary-bar-wrapper
.magze-social-icons:where(.style_2, .style_3, .style_4)
a {
width: 2.4rem;
height: 2.4rem;
}
.magze-primary-bar-wrapper
.magze-social-icons:where(.style_2, .style_3, .style_4)
svg {
width: 1.6rem;
height: 1.6rem;
}
.magze-primary-bar-wrapper .site-header-account .svg-icon,
.magze-primary-bar-wrapper .site-header-cart .svg-icon {
fill: var(--global--color-primary-menu);
color: var(--global--color-primary-menu);
}
.magze-primary-bar-wrapper
.secondary-navigation
.toggle.magze-search.search-icon,
.magze-primary-bar-wrapper .secondary-navigation .magze-random-post {
color: var(--global--color-primary-menu);
fill: var(--global--color-primary-menu);
}
.magze-primary-bar-wrapper
.secondary-navigation
.magze-search:not(.toggle)
.svg-icon {
fill: var(--global--color-btn);
color: var(--global--color-btn);
}
.magze-search.search-icon:focus-visible {
outline: thin dotted;
outline-offset: 3px;
} .magze-section-banner-wrapper {
background-color: var(--global--banner-section-bg);
position: relative;
}
.magze-section-banner-wrapper.full-width,
.magze-full-width-section {
max-width: 100%;
overflow-x: hidden;
}
.magze-section-banner-wrapper.full-width.as-slider .magze-rounded-img {
border-radius: 0;
}
.magze-section-banner-wrapper:not(.full-width) {
padding: var(--global--spacing-vertical-big) 0;
}
.magze-section-block.section-trending
+ .magze-section-banner-wrapper.full-width.as-slider {
margin-top: var(--global--spacing-vertical-big);
}
.magze-section-banner-wrapper.full-width:not(.as-carousel) .saga-section-title {
padding-top: var(--global--spacing-vertical-big);
}
.magze-section-banner-wrapper.full-width.as-carousel {
padding-top: var(--global--spacing-vertical-big);
}
.below-header-widget-region + .magze-section-banner-wrapper {
padding-top: 0;
} a.text-decoration-none {
text-decoration: none;
}
.saga-item-border-top {
border-top: 1px solid var(--global--color-border);
}
.saga-item-border-bottom {
border-bottom: 1px solid var(--global--color-border);
} .saga-title-align-left .widget-title,
.saga-element-header.saga-title-align-left .saga-element-title,
.saga-element-header.saga-title-align-left .saga-element-subtitle {
text-align: left;
}
.saga-title-align-center .widget-title,
.saga-element-header.saga-title-align-center .saga-element-title,
.saga-element-header.saga-title-align-center .saga-element-subtitle {
text-align: center;
}
.saga-title-align-right .widget-title,
.saga-element-header.saga-title-align-right .saga-element-title,
.saga-element-header.saga-title-align-right .saga-element-subtitle {
text-align: right;
}
.saga-inline-heading-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.6rem;
background: #fff;
padding: 1.6rem;
margin-bottom: 3rem;
}
.saga-inline-heading {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.8rem;
color: #f21717;
}
.saga-inline-heading-wrapper span a {
color: var(--global--color-accent);
}
.widget-content .widget-title {
position: relative;
}
.saga-element-header,
.saga-element-header .saga-element-title {
position: relative;
margin-bottom: 0;
}
.magze-inverted-title-color .saga-element-title,
.magze-inverted-title-color .saga-element-subtitle {
color: #fff;
} .saga-element-title,
.widget-title {
font-size: 1.5rem;
}
.magze-secondary-column .widget-title,
.magze-secondary-column .saga-element-title {
font-size: 1.3rem;
}
.magze-footer-widgets .saga-element-title,
.magze-canvas-content .saga-element-title {
font-size: 1.6rem;
}
.saga-element-header,
.widget-title {
--heading-accent-color: var(--global--color-accent);
}
.saga-title-style-style_1 .widget-title,
.saga-element-header.style_1 .saga-element-title {
position: relative;
display: flex;
align-items: center;
color: #fff;
border-bottom: 2px solid var(--heading-accent-color);
}
.saga-title-style-style_1.saga-title-align-center .widget-title,
.saga-element-header.style_1.saga-title-align-center .saga-element-title {
justify-content: center;
}
.saga-title-style-style_1.saga-title-align-right .widget-title,
.saga-element-header.style_1.saga-title-align-right .saga-element-title {
justify-content: flex-end;
}
.saga-title-style-style_1 .widget-title span,
.saga-element-header.style_1 .saga-element-title span {
position: relative;
background: var(--heading-accent-color);
margin-bottom: -1px;
padding: 0.7rem 1rem 0.7rem 1.5rem;
z-index: 2;
}
.saga-title-style-style_1:where(
.saga-title-align-left,
.saga-title-align-center
)
.widget-title
span::after,
.saga-element-header.style_1:where(
.saga-title-align-left,
.saga-title-align-center
)
.saga-element-title
span::after {
background: var(--heading-accent-color);
position: absolute;
content: "";
display: block;
top: 0;
right: -6px;
height: 100%;
width: 32px;
transform: skew(20deg, 0deg);
z-index: -1;
}
.saga-title-style-style_1:where(
.saga-title-align-right,
.saga-title-align-center
)
.widget-title
span::before,
.saga-element-header.style_1:where(
.saga-title-align-right,
.saga-title-align-center
)
.saga-element-title
span::before {
background: var(--heading-accent-color);
position: absolute;
content: "";
display: block;
top: 0;
left: -6px;
height: 100%;
width: 32px;
transform: skew(340deg, 0deg);
z-index: -1;
}
.saga-title-style-style_1:where(
.saga-title-align-right,
.saga-title-align-center
)
.widget-title
span,
.saga-element-header.style_1:where(
.saga-title-align-right,
.saga-title-align-center
)
.saga-element-title
span {
padding: 0.7rem 1.5rem;
}
.saga-title-style-style_2 .widget-title span,
.saga-element-header.style_2 .saga-element-title span {
position: relative;
display: inline-block;
padding-left: 1rem;
line-height: 1;
border-left: 0.8rem solid var(--heading-accent-color);
}
.saga-title-style-style_2.saga-title-align-right .widget-title span,
.saga-element-header.style_2.saga-title-align-right .saga-element-title span {
border-left: unset;
border-right: 0.8rem solid var(--heading-accent-color);
padding-right: 1rem;
padding-left: 0;
}
.saga-title-style-style_3 .widget-title span,
.saga-element-header.style_3 .saga-element-title span {
position: relative;
display: inline-block;
padding: 0 1rem;
}
.saga-title-style-style_3 .widget-title::before,
.saga-element-header.style_3 .saga-element-title::before,
.saga-title-style-style_3 .widget-title::after,
.saga-element-header.style_3 .saga-element-title::after {
content: "";
display: inline-block;
vertical-align: middle;
max-width: 4rem;
width: 100%;
height: 1.3px;
background-color: var(--heading-accent-color);
}
.saga-title-style-style_4 .widget-title,
.saga-element-header.style_4 .saga-element-title {
position: relative;
padding-bottom: 1.6rem;
margin-bottom: 3rem;
}
.saga-title-style-style_4 .widget-title::after,
.saga-element-header.style_4 .saga-element-title::after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
background: var(--heading-accent-color);
width: 5rem;
height: 3px;
}
.saga-title-style-style_4.saga-title-align-center .widget-title::after,
.saga-element-header.style_4.saga-title-align-center
.saga-element-title::after {
left: 50%;
transform: translateX(-50%);
}
.saga-title-style-style_4.saga-title-align-right .widget-title::after,
.saga-element-header.style_4.saga-title-align-right .saga-element-title::after {
left: unset;
right: 0;
}
.saga-title-style-style_5 .widget-title,
.saga-element-header.style_5 {
--heading-accent-color: var(--global--color-black);
}
.saga-title-style-style_5 .widget-title,
.saga-element-header.style_5 .saga-element-title {
background-color: var(--heading-accent-color);
color: var(--global--color-white);
padding: 1.2rem;
}
.saga-title-style-style_6 .widget-title,
.saga-element-header.style_6 {
--heading-accent-color: var(--global--color-border);
}
.saga-title-style-style_6 .widget-title,
.saga-element-header.style_6 .saga-element-title {
padding-bottom: 1.2rem;
border-bottom: 1px solid var(--heading-accent-color);
}
.saga-title-style-style_7 .widget-title,
.saga-element-header.style_7 {
--heading-accent-color: var(--global--color-black);
}
.saga-title-style-style_7 .widget-title span,
.saga-element-header.style_7 .saga-element-title span {
position: relative;
color: var(--global--color-white);
padding: 0.425em 0.825em;
margin-left: 1rem;
z-index: 1;
}
.saga-title-style-style_7 .widget-title span::before,
.saga-element-header.style_7 .saga-element-title span::before {
background: var(--heading-accent-color);
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
content: "";
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.saga-element-header.style_7 .saga-element-subtitle {
padding-top: 1rem;
}
.saga-title-style-style_8 .widget-title,
.saga-element-header.style_8 .saga-element-title {
padding: 1rem 0;
border-top: 3px solid var(--global--color-black);
border-bottom: 1px solid var(--global--color-border);
}
.saga-element-header.style_8.magze-inverted-title-color .saga-element-title {
border-top-color: #fff;
}
.saga-title-style-style_10 .widget-title span,
.saga-element-header.style_10 .saga-element-title span {
background: var(--heading-accent-color);
padding: 0.6rem 1.2rem;
display: inline-block;
color: #fff;
}
.saga-element-header.style_10 .saga-element-title-wrapper {
position: relative;
}
.saga-title-style-style_10 .widget-title::after,
.saga-element-header.style_10 .saga-element-title::after {
position: absolute;
content: "";
width: 100%;
height: 0.2rem;
left: 0;
top: 100%;
background: var(--heading-accent-color);
} .magze-section-block {
padding: var(--global--spacing-vertical-big) 0;
position: relative;
}
.saga-section-title {
margin-bottom: var(--global--spacing-vertical);
} .saga-block-item-w-overlay {
position: relative;
}
.saga-block-item-w-overlay .saga-block-inner-wrapper {
position: relative;
overflow: hidden;
}
.saga-block-item-w-overlay,
.saga-block-item-w-overlay a,
.saga-block-item-w-overlay .saga-block-overlay-title,
.saga-block-item-w-overlay .magze-entry-meta .post-comment a,
.saga-block-item-w-overlay .magze-entry-meta .post-author,
.saga-block-item-w-overlay .magze-entry-meta .post-read-time,
.saga-block-item-w-overlay .magze-entry-meta .meta-text {
--global--color-gray-600: #fff;
color: #fff;
}
.saga-block-item-w-overlay .post-date {
color: #f1f1f1;
}
.saga-block-item-w-overlay a:hover,
.saga-block-item-w-overlay a:focus {
color: #fff;
}
.saga-block-item-w-overlay .magze-entry-meta {
padding-top: 0.6rem;
}
.saga-block-image-w-overlay {
position: relative;
}
.saga-block-image-w-overlay img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
transition: transform 0.5s ease;
}
.saga-block-overlay-content {
position: absolute;
bottom: 0;
padding: 1.6rem;
z-index: 1;
}
@media (min-width: 576px) {
.saga-block-overlay-content {
padding: 2.4rem;
}
}
.saga-block-overlay-title {
margin: 0;
font-size: 1.8rem;
font-weight: bold;
}
.saga-block-overlay-content .magze-entry-meta svg,
.saga-block-overlay-content .magze-entry-categories svg,
.saga-block-overlay-content .magze-entry-tags svg {
fill: #fff;
} .magze-swiper-inner-bullets,
.magze-swiper-outer-bullets {
--swiper-pagination-bullet-horizontal-gap: 4px;
}
.magze-swiper-inner-bullets {
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bottom: 2.4rem;
}
.magze-swiper-outer-bullets {
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
}
.magze-swiper-inner-bullets .swiper-pagination-bullet,
.magze-swiper-outer-bullets .swiper-pagination-bullet {
background: #fff;
position: relative;
transition: all 300ms ease-out;
}
.magze-swiper-outer-bullets .swiper-pagination-bullets {
position: static;
margin-top: 2rem;
}
.magze-swiper-outer-bullets .swiper-pagination-bullet {
background-color: var(--global--color-accent);
}
.magze-swiper-outer-bullets .swiper-pagination-bullet-active {
--swiper-pagination-bullet-width: 24px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 4px;
} .magze-slider-wrapper-block.magze-swiper-outer-arrows {
--swiper-navigation-sides-offset: 0px;
padding-left: 0;
padding-right: 0;
}
.magze-slider-wrapper-block.as_carousel.magze-swiper-outer-arrows {
--swiper-navigation-sides-offset: 0px;
}
.magze-slider-wrapper-block.magze-swiper-outer-arrows .swiper-button-prev,
.magze-slider-wrapper-block.magze-swiper-outer-arrows .swiper-button-next {
border-radius: 50%;
color: #fff;
background-color: var(--global--color-accent);
}
.magze-slider-wrapper-block.magze-swiper-outer-arrows
.swiper-button-prev.swiper-button-disabled,
.magze-slider-wrapper-block.magze-swiper-outer-arrows
.swiper-button-next.swiper-button-disabled {
display: flex;
}
@media (max-width: 576px) {
.magze-slider-wrapper-block.magze-swiper-outer-arrows .swiper-button-prev,
.magze-slider-wrapper-block.magze-swiper-outer-arrows
.swiper-button-prev.swiper-button-disabled,
.magze-slider-wrapper-block.magze-swiper-outer-arrows .swiper-button-next,
.magze-slider-wrapper-block.magze-swiper-outer-arrows
.swiper-button-next.swiper-button-disabled {
display: none;
}
}
@media (min-width: 576px) {
.magze-slider-wrapper-block.magze-swiper-outer-arrows {
padding-left: 8%;
padding-right: 8%;
}
}
@media (min-width: 768px) {
.magze-slider-wrapper-block.magze-swiper-outer-arrows {
padding-left: 6%;
padding-right: 6%;
}
} .magze-banner-wrapper {
--swiper-navigation-size: 12px;
--swiper-navigation-sides-offset: 4px;
--swiper-navigation-color: rgba(0, 0, 0, 0.8);
--swiper-pagination-color: #fff;
--swiper-pagination-bullet-inactive-opacity: 0.5; --swiper-pagination-bg-color: rgba(255, 255, 255, 0.8);
position: relative;
}
@media (min-width: 992px) {
.magze-banner-wrapper {
--swiper-navigation-sides-offset: 20px;
}
}
.magze-banner .entry-categories {
margin-top: 0;
margin-bottom: 2rem;
}
.magze-banner .magze-entry-categories,
.magze-banner .magze-entry-categories .category-list,
.magze-banner .magze-entry-meta {
justify-content: center;
}
.magze-section-banner-wrapper .banner-caption .banner-title {
font-weight: 700;
}
.magze-section-banner-wrapper.as-carousel .banner-caption .banner-title {
font-size: 1.8rem;
}
.magze-section-banner-wrapper.as-slider .banner-caption .banner-title {
font-size: 2rem;
}
.magze-section-banner-wrapper .banner-image img.wp-post-image {
height: 35rem;
width: 100%;
}
@media (min-width: 768px) {
.magze-section-banner-wrapper:is(.as-carousel, .as-slider)
.banner-caption
.banner-title {
font-size: 3rem;
}
.magze-section-banner-wrapper.as-slider:not(.is-pinned-posts-active)
.banner-caption
.banner-title {
font-size: 4rem;
}
}
@media (min-width: 992px) {
.magze-section-banner-wrapper .banner-image img.wp-post-image {
height: 50rem;
}
.magze-section-banner-wrapper.full-width .banner-image img.wp-post-image {
height: 55rem;
}
.magze-section-banner-wrapper.full-width.as-carousel
.banner-caption
.banner-title {
font-size: 3.6rem;
}
.magze-section-banner-wrapper.full-width.as-slider
.banner-caption
.banner-title {
font-size: 4rem;
}
}
.magze-banner-wrapper.swiper {
width: 100%;
}
.magze-banner-wrapper .swiper-slide {
text-align: center;
font-size: 1.8rem;
}
.magze-banner-wrapper .swiper-slide img {
display: block;
height: 100%;
object-fit: cover;
}
.magze-banner-wrapper .swiper-slide:not(.swiper-slide-active) .banner-caption {
opacity: 0;
}
.magze-banner-wrapper .banner-caption {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
z-index: 1;
width: 75%;
opacity: 1;
}
.magze-banner-wrapper .banner-caption .magze-entry-categories svg {
display: none;
}
.magze-banner-wrapper .banner-caption-inner {
position: relative;
padding: 2.4rem 1rem 2rem;
}
.magze-banner-wrapper .banner-caption-inner > *:not(.magze-block-overlay) {
position: relative;
z-index: 2;
}
.magze-banner-wrapper .magze-entry-meta,
.magze-banner-wrapper .banner-excerpt,
.magze-banner-wrapper .banner-read-more {
padding-top: 2rem;
}
.magze-banner-wrapper .banner-excerpt {
font-size: 1.5rem;
}
.magze-banner-wrapper .banner-caption {
--global--color-gray-600: #fff;
}
.magze-banner-wrapper .banner-caption a,
.magze-banner-wrapper .banner-caption .banner-title,
.magze-banner-wrapper .magze-entry-meta .post-comment a,
.magze-banner-wrapper .magze-entry-meta .post-author,
.magze-banner-wrapper .magze-entry-meta .post-read-time,
.magze-banner-wrapper .magze-entry-meta .post-date,
.magze-banner-wrapper .magze-entry-meta .meta-text {
color: #fff;
}
.magze-banner-wrapper .magze-entry-meta svg,
.magze-banner-wrapper .magze-btn-link:is(.style_2, .style_3) svg {
fill: #fff;
}
.magze-banner-wrapper .magze-btn-link.style_6 {
--global--color-black: #fff;
}
.magze-banner-wrapper .swiper-button-prev,
.magze-banner-wrapper .swiper-button-next {
height: 3rem;
width: 3rem;
background: var(--swiper-pagination-bg-color);
transition: all 0.25s ease-in 0s;
font-weight: bold;
}
@media (min-width: 768px) {
.magze-banner-wrapper .swiper-button-prev,
.magze-banner-wrapper .swiper-button-next {
height: 4rem;
width: 4rem;
}
.magze-banner-wrapper {
--swiper-navigation-size: 16px;
}
}
.magze-banner-wrapper .swiper-button-prev.swiper-button-disabled,
.magze-banner-wrapper .swiper-button-next.swiper-button-disabled {
pointer-events: inherit;
}
.magze-banner-wrapper:hover .swiper-button-prev.swiper-button-disabled,
.magze-banner-wrapper:hover .swiper-button-next.swiper-button-disabled {
opacity: 0.35;
}
.magze-banner .banner-image {
position: relative;
overflow: hidden;
}
.magze-banner-wrapper.magze-swiper-outer-bullets .swiper-pagination-bullets {
margin-top: 1rem;
margin-bottom: 1rem;
} .magze-section-banner-wrapper.em-animate-content
.swiper-slide.swiper-slide-active
.banner-caption-inner
.entry-categories {
-webkit-animation: uf-fadeIn 0.8s both 0.3s;
animation: uf-fadeIn 0.8s both 0.3s;
}
.magze-section-banner-wrapper.em-animate-content
.swiper-slide.swiper-slide-active
.banner-caption-inner
.banner-title {
-webkit-animation: uf-fadeIn 0.7s both 0.2s;
animation: uf-fadeIn 0.7s both 0.2s;
}
.magze-section-banner-wrapper.em-animate-content
.swiper-slide.swiper-slide-active
.banner-caption-inner
.magze-entry-meta {
-webkit-animation: uf-fadeIn 0.8s both 0.3s;
animation: uf-fadeIn 0.8s both 0.3s;
}
.magze-section-banner-wrapper.em-animate-content
.swiper-slide.swiper-slide-active
.banner-caption-inner
.banner-excerpt {
-webkit-animation: uf-fadeIn 0.8s both 0.3s;
animation: uf-fadeIn 0.8s both 0.3s;
}
.magze-section-banner-wrapper.em-animate-content
.swiper-slide.swiper-slide-active
.banner-caption-inner
.banner-read-more {
-webkit-animation: uf-fadeIn 0.8s both 0.4s;
animation: uf-fadeIn 0.8s both 0.4s;
} .magze-section-banner-wrapper
.magze-pinned-posts
.saga-block-item-w-overlay
img.wp-post-image {
height: calc(25rem - var(--uf-gutter-y) / 2);
}
@media (max-width: 991px) {
.magze-section-banner-wrapper
.magze-pinned-posts
.saga-block-item-w-overlay
img.wp-post-image {
min-height: 25rem;
}
}
.magze-section-banner-wrapper .magze-pinned-posts .saga-block-overlay-title {
font-size: 1.8rem;
} .magze-section-block.section-ticker {
padding-top: 2rem;
padding-bottom: 0;
background-color: var(--global--ticker-section-bg);
}
.magze-ticker-posts-wrapper {
--swiper-navigation-size: 10px;
position: relative;
display: flex;
width: 100%;
gap: 1rem;
}
.magze-ticker-slider-wrapper.swiper {
margin-left: unset;
}
.magze-ticker-label-text {
position: relative;
color: var(--global--color-ticker-label);
background: var(--global--color-ticker-label-bg);
border-radius: var(--global--ticker-border-radius);
padding: 0.4rem 1rem;
font-size: 1.3rem;
font-weight: 700;
flex-shrink: 0;
}
.magze-ticker-label-text .ticker-loader {
display: inline-block;
vertical-align: middle;
width: 4px;
height: 4px;
background-color: var(--global--color-ticker-loader-icon);
border-radius: 50%;
animation: uf-pulse 2s infinite;
}
.magze-ticker-label-text svg {
display: inline-block;
vertical-align: middle;
width: 1.4rem;
height: 1.4rem;
fill: var(--global--color-ticker-loader-icon);
flex-shrink: 0;
}
.section-ticker .magze-ticker-label-text span {
display: inline-block;
vertical-align: middle;
}
.section-ticker.ticker-label-style_2 .magze-ticker-label-text {
padding: 0.6rem 1.2rem;
}
.section-ticker.ticker-label-style_2 .magze-ticker-label-text span {
margin-left: 0.8rem;
}
.section-ticker.ticker-label-style_3 .magze-ticker-label-text span {
margin-left: 0.2rem;
}
.magze-ticker-posts-content {
position: relative;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
white-space: nowrap;
}
.magze-ticker-posts-content .ticker-item-inner {
display: flex;
align-items: center;
gap: 1rem;
min-height: 3rem;
}
.magze-ticker-posts-content .magze-entry-meta,
.magze-ticker-posts-content .magze-entry-meta li {
margin: 0 !important;
line-height: 1;
}
.magze-ticker-slider-nav {
display: flex;
gap: 0.4rem;
z-index: 2;
padding-left: 0.4rem;
}
@media (max-width: 768px) {
.section-ticker .category-list > a:not(:nth-child(2)) {
display: none;
}
.section-ticker.stack-ticker-responsive .magze-ticker-posts-wrapper {
flex-direction: column;
}
.section-ticker.stack-ticker-responsive .magze-ticker-label-text {
padding: 1rem;
justify-content: flex-start;
}
}
.magze-ticker-slider-nav .swiper-button-prev,
.magze-ticker-slider-nav .swiper-button-next {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
display: flex;
z-index: 2;
transition: 0.35s ease;
height: 2.4rem;
width: 2.4rem;
font-weight: bold;
color: var(--global--color-gray-500);
border: 1px solid var(--global--color-gray-500);
background: transparent;
margin-top: 0;
}
body.rtl .magze-ticker-slider-nav .swiper-button-prev::after {
content: "next";
}
body.rtl .magze-ticker-slider-nav .swiper-button-next::after {
content: "prev";
}
.magze-ticker-slider-nav
:where(.swiper-button-prev, .swiper-button-next):hover {
color: #fff;
border-color: transparent;
background: var(--global--color-accent);
}
.magze-ticker-post-title {
color: var(--global--color-black);
font-size: 1.4rem;
font-weight: 500;
}
.magze-ticker-posts-wrapper .article-image {
flex-shrink: 0;
}
.magze-ticker-posts-wrapper .article-image img {
width: 2.4rem;
height: 2.4rem;
border-radius: var(--global--elements-border-radius-s);
}
.ticker-round-thumb .magze-ticker-posts-wrapper .article-image img {
border-radius: 50%;
}
.magze-ticker-posts-wrapper .magze-entry-categories .category-list {
flex-wrap: nowrap;
}
.magze-ticker-posts-wrapper .article-cat-info .entry-categories {
margin: 0;
}
.magze-ticker-posts-wrapper .magze-entry-meta .meta-text {
background-color: var(--global--color-black);
color: var(--global--color-white);
padding: 0.4rem 0.8rem;
text-transform: none;
border-radius: 10rem;
font-size: 1rem;
}
.section-ticker.saga-block-inverted-color .magze-entry-meta .meta-text {
color: #1e1e1e;
} .magze-section-block.section-trending {
background-color: var(--global--trending-section-bg);
}
.magze-section-block.section-trending .magze-slider-wrapper-block {
--swiper-navigation-size: 10px;
--swiper-navigation-top-offset: 50%;
}
.magze-section-block.section-trending .swiper-button-prev,
.magze-section-block.section-trending .swiper-button-next {
width: 3rem;
height: 3rem;
transform: translateY(-50%);
}
.magze-section-block.section-trending
.magze-slider-wrapper-block
.swiper-button-prev {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.magze-section-block.section-trending
.magze-slider-wrapper-block
.swiper-button-next {
left: auto;
right: var(--swiper-navigation-sides-offset, 10px);
}
body.rtl
.magze-section-block.section-trending
.magze-slider-wrapper-block
.swiper-button-prev:after {
content: "next";
}
body.rtl
.magze-section-block.section-trending
.magze-slider-wrapper-block
.swiper-button-next:after {
content: "prev";
}
.magze-section-block.section-trending
.magze-slider-wrapper-block.as_carousel
.article-title {
font-size: 1.4rem;
}
.magze-section-block.section-trending
.magze-slider-wrapper-block.as_carousel
.article-details {
padding: 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
.magze-section-block.section-trending .magze-grid-4 .article-title {
font-size: 1.3rem;
}
.magze-section-block.section-trending .magze-grid-4 .entry-categories a {
font-size: 1.1rem;
}
}
@media (min-width: 1025px) {
.magze-section-block.section-trending .magze-grid-5 .article-image {
height: 7rem;
width: 7rem;
}
}
@media (min-width: 1200px) {
.magze-section-block.section-trending .magze-grid-5 .article-title {
font-size: 1.3rem;
}
.magze-section-block.section-trending .magze-grid-5 .entry-categories a {
font-size: 1.1rem;
}
}
.magze-section-block.section-trending.style_2
.magze-article-block-wrapper
.article-image {
border-radius: 10rem;
}  .is-active-card-layout.card_layout_1 .magze-card-box {
-webkit-box-shadow: 0 3px 5px 0 rgba(0, 1, 1, 0.1);
box-shadow: 0 3px 5px 0 rgba(0, 1, 1, 0.1);
background: var(--global--card-bg);
border-radius: var(--global--elements-border-radius-l);
}
.is-active-card-layout.card_layout_1
.magze-card-box
:is(.article-details, .entry-details) {
padding: 2rem;
}
.is-active-card-layout.card_layout_1
.magze-card-box
:where(
.magze-rounded-img,
.magze-rounded-img .attachment-post-thumbnail,
.magze-rounded-img .post-thumb
) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.is-active-card-layout.card_layout_2
.magze-card-box
:is(.article-details, .entry-details) {
padding: 2rem;
background: var(--global--card-bg);
border-radius: var(--global--elements-border-radius-l);
margin-left: 1rem;
margin-right: 1rem;
position: relative;
z-index: 2;
}
.is-active-card-layout.card_layout_2
.magze-card-box
.entry-image
+ .entry-details,
.is-active-card-layout.card_layout_2
.magze-card-box
.article-image
+ .article-details {
margin-top: -3rem;
}
.saga-block-inverted-color.is-active-card-layout {
--global--card-bg: #1e1e1e;
} .img-animate-zoom .saga-block-image-w-overlay,
.img-animate-zoom .article-image,
.img-animate-zoom.entry-image {
overflow: hidden;
}
.img-animate-zoom.entry-image {
position: relative;
}
.img-animate-zoom img {
-webkit-transition: 0.8s ease;
transition: 0.8s ease;
}
.img-animate-zoom:hover img:not(.author-avatar-image) {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .article-cat-info .entry-categories {
margin: 0;
margin-bottom: 1rem;
}
.magze-article-block-wrapper .article-excerpt {
font-size: 1.4rem;
}
.magze-express-posts .magze-article-block-wrapper {
display: grid;
align-items: start;
gap: 1.6rem;
}
.magze-express-posts.style_2 .magze-article-block-wrapper {
display: flex;
flex-direction: column;
}
.magze-express-posts .magze-article-block-wrapper .article-title {
font-size: 1.8rem;
}
@media (min-width: 576px) {
.magze-express-posts .magze-article-block-wrapper .article-title {
font-size: 2.2rem;
}
}
@media (min-width: 768px) {
.magze-express-posts.style_2 .magze-article-block-wrapper {
flex-direction: row;
align-items: center;
gap: 2.4rem;
}
}
.magze-express-posts .magze-article-block-wrapper .article-excerpt,
.magze-express-posts .magze-article-block-wrapper .article-read-more {
margin-top: 1rem;
}
.magze-express-posts .magze-article-block-wrapper .magze-entry-meta {
padding-top: 1rem;
}
.magze-express-posts .article-image {
position: relative;
}
.magze-express-posts img {
display: block;
height: auto;
}
.magze-express-posts .article-image img,
.magze-express-posts .entry-image img,
.magze-express-posts img.wp-post-image {
width: 100%;
}
.magze-list-posts {
--uf-item-gap: 2.4rem;
display: flex;
flex-direction: column;
gap: var(--uf-item-gap);
}
.magze-list-posts .magze-article-block-wrapper {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
gap: 1.6rem;
}
.magze-list-posts .magze-article-block-wrapper .article-image {
height: 10rem;
width: 10rem;
position: relative;
}
.magze-list-posts .article-cat-info .entry-categories {
margin-bottom: 0.8rem;
}
.magze-list-posts .article-cat-info .entry-categories a {
font-size: 1.2rem;
}
.magze-list-posts .magze-article-block-wrapper .article-title {
font-size: 1.5rem;
}
.magze-list-posts .magze-entry-meta {
font-size: 1.1rem;
padding-top: 0.6rem;
}
.magze-list-posts .magze-entry-meta .post-date {
font-size: 1.1rem;
} .saga-block-inverted-color {
--global--color-black: #fff;
--global--color-h1: #fff;
--global--color-h2: #fff;
--global--color-h3: #fff;
--global--color-h4: #fff;
--global--color-h5: #fff;
--global--color-h6: #fff;
--global--link-color: #fff;
--global--color-gray-600: var(--global--color-gray-200);
--global--color-gray-900: var(--global--color-gray-100);
color: #fff;
}
.saga-block-inverted-color a,
.saga-block-inverted-color p,
.saga-block-inverted-color .magze-btn-link.style_2 {
color: var(--global--color-black);
}
.saga-block-inverted-color .magze-btn-link.style_5 {
background-color: #191a1f;
}
.saga-block-inverted-color .magze-entry-meta svg,
.saga-block-inverted-color .magze-btn-link.style_2 svg {
fill: #fff;
}
.saga-block-inverted-color a:hover {
color: rgba(255, 255, 255, 0.9);
} .saga-inverted-item
.magze-list-posts
.magze-article-block-wrapper
> .article-image {
order: 2;
}
.saga-inverted-item
.magze-list-posts
.magze-article-block-wrapper
> .article-details {
order: 1;
}
.saga-inverted-item .magze-list-posts .magze-article-block-wrapper {
grid-template-columns: 1fr auto;
}
.saga-hidden-post-image
.magze-list-posts
.magze-article-block-wrapper
.article-details { padding: 0;
}
.saga-hidden-post-image:not(.saga-item-sep) .magze-list-posts {
--uf-item-gap: 1.6rem;
} .saga-circle-list-post-image .magze-list-posts .article-image {
border-radius: 10rem;
} .magze-sticky-row,
.magze-sticky-col,
.has-sticky-sidebar #primary > .primary-content-area-wrapper,
.has-sticky-sidebar #secondary > aside.widget-area {
position: -webkit-sticky;
position: sticky;
}
.magze-sticky-row {
top: 0;
}
.magze-sticky-col,
.has-sticky-sidebar #primary > .primary-content-area-wrapper,
.has-sticky-sidebar #secondary > aside.widget-area {
top: 1rem;
}
.has-sticky-menu .magze-sticky-col,
.has-sticky-menu.has-sticky-sidebar #primary > .primary-content-area-wrapper,
.has-sticky-menu.has-sticky-sidebar #secondary > aside.widget-area {
top: 6.4rem;
} .post-format-icon {
color: var(--global--color-accent);
background: #fff;
opacity: 0.9;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
border: 2px solid #fff;
border-width: clamp(1px, 0.12em, 5px);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
width: 4rem;
height: 4rem;
fill: currentColor;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 2;
}
.post-format-icon.left {
top: 1.6rem;
left: 3rem;
}
.post-format-icon.right {
top: 1.6rem;
right: 3rem;
}
.post-format-icon.bottom {
left: 3rem;
bottom: 1.6rem;
}
.post-format-icon.center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .magze-ads-code-widget {
display: grid;
align-items: center;
} .magze-slider-wrapper-block {
--swiper-navigation-size: 12px;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: #000;
--swiper-pagination-color: #fff;
--swiper-pagination-bullet-inactive-opacity: 0.4;
--swiper-pagination-bg-color: #fff;
--swiper-navigation-top-offset: 16px;
display: grid;
position: relative;
}
.magze-slider-wrapper-block .swiper {
width: 100%;
overflow: hidden;
padding-bottom: 0.4rem;
}
.magze-slider-wrapper-block .swiper-button-next,
.magze-slider-wrapper-block .swiper-button-prev {
background: var(--swiper-pagination-bg-color);
height: 3rem;
width: 3rem;
font-weight: 700;
}
.magze-slider-wrapper-block .swiper-button-prev {
left: auto;
right: 45px;
} body.rtl .magze-slider-wrapper-block .swiper-button-prev {
left: 45px;
right: auto;
}
body.rtl .magze-slider-wrapper-block .swiper-button-prev::after {
content: "next";
}
.magze-slider-wrapper-block .swiper-button-next {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
} body.rtl .magze-slider-wrapper-block .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
body.rtl .magze-slider-wrapper-block .swiper-button-next::after {
content: "prev";
}
.magze-slider-wrapper-block .swiper-button-next,
.magze-slider-wrapper-block .swiper-button-prev {
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03),
0 6px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03),
0 6px 6px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03), 0 6px 6px rgba(0, 0, 0, 0.05);
}
.magze-slider-wrapper-block.as_slider .article-excerpt,
.magze-slider-wrapper-block:where(.as_slider, .as_carousel.style_2)
.article-details
a,
.magze-slider-wrapper-block:where(.as_slider, .as_carousel.style_2)
.article-title,
.magze-slider-wrapper-block:where(.as_slider, .as_carousel.style_2)
.magze-entry-meta
.meta-text,
.magze-slider-wrapper-block:where(.as_slider, .as_carousel.style_2)
.magze-entry-meta
.post-author,
.magze-slider-wrapper-block:where(.as_slider, .as_carousel.style_2)
.magze-entry-meta
.post-comment
a,
.magze-slider-wrapper-block:where(.as_slider, .as_carousel.style_2)
.magze-entry-meta
.post-date,
.magze-slider-wrapper-block:where(.as_slider, .as_carousel.style_2)
.magze-entry-meta
.post-read-time {
color: #fff;
}
.magze-slider-wrapper-block .magze-article-block-wrapper {
position: relative;
}
.magze-slider-wrapper-block:where(.as_slider, .as_carousel.style_2)
.article-details {
position: absolute;
bottom: 0;
z-index: 1;
}
.magze-slider-wrapper-block.as_slider .article-details {
padding: 3rem 3.6rem 4rem 3.6rem;
}
.magze-slider-wrapper-block.as_carousel .article-details {
padding-top: 2rem;
}
.magze-slider-wrapper-block.as_carousel.style_2 .article-details {
padding: 2rem;
}
.magze-slider-wrapper-block.as_slider .article-title {
font-size: 2rem;
font-weight: 700;
}
@media (min-width: 768px) {
.magze-slider-wrapper-block.as_slider .article-title {
font-size: 3rem;
}
}
.magze-slider-wrapper-block.as_carousel .article-title {
font-size: 1.6rem;
}
.magze-slider-wrapper-block .magze-entry-meta {
padding-top: 0.6rem;
}
.magze-slider-wrapper-block.as_slider
.magze-btn-link:is(.style_2, .style_3)
svg,
.magze-slider-wrapper-block:where(.as_slider, .as_carousel.style_2)
.magze-entry-meta
.meta-text
svg {
fill: #fff;
}
.magze-slider-wrapper-block.as_slider .magze-btn-link.style_2 {
color: #fff;
}
.magze-slider-wrapper-block.as_slider .magze-btn-link.style_6 {
--global--color-black: #fff;
}
.magze-slider-wrapper-block:where(.as_slider, .as_carousel) .article-excerpt,
.magze-slider-wrapper-block:where(.as_slider, .as_carousel) .article-read-more {
margin-top: 0.8rem;
}
.magze-slider-wrapper-block .article-image {
position: relative;
}
.magze-slider-wrapper-block .article-image img.wp-post-image {
display: block;
width: 100%;
object-fit: cover;
height: auto;
}
.magze-slider-wrapper-block.as_slider .article-image img {
max-height: 45rem;
}
.magze-slider-wrapper-block .swiper-button-next.swiper-button-disabled,
.magze-slider-wrapper-block .swiper-button-prev.swiper-button-disabled {
pointer-events: inherit;
}
.magze-slider-wrapper-block.as_slider.style_2 .article-details {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
bottom: unset;
text-align: center;
width: 75%;
}
.magze-slider-wrapper-block.as_slider.style_2 .magze-entry-categories,
.magze-slider-wrapper-block.as_slider.style_2 .magze-entry-meta {
justify-content: center;
}
.magze-slider-wrapper-block.as_slider img.wp-post-image {
min-height: 30rem;
}
.magze-slider-wrapper-block.as_carousel.style_2 img.wp-post-image {
min-height: 25rem;
}
@media (min-width: 1000px) {
.magze-secondary-column .magze-slider-wrapper-block .article-image img {
height: 25rem;
}
.magze-secondary-column
.magze-slider-wrapper-block.as_slider
.article-title {
font-size: 2.6rem;
}
}
.magze-justify-article-contents .magze-article-block-wrapper {
text-align: center;
}
.magze-justify-article-contents
.magze-article-block-wrapper
:where(
.magze-entry-categories,
.magze-entry-meta,
.magze-entry-tags,
.magze-edit.edit-link
) {
justify-content: center;
}  .magze-title-line {
color: inherit;
display: inline;
padding-bottom: 0;
line-height: 1.3;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(currentColor),
color-stop(98%, currentColor)
);
background-image: linear-gradient(
to bottom,
currentColor 0%,
currentColor 98%
);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left 100%;
-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.has-title-line-hover .magze-title-line:hover {
background-size: 100% 2px;
} .magze-rounded-img,
.magze-rounded-img .attachment-post-thumbnail,
.magze-rounded-img .post-thumb {
border-radius: var(--global--elements-border-radius-l);
}  .entry-content a{
text-decoration:underline;
}
.entry-content a:hover{
text-decoration:none;
} .kksr-muted, .kksr-legend{
font-size:12px;
font-weight:800;
color:#333;
} .form-container {
margin:0 auto;
background-color: #99F;
padding: 30px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
width: 80%;
min-width: 400px;
}
.form-container h4 {
text-align: center;
margin-bottom: 12px;
color: #941b80;
}
.form-container label {
display: block;
margin-bottom: 4px;
font-weight: bold;
color: #941b80;
}
.form-container input[type="text"],
.form-container input[type="email"] {
width: 90%;
padding: 10px;
margin-bottom: 8px;
border: 1px solid #941b80;
border-radius: 5px;
}
.form-container .checkbox-container {
margin-bottom: 15px;
}
.form-container .checkbox-container label {
display: flex;
align-items: center;
font-size: 14px;
}
.form-container .checkbox-container input {
margin-right: 10px;
}
.form-container button {
width: 100%;
padding: 10px;
background-color: #28a745;
border: none;
border-radius: 5px;
color: #fff;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s;
}
.form-container button:hover {
background-color: #218838;
}
@media (max-width: 480px) {
.form-container {
padding: 20px;
}
}