![]() Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory : /home/claqxcrl/claquemagazineawards.com/wp-content/themes/exs/assets/css/ |
/* WARNING DO NOT EDIT THIS FILE DIRECTLY. YOU WILL LOOSE YOUR CHANGES AFTER THEME UPDATE. Use WordPress Customizer built in 'Additional CSS' section to add a new styles. Use a child theme to customize your theme files. */ /* Table of contents - Animated elements - SVG icons - Page preloader - normalize.css - Common HTML elements - Forms - Colors -- Light background sections -- Inverse background sections - Helpers -- Text helpers - Layout -- Grid -- Columns -- Posts lists -- Media item -- Header --- Topline section --- Toplogo section --- Header section -- Logo -- Sections borders -- Messages -- Title section -- Main content section -- Homepage layout -- Footer section - Menus -- Menu switcher -- Top menu -- Topline menu - WordPress -- Mandatory -- Search form -- Blog -- Comments -- Widgets -- Pagination - Vertical spacing */ :root{ --colorLight: #ffffff; --colorLightRGB: 255, 255, 255; --colorFont: #555555; --colorFontMuted: #666666; --colorBackground: #f7f7f7; --colorBorder: #e1e1e1; --colorDark: #444444; --colorDarkMuted: #222222; --colorMain: #a17de8; --colorMain2: #8a8dff; --colorMain3: #e678f5; --colorMain4: #7892f5; --btn-fs: .92em; --sb-gap: 2.5rem; --wli-my: .5em; --sideNavWidth: 290px; --mobileNavWidth: 290px; --sideNavPX: 20px; --mobileNavPX: 20px; --socialGap: 1em; --overlay-dark: .55; --overlay-light: .75; --c-facebook: #3b5998; --c-twitter: #1da1f2; --c-x: #1d9bf0; --c-youtube: #ff0000; --c-instagram: #c13584; --c-pinterest: #bd081c; --c-linkedin: #0077b5; --c-github: #333333; --c-skype: #00aff0; --c-tiktok: #000000; --c-buffer: #2c4bff; --c-tumblr: #455974; --c-reddit: #f84300; --c-evernote: #82bd3e; --c-delicious: #3399ff; --c-stumbleupon: #eb4823; --c-telegram: #2fa3d9; --c-mastodon: #6364ff; } /*svg icon at the top for fast render*/ .svg-icon{ line-height: .8; } .svg-icon svg{ max-width: 20px; max-height: 20px; fill: var(--colorDarkMuted); } .social-links{ line-height: 1; display: flex; } .social-links a{ display: inline-block; } .social-links a svg{ max-width: 18px; max-height: 18px; } .social-links a:hover{ opacity: .7; } .social-links a + a{ margin-left: var(--socialGap); } .icon-inline{ display: inline-flex; align-items: center; vertical-align: middle; } .icon-inline .svg-icon{ margin-right: 6px; } .icon-inline .svg-icon:last-child{ margin-right: 0; } .icon-inline > strong{ white-space: nowrap; margin-right: 4px; } .entry-footer .icon-inline:not([class*=fs-]){ align-items: flex-start; } .icons-media .icon-inline{ align-items: flex-start; padding-top: 0; text-align: left; } .icons-media .icon-inline strong{ display: block; line-height: 1; } .meta-icons-main .icon-inline .svg-icon svg{ fill: var(--colorMain); color: var(--colorMain); } .meta-icons-main .c .icon-inline .svg-icon svg{ fill: #fff; color: #fff; } .meta-icons-main2 .icon-inline .svg-icon svg{ fill: var(--colorMain2); color: var(--colorMain2); } .meta-icons-main2 .c2 .icon-inline .svg-icon svg{ fill: #fff; color: #fff; } .meta-icons-border .icon-inline .svg-icon svg{ fill: var(--colorBorder); color: var(--colorBorder); } .meta-icons-dark .icon-inline .svg-icon svg{ fill: var(--colorDark); color: var(--colorDark); } .meta-icons-dark-muted .icon-inline .svg-icon svg{ fill: var(--colorDarkMuted); color: var(--colorDarkMuted); } /*animation at the top for fast render*/ .animation-enabled .animate, [data-animate*=".column-aside .widget"] .column-aside .widget, [data-animate*=".footer-widgets .widget"] .footer-widgets .widget, [data-animate*=".hfeed article.post"].hfeed .post, [data-animate*=".hfeed .post .post-thumbnail img"].hfeed .post .post-thumbnail img{ visibility: hidden; } .animated{ visibility: visible !important; } /*page preloader*/ .preloader{ position: fixed; top: 5px; right: 0; z-index: 13000; opacity: 1; transition: all .35s ease; } .no-js .preloader{ display: none; } .preloader.cover{ top: 0; left: 0; bottom: 0; background: rgba(255, 255, 255, .95); height: 100%; } .preloader.cover .preloader_css{ position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; } .preloader.loaded{ opacity: 0; z-index: -1; } .preloader.loaded .preloader_css{ opacity: 0; -webkit-animation-play-state: paused; animation-play-state: paused; } .preloader_css{ width: 30px; height: 30px; margin: 10px; border: 3px solid #f7f7f7; border-radius: 50%; border-top-color: var(--colorMain); opacity: 1; transition: opacity .35s ease; -webkit-animation: spin .5s infinite linear; animation: spin .5s infinite linear; } @-webkit-keyframes spin { 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0%{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{ line-height: 1.15; -webkit-text-size-adjust: 100%; } body{ margin: 0; } main{ display: block; } hr{ box-sizing: content-box; overflow: visible; } pre{ font-family: monospace, monospace; font-size: 1em; } a{ background-color: transparent; } abbr[title]{ border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } b, strong{ font-weight: 700; } code, kbd, samp{ font-family: monospace, monospace; font-size: 1em; } small{ font-size: 80%; } sub, sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub{ bottom: -0.25em; } sup{ top: -0.5em; } img{ border-style: none; } button, input, optgroup, select, textarea{ font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input{ overflow: visible; } button, select{ text-transform: none; } button, [type=button], [type=reset], [type=submit]{ -webkit-appearance: button; cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{ border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{ outline: 1px dotted ButtonText; } fieldset{ padding: .35em .75em .625em; } legend{ box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress{ vertical-align: baseline; } textarea{ overflow: auto; } [type=checkbox], [type=radio]{ box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{ height: auto; } [type=search]{ -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration{ -webkit-appearance: none; } ::-webkit-file-upload-button{ -webkit-appearance: button; font: inherit; } details{ display: block; } summary{ display: list-item; } template{ display: none; } [hidden]{ display: none; } /* ** Common styles */ *{ box-sizing: border-box; } html{ scroll-behavior: smooth; overflow-x: hidden; width: 100%; } html.customize-preview{ scroll-behavior: initial; } body{ background-color: var(--colorLight); text-rendering: optimizeLegibility; word-break: break-word; width: 100%; position: relative; font-weight: 300; } body, button, input, select, textarea{ color: var(--colorFont); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.74; letter-spacing: .02em; } iframe{ max-width: 100%; } figure, img{ margin: 0; max-width: 100%; height: auto; } figcaption{ font-size: 14px; text-align: center; line-height: 1.4; padding: .2em .3em; } table{ width: 100%; border-collapse: collapse; } td, th{ padding: .5em 1em; word-break: initial; } th{ text-align: inherit; background-color: var(--colorBackground); } .i th{ background-color: transparent; } code{ padding: 0 .5rem; font-size: .85rem; display: inline-block; background-color: var(--colorBackground); } pre{ margin: 1.5em 0; max-width: 100%; overflow-x: auto; font-size: .85rem; padding: 1em; background-color: var(--colorBackground); } blockquote{ margin: 2em 0; padding: 1em 0 1em 1.75em; border-left: 3px solid; border-color: var(--colorMain) !important; } blockquote:last-child, blockquote p:last-child{ margin-bottom: 0; } blockquote cite img{ max-width: 50px; border-radius: 50%; margin-right: .5em; vertical-align: middle; } cite{ font-style: normal; font-size: .92em; } a{ outline: none; text-decoration: none; transition: .2s all ease; color: var(--colorDarkMuted); } a:focus, a:hover{ color: var(--colorMain); } a:focus{ outline: 1px dotted rgba(124, 124, 124, .9); outline-offset: 2px; } ol, ul, dd{ padding-left: 20px; } dt{ font-weight: bolder; } dd{ margin-left: 0; } ol.styled, ul.styled{ padding-left: 0; list-style: none; } ol.styled li, ul.styled li{ padding: .5em 0; } ol.bordersul, ul.bordersul{ border-top: 1px solid var(--colorBorder); border-bottom: 1px solid var(--colorBorder); } ol.bordersli li, ul.bordersli li{ padding: .75em 0; } ol.bordersli li + li, ul.bordersli li + li{ border-top: 1px solid var(--colorBorder); } ol.styled{ counter-reset: olc; } ol.styled li{ counter-increment: olc; } ol.styled li:before{ content: counter(olc) '. '; color: var(--colorMain); } ul.styled li:before{ content: ''; display: inline-block; width: .5em; height: 1em; margin-right: 1.5em; border: 2px solid var(--colorMain); border-width: 0 2px 2px 0; position: relative; bottom: .05em; left: .5em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } nav > ul{ margin-top: 0; } h1, h2, h3, h4, h5, h6{ color: var(--colorDarkMuted); line-height: 1.34; margin-top: 2em; margin-bottom: 1em; font-weight: 400; } h1:first-child:not([class*=mt-]), h2:first-child:not([class*=mt-]), h3:first-child:not([class*=mt-]), h4:first-child:not([class*=mt-]), h5:first-child:not([class*=mt-]), h6:first-child:not([class*=mt-]){ margin-top: 0; } h1{ font-size: 2em; } h2{ font-size: 1.5em; } h3{ font-size: 1.3em; } h4{ font-size: 1.2em; } h5{ font-size: 1.1em; } h6{ font-size: 1em; } p{ margin-top: 0; margin-bottom: 1.5em; } p:last-child:after{ content: ''; display: block; clear: both; } address{ margin-bottom: 1.5em; } hr{ border: 0; height: 1px; margin: 0; background-color: var(--colorBorder); } mark{ color: inherit; background-color: transparent; } .special{ font-size: 2em; text-transform: uppercase; } .small{ font-size: .92em; } .normal{ font-size: 1em; } .big{ font-size: 3em; } .huge{ font-size: 4.5em; } /* ** Forms */ fieldset{ border-color: var(--colorBorder); border-width: 1px; border-style: solid; padding: .5em 1.25em 1.25em; } input, label, select, button, textarea{ font-size: inherit; margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; background: none; } label{ cursor: pointer; font-size: .92em; } button:focus, input:focus, textarea:focus{ outline: 1px dotted rgba(124, 124, 124, .9); outline-offset: 2px; } /* Inputs styles */ input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, select{ padding: .15em .75em; min-height: 40px; border: 1px solid; border-color: var(--colorBorder); background-color: var(--colorLight); box-shadow: none; } textarea{ padding-top: .25em; padding-bottom: .25em; } input[type=number]{ padding-right: 0; } select{ height: 40px; line-height: 40px; white-space: nowrap; } /* Button Controls */ input[type=checkbox], input[type=radio]{ width: 13px; height: 13px; margin-right: .25em; position: relative; top: -0.15em; } /* Search Input */ /* Make webkit render the search input like a normal text field */ input[type=search]{ -webkit-appearance: textfield; } /* Turn off the recent search for webkit. It adds about 15px padding on the left */ ::-webkit-search-decoration{ display: none; } /* Buttons */ .wp-block-button__link:visited, .wp-block-button__link:active, .wp-block-button__link:focus{ color: var(--colorLight); } [type=reset], [type=button], [type=submit], .wp-block-button__link{ overflow: hidden; width: auto; position: relative; border: 3px solid; border-color: transparent; display: inline-block; line-height: 1; font-size: var(--btn-fs); font-weight: normal; text-align: center; padding: 15px 23px 15px; border-radius: 1px; background-color: var(--colorDark); color: var(--colorLight); cursor: pointer; transition: color .25s, background-color .25s, border-color .25s ease-out, opacity .25s ease-out; } [type=reset]:hover, [type=button]:hover, [type=submit]:hover, .wp-block-button__link:hover{ background-color: var(--colorMain); color: #fff; cursor: pointer; opacity: .9; } .btns-big [type=reset], .btns-big [type=button], .btns-big [type=submit], .btns-big .wp-block-button__link{ padding: 20px 35px 20px; } .btns-uppercase [type=reset], .btns-uppercase [type=button], .btns-uppercase [type=submit], .btns-uppercase .wp-block-button__link{ text-transform: uppercase; } .btns-bold [type=reset], .btns-bold [type=button], .btns-bold [type=submit], .btns-bold .wp-block-button__link{ font-weight: bold; } .btns-rounded [type=reset], .btns-rounded [type=button], .btns-rounded [type=submit], .btns-rounded .wp-block-button__link{ border-radius: 6px; } .btns-round [type=reset], .btns-round [type=button], .btns-round [type=submit], .btns-round .wp-block-button__link{ border-radius: 40px; } .btns-colormain [type=reset], .btns-colormain [type=button], .btns-colormain [type=submit], .btns-colormain .wp-block-button__link{ background-color: var(--colorMain); color: #fff; } .btns-colormain [type=reset]:hover, .btns-colormain [type=button]:hover, .btns-colormain [type=submit]:hover, .btns-colormain .wp-block-button__link:hover{ background-color: var(--colorDark); color: var(--colorLight); } .btns-outline [type=reset], .btns-outline [type=button], .btns-outline [type=submit], .btns-outline .wp-block-button__link{ background-color: transparent; color: var(--colorDark); border-color: var(--colorDark); } .btns-outline [type=reset]:hover, .btns-outline [type=button]:hover, .btns-outline [type=submit]:hover, .btns-outline .wp-block-button__link:hover{ background-color: var(--colorDark); color: var(--colorLight); } .btns-colormain.btns-outline [type=reset], .btns-colormain.btns-outline [type=button], .btns-colormain.btns-outline [type=submit], .btns-colormain.btns-outline .wp-block-button__link{ color: var(--colorMain); border-color: var(--colorMain); } .btns-colormain.btns-outline [type=reset]:hover, .btns-colormain.btns-outline [type=button]:hover, .btns-colormain.btns-outline [type=submit]:hover, .btns-colormain.btns-outline .wp-block-button__link:hover{ border-color: var(--colorMain); background-color: var(--colorMain); color: #fff; } button:disabled, [type=submit]:disabled{ cursor: not-allowed; opacity: .5; } .is-style-outline [class].wp-block-button__link{ padding: 15px 23px 15px; } .btns-big .is-style-outline [class].wp-block-button__link{ padding: 20px 35px 20px; } .is-style-outline .wp-block-button__link{ background-color: transparent; border-width: 3px; } .btns-rounded input, .btns-rounded select, .btns-rounded textarea{ border-radius: 6px; } .btns-round input, .btns-round select, .btns-round textarea{ border-radius: 20px; } /* File Uploads */ input[type=file]{ display: block; } /* Textarea */ textarea{ /* Move the label to the top */ vertical-align: top; /* Turn off scroll bars in IE unless needed */ overflow: auto; } select[multiple]{ /* Move the label to the top */ vertical-align: top; } /* Placeholders */ ::-webkit-input-placeholder{ opacity: .5; -webkit-transition: opacity .6s ease; transition: opacity .6s ease; } :-ms-input-placeholder{ opacity: .5; -ms-transition: opacity .6s ease; transition: opacity .6s ease; } ::placeholder{ opacity: .5; transition: opacity .6s ease; } :focus::-webkit-input-placeholder{ opacity: 0; } :focus:-ms-input-placeholder{ opacity: 0; } :focus::placeholder{ opacity: 0; } /* ** Colors */ /* ** Light background section - default - no special CSS class ** .l - light ** .m - muted */ .l{ background-color: var(--colorLight); } .m{ background-color: var(--colorBackground); } /* ** Inverse background section - .i ** .m - muted ** .c - color */ .i{ background-color: var(--colorDark); color: rgba(var(--colorLightRGB), .8); } .i input, .i select, .i textarea{ color: rgba(var(--colorLightRGB), .8); border-color: rgba(var(--colorLightRGB), .3); background: transparent; } .i ::-webkit-input-placeholder{ color: rgba(var(--colorLightRGB), .8); } .i :-ms-input-placeholder{ color: rgba(var(--colorLightRGB), .8); } .i ::placeholder{ color: rgba(var(--colorLightRGB), .8); } .i h1, .i h2, .i h3, .i h4, .i h5, .i h6{ color: var(--colorLight); } .i a{ color: var(--colorLight); } .i a:hover{ color: var(--colorMain); } .i .button, .i button, .i input[type=reset], .i input[type=button], .i input[type=submit], .i .wp-block-button__link{ background-color: var(--colorLight); color: var(--colorDarkMuted); } .i .button:hover, .i button:hover, .i input[type=reset]:hover, .i input[type=button]:hover, .i input[type=submit]:hover, .i .wp-block-button__link:hover{ background-color: var(--colorMain); color: #fff; } .btns-colormain .i .button, .btns-colormain .i button, .btns-colormain .i input[type=reset], .btns-colormain .i input[type=button], .btns-colormain .i input[type=submit], .btns-colormain .i .wp-block-button__link{ background-color: var(--colorMain); color: #fff; } .btns-outline .i .button, .btns-outline .i button, .btns-outline .i input[type=reset], .btns-outline .i input[type=button], .btns-outline .i input[type=submit], .btns-outline .i .wp-block-button__link{ background: transparent; border-color: var(--colorLight); color: var(--colorLight); } .i .is-style-outline a.wp-block-button__link{ border-color: var(--colorLight); color: var(--colorLight); background: transparent; } .i .is-style-outline a.wp-block-button__link:hover{ border-color: transparent; background-color: var(--colorMain); } .i.m{ background-color: var(--colorDarkMuted); } .i.c{ background-color: var(--colorMain); color: rgba(255, 255, 255, .8); } .i.c input, .i.c select, .i.c textarea{ color: rgba(255, 255, 255, .8); border-color: rgba(255, 255, 255, .3); background: transparent; } .i.c ::-webkit-input-placeholder{ color: rgba(255, 255, 255, .8); } .i.c :-ms-input-placeholder{ color: rgba(255, 255, 255, .8); } .i.c ::placeholder{ color: rgba(255, 255, 255, .8); } .i.c h1, .i.c h2, .i.c h3, .i.c h4, .i.c h5, .i.c h6{ color: #ffffff; } .i.c a.logo, .i.c a:not([class]){ color: #fff; } .i.c a.logo:hover, .i.c a:not([class]):hover{ opacity: .7; color: #fff; } .i.c .button:hover, .i.c button:hover, .i.c input[type=reset]:hover, .i.c input[type=button]:hover, .i.c input[type=submit]:hover, .i.c .wp-block-button__link:hover{ background-color: var(--colorMain2); border-color: transparent; } .btns-colormain .i.c .button, .btns-colormain .i.c button, .btns-colormain .i.c input[type=reset], .btns-colormain .i.c input[type=button], .btns-colormain .i.c input[type=submit], .btns-colormain .i.c .wp-block-button__link{ background-color: var(--colorMain2); } .btns-colormain.btns-outline .i.c .button, .btns-colormain.btns-outline .i.c button, .btns-colormain.btns-outline .i.c input[type=reset], .btns-colormain.btns-outline .i.c input[type=button], .btns-colormain.btns-outline .i.c input[type=submit], .btns-colormain.btns-outline .i.c .wp-block-button__link{ background-color: transparent; } .btns-colormain.btns-outline .i.c .button:hover, .btns-colormain.btns-outline .i.c button:hover, .btns-colormain.btns-outline .i.c input[type=reset]:hover, .btns-colormain.btns-outline .i.c input[type=button]:hover, .btns-colormain.btns-outline .i.c input[type=submit]:hover, .btns-colormain.btns-outline .i.c .wp-block-button__link:hover{ background-color: var(--colorMain2); } .i.c .is-style-outline a.wp-block-button__link{ border-color: var(--colorLight); color: var(--colorLight); background: transparent; } .i.c .is-style-outline a.wp-block-button__link:hover{ border-color: transparent; background-color: var(--colorDarkMuted); } .i.c .svg-icon svg, .i.c .icon-inline .svg-icon svg{ fill: #fff; } .i.c.c2{ background-color: var(--colorMain2); } .i.c.c3{ background-color: var(--colorMain3); } .i.c.c4{ background-color: var(--colorMain4); } .i.c.gradient{ background-image: linear-gradient(0deg, var(--colorMain), var(--colorMain2)); } .i.c.gradient.horizontal{ background-image: linear-gradient(90deg, var(--colorMain), var(--colorMain2)); } .i.c.gradient.diagonal{ background-image: linear-gradient(45deg, var(--colorMain), var(--colorMain2)); } .i .svg-icon svg, .i .icon-inline .svg-icon svg{ fill: var(--colorLight); } .i .l.affix .svg-icon svg{ fill: var(--colorDarkMuted); } .i .affix.l{ color: #fff; } .i .affix.l a:not([class*=button]){ color: var(--colorDarkMuted); } .i .affix.l a:not([class*=button]):hover{ color: var(--colorMain); } .i .affix.l [type=search]{ border-color: var(--colorBorder); color: var(--colorDarkMuted); } .i .section-hr{ background-color: rgba(255, 255, 255, .15); } /* **helpers */ .d-block{ display: block; } .bordered{ border: 1px solid; border-color: var(--colorBorder); } .i .bordered{ border-color: rgba(255, 255, 255, .15); } .muted{ background-color: var(--colorBackground); } .l.m .muted{ background-color: var(--colorLight); } .i .muted{ background-color: rgba(255, 255, 255, .1); } .shadow{ box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15); } .i .shadow{ box-shadow: 0 0 20px 0 rgba(255, 255, 255, .1); } .extra-padding, .bordered, .muted, .shadow{ padding: 1.5em; } .rounded{ border-radius: 10px; overflow: hidden; } .background-overlay{ position: relative; } .background-overlay:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, var(--overlay-dark)); } .background-overlay.overlay-light:before{ background-color: rgba(255, 255, 255, var(--overlay-light)); } .background-overlay > *{ position: relative; } .background-cover{ background-position: 50% 0; background-size: cover; } .background-cover.cover-center{ background-position: 50% 50%; } .background-fixed{ background-attachment: fixed; } .dropdown{ position: relative; } /* text helpers */ .fs-9{ font-size: 9px; } .fs-10{ font-size: 10px; } .fs-11{ font-size: 11px; } .fs-12{ font-size: 12px; } .fs-13{ font-size: 13px; } .fs-14{ font-size: 14px; } .fs-15{ font-size: 15px; } .fs-16{ font-size: 16px; } .fs-17{ font-size: 17px; } .fs-18{ font-size: 18px; } .fs-19{ font-size: 19px; } .fs-20{ font-size: 20px; } .fs-21{ font-size: 21px; } .fs-22{ font-size: 22px; } .fs-23{ font-size: 23px; } .fs-24{ font-size: 24px; } .fs-25{ font-size: 25px; } .fs-26{ font-size: 26px; } @media (min-width: 1200px) { .fs-xl-9{ font-size: 9px; } .fs-xl-10{ font-size: 10px; } .fs-xl-11{ font-size: 11px; } .fs-xl-12{ font-size: 12px; } .fs-xl-13{ font-size: 13px; } .fs-xl-14{ font-size: 14px; } .fs-xl-15{ font-size: 15px; } .fs-xl-16{ font-size: 16px; } .fs-xl-17{ font-size: 17px; } .fs-xl-18{ font-size: 18px; } .fs-xl-19{ font-size: 19px; } .fs-xl-20{ font-size: 20px; } .fs-xl-21{ font-size: 21px; } .fs-xl-22{ font-size: 22px; } .fs-xl-23{ font-size: 23px; } .fs-xl-24{ font-size: 24px; } .fs-xl-25{ font-size: 25px; } .fs-xl-26{ font-size: 26px; } } .small-text{ font-size: .75em; text-transform: uppercase; font-weight: bold; letter-spacing: .15em; } .fw-700{ font-weight: 700; } .text-uppercase{ text-transform: uppercase; } .text-right{ text-align: right; } .text-center{ text-align: center; } .text-right{ text-align: right; } .bg-main{ color: #fff; background-color: var(--colorMain); } .lists-inline li{ display: inline; padding-right: .5em; } /* ** Layout */ /* Grid */ .container{ position: relative; max-width: 1400px; margin: auto; } .container:before, .container:after{ content: ''; display: block; clear: both; } .container-1400 .container{ max-width: 1400px; } .container-1140 .container{ max-width: 1140px; } .container-960 .container{ max-width: 960px; } .container-720 .container{ max-width: 720px; } .container-1400 > .container{ max-width: 1400px; } .container-1140 > .container{ max-width: 1140px; } .container-960 > .container{ max-width: 960px; } .container-720 > .container{ max-width: 720px; } .row:before, .row:after{ content: ''; display: block; clear: both; } .container-fluid{ position: relative; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after{ content: ''; display: block; clear: both; } @media (max-width: 1430px) { .container{ padding-left: 15px; padding-right: 15px; } } .container-flex{ display: flex; flex-wrap: wrap; } @media (min-width: 992px) { .container-md-flex{ display: flex; align-items: center; } } .cols-1, .gallery-columns-1{ display: block; } .cols-1 > *, .cols-1 > .grid-sizer, .cols-1 > .grid-item, .gallery-columns-1 > *, .gallery-columns-1 > .grid-sizer, .gallery-columns-1 > .grid-item{ width: 100%; } .cols-2, .gallery-columns-2{ display: flex; flex-wrap: wrap; } .cols-2 > *, .gallery-columns-2 > *{ width: 50%; } .cols-3, .gallery-columns-3{ display: flex; flex-wrap: wrap; } .cols-3 > *, .gallery-columns-3 > *{ width: 33.333%; } .cols-4, .gallery-columns-4{ display: flex; flex-wrap: wrap; } .cols-4 > *, .gallery-columns-4 > *{ width: 25%; } .cols-5, .gallery-columns-5{ display: flex; flex-wrap: wrap; } .cols-5 > *, .gallery-columns-5 > *{ width: 20%; } .cols-6, .gallery-columns-6{ display: flex; flex-wrap: wrap; } .cols-6 > *, .gallery-columns-6 > *{ width: 16.666%; } .gallery-columns-7, .gallery-columns-8, .gallery-columns-9{ display: flex; flex-wrap: wrap; } .gallery-columns-7 > *, .gallery-columns-8 > *, .gallery-columns-9 > *{ width: 16.666%; } /*masonry grid layout*/ .grid-wrapper{ display: flex; flex-wrap: wrap; } .grid-wrapper .grid-sizer{ display: none; } .grid-item .has-post-thumbnail > .item-content{ padding-top: .75em; } .grid-item .post-title{ font-size: 1.1em; margin: 0 0 .5em; } .grid-columns-wrapper{ overflow: hidden; } .layout-gap-1 .grid-wrapper, .layout-gap-1 .masonry{ margin-left: -1px; margin-right: 0; } .layout-gap-1 .grid-item{ padding-right: 0; padding-left: 1px; padding-bottom: 1px; } .layout-gap-2 .grid-wrapper, .layout-gap-2 .masonry{ margin-left: -1px; margin-right: -1px; } .layout-gap-2 .grid-item{ padding-right: 1px; padding-left: 1px; padding-bottom: 2px; } .layout-gap-3 .grid-wrapper, .layout-gap-3 .masonry{ margin-left: -2px; margin-right: -1px; } .layout-gap-3 .grid-item{ padding-right: 1px; padding-left: 2px; padding-bottom: 3px; } .layout-gap-4 .grid-wrapper, .layout-gap-4 .masonry{ margin-left: -2px; margin-right: -2px; } .layout-gap-4 .grid-item{ padding-right: 2px; padding-left: 2px; padding-bottom: 4px; } .layout-gap-5 .grid-wrapper, .layout-gap-5 .masonry{ margin-left: -3px; margin-right: -2px; } .layout-gap-5 .grid-item{ padding-right: 2px; padding-left: 3px; padding-bottom: 5px; } .layout-gap-10 .grid-wrapper, .layout-gap-10 .masonry{ margin-left: -5px; margin-right: -5px; } .layout-gap-10 .grid-item{ padding-right: 5px; padding-left: 5px; padding-bottom: 10px; } .layout-gap-15 .grid-wrapper, .layout-gap-15 .masonry{ margin-left: -8px; margin-right: -7px; } .layout-gap-15 .grid-item{ padding-right: 7px; padding-left: 8px; padding-bottom: 15px; } .layout-gap-20 .grid-wrapper, .layout-gap-20 .masonry{ margin-left: -10px; margin-right: -10px; } .layout-gap-20 .grid-item{ padding-right: 10px; padding-left: 10px; padding-bottom: 20px; } .layout-gap-30 .grid-wrapper, .layout-gap-30 .masonry{ margin-left: -15px; margin-right: -15px; } .layout-gap-30 .grid-item{ padding-right: 15px; padding-left: 15px; padding-bottom: 30px; } .layout-gap-40 .grid-wrapper, .layout-gap-40 .masonry{ margin-left: -20px; margin-right: -20px; } .layout-gap-40 .grid-item{ padding-right: 20px; padding-left: 20px; padding-bottom: 40px; } .layout-gap-50 .grid-wrapper, .layout-gap-50 .masonry{ margin-left: -25px; margin-right: -25px; } .layout-gap-50 .grid-item{ padding-right: 25px; padding-left: 25px; padding-bottom: 50px; } .layout-gap-60 .grid-wrapper, .layout-gap-60 .masonry{ margin-left: -30px; margin-right: -30px; } .layout-gap-60 .grid-item{ padding-right: 30px; padding-left: 30px; padding-bottom: 60px; } .grid-sizer, .grid-item{ width: 100%; } @media screen and (min-width: 576px) { .grid-sizer, .grid-item{ width: 50%; } .layout-cols-1 .grid-item{ width: 100%; } } @media screen and (min-width: 992px) { .layout-cols-3 .grid-sizer, .layout-cols-3 .grid-item{ width: 33.3333%; } .layout-cols-4 .grid-sizer, .layout-cols-4 .grid-item, .layout-cols-5 .grid-sizer, .layout-cols-5 .grid-item, .layout-cols-6 .grid-sizer, .layout-cols-6 .grid-item{ width: 25%; } } @media screen and (min-width: 1200px) { .layout-cols-5 .grid-sizer, .layout-cols-5 .grid-item{ width: 20%; } .layout-cols-6 .grid-sizer, .layout-cols-6 .grid-item{ width: 16.666%; } } .section{ margin-left: -100em; margin-right: -100em; padding-left: 100em; padding-right: 100em; } .section.extra-padding{ padding-left: 101.5em; padding-right: 101.5em; } .section.extra-padding.alignfull{ padding-left: 1.5em; padding-right: 1.5em; } .with-sidebar .section{ margin-left: 0; margin-right: 0; padding-left: 1.5em; padding-right: 1.5em; } @media (max-width: 1200px) { .section.alignfull{ padding-left: 0; padding-right: 0; } } @media screen and (min-width: 1300px) { .section.alignwide{ padding-left: 0; padding-right: 0; } .section.alignwide.extra-padding{ padding-left: 1.5em; padding-right: 1.5em; } } .decor{ position: relative; z-index: 2; -webkit-clip-path: inset(-60px 0); clip-path: inset(-60px 0); overflow: visible; } .decor:before, .decor:after{ content: ''; position: absolute; left: 0; right: 0; height: 60px; top: -59px; background-color: var(--colorLight); -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%); display: none; } .decor:after{ top: auto; bottom: -59px; -webkit-transform: scaleY(-1) scaleX(-1); transform: scaleY(-1) scaleX(-1); } @media (max-width: 1199px) { .decor:before, .decor:after{ height: 30px; top: -29px; } .decor:after{ top: auto; bottom: -29px; } } .decor.section:before, .decor.section:after{ left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .decor.decor-t-inverse:before{ -webkit-transform: scaleX(-1); transform: scaleX(-1); } .decor.decor-b-inverse:after{ -webkit-transform: scaleY(-1); transform: scaleY(-1); } .decor.chev-t:before{ -webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0); } .decor.chev-b:after{ -webkit-clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0); } .decor.arr-t:before{ -webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0); clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0); -webkit-transform: scaleY(-1); transform: scaleY(-1); } .decor.arr-b:after{ -webkit-clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0); clip-path: polygon(50% 0, 100% 0, 50% 100%, 0 0); -webkit-transform: none; transform: none; } .decor.m:before, .decor.m:after{ background-color: var(--colorBackground); } .decor.i:before, .decor.i:after{ background-color: var(--colorDark); } .decor.i.m:before, .decor.i.m:after{ background-color: var(--colorDarkMuted); } .decor.c:before, .decor.c:after{ background-color: var(--colorMain); } .decor.c2:before, .decor.c2:after{ background-color: var(--colorMain2); } .decor.gradient:after{ background-color: var(--colorMain2); } .decor-t:before, .decor-t-inverse:before, .arr-t:before, .chev-t:before, .decor-b:after, .decor-b-inverse:after, .arr-b:after, .chev-b:after{ display: block; } .screen{ min-height: 100vh; display: flex; flex-direction: column; justify-content: center; } .posts-list{ padding: 0; margin: 0; text-align: left; } .posts-list img{ display: block; line-height: 1; } .posts-list li{ display: flex; } .posts-list li img{ max-width: 80px !important; min-width: 80px; height: auto; } @media screen and (max-width: 1199px) { .posts-list li img{ max-width: 60px !important; min-width: 60px; } } .posts-list li h3, .posts-list li h4{ line-height: 1.4; margin: .3em 0 .3em; font-size: 1em; } .posts-list li + li{ margin-top: 1rem; } .posts-list .posts-list-thumbnail{ margin-right: 1rem; width: auto; } .posts-list .posts-list-thumbnail:focus{ outline-offset: -1px; } li .post-date.icon-inline{ font-size: 14px; margin-top: 8px; line-height: 1; display: flex; align-items: flex-start; color: var(--colorFontMuted); } li .post-date.icon-inline svg{ fill: var(--colorFontMuted); max-width: 1em; max-height: 1em; } .i li .post-date.icon-inline{ color: var(--colorLight); } .i li .post-date.icon-inline svg{ fill: var(--colorLight); } .posts-list-thumbnail{ display: block; position: relative; width: 100%; } .posts-list-thumbnail img{ display: block; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .posts-list-thumbnail .svg-icon{ position: absolute; top: 0; right: 0; line-height: 38px; width: 30px; height: 30px; text-align: center; background-color: rgba(0, 0, 0, .5); } .posts-list-thumbnail .svg-icon svg{ fill: #fff; color: #fff; } .post-title{ word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin-bottom: 0; } .sub-title{ margin-bottom: 3em; } @media screen and (max-width: 767px) { .posts-featured{ margin-bottom: 1em; } .posts-featured-item{ margin-bottom: 1em; } } @media screen and (min-width: 768px) { .posts-wrap .content-absolute{ height: 100%; } } .posts-single-item + .posts-single-item, .posts-single-item + .posts-side-item, .posts-side-item + .posts-single-item, .posts-side-item + .posts-side-item{ margin-top: 2em; } .widget .posts-side-item .entry-header{ padding: 0; } .widget .posts-side-item .entry-header .entry-title{ font-size: 1.2em; } .widget-posts-title-only h3.post-title{ margin-top: 0; } .widget-posts-title-only li + li{ margin-top: 0; } .column-aside .posts-wrap{ display: block; } .column-aside .posts-wrap > *{ width: 100%; } .column-aside .grid-wrapper{ display: block; } .column-aside .grid-wrapper .grid-item{ width: 100%; } .column-aside .posts-featured-item{ margin-bottom: 2em; } .layout-cols article{ margin-bottom: 1.5em; } @media (min-width: 768px) { .d-grid{ display: grid; grid-gap: 1em; } .d-grid [class*=item-]{ position: relative; overflow: hidden; } .d-grid [class*=item-] img{ -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .layout-gap-1 .d-grid{ grid-gap: 1px; } .layout-gap-2 .d-grid{ grid-gap: 2px; } .layout-gap-3 .d-grid{ grid-gap: 3px; } .layout-gap-4 .d-grid{ grid-gap: 4px; } .layout-gap-5 .d-grid{ grid-gap: 5px; } .layout-gap-10 .d-grid{ grid-gap: 10px; } .layout-gap-15 .d-grid{ grid-gap: 15px; } .layout-gap-20 .d-grid{ grid-gap: 20px; } .layout-gap-30 .d-grid{ grid-gap: 30px; } .layout-gap-40 .d-grid{ grid-gap: 40px; } .layout-gap-50 .d-grid{ grid-gap: 50px; } .layout-gap-60 .d-grid{ grid-gap: 60px; } .grid-4-cols, .grid-2-cols{ grid-template-columns: 1fr 1fr; } .grid-2-cols-big-first{ grid-template-columns: 2fr 1fr; } .grid-3-cols{ grid-template-columns: 1fr 1fr 1fr; } .layout-2-cols-loop .post-grid-item:nth-child(6n-1), .layout-2-cols-loop .post-grid-item:nth-child(6n+1), .layout-2-cols-loop .post-grid-item:nth-child(1){ grid-row: auto/span 2; } } @media (min-width: 992px) { .grid-4-cols{ grid-template-columns: 1fr 1fr 1fr 1fr; } } .read-all-link{ display: block; margin-top: 2em; text-align: right; } .text-center .read-all-link{ text-align: center; } div.cats-pills{ margin: .5em 0 .8em; } div.cats-pills a{ display: inline-block; padding: .125em 1em; color: #fff !important; background-color: var(--colorMain); border-radius: 3em; } div.cats-pills a:hover{ background-color: var(--colorDark); } div.cats-pills-first a{ display: none; } div.cats-pills-first a:first-child{ display: inline-block; } .cats-links-first a, .cats-links-first .cats-separator{ display: none; } .cats-links-first a:first-child, .cats-links-first .svg-icon + a{ display: inline; } /* Media items */ .side-item .post-thumbnail{ margin-bottom: 0; } .side-item .item-content{ padding-top: 2em; } @media screen and (min-width: 576px) { .side-item{ display: flex; } .side-item > *{ flex: 2 1; } .side-item > *:first-child{ flex: 1 1; margin-right: 30px; } .side-item.has-post-thumbnail .item-content{ padding-top: 0; } .side-item.has-post-thumbnail.article-even, .side-item.has-post-thumbnail.article-odd{ align-items: center; } .side-item.has-post-thumbnail.article-even > *, .side-item.has-post-thumbnail.article-odd > *{ flex: 1 1; } .side-item.has-post-thumbnail.article-even{ flex-direction: row-reverse; text-align: right; } .side-item.has-post-thumbnail.article-even > *:first-child{ margin-right: 0; margin-left: 30px; } } .item-media img{ display: block; } .content-absolute{ position: relative; display: flex; } .content-absolute .entry-title{ margin-bottom: .3em; } .content-absolute .overlap-content{ position: absolute; padding: 3em 1em .75em; bottom: 0; right: 0; left: 0; pointer-events: none; background: linear-gradient(0deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 100%); color: #fff; } .content-absolute .overlap-content h1, .content-absolute .overlap-content h2, .content-absolute .overlap-content h3, .content-absolute .overlap-content h4{ color: #fff; } .content-absolute .overlap-content a{ color: #fff; pointer-events: initial; } .content-absolute .overlap-content a:hover{ color: #fff; opacity: .7; } .content-absolute .overlap-content span .svg-icon svg{ fill: #fff; color: #fff; } .content-absolute .overlap-content .entry-footer{ margin-top: .5em; color: rgba(255, 255, 255, .7); } .content-absolute .overlap-content .entry-footer span{ color: rgba(255, 255, 255, .7); } .content-absolute .overlap-content .entry-footer a:hover{ color: var(--colorMain); } .content-absolute h2, .content-absolute h3{ margin-bottom: .15em; } .content-absolute p:last-child{ margin-bottom: 0; } .abs-link{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .icon-box{ margin-bottom: 2em; } .icon-box .icon-box-content{ padding-top: 1em; } .icon-box h3{ margin-bottom: .75em; } .icon-box .icon-box-media{ display: block; } .icon-box .icon-box-media img, .icon-box .icon-box-media svg{ display: block; margin-bottom: 1.75em; } .icon-box.text-center img, .icon-box.text-center svg{ margin-left: auto; margin-right: auto; } .icon-box.horizontal{ display: flex; } .icon-box.horizontal img, .icon-box.horizontal svg{ max-width: 100px; margin-right: 1em; } .icon-box.horizontal h3{ margin-bottom: .5em; } /* ** Header */ .topline{ position: relative; z-index: 11; } .header-absolute-wrap .topline{ background-color: transparent; z-index: 12; } .topline .container, .topline .container-fluid{ display: flex; align-items: center; padding-top: .75em; padding-bottom: .75em; } .topline .container > *:first-child, .topline .container-fluid > *:first-child{ margin-right: auto; } .topline .icon-inline{ margin: 0 1em 0 0; } .topline .icon-inline:last-child{ margin-right: 0; } .topline .login-links span:last-child a{ margin-right: 0; } @media screen and (max-width: 991px) { .topline .dropdown-menu-md{ display: none; } .topline .dropdown-menu-md .login-links{ padding: 0; display: block; } .topline .dropdown-menu-md .login-links .svg-icon{ display: none; } .topline .dropdown-menu-md .login-links a{ margin-top: .7em; display: block; } .topline .active .dropdown-menu-md{ min-width: 300px; max-width: 310px; padding: 1.5em; display: block; position: absolute; z-index: 11; background-color: var(--colorLight); color: var(--colorFont); box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15); } .topline .active .dropdown-menu-md a:not([class]){ color: var(--colorDarkMuted); } .topline .active .dropdown-menu-md a:not([class]):hover{ color: var(--colorMain); } .topline .active .dropdown-menu-md .svg-icon svg{ fill: var(--colorDarkMuted); } .topline .active .dropdown-menu-md > *{ line-height: 1.4; } .topline .active .dropdown-menu-md > * + *{ margin-top: .7em; } .topline .dropdown-menu-md .icon-inline{ display: flex; align-items: flex-start; margin-right: 0; height: auto; } } .right .dropdown-menu{ right: 0; } #topline_dropdown_toggle{ height: 26px; margin-left: -0.5em; } .right #topline_dropdown_toggle{ margin-right: -0.5em; } @media screen and (min-width: 992px) { #topline_dropdown_toggle{ display: none; } } .toplogo{ position: relative; } .header-absolute-wrap .toplogo{ background-color: transparent; z-index: 11; } .toplogo .meta-wrap > *{ margin: .5em 0; } .toplogo [class*=cols-]{ align-items: center; } @media (max-width: 599px) { .toplogo [class*=cols-]{ flex-direction: column; } .toplogo [class*=cols-] > *{ width: auto; } .toplogo [class*=cols-] .search-social-wrap > *, .toplogo [class*=cols-] .meta-wrap > *{ margin: 1em 0; } } @media (min-width: 600px) { .toplogo [class*=cols-] > *:last-child{ text-align: right; justify-content: flex-end; } } .toplogo .search-social-wrap.flex-column{ align-items: flex-end; flex-direction: column; } .toplogo .search-social-wrap.flex-column > *{ margin: 1em 0; } .toplogo .search-social-wrap.flex-column > * + *{ margin-top: 0; } .toplogo .container-md-flex .logo{ justify-content: center; margin-right: auto; } .toplogo .container-md-flex .icon-inline, .toplogo .container-md-flex .search-social-wrap{ padding: 6px 0; } @media (min-width: 992px) { .toplogo .container-md-flex .icon-inline, .toplogo .container-md-flex .search-social-wrap{ margin-left: 1.25em; } } @media (max-width: 991px) { .toplogo .container-md-flex{ text-align: center; } } .toplogo .flex-icons{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 9px; } .search-social-wrap{ display: flex; align-items: center; justify-content: center; } .header-absolute-wrap{ position: relative; } .header-absolute-content{ position: absolute; top: 0; left: 0; right: 0; } .header > div.container, .header > div.container-fluid, .header-wrap{ min-height: 60px; } .header-wrap.transparent{ background-color: transparent; } .header-wrap.absolute{ min-height: 0; } .header{ top: 0; left: 0; right: 0; position: relative; transition-property: background-color, -webkit-transform; transition-property: transform, background-color; transition-property: transform, background-color, -webkit-transform; z-index: 10; } .top-menu-active .header{ z-index: 12; } .header.transparent:not(.affix){ background-color: transparent; background-image: none; } .header.affix{ position: fixed; -webkit-transform: translateY(-100%); transform: translateY(-100%); box-shadow: 0 0 20px 0 rgba(100, 100, 100, .1); } .header.affix.scrolling-down{ transition-timing-function: ease-in; transition-duration: .25s; } .header.affix.scrolling-up{ transition-timing-function: ease-out; transition-duration: .3s; -webkit-transform: translateY(0); transform: translateY(0); } .header.affix.always-sticky{ -webkit-transform: none; transform: none; } .header > div.container, .header > div.container-fluid{ display: flex; justify-content: center; align-items: center; } @media (max-width: 1199px) { .header > div.container, .header > div.container-fluid{ padding: 0; } } .header > div.container-fluid{ padding: 0; } .header #nav_toggle{ display: none; } .header.header-2:not(.affix) .logo, .header.header-3:not(.affix) .logo{ display: none; opacity: 0; } .header-bottom{ position: relative; } #header-image .l:not(.affix), #header-image .i:not(.affix), #header-image .m:not(.affix){ background-color: transparent; background-image: none; } .login-links{ padding-left: 1em; white-space: nowrap; } .login-links a{ display: inline-block; margin-right: .5em; } @media (min-width: 1200px) { .header .container-fluid .login-links span:last-child a{ margin-right: 1em; } } .header-search{ position: relative; } @media (min-width: 400px) { .header .header-search .search-form{ margin: 0 1em; } } .header-search #search_toggle{ border: none; background: transparent; padding: .25em .85em .2em; line-height: 1; } a.header-button{ white-space: nowrap; margin: 5px 15px; flex-shrink: 0; } @media screen and (min-width: 1200px) { .container a.header-button{ margin-right: 0; } } @media screen and (max-width: 575px) { #header a.header-button{ padding-left: 1em; padding-right: 1em; } } #search_dropdown{ z-index: -1; opacity: 0; position: fixed; top: 0; right: 0; left: 0; padding: 1.5em; transition: all .25s ease-in-out; -webkit-transform: scale(0); transform: scale(0); } @media screen and (max-width: 767px) { #search_dropdown{ padding: .5em; } } @media screen and (max-width: 390px) { #search_dropdown{ padding-right: 45px; } } #search_dropdown form{ max-width: 300px; margin: auto; display: none; } #search_dropdown.active{ opacity: 1; background-color: #fff; background-color: var(--colorLight); z-index: 21; -webkit-transform: scale(1); transform: scale(1); } #search_dropdown.active form{ display: block; } #search_modal_close{ position: fixed; right: -60px; top: 5px; transition: right .6s ease; } .active + #search_modal_close{ right: 0; z-index: 22; } /* ** Logo */ .logo-wrap{ text-align: center; line-height: 1; } .logo-link{ display: inline-block; } .header a.logo:first-child{ margin-right: 1em; } .logo{ display: flex; align-items: center; line-height: 1; white-space: nowrap; } .logo.px{ padding-left: 1.5em; padding-right: 1.5em; } .logo .logo-text{ margin: 0 1em; } .logo .logo-text span{ margin-top: 5px; margin-bottom: 5px; } @media (min-width: 1200px) { .container-fluid .logo.no-image .logo-text{ margin: 0 1em; } .header:not(.header-7) .container .logo.no-image .logo-text{ margin-left: 0; } } .toplogo .logo.no-image .logo-text{ margin: 0; } .logo:not(.logo-between) .logo-text-primary{ font-size: 1.2em; font-weight: bold; } #toplogo.header-tall .logo{ padding-top: 1.5em; padding-bottom: 1.5em; } @media (max-width: 991px) { #toplogo.header-tall .logo{ padding-top: 1em; padding-bottom: 1em; } } #header.header-tall:not(.affix) .logo{ padding-top: 1.5em; padding-bottom: 1.5em; } .logo.logo-left{ text-align: left; } .logo.logo-left span span{ display: block; } .logo.logo-vertical{ display: inline-block; text-align: center; } .logo.logo-vertical span{ display: block; } .logo.logo-between > span{ padding: 0 1em; } .logo.logo-between.no-image{ padding: 0 .25em; } .logo.logo-between.no-image > span{ padding: 0 .25em; } .logo img{ max-height: 100px; width: auto; display: inline; } .header .logo.w0{ width: 0; } .header .logo.w0:first-child{ margin-right: 0; } .header .logo.w0 img{ max-width: none; } #logo-align{ margin-right: auto; } /* section borders */ .section-hr{ box-sizing: border-box; position: absolute; margin: 0 auto; padding: 0; left: 0; right: 0; bottom: 0; background-color: var(--colorBorder); width: 100%; } .container .section-hr, .section-hr.container{ left: 0; right: 0; } .customize-partial-edit-shortcut + .section-hr, .section-hr:first-child{ bottom: auto; top: 0; } /* Messages */ #message_top .message-top-text{ padding: .5em 1em; display: inline-block; } #message_bottom{ position: fixed; bottom: 0; right: 0; left: 0; z-index: 20; padding: .5em 1em; } #message_bottom.thin{ left: auto; right: 10px; bottom: 10px; max-width: 300px; padding: 1em; } #message_bottom.thin .message-bottom-text{ display: block; padding: 0; } #message_bottom.thin button{ margin-top: 1em; } #box{ display: flex; flex-direction: column; min-height: 100vh; } #box.box-fade-in{ transition: opacity .35s ease-out; opacity: 0; } .window-loaded #box.box-fade-in{ opacity: 1; } /* Title section */ .title{ position: relative; } .title h1{ margin-top: 0; margin-bottom: 0; } .title .breadcrumbs{ margin: .5em 0; } .title .breadcrumbs li{ display: inline-block; } .title .search-form{ margin: 1em 0; max-width: 400px; } .title.text-center .search-form{ margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .title.title-inline > [class*=container]{ display: flex; flex-wrap: wrap; align-items: center; } .title.title-inline h1 + nav{ margin-left: 2em; padding-left: 2em; border-left: 1px solid var(--colorBorder); } .title.title-inline .search-form{ margin-left: 2em; margin-right: 2em; } } @media (min-width: 768px) { .intro .d-grid{ align-items: center; } .intro.image-right .d-grid > *:first-child{ order: 2; } } @media (max-width: 767px) { .intro .d-grid .intro-section-text{ padding-top: 2em; text-align: center; } } .intro.image-top .intro-section-text{ margin-top: 3em; } .intro.image-bottom .intro-section-text{ margin-bottom: 3em; } .intro .search-form{ margin: 2em 0; max-width: 400px; } .intro.text-right .search-form{ margin-left: auto; } .intro.text-center .search-form{ margin: 2em auto; } .intro-buttons{ margin-top: 2em; } .intro-teasers.intro-top-overlap{ background-color: transparent; } .intro-teasers .top-overlap{ margin-top: -5rem; } .intro-teasers-grid-wrap.px{ padding-left: 1em; padding-right: 1em; } .intro-teasers-description{ margin-bottom: 2em; } /* Main Content Section */ #main{ position: relative; flex-grow: 1; overflow: hidden; } #main.overflow-visible, .with-sidebar #main{ overflow: visible; } .column-aside{ max-width: 430px; margin: 4em 0 0; } .column-aside .widgets-wrap.sticky{ position: -webkit-sticky; position: sticky; top: 40px; } .column-aside .widgets-wrap > * + *{ margin-top: 4em; } @media screen and (min-width: 576px) and (max-width: 991px) { .column-aside{ max-width: none; } .column-aside .widgets-wrap{ display: flex; flex-wrap: wrap; } .column-aside .widgets-wrap > *{ margin-top: 0; margin-bottom: 3em; flex: 1 1 46%; } .column-aside .widgets-wrap > *:nth-child(odd){ margin-right: 2%; } .column-aside .widgets-wrap > *:nth-child(odd):last-child{ margin-bottom: 0; } .column-aside .widgets-wrap > *:nth-child(even){ margin-left: 2%; } } @media screen and (min-width: 992px) { .with-sidebar .main-columns{ display: flex; } .with-sidebar .column-main{ width: 66.666%; padding-right: var(--sb-gap); } .with-sidebar .column-aside{ margin-top: 0; width: 33.333%; } .with-sidebar .sidebar-25 .column-main{ width: 75%; } .with-sidebar .sidebar-25 .column-aside{ width: 25%; } .sidebar-left .column-aside{ order: 1; } .sidebar-left .column-main{ order: 2; padding-right: 0 !important; padding-left: var(--sb-gap); } } /* Home page layout */ .sidebar-home > *{ margin-bottom: 4em; } @media screen and (min-width: 767px) { .sidebar-home{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 2em; } .sidebar-home > *{ margin-bottom: 0; } .sidebar-home > .widget-fullwidth{ grid-column: 1/span 3; } } .sidebar-home-before{ margin-bottom: 4em; } .sidebar-home-after{ margin-top: 4em; } /* Footer */ .footer, .footer-top{ position: relative; overflow: hidden; } .footer-widgets > *{ margin-bottom: 1em; } @media screen and (min-width: 768px) { .footer-widgets.one-half-only{ width: 50%; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 1200px) { .footer-widgets.one-half-first > *:first-child{ width: 50%; } .footer-widgets.one-half-second > *:nth-child(2){ width: 50%; } } .footer-widgets-fullwidth > * + *{ margin-top: 3em; } .copyright{ position: relative; } .copyright .copyright-text{ margin: .5em 0; } .copyright .copyright-menu{ margin: .5em 0; padding: 0; list-style: none; } .copyright .copyright-menu li{ display: inline-block; margin: 0 .25em; } .copyright .cols-2{ align-items: center; } @media screen and (max-width: 767px) { .copyright .cols-2{ display: block; } .copyright .cols-2 > *{ width: auto; } } .copyright .cols-2 > *:last-child{ margin-top: 1em; display: block; } @media screen and (min-width: 768px) { .copyright .cols-2 > *:last-child:not(:only-child){ margin-top: 0; text-align: right; } } #bottom-wrap[style] .footer-top, #bottom-wrap[style] .footer, #bottom-wrap[style] .copyright{ background-color: transparent; } #to-top{ position: fixed; right: 0; bottom: -60px; background-color: var(--colorLight); box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15); width: 44px; height: 44px; line-height: 44px; font-size: 1rem; text-align: center; transition: bottom .3s ease-in-out; z-index: 2; } #to-top.visible{ bottom: 0; } #to-top:before{ content: ''; display: inline-block; position: relative; top: 0; width: 7px; height: 7px; border-style: solid; border-width: 1px 1px 0 0; border-color: var(--colorDarkMuted); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #overlay{ position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 20; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .001); transition: all .2s ease; cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACqSURBVHgBrZSJDYAgDEUZxY10Ax3BDRhFN3EURmCELySQEGLl+G2CByTvEWhrACxhPPFtFCJwjjCu/BPBMRwrSOAcq0k7d6ygAttygRKIYFbQBM8KusGjgmFwr2Aa3BLQ4B/BqQIWBHrgQmALsIdSq6jP2EuXzIItlFqFmBW0AI10mxagM4+HBRgskG4BJiuvKQBZ0qIASr3iUxAeNwsWBFue3IxSJMEev1+oF518IhJjuQAAAABJRU5ErkJggg=='), auto; } .side-menu-active #overlay, .search-dropdown-active #overlay{ background-color: rgba(0, 0, 0, .5); opacity: 1; visibility: visible; } ul a:not([href]):empty{ display: none; } /* ** Menu Switcher */ .nav-btn{ width: 44px; height: 44px; border: none; text-align: center; position: relative; cursor: pointer; } .nav-btn[class]{ padding: 0; } .nav-btn[id][id][id]{ background: transparent; } .nav-btn:hover, .nav-btn:focus{ background: transparent !important; } .nav-btn span, .nav-btn span:before, .nav-btn span:after{ width: 18px; height: 2px; margin: auto; left: 0; display: block; position: relative; content: ''; background: var(--colorDarkMuted); transition: .25s all ease-in-out; } .i .nav-btn span, .i .nav-btn span:before, .i .nav-btn span:after{ background: var(--colorLight); } .i.c .nav-btn span, .i.c .nav-btn span:before, .i.c .nav-btn span:after{ background: #fff; } .i .l.affix .nav-btn span, .i .l.affix .nav-btn span:before, .i .l.affix .nav-btn span:after{ background: var(--colorDarkMuted); } .nav-btn.active span{ background: transparent !important; } .nav-btn span:before{ bottom: 5px; opacity: 1; } .nav-btn span:after{ top: 3px; } .nav-btn.active span:before{ top: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav-btn.active span:after{ top: -1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nav-btn.type-dots{ width: 28px; height: 28px; } .nav-btn.type-dots span, .nav-btn.type-dots span:before, .nav-btn.type-dots span:after{ height: 3px; width: 3px; border-radius: 50%; } .nav-btn.type-dots span:before{ bottom: 6px; } .nav-btn.type-dots span:after{ top: 3px; } .nav-btn.type-dots.active span, .nav-btn.type-dots.active span:before, .nav-btn.type-dots.active span:after{ width: 22px; height: 2px; border-radius: 0; } .nav-btn.type-dots.active span:after{ top: -1px; } [class*=container] > .nav-btn:first-child{ margin: 0 .5em; } [class*=container] > .nav-btn:last-child{ margin: 0 .5em; } /*Menu Topline*/ .topline-menu{ list-style: none; padding: 0; margin: 0; display: inline-block; } @media screen and (max-width: 991px) { .dropdown-menu-md .topline-menu{ display: block; } .dropdown-menu-md .topline-menu li{ display: block; margin: 0; } .dropdown-menu-md .topline-menu li + li{ margin-top: .7em; } } .topline-menu li{ margin: 0 .5em; display: inline-block; } .topline-menu li:first-child{ margin-left: 0; } .topline-menu li:last-child{ margin-right: 0; } /* ** WordPress */ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail{ max-width: 100%; height: auto; } .wp-caption{ margin-bottom: 1em; } .wp-caption-text{ font-size: 14px; text-align: center; line-height: 1.4; padding: .2em .3em; margin-bottom: 1em; } .sticky{ display: block; position: relative; } .screen-reader-text{ border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus{ background-color: var(--colorLight); clip: auto !important; -webkit-clip-path: none; clip-path: none; display: block; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .gallery-item{ text-align: center; } .gallery-item img{ display: block; margin: auto; } .gallery-caption{ font-size: 14px; text-align: center; line-height: 1.4; padding: .2em .3em; } .bypostauthor{ display: block; } .alignleft{ max-width: 50%; float: left; margin-top: 0; margin-right: 1.5em; margin-bottom: 1em; clear: both; } .alignright{ max-width: 50%; float: right; margin-top: 0; margin-left: 1.5em; margin-bottom: 1em; clear: both; } .aligncenter{ text-align: center; clear: both; margin-left: auto; margin-right: auto; } .search-form{ position: relative; } .search-form input{ padding-right: 2.5em; width: 100%; } .search-form button{ position: absolute; right: 0; top: 0; } .search-form button.search-submit{ padding: 10px 10px 8px 10px; font-size: 0; } .search-form button.search-submit:hover{ opacity: .5; } .search-form button.search-submit, .search-form button.search-submit:hover{ border: none; background: none !important; } /* ** Blog */ .category-description{ margin-bottom: 4em; } .has-post-thumbnail > .item-content{ padding-top: 1.5em; } @media (min-width: 768px) { .has-post-thumbnail > .item-content.content-narrow{ padding-left: 4.5em; padding-right: 4.5em; } } .post-thumbnail{ position: relative; line-height: 0; overflow: hidden; } .thumbnail-fullwidth .post-thumbnail:not(.alignleft):not(.alignfull), .thumbnail-fullwidth .post-thumbnail:not(.alignleft) img{ width: 100%; } .post-thumbnail .svg-icon{ font-size: 19px; position: absolute; top: 0; right: 0; line-height: 45px; width: 40px; height: 40px; text-align: center; background-color: rgba(0, 0, 0, .5); } .post-thumbnail .svg-icon svg{ fill: #fff; color: #fff; } .post-thumbnail img{ transition: all .3s ease-in-out; } body:not(.no-hover-thumbnail) .post-thumbnail .grid-item article:hover .post-thumbnail img, body:not(.no-hover-thumbnail).hfeed article:hover .post-thumbnail img{ opacity: .7; -webkit-transform: scale(1.2); transform: scale(1.2); } .post-thumbnail.alignfull img{ width: 100%; } .post-thumbnail .featured-image-date{ position: absolute; left: 15px; top: 15px; line-height: 1; padding: .5em; background-color: var(--colorDarkMuted); color: var(--colorLight); } .post-thumbnail .featured-image-date.top-right{ left: auto; right: 15px; } .post-thumbnail .featured-image-date.bottom-left{ top: auto; bottom: 15px; } .post-thumbnail .featured-image-date.bottom-right{ top: auto; left: auto; right: 15px; bottom: 15px; } .btns-round .post-thumbnail .featured-image-date{ border-radius: 50px; } .btns-rounded .post-thumbnail .featured-image-date{ border-radius: 6px; } .post-thumbnail .featured-image-categories{ line-height: 1; position: absolute; top: 15px; left: 15px; } .post-thumbnail .featured-image-categories.top-right{ left: auto; right: 15px; text-align: right; } .post-thumbnail .featured-image-categories.bottom-left{ top: auto; bottom: 15px; } .post-thumbnail .featured-image-categories.bottom-right{ top: auto; left: auto; right: 15px; bottom: 15px; text-align: right; } .post-thumbnail .featured-image-categories a{ display: inline-block; padding: .5em; margin: 0 4px 4px 0; background-color: var(--colorDarkMuted); color: var(--colorLight); } .post-thumbnail .featured-image-categories a:hover{ background-color: var(--colorMain); color: #fff; } .btns-round .post-thumbnail .featured-image-categories a{ border-radius: 50px; } .btns-rounded .post-thumbnail .featured-image-categories a{ border-radius: 6px; } .post-thumbnail-inner:focus{ display: inline-block; outline-offset: -1px; } .entry-header .sticky-post{ float: right; font-size: 14px; line-height: 1; } .entry-header + .entry-footer{ margin-top: -0.75em; } .entry-header.entry-header-small + .entry-footer{ margin-top: -0.5em; } .entry-title{ margin-top: 0; margin-bottom: .75em; } .entry-content:after{ content: ''; display: block; clear: both; } .entry-content p:last-child:not([class*=mb-]){ margin-bottom: 0 !important; } .read-more{ clear: both; } .entry-footer{ word-break: initial; clear: both; font-size: 14px; line-height: 1.5; margin: 0 0 1em; color: var(--colorFontMuted); } .entry-footer:empty{ display: none; } .entry-footer:before, .entry-footer:after{ content: ''; display: block; clear: both; } .entry-footer:first-child{ margin-top: 0; } .entry-footer:last-child{ margin-top: 1em; margin-bottom: 0; } .entry-footer a{ color: var(--colorFontMuted); } .entry-footer a:focus, .entry-footer a:hover{ color: var(--colorMain); opacity: .8; } .entry-footer .entry-author-wrap, .entry-footer .entry-date-wrap{ white-space: nowrap; } .entry-footer .svg-icon svg{ fill: var(--colorFontMuted); } .entry-footer > *{ margin: 0 .5em .5em 0; } .entry-footer .meta-word{ margin-right: 4px; } .entry-footer.last-right > *:last-child:not(:only-child), .entry-footer .comments-link{ float: right; margin-right: 0; margin-left: 1.5em; } .text-center .entry-footer .comments-link{ float: none; margin: 0; } .post-thumbnail + .entry-footer{ margin-top: 0; } .entry-footer-sidebar{ display: flex; flex-direction: column; gap: 8px; } .entry-footer-sidebar .icon-inline{ align-items: flex-start; flex-wrap: wrap; } [class*=entry-footer] .entry-author-wrap{ position: relative; } [class*=entry-footer] .author-avatar{ display: inline-block; width: 30px; text-align: left; margin-right: .5em; } [class*=entry-footer] .author-avatar img{ max-width: 30px; border-radius: 50%; position: absolute; top: -5px; } .meta-text-main .entry-footer{ color: var(--colorMain); } .meta-text-main .entry-footer a{ color: var(--colorMain); } .meta-text-main2 .entry-footer{ color: var(--colorMain2); } .meta-text-main2 .entry-footer a{ color: var(--colorMain2); } .meta-text-border .entry-footer{ color: var(--colorBorder); } .meta-text-border .entry-footer a{ color: var(--colorBorder); } .meta-text-dark .entry-footer{ color: var(--colorDark); } .meta-text-dark .entry-footer a{ color: var(--colorDark); } .meta-text-dark-muted .entry-footer{ color: var(--colorDarkMuted); } .meta-text-dark-muted .entry-footer a{ color: var(--colorDarkMuted); } .categories-list, .tags-list{ white-space: initial; } .entry-categories-separator:before{ content: ', '; } .entry-tags-separator:before{ content: ', '; } .hfeed article{ clear: both; } .hfeed article + article{ margin-top: 4.5em; } .post-password-form{ margin: 1em 0; } .grid-item .entry-title{ font-size: 1.15em; } .grid-item .post-title + .entry-footer{ margin-top: .5em; } .hide-tax-name .taxonomy-name-title{ display: none; } .layout-meta-top .entry-footer-top{ margin-bottom: 2em; } .layout-meta-top .entry-footer-bottom{ margin-top: 2em; } .layout-side-small .post-thumbnail{ margin-right: 20px; margin-bottom: 15px; } .layout-side-small .post-thumbnail img{ max-width: 100px; } .layout-side-small .post-thumbnail ~ *{ overflow: hidden; } .layout-side-small .item-content{ padding-top: 0; } .layout-side-small .grid-item .has-post-thumbnail .item-content{ padding-top: 0; } .layout-cols-excerpt{ text-align: center; } .layout-title-only h3{ font-size: inherit; margin-bottom: 0; } .layout-title-only article + article{ margin-top: 0; } .layout-title-meta-only h3{ font-size: 1.25em; margin-bottom: 0; } .layout-title-meta-only .entry-footer{ margin-bottom: .5em; } .layout-title-meta-only article + article{ margin-top: 4em; } /* ** Single post */ .single .post-thumbnail-background .container{ padding-top: 8vw; padding-bottom: 8vw; } .single span[id^=more-] + h3{ margin-top: 0; } .single .format-chat p:nth-child(odd){ background: var(--colorBackground); padding: .5em 1em; } .related-posts{ margin-top: 3em; margin-bottom: 3em; } .related-posts h5{ margin-bottom: .5em; } .related-posts h6{ margin-bottom: .25em; } /*post author*/ .author-meta{ margin: 3em 0; font-size: .92em; } .about-author-heading{ margin-bottom: -1em; } /*post nav*/ .post-nav{ margin: 3em 0; display: flex; justify-content: center; } @media screen and (max-width: 767px) { .post-nav{ flex-wrap: wrap; } } .post-nav > *{ position: relative; display: block; flex: 1 1; max-width: 50%; } @media screen and (max-width: 575px) { .post-nav > *{ width: 100%; max-width: none; flex-basis: auto; } .post-nav > *:last-child{ border-top: 1px solid; border-color: var(--colorBorder); } } .post-nav .prev-item{ text-align: left; } .post-nav .next-item{ text-align: right; } .post-nav .post-nav-word{ display: block; font-weight: bolder; font-size: 13px; opacity: .75; } .post-nav .post-nav-title{ word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .post-nav .background-cover{ color: #fff; } .post-nav-item{ display: flex; padding: 1em 0; height: 100%; align-items: center; } .post-nav-item.next-item{ justify-content: flex-end; } .post-nav-item.bg-item{ padding: 2em 1em; } .post-nav-arrow{ margin-right: 1em; } .has-image .post-nav-arrow svg{ fill: #fff; } .next-item .post-nav-arrow{ margin-right: 0; margin-left: 1em; } .post-nav-thumb{ margin-right: 1em; } .post-nav-thumb img{ display: block; max-width: 80px; } @media screen and (max-width: 767px) { .post-nav-thumb img{ max-width: 60px; } } .next-item .post-nav-thumb{ margin-right: 0; margin-left: 1em; } /*side meta layout*/ .layout-meta-side .post-thumbnail + .entry-header{ padding-top: 1.5em; } @media (min-width: 600px) { .item-content.d-flex{ display: flex; } .entry-header + .item-content.d-flex{ padding-top: 0; } .item-content.d-flex .entry-content{ width: calc(100% - 12em); } .item-content.d-flex .entry-footer-side:empty + .entry-content{ width: 100%; } .entry-footer-side{ display: flex; flex-direction: column; width: 18em; padding-right: 2em; } .entry-footer-side.entry-footer-sticky{ position: -webkit-sticky; position: sticky; top: 80px; } .entry-footer-side .comments-link{ float: none; order: 2; margin-left: 0; } .entry-footer-side > span{ margin: .25em 0; } } /* ** Comments */ .required{ color: var(--colorMain); } .comments-area{ margin-top: 5em; } .comment-list{ padding: 0; } ol.children{ margin-top: 2em; padding-left: 50px; } .comment, .pingback, .trackback{ list-style: none; margin-bottom: 1em; } .pingback + .comment, .trackback + .comment{ margin-top: 2em; } .comment{ margin-bottom: 3em; } .comment-meta{ position: relative; margin-left: 50px; margin-right: 5em; min-height: 50px; color: var(--colorFontMuted); font-size: 14px; margin-bottom: .5em; } .comment-author{ line-height: 1.3; } .comment-author img{ background-color: var(--colorBackground); width: 35px; height: 35px; position: absolute; left: -50px; top: 0; } .comment-content{ margin-left: 50px; } .comment-body{ position: relative; } .comment-body .edit-link:before{ content: ' | '; } .comment .reply{ position: absolute; right: 0; top: 0; font-size: 14px; } .comment .reply .svg-icon{ position: relative; top: 4px; } .comment-reply-title a{ color: var(--colorFontMuted); margin: 0 .5em; } /* form */ .comment-form{ display: flex; flex-wrap: wrap; } .comment-form textarea{ height: 100%; } .comment-form p{ width: 100%; margin-bottom: 1em; } .comment-form .form-submit{ margin-bottom: 0; } .comment-form .logged-in-as, .comment-form .comment-notes{ font-size: .92em; margin-bottom: .5em; color: var(--colorFontMuted); } .comment-form .comment-form-cookies-consent{ line-height: 1.2; } .comment-form .comment-form-cookies-consent label{ display: inline; margin-left: .3em; } .comment-form textarea, .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url]{ width: 100%; } @media screen and (min-width: 992px) { .comment-form .comment-form-author, .comment-form .comment-form-email{ width: 50%; padding-right: .5em; } .comment-form .comment-form-email{ padding-right: 0; padding-left: .5em; } } li .comment-respond{ margin-top: 1em; } /* widgets*/ .widget > ul, .widget > ul ul{ margin: 0; padding: 0; list-style: none; width: 100%; } .widget ul:last-child, .widget ol:last-child{ margin-bottom: 0; } .widget > .wp-block-group > h2, .widget .wp-block-group__inner-container > h2, .widget .widget-title{ font-size: 1.2em; margin-top: 0; margin-bottom: 1em; } .widget select{ display: block; width: 100%; } .wt-hide .widget > .wp-block-group > h2, .wt-hide .widget .wp-block-group__inner-container > h2, .wt-hide .widget-title{ display: none; } .wt-uppercase .widget > .wp-block-group > h2, .wt-uppercase .widget .wp-block-group__inner-container > h2, .wt-uppercase .widget-title{ text-transform: uppercase; } .wt-bold .widget > .wp-block-group > h2, .wt-bold .widget .wp-block-group__inner-container > h2, .wt-bold .widget-title{ font-weight: 700; } .wt-decor .widget > .wp-block-group > h2, .wt-decor .widget .wp-block-group__inner-container > h2, .wt-decor .widget-title{ position: relative; padding-bottom: 1.5em; } .wt-decor .widget > .wp-block-group > h2:after, .wt-decor .widget .wp-block-group__inner-container > h2:after, .wt-decor .widget-title:after{ content: ''; position: absolute; bottom: calc(.5em - 3px); left: 0; height: 3px; width: 3em; background-color: var(--colorMain); } .widget_search .widget-title + form, .widget_categories .widget-title + form{ margin-top: 1.65em; } .widget_archive select{ margin-top: 1.65em; } a.tag-cloud-link{ display: inline-block; line-height: 1; border: 1px solid var(--colorBorder); padding: .5em 1em; margin-bottom: 4px; font-size: 14px !important; } .widget_rss li + li{ margin-top: 1em; } .widget_rss .rsswidget{ font-weight: 700; } .widget_rss .rss-date{ display: block; font-size: 14px; margin-bottom: .5em; } .wp-block-latest-posts ul ul, .wp-block-latest-comments:not(.has-avatars) ul ul, .wp-block-categories-list ul ul, .wp-block-archives-list ul ul, .widget_archive ul ul, .widget_categories ul ul, .widget_pages ul ul, .widget_meta ul ul, .widget_nav_menu ul ul, .widget_recent_entries ul ul, .widget_recent-posts ul ul, .widget_recent_comments ul ul{ padding-left: 1em; } .wp-block-latest-posts li, .wp-block-latest-comments:not(.has-avatars) li, .wp-block-categories-list li, .wp-block-archives-list li, .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_nav_menu li, .widget_recent_entries li, .widget_recent-posts li, .widget_recent_comments li{ margin: var(--wli-my) 0; line-height: 1.5; position: relative; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .wp-block-latest-posts li .count, .wp-block-latest-comments:not(.has-avatars) li .count, .wp-block-categories-list li .count, .wp-block-archives-list li .count, .widget_archive li .count, .widget_categories li .count, .widget_pages li .count, .widget_meta li .count, .widget_nav_menu li .count, .widget_recent_entries li .count, .widget_recent-posts li .count, .widget_recent_comments li .count{ float: right; } .widget_nav_menu ul{ margin: 0; padding: 0; list-style: none; width: 100%; } .widget_nav_menu .current-menu-item > a, .widget_nav_menu .current_page_item > a{ font-weight: 700; } .widget_recent_entries .post-date{ display: flex; font-size: 14px; margin-bottom: .5em; color: var(--colorFontMuted); } .i .widget_recent_entries .post-date{ color: var(--colorLight); } .wp-block-calendar, .widget_calendar{ max-width: 300px; text-align: center; } .wp-block-calendar a, .widget_calendar a{ text-decoration: none; } .wp-block-calendar table th, .widget_calendar table th{ font-weight: 700; border: none; background: var(--colorBackground); padding: .8em .1em; } .wp-block-calendar table caption, .widget_calendar table caption{ color: var(--colorDark); font-weight: bolder; padding-bottom: .75em; } .wp-block-calendar tbody a, .widget_calendar tbody a{ font-weight: bold; } .wp-block-calendar tbody td, .widget_calendar tbody td{ padding: .5em .1em; border: none; } .wp-block-calendar nav, .widget_calendar nav{ display: flex; justify-content: space-between; padding: .25em; } .widget_theme_meta .sub-title{ margin-bottom: .5em; } .widget_theme_meta .theme-meta .icon-inline{ margin: .8em 0; display: flex; } .widget_theme_meta .social-links{ display: block; margin-top: 1em; } .text-center .theme-meta .icon-inline{ justify-content: center; } .widget_theme_category a, .widget_theme_category .category-block{ display: block; height: 100%; } .widget_theme_category a:hover{ outline: 3px solid; } .widget_theme_category h5, .widget_theme_category p{ margin-bottom: 0; } .widget_theme_spacer hr{ height: 3px; background-color: var(--colorMain); width: 4em; margin-left: 0; margin-top: 1.5em; } .widget_theme_spacer .text-center hr{ margin-left: auto; } /* pagination */ .nav-links:empty{ display: none; } .nav-links .next, .nav-links .prev{ padding: 5px 6px 5px; } .nav-links .icon-inline .svg-icon svg{ fill: var(--colorDarkMuted); max-width: 1em; max-height: 1em; } .nav-links .icon-inline{ vertical-align: bottom; } .nav-links, .page-links{ line-height: 1; clear: both; margin: 2em 0; } .nav-links:before, .nav-links:after, .page-links:before, .page-links:after{ content: ''; display: block; clear: both; } .nav-links:last-child, .page-links:last-child{ margin-bottom: 0; } .nav-links a, .nav-links .current, .page-links a, .page-links .current{ display: inline-block; padding: 5px 9px; font-size: 14px; } .nav-links .current, .page-links .current{ background-color: var(--colorBackground); } .page-links span:first-child{ border: none; padding-right: 0; padding-left: 0; } .pagination{ margin-top: 4em; text-align: center; } .comments-pagination{ margin-bottom: 2em; } /* additional padding helpers */ .p-05{ padding: .5em; } .p-1{ padding: 1em; } .p-2{ padding: 2em; } .p-3{ padding: 3em; } .p-big{ padding: 2em 8%; } .pt-0{ padding-top: 0; } .pt-1{ padding-top: 1em; } .pt-2{ padding-top: 2em; } .pt-3{ padding-top: 3em; } .pt-4{ padding-top: 4em; } .pt-5{ padding-top: 5em; } .pt-6{ padding-top: 6em; } .pt-7{ padding-top: 7em; } .pt-8{ padding-top: 8em; } .pt-9{ padding-top: 9em; } .pt-10{ padding-top: 10em; } .pb-0{ padding-bottom: 0; } .pb-1{ padding-bottom: 1em; } .pb-2{ padding-bottom: 2em; } .pb-3{ padding-bottom: 3em; } .pb-4{ padding-bottom: 4em; } .pb-5{ padding-bottom: 5em; } .pb-6{ padding-bottom: 6em; } .pb-7{ padding-bottom: 7em; } .pb-8{ padding-bottom: 8em; } .pb-9{ padding-bottom: 9em; } .pb-10{ padding-bottom: 10em; } /* additional margin helpers */ .mt-05{ margin-top: .5em !important; } .mt-15{ margin-top: 1.5em !important; } .mt-0{ margin-top: 0 !important; } .mt-1{ margin-top: 1em !important; } .mt-2{ margin-top: 2em !important; } .mt-3{ margin-top: 3em !important; } .mt-4{ margin-top: 4em !important; } .mt-5{ margin-top: 5em !important; } .mb-05{ margin-bottom: .5em !important; } .mb-15{ margin-bottom: 1.5em !important; } .mb-0{ margin-bottom: 0 !important; } .mb-1{ margin-bottom: 1em !important; } .mb-2{ margin-bottom: 2em !important; } .mb-3{ margin-bottom: 3em !important; } .mb-4{ margin-bottom: 4em !important; } .mb-5{ margin-bottom: 5em !important; } .h-1{ height: 1px; } .h-2{ height: 2px; } .h-3{ height: 3px; } .h-4{ height: 4px; } .h-5{ height: 5px; } /* hidden elements */ .hidden, .d-none{ display: none !important; } @media (max-width: 1599px) { .hidden-xl{ display: none !important; } } @media (max-width: 1199px) { .hidden-lg{ display: none !important; } } @media (max-width: 991px) { .hidden-md{ display: none !important; } } @media (max-width: 767px) { .hidden-sm{ display: none !important; } } @media (max-width: 599px) { .hidden-xs{ display: none !important; } } @media (max-width: 499px) { .hidden-xxs{ display: none !important; } } @media (max-width: 399px) { .hidden-xxxs{ display: none !important; } } @media (max-width: 991px) { .visible-md{ display: block !important; } }