/* Theme Name: SmartMag Theme URI: https://smartmag.theme-sphere.com Version: 5.4.0 Description: Designed by ThemeSphere Author: ThemeSphere Author URI: https://theme-sphere.com License: ThemeForest Split Licence License URI: https://themeforest.net/licenses/standard Copyright: (c) 2021 ThemeSphere. Text Domain: bunyad */ /* 1. =Resets & Default Elements 1.1. =Typography/Elements 1.2. =Main Helpers 2. =Global Structure 2.1. =Grid 3. =Components & Blocks 4. =Header & Navigation 5. =Widgets 6. =Content 6.1. =Single Post 6.2. =Single & Other Pages 7. =Main Sidebar 8. =Footer 9. =Miscellaneous */ /** * 1. =Resets & Helpers * ---------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video, button, input, textarea { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; font-family: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } button, input[type="submit"] { box-sizing: content-box; -webkit-appearance: none; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Normalize webkit search */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="search"] { -webkit-appearance: none; } textarea { overflow: auto; } a img { border: 0; } img { max-width: 100%; height: auto; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { img { min-height: 1px; } } /* Reset placeholder color */ ::-webkit-input-placeholder { color: inherit; } ::-moz-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /** * 1.1. =Typography/Elements * ---------------------------------------------------------------------------- */ :root { --body-font: "Public Sans", system-ui, sans-serif; --ui-font: var(--body-font); --text-font: var(--body-font); --title-font: var(--ui-font); --h-font: var(--ui-font); --text-size: 14px; --text-lh: 1.714; --main-width: 1200px; --grid-gutter: 36px; --wrap-padding: 35px; --boxed-pad: 45px; --sidebar-width: 33.3333333%; --sidebar-pad: 38px; --c-sidebar-sep: var(--c-separator2); --max-width-md: 680px; --title-size-xs: 14px; --title-size-s: 16px; --title-size-n: 18px; --title-size-m: 20px; --title-size-l: 25px; --title-size-xl: 30px; --title-fw-semi: 600; --title-fw-bold: 700; --grid-p-title: var(--title-size-m); --grid-sm-p-title: var(--title-size-s); --grid-lg-p-title: var(--title-size-l); --list-p-title: calc(var(--title-size-m) * 1.05); --small-p-title: var(--title-size-xs); --feat-grid-title-s: var(--title-size-n); --feat-grid-title-m: var(--title-size-m); --feat-grid-title-l: var(--title-size-l); --excerpt-size: 15px; --post-content-size: 1.186rem; --post-content-lh: 1.7; --post-content-gaps: 1.54em; --single-content-size: var(--post-content-size); --p-media-margin: 1.867em; --c-facebook: #1a6dd4; --c-twitter: #55acef; --c-pinterest: #e4223e; --c-linkedin: #02669a; --c-tumblr: #44546b; --c-instagram: #c13584; --c-vk: #45668e; --c-vimeo: #1ab7ea; --c-youtube: #ff0000; --c-dribble: #ea4c89; --c-flickr: #0063dc; --c-email: #080808; --c-whatsapp: #23c761; --c-soundcloud: #ff8800; --c-rss: #f97d1e; --c-reddit: #ff4500; --c-telegram: #0088cc; --c-tiktok: #FE2C55; --c-discord: #5865f2; --c-twitch: #7b3ed6; --block-wrap-mb: 55px; --btn-height: 38px; --btn-shadow: 0 2px 7px -4px rgba(0, 0, 0, 0.16); } @media (max-width: 767px) { :root { --block-wrap-mb: 45px; } } :root, .s-light { --c-main: #2ab391; --c-main-rgb: 42, 179, 145; --c-contrast-0: #fff; --c-contrast-10: #fbfbfb; --c-contrast-50: #f7f7f7; --c-contrast-75: #efefef; --c-contrast-100: #e8e8e8; --c-contrast-125: #e2e2e2; --c-contrast-150: #ddd; --c-contrast-200: #ccc; --c-contrast-300: #bbb; --c-contrast-400: #999; --c-contrast-450: #8a8a8a; --c-contrast-500: #777; --c-contrast-600: #666; --c-contrast-650: #505050; --c-contrast-700: #444; --c-contrast-800: #333; --c-contrast-850: #191919; --c-contrast-900: #161616; --c-contrast: #000; --c-rgba: 0, 0, 0; --c-separator: var(--c-contrast-100); --c-separator2: var(--c-contrast-125); --c-links: var(--c-contrast-900); --c-headings: var(--c-contrast-900); --c-excerpts: var(--c-contrast-650); --c-nav: var(--c-contrast-900); --c-nav-hov-bg: transparent; --c-nav-drop-sep: rgba(0, 0, 0, .07); --c-nav-blip: var(--c-contrast-300); --c-post-meta: var(--c-contrast-450); --footer-mt: 60px; --footer-bg: #f7f7f7; --footer-lower-bg: #f0f0f0; } .s-dark:not(i), .site-s-dark, .site-s-dark .s-light { --c-contrast-0: #000; --c-contrast-10: #070707; --c-contrast-50: #111; --c-contrast-75: #151515; --c-contrast-100: #222; --c-contrast-125: #2b2b2b; --c-contrast-150: #333; --c-contrast-200: #444; --c-contrast-300: #555; --c-contrast-400: #777; --c-contrast-450: #999; --c-contrast-500: #bbb; --c-contrast-600: #c0c0c0; --c-contrast-650: #ccc; --c-contrast-700: #d1d1d1; --c-contrast-800: #ddd; --c-contrast-850: #ececec; --c-contrast-900: #f0f0f0; --c-contrast: #fff; --c-rgba: 255, 255, 255; --c-a-hover: rgba(var(--c-rgba), .7); --c-headings: var(--c-contrast-850); --c-excerpts: var(--c-contrast-650); --c-separator: rgba(var(--c-rgba), .13); --c-separator2: rgba(var(--c-rgba), .13); --c-links: var(--c-contrast-900); --c-headings: var(--c-contrast-850); --c-nav: var(--c-contrast-900); --c-nav-drop-bg: var(--c-contrast-10); --c-nav-drop-sep: rgba(255, 255, 255, .1); --c-post-meta: rgba(var(--c-rgba), .65); --c-email: var(--c-contrast-300); --c-input-bg: rgba(var(--c-rgba), .1); --footer-bg: #0f0f11; --footer-lower-bg: #040404; } .site-s-dark { --footer-bg: #070708; } .site-s-dark body { background: #151516; } html { font-size: 14px; } body { font-family: var(--body-font); line-height: 1.5; color: var(--body-color, var(--c-contrast-700)); background: var(--c-contrast-0); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-x: hidden; } @media (max-width: 1200px) { html, body { overflow-x: hidden; } } ::-moz-selection { background: var(--c-main); color: #fff; } ::selection { background: var(--c-main); color: #fff; } img::-moz-selection { background: transparent; } img::selection { background: transparent; } :root { --admin-bar-h: 32px; } @media (max-width: 782px) { :root { --admin-bar-h: 46px; } } *, :before, :after { -webkit-font-smoothing: antialiased; } p { margin-bottom: 21px; word-break: break-all; word-break: break-word; overflow-wrap: break-word; } h1 { font-size: 1.846em; } h2 { font-size: 1.5em; } h3 { font-size: 1.285em; } h4 { font-size: 1.21em; } h5 { font-size: 1.107em; } h6 { font-size: 1.07em; } h1, h2, h3, h4, h5, h6 { font-weight: var(--title-fw-bold); font-family: var(--h-font); color: var(--c-headings); } /* Link and text helpers */ a { color: var(--c-a, var(--c-links)); text-decoration: none; transition: all .25s ease-in-out; } a:hover { text-decoration: none; color: var(--c-a-hover, var(--c-main)); } /** * Other Elements */ code, pre { background: rgba(var(--c-rgba), 0.03); } code { padding: 4px 10px; } pre { padding: 1.5em 1em; border-left: 3px solid var(--c-separator); border-bottom: 1px solid transparent; display: block; word-break: break-all; word-wrap: break-word; font-family: Menlo, Monaco, Consolas, monospace; font-size: max(14px, .9em); } pre code { white-space: pre-wrap; background: transparent; font-size: inherit; } table { max-width: 100%; background-color: transparent; } th, td { background: transparent; padding: 5px 9px; border: 1px solid var(--c-separator2); text-align: initial; } th { background: rgba(var(--c-rgba), 0.05); } table caption { padding: 0 0 7px 0; width: auto; font-weight: 600; } small { font-size: 0.92308em; } sub { vertical-align: sub; font-size: .7em; } sup { vertical-align: sup; font-size: .7em; } input, textarea, select { border: 1px solid var(--c-contrast-150); padding: 7px 12px; outline: 0; height: auto; font-size: 14px; color: var(--c-contrast-500); max-width: 100%; border-radius: 2px; box-shadow: 0 2px 7px -4px rgba(0, 0, 0, 0.1); background: var(--c-input-bg, var(--c-contrast-0)); } input { width: var(--input-width, initial); height: var(--input-height, 38px); } input[type=checkbox], input[type=radio] { width: initial; height: initial; } textarea { width: 100%; padding: 14px 12px; line-height: 1.5; } input:focus, textarea:focus, select:focus { border-color: var(--c-contrast-400); color: var(--c-contrast-650); } input[type=submit], button, input[type=reset] input[type=button], .ts-button { -webkit-appearance: none; padding: var(--btn-pad, 0 17px); font-family: var(--ui-font); font-size: var(--btn-f-size, 12px); font-weight: var(--btn-f-weight, 600); line-height: var(--btn-l-height, var(--btn-height)); height: var(--btn-height); letter-spacing: 0.03em; text-transform: uppercase; text-align: center; box-shadow: var(--btn-shadow); transition: .25s ease-in-out; background: var(--c-main); color: #fff; border: 0; border-radius: 2px; } input[type=submit]:hover, button:hover, input[type=reset] input[type=button]:hover, .ts-button:hover { background: #161616; border-color: #161616; color: #fff; } .s-dark input[type=submit]:hover, .s-dark button:hover, .s-dark input[type=reset] input[type=button]:hover, .s-dark .ts-button:hover { border-color: #555; } button:focus { outline: 0; } input[type="submit"]:active, button:active, input[type="button"]:active { opacity: 0.9; } .ts-button-alt { --btn-l-height: 1; --btn-height: auto; --btn-pad: 10px 17px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 1px solid var(--c-contrast-100); color: var(--c-contrast-650); } .ts-button-b { background: transparent; border: 1px solid var(--c-main); color: var(--c-main); } .ts-button:not(._), .ts-button-alt:not(._) { box-shadow: var(--btn-shadow); } blockquote { padding: .5em 1.5em; color: var(--c-contrast-850); font-family: var(--blockquote-font, inherit); font-size: 1.12em; font-weight: 400; } blockquote cite, blockquote [class*=__citation] { font-family: var(--ui-font); color: var(--c-contrast-450); font-size: 13px; font-size: max(12px, .7em); font-weight: 400; font-style: normal; letter-spacing: .02em; } blockquote p + cite, blockquote [class*=__citation] { display: block; margin-top: 15px; } blockquote cite:before { content: "\2014"; margin-right: 5px; opacity: .6; } blockquote > p:last-of-type { margin-bottom: 0; } .wp-block-pullquote.is-style-modern blockquote, .modern-quote { position: relative; padding: 0; padding-left: calc(28px + 1em); padding-right: 14px; padding-top: 17px; padding-bottom: 0; margin-top: 35px; margin-bottom: 35px; font-family: "Merriweather", Georgia, serif; font-weight: 300; font-size: 1.142em; font-style: italic; border: 0; border-top: 2px solid var(--c-main); background: transparent; } .wp-block-pullquote.is-style-modern blockquote:before, .modern-quote:before { content: "\201c"; position: absolute; top: 0; left: 0; color: var(--c-contrast-100); font-style: normal; font-family: Arial, Helvetica, sans-serif; opacity: 1; font-weight: 400; transform: none; margin-left: 0; font-size: 4em; line-height: 1; margin-top: 15px; } .wp-block-pullquote.is-style-modern blockquote cite, .modern-quote cite { margin-top: 21px; font-size: 12px; font-family: var(--ui-font); text-transform: uppercase; color: var(--c-contrast-400); font-style: italic; } .wp-block-pullquote.is-style-modern blockquote p > cite, .modern-quote p > cite { display: block; } .wp-block-pullquote.is-style-modern blockquote cite:before, .modern-quote cite:before { content: "\2014"; margin-right: 3px; } .modern-quote.alignleft { margin-right: 35px; } .modern-quote.alignright { margin-left: 35px; } .modern-quote.pull { margin-bottom: 28px; margin-top: 0.6em; padding-right: 0; min-width: 250px; max-width: 30%; } .search-form { display: flex; } .search-form label { flex-grow: 1; max-width: 400px; } .search-form .search-field { width: 100%; } .search-form input[type="submit"] { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -2px; } /** * 1.2. =Main Helpers * ---------------------------------------------------------------------------- */ .cf:after, .cf:before { content: ""; display: table; flex-basis: 0; order: 1; } .cf:after { clear: both; } .limit-line { overflow: hidden; white-space: nowrap; } .limit-lines { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; -webkit-line-clamp: var(--limit-lines, 5); overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; } .l-lines-1 { --limit-lines: 1; } .l-lines-2 { --limit-lines: 2; } .l-lines-3 { --limit-lines: 3; } .l-lines-4 { --limit-lines: 4; } .ellipsis { text-overflow: ellipsis; } /* Image replacement - via H5BP */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /* Hide only visually, but have it available for screenreaders: H5BP */ .visuallyhidden, .screen-reader-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .main-color { color: var(--c-main); } .post-title { color: var(--c-headings); font-family: var(--title-font); line-height: 1.36; } .post-title a { --c-links: initial; --c-a: initial; --c-a-hover: var(--c-main); display: block; } hr, hr.separator { margin: 41px 0; height: 1px; background: var(--c-separator); } hr.no-line { background: transparent; } hr.half { margin-top: 0; } .ts-spinner { width: 40px; height: 40px; border: 3px solid transparent; border-radius: 50%; position: relative; } .ts-spinner::before, .ts-spinner::after { content: ''; position: absolute; border-radius: 50%; animation: ts-spinner-scale 1s ease-out infinite; } .ts-spinner::before { border: 3px solid rgba(var(--c-main-rgb), 0.5); width: 48px; height: 48px; top: -7px; left: -7px; animation-delay: 1s; opacity: 0; } .ts-spinner::after { border: 3px solid rgba(var(--c-main-rgb), 1); width: 40px; height: 40px; top: -3px; left: -3px; animation-delay: 0.5s; } @keyframes ts-spinner-scale { 0% { transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .lazyload, .lazyloading { will-change: opacity !important; background-color: var(--c-contrast-150); } .lazyload:not(._), .lazyloading:not(._) { opacity: 0.1; } .no-display { will-change: opacity; opacity: 0; } .lazyloaded, .appear { will-change: initial; opacity: 1; } .wp-post-image, .post-content img, .appear, .lazyload, .lazyloading { transition: opacity .3s ease-in-out; } @media (min-width: 941px) { .wp-post-image, .post-content:hover img { will-change: opacity; } } .wp-post-image:hover { opacity: 0.85; } .bg-ratio { --a-ratio: 0; padding-bottom: calc(100% / var(--a-ratio)); } .bg-cover { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } /* CSS3 animations and transition helpers */ @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } @keyframes fade-in-up { from { opacity: 0; transform: translate3d(0, 2px, 0); } to { opacity: 1; transform: none; } } @keyframes fade-in-up-lg { from { opacity: 0; transform: translate3d(0, 8px, 0); } to { opacity: 1; transform: none; } } @keyframes fade-in-down-lg { from { opacity: 0; transform: translate3d(0, -8px, 0); } to { opacity: 1; transform: none; } } .fade-in:not(._) { visibility: visible; opacity: 1; } .fade-out { visibility: hidden; opacity: 0; } .fade-in-up { will-change: transform; animation: 0.5s fade-in-up ease-out; animation-fill-mode: both; } .fade-in-up-lg { will-change: transform; animation: 0.65s fade-in-up-lg ease-out; animation-fill-mode: both; } .fade-in-down-lg { will-change: transform; animation: 0.65s fade-in-up-lg ease-out; animation-fill-mode: both; } .no-transition { transition: none !important; } .media-ratio { position: relative; display: block; height: 0; } .media-ratio .wp-post-image, .media-ratio > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .media-ratio.ratio-1-1 { padding-bottom: 100%; } .media-ratio.ratio-4-3 { padding-bottom: 75%; } .media-ratio.ratio-3-2 { padding-bottom: 66.6666667%; } .media-ratio.ratio-16-9 { padding-bottom: 56.25%; } .media-ratio.ratio-21-9 { padding-bottom: 42.8571429%; } .media-ratio.ratio-3-4 { padding-bottom: 133.3333333%; } .media-ratio.ratio-2-3 { padding-bottom: 150%; } .show-lg:not(#_), .show-md:not(#_), .show-sm:not(#_), .show-xs:not(#_) { display: none; } @media (min-width: 941px) { .show-lg:not(#_) { display: var(--display-init, block); } } @media (min-width: 768px) and (max-width: 940px) { .show-md:not(#_) { display: var(--display-init, block); } } @media (min-width: 541px) and (max-width: 767px) { .show-sm:not(#_) { display: var(--display-init, block); } } @media (max-width: 540px) { .show-xs:not(#_) { display: var(--display-init, block); } } /** * 2. =Global Structure * ---------------------------------------------------------------------------- */ .ts-contain, .wrap, .main-wrap { max-width: 100%; box-sizing: border-box; } .ts-contain, .wrap { width: 100%; margin: 0 auto; } @media (min-width: 1201px) { .wrap { width: var(--main-width); } } @media (max-width: 940px) { .wrap { max-width: var(--max-width-md); } } @media (min-width: 1201px) { .ts-contain, .main { width: calc(var(--main-width) + var(--wrap-padding) * 2); } } @media (max-width: 940px) { .ts-contain, .main { max-width: calc(var(--max-width-md) + 70px); } } .main { margin: 42px auto; } .ts-contain, .main { padding: 0 35px; padding: 0 var(--wrap-padding); } @media (max-width: 940px) { .ts-contain, .main { padding-left: 25px; padding-right: 25px; } } @media (max-width: 540px) { .ts-contain, .main { padding-left: 20px; padding-right: 20px; } } @media (max-width: 350px) { .ts-contain, .main { padding-left: 15px; padding-right: 15px; } } .ts-contain .ts-contain, .main .ts-contain { padding: 0; } @media (min-width: 941px) { .main-content:not(.main) { width: calc(100% - var(--sidebar-width)); } } .no-sidebar .col-8.main-content { width: 100%; } /** * 2.1 =Grid * ---------------------------------------------------------------------------- */ .ts-row, .row, .b-row { --grid-gutter-h: calc(var(--grid-gutter) / 2); display: flex; flex-wrap: wrap; margin-right: calc(-1 * var(--grid-gutter-h)); margin-left: calc(-1 * var(--grid-gutter-h)); } .grid { display: grid; grid-column-gap: var(--grid-gutter); grid-row-gap: var(--grid-row-gap, 0); } @media (max-width: 767px) { .grid { --grid-gutter: 26px; } } .cols-not-eq { align-items: start; } .cols-gap-sm { --grid-gutter: 26px; } .cols-gap-lg { --grid-gutter: 50px; } @media (max-width: 767px) { .cols-gap-lg { --grid-gutter: 26px; } } .cols-gap-xlg { --grid-gutter: 64px; } @media (max-width: 767px) { .cols-gap-xlg { --grid-gutter: 26px; } } .cols-gap-min { --grid-gutter: 2px; } /** * CSS Grid Layout. */ .grid-1 { --col: 100%; grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-2 { --col: 50%; grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-3 { --col: 33.3333333%; grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-4 { --col: 25%; grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-5 { --col: 20%; grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-6 { --col: 16.6666667%; grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-auto { grid-template-columns: repeat(auto-fit, minmax(var(--w-min, 0), 1fr)); } .grid-4-8 { grid-template-columns: 4fr 8fr; } .grid-8-4 { grid-template-columns: 8fr 4fr; } @media (max-width: 940px) { .md\:grid-1 { --col: 100%; grid-template-columns: repeat(1, minmax(0, 1fr)); } .md\:grid-2 { --col: 50%; grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-3 { --col: 33.3333333%; grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-4 { --col: 25%; grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-5 { --col: 20%; grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-6 { --col: 16.6666667%; grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-auto { grid-template-columns: repeat(auto-fit, minmax(var(--w-min, 0), 1fr)); } } @media (max-width: 767px) { .sm\:grid-1 { --col: 100%; grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:grid-2 { --col: 50%; grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-3 { --col: 33.3333333%; grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-4 { --col: 25%; grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-5 { --col: 20%; grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm\:grid-6 { --col: 16.6666667%; grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:grid-auto { grid-template-columns: repeat(auto-fit, minmax(var(--w-min, 0), 1fr)); } } @media (max-width: 540px) { .xs\:grid-1 { --col: 100%; grid-template-columns: repeat(1, minmax(0, 1fr)); } .xs\:grid-2 { --col: 50%; grid-template-columns: repeat(2, minmax(0, 1fr)); } .xs\:grid-3 { --col: 33.3333333%; grid-template-columns: repeat(3, minmax(0, 1fr)); } .xs\:grid-4 { --col: 25%; grid-template-columns: repeat(4, minmax(0, 1fr)); } .xs\:grid-5 { --col: 20%; grid-template-columns: repeat(5, minmax(0, 1fr)); } .xs\:grid-6 { --col: 16.6666667%; grid-template-columns: repeat(6, minmax(0, 1fr)); } .xs\:grid-auto { grid-template-columns: repeat(auto-fit, minmax(var(--w-min, 0), 1fr)); } } .col-1 { width: 8.3333333%; } .col-2 { width: 16.6666667%; } .col-2-4 { width: 20%; } .col-3 { width: 25%; } .col-4 { width: 33.3333333%; } .col-5 { width: 41.6666667%; } .col-6 { width: 50%; } .col-7 { width: 58.3333333%; } .col-8 { width: 66.6666667%; } .col-9 { width: 75%; } .col-10 { width: 83.3333333%; } .col-11 { width: 91.6666667%; } .col-12 { width: 100%; } /* LEGACY: Compat only columns */ .column { width: 100%; } .column.three-fourth { width: 75%; } .column.two-third { width: 66.66666666666667%; } .column.half { width: 50%; } .column.one-third { width: 33.333333333333336%; } .column.one-fourth { width: 25%; } .column.one-fifth { width: 20%; } .column.two-fifth { width: 40%; } .column.three-fifth { width: 60%; } .column.four-fifth { width: 80%; } .column.right { text-align: right; } .column.left { text-align: left; } .column.center { text-align: center; } .column, [class^="col-"], [class*=" col-"] { flex: 0 0 auto; padding-left: var(--grid-gutter-h); padding-right: var(--grid-gutter-h); } @media (max-width: 940px) { .column, [class^="col-"], [class*=" col-"] { width: 100%; } } /** * 3. =Components & Blocks * ---------------------------------------------------------------------------- */ /** * Breadcrumbs */ .breadcrumbs { margin: 0 auto; margin-bottom: 30px; font-family: var(--ui-font); --c-a: var(--c-contrast-450); --c-a-hover: var(--c-links); font-size: 12px; color: var(--c-contrast-400); line-height: 1; } .breadcrumbs .delim { font-family: Arial, system-ui, sans-serif; padding: 0 10px; font-size: 1.141em; line-height: .7; opacity: .8; } .breadcrumbs .label { color: var(--c-main); margin-right: 21px; text-transform: uppercase; } .breadcrumbs .inner { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1.2; } .breadcrumbs-a { margin-top: 20px; margin-bottom: 20px; } .breadcrumbs-a + .main { margin-top: 35px; } .post-layout-large-center .breadcrumbs-a { margin-top: 25px; text-align: center; } .breadcrumbs-b { font-size: 13px; --c-a: var(--c-contrast-500); } @media (max-width: 767px) { .breadcrumbs-b { font-size: 12px; } } .breadcrumbs-b .inner { padding-top: 16px; padding-bottom: 16px; } .breadcrumbs-b.is-full-width { background: var(--c-contrast-50); } .breadcrumbs-b:not(.is-full-width) > .inner { background: var(--c-contrast-50); padding: 16px 25px; } @media (max-width: 767px) { .breadcrumbs-b:not(.is-full-width) { padding: 0; width: 100%; max-width: initial; } .breadcrumbs-b:not(.is-full-width) > .inner { width: 100%; max-width: initial; } } .breadcrumbs-b + .main { margin-top: 38px; } .main-featured.is-container { --max-width-md: 100%; margin-top: 35px; margin-bottom: 50px; border-right: 0; border-left: 0; } @media (max-width: 940px) { .main-featured.is-container { margin-top: 0; padding-left: 0; padding-right: 0; } } .main-featured .row { opacity: 0; } .main-featured .row.appear { opacity: 1; -webkit-transform: translate3d(0, 0, 0); } .main-featured .slides { position: relative; min-height: 170px; } @keyframes slider-fade-in { from { opacity: 0; transform: translate3d(0, 0px, 0); } to { opacity: 1; transform: none; } } .common-slider .slick-initialized img { display: inline; } .common-slider .slick-arrow { --trans-x: 0; display: none; position: absolute; z-index: 100; top: var(--arrow-top, 50%); left: 0; background: transparent; border: 1px solid #fff; color: #fff; font-size: 18px; height: 32px; width: 30px; line-height: 30px; text-align: center; transition-property: color, background; transform: translate(var(--trans-x), -50%) translateY(var(--trans-ey, 0)); } .common-slider .slick-arrow i { line-height: inherit; } .common-slider .slick-arrow:hover { background: var(--c-contrast-0); color: var(--c-contrast-900); } .common-slider .slick-arrow.slick-disabled { opacity: 0; pointer-events: none; } .common-slider .slick-track { -webkit-perspective: 2000; } .common-slider .prev-arrow { left: 25px; } .common-slider .next-arrow { left: auto; right: 25px; } .common-slider .item { opacity: 0; transition: opacity 0.2s ease-in; } .common-slider .slides { max-height: 700px; } .common-slider .loaded.slides { max-height: none; } .common-slider .loaded .item { opacity: 1; } .common-slider .parallax img { visibility: hidden; } .common-slider.arrow-hover .slick-arrow { opacity: 0; visibility: hidden; transition-property: all; } .common-slider.arrow-hover:hover .slick-arrow:not(.slick-disabled) { opacity: 1; visibility: visible; } .common-slider .nav-dots { margin-top: 50px; display: flex; justify-content: center; align-items: center; } .common-slider .nav-dots button { display: block; border: 0; padding: 7px 4px; font-size: 0; background: transparent; width: initial; height: initial; line-height: 1; box-shadow: none; } .common-slider .nav-dots button:before { content: ""; display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(var(--c-rgba), 0.3); outline: 0; transition: .4s ease-out; } .common-slider .nav-dots .slick-active button:before { transform: scale(1.25); background: var(--c-main); border-color: var(--c-main); } .slider-arrow-b .slick-arrow { margin: 0; height: 40px; width: 40px; line-height: 38px; background: var(--c-contrast-0); box-shadow: 0 2px 4px 0 rgba(var(--c-rgba), 0.1); color: var(--c-contrast-900); font-size: 22px; border-radius: 50%; border: 1px solid var(--c-contrast-50); transition: .25s ease-in; will-change: transform; } .slider-arrow-b .slick-arrow:hover { --trans-ey: -2px; box-shadow: 0 4px 17px 0 rgba(var(--c-rgba), 0.1); } .slider-arrow-b .next-arrow { --trans-x: 50%; right: 0; letter-spacing: -3px; } @media (max-width: 767px) { .slider-arrow-b .next-arrow { --trans-x: 0; } } .slider-arrow-b .prev-arrow { --trans-x: -50%; left: 0; letter-spacing: 3px; } @media (max-width: 767px) { .slider-arrow-b .prev-arrow { --trans-x: 0; } } /** * Default WordPress Components */ /** * Classes: WordPress Defaults */ .alignnone, .wp-block-image figure, figure.wp-block-image, .wp-block-gallery, .wp-block-embed { margin: var(--p-media-margin) auto; } .alignwide, .alignfull { margin: calc(var(--p-media-margin) + 4px) auto; } .alignright, a img.alignright, .wp-block-image .alignright { float: right; margin: 4px 0 20px 30px; } .alignleft, a img.alignleft, .wp-block-image .alignleft { float: left; margin: 4px 30px 20px 0; } @media (max-width: 1200px) { .alignleft, .alignright, .wp-block-image .alignleft, .wp-block-image .alignright { max-width: 50%; } } @media (max-width: 540px) { .alignleft, .alignright, .wp-block-image .alignleft, .wp-block-image .alignright { width: 100%; max-width: 100%; float: none; padding: 0; margin: 30px auto !important; } } @media (max-width: 540px) { figure.alignleft img, figure.alignright img, a img.alignleft, a img.alignright { float: none; width: 100%; max-width: initial; } } .aligncenter, div.aligncenter { display: block; margin: var(--p-media-margin) auto; text-align: center; } .aligncenter > img, div.aligncenter > img { margin: 0 auto; } p img.alignnone, img.alignnone { display: block; margin: var(--p-media-margin) auto; } p img, figure img { vertical-align: middle; } .wp-caption { max-width: 100%; } .wp-caption-text, figcaption { font-style: italic; font-size: calc(0.3em + 8.4px); text-align: center; color: var(--c-contrast-450); } .wp-caption-text, .wp-block-image figcaption, .blocks-gallery-caption, .wp-block-embed figcaption { margin-top: calc(.5em + 5px); padding-bottom: 2px; } /** * Gutenberg blocks */ .wp-block-image:not(figure) { margin: 0; } .wp-block-image figcaption { margin-bottom: 0; } .wp-block-embed__wrapper { display: flex; flex-direction: column; } .wp-block-embed figcaption { text-align: inherit; } .aligncenter .wp-block-embed__wrapper { display: flex; justify-content: center; align-items: center; } .wp-block-embed-twitter figcaption, .wp-block-embed-instagram figcaption { margin-top: calc(.5em - 4px); } .wp-block-embed-youtube { text-align: center; } .wp-block-quote { border-left: 3px solid var(--c-contrast-150); } .wp-block-quote.is-style-large { border-left: 0; } .wp-block-pullquote { margin: calc(var(--post-content-gaps) + .3em) auto; padding: 0; padding-left: 62px; font-size: 1.4em; font-weight: 600; font-style: normal; text-align: left; line-height: 1.5; color: var(--c-contrast-850); } .wp-block-pullquote blockquote { position: relative; margin: 0; padding: 0; font: inherit; font-weight: inherit; line-height: inherit; } .wp-block-pullquote blockquote:not(.has-text-color) { color: inherit; } .wp-block-pullquote blockquote:before { content: "\201c"; position: absolute; top: 0; margin-left: -.32em; color: var(--c-main); opacity: .5; transform: translateX(-100%) translateY(68%) rotate(1deg); font-size: 3em; line-height: .41; font-family: Georgia, Arial, sans-serif; font-style: normal; font-weight: 600; } .wp-block-pullquote blockquote p { font-size: inherit; line-height: inherit; } .wp-block-pullquote blockquote cite { font-size: max(12px, .56em); letter-spacing: .02em; font-weight: 500; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { padding-top: 0.15em; padding-bottom: 1em; max-width: 40%; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: inherit; } @media (max-width: 767px) { .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { width: 100%; max-width: initial; margin: 0 !important; margin-top: 2em; margin-bottom: 2em; padding-left: 0; padding-right: 0; } } .wp-block-pullquote.alignleft.is-style-default, .wp-block-pullquote.alignright.is-style-default { padding-left: 48px; font-size: 1.2em; } .wp-block-pullquote.alignleft { margin-right: 5%; } .wp-block-pullquote.alignright { margin-left: 3.9%; } .wp-block-pullquote cite, .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote p + cite { margin-top: 20px; color: var(--c-contrast-400); font-style: normal; } .wp-block-pullquote.is-style-solid-color { padding: 35px; font-size: calc(1em + 6px); font-weight: 600; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: initial; text-align: center; } .wp-block-pullquote.is-style-solid-color blockquote:before { display: none; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: inherit; } .wp-block-pullquote .has-text-color cite { color: inherit; } .wp-block-pullquote.is-style-modern { padding: 0; font: inherit; } .wp-block-pullquote.is-style-modern blockquote { margin: 0; } .wp-block-pullquote.is-style-modern.alignleft, .wp-block-pullquote.is-style-modern.alignright { padding-top: 0.15em; padding-bottom: 1em; } .wp-block-separator { background: var(--c-separator2); } .wp-block-separator:not(.is-style-wide) { margin: 2.8em auto; height: 2px; max-width: 180px; } .wp-block-separator.is-style-dots { background: none; border: none; text-align: center; max-width: none; line-height: 1; height: auto; } .wp-block-separator.is-style-dots:before { content: "\00b7 \00b7 \00b7"; padding-left: 21px; color: inherit; font-size: 21px; font-weight: bold; letter-spacing: 21px; font-family: georgia, serif; } hr.is-style-dots { color: var(--c--contrast-600); } .wp-block-audio.aligncenter > audio, .wp-block-audio.alignwide > audio, .wp-block-audio.alignfull > audio { width: 100%; } .wp-block-columns:not(._) { margin-bottom: 0; } .wp-block-columns + .wp-block-separator { margin-top: 10px; } .wp-block-column { margin-bottom: var(--post-content-gaps, 32px); } .wp-block-column > :not(._):first-child { margin-top: 0; } .wp-block-column > :not(._):last-child { margin-bottom: 0; } .wp-block-column > ul, .wp-block-column > ol { margin-bottom: 2em; margin-left: 25px; } p.has-drop-cap:not(:focus):first-letter { float: left; font-size: calc(70px + 2.2em); line-height: 0.78; margin: .02em 13px 0em 0; text-transform: uppercase; font-family: -apple-system, BlinkMacSystemFont, Verdana, Arial, sans-serif; font-style: normal; font-weight: 400; color: rgba(var(--c-rgba), 0.8); } @media (max-width: 540px) { p.has-drop-cap:not(:focus):first-letter { font-size: calc(60px + 1.8em); } } @supports (-ms-ime-align: auto) { p.has-drop-cap:not(:focus):first-letter { font-size: 6.1em; } } p.has-background { padding: 25px 30px; } .wp-block-buttons { padding: 6px 0; display: flex; flex-wrap: wrap; } .wp-block-buttons:not(._) { margin-bottom: calc(var(--post-content-gaps) - 18px); } .wp-block-buttons .wp-block-button { margin-right: 18px; margin-bottom: 18px; } .wp-block-button { --bg-color: var(--c-main); --text-color: #fff; } .wp-block-button.is-style-outline { --bg-color: transparent; --text-color: var(--black-color); } .wp-block-button__link { --btn-height: 42px; --btn-pad: 0 24px; -webkit-appearance: none; padding: var(--btn-pad, 0 17px); font-family: var(--ui-font); font-size: var(--btn-f-size, 12px); font-weight: var(--btn-f-weight, 600); line-height: var(--btn-l-height, var(--btn-height)); height: var(--btn-height); letter-spacing: 0.03em; text-transform: uppercase; text-align: center; box-shadow: var(--btn-shadow); transition: .25s ease-in-out; border-radius: 0; display: inline-flex; align-items: center; } .wp-block-button__link:not(.has-background) { background: var(--bg-color); } .wp-block-button__link:not(.has-text-color) { color: var(--text-color); } .wp-block-button__link:not(._):hover { opacity: 1; background: #000; border-color: #000; color: #fff; } .wp-block-cover { width: auto; color: var(--c-contrast-0); } .wp-block-cover__inner-container > :last-child { margin-bottom: 0; } .wp-block-cover .aligncenter { margin: 0 auto; } .wp-block-media-text figure > img { display: block; margin-bottom: 0; } .wp-block-group:not(._) { margin: 2.5em auto; } .wp-block-group.has-background { padding: 2em; } .wp-block-group__inner-container > :last-child { margin-bottom: 0; } .wp-block-group:not(.alignwide):not(.alignfull) * { max-width: initial; } .wp-block-group .alignfull { margin-top: 2.5em; } .wp-block-latest-posts__list { display: flex; flex-direction: column; } .wp-block-latest-posts li, .wp-block-social-links li { padding: 0; margin-bottom: 0; } .wp-block-social-links a { color: var(--c-contrast-0); } .wp-block-table:not(table) { overflow: unset; } @media (max-width: 1200px) { .wp-block-table { display: block; width: 100%; overflow-x: auto; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; -webkit-overflow-scrolling: touch; } } .wp-block-table.is-style-stripes { border: 0; } .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { padding: 0.55em .75em; border: 1px solid var(--c-separator2); border-right: 0; border-left: 0; } .wp-block-table.is-style-stripes th { background: none; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: rgba(var(--c-rgba), 0.04); } .alignfull > .wp-block-group__inner-container, .alignwide > .wp-block-group__inner-container { margin-left: auto; margin-right: auto; width: 100%; max-width: var(--post-content-width, var(--main-width)); } .alignfull .alignfull, .alignwide .alignwide { margin-left: 0; margin-right: 0; } .no-sidebar .alignnone:not(img) { width: auto !important; } .no-sidebar .alignnone img, .no-sidebar img.alignnone { width: 100%; max-width: initial; } .no-sidebar .entry-content .alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: 0; } .no-sidebar .entry-content .alignfull.wp-block-image img { max-width: 100vw; width: 100vw; } :root .has-very-light-gray-background-color { background: var(--c-contrast-50); } :root .has-dark-gray-color { color: var(--c-contrast-500); } :root .has-dark-gray-background-color { background: var(--c-contrast-500); } .s-dark .has-white-background-color { background-color: var(--c-contrast-0); } .s-dark .has-very-light-gray-background-color { background-color: var(--c-contrast-125); } .s-dark .has-cyan-bluish-gray-background-color { background-color: #32363a; } .s-dark .has-very-dark-gray-background-color { background-color: var(--c-contrast-800); } .s-dark .has-black-background-color { background-color: var(--c-contrast); } .s-dark .has-white-color { color: var(--c-contrast-0); } .s-dark .has-very-light-gray-color { color: var(--c-contrast-125); } .s-dark .has-cyan-bluish-gray-color { color: #32363a; } .s-dark .has-very-dark-gray-color { color: var(--c-contrast-800); } .s-dark .has-black-color { color: var(--c-contrast); } /** * Post Content */ .post-content p, .post-content > div, .post-content > dl, .post-content > iframe, .textwidget p, .textwidget > div, .textwidget > dl, .textwidget > iframe, .wp-block-group__inner-container p, .wp-block-group__inner-container > div, .wp-block-group__inner-container > dl, .wp-block-group__inner-container > iframe { margin-bottom: var(--post-content-gaps); } .post-content strong, .textwidget strong, .wp-block-group__inner-container strong { font-weight: var(--title-fw-bold); } .post-content > pre, .post-content > blockquote, .textwidget > pre, .textwidget > blockquote, .wp-block-group__inner-container > pre, .wp-block-group__inner-container > blockquote { margin: calc(var(--post-content-gaps) + .3em) auto; } .post-content ul, .post-content ol, .textwidget ul, .textwidget ol, .wp-block-group__inner-container ul, .wp-block-group__inner-container ol { list-style-type: disc; margin: calc(var(--post-content-gaps) + .26em) auto; margin-left: 35px; } @media (max-width: 540px) { .post-content ul, .post-content ol, .textwidget ul, .textwidget ol, .wp-block-group__inner-container ul, .wp-block-group__inner-container ol { margin-left: 15px; } } .post-content ol, .textwidget ol, .wp-block-group__inner-container ol { list-style-type: decimal; } .post-content li, .textwidget li, .wp-block-group__inner-container li { padding-left: 3px; margin-bottom: 0.5em; } .post-content li > ul, .post-content li > ol, .textwidget li > ul, .textwidget li > ol, .wp-block-group__inner-container li > ul, .wp-block-group__inner-container li > ol { margin-top: 0.5em; margin-bottom: 0.5em; } .post-content > ul[class]:not([class*=align]), .textwidget > ul[class]:not([class*=align]), .wp-block-group__inner-container > ul[class]:not([class*=align]) { margin-left: 0; } .post-content, .textwidget { --c-a: var(--c-main); --c-a-hover: var(--c-links); } .post-content > :not(._):last-child, .textwidget > :not(._):last-child { margin-bottom: 0; } .post-content > :not(._):first-child, .textwidget > :not(._):first-child { margin-top: 0; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6 { margin-top: 1.35em; margin-bottom: .75em; font-weight: var(--title-fw-bold); color: var(--c-headings); font-family: var(--text-h-font, inherit); line-height: 1.5; } .post-content a:hover img, .textwidget a:hover img { opacity: 1; } .post-content table, .textwidget table { margin: calc(var(--post-content-gaps) + .66em) auto; } .post-content .wp-block-pullquote.alignleft, .post-content .wp-block-pullquote.alignright, .textwidget .wp-block-pullquote.alignleft, .textwidget .wp-block-pullquote.alignright { margin-top: 0; margin-bottom: 0; } .post-content iframe, .textwidget iframe { max-width: 100%; } .post-content figcaption a, .post-content .wp-caption-text a, .textwidget figcaption a, .textwidget .wp-caption-text a { text-decoration: underline; } .post-content { font-family: var(--text-font); font-size: var(--text-size); line-height: var(--text-lh); text-rendering: optimizeLegibility; font-size: var(--post-content-size); line-height: var(--post-content-lh); color: var(--c-contrast-800); } @media (max-width: 767px) { .post-content { font-size: max(14px, calc(var(--post-content-size) * .96)); } } .post-content .has-small-font-size { font-size: 14px; } .post-content .has-regular-font-size { font-size: inherit; } .post-content .has-large-font-size { font-size: 22px; line-height: 1.6; } .post-content .has-larger-font-size { font-size: 28px; line-height: 1.5; } .post-content .search-field { vertical-align: top; } .post-content .tiled-gallery, .post-content .wp-block-media-text { margin: calc(var(--post-content-gaps) + .66em) auto; } .post-content .alignwide.wp-block-image img { width: 100%; max-width: initial; } .post-content .wp-block-cover-image.alignwide { width: auto; } .no-sidebar .post-content .alignfull { width: 100vw; max-width: 100vw; } .post-content figure > a:not(.pinit-btn) { display: block; } .post-content .modern-quote, .post-content .wp-block-quote.is-style-large { margin-top: 1.8em; margin-bottom: 1.9em; } .post-content > iframe.instagram-media, .post-content > .twitter-tweet { margin: var(--p-media-margin) auto !important; } .post-content > p .fluid-width-video-wrapper, .post-content .wp-block-cover { margin: var(--p-media-margin) auto; } .post-content table { font-size: calc(0.6923077em + 4px); } .post-content > blockquote:not([class]) { border-left: 3px solid var(--c-contrast-150); } .post-content figure > ul, .post-content figure > ol { margin: 0; list-style: none; } .entry-content { --post-content-size: var(--single-content-size); } /** * Spacious Style */ .content-spacious { --p-spacious-pad: 3.9340101523%; } @media (min-width: 768px) { .content-spacious { padding-left: var(--p-spacious-pad); padding-right: var(--p-spacious-pad); } } @media (min-width: 941px) and (max-width: 1200px) { .content-spacious { margin-right: calc(-1 * var(--p-spacious-pad)); } } .content-spacious > p img.alignnone, .content-spacious .wp-caption.alignnone, .content-spacious figure.alignnone, .content-spacious .alignwide, .content-spacious .alignfull, .content-spacious .gallery, .content-spacious .review-box, .content-spacious .fluid-width-video-wrapper { margin-left: calc(-1 * var(--p-spacious-pad)); margin-right: calc(-1 * var(--p-spacious-pad)); max-width: calc(100% + (var(--p-spacious-pad) * 2)); } .content-spacious .wp-caption:not([class*=align]) { max-width: unset; } .content-spacious .fluid-width-video-wrapper { width: auto; } .content-spacious > p img.alignleft, .content-spacious .wp-caption.alignleft, .content-spacious figure.alignleft, .content-spacious .wp-block-pullquote.alignleft { margin-left: calc(-1 * var(--p-spacious-pad)); } .content-spacious > p img.alignright, .content-spacious .wp-caption.alignright, .content-spacious figure.alignright, .content-spacious .wp-block-pullquote.alignright { margin-right: calc(-1 * var(--p-spacious-pad)); } .content-spacious > p img.aligncenter, .content-spacious .wp-caption.aligncenter, .content-spacious .wp-block-image.aligncenter, .content-spacious .wp-block-gallery.aligncenter, .content-spacious .gallery.aligncenter { margin-left: auto; margin-right: auto; max-width: 100%; } .content-spacious .wp-block-cover-image { width: auto; } /** * Full Width variation of content spacious */ .content-spacious-full .alignnone, .content-spacious-full .wp-block-embed, .content-spacious-full .wp-block-image:not(.alignleft):not(.alignright), .content-spacious-full .wp-block-gallery { margin-top: calc(var(--p-media-margin) + 0.25vw); margin-bottom: calc(var(--p-media-margin) + 0.25vw); } .content-spacious-full .wp-caption-text, .content-spacious-full .wp-block-image figcaption, .content-spacious-full .blocks-gallery-caption { margin-top: 1em; } .content-spacious-full .alignfull { margin-top: calc(var(--p-media-margin) + 1vw); margin-bottom: calc(var(--p-media-margin) + 1vw); } @media (min-width: 1201px) { .content-spacious-full { --post-content-width: 720px; max-width: 720px; margin-left: auto; margin-right: auto; } .content-spacious-full > p img.alignnone, .content-spacious-full .wp-caption.alignnone, .content-spacious-full figure.alignnone, .content-spacious-full .alignwide, .content-spacious-full .alignfull, .content-spacious-full .gallery { margin-left: -190px; margin-right: -190px; width: calc(100% + 380px); max-width: 100vw; } .content-spacious-full > p img.alignleft, .content-spacious-full .wp-caption.alignleft, .content-spacious-full figure.alignleft, .content-spacious-full .wp-block-pullquote.alignleft { margin-left: -6%; } .content-spacious-full > p img.alignright, .content-spacious-full .wp-caption.alignright, .content-spacious-full figure.alignright, .content-spacious-full .wp-block-pullquote.alignright { margin-right: -6%; } .content-spacious-full > p img.aligncenter, .content-spacious-full .wp-caption.aligncenter, .content-spacious-full .wp-block-image.aligncenter, .content-spacious-full .wp-block-gallery.aligncenter, .content-spacious-full .gallery.aligncenter { margin-left: auto; margin-right: auto; max-width: 100%; } } .spc-social { display: flex; align-items: center; } .spc-social .icon { font-size: var(--spc-social-fs, 14px); line-height: 1.6; width: 1.2em; text-align: center; } .spc-social .link { display: flex; height: 100%; align-items: center; justify-content: center; padding: 0 3px; margin-right: var(--spc-social-space, 2px); color: var(--c-spc-social, inherit); } .spc-social .link:hover { opacity: .8; color: var(--c-spc-social-hov, var(--c-main)); } .spc-social .link:last-child { margin-right: 0; } .spc-social-a { height: 100%; max-height: 45px; } .spc-social-b { --spc-social-fs: 19px; --spc-social-size: 38px; --spc-social-space: 9px; } .spc-social-b .icon { line-height: 1; width: auto; } .spc-social-b .link { padding: 0; width: var(--spc-social-size); height: var(--spc-social-size); border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 50%; } .s-dark .spc-social-b .link { background: rgba(var(--c-rgba), 0.12); } .spc-social-c { --spc-social-fs: 12px; --spc-social-size: 22px; --spc-social-space: 6px; --c-spc-social: var(--c-contrast-0); } .spc-social-c .link { padding: 0; border-radius: 2px; height: var(--spc-social-size); width: var(--spc-social-size); background: var(--c-contrast); } .spc-social-c .link:hover { color: #fff; } .spc-social-bg { --c-spc-social: #fff; } .spc-social-bg .s-facebook { background: var(--c-facebook); } .spc-social-bg .s-twitter { background: var(--c-twitter); } .spc-social-bg .s-instagram { background: var(--c-instagram); } .spc-social-bg .s-pinterest { background: var(--c-pinterest); } .spc-social-bg .s-vimeo { background: var(--c-vimeo); } .spc-social-bg .s-rss { background: var(--c-rss); } .spc-social-bg .s-tumblr { background: var(--c-tumblr); } .spc-social-bg .s-youtube { background: var(--c-youtube); } .spc-social-bg .s-linkedin { background: var(--c-linkedin); } .spc-social-bg .s-dribble { background: var(--c-dribble); } .spc-social-bg .s-soundcloud { background: var(--c-soundcloud); } .spc-social-bg .s-vk { background: var(--c-vk); } .spc-social-bg .s-email { background: var(--c-email); } .spc-social-bg .s-whatsapp { background: var(--c-whatsapp); } .spc-social-bg .s-reddit { background: var(--c-reddit); } .spc-social-bg .s-telegram { background: var(--c-telegram); } .spc-social-bg .s-tiktok { background: var(--c-tiktok); } .spc-social-bg .s-discord { background: var(--c-discord); } .spc-social-bg .s-twitch { background: var(--c-twitch); } .spc-social-c-icon .s-facebook { --c-spcs-icon: var(--c-facebook); } .spc-social-c-icon .s-twitter { --c-spcs-icon: var(--c-twitter); } .spc-social-c-icon .s-instagram { --c-spcs-icon: var(--c-instagram); } .spc-social-c-icon .s-pinterest { --c-spcs-icon: var(--c-pinterest); } .spc-social-c-icon .s-vimeo { --c-spcs-icon: var(--c-vimeo); } .spc-social-c-icon .s-rss { --c-spcs-icon: var(--c-rss); } .spc-social-c-icon .s-tumblr { --c-spcs-icon: var(--c-tumblr); } .spc-social-c-icon .s-youtube { --c-spcs-icon: var(--c-youtube); } .spc-social-c-icon .s-linkedin { --c-spcs-icon: var(--c-linkedin); } .spc-social-c-icon .s-dribble { --c-spcs-icon: var(--c-dribble); } .spc-social-c-icon .s-soundcloud { --c-spcs-icon: var(--c-soundcloud); } .spc-social-c-icon .s-vk { --c-spcs-icon: var(--c-vk); } .spc-social-c-icon .s-whatsapp { --c-spcs-icon: var(--c-whatsapp); } .spc-social-c-icon .s-reddit { --c-spcs-icon: var(--c-reddit); } .spc-social-c-icon .s-telegram { --c-spcs-icon: var(--c-telegram); } .spc-social-c-icon .s-tiktok { --c-sps-icon: var(--c-tiktok); } .spc-social-c-icon .s-discord { --c-sps-icon: var(--c-discord); } .spc-social-c-icon .s-twitch { --c-sps-icon: var(--c-twitch); } /** * Common Post Meta */ .post-meta { --p-meta-sep: "\2014"; display: flex; flex-direction: column; margin-bottom: var(--p-meta-mb, initial); font-family: var(--ui-font); font-size: 12px; color: var(--c-post-meta); line-height: 1.5; } .post-meta-items a { color: inherit; } .post-meta .has-author-img { line-height: 1.9; } .post-meta .meta-item:before { content: "\2014"; content: var(--p-meta-sep); padding: 0 var(--p-meta-sep-pad, 4px); display: inline-block; transform: scale(0.916); } .post-meta .has-icon { white-space: nowrap; } .post-meta .has-icon:before { display: none; } .post-meta .has-icon i { font-size: var(--p-meta-icons-s, 1.083em); margin-right: 4px; } .post-meta .has-next-icon { margin-right: var(--p-meta-icons-mr, 10px); } .post-meta .has-next-icon:not(.has-icon) { margin-right: 18px; } .post-meta .meta-item:first-child:before { display: none; } .post-meta .post-title { margin: 9px 0; } .post-meta .post-cat { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; } .post-meta .post-cat > a { color: var(--c-main); font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; } .post-meta .post-cat > a:hover { opacity: 0.8; } .post-meta .post-cat a + a:before { content: "\2022"; display: inline-flex; padding: 0 6px; font-size: 0.9em; font-weight: 400; line-height: 1; } .post-meta .post-author > a { color: var(--c-contrast-850); font-weight: 500; } .post-meta .post-author img { margin-right: 7px; display: inline-flex; vertical-align: middle; border-radius: 50%; align-self: center; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); } .post-meta .post-author .has-img { display: inline-flex; vertical-align: middle; align-items: center; } .post-meta .cat-labels { display: inline-flex; margin-bottom: -5px; } .post-meta .cat-labels .text-in { display: none; } .post-meta .cat-labels .category { display: inline-flex; margin-bottom: 6px; } .post-meta .meta-item + .cat-labels { vertical-align: middle; margin-left: 8px; } .post-meta .meta-item + .cat-labels:before { content: ""; } .post-meta .cat-labels + .meta-item:before { content: ""; margin-left: 3px; } .post-meta .updated-on { margin-right: 7px; } .post-meta .star-rating { margin-top: -.3em; display: inline-block; vertical-align: middle; } .post-meta .star-rating + .post-cat { display: inline-block; } .post-meta .main-stars { margin-top: 0; font-size: 18px; } .post-meta .star-rating + .meta-item::before, .post-meta .meta-item + .star-rating:before { content: ""; padding: 0 7px; } .post-meta > :last-child { margin-bottom: 0; } .post-meta > :first-child { margin-top: 0; } .post-meta > .is-title:last-child { margin-bottom: 0 !important; } .post-meta > .is-title:first-child { margin-top: 0 !important; } /** * Main pagination */ .pagination-numbers { font-size: 13px; display: flex; } .pagination-numbers .page-numbers, .pagination-numbers .post-page-numbers, .pagination-numbers a { display: block; color: var(--c-contrast-650); padding: 0 10px; margin-right: 6px; line-height: 30px; font-weight: 500; border-radius: 2px; border: 1px solid var(--c-contrast-100); } .pagination-numbers .current, .pagination-numbers a:hover { color: #fff; border-color: transparent; background: var(--c-main); text-decoration: none; } .pagination-numbers .dots { border: 0; padding: 0 6px; } .pagination-numbers .prev, .pagination-numbers .next { font-size: 1.08em; } .load-button { --btn-f-size: 13px; padding: 12px 16px; width: 30%; min-width: 270px; max-width: 100%; height: auto; line-height: 1; font-weight: 700; } .load-button .icon { margin-left: 7px; } .load-button.loading { cursor: default; } .load-button-a { color: var(--c-contrast-800); } .pagination-more { display: flex; justify-content: center; } /** * Author Info Box */ .author-box { border-top: 1px solid var(--c-separator); padding-top: 35px; margin-bottom: 45px; } .author-info { font-size: 14px; overflow: hidden; } .author-info .avatar { float: left; margin-right: 25px; border-radius: 50%; } @media (max-width: 767px) { .author-info .avatar { width: 70px; margin-right: 17px; } } .author-info [rel="author"] { color: var(--c-links); font-weight: 600; font-size: 17px; font-family: var(--ui-font); line-height: 1.2; } .author-info .social-icons { margin-left: auto; } .author-info .social-icons li { margin-right: 10px; } .author-info .social-icons li a { background: transparent; color: var(--c-contrast-700); font-size: 14px; } .author-info .social-icons li a:hover { color: var(--c-contrast); } .author-info .description { display: flex; flex-wrap: wrap; line-height: 1.714; } .author-info .bio { width: 100%; margin-top: 14px; margin-bottom: 0; } .gallery-slider { visibility: hidden; margin-bottom: 7px; } .gallery-slider.slick-initialized { visibility: visible; } .gallery-slider img { will-change: opacity; transition: opacity .3s ease-in; } .gallery-slider img:hover { opacity: .84; } .gallery-slider .slick-slide { position: relative; } .gallery-slider .slick-slide img { margin-bottom: 0 !important; } .gallery-slider .caption { position: absolute; padding: 7px 10px; background: rgba(17, 17, 17, 0.7); bottom: 0; left: 0; right: 0; color: #fff; font-size: 12px; font-style: italic; } /** * Classic galleries */ .gallery { --g-cols: 1; display: grid; grid-template-columns: repeat(var(--g-cols), 1fr); grid-gap: 10px; } @media (max-width: 767px) { .gallery { grid-template-columns: repeat(var(--g-cols-sm, 3), 1fr); } } .gallery-columns-1 { --g-cols-sm: 1; } .gallery-columns-2 { --g-cols-sm: 2; } .gallery-columns-2 { --g-cols: 2; } .gallery-columns-3 { --g-cols: 3; } .gallery-columns-4 { --g-cols: 4; } .gallery-columns-5 { --g-cols: 5; } .gallery-columns-6 { --g-cols: 6; } .gallery-columns-7 { --g-cols: 7; } .gallery-columns-8 { --g-cols: 8; } .gallery-columns-9 { --g-cols: 9; } .gallery-item { text-align: center; } .gallery-item a img { display: block; width: 100%; } .gallery-columns-1 .wp-caption-text { margin-top: 12px; margin-bottom: 28px; } .gallery-columns-7 .wp-caption-text, .gallery-columns-8 .wp-caption-text, .gallery-columns-9 .wp-caption-text { display: none; } .right-sidebar .gallery-columns-5 .wp-caption-text, .right-sidebar .gallery-columns-6 .wp-caption-text { display: none; } /** * Gutenberg Gallery */ .wp-block-gallery li { padding: 0; } .wp-block-gallery li:before { display: none !important; } .wp-block-gallery .blocks-gallery-item { padding-left: 0; } .wp-block-gallery .blocks-gallery-item figure { position: relative; } .wp-block-gallery .blocks-gallery-item figcaption { position: absolute; overflow: hidden; box-sizing: border-box; opacity: 0; visibility: hidden; padding: 7px 10px; background: rgba(17, 17, 17, 0.7); bottom: 0; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; transition: all .3s ease-in; } .wp-block-gallery .blocks-gallery-item:hover figcaption { visibility: visible; opacity: 1; } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 5px 10px; margin-left: 0; } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { width: calc((100% - 10px) / 2); } @media (min-width: 541px) { .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { width: calc((100% - 10px * 2) / 3); margin-right: 10px; } .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item { width: calc((100% - 10px * 3) / 4); margin-right: 10px; } .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item { width: calc((100% - 10px * 4) / 5); margin-right: 10px; } .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item { width: calc((100% - 10px * 5) / 6); margin-right: 10px; } .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item { width: calc((100% - 10px * 6) / 7); margin-right: 10px; } .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item { width: calc((100% - 10px * 7) / 8); margin-right: 10px; } .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { margin-right: 0; } } .wp-block-gallery .blocks-gallery-caption { margin-top: 5px; width: 100%; text-align: center; } /** * Grid Overlay Base */ .grid-overlay { width: 100%; height: 100%; } .grid-overlay .content-wrap { display: flex; pointer-events: none; } .grid-overlay:before, .grid-overlay .content-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .grid-overlay:before { pointer-events: none; z-index: 1; transition: .25s ease-in; will-change: opacity; } .pos-center .grid-overlay { text-align: center; justify-content: center; align-items: center; } .pos-center .grid-overlay .post-meta { align-items: center; } .pos-v-center .grid-overlay .content { align-self: center; } .pos-top .grid-overlay .content { align-self: flex-start; padding: 30px; } @media (max-width: 540px) { .pos-bot .grid-overlay .content { padding-bottom: 18px; } } .grid-overlay .media { width: 100%; height: 100%; } .grid-overlay .media .image-link, .grid-overlay .media .wp-post-image { display: block; width: 100%; height: 100%; overflow: hidden; } .grid-overlay .media .wp-post-image { -o-object-fit: cover; object-fit: cover; pointer-events: none; transition: opacity 0.3s ease-in-out, transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: initial; } .grid-overlay.hover-zoom .wp-post-image { will-change: transform; } .grid-overlay.hover-zoom:hover .wp-post-image { transform: scale(1.06); } .grid-overlay .content { position: relative; pointer-events: none; z-index: 1; box-sizing: border-box; padding: var(--g-overlay-content-pad, 24px); align-self: flex-end; width: 100%; } @media (max-width: 540px) { .grid-overlay .content { padding: 14px; } } .grid-overlay .content a { pointer-events: auto; } .grid-overlay .post-title { margin: 13px 0; line-height: 1.28; } .grid-overlay .post-meta { margin-bottom: 0; } .grid-overlay .post-meta .text-in, .grid-overlay .post-meta .by { display: none; } .grid-overlay .post-meta .post-author a { color: inherit; font-weight: inherit; } .grid-overlay .post-meta > :last-child { margin-bottom: 0; } .grid-overlay .is-title a:hover { opacity: 0.9; } .grid-overlay .meta-contrast { color: var(--c-overlay-text, #efefef); } .grid-overlay .meta-contrast a, .grid-overlay .meta-contrast .meta-item, .grid-overlay .meta-contrast time { color: inherit; } .grid-overlay .meta-contrast .post-title { color: var(--c-overlay-title, #fff); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); } @media (min-width: 541px) { .grid-overlay.meta-hide .post-meta { overflow: hidden; } .grid-overlay.meta-hide .meta-below { margin-bottom: -28px; opacity: 0; transition: all .2s ease-in, opacity .4s ease-in-out; will-change: opacity; } .grid-overlay.meta-hide:hover .meta-below { margin-bottom: 0; opacity: 1; max-height: auto; } } .grid-overlay-a { --grad-opacity: 0.85; --grad-color: rgba(0, 0, 0, var(--grad-opacity)); } .grid-overlay-a:before { content: ""; background: linear-gradient(transparent 35%, var(--grad-color) 100%); opacity: .9; } .grid-overlay-a:hover:before { opacity: 1; } .grid-overlay-b:before { content: ""; background: #000; opacity: .25; } .grid-overlay-b:hover:before { opacity: .1; } /** * Base loop post */ .l-post .media { position: relative; align-self: flex-start; } .l-post img { max-width: initial; } .l-post .image-link { display: block; position: relative; max-width: 100%; } .l-post .image-link .star-rating { position: absolute; bottom: 12px; right: 0; background: rgba(255, 255, 255, 0.5); padding: 1px 10px; } .l-post .p-meta-b { margin-top: 11px; } .l-post .post-title { font-size: var(--title-size-m); font-weight: var(--title-fw-bold); } .l-post .excerpt { margin-top: 16px; color: var(--c-excerpts); font-size: var(--excerpt-size); line-height: var(--excerpt-lh, 1.6); word-break: break-all; word-break: break-word; overflow-wrap: break-word; } .l-post .excerpt p:last-of-type { margin-bottom: 0; } .has-nums-a .l-post .content { padding-left: 46px; } .has-nums-a .l-post .post-title { position: relative; } .has-nums-a .l-post .post-title:before { content: counter(ts-loop); counter-increment: ts-loop; position: absolute; top: 50%; left: -50px; width: 46px; text-align: center; transform: translateY(-50%); font-family: Arial, sans-serif; font-size: 1.9em; line-height: 1; color: var(--c-contrast-200); } .l-post .c-overlay { position: absolute; bottom: 0; z-index: 1; } .l-post .c-overlay.p-top-left, .l-post .c-overlay.p-top-center { top: 0; bottom: auto; } .l-post .c-overlay.p-top-center, .l-post .c-overlay.p-bot-center { left: 50%; transform: translateX(-50%); } .l-post .c-overlay.p-top-right { top: 0; bottom: auto; right: 0; } .l-post .c-overlay.p-bot-left { top: auto; } .l-post .c-overlay.p-bot-right { right: 0; } .l-post .c-overlay.p-center { margin: 0; top: 50%; left: 50%; bottom: initial; transform: translate(-50%, -50%); } .l-post .format-overlay { --size: calc(42px * var(--post-format-scale, 1.096)); width: var(--size); height: var(--size); font-size: calc(var(--size) * .405); margin: calc(1% + 5px); pointer-events: none; border-radius: 50%; border: 2px solid #fff; border-width: clamp(1px, 0.12em, 5px); color: #fff; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.35); display: flex; justify-content: center; align-items: center; } .l-post .format-video i { letter-spacing: -.28em; } .l-post .review { font-family: var(--ui-font); } .l-post .review-radial { position: absolute; top: 0; right: 0; bottom: initial; margin: calc(1% + 5px); display: grid; grid-template-columns: 1fr; align-items: center; text-align: center; pointer-events: none; } .l-post .review-radial svg, .l-post .review-radial .counter { grid-row: 1/1; grid-column: 1/1; } .l-post .review-radial .counter { font-weight: 600; font-size: 13px; color: #fff; } .l-post .review-radial .percent:after { content: "%"; font-size: .7em; margin-left: 1px; } .l-post .review-number { position: absolute; right: 0; bottom: 0; background: #080808; height: 32px; line-height: 32px; min-width: 30px; text-align: center; font-size: 11px; font-weight: bold; color: #efefef; } .l-post .review-number span { display: block; position: relative; z-index: 1; } .l-post .review-number .progress { z-index: 0; position: absolute; top: 0; left: 0; background: var(--c-main); height: 100%; width: 0; } .l-post .progress-radial circle { transform: rotate(-90deg); transform-origin: 50% 50%; stroke: rgba(255, 255, 255, 0.15); fill: rgba(0, 0, 0, 0.2); } .l-post .progress-radial .progress { stroke: var(--c-main); stroke-linecap: round; } .l-post-center { text-align: center; } /** * Post: Grid */ .grid-post .content-above { margin-bottom: 16px; } .grid-post .media { margin-bottom: 16px; } .grid-post .media:last-child { margin-bottom: 0; } .grid-post .image-link { width: 100%; } .grid-post .post-title { font-size: var(--grid-p-title); } .grid-post .p-meta-b { margin-bottom: 14px; } .grid-sm-post .image-link { width: 100%; } .grid-sm-post .post-title { font-size: var(--grid-sm-p-title); margin-top: 11px; } .grid-sm-post .p-meta-b { margin-top: 10px; margin-bottom: 0; } .grid-lg-post { --post-format-scale: 1.42; --grid-p-title: var(--grid-lg-p-title); } .grid-lg-post .content-above { margin-bottom: 20px; } .grid-lg-post .media { margin-bottom: 20px; } .grid-lg-post .excerpt { margin-top: 25px; font-size: calc(var(--excerpt-size) * 1.067); line-height: var(--post-content-lh); } .grid-lg-post .read-more-link { margin-top: 25px; } /** * Post: List */ .list-post { display: flex; width: 100%; } .list-post .media { display: block; max-width: 60%; width: 38%; margin-right: var(--list-p-media-margin, 25px); flex-shrink: 0; } @media (max-width: 767px) { .list-post .media { width: 40%; } } @media (max-width: 540px) { .list-post .media { width: 40%; min-width: 100px; margin-right: var(--list-p-media-margin, 16px); } } @media (max-width: 540px) { .list-post .image-link { padding: 0; height: 10vh; min-height: 100px; width: auto; } } .list-post .post-title { font-size: var(--list-p-title); } @media (max-width: 540px) { .list-post .post-title { font-size: calc(14px + (var(--list-p-title) - 14px) * 0.4); } } @media (max-width: 540px) { .list-post .excerpt, .list-post .read-more-link { display: none; } } @media (max-width: 540px) { .list-post .cat-labels { display: none; } } .list-post .content { padding: 5px 0; display: flex; flex-direction: column; flex-grow: 1; } .list-post-v-center .content { justify-content: center; } .list-post.m-pos-right .media { order: 3; margin-right: 0; margin-left: var(--list-p-media-margin, 30px); } @media (max-width: 540px) { .list-post.m-pos-right .media { margin-left: var(--list-p-media-margin, 20px); } } /** * Post: Small */ .small-post { display: flex; width: 100%; --post-format-scale: .82; } .slick-slider .small-post:not(._) { display: flex; } .small-post .p-meta-b { margin-top: 9px; } .small-post .post-title { font-size: var(--small-p-title); font-weight: var(--title-fw-semi); line-height: 1.43; } .small-post .media { display: block; width: 110px; max-width: 40%; margin-right: 18px; flex-shrink: 0; } .small-post .media img { display: block; } .small-post .content { margin-top: 2px; flex-grow: 1; } .small-post .review-number { height: 26px; line-height: 26px; min-width: 26px; } .small-post .post-meta .main-stars { font-size: 15px; } .small-post .review-radial { transform: scale(0.85); margin: 0; } .small-post.m-pos-right .media { order: 2; margin-right: 0; margin-left: 18px; } .small-b-post .post-meta { margin-left: 20px; } .small-b-post .post-title:before { position: absolute; display: inline-flex; margin-left: -7px; content: "\f105"; float: left; font-family: ts-icons; font-size: 15px; color: var(--c-main); line-height: 1.39; transform: translateX(-13px); } /** * Post Style: Overlay */ .overlay-post { position: relative; } .overlay-post .content { padding: calc(12px + 1.4%); } .overlay-post .post-title { margin: 12px 0; } .overlay-post .image-link { width: 100%; } .loop + .main-pagination { margin-top: 50px; } .loop.has-nums { counter-reset: ts-loop; } .loop-sep { overflow: hidden; } .loop-sep .l-post:after { content: ""; position: absolute; left: 0; width: 100%; bottom: calc(var(--grid-row-gap) / 2 * -1); border-bottom: 1px solid var(--c-separator); } /** * Grid loop */ .loop-grid { --grid-row-gap: 36px; } .loop-grid .l-post .image-link { overflow: hidden; } .loop-grid .l-post.sticky { background: var(--c-contrast-75); padding: 15px; } .loop-grid-sm { --grid-row-gap: 26px; } .loop-grid-lg { --grid-row-gap: 45px; } /** * List loop */ .loop-list { --grid-row-gap: 35px; } .loop-list .l-post { position: relative; } .loop-list-sep { --grid-row-gap: 52px; } /** * Common small posts loop */ .loop-small { --grid-row-gap: 25px; } .loop-small .l-post { position: relative; } .loop-small-sep { --grid-row-gap: 32px; } .loop-small-b { --grid-row-gap: 12px; } .loop-small-b.loop-small-sep { --grid-row-gap: 24px; } /** * Overlay Grid loop */ .loop-overlay { --grid-row-gap: 26px; overflow: hidden; } /** * Timeline loop */ .loop-timeline { margin-top: 42px; border-left: 1px solid var(--c-separator); } .loop-timeline .month { margin-left: 25px; position: relative; margin-bottom: 42px; color: var(--c-headings); } .loop-timeline .heading { text-transform: uppercase; font-weight: 600; font-size: 14px; float: left; padding: 0 15px; line-height: 28px; border: 1px solid var(--c-separator); margin-top: -14px; margin-bottom: 28px; } .loop-timeline .heading:before { display: block; content: " "; position: absolute; top: 0px; left: -25px; width: 25px; height: 1px; background: var(--c-separator); } .loop-timeline .posts { clear: both; } .loop-timeline .posts article { font-size: 13px; line-height: 1.714; margin-bottom: 10px; font-family: var(--title-font); } .loop-timeline .posts time { text-transform: uppercase; padding-top: 1px; padding-right: 42px; color: var(--c-contrast-600); min-width: 40px; display: block; float: left; } .loop-timeline .posts .post-title { display: block; overflow: hidden; } .loop-timeline .post-title { font-size: var(--title-size-xs); font-weight: 500; line-height: inherit; } /** * Highlights Block */ .block-highlights .loop-small { margin-top: 26px; } @media (max-width: 767px) { .block-highlights .grid-post:nth-child(odd):last-child { grid-column: span 2; } } /** * Featured Grids */ .feat-grid { --main-ratio: 1.8; --grid-gap: 2px; } @media (max-width: 1200px) { .feat-grid { overflow: hidden; } } .feat-grid .items-wrap { display: flex; } @supports (display: grid) { .feat-grid .items-wrap { display: grid; grid-gap: var(--grid-gap, 2px); } } .feat-grid .item { flex: 1; position: relative; min-height: 135px; } @media (max-width: 540px) { .feat-grid .cat-labels a { font-size: 10px; line-height: 20px; } } .feat-grid .item-1 { grid-area: item1; } .feat-grid .item-2 { grid-area: item2; } .feat-grid .item-3 { grid-area: item3; } .feat-grid .item-4 { grid-area: item4; } .feat-grid .item-5 { grid-area: item5; } @media (min-width: 768px) { .feat-grid .item-large .post-title { max-width: 80%; } } .feat-grid .item-small .post-title { font-size: var(--feat-grid-title-s); margin: 10px 0; } @media (max-width: 767px) { .feat-grid .item-small .post-title { font-size: calc(var(--feat-grid-title-s) * 0.85); } } .feat-grid .item-medium .post-title { font-size: var(--feat-grid-title-m); } @media (max-width: 1200px) { .feat-grid .item-medium .post-title { font-size: calc(var(--feat-grid-title-m) * 0.9); } } @media (max-width: 767px) { .feat-grid .item-medium .post-title { font-size: calc(var(--feat-grid-title-m) * 0.85); } } .feat-grid .item-large { --post-format-scale: 1.25; } .feat-grid .item-large .post-title { font-size: var(--feat-grid-title-l); line-height: 1.2; } @media (max-width: 767px) { .feat-grid .item-large .post-title { font-size: calc(var(--feat-grid-title-l) * 0.82); } } @media (max-width: 540px) { .feat-grid .item:not(.item-large) .category + .category { display: none; } } @media (max-width: 350px) { .feat-grid .item:not(.item-large) .meta-below { display: none; } .feat-grid .item:not(.item-large) :nth-last-child(2) { margin-bottom: 0; } } .feat-grid .parallax img { visibility: hidden; } .feat-grid .media .wp-post-image { width: 100.5%; } .feat-grid.slider { max-width: 100vw; } .feat-grid.slider .slick-slide { display: grid; } .feat-grid .slick-track { -webkit-perspective: 2000; } @media (max-width: 940px) { .feat-grid .wrap .prev-arrow { left: 50px; } } @media (max-width: 940px) { .feat-grid .wrap .next-arrow { right: 50px; } } @media (min-width: 1201px) { .feat-grid-full { --feat-grid-title-s: calc(var(--title-size-n) * 1.2); --feat-grid-title-m: calc(var(--title-size-m) * 1.3); --feat-grid-title-l: calc(var(--title-size-xl) * 1.1); } } @media (min-width: 1201px) { .feat-grid-full .grid-overlay-a .content, .feat-grid-full .grid-overlay-b .content, .feat-grid-full .grid-overlay-c .content { padding: var(--overlay-pad, 25px); } .feat-grid-full .grid-overlay-a .post-title, .feat-grid-full .grid-overlay-b .post-title, .feat-grid-full .grid-overlay-c .post-title { margin: 15px 0; } } .feat-grid-ratio .item-main:before { content: ""; display: block; width: 100%; height: 0; padding-top: 55.5555556%; padding-top: calc(100% / var(--main-ratio)); pointer-events: none; } .feat-grid-ratio .grid-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .feat-grid-height { --main-height: 550px; } @media (min-width: 941px) { .feat-grid-height:not(.feat-grid-equals) .items-wrap { height: var(--main-height); } .feat-grid-height:not(.feat-grid-equals) .item-main { height: 100%; } } .feat-grid-height.feat-grid-equals .item { height: var(--main-height); } .feat-grid-equals { --g-overlay-content-pad: 24px calc(13px + 1.5%); } .feat-grid-equals .item { grid-area: unset; } .feat-grid-equals.slider .slick-slide { display: block; overflow: hidden; } .feat-grid-equals.slider .slick-list { margin-right: calc(var(--grid-gap) * -1); } .feat-grid-equals.slider .item { margin-right: var(--grid-gap); } .feat-grid-equals.static .slides { display: flex; } @supports (display: grid) { .feat-grid-equals.static .slides { display: grid; grid-gap: var(--grid-gap, 2px); grid-template-columns: repeat(var(--columns), 1fr); } } @media (max-width: 940px) { .feat-grid-equals.static .slides { --columns: 2; } } @media (max-width: 767px) { .feat-grid-equals.static .slides { --columns: 1; } } .feat-grid-equals.static .item { flex: 1; } @media (max-width: 767px) { .feat-grid-equals.static .item { max-height: 400px; } } .feat-grid-a { --main-ratio: 1.1320755; } @media (max-width: 767px) { .feat-grid-a > .wrap { width: 100%; max-width: initial; padding: 0; } } .feat-grid-a .items-wrap { grid-template-areas: "item1 item2 item4" "item1 item3 item5"; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; } @media (max-width: 940px) { .feat-grid-a .items-wrap { grid-template: unset; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-auto-rows: minmax(auto, 250px); } .feat-grid-a .items-wrap .item { grid-area: initial; } .feat-grid-a .items-wrap .item-main { grid-column: 1 / -1; } } @media (max-width: 767px) { .feat-grid-a .items-wrap { grid-auto-rows: minmax(190px, calc(50vw / var(--main-ratio))); } } @media (max-width: 940px) { .feat-grid-a .item-main { height: 450px; } } .feat-grid-a .item-small, .feat-grid-a .item-medium { --g-overlay-content-pad: 24px 18px; } .feat-grid-a-full { --main-ratio: 1.4615385; } .feat-grid-b { --main-ratio: 1.443; } @media (max-width: 940px) { .feat-grid-b > .wrap { width: 100%; max-width: initial; padding: 0; } } .feat-grid-b .items-wrap { grid-template-areas: "item1 item2" "item1 item3"; grid-template-columns: 66.66666% 1fr; grid-template-rows: 1fr 1fr; } @media (max-width: 940px) { .feat-grid-b .items-wrap { grid-template-areas: "item1 item1" "item2 item3"; grid-template-columns: 1fr 1fr; grid-template-rows: auto minmax(190px, calc(50vw / var(--main-ratio))); } } @media (max-width: 940px) { .feat-grid-b .item { min-height: 200px; max-height: 40vh; } } @media (max-width: 940px) { .feat-grid-b .item-main { height: 400px; max-height: 50vh; } } .feat-grid-c { --main-ratio: 1.08; --grid-gap: 0; } .feat-grid-c .items-wrap { grid-template-areas: "item1 item2 item3"; grid-template-columns: 45% 1fr 1fr; grid-template-rows: 1fr; } @media (max-width: 940px) { .feat-grid-c .items-wrap { grid-template-areas: "item1 item1" "item2 item3"; grid-template-columns: 1fr 1fr; } } @media (max-width: 940px) { .feat-grid-c .item { height: 300px; max-height: 55vh; } } @media (max-width: 540px) { .feat-grid-c .item { height: 66vw; } } @media (max-width: 940px) { .feat-grid-c .item-main { height: 400px; } } .feat-grid-c .grid-overlay-a:before { background: linear-gradient(transparent 40%, var(--grad-color) 100%); } .feat-grid-c-full { --main-ratio: 1.4869565; --main-height: 400px; --overlay-pad: 33px; } @media (min-width: 1201px) { .feat-grid-c-full { --feat-grid-title-l: calc(var(--title-size-xl) * 1.2); } } @media (min-width: 1201px) { .feat-grid-c-full { --main-height: 570px; } } .feat-grid-d { --main-ratio: 1.3048544; } @media (max-width: 767px) { .feat-grid-d > .wrap { width: 100%; max-width: initial; padding: 0; } } .feat-grid-d .items-wrap { grid-template-areas: "item1 item2 item2" "item1 item3 item4"; grid-template-columns: 56% 1fr 1fr; grid-template-rows: 52fr 48fr; } @media (max-width: 940px) { .feat-grid-d .items-wrap { grid-template: unset; grid-template-areas: "item1 item1" "item2 item2"; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-auto-rows: minmax(auto, 250px); } .feat-grid-d .items-wrap .item:not(.item-1):not(.item-2) { grid-area: initial; } } @media (max-width: 767px) { .feat-grid-d .items-wrap { grid-auto-rows: minmax(auto, calc(50vw / var(--main-ratio))); } } @media (max-width: 940px) { .feat-grid-d .item-main { max-height: 450px; } } .feat-grid-d .item-small, .feat-grid-d .item-medium { --g-overlay-content-pad: 24px 18px; } .feat-grid-d-full { --main-ratio: 1.5833333; } @media (max-width: 540px) { .feat-grid-a .item:not(.item-large) .meta-below, .feat-grid-b .item:not(.item-large) .meta-below, .feat-grid-c .item:not(.item-large) .meta-below, .feat-grid-d .item:not(.item-large) .meta-below { display: none; } .feat-grid-a .item:not(.item-large) :nth-last-child(2), .feat-grid-b .item:not(.item-large) :nth-last-child(2), .feat-grid-c .item:not(.item-large) :nth-last-child(2), .feat-grid-d .item:not(.item-large) :nth-last-child(2) { margin-bottom: 0; } } .feat-grid-eq1 { --main-ratio: .75; --columns: 1; --grid-gap: 0px; } @media (max-width: 940px) { .feat-grid-eq1 .item-1 { grid-column: 1 / -1; } } .feat-grid-eq1-full { --main-ratio: 1.25; } .feat-grid-eq2 { --main-ratio: 1.25; --columns: 2; --grid-gap: 0px; } @media (max-width: 940px) { .feat-grid-eq2 .item-1 { grid-column: 1 / -1; } } .feat-grid-eq2-full { --main-ratio: 1.35; } .feat-grid-eq3 { --main-ratio: 1; --columns: 3; --grid-gap: 0px; } @media (max-width: 940px) { .feat-grid-eq3 .item-1 { grid-column: 1 / -1; } } .feat-grid-eq3-full { --main-ratio: 1.15; } .feat-grid-eq4 { --main-ratio: 0.75; --columns: 4; --grid-gap: 0px; } .feat-grid-eq5 { --main-ratio: 0.6666667; --columns: 5; --grid-gap: 0px; } @media (max-width: 940px) { .feat-grid-eq5 .item-1 { grid-column: 1 / -1; } } .feat-grid-eq5-full { --main-ratio: 0.75; } @media (max-width: 767px) { .feat-grid-eq5 .item, .feat-grid-eq4 .item { --feat-grid-title-s: var(--feat-grid-title-m); } } /** * News Focus Block */ @media (max-width: 767px) { .block-news-focus .loop-small { margin-top: 26px; } } /** * Focus Grid block */ .block-focus-grid .loop-grid { --grid-row-gap: 22px; --grid-sm-p-title: calc(var(--title-size-xs) * 1.072); } .block-focus-grid .loop-grid .media { margin-bottom: 12px; } @media (max-width: 767px) { .block-focus-grid .loop-grid-sm { margin-top: 30px; } } .loop-carousel { overflow: hidden; } .loop-carousel.slick-slider { position: static; } .loop-carousel .slick-list { margin-right: calc(var(--grid-gutter) * -1); } .loop-carousel .slick-slide { margin-right: var(--grid-gutter); } .loop-carousel:not(.loaded).grid { overflow: hidden; grid-template-columns: unset; grid-auto-flow: column; grid-auto-columns: var(--col); } .loop-carousel.slick-dotted { margin-bottom: 25px; } .loop-carousel.slick-dotted .slick-arrow { top: var(--arrow-top, calc(50% - 27px)); } .loop-carousel .nav-dots { margin-top: 30px; } /** * Newsletter block */ .block-newsletter { display: flex; } .spc-newsletter { position: relative; color: rgba(var(--c-rgba), 0.8); width: 100%; --inner-pad: 30px calc(10px + 7%); --heading-fs: 24px; --message-fs: 14px; --disclaimer-fs: .9rem; --max-width: 700px; } .spc-newsletter .bg-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; background-repeat: no-repeat; background-position: center center; background-size: cover; } .spc-newsletter > .inner { position: relative; width: 100%; border: 1px solid var(--c-separator); padding: var(--inner-pad); display: flex; flex-direction: column; } .spc-newsletter > .inner > * { max-width: var(--max-width); } .spc-newsletter .media { margin-bottom: 10px; } .spc-newsletter .media-full { background: inherit; margin-bottom: -1px; } .spc-newsletter .media-full img { display: block; -o-object-fit: cover; object-fit: cover; height: 200px; width: 100%; } .spc-newsletter .heading { font-size: var(--heading-fs); line-height: 1.3; letter-spacing: -.01em; font-weight: 800; margin-bottom: 18px; margin-top: 8px; max-width: 95%; } .spc-newsletter .message { margin-bottom: 22px; font-size: var(--message-fs); } .spc-newsletter .message p:last-child { margin-bottom: 0; } .spc-newsletter .fields, .spc-newsletter form { width: 100%; } .spc-newsletter .fields-style { --btn-l-height: 40px; } .spc-newsletter .fields-style p { margin-bottom: 13px; } .spc-newsletter .fields-style p:last-child { margin-bottom: 0; } .spc-newsletter .fields-style input { width: 100%; height: 44px; box-sizing: border-box; text-align: inherit; } .spc-newsletter .fields-style input[type=submit], .spc-newsletter .fields-style button { height: 40px; text-align: center; font-weight: 700; letter-spacing: .05em; } .spc-newsletter .fields-style input[type=checkbox], .spc-newsletter .fields-style input[type=radio] { margin-right: 5px; height: initial; width: initial; } .spc-newsletter .fields-style input[type=checkbox] { display: inline-block; vertical-align: text-top; margin-top: 1px; } .spc-newsletter .fields-style .disclaimer { margin-top: 20px; font-size: var(--disclaimer-fs); opacity: .7; line-height: 1.7; } .spc-newsletter .fields-inline .main-fields { display: flex; } .spc-newsletter .fields-inline .main-fields p { flex-shrink: 0; margin-bottom: 0; } .spc-newsletter .fields-inline .main-fields input { border-radius: 3px; height: 44px; } .spc-newsletter .fields-inline .field-email { text-align: center; flex-grow: 1; margin-right: 5px; } .spc-newsletter .fields-inline .field-email input { padding: 7px 16px; text-align: left; } .spc-newsletter .fields-inline .field-submit { min-width: calc(50px + 13%); } .spc-newsletter .fields-full { max-width: 650px; } .spc-newsletter.has-top-icon { margin-top: 25px; } .spc-newsletter .mail-bg-icon { color: var(--c-contrast); position: absolute; font-size: 100px; line-height: 1; top: 7px; transform: rotate(12deg); z-index: 0; opacity: .04; pointer-events: none; } .s-dark .spc-newsletter .mail-bg-icon { opacity: .1; } .spc-newsletter .mail-top-icon { position: absolute; top: 0; margin-bottom: 8px; height: 62px; width: 62px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); background: var(--c-main); font-size: 30px; line-height: 1; color: var(--c-contrast-0); border-radius: 50%; } .spc-newsletter .mail-top-icon + .heading { margin-top: 25px; } .spc-newsletter .mail-icon { font-size: 32px; line-height: 1; margin-bottom: 8px; } .spc-newsletter-xs { --inner-pad: 20px; --heading-fs: 22px; --message-fs: 13px; } @media (min-width: 941px) { .spc-newsletter-lg { --inner-pad: 38px; --heading-fs: 28px; --message-fs: 15px; --disclaimer-fs: 13px; } } .spc-newsletter-a { background: transparent; } .spc-newsletter-a > .inner { border: none; padding: 0; } .spc-newsletter-a .main-top-icon { display: none; } .spc-newsletter-center .fields-inline { margin-left: -10px; margin-right: -10px; } .spc-newsletter-center > .inner { text-align: center; align-items: center; } .spc-newsletter-leter .fields-inline { margin: 0; } .spc-newsletter-b { background: var(--c-contrast-0); border: 6px solid var(--c-contrast-50); } .spc-newsletter-b .mail-top-icon { border: 10px solid var(--c-contrast-0); box-sizing: content-box; } .spc-newsletter-c { background: var(--c-contrast-50); } /** * Mobile Navigation */ .mobile-menu { --c-sep: rgba(var(--c-rgba), .08); font-size: 16px; font-family: var(--ui-font); font-weight: 700; letter-spacing: 0; color: var(--c-links); -webkit-font-smoothing: antialiased; } .mobile-menu.s-dark, .s-dark .mobile-menu { --c-sep: rgba(var(--c-rgba), 0.11); } .mobile-menu li { position: relative; display: flex; width: 100%; flex-wrap: wrap; border-bottom: 1px solid var(--c-sep); } .mobile-menu li a { max-width: calc(100% - 65px); float: none; display: block; padding: 12px 0; padding-right: 50px; line-height: 1.5; color: inherit; } .mobile-menu li li { padding-left: 12px; border: 0; } .mobile-menu li ul li:last-child ul { border-bottom-color: transparent; } .mobile-menu ul { width: 100%; max-height: 0; opacity: 0; background: transparent; overflow: hidden; border: 0; transition: opacity .6s ease, max-height .8s ease; } .mobile-menu ul > li > ul li { padding-left: 15px; } .mobile-menu ul li a { padding: 8px 0; font-size: .93em; font-size: max(13px, .93em); font-weight: 500; } .mobile-menu .nav-icons, .mobile-menu .mega-menu { display: none; } .mobile-menu .item-active > ul { opacity: 1; max-height: 3000px; transition: opacity .4s ease-in, max-height 1s ease-in; } .mobile-menu > .item-active { padding-bottom: 10px; } .mobile-menu .chevron { display: flex; align-items: center; margin-left: auto; padding: 0 25px; margin-right: -15px; border: 0; color: var(--c-contrast-400); text-align: center; font-size: 12px; -webkit-text-stroke: 1.2px var(--c-contrast-0); line-height: 1.8; cursor: pointer; } .mobile-menu .item-active > .chevron { transform: rotate(180deg); } .mobile-menu li:hover > a { opacity: .8; } /** * Off-canvas side menu */ .off-canvas { position: fixed; top: 0; left: 0; display: flex; flex-direction: column; height: 100%; width: 80vw; min-width: 320px; max-width: 370px; box-sizing: border-box; background: var(--c-contrast-0); z-index: 10000; transform: translate3d(-100%, 0, 0); transition: 0.4s ease-in-out; transition-property: transform, visibility; visibility: hidden; content-visibility: auto; } @media (max-width: 350px) { .off-canvas { min-width: 300px; } } .off-canvas-head { padding: 0 25px; padding-top: 38px; margin-bottom: 20px; } .off-canvas-content { display: flex; flex-direction: column; padding: 25px; overflow-y: auto; overflow-x: hidden; flex: 1 1 auto; } @media (min-width: 941px) { .off-canvas-content { --c-sb: var(--c-contrast-200); --c-sb-track: transparent; --sb-size: 4px; --sb-width: thin; scrollbar-width: var(--sb-width); scrollbar-color: var(--c-sb) var(--c-sb-track); } .off-canvas-content::-webkit-scrollbar-track { background-color: var(--c-sb-track); } .off-canvas-content::-webkit-scrollbar-thumb { background-color: var(--c-sb); border-radius: 3px; } .has-scrollbar .off-canvas-content::-webkit-scrollbar { width: var(--sb-size); } } .off-canvas .mobile-menu { margin-bottom: 45px; } .off-canvas .logo-image { display: inline-block; max-width: calc(100% - 34px); } .off-canvas .ts-logo { display: flex; justify-content: center; align-items: center; } .off-canvas .close { position: absolute; top: 0; right: 0; padding: 0 9px; background: #161616; color: #fff; line-height: 26px; font-size: 14px; } .off-canvas .mobile-menu { margin-top: -10px; transition: opacity 0.5s ease-in; opacity: 0.2; } .off-canvas .spc-social { --c-spc-social: var(--c-contrast); --spc-social-fs: 17px; padding-top: 10px; margin-top: auto; justify-content: center; } .off-canvas.s-dark .close, .s-dark .off-canvas .close { background: var(--c-contrast-200); } .admin-bar .off-canvas { top: var(--admin-bar-h); height: calc(100% - var(--admin-bar-h)); } @media (max-width: 940px) { .off-canvas.hide-widgets-sm .off-canvas-widgets { display: none; } } @media (min-width: 941px) { .off-canvas.hide-menu-lg .mobile-menu { display: none; } } .off-canvas-backdrop { content: ""; position: fixed; opacity: 0; z-index: 9999; pointer-events: none; height: 0; width: 0; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); transition: opacity 0.3s ease-in-out; } .off-canvas-active { overflow: hidden; } .off-canvas-active .off-canvas { transform: translate3d(0, 0, 0); visibility: visible; box-shadow: 2px 0px 15px 0 rgba(0, 0, 0, 0.1); } .off-canvas-active .mobile-menu { opacity: 1; } .off-canvas-active .off-canvas-backdrop { opacity: 1; width: 100%; height: 100%; pointer-events: auto; } .off-canvas-widgets { margin-bottom: 45px; } .off-canvas-widgets .widget { margin-bottom: 45px; } .off-canvas-widgets .widget:last-child { margin-bottom: 0; } /** * Search Modal */ .search-modal.s-dark, .s-dark .search-modal { --bg-opacity: .95; } .search-modal.mfp-bg { background: var(--c-contrast-0); opacity: 0; transition: 0.35s ease-in-out; will-change: opacity; position: fixed; z-index: 10001; pointer-events: none; } .search-modal.mfp-bg.mfp-ready { opacity: var(--bg-opacity, 0.98); } .search-modal.mfp-bg.mfp-removing { opacity: 0; } .search-modal .search-modal-wrap { display: block; } .search-modal.mfp-ready.mfp-wrap { opacity: 1; transform: none; } .search-modal.mfp-wrap, .search-modal.mfp-removing.mfp-wrap { opacity: 0; will-change: opacity; transition: 0.4s ease-in-out; transform: scale(0.95); } .search-modal.mfp-removing.mfp-wrap { transition-duration: 0.2s; } .search-modal .mfp-close { position: absolute; z-index: 1046; top: 20px; right: 20px; padding: 0; background: transparent; color: var(--c-contrast); font-size: 60px; font-family: Arial, Baskerville, monospace; line-height: 44px; opacity: 0.65; -webkit-text-stroke: 2px var(--c-contrast-0); } .search-modal .mfp-close:active { top: 20px; } .admin-bar .search-modal .mfp-close { top: 50px; } .search-modal .search-form { flex-wrap: wrap; position: relative; } .search-modal .search-field { padding: 0; padding-bottom: 12px; margin-bottom: 22px; border: 0; border-bottom: 1px solid var(--c-separator2); height: auto; font-size: 60px; font-weight: bold; line-height: 1; color: var(--c-contrast-850); background: transparent; } @media (max-width: 767px) { .search-modal .search-field { font-size: 42px; } } .search-modal .message { font-size: 18px; color: var(--c-contrast-400); } .search-modal-box { padding: 0 50px; margin: 0 auto; max-width: 790px; } @media (max-width: 767px) { .search-modal-box { max-width: 100%; } } .search-modal .live-search-results { top: 84px; left: 0; right: auto; width: 100%; margin-bottom: 15px; border: 1px solid var(--c-separator); border-top: 0; box-shadow: none; } .search-modal-wrap { display: none; } .base-text { font-family: var(--text-font); font-size: var(--text-size); line-height: var(--text-lh); text-rendering: optimizeLegibility; } /* Block Headings */ .block-head { --line-weight: 1px; --c-border: var(--c-separator2); --space-below: 26px; --c-block: var(--c-main); display: flex; flex-wrap: nowrap; font-family: var(--ui-font); align-items: center; justify-content: space-between; margin-bottom: var(--space-below); } .block-head .heading { font-size: 17px; font-weight: 700; line-height: 1.2; text-transform: uppercase; color: var(--c-block); flex-shrink: 0; max-width: 100%; } .block-head .heading .color { color: var(--c-contrast-900); } .block-head .heading a { color: inherit; } .block-head .heading .arrow { margin-left: 5px; transform: scale(1.4) translatey(-5%); } .block-head .view-link { order: 5; display: flex; align-items: center; margin-left: 15px; font-size: 13px; font-weight: 500; text-transform: none; color: var(--c-contrast-400); } .block-head .view-link:hover { color: var(--c-links); } .block-head .view-link .arrow { margin-left: 7px; font-size: 15px; } .block-head .filters + .view-link { padding-left: 15px; border-left: 1px solid var(--c-contrast-150); } .block-head .filters { display: flex; margin-left: 25px; font-size: 13px; overflow-x: auto; flex-wrap: nowrap; font-size: 13px; scrollbar-width: none; } .block-head .filters::-webkit-scrollbar { display: none; } .block-head .filters li { display: inline-block; margin-left: 15px; flex-shrink: 0; } .block-head .filters a { color: var(--c-contrast-400); } .block-head .filters .active { color: var(--c-block); } .block-head.is-center { justify-content: center; } .block-head-ac { --c-block: var(--c-contrast-900); } .block-head-ac .heading .color { color: var(--c-heading-multi, var(--c-main)); } .block-head-a { --space-below: 28px; --c-border: var(--c-separator); --line-weight: 2px; padding: 10px 14px; background: var(--c-contrast-10); border: 1px solid var(--c-border); border-bottom-width: var(--line-weight); border-left: 0; border-right: 0; color: var(--c-headings); text-transform: uppercase; } .block-head-a .heading { color: var(--c-block); font-size: 14px; font-weight: 700; letter-spacing: .02em; } .block-head-a .filters li { position: relative; font-size: 12px; margin-left: 14px; } .block-head-a .filters li:before { content: ""; border-left: 1px solid rgba(var(--c-rgba), 0.11); margin-right: 15px; } .block-head-a .filters li:first-child:before { display: none; } .block-head-a .filters a { color: var(--c-contrast-450); } .block-head-a2 { --c-border: var(--c-contrast-150); --space-below: 28px; --line-weight: 1px; background: rgba(var(--c-rgba), 0.025); padding: 9px 14px; } .block-head-a2 .heading { letter-spacing: 0; font-weight: 600; } .block-head-a2 .filters li:before { display: none; } .block-head-b { --space-below: 28px; } .block-head-c { --c-line: var(--c-main); --line-width: 40px; --line-weight: 2px; --border-weight: 1px; border-bottom: var(--border-weight) solid var(--c-border); padding-bottom: 13px; position: relative; } .block-head-c:after { content: ""; position: absolute; bottom: calc(-1 * var(--border-weight)); left: 0; width: var(--line-width); height: var(--line-weight); background-color: var(--c-line); } .block-head-c.is-center:after { left: 50%; transform: translateX(-50%); } .block-head-c .heading a { color: inherit; } .block-head-c2 { border-bottom: 0; --line-weight: 1px; --space-below: 30px; } .block-head-d { --c-border: var(--c-block); --line-weight: 2px; --space-below: 28px; border-bottom: var(--line-weight) solid var(--c-border); } .block-head-d .heading { display: inline-block; margin-bottom: 1px; padding: 9px 14px; border-radius: 2px; color: #fff; background: var(--c-block); font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; letter-spacing: 0.025em; } .block-head-d .filters { align-self: flex-end; margin-bottom: 8px; } .block-head-d .filters .active { color: var(--c-contrast-900); } .block-head-e { --c-line: var(--c-separator2); --line-weight: 1px; --inner-pad: 20px; } .block-head-e:after, .block-head-e:before { content: ""; margin-top: 1px; height: var(--line-weight); background-color: var(--c-line); flex: 1 1 auto; margin-left: var(--inner-pad); } .block-head-e:before { margin-left: 0; margin-right: var(--inner-pad); } .block-head-e.is-left:before { display: none; } .block-head-e .filters { order: 5; margin-left: 5px; } .block-head-e2 { --line-weight: 2px; --c-block: var(--c-contrast-900); } .block-head-e2 .heading { font-size: 20px; text-transform: none; } .block-head-f { --c-line: var(--c-block); --line-weight: 3px; border-bottom: 1px solid var(--c-border); border-top: var(--line-weight) solid var(--c-line); padding: 11px 0; } .block-head-f .heading { text-transform: none; font-size: 19px; color: var(--c-block); } .block-head-g { padding: 10px 14px; background: #080808; } .block-head-g .heading { font-size: 13px; font-weight: 500; color: #fff; letter-spacing: .02em; } .block-head-h { --border-weight: 1px; border-bottom: var(--border-weight) solid var(--c-border); padding-bottom: 14px; } .block-head-h .heading { font-size: 18px; font-weight: 800; } .block-head-h .view-link { text-transform: uppercase; color: var(--c-contrast-700); } .block-head-i { --line-weight: 4px; } .block-head-i .heading { font-weight: 600; letter-spacing: 0.03em; line-height: 1.5; padding-left: calc(var(--line-weight) + 13px); position: relative; } .block-head-i .heading:before { content: ""; position: absolute; left: 0; top: 0; width: var(--line-weight); height: 100%; background: var(--c-main); } /* feedburner form */ .feedburner .heading { margin-bottom: 14px; } .feedburner label { display: none; } .feedburner input { padding: 8px 12px; outline: 0; } .feedburner-email { min-width: 200px; } .feedburner-subscribe { margin-left: 4px; } .social-icons li { float: left; margin-right: 5px; height: 20px; } .social-icons li:last-child { margin-right: 0; } .social-icons .icon { display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #fff; transition: all .4s ease; } .social-icons .icon:hover { text-decoration: none; border-radius: 50%; } .main-stars { position: relative; font-size: 13px; line-height: 1; height: 1em; color: var(--c-main); overflow: hidden; display: inline-block; vertical-align: middle; margin-top: -2px; } .main-stars span { color: inherit; position: absolute; top: 0; left: 0; padding-top: 2em; overflow: hidden; } .main-stars:before, .main-stars span:before { content: "\f005\f005\f005\f005\f005"; color: inherit; letter-spacing: 2px; margin-right: -2px; display: block; font-family: ts-icons; font-style: normal; font-weight: normal; line-height: 1; } .main-stars:before { content: "\f006\f006\f006\f006\f006"; } .main-stars span:before { top: 0; left: 0; position: absolute; color: inherit; } .cat-labels { line-height: 0; } .cat-labels-overlay { position: absolute; bottom: 0; z-index: 1; display: block; max-width: 90%; max-width: calc(100% - 14px); text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cat-labels a, .cat-labels .category { display: inline-flex; background: var(--c-main); margin-right: var(--cat-label-mr, 5px); padding: 0 8px; color: #fff; border-radius: 1px; font-family: var(--ui-font); font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.03em; line-height: 22px; } .cat-labels a:hover, .cat-labels .category:hover { background: var(--hover-bg, var(--c-main)); color: #fff; -webkit-filter: contrast(1.2); filter: contrast(1.2); } .cat-labels a:last-child, .cat-labels .category:last-child { margin-right: 0; } .ar-bunyad-main-full { padding-bottom: 47.8333333%; } .ar-bunyad-main { padding-bottom: 65.3553299%; } .ar-bunyad-grid { padding-bottom: 56.2334218%; } .ar-bunyad-list { padding-bottom: 66.6666667%; } .ar-bunyad-overlay { padding-bottom: 75.066313%; } .ar-bunyad-thumb { padding-bottom: 69.0909091%; } .ar-bunyad-classic-slider { padding-bottom: 47.826087%; } .ar-bunyad-classic-slider-sm { padding-bottom: 81.8181818%; } .ar-bunyad-classic-slider-md { padding-bottom: 52.685422%; } /** * 4. =Header & Navigation * ---------------------------------------------------------------------------- */ .navigation { --nav-height: var(--head-h, 43px); font-family: var(--ui-font); color: var(--c-nav); height: 100%; align-self: center; } .s-dark .navigation { --c-nav-blip: initial; } .navigation ul { display: flex; list-style: none; line-height: 1.6; } .navigation .menu, .navigation .menu li { height: 100%; } .navigation .menu > li > a, .navigation .sub-menu > li > a { display: flex; align-items: center; } .navigation .menu > li > a { color: inherit; } @media (max-width: 940px) { .navigation .menu { display: none; } } .navigation .menu > li > a { height: 100%; text-decoration: none; text-transform: var(--nav-text-case); padding: 0 var(--nav-items-space, 17px); font-size: var(--nav-text, 15px); font-weight: var(--nav-text-weight, 600); letter-spacing: var(--nav-ls, inherit); } @media (min-width: 941px) and (max-width: 1200px) { .navigation .menu > li > a { padding: 0 5px; padding: 0 max(5px, calc(var(--nav-items-space) * .6)); font-size: calc(10px + (var(--nav-text) - 10px) * .7); } } .navigation .menu li > a:after { display: inline-block; content: "\f107"; font-family: ts-icons; font-style: normal; font-weight: normal; font-size: 14px; line-height: 1; color: var(--c-nav-blip, inherit); margin-left: 8px; } @media (min-width: 941px) and (max-width: 1200px) { .navigation .menu li > a:after { margin-left: 5px; font-size: 12px; } } .navigation .menu li > a:only-child:after, .navigation .menu .only-icon > a:after { display: none; } .navigation .menu > li:first-child > a { border-left: 0; box-shadow: none; } .navigation .menu > li:hover, .navigation .menu > .current-menu-item, .navigation .has-parent-state .current-menu-parent, .navigation .has-parent-state .current-menu-ancestor { background: var(--c-nav-hov-bg); } .navigation .menu > li:hover > a, .navigation .menu > .current-menu-item > a, .navigation .has-parent-state .current-menu-parent > a, .navigation .has-parent-state .current-menu-ancestor > a { color: var(--c-nav-hov); } .navigation .menu > li:hover > a:after, .navigation .menu > .current-menu-item > a:after, .navigation .has-parent-state .current-menu-parent > a:after, .navigation .has-parent-state .current-menu-ancestor > a:after { color: inherit; } .navigation .menu-item > a .fa, .navigation .sub-menu a > .fa { margin-right: 7px; } .navigation .menu .fa.only-icon, .navigation .only-icon .fa { margin-right: 0; } .navigation .menu ul, .navigation .menu .sub-menu { position: absolute; overflow: visible; visibility: hidden; display: block; opacity: 0; padding: 5px 0px; background: var(--c-nav-drop-bg, var(--c-contrast-0)); border: 1px solid var(--c-nav-drop-sep); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 3px -1px, rgba(0, 0, 0, 0.06) 0px 4px 11px -2px; transition: all .2s ease-in; z-index: 110; pointer-events: none; } .navigation .menu > li:not(.item-mega-menu) { position: relative; } .navigation .menu > li > ul { top: 100%; } .navigation .menu ul ul { left: 100%; top: 0; margin-top: -5px; } .navigation .menu li:first-child > ul { margin-top: -6px; } .navigation li:hover > ul, .navigation li:hover > .sub-menu { visibility: visible; opacity: 1; pointer-events: auto; } .navigation .sub-menu li > a:after { content: "\f105"; font-size: 13px; margin-left: 25px; text-shadow: none; display: inline-flex; align-self: center; } .navigation .menu li li > a:after { display: block; float: right; line-height: inherit; } .navigation .menu > li li a { float: none; display: block; padding: 9px 22px; border-top: 1px solid var(--c-nav-drop-sep); font-size: var(--nav-drop-text, 14px); letter-spacing: var(--nav-drop-ls, inherit); font-weight: var(--nav-drop-fw, 400); color: var(--c-nav-drop, inherit); text-transform: none; text-decoration: none; pointer-events: none; } .navigation .menu > li:hover li a { pointer-events: auto; } .navigation .menu li { transition: .3s ease-in; transition-property: opacity, background; } .navigation .menu ul li { float: none; min-width: 235px; max-width: 350px; border-top: 0; padding: 0 0; position: relative; } .navigation .menu ul > li:first-child > a { border-top: 0px; box-shadow: none; } .navigation .menu li li:hover, .navigation .menu li .current-menu-item { background: var(--c-nav-drop-hov-bg); } .navigation .menu li li:hover > a, .navigation .menu li .current-menu-item > a { color: var(--c-nav-drop-hov); } .nav-hov-a { --c-nav-hov: var(--c-main); --c-nav-drop-hov: var(--c-nav-hov); } .nav-hov-b { --c-nav-drop-hov-bg: rgba(0, 0, 0, 0.03); } .nav-hov-b .menu > li > a { position: relative; } .nav-hov-b .menu > li > a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9997; border-bottom: 2px solid transparent; } .nav-hov-b .menu > li:hover > a:before, .nav-hov-b .menu > .current-menu-item > a:before, .nav-hov-b .has-parent-state .current-menu-parent > a:before, .nav-hov-b .has-parent-state .current-menu-ancestor > a:before { border-color: var(--c-term, var(--c-main)); } .s-dark .nav-hov-b { --c-nav-hov-bg: rgba(255, 255, 255, 0.08); --c-nav-drop-hov-bg: rgba(255, 255, 255, 0.05); } .s-dark .nav-hov-b .menu > li > ul { top: calc(100% - 1px); } .nav-hov-b .mega-menu-a .sub-cats li:hover a { opacity: .7; } /* login */ .navigation .mega-menu .sub-menu li, .navigation .menu .mega-menu > li { min-width: 0; } /** * Mega Menu */ .mega-menu { top: 100%; } .mega-menu .sub-cats { padding: 25px 30px; padding-bottom: 35px; width: 19.5%; border-right: 1px solid var(--c-separator2); } .mega-menu .sub-cats li { min-width: initial; max-width: initial; } .mega-menu .sub-cats li:first-child { margin-top: 0; } .mega-menu .sub-cats li:first-child a { border-top: 0; } .mega-menu .sub-cats li:hover { background: none; } .mega-menu .sub-cats:not(._) a { padding-left: 0; font-size: max(14px, var(--nav-drop-text, 0)); } .mega-menu .sub-cats li:last-child a { border-bottom: 1px solid var(--c-nav-drop-sep); } .smart-head-row-full .items-center .mega-menu { left: 50%; transform: translateX(-50%); margin-left: 0; } .smart-head-row-full .items-right .mega-menu { right: 0; left: auto; } .navigation .mega-menu { width: var(--main-width); left: 0; max-width: 100%; } @media (min-width: 1201px) { .navigation .mega-menu { max-width: calc(100vw - ((var(--wrap-padding) * 2))); } } @media (min-width: 941px) and (max-width: 1200px) { .navigation .mega-menu { max-width: 100vw; margin-left: calc(-1 * var(--head-row-pad)); } } .navigation .menu .mega-menu { display: flex; flex: 0 1 auto; padding: 0; } .navigation li:hover > .mega-menu-a .lazyload { display: block; } .navigation li:not(:hover) > .mega-menu .wp-post-image { pointer-events: none; } .mega-menu-a .recent-posts { float: none; vertical-align: top; padding: 35px 30px 45px; width: 100%; } .s-dark .mega-menu-a .recent-posts { background: rgba(var(--c-rgba), 0.03); } .mega-menu-a .recent-posts .posts { display: none; } .mega-menu-a .recent-posts .posts.active { display: block; animation: 0.5s fade-in ease-out; animation-fill-mode: both; } .mega-menu-a .recent-posts .post { padding: 0 13px; } .mega-menu-a .recent-posts .post-title { font-weight: var(--title-fw-semi); font-size: 15px; } .mega-menu-a .sub-cats + .recent-posts { width: 80.5%; } .mega-menu-b .sub-cats { width: 25%; padding: 40px; padding-top: 35px; } .mega-menu-b .extend { flex-grow: 1; width: 25%; padding: 32px 40px; padding-bottom: 40px; } .mega-menu-b .sub-nav ul { top: 0; left: 100%; } .mega-menu-b .sub-nav ul li:not(._) { min-width: 220px; } .mega-menu-b .sub-nav ul li:last-child a { border-bottom: 0; } .mega-menu-b .heading { display: block; border-bottom: 1px solid rgba(var(--c-rgba), 0.1); padding: 9px 0; margin-bottom: 21px; text-transform: uppercase; font-weight: 600; } .navigation .mega-menu.links { padding: 35px 10px 40px 10px; } .navigation .mega-menu.links > li.current-menu-item { background: inherit; } .navigation .mega-menu.links > li { width: 25%; padding: 0 25px; } .navigation .mega-menu.links .sub-menu { --c-nav-drop-sep: rgba(var(--c-rgba), .05); box-shadow: none; border: 0; } .s-dark .navigation .mega-menu.links .sub-menu { --c-nav-drop-sep: rgba(var(--c-rgba), .08); } .navigation .mega-menu.links > li > a { border: 0; text-transform: uppercase; font-size: 14px; font-weight: 600; border-bottom: 1px solid var(--c-nav-drop-sep); padding: 9px 0; } .navigation .mega-menu.links > li > a:after { display: none; } .navigation .mega-menu.links > li ul { visibility: inherit; opacity: 1; position: static; margin-top: 0; } .navigation .mega-menu.links > li li a { padding-left: 10px; } .navigation .mega-menu.links > li li:last-child a { border-bottom: 1px solid var(--c-nav-drop-sep); } .navigation .mega-menu.links > li li a:before { display: inline-block; font-family: ts-icons; font-style: normal; font-weight: normal; font-size: 12px; line-height: 0.9; content: "\f105"; margin-right: 10px; } .navigation .mega-menu.links > li:hover { background: transparent; } .navigation-small .menu > li > a { line-height: 1; } .smart-head-search { position: relative; } .smart-head-search .search-button { padding: 0; margin-left: -27px; width: 20px; background: transparent; color: var(--c-contrast-400); font-size: 14px; } @media (max-width: 940px) { .smart-head-search { display: none; } } .smart-head-search .search-form { display: flex; align-items: center; } .smart-head-search .query { width: 150px; height: 30px; padding: 0 10px; font-size: 13px; border: 0; background: rgba(var(--c-rgba), 0.03); box-shadow: none; transition: all .4s ease-in-out; } .smart-head-search .query:focus { width: 190px; } .social-icons { float: right; } @media (max-width: 940px) { .social-icons { clear: both; text-align: center; float: none; } } @media (max-width: 940px) { .social-icons li { float: none; display: inline-block; } } .live-search-results { visibility: hidden; opacity: 0; position: absolute; right: 0; z-index: 1500; top: 100%; width: 350px; padding: 25px; background: var(--c-contrast-0); box-shadow: 0 2px 6px rgba(var(--c-rgba), 0.15); transition: opacity 0.3s ease-in; } .live-search-results .media { width: 80px; } .live-search-results .view-all { --c-a: var(--c-contrast-450); margin: -25px; margin-top: 25px; border-bottom: 0; } .live-search-results .view-all a { display: block; text-align: center; background: var(--c-contrast-50); border-top: 1px solid var(--c-separator); padding: 14px; text-transform: uppercase; font-size: 12px; } .live-search-results .no-results { float: none; font-size: 13px; display: block; text-align: center; } .smart-head-row.wrap .items-right .smart-head-search:last-child { position: initial; } .trending-ticker ul { float: left; } .trending-ticker li { display: none; color: var(--c-contrast-700); } .trending-ticker li:first-child { display: block; } .trending-ticker .post-link { max-width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; line-height: 1.3; padding-right: 10px; margin-top: -2px; color: inherit; } @media (max-width: 1200px) { .trending-ticker .post-link { max-width: 400px; } } @media (max-width: 940px) { .trending-ticker .post-link { max-width: 40vw; } } .trending-ticker .post-link:hover { color: inherit; opacity: .8; } .trending-ticker .heading { float: left; color: var(--c-main); text-transform: uppercase; margin-right: 35px; } .ts-logo .logo-image-dark { display: none; } .s-dark .ts-logo .logo-image-dark { display: block; } .s-dark .ts-logo .logo-image-dark + .logo-image { display: none; } @media (max-width: 940px) { .smart-head { display: none; } } .smart-head-row { --icons-size: 16px; --c-icons: var(--c-links); } .smart-head-row.s-dark, .s-dark .smart-head-row { --c-a-hover: var(--c-main); } .smart-head .logo-link { --c-a-hover: var(--c-headings); display: flex; flex-shrink: 0; align-items: center; font-size: 37px; font-weight: bold; text-align: center; letter-spacing: -1px; } @media (max-width: 540px) { .smart-head .logo-link { font-size: 28px; } } .smart-head .logo-link:not(:last-child) { --item-mr: 35px; } .smart-head .logo-link > h1, .smart-head .logo-link > span { font: inherit; display: flex; } .smart-head .logo-image { padding: 10px 0; max-height: var(--head-h); -o-object-fit: contain; object-fit: contain; } .smart-head .search-icon { color: var(--c-search-icon, var(--c-icons)); font-size: var(--search-icon-size, var(--icons-size)); display: flex; align-items: center; padding-left: 5px; height: 100%; } .smart-head .search-icon:hover { color: var(--c-main); } .smart-head .ts-button-alt { --btn-f-size: 13px; padding: 10px 17px; line-height: 1; height: auto; letter-spacing: .11em; border-color: rgba(var(--c-rgba), 0.2); } .smart-head .ts-button-alt:not(:hover) { color: var(--c-contrast-900); } .smart-head .h-date { --item-mr: 30px; flex-shrink: 0; font-size: 13px; } .smart-head .cart-icon, .smart-head .cart-link { display: flex; align-items: center; height: 100%; max-height: 55px; --c-a: var(--c-icons); font-size: var(--cart-icon-size, var(--icons-size)); } .smart-head .cart-link.has-count { padding-right: 15px; } .smart-head .cart-icon .text { display: none; } .smart-head .cart-count-wrap { position: relative; } .smart-head .cart-counter { display: none; position: absolute; min-width: 14px; padding: 2px 3px; margin-left: calc(100% - 2px); top: calc(50% - 4px); transform: translateY(-100%); border-radius: 2px; color: #fff; background: var(--c-main); text-align: center; line-height: 1; font-size: 11px; font-weight: 600; } .smart-head .cart-counter.active { display: block; } .smart-head .auth-link { --c-a: var(--c-icons); font-size: 13px; } .smart-head .auth-link .icon { font-size: var(--icons-size); } .smart-head .auth-link .icon + span { margin-left: 6px; } .smart-head .h-text { flex-shrink: 0; font-size: 13px; max-width: 100%; } .smart-head .h-text > ins { min-width: 728px; max-width: 100%; } .smart-head .is-icon { padding: 0 4px; } .smart-head .has-icon, .smart-head .has-icon-only { display: inline-flex; align-items: center; height: 100%; max-height: 45px; } .smart-head .has-icon:last-child, .smart-head .has-icon:last-child .is-icon, .smart-head .has-icon-only:last-child, .smart-head .has-icon-only:last-child .is-icon { padding-right: 0; } .smart-head .has-icon-only { --item-mr: 9px; } .smart-head .items-right .nav-wrap { justify-content: flex-end; } .smart-head .items-center .nav-wrap { justify-content: center; } .scheme-switcher { position: relative; } .scheme-switcher .icon { font-size: var(--icons-size); width: var(--icons-size); } .scheme-switcher .toggle { --c-a: var(--c-icons); line-height: 1; width: 100%; text-align: center; } .scheme-switcher .toggle-light { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; } .site-s-dark .scheme-switcher .toggle-dark { transform: scale(0) rotate(80deg); opacity: 0; pointer-events: none; } .site-s-dark .scheme-switcher .toggle-light { opacity: 1; pointer-events: auto; } .smart-head { --nav-items-space: 17px; --head-top-h: 40px; --head-mid-h: 110px; --head-bot-h: 55px; --head-row-pad: 30px; --c-bg: transparent; --c-border: var(--c-contrast-75); --c-shadow: transparent; position: relative; box-shadow: 0 3px 4px 0 var(--c-shadow); } .smart-head-row { padding: 0 var(--head-row-pad); background-color: var(--c-bg); height: var(--head-h); border: 0 solid transparent; color: var(--c-contrast-800); } @media (max-width: 767px) { .smart-head-row { padding: 0 20px; } } .smart-head-row > .inner { display: flex; justify-content: space-between; padding: var(--head-inner-pad, 0); height: 100%; position: relative; } .smart-head-row.wrap { padding: 0; --head-inner-pad: 0 25px; } .smart-head-row-full { width: 100%; } .smart-head-row-3 > .inner { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr); } @media (min-width: 941px) and (max-width: 1200px) { .smart-head-row.has-center-nav > .inner { display: flex; } } @media (min-width: 941px) { .smart-head-row.has-center-nav .logo-link { margin-right: 0; min-width: 40px; flex-shrink: 1; } } .smart-head-top { --c-bg: var(--c-contrast-50); --head-h: var(--head-top-h); --search-icon-size: 14px; --icons-size: 14px; } .smart-head-top .spc-social-b { --spc-social-fs: 14px; --spc-social-size: 34px; } .smart-head-top .ts-button { --btn-f-size: 11px; } .smart-head-top .ts-button-alt { padding: 8px 16px; } .smart-head-top.s-dark, .s-dark .smart-head-top { --c-bg: var(--c-contrast-0); } .smart-head-mid { --head-h: var(--head-mid-h); } .smart-head-mid.s-dark, .s-dark .smart-head-mid { --c-bg: var(--c-contrast-0); } .smart-head-bot { --head-h: var(--head-bot-h); border: 1px solid var(--c-border); border-left: 0; border-right: 0; } .smart-head-bot .ts-button { --btn-f-size: 12px; } .smart-head-bot.s-dark, .s-dark .smart-head-bot { --c-bg: var(--c-contrast-0); --c-border: transparent; } .smart-head .items { --item-mr: 15px; display: flex; align-items: center; flex: 1 1 auto; height: inherit; } .smart-head .items > * { margin-left: var(--item-ml, 0); margin-right: var(--item-mr); } .smart-head .items-right { justify-content: flex-end; } .smart-head .items-center { justify-content: center; flex-shrink: 0; } .smart-head .items-center:not(.empty) { padding-left: 15px; padding-right: 15px; } .smart-head .items > :first-child { margin-left: 0; } .smart-head .items-right > :last-child, .smart-head .items-center > :last-child { margin-right: 0; } .smart-head .navigation-small { --nav-items-space: 13px; --nav-text: 13px; --nav-text-weight: 400; --nav-ls: 0; --nav-text-case: none; } .smart-head .auth-link { letter-spacing: .08em; text-transform: uppercase; } .smart-head-b { --head-mid-h: 110px; --head-bot-h: 60px; --c-bg: transparent; --c-border: var(--c-separator); --nav-text: 14px; --nav-text-weight: 600; --nav-ls: 0.08em; --nav-text-case: uppercase; } .smart-head-b .s-dark, .s-dark .smart-head-b { --c-icons: var(--c-contrast-400); } .smart-head-b .navigation { --c-nav-blip: #aaa; } .smart-head-b .smart-head-bot { --icons-size: 18px; --c-border: rgba(255,255,255,.1); } .smart-head-b .smart-head-bot.s-dark, .s-dark .smart-head-b .smart-head-bot { --c-bg: var(--c-contrast-75); } .smart-head-legacy { --head-top-h: 45px; --head-mid-h: 135px; --head-bot-h: 48px; --nav-text: 14px; --nav-items-space: 20px; --nav-text-case: uppercase; } .smart-head-legacy .smart-head-search { --item-ml: 5px; --item-mr: 20px; } .site-s-dark .smart-head-legacy .smart-head-mid { --c-bg: transparent; } .smart-head-legacy .smart-head-top:not(.s-dark) { --c-bg: rgba(var(--c-rgba), .05); border-top: 4px solid var(--c-main); border-bottom: 1px solid var(--c-contrast-100); } .smart-head-legacy .smart-head-bot.wrap { --head-inner-pad: 0 15px 0 0; } .smart-head-mobile { --head-top-h: 45px; --head-mid-h: 65px; display: block; } @media (min-width: 941px) { .smart-head-mobile { display: none; } } .smart-head-mobile .smart-head-row { --icons-size: 18px; --c-icons: var(--c-contrast-800); } .smart-head-mobile .smart-head-mid { border-top-color: var(--c-main); } .smart-head-mobile > :last-child { border-bottom: 1px solid var(--c-contrast-100); } .nav-wrap { width: 100%; height: 100%; display: flex; } .offcanvas-toggle { display: flex; align-items: center; background: none; padding: 0; box-shadow: none; line-height: 1; height: 100%; } .offcanvas-toggle:hover { background: inherit; --c-hamburger: var(--c-main); } .hamburger-icon { --line-weight: 3px; --line-width: 100%; --height: 17px; display: inline-flex; vertical-align: middle; height: var(--height); width: 26px; position: relative; } .hamburger-icon .inner, .hamburger-icon .inner:before, .hamburger-icon .inner:after { position: absolute; height: var(--line-weight); background-color: var(--c-hamburger, var(--c-icons)); transition: background .2s ease-in-out; } .hamburger-icon .inner { top: auto; bottom: 0; width: calc(100% - 6px); } .hamburger-icon .inner:before, .hamburger-icon .inner:after { display: block; content: ""; width: calc(100% + 6px); } .hamburger-icon .inner:before { top: 0; transform: translateY(calc(-1 * var(--height) + 100%)); } .hamburger-icon .inner:after { bottom: 0; transform: translateY(calc(-1 * var(--height)/2 + 50%)); } .hamburger-icon-b { --line-weight: 2px; --height: 14px; width: 20px; } .hamburger-icon-b .inner, .hamburger-icon-b .inner:before, .hamburger-icon-b .inner:after { width: 100%; } .smart-head-sticky { position: fixed !important; top: 0; z-index: 10000 !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .s-light .smart-head-sticky:not(.s-dark) { background: #fff; } .smart-head-sticky.s-dark { border-bottom: 0; } .smart-head-sticky:not(.smart-head-row-full) { left: 50%; margin-left: calc(-1 * var(--main-width) / 2); box-shadow: none; } .smart-head-sticky.off { transform: translateY(-102%); } .smart-head-sticky.animate { animation: .3s smart-sticky ease-out; transition: transform .3s ease-out; will-change: opacity; } @keyframes smart-sticky { from { transform: translateY(-100%); } to { transform: none; } } @media (min-width: 600px) { .admin-bar .smart-head-sticky { top: 32px; } } /** * 5. =Widgets * ---------------------------------------------------------------------------- */ .widget { font-size: 14px; --li-pad: 5px; --c-li-sep: transparent; } .textwidget { font-size: 15px; } .widget_recent_entries, .widget_recent_comments { --li-pad: 10px; --c-li-sep: var(--c-separator); } .widget_links li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li, .widget_pages li, .widget_nav_menu li, .widget_categories li, .widget_product_categories li, .widget_archive li { border-bottom: 1px solid var(--c-li-sep); padding: var(--li-pad, 8px) 0; } .widget_links li:first-child, .widget_meta li:first-child, .widget_recent_comments li:first-child, .widget_recent_entries li:first-child, .widget_rss li:first-child, .widget_pages li:first-child, .widget_nav_menu li:first-child, .widget_categories li:first-child, .widget_product_categories li:first-child, .widget_archive li:first-child { padding-top: 0; } /* Search widget */ .widget_search { overflow: hidden; } .widget_search label > span { display: none; } .widget_search #searchsubmit { margin-left: 5px; } /** * Widget: Recent Comments */ .widget_recent_comments .url { color: var(--c-main); } .widget_recent_comments .recentcomments:before { position: absolute; left: -20px; margin-top: 3px; font-size: 10px; font-family: ts-icons; font-weight: normal; font-style: normal; vertical-align: middle; content: "\f10c"; opacity: 0.7; } .widget_recent_comments .recentcomments { position: relative; margin-left: 23px; padding: 10px 0px; color: var(--c-contrast-300); font-size: 12px; font-style: italic; } .widget_recent_comments .recentcomments > a { margin-top: 4px !important; display: block !important; font-size: 14px; font-weight: 500; font-style: normal; -webkit-font-smoothing: antialiased; } .widget_recent_comments .comment-author-link { display: inline-block; font-family: var(--ui-font); font-style: normal; font-size: 11px; font-style: italic; font-weight: 500; text-transform: uppercase; letter-spacing: 0.03em; } .widget .main-stars { margin-bottom: 10px; } .widget.page-blocks .main-stars { margin-bottom: 0; } .widget .main-stars:before { content: "\f006\f006\f006\f006\f006"; } .widget .main-stars:before, .widget .main-stars span:before { letter-spacing: 1px; margin-right: -1px; } .widget_categories li, .widget_product_categories li, .widget_archive li { overflow: hidden; text-align: right; font-weight: bold; } .widget_categories li a, .widget_product_categories li a, .widget_archive li a { float: left; font-weight: normal; } .widget_categories .children, .widget_product_categories .children, .widget_archive .children { clear: both; padding-top: var(--li-pad, 7px); } .widget_categories .children li, .widget_product_categories .children li, .widget_archive .children li { border-top: 1px solid var(--c-li-sep); margin-left: 14px; } .widget_categories .children li:first-child, .widget_product_categories .children li:first-child, .widget_archive .children li:first-child { padding-top: var(--li-pad, 7px); margin-left: 0; padding-left: 14px; } .widget_categories .children li, .widget_product_categories .children li, .widget_archive .children li { border-bottom: 0; } .widget_categories li ul li:last-child, .widget_product_categories li ul li:last-child, .widget_archive li ul li:last-child { border-bottom: 0; padding-bottom: 0; } /* Tags cloud */ .tagcloud a { padding: 2px 7px; border: 1px solid; margin: 2px 0.1em; display: inline-block; } /* RSS widget */ .widget_rss .widgettitle a { color: inherit; display: inline-block; vertical-align: middle; margin-right: 4px; } /* Calendar widget */ .widget_calendar .wp-calendar-table { width: 100%; text-align: center; margin-bottom: 10px; } .widget_calendar caption, .widget_calendar td, .widget_calendar th { text-align: center; } .widget-tabbed .block-head { padding: 0; } .widget-tabbed .tabs-list { display: flex; flex-wrap: nowrap; } .widget-tabbed .tabs-list li { line-height: 1.5; border-bottom: 0; padding: 0; } .widget-tabbed .tabs-list .active a { border-bottom: 2px solid var(--c-main); } .widget-tabbed .tabs-list a { display: block; padding: 0 14px; border-bottom: 2px solid transparent; line-height: 34px; } @media (min-width: 941px) and (max-width: 1200px) { .widget-tabbed .tabs-list a { padding: 0 7px; } } .widget-tabbed .tabs-list a:hover { text-decoration: none; } .widget-tabbed .tabs-data { border-bottom: 0; } .widget-tabbed .tabs-data > * { display: none; } .widget-tabbed .tabs-data > :first-child { display: block; } .widget-tabbed .tab-widget-wrap > * { display: block; width: 100%; margin-bottom: 0; list-style-type: none; } .widget-tabbed .tabs-data > .inactive { display: none; } /* Flickr widget */ .flickr-widget { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 12px; grid-row-gap: 14px; max-width: 450px; } .flickr-widget .media-ratio { padding-bottom: 91.6666667%; } .flickr-widget a:hover { opacity: 0.8; } /** * Social Follow Widget */ .spc-social-follow { --s-fsize: 13px; } @media (min-width: 941px) and (max-width: 1200px) { .spc-social-follow .grid { grid-template-columns: 1fr; } } .spc-social-follow .service-link { display: flex; border-radius: 2px; line-height: 44px; color: #fff; font-weight: 600; font-size: var(--s-fsize); vertical-align: middle; } .spc-social-follow .service-link:hover { opacity: .88; } .spc-social-follow .the-icon { flex-shrink: 0; color: var(--c-spcs-icon, inherit); width: 40px; font-size: 17px; line-height: inherit; text-align: center; } .spc-social-follow .label { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .spc-social-follow .count { font-weight: 700; } .spc-social-follow-a .services { grid-gap: 10px; } .spc-social-follow-a .grid-2 { --s-fsize: 12px; } .spc-social-follow-a .service { border: 0; padding: 0; } .spc-social-follow-a .service-link { font-weight: 600; padding-right: 12px; line-height: 36px; color: #f8f8f8; } .spc-social-follow-a .the-icon { width: 38px; background: rgba(0, 0, 0, 0.07); font-size: 15px; color: #fff; } .spc-social-follow-a .label { margin-left: 14px; } .spc-social-follow-a .count { margin-left: auto; line-height: inherit; } .spc-social-follow-b .services, .spc-social-follow-c .services { grid-gap: 10px; } .spc-social-follow-b .service-link.has-count .label, .spc-social-follow-c .service-link.has-count .label { order: 3; margin: 0 8px; font-size: 12px; font-weight: 500; opacity: .9; } .spc-social-follow-b .count, .spc-social-follow-c .count { order: 2; } .spc-social-follow-c .service-link { border: 1px solid var(--c-separator); line-height: 40px; color: var(--c-contrast-800); } /** * Widget: Instagram */ .spc-insta-image-wrap { position: relative; display: block; width: 100%; padding-top: 100%; } .spc-insta-image-wrap > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .widget .spc-insta-media { overflow: hidden; margin: 0 -4px; margin-bottom: -8px; } .widget .spc-insta-item { float: left; width: 33.3333333%; box-sizing: border-box; padding: 0 4px; margin-bottom: 8px; } .widget .spc-insta-image { transition: opacity 0.3s ease-in; will-change: opacity; } .widget .spc-insta-image:hover { opacity: 0.8; } .widget .spc-insta-link { margin: 20px 0 0; } .widget .spc-insta-link a { display: flex; margin: 20px 00; justify-content: center; align-items: center; background: var(--c-contrast-50); border-radius: 2px; padding: 12px 0; text-transform: uppercase; letter-spacing: 0.07em; font-size: 12px; font-weight: 500; } .widget .spc-insta-link i { margin-right: 5px; } .widget-about .logo-text { font-size: 22px; font-weight: 600; line-height: 1; margin-bottom: 28px; } .widget-about .image-logo { display: flex; margin-bottom: 20px; } .widget-about .image-full { margin-bottom: 18px; display: flex; flex-direction: column; align-items: center; } .widget-about .image-circle { position: relative; width: 100%; margin-bottom: 25px; } .widget-about .image-circle:before { content: ""; display: block; padding-top: 100%; } .widget-about .image-circle img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .widget-about .about-text p:last-child { margin-bottom: 0; } .widget-about .spc-social { margin-top: 30px; --c-spc-social: var(--c-contrast); --spc-social-fs: 16px; } .widget-about-centered { display: flex; flex-direction: column; text-align: center; } .widget-about-centered .image-logo, .widget-about-centered .image-full { display: flex; flex-direction: column; align-items: center; } .widget-about-centered .spc-social { justify-content: center; } /** * 6. =Main Content * ---------------------------------------------------------------------------- */ /** * 6.1. =Single Post * ---------------------------------------------------------------------------- */ .the-post > .post { margin-bottom: 45px; } .the-post .featured img { width: 100%; } .the-post .featured .wp-caption-text { padding-bottom: 5px; font-size: 13px; } .the-post-modern, .wrap-spacious-full { --width: 67.5; } @media (min-width: 941px) and (max-width: 1200px) { .the-post-modern, .wrap-spacious-full { max-width: 790px; } } .the-post-modern { margin: 0 auto; } @media (max-width: 940px) { .the-post-modern { width: 100%; } } @media (min-width: 1201px) { .the-post-modern { width: calc(1% * var(--width)); } .the-post-modern header, .the-post-modern .single-featured { margin-bottom: 35px; } .the-post-modern header .featured, .the-post-modern .single-featured .featured { width: var(--main-width); margin-left: calc(50% - var(--main-width) / 2); max-width: 100vw; } } @media (max-width: 1200px) { .the-post-modern .featured { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); } } .post-header { margin-bottom: 21px; } .post-header .featured { margin-bottom: 20px; position: relative; } .post-header .wp-caption-text { position: absolute; right: 15px; bottom: 5px; color: #fff; } .post-header .post-title { float: left; font-size: 25px; font-weight: 500; position: relative; padding-left: 18px; margin-right: 35px; } .post-header .post-title:before { content: " "; display: block; float: left; position: absolute; left: 0; top: .2em; height: calc(100% - .3em); border-left: 3px solid var(--c-main); } .post-header .comments { float: right; margin-left: -35px; color: var(--c-contrast-400); font-size: 12px; line-height: 32px; } .post-header .comments:hover { text-decoration: none; } .post-header .comments i { font-size: 13px; } .post-header .the-post-meta { color: var(--c-contrast-400); padding: 0; font-size: 11px; text-transform: uppercase; padding: 10px 0; border: 1px solid var(--c-separator); border-left: 0; border-right: 0; margin-top: 21px; overflow: hidden; } .post-header .the-post-meta time { text-transform: uppercase; } .post-header .the-post-meta .cats { float: right; } .main-content video { width: 100%; height: 100%; max-width: 100%; } .title-above .post-header .the-post-meta { margin-bottom: 28px; } .title-above .post-header .featured { margin-bottom: 0; } .s-head-modern { --cat-label-mr: 8px; --p-meta-icons-mr: 12px; --title-size: 35px; margin-bottom: 25px; } .s-head-modern .cat-labels { position: static; } .s-head-modern .post-meta { margin-bottom: 20px; } .s-head-modern .post-meta.has-author-img { line-height: 2.2; } .s-head-modern .post-title { margin: 15px 0; font-size: var(--title-size); font-weight: 700; line-height: 1.24; letter-spacing: -.005em; } @media (max-width: 767px) { .s-head-modern .post-title { font-size: calc(var(--title-size) * 0.829); } } .s-head-modern .sub-title { margin-bottom: 15px; margin-top: -3px; font-size: 17px; color: var(--c-contrast-500); } @media (max-width: 767px) { .s-head-modern .sub-title { font-size: 16px; } } .s-head-modern .cat-labels { padding-bottom: 1px; } .s-head-modern .post-author img { margin-right: 11px; } .s-head-modern > :last-child { margin-bottom: 0; } .s-head-large { margin-bottom: 26px; } .s-head-large .post-title { margin: 16px 0; margin-top: 15px; max-width: 1050px; font-size: 43px; line-height: 1.2; } @media (max-width: 1200px) { .s-head-large .post-title { font-size: calc(1.5151515vw + 21.8181818px); } } @media (min-width: 941px) { .s-head-large .post-share { max-width: 66%; } } @media (min-width: 1201px) { .s-head-large .sub-title { margin-bottom: 18px; font-size: 18px; max-width: 1000px; } .s-head-large .cat-labels a { font-size: 12px; font-weight: 600; line-height: 26px; padding: 0 10px; } .s-head-large .post-cat > a { font-weight: 700; font-size: 14px; letter-spacing: .05em; } } @media (min-width: 1201px) { .s-post-large.the-post-modern .featured, .s-post-large-center.the-post-modern .featured { width: 100vw; margin-left: calc(50% - 50vw); } } .s-head-center { text-align: center; margin: 0 auto; margin-top: 10px; margin-bottom: 40px; max-width: 880px; } .s-head-center .post-title { margin: 22px 0; } .s-head-center .post-meta { align-items: center; } .s-head-center .post-share { justify-content: center; max-width: initial; } @media (min-width: 941px) { .has-s-large-bot .main-sidebar { margin-top: -65px; } } .single-featured { margin-bottom: 32px; } .post-pagination { margin: 40px 0; } .post-pagination:last-child:not(._) { margin-bottom: 15px; } .the-post-tags { display: flex; flex-wrap: wrap; margin-top: 35px; font-family: var(--ui-font); } .the-post-tags:last-child { margin-bottom: -10px; } .the-post-tags a { display: inline-block; margin-right: 5px; margin-bottom: 3px; padding: 0 10px; background: var(--c-contrast-50); color: var(--c-contrast-400); font-size: 13px; letter-spacing: .03em; line-height: 28px; border-radius: 2px; } .spc-alp-main { margin-bottom: 0; } .spc-auto-load-post { box-sizing: content-box; margin-top: 50px; padding-top: 55px; border-top: 1px solid var(--c-separator2); } .spc-auto-load-post > .main { margin: 0 auto; } .spc-alp-loader { position: relative; left: 50%; transform: translateX(-50%); margin: 55px 0 50px; } .post-share-bot { display: flex; margin: 22px 0; padding: 0; padding-top: 10px; justify-content: space-between; align-items: center; } .post-share-bot + * { margin-top: 22px; } .post-share-bot .info { font-size: 13px; font-weight: 500; display: inline-block; margin-right: 30px; text-transform: uppercase; color: var(--c-links); } @media (max-width: 767px) { .post-share-bot .info { display: none; } } .post-share-bot .share-links { display: flex; width: 100%; justify-content: flex-end; } .post-share-bot .share-links a { flex: 0 0 auto; width: 70px; height: 32px; line-height: 32px; border-radius: 2px; text-align: center; color: #fff; font-size: 18px; margin-right: 4px; } @media (max-width: 767px) { .post-share-bot .share-links a { flex: 1 1 auto; } } .post-share-bot .share-links a:hover { text-decoration: none; } /* Post Share: Style B */ .post-share-b { --service-sm-width: 42px; display: flex; font-family: var(--ui-font); } .post-share-b:not(._) { margin-bottom: -5px; } .post-share-b a:hover { text-decoration: none; } .post-share-b .service { display: flex; flex: 0 1 auto; min-width: 100px; width: var(--service-width, 140px); margin-right: 5px; margin-bottom: 5px; border-radius: 2px; color: #fff; line-height: 38px; justify-content: center; box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.1); } @media (max-width: 540px) { .post-share-b .service { min-width: initial; flex: 1 1 auto; } } .post-share-b .service:hover { -webkit-filter: brightness(110%); filter: brightness(110%); } .post-share-b .service i { padding: 0; font-size: 17px; line-height: inherit; } .post-share-b .service .label { margin-left: 11px; font-size: 13px; font-weight: 600; } @media (max-width: 540px) { .post-share-b .service .label { font-size: 11px; } } @media (max-width: 415px) { .post-share-b .service .label { display: none; } } .post-share-b .service-sm { display: none; min-width: initial; width: var(--service-sm-width, 42px); } .post-share-b .service-sm .label { display: none; } .post-share-b .show-more { display: flex; margin-bottom: 5px; width: 40px; min-width: 38px; align-items: center; justify-content: center; border: 1px solid var(--c-contrast-150); border-radius: 2px; color: var(--c-contrast-200); font-size: 13px; } .s-dark .post-share-b .show-more { color: var(--c-contrast-500); } .post-share-b.all .service { display: flex; } @media (max-width: 540px) { .post-share-b.all .service { min-width: initial; width: var(--service-sm-width); } .post-share-b.all .label { display: none; } } .post-share-b.all .show-more { display: none; } @media (min-width: 1201px) { .post-share-b2 { --service-width: 200px; --service-sm-width: 55px; } .post-share-b2 .service { line-height: 40px; } .post-share-b2 .service i { font-size: 18px; } .post-share-b2 .show-more { width: 44px; font-size: 14px; } } .post-share-float .service { display: flex; font-size: 17px; justify-content: center; align-items: center; } .post-share-float .share-text { display: block; margin-bottom: 25px; color: var(--c-contrast); font-family: var(--ui-font); font-size: 11px; font-weight: 600; letter-spacing: 0.07em; text-align: center; text-transform: uppercase; word-wrap: normal; overflow-wrap: normal; } @media (max-width: 767px) { .post-share-float .share-text { display: none; } } .post-share-float .label { display: none; } .share-float-a .service { color: var(--c-spcs-icon); border: 1px solid var(--c-contrast-100); margin-bottom: -1px; width: 46px; height: 46px; } .share-float-b .service { color: var(--c-spcs-icon); margin-bottom: 11px; width: 40px; height: 40px; border: 0; box-shadow: -1px -1px 2px 0px rgba(var(--c-rgba), 0.05), 1px 3px 4px -1px rgba(var(--c-rgba), 0.12); border-radius: 50%; font-size: 16px; will-change: transform; } @media (max-width: 767px) { .share-float-b .service { margin-left: 2%; margin-right: 2%; width: 40px; height: 40px; } } .share-float-b .service:hover { background: var(--c-contrast-0); transform: translateY(-2px); } .share-float-c .service { color: #fff; margin-bottom: 8px; width: 40px; height: 40px; border-radius: 50%; box-shadow: 1px 2px 4px -1px rgba(0, 0, 0, 0.1); font-size: 16px; } .share-float-d .service { color: #fff; border: 0; margin-bottom: 5px; width: 40px; height: 40px; font-size: 16px; border-radius: 3px; } .share-float-e .service { color: var(--c-contrast-700); background: var(--c-contrast-50); margin-bottom: 7px; width: 40px; height: 40px; font-size: 17px; } .share-float-e .service:hover { color: var(--c-spcs-icon); } .post-share-float { position: absolute; margin-left: -90px; height: calc(100% + 50px); } @media (max-width: 767px) { .post-share-float { display: none; } } .post-share-float > .inner { position: -webkit-sticky; position: sticky; top: 20px; margin-top: 5px; opacity: 1; transition: opacity .2s ease-in, top .3s; will-change: opacity; } .post-share-float.is-hidden .inner { opacity: 0; } .post-share-float-vp { margin-left: calc(-1 * (100vw - 20px - var(--main-width)) / 2); } .has-share-float { position: relative; } @media (max-width: 940px) { .has-share-float > .content-spacious-full { --content-share-ml: 75px; } } .has-share-float-in > .content-spacious { --content-share-ml: calc(85px - var(--p-spacious-pad)); } @media (max-width: 940px) { .has-share-float-in > .content-spacious { --content-share-ml: calc(75px - var(--p-spacious-pad)); } } .has-share-float-in > .content-normal { --content-share-ml: 75px; } .has-share-float-in .post-share-float { margin-left: 0; } .has-share-float > .post-content { margin-left: var(--content-share-ml); } @media (max-width: 767px) { .has-share-float > .post-content { --content-share-ml: auto; } } @media (min-width: 1201px) { .the-post-modern .post-share-float { margin-left: -180px; } } @media (min-width: 941px) and (max-width: 1200px) { .the-post-modern .post-share-float { margin-left: calc(-5.7692308vw - 20.7692308px); } } @media (min-width: 941px) { .the-post-modern .post-content { margin-left: auto; } } .post-content > .review-box { margin-top: 2.2em; margin-bottom: 2.2em; } .review-box { background: rgba(var(--c-rgba), 0.05); border-left: 3px solid var(--c-separator); padding: 10px 15px 0 15px; } .review-box > .inner { font-size: .9em; font-size: max(14px, .9em); } .review-box .criteria { font-size: 13px; margin: 0; } .review-box .criteria, .review-box .verdict { font-family: var(--ui-font); } .review-box .heading { font-size: 18px; font-weight: var(--title-fw-semi); border-left: 3px solid var(--c-main); margin-left: -18px; padding-left: 15px; line-height: 2; margin-top: 3px; margin-bottom: 14px; } .review-box .verdict-box { overflow: hidden; padding: 34px 0; border-top: 1px solid var(--c-separator2); border-bottom: 1px solid var(--c-separator2); } .review-box .overall { float: left; background: var(--c-main); color: #fff; padding: 10px 8px; min-width: 130px; text-align: center; } .review-box .overall .number { display: block; font-size: 65px; font-weight: 600; line-height: 1; } .review-box .overall .best { display: none; } .review-box .overall .percent { font-size: 25px; } .review-box .overall .verdict { display: block; font-size: 14px; text-transform: uppercase; margin-top: 10px; } .review-box .summary p:last-child { margin-bottom: 0; } .review-box .verdict-box .text { margin-left: 150px; } .review-box ul { list-style: none; margin-left: 0; padding: 28px 0; } .review-box li { margin-bottom: 15px; flex-wrap: wrap; } .review-box li, .review-box .criterion { display: flex; width: 100%; align-items: center; justify-content: space-between; } .review-box .label { font-size: 14px; } .review-box .criterion { overflow: hidden; line-height: 2; } .review-box ul .rating { float: right; font-weight: 600; margin-left: auto; order: 3; white-space: nowrap; } .review-box .rating-bar, .review-box .bar { width: 100%; background: var(--c-contrast-0); height: 21px; order: 5; } .review-box .bar { background: var(--c-main); display: block; } .review-box.stars li:first-child { margin-top: -28px; } .review-box.stars li { border-bottom: 1px solid var(--c-separator2); padding: 10px 0; margin: 0; } .review-box .overall-stars { display: block; height: 15px; text-align: center; } .review-box .overall-stars .main-stars { float: none; max-width: 6em; margin: 0 auto; margin-top: 14px; font-size: 15px; color: rgba(255, 255, 255, 0.2); text-align: left; } .review-box .overall-stars .main-stars span:before { color: #fff; } .review-box .main-stars { float: right; font-size: 17px; display: block; padding-right: 1px; color: var(--c-contrast-150); order: 3; } .review-box .main-stars:before, .review-box .main-stars span:before { margin-right: -4px; letter-spacing: 5px; } .review-box .main-stars:before { content: "\f005\f005\f005\f005\f005"; } .review-box .main-stars span:before { color: var(--c-main); } .user-ratings .votes { font-size: 11px; letter-spacing: 1px; margin-left: 5px; text-transform: uppercase; } .user-ratings .hover-number { letter-spacing: 1px; float: right; font-weight: 600; margin-left: auto; } .stars .user-ratings .hover-number { margin-right: 21px; } .user-ratings .main-stars, .user-ratings .rating-bar { cursor: pointer; } .user-ratings.voted .main-stars, .user-ratings.voted .rating-bar { cursor: default; } /** * Post Next/Prev Navigation */ .navigate-posts { border-top: 1px solid var(--c-separator); padding: 0; padding-top: 35px; margin-bottom: 35px; overflow: hidden; display: flex; width: 100%; } .navigate-posts .previous, .navigate-posts .next { flex: 1 1 auto; width: 50%; text-align: right; box-sizing: border-box; padding: 0 35px; } @media (max-width: 540px) { .navigate-posts .previous, .navigate-posts .next { padding: 0 15px; } } .navigate-posts .previous:only-child, .navigate-posts .next:only-child { text-align: inherit; border-left: 0; padding-left: 0; } .navigate-posts .title { display: block; margin-bottom: 10px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.03em; } .navigate-posts .link { font-family: var(--title-font); font-weight: 500; font-size: 15px; } @media (max-width: 540px) { .navigate-posts .link { font-size: 14px; } } .navigate-posts .previous { padding-left: 21px; } @media (max-width: 540px) { .navigate-posts .previous { padding-left: 0; } } .navigate-posts .next { text-align: left; border-left: 1px solid var(--c-separator); padding-right: 21px; } @media (max-width: 540px) { .navigate-posts .next { border-left: 0; padding-right: 0; } } .navigate-posts .previous i { margin-right: 7px; } .navigate-posts .next i { margin-left: 7px; } .related-posts { --block-wrap-mb: 0; margin-top: 46px; margin-bottom: 46px; } /** * Comments Section */ .comments-list { margin-bottom: 42px; } .comments-list .comment { margin-top: 28px; } .comments-list .comment-meta, .comments-list .comment-content, .comments-list .children { margin-left: 64px; } @media (max-width: 767px) { .comments-list .children { margin-left: 15px; } } .comments-list .avatar { float: left; border-radius: 50%; } .comments-list .bypostauthor .comment-author a { color: var(--c-main); } .comments-list .pingback { font-size: 13px; margin-left: 75px; border-bottom: 1px solid var(--c-separator); padding-top: 21px; } .comments-list .comment-content { font-size: 15px; line-height: 1.714; border-bottom: 1px solid var(--c-separator); position: relative; padding-bottom: 42px; margin-top: 12px; } .comments-list .comment-content p { margin-bottom: 1.5em; } .comments-list .comment-content p:last-of-type { margin-bottom: 0; } .comments-list .comment-content .reply { position: absolute; bottom: -1px; right: 0; color: var(--c-contrast-400); font-size: 12px; letter-spacing: 0.03em; border-bottom: 1px solid var(--c-main); } .comments-list .comment-content .reply a { color: inherit; padding: 5px 0; text-transform: uppercase; display: block; } .comments-list .comment-content .reply a:hover { text-decoration: none; } .comments-list .comment-content .reply i { font-size: 13px; color: var(--c-contrast-300); margin-left: 5px; } .comment-meta { color: var(--c-contrast-400); font-size: 13px; font-family: var(--ui-font); } .comment-meta a { color: inherit; } .comment-meta .comment-author { display: inline-block; margin-right: 3px; font-size: 1.08em; font-weight: 500; color: var(--c-links); } .comment-nav { overflow: hidden; font-size: 13px; margin: -14px 0 28px 75px; } .comment-nav .nav-previous { float: left; } .comment-nav .nav-next { float: right; } .comment-nav a { color: var(--c-contrast-600); } .comment .comment-respond { margin-top: -1px; border-top: 1px solid var(--c-separator); } .comment-respond { margin-top: 50px; margin-bottom: 10px; background: var(--c-contrast-50); padding: 32px 28px; } .comment-respond .comment-reply-title { font-weight: 700; font-size: 15px; margin-bottom: 20px; letter-spacing: 0.04em; text-transform: uppercase; } .comment-respond p { margin-bottom: 28px; } .comment-respond small { float: right; margin-top: 3px; font-size: 12px; font-weight: 400; font-family: var(--ui-font); letter-spacing: 0.03em; border-bottom: 1px solid var(--c-contrast-100); } .comment-respond small a { color: var(--c-contrast-400); } .comment-form { display: flex; flex-wrap: wrap; justify-content: space-between; color: var(--c-contrast-500); } .comment-form > * { width: 100%; } .comment-form textarea { display: block; } .comment-form p { margin-bottom: 20px; } .comment-form .form-field { width: calc(33% - 15px); } @media (max-width: 1200px) { .comment-form .form-field { width: 100%; } } .comment-form .form-field input { height: 42px; width: 100%; } .comment-form input[type=checkbox] + label { margin-left: 6px; } .comment-form .form-submit { margin-top: 10px; margin-bottom: 2px; } .comment-form .submit { padding: 2px 22px; background: #080808; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); font-size: 13px; } .ts-comments-hidden { display: none; } .ts-comments-show { display: flex; justify-content: center; margin: 40px 0 20px; --btn-height: 42px; --btn-f-size: 13px; } .ts-comments-show .ts-button { flex: 1; display: flex; justify-content: center; align-items: center; border-radius: 3px; } .ts-comments-show .ts-button-b { font-weight: 700; max-width: 350px; } .ts-comments-show .ts-button-alt { max-width: 340px; font-size: 13px; font-weight: 700; line-height: 20px; } .ts-comments-show .ts-button-alt:not(:hover) { color: var(--c-contrast-700); } /** * Post Style Cover */ .post-layout-cover .main { margin-top: 35px; } @media (max-width: 940px) { .post-layout-cover .main { margin-top: 0; } } .post-cover { margin-bottom: 42px; overflow: hidden; } @media (max-width: 940px) { .post-cover { width: 100vw; margin-left: calc(50% - 50vw); } } .post-cover .featured { position: relative; } .post-cover .featured .wp-post-image { display: block; max-width: 100%; } .post-cover .featured .hidden { visibility: hidden; } .post-cover .overlay { position: absolute; bottom: 0; padding: 28px; padding-top: 10%; width: 100%; box-sizing: border-box; z-index: 5; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%); } .post-cover .caption { position: absolute; z-index: 200; color: #a6a6a6; background: rgba(0, 0, 0, 0.35); font-size: 12px; font-style: italic; text-shadow: none; width: auto; bottom: 0; right: 0; padding: 11px 21px; } .post-cover .caption a { color: #eee; } .post-cover .post-meta { color: #eee; } .post-cover .post-meta .post-author > a { font-weight: 600; } .post-cover .post-meta .post-author img { margin-right: 13px; } .post-cover .post-meta .post-title { margin: 20px 0; max-width: 66.667%; font-size: 34px; line-height: 1.3; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } @media (max-width: 940px) { .post-cover .post-meta .post-title { max-width: initial; } } @media (max-width: 767px) { .post-cover .post-meta .post-title { font-size: 26px; } } @media (min-width: 768px) { .post-cover .post-meta .has-next-icon:not(.has-icon) { margin-right: 28px; } } .post-cover .media-ratio { min-height: 320px; } .post-cover .gallery-slider { margin-bottom: 0; } /** * Multipage Post slideshow */ .post-slideshow { margin-top: 14px; background: rgba(var(--c-rgba), 0.025); padding: 1.857em 30px; } @media (max-width: 540px) { .post-slideshow { margin-left: -20px; margin-right: -20px; } } .post-slideshow > p:last-child, .post-slideshow .content-page > p:last-child { margin-bottom: 7px; } .post-slideshow .content-page { margin-bottom: 0; opacity: 1; transition: all 0.5s ease-in; } .post-slideshow .content-page.hidden { opacity: 0; } .post-slideshow img.alignnone { margin-bottom: 5px; } .post-slideshow .post-pagination-large, .post-slideshow .post-pagination-large:first-child { margin: 0 -30px; padding: 14px 25px; margin-top: -1.857em; margin-bottom: 1.857em; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); } .post-slideshow .post-pagination-large.bottom, .post-slideshow .post-pagination-large:first-child.bottom { margin-top: 1.857em; margin-bottom: -1.857em; } .post-pagination-large { overflow: hidden; background: rgba(var(--c-rgba), 0.03); } .post-pagination-large .info { font-size: 12px; text-transform: uppercase; } .post-pagination-large .info strong { padding: 0 2px; } .post-pagination-large .ts-button { --btn-height: 32px; --btn-l-height: 32px; display: inline-block; font-size: 12px; } .post-pagination-large .next, .post-pagination-large .prev { padding: 0 3px; font-size: 11px; display: inline-block; } .post-pagination-large .links { float: right; } /** * 6.2. =Single & Other Pages * ---------------------------------------------------------------------------- */ .main-heading { --title-size: 35px; font-weight: 700; font-size: var(--title-size); line-height: 1.3; margin-bottom: 35px; } @media (max-width: 767px) { .main-heading { font-size: calc(var(--title-size) * 0.829); } } .page-content .main-heading { font-weight: 600; } .author .section-head { display: none; } .author .author-info { border-bottom: 1px solid var(--c-separator); padding-bottom: 42px; } .authors-list .posts { display: block; margin-top: 18px; } .authors-list .posts .ts-button { display: inline-block; text-transform: uppercase; padding: 0 11px; --btn-height: 32px; } .post-content + .authors-list { margin-top: 40px; } .post-content .wpcf7 { margin-top: 42px; } .post-content .wpcf7-not-valid-tip { position: static; margin-top: 8px; padding-left: 10px; border: 0; font-size: 13px; border-left: 2px solid var(--c-main); } .page-404 .main-heading { text-align: center; margin-bottom: 55px; } .page-404 .text-404 { margin-top: -25px; font-size: 105px; font-family: Georgia, Times, serif; letter-spacing: -.04em; line-height: 1; text-align: center; } @media (max-width: 940px) { .page-404 .text-404 { margin-bottom: 35px; } } .page-404 .links { margin: 30px 0; list-style-position: inside; } .mu_register.wp-signup-container { max-width: 700px; margin: 0 auto; margin-top: 50px; } .archive-heading { font-family: var(--ui-font); font-size: 19px; font-weight: 600; text-transform: uppercase; border-left: 3px solid var(--c-main); padding-left: 14px; line-height: 2; letter-spacing: 0.01em; margin-bottom: 40px; } .archive-heading span { font-weight: 700; margin-left: 10px; } .archive-description { margin-top: -18px; margin-bottom: 40px; font-size: 15px; color: var(--c-contrast-650); line-height: 1.7; } .archive-description > :last-child { margin-bottom: 0; } .archive-author-box { margin-bottom: 40px; } .block-wrap { margin-bottom: var(--block-wrap-mb); } .block-wrap.mb-sm { margin-bottom: 30px; } .block-wrap.mb-md { margin-bottom: 45px; } .block-wrap.mb-none { margin-bottom: 0; } .block-content { position: relative; } .block-content.loading { will-change: transform; opacity: 0.2; } .read-more-btn { padding: 10px 16px; height: auto; line-height: 1; font-weight: 500; text-transform: uppercase; } @media (max-width: 350px) { .read-more-btn { font-size: 10px; padding: 10px 14px; } } .read-more-btn-b { background: var(--c-main); color: #fff; } .read-more-link { display: inline-block; align-self: flex-start; margin-top: 18px; } .read-more-basic { margin-top: 15px; border-bottom: 1px solid var(--c-contrast-100); color: var(--c-main); font-weight: var(--fw-semi); font-size: 14px; } .read-more-basic:hover { opacity: 0.8; } /** * 7. =Main Sidebar * ---------------------------------------------------------------------------- */ .main-sidebar { --sidebar-c-pad: var(--sidebar-pad); width: 100%; } @media (min-width: 941px) { .main-sidebar { padding-left: var(--sidebar-c-pad); margin-left: auto; width: var(--sidebar-width); } } @media (max-width: 940px) { .main-sidebar { margin-top: 50px; } } .main-sidebar .widget { margin-bottom: 45px; } .main-sidebar .widget:last-child { margin-bottom: 0; } .has-sb-sep .main-sidebar { position: relative; border-left: 1px solid transparent; --sidebar-c-pad: var(--sidebar-sep-pad, calc(var(--sidebar-pad) + 8px)); } .has-sb-sep .main-sidebar.elementor-column::before, .has-sb-sep .main-sidebar:before { content: " "; position: absolute; border-left: 1px solid var(--c-sidebar-sep); height: 100%; margin-left: calc(-1 * (var(--grid-gutter) / 4 + var(--sidebar-c-pad) / 2)); } @media (max-width: 940px) { .has-sb-sep .main-sidebar.elementor-column::before, .has-sb-sep .main-sidebar:before { display: none; } } .main-sidebar .flickr-widget { margin-bottom: -14px; } /** * 8. =Footer * ---------------------------------------------------------------------------- */ .main-footer { color: var(--c-contrast-600); margin-top: var(--footer-mt); background: var(--footer-bg); } .main-full + .main-footer { margin-top: 0; } .upper-footer > .wrap { padding-top: 60px; padding-bottom: 60px; } @media (max-width: 940px) { .upper-footer > .wrap { padding-top: 55px; padding-bottom: 55px; } } .upper-footer .block-head { --space-below: 30px; } .upper-footer .block-head .heading { font-size: 15px; letter-spacing: .04em; } .s-dark .upper-footer .block-head { --c-block: var(--c-contrast); } .upper-footer .feedburner input { background: #1f2c38; color: #c5c7cb; border: 0; font-size: inherit; line-height: 1.4; } .upper-footer input.feedburner-subscribe { background: #2a3c4c; padding: 0 14px; font-weight: 600; } @media (min-width: 941px) { .upper-footer .widgets { margin-bottom: -55px; } } .upper-footer .widget { margin-bottom: 55px; } @media (max-width: 940px) { .upper-footer .widget:last-child { margin-bottom: 0; } } .lower-footer { font-size: 13px; background: var(--footer-lower-bg); --c-links: var(--c-contrast-700); color: var(--c-contrast-500); } .lower-footer .menu { display: flex; } .classic-footer-lower .inner { padding-top: 24px; padding-bottom: 24px; display: flex; } @media (max-width: 940px) { .classic-footer-lower .inner { padding: 40px 0; flex-direction: column; align-items: center; text-align: center; } } .classic-footer-lower .links { margin-left: auto; } @media (max-width: 940px) { .classic-footer-lower .links { margin-left: initial; margin-top: 22px; } } .classic-footer-lower .menu { flex-wrap: wrap; margin-bottom: -7px; } @media (max-width: 940px) { .classic-footer-lower .menu { justify-content: center; } } .classic-footer-lower .menu li { margin-bottom: 7px; } .classic-footer-lower .menu li:before { content: "|"; padding: 0 10px; display: inline-flex; align-self: center; font-size: .8em; opacity: .3; } .classic-footer-lower .menu li:first-child:before { content: ''; } .classic-footer-lower .menu .sub-menu { display: none; } @media (min-width: 941px) { .bold-footer-upper > .wrap { padding-top: 70px; padding-bottom: 60px; } } .bold-footer-lower { --c-links: var(--c-contrast-500); color: var(--c-contrast-400); } .bold-footer-lower .inner { padding: 60px 20px; display: flex; flex-direction: column; align-items: center; } @media (max-width: 767px) { .bold-footer-lower .inner { padding: 50px 20px; } } .bold-footer-lower .footer-logo { margin-bottom: 34px; } .bold-footer-lower .footer-logo + .spc-social { margin-top: -9px; } .bold-footer-lower .spc-social { --c-spc-social: var(--c-contrast); --spc-social-fs: 18px; --spc-social-size: 42px; --spc-social-space: 10px; margin-bottom: 34px; } .bold-footer-lower .links { margin-bottom: 20px; --c-links: var(--c-foot-menu, var(--c-contrast)); } .bold-footer-lower .links .menu { display: flex; justify-content: center; flex-wrap: wrap; } .bold-footer-lower .links .menu-item { margin-bottom: 11px; margin-right: 25px; font-family: var(--ui-font); font-size: 13px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; } @media (max-width: 940px) { .bold-footer-lower .links .menu-item { font-size: 13px; margin-right: 25px; } } @media (max-width: 767px) { .bold-footer-lower .links .menu-item { font-size: 12px; margin-right: 20px; } } .bold-footer-lower .links .menu-item:last-child { margin-right: 0; } .main-footer .widget_calendar a { color: var(--c-links); } /** * 9. =Miscellaneous * ---------------------------------------------------------------------------- */ /** * Boxed Layout */ .layout-boxed { background: var(--c-contrast-75); } .layout-boxed .main-wrap { background: var(--c-contrast-0); box-shadow: 0 0 15px 0 rgba(var(--c-rgba), 0.08); } @media (min-width: 1201px) { .layout-boxed .main-wrap { --main-wrap-width: calc(var(--main-width) + var(--boxed-pad) * 2); width: var(--main-wrap-width); max-width: 100%; margin: 0 auto; } } .s-dark .layout-boxed .main-wrap { box-shadow: 0 0 25px 0 rgba(var(--c-rgba), 0.02); border: 1px solid var(--c-contrast-100); border-top: 0; border-bottom: 0; } @media (min-width: 1201px) { .layout-boxed .smart-head-sticky { width: var(--main-wrap-width); } } @media (min-width: 1201px) { .layout-boxed.no-sidebar .alignfull { width: var(--main-wrap-width, 100vw); margin-left: calc(-1 * var(--boxed-pad)); margin-right: calc(-1 * var(--boxed-pad)); } .layout-boxed.no-sidebar .alignfull img:not(._) { width: inherit; } } .layout-boxed .feat-grid-full { width: calc(100% + 1px); overflow: hidden; } .ts-bg-cover { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-position: center center; background-size: cover; background-attachment: fixed; will-change: transform; z-index: -1; } .a-wrap { --display-init: flex; display: flex; flex-direction: column; justify-content: center; align-items: center; } .a-wrap .label { width: 100%; margin-bottom: 4px; color: var(--c-contrast-450); text-align: center; font-size: 12px; line-height: 1.5; } .a-wrap a > img { display: block; } .a-wrap > ins, .a-wrap > iframe { width: 100%; text-align: center; } .a-wrap-base { margin: 30px auto; padding: 0 15px; } .a-wrap-bg { margin: 0; padding: 30px 15px; background: var(--c-contrast-50); } .a-wrap-2 { margin-top: 35px; margin-bottom: 35px; } .a-wrap-3:not(.a-wrap-bg) { margin-bottom: 42px; } .a-wrap-3 + .main-footer { margin-top: 0; } .a-wrap-5, .a-wrap-6 { padding: 30px 0; } .a-wrap-8 { padding: 0; } .post-content .a-wrap-8 { margin: 2.3em auto; } /** * Authentication modal. */ .ts-modal { display: none; position: relative; z-index: 10001; } .ts-modal.is-open { display: block; } .ts-modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; outline: none; } .ts-modal[aria-hidden=false] .ts-modal-overlay { animation: fade-in-up-lg .3s ease-in-out; } .ts-modal[aria-hidden=true] .ts-modal-overlay { animation: fade-in .3s ease-in-out; animation-direction: reverse; } .ts-modal-container { position: relative; background-color: var(--c-contrast-0); padding: 30px; max-width: 98vw; max-height: 98vh; border-radius: 4px; overflow-y: auto; } .ts-modal-header { display: flex; } .ts-modal .close-btn { position: absolute; top: 8px; right: 9px; padding: 10px; height: auto; line-height: 1; background: none; border: 0; box-shadow: none; color: var(--c-contrast-500); font-size: 1.1em; } .ts-modal .close-btn:hover { color: var(--c-contrast); } .ts-modal .close-btn:before { content: "\2715"; } .auth-modal .ts-modal-container { width: 400px; padding: 45px 42px; text-align: center; } .auth-modal-register { display: none; } .auth-widget { --c-a: var(--c-main); --c-a-hover: var(--c-contrast); } .auth-widget .input-group { margin-bottom: 14px; --input-height: 42px; } .auth-widget .input-group input { text-align: center; width: 100%; } .auth-widget .heading { margin-top: 12px; font-size: 28px; } .auth-widget .message { margin-top: 4px; margin-bottom: 28px; } .auth-widget .message a { font-weight: 500; } .auth-widget .submit { --btn-height: 42px; width: 100%; box-sizing: border-box; margin-top: 4px; } .auth-widget .footer { display: flex; justify-content: space-between; margin-top: 20px; font-size: 13px; color: var(--c-contrast-500); } .auth-widget .footer p { margin-bottom: 0; flex: 1; } .auth-widget .remember { display: inline-flex; align-items: center; } .auth-widget .remember label { margin-left: 6px; } .auth-widget .social-login { margin-top: 25px; } .auth-widget .spc-social { --spc-social-space: 8px; --spc-social-fs: 18px; margin-top: 28px; } .auth-widget .spc-social .link { --c-spc-social: var(--c-spcs-icon); border: 1px solid var(--c-separator2); border-radius: 3px; flex: 1; } .auth-widget .spc-social .icon { line-height: 1.8; } .auth-widget .spc-social .s-google .icon { background: -webkit-linear-gradient(#ea4335, #ea4335); background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .auth-widget .social-label { margin: 25px auto; display: flex; align-items: center; color: var(--c-contrast-500); } .auth-widget .social-label:before, .auth-widget .social-label:after { flex: 1; content: ""; margin-top: 1px; border-bottom: 1px solid var(--c-separator2); } .auth-widget .social-label span { padding: 0 15px; text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em; flex-grow: 0; } .auth-widget .input-group { width: 100%; } /** * Slick slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus, .slick-slide:focus, .slick-slide a { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } body.elementor-default { --e-global-color-smartmag-main: var(--c-main); } .has-el-gap { --col-gutter: calc(var(--grid-gutter) / 2); --width: calc(var(--main-width) + var(--col-gutter) * 2); --width-md: calc(var(--max-width-md) + var(--col-gutter) * 2); display: flex; justify-content: center; } .has-el-gap .elementor-container { flex: 1 1 auto; margin-right: calc(-1 * var(--col-gutter)); margin-left: calc(-1 * var(--col-gutter)); } .has-el-gap .elementor-column { flex-shrink: 0; padding-left: var(--col-gutter); padding-right: var(--col-gutter); } .elementor-inner-section:not(.has-el-gap) { --col-gutter: 0; } @media (min-width: 941px) { .el-gap-default .main-sidebar { width: var(--sidebar-width); padding-left: var(--sidebar-c-pad); } } .main-sidebar .elementor-widget:not(:last-child) { margin-bottom: 0; } .main-sidebar .elementor-widget:last-child { --block-wrap-mb: 0; } .el-gap-sm { --col-gutter: 13px; } .el-gap-lg { --col-gutter: 25px; } .el-gap-xlg { --col-gutter: 32px; } .elementor-section.elementor-section-boxed { display: flex; justify-content: center; } .elementor-section.elementor-section-boxed.has-el-gap:not(.elementor-inner-section):before, .elementor-section.elementor-section-boxed.has-el-gap:not(.elementor-inner-section):after { content: ""; padding-left: var(--spacer, var(--wrap-padding)); pointer-events: none; z-index: -1; } @media (max-width: 940px) { .elementor-section.elementor-section-boxed { --spacer: 25px; } } @media (max-width: 767px) { .elementor-section.elementor-section-boxed.is-full-xs { --spacer: 0; } } @media (max-width: 540px) { .elementor-section.elementor-section-boxed { --spacer: 20px; } } @media (max-width: 350px) { .elementor-section.elementor-section-boxed { --spacer: 15px; } } .main .elementor-section.elementor-section-boxed { --spacer: 0; } .elementor-section.elementor-section-boxed > div.elementor-container { width: 100%; max-width: initial; } @media (min-width: 1201px) { .elementor-section.elementor-section-boxed > div.elementor-container { width: var(--width, var(--main-width)); flex-grow: 0; } } @media (max-width: 940px) { .elementor-section.elementor-section-boxed > div.elementor-container { max-width: var(--width-md, var(--max-width-md)); } } .main-content .elementor-section { --spacer: 0; } .elementor-inner-section.elementor-section-boxed > div.elementor-container { width: 100%; max-width: initial; flex-grow: 1; } .ts-contain .elementor-section-boxed > div.elementor-container { width: 100%; padding: 0; flex-grow: 1; } [class*="el-gap-"]:not([class*="el-gap-none"]) > .elementor-container > .elementor-column > .elementor-element-overlay { right: auto; left: var(--col-gutter); width: calc(100% - var(--col-gutter)); } [class*="el-gap-"]:not([class*="el-gap-none"]) > .elementor-container > .elementor-column:last-child > .elementor-element-overlay { left: auto; right: var(--col-gutter); } .elementor-top-section { margin-bottom: var(--section-mb); } .main-full .elementor-top-section:last-child { --section-mb: var(--footer-mt); } .ts-sticky-col.main-sidebar > .theiaStickySidebar:before { display: none; } .elementor-widget-divider { --divider-color: var(--c-separator2); } .el-col-sep { border-left: 1px solid var(--c-sidebar-sep); } @media (max-width: 940px) { .el-col-sep { border-left: 0; } } @media (max-width: 767px) { .elementor .elementor-hidden-phone { display: none; } } @media (min-width: 768px) and (max-width: 939px) { .elementor .elementor-hidden-tablet { display: none; } } @media (min-width: 940px) { .elementor .elementor-hidden-desktop { display: none; } }