����JFIF���������
__ __ __ __ _____ _ _ _____ _ _ _ | \/ | \ \ / / | __ \ (_) | | / ____| | | | | | \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | | | |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | | | | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | | |_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1 if you need WebShell for Seo everyday contact me on Telegram Telegram Address : @jackleetFor_More_Tools:
home/eliteafr/www/search_template_1775659388/style-rtl.css 0000666 00000071060 15216472227 0017136 0 ustar 00 /*!
Theme Name: PopularFX
Theme URI: https://popularfx.com
Author: Pagelayer
Author URI: https://pagelayer.com
Description: Lightweight theme to make beautiful websites with Pagelayer. Includes 100s of pre-made templates to design your dream website !
Version: 1.2.6
License: LGPL v2.1
License URI: LICENSE
Text Domain: popularfx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, microformats, post-formats, theme-options, blog, rtl-language-support
Tested up to: 6.0
Requires PHP: 5.5
This theme is licensed under the LGPL v2.1.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background-color:#f5f5f5;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 3em 1.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-right: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #4169e1;
text-decoration: none;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active{
color:#2196f3;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header{
background-color:#ffffff;
border-bottom: 1px solid #eaeaea;
position:relative;
margin-right: auto;
margin-left: auto;
padding: 0% 4%;
width: 100%;
}
.site-branding{
display:inline-block;
padding:10px;
width: 30%;
}
.site-title{
font-size:30px;
font-weight:500;
color:#212121;
margin:0px;
}
.site-title a{
font-weight:500;
color:#212121;
text-decoration:none;
text-transform:capitalize;
}
.site-description{
margin: 1px;
}
.main-navigation {
margin: 15px 0px;
padding: 0;
display:inline-block;
width: 68%;
vertical-align: top;
text-align: left;
}
.main-navigation .menu-item-has-children > ul{
position: absolute;
border: 1px solid #dfdfdf;
position: absolute;
top: -1000px;
}
.main-navigation ul {
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation li {
display: inline-block;
position: relative;
text-align: right;
}
.main-navigation li.focus > ul, .main-navigation li:hover > ul {
top: auto;
right: auto;
}
.main-navigation li li {
display: block;
}
.main-navigation li li.focus > ul, .main-navigation li li:hover > ul {
right: 100%;
top: 0;
}
.main-navigation a {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
}
.main-navigation a:hover,
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
color: #0072b7;
}
.main-navigation .menu-item-has-children > a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 2px;
border-top-color: transparent;
border-right-color: currentColor;
}
.main-navigation .menu-item-has-children .sub-menu{
background: #fff;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
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: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget-area{
display:inline-block;
background-color:#ffffff;
padding:25px;
margin-top:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.widget-title{
font-size:20px;
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget ul,
.widget ol{
margin-right:0px;
}
.widget li a{
text-decoration:none;
color:#212121;
font-size:14px;
line-height:1.8;
}
.widget li a:hover{
color:#2196f3;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
border-spacing:0;
}
.widget_calendar td {
border-left: none;
border-right: none;
}
.widget_calendar .widget-title{
text-transform:capitalize;
}
.widget_calendar .wp-calendar-table caption{
margin:10px 0px;
}
.widget_calendar .wp-calendar-table tr td{
text-decoration:none;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table tr th{
text-decoration:none;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table td a{
text-decoration:none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.site-main{
height: auto;
vertical-align: top;
margin:0px auto;
width:100%;
}
.article{
background-color:#ffffff;
padding:25px;
margin:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.article .cat-links,
.article .comments-link,
.article .edit-link,
.article .tags-links{
margin:0px 10px 0px 0px;
text-decoration:underline;
}
.article .post-thumbnail img{
margin-top:20px;
}
.nav-links{
margin:0px 30px;
}
.nav-links a{
text-decoration:none;
}
.entry-title{
margin:5px 0px;
font-weight:500;
}
.entry-title a{
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active{
color:#2196f3;
}
.entry-content{
font-size:16px;
line-height:1.8;
margin-top:0px;
}
.site{
background-color: transparent;
}
.site-footer{
background-color:#171717;
padding:40px 0px;
text-align:center;
margin-top:60px;
color:#ffffff;
clear: both;
}
.site-info a{
color:#ffffff;
text-decoration:none;
}
.site-info a:hover{
color:#2196f3;
text-decoration:none;
}
.wp-block-quote{
margin: 10px 40px 10px 10px;
padding: 15px 20px 15px 15px;
border-right: 5px solid #e0e0e0;
font-style:italic;
}
.error-404{
background-color:#ffffff;
padding:25px;
margin:40px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
text-align:center;
}
.error-code{
font-size:150px;
margin:0px;
font-weight:500;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:33%;
display:inline-block;
vertical-align:top;
margin-top:5%;
}
.error-404 .widget_recent_entries ul,
.error-404 .widget_categories ul{
list-style-type:none;
padding-right:0px;
}
.widget_recent_entries .widgettitle,
.widget_categories .widgettitle,
.widget_archive .widgettitle{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget_archive select{
max-width: 100%;
width: 200px;
border-radius: 4px;
padding: 5px 10px;
height: 40px;
}
.error-404 .search-field{
display: block;
margin: 0 auto;
width: 350px;
padding: 10px;
border-radius: 4px;
}
.error-404 .search-submit{
font-size:16px;
padding: 10px 25px;
margin-top: 10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 0 7.6923% 3.5em;
background-color:#ffffff;
padding:20px 40px;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 500;
line-height: 1.3125;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #212121;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-right: 0.875em;
}
.comment-author {
color: #1a1a1a;
}
.vcard .fn a{
color:#171717;
text-transform:capitalize;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.comment-author .avatar {
float: right;
height: 40px;
margin-left: 0.875em;
position: relative;
width: 40px;
}
.comment-metadata {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 10px;
display:inline-block;
}
.comment-metadata a {
text-decoration:underline;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
}
.comment-metadata .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content{
font-size:16px;
font-weight:100;
line-height:1.8;
}
.comment-content ul,
.comment-content ol {
margin: 0 1.25em 1.5em 0;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border-radius: 2px;
color: #ffffff;
background-color:#2196f3;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
padding: 10px 20px;
text-decoration:underline;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #ffffff;
outline: 0;
}
.comment-form {
/*padding-top: 1.75em;*/
}
.comment-form label {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
height: 40px;
font-size: 14px;
overflow: hidden;
width: 90px;
margin-right: 10px;
text-decoration:none;
font-weight:400;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
}
.comment-form-comment textarea{
background-color:#f5f5f5;
}
.bypostauthor{
display: block;
}
.says{
display:none;
}
.form-submit .submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
border:none;
}
input.search-field{
border: 1px solid #eaeaea;
width: auto;
font-size: 16px;
padding: 8px;
}
input.search-submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
vertical-align: middle;
border:none;
margin-top:5px;
cursor: pointer;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
float:right;
margin-left: 14px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Woocoomerce
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{
list-style-type:none;
margin:0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 10px 20px;
border-bottom: 1px solid #616161;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color:#000000;
text-decoration:none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
background-color:#2196f3;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
color:#ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px;
}
.woocommerce form .form-row input.input-text{
padding:15px;
height:40px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
color: #ffffff;
background-color: #2196f3;
font-weight:500;
font-family:inherit;
padding:10px 20px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #ffffff;
background-color: #1976d2;
}
.woocommerce-Address-title h3{
font-weight:600;
text-transform:Capitalize;
}
.woocommerce-account .addresses .title .edit{
text-decoration:none;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width:768px){
.site-header{
padding:0px;
}
.site-branding{
width: 75%;
}
.menu-toggle{
display:inline-block;
float:left;
position: relative;
top: 25px;
left:20px;
}
.main-navigation{
float:none;
display:block;
background-color:#fafafa;
padding: 0px;
width: 100%;
}
.main-navigation ul{
display:block;
}
.main-navigation li{
display: block;
}
.main-navigation .menu-item-has-children:active > ul,
.main-navigation .menu-item-has-children:hover > ul,
.main-navigation .menu-item-has-children.focus > ul{
position: relative !important;
display: block;
margin-right: 20px;
border-right: 0px;
right: unset;
}
.main-navigation .menu-item-has-children .sub-menu{
background-color: initial;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 0px;
top: 0px;
transform: unset;
content: "\25B6";
border-top-color: transparent;
border-right-color: currentColor;
width: 60px;
padding-right: 20px;
display: block;
height: 100%;
padding-top: 15px;
border: unset;
pointer-events: none;
z-index: 10000;
}
.hidden-mobile{
display:none !important;
}
.menu .page_item a,
.menu .menu-item a{
font-size:18px;
padding: 15px 20px;
border-bottom: 1px solid #eaeaea;
}
.site-main{
width:100% !important;
padding-right: 10px;
padding-left: 10px;
}
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:50%;
float:none;
margin:30px;
display:block;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.woocommerce-MyAccount-navigation ul{
padding-right:0px;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px 0px 0px;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:100%;
display:inline-block;
vertical-align:top;
}
}
@media all and (max-width:599px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:auto !important;
float:none;
margin:15px;
display:block;
}
.article{
margin: 30px 15px 15px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.comment-reply-title small a{
display:block;
margin-top:5px;
margin-right:0px;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.error-404{
margin:20px;
}
.error-code{
font-size:100px;
}
.error-404 .search-field{
width:100%;
}
}
home/eliteafr/www/wp-content/themes/twentytwenty/style-rtl.css 0000666 00000353324 15216536114 0020776 0 ustar 00 /*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 2.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0. CSS Reset
1. Document Setup
2. Element Base
3. Helper Classes
4. Site Header
5. Menu Modal
6. Search Modal
7. Page Templates
a. Template: Cover Template
c. Template: Full Width
8. Post: Archive
9. Post: Single
10. Blocks
11. Entry Content
12. Comments
13. Site Pagination
14. Error 404
15. Widgets
16. Site Footer
17. Media Queries
----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 0. CSS Reset
/* -------------------------------------------------------------------------- */
html,
body {
border: none;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
border: none;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
text-align: inherit;
}
blockquote::before,
blockquote::after {
content: "";
}
/* -------------------------------------------------------------------------- */
/* 1. Document Setup
/* -------------------------------------------------------------------------- */
html {
font-size: 62.5%; /* 1rem = 10px */
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body {
background: #f5efe0;
box-sizing: border-box;
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
font-size: 1.8rem;
letter-spacing: -0.015em;
text-align: right;
}
@supports ( font-variation-settings: normal ) {
body {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
*,
*::before,
*::after {
box-sizing: inherit;
-webkit-font-smoothing: antialiased;
word-break: break-word;
word-wrap: break-word;
}
#site-content {
overflow: hidden;
}
/* Clearing ---------------------------------- */
.group::after,
.entry-content::after {
clear: both;
content: "";
display: block;
}
/* Base Transitions -------------------------- */
a,
path {
transition: all 0.15s linear;
}
/* Screen Reader Text ------------------------ */
.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;
word-break: normal;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Skip Link --------------------------------- */
.skip-link {
right: -9999rem;
top: 2.5rem;
z-index: 999999999;
text-decoration: underline;
}
.skip-link:focus {
display: block;
right: 6px;
top: 7px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
line-height: normal;
padding: 15px 23px 14px;
z-index: 100000;
left: auto;
}
/* Fonts ------------------------------------- */
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the classic editor and
* block editor. The following font-face override fixes the issue by manually
* inserting a custom font that includes just a Hoefler Text space replacement
* for that character instead.
*/
@font-face {
font-family: NonBreakingSpaceOverride;
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
/* ----------------------------------------------
Inter variable font. Usage:
@supports (font-variation-settings: normal) {
html { font-family: 'Inter var', sans-serif; }
}
---------------------------------------------- */
@font-face {
font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: normal;
font-display: swap;
src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: italic;
font-display: swap;
src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2");
}
/* Accessibility Settings -------------------- */
@media ( prefers-reduced-motion: reduce ) {
* {
animation-duration: 0s !important;
transition-duration: 0s !important;
}
}
/* -------------------------------------------------------------------------- */
/* 2. Element Base
/* ---------------------------------------------*---------------------------- */
main {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
font-feature-settings: "lnum";
font-variant-numeric: lining-nums;
font-weight: 700;
letter-spacing: -0.0415625em;
line-height: 1.25;
margin: 3.5rem 0 2rem;
}
h1,
.heading-size-1 {
font-size: 3.6rem;
font-weight: 800;
line-height: 1.138888889;
}
h2,
.heading-size-2 {
font-size: 3.2rem;
}
h3,
.heading-size-3 {
font-size: 2.8rem;
}
h4,
.heading-size-4 {
font-size: 2.4rem;
}
h5,
.heading-size-5 {
font-size: 2.1rem;
}
h6,
.heading-size-6 {
font-size: 1.6rem;
letter-spacing: 0.03125em;
text-transform: uppercase;
}
p {
line-height: 1.5;
margin: 0 0 1em 0;
}
em,
i,
q,
dfn {
font-style: italic;
}
em em,
em i,
i em,
i i,
cite em,
cite i {
font-weight: bolder;
}
big {
font-size: 1.2em;
}
small {
font-size: 0.75em;
}
b,
strong {
font-weight: 700;
}
ins {
text-decoration: underline;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
abbr,
acronym {
cursor: help;
}
address {
line-height: 1.5;
margin: 0 0 2rem 0;
}
hr {
border-style: solid;
border-width: 0.1rem 0 0 0;
border-color: #dcd7ca;
margin: 4rem 0;
}
.entry-content hr,
hr.styled-separator {
background: linear-gradient(to right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
background-color: transparent !important;
border: none;
height: 0.1rem;
overflow: visible;
position: relative;
}
.entry-content hr:not(.has-background),
hr.styled-separator {
color: #6d6d6d;
}
.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after {
background: currentColor;
content: "";
display: block;
height: 1.6rem;
position: absolute;
top: calc(50% - 0.8rem);
transform: rotate(-22.5deg);
width: 0.1rem;
}
.entry-content hr::before,
hr.styled-separator::before {
right: calc(50% - 0.5rem);
}
.entry-content hr::after,
hr.styled-separator::after {
left: calc(50% - 0.5rem);
}
a {
color: #cd2653;
text-decoration: underline;
}
a:hover,
a:focus {
text-decoration: none;
}
/* Lists ------------------------------------- */
ul,
ol {
margin: 0 3rem 3rem 0;
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ol {
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
li {
line-height: 1.5;
margin: 0.5rem 2rem 0 0;
}
li > ul,
li > ol {
margin: 1rem 2rem 0 0;
}
.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
list-style: none;
margin: 0;
}
.reset-list-style li {
margin: 0;
}
dt,
dd {
line-height: 1.5;
}
dt {
font-weight: 700;
}
dt + dd {
margin-top: 0.5rem;
}
dd + dt {
margin-top: 1.5rem;
}
/* Quotes ------------------------------------ */
blockquote {
border-color: #cd2653;
border-style: solid;
border-width: 0 0 0 0.2rem;
color: inherit;
font-size: 1em;
margin: 4rem 0;
padding: 0.5rem 0 0.5rem 2rem;
}
cite {
color: #6d6d6d;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: 1.25;
}
blockquote cite {
display: block;
margin: 2rem 0 0 0;
}
blockquote p:last-child {
margin: 0;
}
/* Code -------------------------------------- */
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 0.9em;
padding: 0.4rem 0.6rem;
}
code,
kbd,
samp {
background: rgba(0, 0, 0, 0.075);
border-radius: 0.2rem;
}
pre {
border: 0.1rem solid #dcd7ca;
line-height: 1.5;
margin: 4rem 0;
overflow: auto;
padding: 3rem 2rem;
text-align: right;
}
pre code {
background: transparent;
padding: 0;
}
/* Media ------------------------------------- */
figure {
display: block;
margin: 0;
}
iframe {
display: block;
max-width: 100%;
}
video {
display: block;
}
svg,
img,
embed,
object {
display: block;
height: auto;
max-width: 100%;
}
figcaption,
.wp-caption-text {
color: #6d6d6d;
display: block;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
margin-top: 1.5rem;
}
figcaption a,
.wp-caption-text a {
color: inherit;
}
blockquote.instagram-media,
iframe.instagram-media {
margin: auto !important;
}
/* GALLERIES */
.gallery {
display: flex;
flex-wrap: wrap;
margin: 3em -0.8em 3em 0;
width: calc(100% + 1.6em);
}
.gallery-item {
margin: 0.8em 0;
padding: 0 0.8em;
width: 100%;
}
.gallery-caption {
display: block;
margin-top: 0.8em;
}
/* Inputs ------------------------------------ */
fieldset {
border: 0.2rem solid #dcd7ca;
padding: 2rem;
}
legend {
font-size: 0.85em;
font-weight: 700;
padding: 0 1rem;
}
label {
display: block;
font-size: 1.6rem;
font-weight: 400;
margin: 0 0 0.5rem 0;
}
label.inline,
input[type="checkbox"] + label {
display: inline;
font-weight: 400;
margin-right: 0.5rem;
}
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
top: 2px;
display: inline-block;
margin: 0;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
background: #fff;
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
border-color: #dcd7ca;
box-shadow: none;
cursor: pointer;
}
input[type="checkbox"]:checked::before {
/* Use the "Yes" SVG Dashicon */
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
position: absolute;
display: inline-block;
margin: -0.1875rem -0.25rem 0 0;
height: 1.75rem;
width: 1.75rem;
}
input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1;
}
@supports ( font-variation-settings: normal ) {
input,
textarea,
button,
.button,
.faux-button,
.faux-button.more-link,
.wp-block-button__link,
.wp-block-file__button {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
input,
textarea {
border-color: #dcd7ca;
color: #000;
}
code,
input[type="url"],
input[type="email"],
input[type="tel"] {
direction: ltr;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
background: #fff;
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
box-shadow: none;
display: block;
font-size: 1.6rem;
letter-spacing: -0.015em;
margin: 0;
max-width: 100%;
padding: 1.5rem 1.8rem;
width: 100%;
}
input[type="number"] {
padding-left: 0.5rem;
}
select {
font-size: 1em;
}
textarea {
height: 12rem;
line-height: 1.5;
width: 100%;
}
input::-webkit-input-placeholder {
line-height: normal;
}
input:-ms-input-placeholder {
line-height: normal;
}
input::-moz-placeholder {
line-height: revert; /* Reset to the value from the user-agent stylesheet. */
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
background: #cd2653;
border: none;
border-radius: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0.0333em;
line-height: 1.25;
margin: 0;
opacity: 1;
padding: 1.1em 1.44em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: opacity 0.15s linear;
}
button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
text-decoration: underline;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: currentColor;
}
input[type="search"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
/* Tables ------------------------------------ */
table {
border: 0.1rem solid #dcd7ca;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 1.6rem;
margin: 4rem 0;
max-width: 100%;
overflow: hidden;
width: 100%;
}
.alignleft > table {
margin: 0;
}
.alignright > table {
margin: 0;
}
th,
td {
border: 0.1rem solid #dcd7ca;
line-height: 1.4;
margin: 0;
overflow: visible;
padding: 0.5em;
}
caption {
background: #dcd7ca;
font-weight: 600;
padding: 0.5em;
text-align: center;
}
thead {
vertical-align: bottom;
white-space: nowrap;
}
th {
font-weight: 700;
}
/* -------------------------------------------------------------------------- */
/* 3. Helper Classes
/* -------------------------------------------------------------------------- */
/* Layout ------------------------------------ */
.no-margin {
margin: 0;
}
.no-padding {
padding: 0;
}
.screen-height {
min-height: 100vh;
}
.admin-bar .screen-height {
min-height: calc(100vh - 32px);
}
@media (max-width: 782px) {
.admin-bar .screen-height {
min-height: calc(100vh - 46px);
}
}
.screen-width {
position: relative;
right: calc(50% - 50vw);
width: 100vw;
}
/* Sections ---------------------------------- */
section {
padding: 5rem 0;
width: 100%;
}
.section-inner {
margin-right: auto;
margin-left: auto;
max-width: 120rem;
width: calc(100% - 4rem);
}
.section-inner.max-percentage {
width: 100%;
}
.section-inner.thin {
max-width: 58rem;
}
.section-inner.small {
max-width: 80rem;
}
.section-inner.medium {
max-width: 100rem;
}
.section-inner.no-margin {
margin: 0;
}
/* Toggles ----------------------------------- */
.toggle {
-moz-appearance: none;
-webkit-appearance: none;
color: inherit;
cursor: pointer;
font-family: inherit;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
text-align: inherit;
user-select: none;
}
button.toggle {
background: none;
border: none;
box-shadow: none;
border-radius: 0;
font-size: inherit;
font-weight: 400;
letter-spacing: inherit;
padding: 0;
text-transform: none;
}
/* Hiding and Showing ------------------------ */
.js .show-js {
display: block !important;
}
.js .hide-js {
display: none !important;
}
.no-js .show-no-js {
display: block !important;
}
.no-js .hide-no-js {
display: none !important;
}
/* Typography -------------------------------- */
.font-size-xl {
font-size: 1.25em;
}
.font-size-xs {
font-size: 0.8em;
}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Colors ------------------------------------ */
/* COLOR */
.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
color: #cd2653;
}
/* BACKGROUND COLOR */
.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
background-color: #cd2653;
}
/* BORDER COLOR */
.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
border-color: #cd2653;
}
/* FILL COLOR */
.fill-children-accent,
.fill-children-accent * {
fill: #cd2653;
}
.fill-children-current-color,
.fill-children-current-color * {
fill: currentColor;
}
/* Opacity ----------------------------------- */
.opacity-0 {
opacity: 0;
}
.opacity-5 {
opacity: 0.05;
}
.opacity-10 {
opacity: 0.1;
}
.opacity-15 {
opacity: 0.15;
}
.opacity-20 {
opacity: 0.2;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-35 {
opacity: 0.35;
}
.opacity-40 {
opacity: 0.4;
}
.opacity-45 {
opacity: 0.45;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-55 {
opacity: 0.55;
}
.opacity-60 {
opacity: 0.6;
}
.opacity-65 {
opacity: 0.65;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-75 {
opacity: 0.75;
}
.opacity-80 {
opacity: 0.8;
}
.opacity-85 {
opacity: 0.85;
}
.opacity-90 {
opacity: 0.9;
}
.blend-mode-exclusion {
mix-blend-mode: exclusion;
}
.blend-mode-hue {
mix-blend-mode: hue;
}
.blend-mode-saturation {
mix-blend-mode: saturation;
}
.blend-mode-color {
mix-blend-mode: color;
}
.blend-mode-luminosity {
mix-blend-mode: luminosity;
}
/* Image Classes ----------------------------- */
.bg-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg-attachment-fixed {
background-attachment: fixed;
}
@supports ( -webkit-overflow-scrolling: touch ) {
.bg-attachment-fixed {
background-attachment: scroll;
}
}
@media ( prefers-reduced-motion: reduce ) {
.bg-attachment-fixed {
background-attachment: scroll;
}
}
.wp-block-image.is-resized {
margin-right: auto;
margin-left: auto;
}
/* Search Form ------------------------------- */
.search-form {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
margin: 0 -0.8rem -0.8rem 0;
}
.search-form .search-field,
.search-form .search-submit {
margin: 0 0.8rem 0.8rem 0;
}
.search-form label {
align-items: stretch;
display: flex;
font-size: inherit;
margin: 0;
width: 100%;
}
.search-form .search-field {
width: 100%;
}
.search-form .search-submit {
flex-shrink: 0;
}
.search-form .search-submit:focus,
.search-form .search-submit:hover {
text-decoration: none;
}
/* Social Icons ------------------------------ */
ul.social-icons {
display: flex;
flex-wrap: wrap;
margin: -0.9rem -0.9rem 0 0;
width: calc(100% + 0.9rem);
}
ul.social-icons li {
margin: 0.9rem 0.9rem 0 0;
}
.social-icons a {
align-items: center;
background: #cd2653;
border-radius: 50%;
color: #fff;
display: flex;
height: 4.4rem;
justify-content: center;
padding: 0;
text-decoration: none;
transition: transform 0.15s ease-in-out;
width: 4.4rem;
}
.social-icons a:focus,
.social-icons a:hover {
transform: scale(1.1);
text-decoration: none;
}
/* Cover Modals ------------------------------ */
.cover-modal {
display: none;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.cover-modal::-webkit-scrollbar {
display: none !important;
}
.cover-modal.show-modal {
display: block;
cursor: pointer;
}
.cover-modal.show-modal > * {
cursor: default;
}
/* -------------------------------------------------------------------------- */
/* 4. Site Header
/* -------------------------------------------------------------------------- */
#site-header {
background: #fff;
position: relative;
}
.header-inner {
max-width: 168rem;
padding: 3.15rem 0;
z-index: 100;
}
/* Header Titles ----------------------------- */
.header-titles-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding: 0 4rem;
text-align: center;
}
body:not(.enable-search-modal) .header-titles-wrapper {
justify-content: flex-start;
padding-right: 0;
text-align: right;
}
.site-title,
.site-logo,
.site-description {
margin: 0;
}
.site-title {
font-size: 2.1rem;
font-weight: 600;
line-height: 1;
}
.site-title a {
color: inherit;
display: block;
text-decoration: none;
}
.site-title a:hover,
.site-title a:focus {
text-decoration: underline;
}
.site-description {
margin-top: 1rem;
color: #6d6d6d;
font-size: 1.8rem;
font-weight: 500;
display: none;
letter-spacing: -0.0311em;
transition: all 0.15s linear;
}
.site-logo a,
.site-logo img {
display: block;
}
.header-titles .site-logo .site-logo {
margin: 0;
}
.site-logo img {
max-height: 6rem;
margin: 0 auto;
width: auto;
}
body:not(.enable-search-modal) .site-logo img {
margin: 0;
}
/* Overlay Header ---------------------------- */
.overlay-header #site-header {
background: transparent;
margin: 0;
position: absolute;
right: 0;
left: 0;
top: 0;
z-index: 2;
}
.overlay-header .header-inner {
color: #fff;
}
.overlay-header .site-description,
.overlay-header .toggle {
color: inherit;
}
.overlay-header .header-inner .toggle-wrapper::before {
background-color: currentColor;
opacity: 0.25;
}
.admin-bar.overlay-header #site-header {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar.overlay-header #site-header {
top: 46px;
}
}
/* Header Navigation ------------------------- */
.header-navigation-wrapper {
display: none;
}
/* Header Toggles ---------------------------- */
.header-toggles {
display: none;
}
.header-inner .toggle {
align-items: center;
display: flex;
overflow: visible;
padding: 0 2rem;
}
.header-inner .toggle svg {
display: block;
position: relative;
z-index: 1;
}
.header-inner .toggle path {
fill: currentColor;
}
.toggle-inner {
display: flex;
justify-content: center;
height: 2.3rem;
position: relative;
}
.toggle-icon {
display: block;
overflow: hidden;
}
.toggle-inner .toggle-text {
color: #6d6d6d;
font-size: 1rem;
font-weight: 600;
position: absolute;
top: calc(100% + 0.5rem);
width: auto;
white-space: nowrap;
word-break: break-all;
}
.overlay-header .toggle-text {
color: inherit;
}
.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
text-decoration: underline;
}
/* Search Toggle ----------------------------- */
.search-toggle {
position: absolute;
bottom: 0;
right: 0;
top: 0;
}
.search-toggle .toggle-icon,
.search-toggle svg {
height: 2.5rem;
max-width: 2.3rem;
width: 2.3rem;
}
/* Navigation Toggle ------------------------- */
.nav-toggle {
position: absolute;
bottom: 0;
left: 0;
top: 0;
width: 6.6rem;
}
.nav-toggle .toggle-icon,
.nav-toggle svg {
height: 0.8rem;
width: 2.6rem;
}
.nav-toggle .toggle-inner {
padding-top: 0.8rem;
}
/* Primary Menu ---------------------------- */
.primary-menu-wrapper {
display: none;
}
ul.primary-menu {
display: flex;
font-size: 1.8rem;
font-weight: 500;
letter-spacing: -0.0277em;
flex-wrap: wrap;
justify-content: flex-end;
margin: -0.8rem -1.6rem 0 0;
}
.primary-menu .icon {
display: block;
height: 0.7rem;
position: absolute;
pointer-events: none;
transform: rotate(45deg);
width: 1.3rem;
}
.primary-menu .icon::before,
.primary-menu .icon::after {
content: "";
display: block;
background-color: currentColor;
position: absolute;
bottom: calc(50% - 0.1rem);
right: 0;
}
.primary-menu .icon::before {
height: 0.9rem;
width: 0.2rem;
}
.primary-menu .icon::after {
height: 0.2rem;
width: 0.9rem;
}
.primary-menu li {
font-size: inherit;
line-height: 1.25;
position: relative;
}
.primary-menu > li {
margin: 0.8rem 1.6rem 0 0;
}
.primary-menu > li.menu-item-has-children > a {
padding-left: 2rem;
}
.primary-menu > li > .icon {
left: -0.5rem;
top: calc(50% - 0.4rem);
}
.primary-menu a {
color: inherit;
display: block;
line-height: 1.2;
text-decoration: none;
word-break: normal;
word-wrap: normal;
}
.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
text-decoration: underline;
}
.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
text-decoration: underline;
}
.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
text-decoration: none;
}
/* SUB MENU */
.primary-menu ul {
background: #000;
border-radius: 0.4rem;
color: #fff;
font-size: 1.7rem;
opacity: 0;
padding: 1rem 0;
position: absolute;
left: 9999rem;
top: calc(100% + 2rem);
transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s;
transform: translateY(0.6rem);
width: 20rem;
z-index: 1;
}
.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children:focus > ul,
.primary-menu li.menu-item-has-children.focus > ul {
left: 0;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.primary-menu ul::before,
.primary-menu ul::after {
content: "";
display: block;
position: absolute;
bottom: 100%;
}
.primary-menu ul::before {
height: 2rem;
right: 0;
left: 0;
}
.primary-menu ul::after {
border: 0.8rem solid transparent;
border-bottom-color: #000;
left: 1.8rem;
}
.primary-menu ul a {
background: transparent;
border: none;
color: inherit;
display: block;
padding: 1rem 2rem;
transition: background-color 0.15s linear;
width: 100%;
}
.primary-menu ul li.menu-item-has-children > a {
padding-left: 4.5rem;
}
.primary-menu ul li.menu-item-has-children .icon {
position: absolute;
left: 1.5rem;
top: calc(50% - 0.5rem);
}
/* DEEP DOWN */
.primary-menu ul ul {
top: -1rem;
}
.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
left: calc(100% + 2rem);
}
.primary-menu ul ul::before {
bottom: 0;
height: auto;
right: auto;
left: -2rem;
top: 0;
width: 2rem;
}
.primary-menu ul ul::after {
border-bottom-color: transparent;
border-left-color: #000;
bottom: auto;
left: -1.6rem;
top: 2rem;
}
.rtl .primary-menu ul ul::after {
transform: rotate(-180deg);
}
/*
* Enable nav submenu expansion with tapping on arrows on large-viewport
* touch interfaces (e.g. tablets or laptops with touch screens).
* These rules are supported by all browsers (>IE11) and when JS is disabled.
*/
@media (any-pointer: coarse) {
.primary-menu > li.menu-item-has-children > a {
padding-left: 0;
margin-left: 2rem;
}
.primary-menu ul li.menu-item-has-children > a {
margin-left: 4.5rem;
padding-left: 0;
width: unset;
}
}
/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu > li.menu-item-has-children > a {
padding-left: 0;
margin-left: 2rem;
}
body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
margin-left: 4.5rem;
padding-left: 0;
width: unset;
}
/* -------------------------------------------------------------------------- */
/* 5. Menu Modal
/* -------------------------------------------------------------------------- */
.menu-modal {
background: #fff;
display: none;
opacity: 0;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
bottom: 0;
right: -99999rem;
left: 99999rem;
top: 0;
transition: opacity 0.25s ease-in, right 0s 0.25s, left 0s 0.25s;
z-index: 99;
}
.admin-bar .menu-modal {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .menu-modal {
top: 46px;
}
}
.menu-modal.show-modal {
display: flex;
}
.menu-modal.active {
right: 0;
opacity: 1;
left: 0;
transition: opacity 0.25s ease-out;
}
.menu-modal-inner {
background: #fff;
display: flex;
justify-content: stretch;
overflow: auto;
-ms-overflow-style: auto;
width: 100%;
}
.menu-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
button.close-nav-toggle {
align-items: center;
display: flex;
font-size: 1.6rem;
font-weight: 500;
justify-content: flex-end;
padding: 3.1rem 0;
width: 100%;
}
button.close-nav-toggle svg {
height: 1.6rem;
width: 1.6rem;
}
button.close-nav-toggle .toggle-text {
margin-left: 1.6rem;
}
.menu-modal .menu-top {
flex-shrink: 0;
}
/* Main Menu --------------------------------- */
.modal-menu {
position: relative;
right: calc(50% - 50vw);
width: 100vw;
}
.modal-menu li {
border-color: #dedfdf;
border-style: solid;
border-width: 0.1rem 0 0 0;
display: flex;
flex-wrap: wrap;
line-height: 1;
justify-content: flex-start;
margin: 0;
}
.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
font-size: 2rem;
font-weight: 700;
letter-spacing: -0.0375em;
}
.modal-menu > li:last-child {
border-bottom-width: 0.1rem;
}
.modal-menu .ancestor-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
}
.modal-menu a {
display: block;
padding: 2rem 2.5rem;
text-decoration: none;
width: 100%;
}
.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
text-decoration: underline;
}
button.sub-menu-toggle {
border-right: 0.1rem solid #dedfdf;
flex-shrink: 0;
margin: 1rem 0;
padding: 0 2.5rem;
}
button.sub-menu-toggle svg {
height: 0.9rem;
transition: transform 0.15s linear;
width: 1.5rem;
}
button.sub-menu-toggle.active svg {
transform: rotate(-180deg);
}
.modal-menu ul {
display: none;
margin: 0;
width: 100%;
}
.modal-menu ul li {
border-right-width: 1rem;
}
.modal-menu ul li a {
color: inherit;
font-weight: 500;
}
/* Main menu animation ----------------------- */
.menu-wrapper .menu-item {
position: relative;
}
.menu-wrapper .active {
display: block;
}
.menu-wrapper.is-toggling {
pointer-events: none;
}
.menu-wrapper.is-toggling .menu-item {
position: absolute;
top: 0;
right: 0;
margin: 0;
width: 100%;
}
.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
width: auto;
}
.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
transition-duration: 250ms;
}
.menu-wrapper.is-animating .menu-item {
transition-property: transform;
}
.menu-wrapper.is-toggling .toggling-target {
display: block;
position: absolute;
top: 0;
right: 0;
opacity: 1;
}
.menu-wrapper.is-toggling .toggling-target.active {
opacity: 0;
}
.menu-wrapper.is-animating.is-toggling .toggling-target {
display: block;
transition-property: opacity;
opacity: 0;
}
.menu-wrapper.is-animating.is-toggling .toggling-target.active {
opacity: 1;
}
.menu-wrapper.is-toggling .modal-menu > li:last-child li {
border-top-color: transparent;
border-bottom-width: 0.1rem;
}
@media (prefers-reduced-motion: reduce) {
.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
transition-duration: 1ms !important;
}
}
/* Expanded Menu ----------------------------- */
.expanded-menu {
display: none;
}
.mobile-menu {
display: block;
}
/* Menu Bottom ------------------------------- */
.menu-bottom {
flex-shrink: 0;
padding: 4rem 0;
}
.menu-bottom nav {
width: 100%;
}
.menu-copyright {
display: none;
font-size: 1.6rem;
font-weight: 500;
margin: 0;
}
.menu-copyright a:focus,
.menu-copyright a:hover {
text-decoration: underline;
}
.menu-bottom .social-menu {
justify-content: center;
}
/* -------------------------------------------------------------------------- */
/* 6. Search Modal
/* -------------------------------------------------------------------------- */
.search-modal {
background: rgba(0, 0, 0, 0.2);
display: none;
opacity: 0;
position: fixed;
bottom: 0;
right: -9999rem;
top: 0;
transition: opacity 0.2s linear, right 0s 0.2s linear;
width: 100%;
z-index: 999;
}
.admin-bar .search-modal.active {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .search-modal.active {
top: 46px;
}
}
.search-modal-inner {
background: #fff;
transform: translateY(-100%);
transition: transform 0.15s linear, box-shadow 0.15s linear;
}
.search-modal-inner .section-inner {
display: flex;
justify-content: space-between;
max-width: 168rem;
}
.search-modal.active {
right: 0;
opacity: 1;
transition: opacity 0.2s linear;
}
.search-modal.active .search-modal-inner {
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);
transform: translateY(0);
transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;
}
button.search-untoggle {
align-items: center;
display: flex;
flex-shrink: 0;
justify-content: center;
margin-left: -2.5rem;
padding: 0 2.5rem;
}
.search-modal button.search-untoggle {
color: inherit;
}
.search-modal.active .search-untoggle {
animation: popIn both 0.3s 0.2s;
}
.search-untoggle svg {
height: 1.5rem;
transition: transform 0.15s ease-in-out;
width: 1.5rem;
}
.search-untoggle:focus svg,
.search-untoggle:hover svg {
transform: scale(1.15);
}
/* Modal Search Form ------------------------- */
.search-modal form {
margin: 0;
position: relative;
width: 100%;
}
.search-modal .search-field {
background: none;
border: none;
border-radius: 0;
color: inherit;
font-size: 2rem;
letter-spacing: -0.0277em;
height: 8.4rem;
margin: 0 -2rem 0 0;
max-width: calc(100% + 2rem);
padding: 0 2rem 0 0;
width: calc(100% + 2rem);
}
.search-modal .search-field::-webkit-input-placeholder {
color: inherit;
}
.search-modal .search-field:-ms-input-placeholder {
color: inherit;
}
.search-modal .search-field::-moz-placeholder {
color: inherit;
line-height: 4;
}
.search-modal .search-submit {
position: absolute;
left: -9999rem;
top: 50%;
transform: translateY(-50%);
}
.search-modal .search-submit:focus {
left: 0;
}
/* -------------------------------------------------------------------------- */
/* 7a. Template: Cover Template
/* -------------------------------------------------------------------------- */
.cover-header {
display: flex;
overflow: hidden;
}
.cover-header-inner-wrapper {
display: flex;
position: relative;
flex-direction: column;
justify-content: flex-end;
width: 100%;
}
.cover-header-inner {
padding: 10rem 0 5rem 0;
width: 100%;
}
.cover-color-overlay,
.cover-color-overlay::before {
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.cover-color-overlay::before {
background: currentColor;
content: "";
display: block;
}
.cover-header .entry-header {
position: relative;
width: 100%;
z-index: 1;
}
.cover-header .entry-header * {
color: #fff;
}
body.template-cover .entry-header {
background: transparent;
padding: 0;
}
.cover-header h1,
.cover-header h2,
.cover-header h3,
.cover-header h4,
.cover-header h5,
.cover-header h6,
.cover-header .faux-heading {
color: inherit;
}
.cover-header .entry-header a {
color: inherit;
}
/* To The Content ---------------------------- */
.to-the-content-wrapper {
position: absolute;
right: 0;
left: 0;
top: calc(100% + 0.5rem);
}
.to-the-content {
align-items: center;
display: flex;
justify-content: center;
height: 4rem;
text-decoration: none;
}
.to-the-content svg {
height: 2rem;
transition: transform 0.15s linear;
transform: translateY(0);
width: 1.767rem;
}
.to-the-content:focus svg,
.to-the-content:hover svg {
transform: translateY(20%);
}
/* -------------------------------------------------------------------------- */
/* 7c. Template: Full Width
/* -------------------------------------------------------------------------- */
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 120rem;
}
body.template-full-width .entry-content .alignleft,
body.template-full-width .entry-content .alignright {
position: static;
}
body.template-full-width .entry-content .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 0;
position: static;
}
body.template-full-width .entry-content > .alignleft,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 2rem;
position: static;
}
body.template-full-width .entry-content .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 0;
position: static;
}
body.template-full-width .entry-content > .alignright,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 2rem;
position: static;
}
/* -------------------------------------------------------------------------- */
/* 8. Post: Archive
/* -------------------------------------------------------------------------- */
/* Archive Header ---------------------------- */
.archive-header {
background-color: #fff;
padding: 4rem 0;
}
.reduced-spacing .archive-header {
padding-bottom: 2rem;
}
.archive-title {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: -0.026666667em;
margin: 0;
}
.archive-subtitle p:last-child {
margin-bottom: 0;
}
/* Posts ------------------------------------- */
body:not(.singular) main > article:first-of-type {
padding: 4rem 0 0;
}
/* Search Results ---------------------------- */
.no-search-results-form {
padding-top: 5rem;
}
/* -------------------------------------------------------------------------- */
/* 9. Post: Single
/* -------------------------------------------------------------------------- */
/* Post Header ------------------------------- */
.singular .entry-header {
background-color: #fff;
padding: 4rem 0;
}
.entry-categories {
line-height: 1.25;
margin-bottom: 2rem;
}
.entry-categories-inner {
justify-content: center;
display: flex;
flex-wrap: wrap;
margin: -0.5rem -1rem 0 0;
}
.entry-categories a {
border-bottom: 0.15rem solid currentColor;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.036666667em;
margin: 0.5rem 1rem 0 0;
text-decoration: none;
text-transform: uppercase;
}
.entry-categories a:focus,
.entry-categories a:hover {
border-bottom-color: transparent;
}
h1.entry-title,
h2.entry-title {
margin: 0;
}
.entry-title a {
color: inherit;
text-decoration: none;
}
.entry-title a:focus,
.entry-title a:hover {
text-decoration: underline;
}
.intro-text {
margin-top: 2rem;
}
.singular .intro-text {
font-size: 2rem;
letter-spacing: -0.0315em;
line-height: 1.4;
}
/* POST META */
.post-meta-single-top .post-meta {
justify-content: center;
}
.post-meta-wrapper {
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
max-width: 58rem;
width: 100%;
}
.post-meta {
color: #6d6d6d;
display: flex;
flex-wrap: wrap;
font-size: 1.5rem;
font-weight: 500;
list-style: none;
margin: -1rem -2rem 0 0;
}
.post-meta li {
flex-shrink: 0;
letter-spacing: -0.016875em;
margin: 1rem 2rem 0 0;
max-width: calc(100% - 2rem);
}
.post-meta a {
color: inherit;
text-decoration: none;
}
.post-meta a:focus,
.post-meta a:hover {
text-decoration: underline;
}
.post-meta .meta-wrapper {
align-items: center;
display: flex;
flex-wrap: nowrap;
}
.post-meta .meta-icon {
flex-shrink: 0;
margin-left: 1rem;
}
.sticky .post-sticky {
color: inherit;
}
.post-meta .post-author .meta-icon svg {
width: 1.6rem;
height: 1.8rem;
}
.post-meta .post-categories .meta-icon svg {
width: 1.8rem;
height: 1.7rem;
}
.post-meta .post-comment-link .meta-icon svg {
width: 1.8rem;
height: 1.8rem;
}
.post-meta .post-date .meta-icon svg {
width: 1.7rem;
height: 1.8rem;
}
.post-meta .post-edit .meta-icon svg {
width: 1.8rem;
height: 1.8rem;
}
.post-meta .post-sticky .meta-icon svg {
width: 1.5rem;
height: 1.8rem;
}
.post-meta .post-tags .meta-icon svg {
width: 1.8rem;
height: 1.8rem;
}
.post-meta svg * {
fill: currentColor;
}
/* Featured Media ---------------------------- */
.featured-media {
margin-top: 5rem;
position: relative;
}
.singular .featured-media {
margin-top: 0;
}
.singular .featured-media-inner {
position: relative;
right: calc(50% - 50vw);
width: 100vw;
}
.singular .featured-media::before {
background: #fff;
content: "";
display: block;
position: absolute;
bottom: 50%;
right: 0;
left: 0;
top: 0;
}
.featured-media img {
margin: 0 auto;
}
.featured-media figcaption {
margin: 1.5rem auto 0 auto;
text-align: center;
width: calc(100% - 5rem);
}
.post-inner {
padding-top: 5rem;
}
.reduced-spacing.missing-post-thumbnail .post-inner {
padding-top: 0;
}
/* Post Footer ------------------------------- */
/* POST NAV LINKS */
.post-nav-links {
border-radius: 0.4rem;
display: flex;
font-size: 0.9em;
font-weight: 600;
line-height: 1;
margin: 3em auto 0 auto;
padding: 0;
width: calc(100% - 4rem);
max-width: 58rem;
}
.post-nav-links > span.label {
padding: 1em 0;
}
.post-nav-links > * {
padding: 1em 0.75em;
}
/* POST META BOTTOM */
.post-meta-wrapper.post-meta-single-bottom {
margin-top: 3rem;
}
/* Author Bio -------------------------------- */
.author-bio {
margin-top: 4rem;
margin-left: auto;
margin-right: auto;
max-width: 58rem;
width: 100%;
}
.hide-avatars .author-bio {
padding-right: 0;
}
.author-bio .author-title-wrapper {
align-items: center;
display: flex;
margin: 0 0 1rem 0;
}
.author-bio .avatar {
border-radius: 50%;
margin-left: 1.5rem;
height: 5rem;
width: 5rem;
}
.hide-avatars img.avatar {
display: none;
}
.author-bio p:last-child {
margin-bottom: 0;
}
.author-bio .author-title {
margin: 0;
}
.author-bio .author-link {
display: block;
font-size: 1.6rem;
font-weight: 600;
margin-top: 1em;
text-decoration: none;
}
.author-bio .author-link:focus,
.author-bio .author-link:hover {
text-decoration: underline;
}
/* Single Pagination ------------------------- */
.pagination-single {
font-size: 1.8rem;
margin-top: 5rem;
}
.pagination-single-inner {
display: flex;
flex-direction: column;
}
.pagination-single hr:first-child {
margin: 0 0 2.8rem 0;
}
.pagination-single hr:last-child {
margin: 2.8rem 0 0.8rem 0;
}
.pagination-single a {
align-items: baseline;
display: flex;
font-weight: 600;
letter-spacing: -0.0275em;
text-decoration: none;
flex: 1;
}
.pagination-single a + a {
margin-top: 1rem;
}
.pagination-single a .arrow {
margin-left: 1rem;
}
.pagination-single a:focus .title,
.pagination-single a:hover .title {
text-decoration: underline;
}
/* -------------------------------------------------------------------------- */
/* 10. Blocks
/* -------------------------------------------------------------------------- */
/* Block Colors ------------------------------ */
.has-text-color a {
color: inherit;
}
/* CUSTOM COLORS */
:root .has-accent-color {
color: #cd2653;
}
:root .has-accent-background-color {
background-color: #cd2653;
color: #fff;
}
:root .has-primary-color {
color: #000;
}
:root .has-primary-background-color {
background-color: #000;
color: #f5efe0;
}
:root .has-secondary-color {
color: #6d6d6d;
}
:root .has-secondary-background-color {
background-color: #6d6d6d;
color: #fff;
}
:root .has-subtle-background-color {
color: #dcd7ca;
}
:root .has-subtle-background-background-color {
background-color: #dcd7ca;
color: #000;
}
:root .has-background-color {
color: #f5efe0;
}
:root .has-background-background-color {
background-color: #f5efe0;
color: #000;
}
/* Block Typography Classes ------------------ */
.has-text-align-left {
text-align: left;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-right {
text-align: left;
}
.has-drop-cap:not(:focus)::first-letter {
color: #cd2653;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
font-size: 5.1em;
font-weight: 800;
margin: 0.05em 0 0 0.1em;
}
.has-drop-cap:not(:focus)::first-letter::after {
content: "";
display: table;
clear: both;
}
.has-drop-cap:not(:focus)::after {
padding: 0;
}
/* Block Font Families ----------------------- */
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
@supports ( font-variation-settings: normal ) {
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-cover-image p,
.entry-content .wp-block-pullquote {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
/* Block Font Sizes -------------------------- */
.entry-content .has-small-font-size {
font-size: 0.842em;
}
.entry-content .has-normal-font-size,
.entry-content .has-regular-font-size {
font-size: 1em;
}
.entry-content .has-medium-font-size {
font-size: 1.1em;
line-height: 1.45;
}
.entry-content .has-large-font-size {
font-size: 1.25em;
line-height: 1.4;
}
.entry-content .has-larger-font-size {
font-size: 1.5em;
line-height: 1.3;
}
/* Block: Base Margins ----------------------- */
*[class*="_inner-container"] > *:first-child {
margin-top: 0;
}
*[class*="_inner-container"] > *:last-child {
margin-bottom: 0;
}
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
margin-bottom: 3rem;
margin-top: 3rem;
}
/* Block: Shared Nesting Alignment Resets ---- */
[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
margin-right: auto;
margin-left: auto;
max-width: 58rem;
}
/* Block: Shared Widget Styles --------------- */
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts,
.wp-block-latest-comments {
list-style: none;
margin-right: 0;
}
.wp-block-archives ul,
.wp-block-categories ul,
.wp-block-latest-posts ul,
.wp-block-latest-comments ul {
list-style: none;
}
.entry-content .wp-block-archives > li,
.entry-content .wp-block-categories > li,
.entry-content .wp-block-latest-posts > li,
.entry-content .wp-block-latest-comment > li {
margin-right: 0;
}
.entry-content .wp-block-archives > li:last-child,
.entry-content .wp-block-categories > li:last-child,
.entry-content .wp-block-latest-posts > li:last-child,
.entry-content .wp-block-latest-comment > li:last-child {
margin-bottom: 0;
}
.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments * {
font-family: inherit;
}
.entry-content .wp-block-archives li,
.entry-content .wp-block-categories li,
.entry-content .wp-block-latest-posts li {
color: #6d6d6d;
}
.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
font-weight: 700;
text-decoration: none;
}
.wp-block-archives a:hover,
.wp-block-categories a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:focus,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:focus {
text-decoration: underline;
}
.wp-block-latest-posts a,
.wp-block-latest-comments__comment-meta {
font-weight: 700;
letter-spacing: -0.025em;
line-height: 1.25;
}
.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date {
color: #6d6d6d;
font-size: 0.7em;
font-weight: 600;
letter-spacing: normal;
margin-top: 0.15em;
}
/* Block: Shared Media Styles ---------------- */
.wp-block-embed figcaption,
.wp-block-image figcaption {
color: #6d6d6d;
font-size: 1.4rem;
margin-bottom: 0;
margin-top: 1.5rem;
}
/* Block: Audio ------------------------------ */
.wp-block-audio audio {
width: 100%;
}
/* Block: Button ----------------------------- */
.wp-block-button {
margin: 3rem 0;
}
.wp-block-button.is-style-outline {
color: #cd2653;
}
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: inherit;
}
.is-style-outline .wp-block-button__link {
padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem);
}
/* Block: Columns ---------------------------- */
.wp-block-columns.alignfull,
.alignfull:not(.has-background) .wp-block-columns {
padding-right: 2rem;
padding-left: 2rem;
}
.wp-block-column {
margin-bottom: 3.2rem;
}
.wp-block-column > *:first-child {
margin-top: 0;
}
.wp-block-column > *:last-child {
margin-bottom: 0;
}
/* Block: Cover ------------------------------ */
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 4rem);
padding: 2rem 0;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
max-width: 100%;
padding: 0;
}
.wp-block-cover-image h2,
.wp-block-cover h2 {
font-size: 3.2rem;
}
/* Block: Embed ------------------------------ */
/* Block: File ------------------------------- */
.wp-block-file {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wp-block-file a:not(.wp-block-file__button) {
font-weight: 700;
text-decoration: none;
}
.wp-block-file a:not(.wp-block-file__button):not(:last-child) {
margin-left: 1rem;
}
.wp-block-file a:not(.wp-block-file__button):focus,
.wp-block-file a:not(.wp-block-file__button):hover {
text-decoration: underline;
}
.wp-block-file .wp-block-file__button {
font-size: 1.5rem;
padding: 1em 1.25em;
}
.wp-block-file a.wp-block-file__button:visited {
opacity: 1;
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
opacity: 1;
text-decoration: underline;
}
/* Block: Gallery ---------------------------- */
.wp-block-gallery ul {
list-style: none;
margin: 0 0 -1.6rem 0;
}
figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
margin-bottom: 3rem;
margin-top: 3rem;
}
figure.wp-block-gallery.alignleft {
margin: 0.3rem 0 2rem 2rem;
}
figure.wp-block-gallery.alignright {
margin: 0.3rem 2rem 2rem 0;
}
figure.wp-block-gallery.alignwide {
margin-bottom: 4rem;
margin-top: 4rem;
}
figure.wp-block-gallery.alignfull {
margin-bottom: 5rem;
margin-top: 5rem;
}
/* Block: Group ------------------------------ */
.wp-block-group.has-background {
padding: 2rem;
margin-bottom: 0;
margin-top: 0;
}
.wp-block-group__inner-container {
margin: 0 auto;
}
.wp-block-group__inner-container,
.entry-content .wp-block-group p {
max-width: 100%;
}
.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-right: 2rem;
padding-left: 2rem;
}
/* Block: Image ------------------------------ */
/* Block: Media And Text --------------------- */
.wp-block-media-text .wp-block-media-text__content {
padding: 3rem 2rem;
}
.wp-block-media-text .wp-block-media-text__content p {
max-width: none;
}
.wp-block-media-text__content > *:first-child {
margin-top: 0;
}
.wp-block-media-text__content > *:last-child {
margin-bottom: 0;
}
/* Block: Pullquote -------------------------- */
/* STYLE: DEFAULT */
.wp-block-pullquote {
padding: 0;
position: relative;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: calc(100% - 4rem);
}
.wp-block-pullquote::before {
background: #fff;
border-radius: 50%;
color: #cd2653;
content: "”";
display: block;
font-size: 6.2rem;
font-weight: 500;
line-height: 1.2;
margin: 0 auto 1.5rem auto;
text-align: center;
height: 4.4rem;
width: 4.4rem;
}
.reduced-spacing .wp-block-pullquote::before {
border: 0.1rem solid currentColor;
font-size: 5.9rem;
}
.wp-block-pullquote blockquote {
border: none;
margin: 0;
padding: 0;
}
.wp-block-pullquote blockquote p {
font-family: inherit;
font-size: 2.8rem;
font-weight: 700;
line-height: 1.178571429;
letter-spacing: -0.041785714em;
max-width: 100%;
}
.wp-block-pullquote p:last-of-type {
margin-bottom: 0;
}
.wp-block-pullquote cite {
color: #6d6d6d;
font-size: 1.6rem;
font-weight: 500;
margin-top: 1.2rem;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 2.8rem;
}
.wp-block-pullquote.alignleft {
text-align: right;
}
.wp-block-pullquote.alignright {
text-align: left;
}
.wp-block-pullquote.alignleft::before {
margin-right: 0;
}
.wp-block-pullquote.alignright::before {
margin-left: 0;
}
/* STYLE: SOLID BACKGROUND COLOR */
.wp-block-pullquote.is-style-solid-color {
padding: 3rem 2rem;
}
.wp-block-pullquote.is-style-solid-color::before {
position: absolute;
top: 0;
right: 50%;
transform: translateY(-50%) translateX(50%);
}
.wp-block-pullquote.is-style-solid-color.alignleft::before,
.wp-block-pullquote.is-style-solid-color.alignright::before {
transform: translateY(-50%);
}
.wp-block-pullquote.is-style-solid-color.alignleft::before {
right: 2rem;
}
.wp-block-pullquote.is-style-solid-color.alignright::before {
right: auto;
left: 2rem;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
text-align: inherit;
}
.wp-block-pullquote.is-style-solid-color cite {
color: inherit;
}
/* Block: Separator ------------------------- */
hr.wp-block-separator {
margin: 3rem 0;
}
/* STYLE: WIDE */
.wp-block-separator.is-style-wide {
max-width: calc(100vw - 4rem);
position: relative;
width: 100%;
}
/* STYLE: DOTS */
.wp-block-separator.is-style-dots::before {
background: none;
color: inherit;
font-size: 3.2rem;
font-weight: 700;
height: auto;
letter-spacing: 1em;
padding-right: 1em;
position: static;
transform: none;
width: auto;
}
.wp-block-separator.is-style-dots::after {
content: none;
}
/* Block: Search ----------------------------- */
.wp-block-search .wp-block-search__input {
width: auto;
}
/* Block: Table ------------------------------ */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #dcd7ca;
}
figure.wp-block-table.is-style-stripes {
border-bottom: none;
}
.wp-block-table.is-style-stripes table {
border-collapse: inherit;
}
/* Block: Quote ------------------------------ */
.wp-block-quote p,
.wp-block-quote cite {
text-align: inherit;
}
.wp-block-quote[style="text-align:center"] {
border-width: 0;
padding: 0;
}
.wp-block-quote[style="text-align:right"] {
border-width: 0 0.2rem 0 0;
padding: 0 2rem 0 0;
}
/* STYLE: LARGE */
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
border: none;
padding: 0;
margin-right: auto;
margin-left: auto;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-family: inherit;
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.285;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 1.6rem;
text-align: inherit;
}
/* Block: Widget Latest Comments ------------- */
.entry-content .wp-block-latest-comments li {
margin: 2rem 0;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-right: 5.5rem;
}
.entry-content .wp-block-latest-comments a {
text-decoration: none;
}
.entry-content .wp-block-latest-comments a:hover,
.entry-content .wp-block-latest-comments a:focus {
text-decoration: underline;
}
.wp-block-latest-comments__comment {
font-size: inherit;
}
.wp-block-latest-comments__comment-date {
margin-top: 0.4em;
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 0.7em;
margin: 0.9rem 0 2rem 0;
}
/* Block: Widget Latest Posts ---------------- */
.wp-block-latest-posts.is-grid li {
border-top: 0.2rem solid #dcd7ca;
margin-top: 2rem;
padding-top: 1rem;
}
.wp-block-latest-posts.has-dates {
list-style: none;
}
.wp-block-latest-posts.has-dates:not(.is-grid) li {
margin-top: 1.5rem;
}
.wp-block-latest-posts.has-dates:not(.is-grid) li:first-child {
margin-top: 0;
}
/* Block: Post Template ---------------- */
.wp-block-post-template,
.wp-block-post-template > li {
margin-right: 0;
margin-left: 0;
}
/* -------------------------------------------------------------------------- */
/* 11. Entry Content
/* -------------------------------------------------------------------------- */
.entry-content {
line-height: 1.5;
}
.entry-content > * {
margin-right: auto;
margin-left: auto;
margin-bottom: 1.25em;
}
.entry-content > *:first-child {
margin-top: 0;
}
.entry-content > *:last-child {
margin-bottom: 0;
}
.read-more-button-wrap {
margin-top: 1em;
text-align: center;
}
.entry-content a:hover,
.entry-content a:focus {
text-decoration: none;
}
.entry-content p,
.entry-content li {
line-height: 1.4;
}
.entry-content li img {
display: inline-block;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 3.5rem auto 2rem;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin-bottom: 1rem;
}
.entry-content hr {
margin: 4rem auto;
}
.post-inner .entry-content > .wp-block-cover.alignwide:first-child,
.post-inner .entry-content > .wp-block-cover.alignfull:first-child {
margin-top: 0;
}
/* Font Families ----------------------------- */
.entry-content {
font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
letter-spacing: normal;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
@supports ( font-variation-settings: normal ) {
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
/* Alignment Classes ------------------------- */
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 58rem;
width: calc(100% - 4rem);
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 58rem;
width: 100%;
}
.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide {
margin-top: 4rem;
margin-left: auto;
margin-bottom: 4rem;
margin-right: auto;
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
margin-right: auto;
margin-left: auto;
}
/* Full */
.alignfull {
margin-top: 5rem;
margin-left: auto;
margin-bottom: 5rem;
margin-right: auto;
max-width: 100vw;
position: relative;
width: 100%;
}
[class*="__inner-container"] > .alignfull {
max-width: 100%;
}
/* Wide */
.alignwide {
max-width: 120rem;
position: relative;
width: calc(100% - 4rem);
}
[class*="__inner-container"] > .alignwide {
width: 100%;
}
/* Center */
.aligncenter,
.aligncenter img {
margin-right: auto;
margin-left: auto;
}
/* Left and right */
.alignleft,
.alignright {
max-width: 50%;
}
.alignleft {
float: left;
margin: 0.3rem 2rem 2rem 2rem;
}
.alignright {
float: right;
margin: 0.3rem 2rem 2rem 2rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 2rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 2rem;
}
/* Entry Media ------------------------------- */
.alignfull > figcaption,
.alignfull > .wp-caption-text {
margin-right: auto;
margin-left: auto;
max-width: 58rem;
width: calc(100% - 4rem);
}
/* -------------------------------------------------------------------------- */
/* 12. Comments
/* -------------------------------------------------------------------------- */
/* Comment Headers ----------------------------- */
.comments-wrapper {
margin-top: 5rem;
}
.comment-reply-title {
margin: 0 0 4rem 0;
text-align: center;
}
/* Comment Item ----------------------------- */
/* COMMENT HEADER */
.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
padding-top: 3.5rem;
}
div.comment:first-of-type {
margin-top: 3.5rem;
padding-top: 0;
}
.comments .comments-header + div {
margin-top: 0;
padding-top: 0;
}
.comment-body {
position: relative;
}
.comment .comment {
padding-right: 5%;
}
.comment-meta {
line-height: 1.1;
margin-bottom: 1.5rem;
min-height: 5rem;
padding-right: 5rem;
position: relative;
}
.hide-avatars .comment-meta {
min-height: 0;
padding-right: 0;
}
.comment-meta a {
color: inherit;
}
.comment-author {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: -0.027777778em;
}
.comment-author a {
text-decoration: underline;
}
.comment-author a:hover,
.comment-author a:focus {
text-decoration: none;
}
.comment-meta .avatar {
height: 4rem;
position: absolute;
right: 0;
top: 0;
width: 4rem;
}
.comment-author .url {
text-decoration: underline;
}
.comment-metadata {
color: #6d6d6d;
font-size: 1.4rem;
font-weight: 500;
margin-top: 0.6rem;
}
.comment-metadata a {
text-decoration: none;
}
.comment-metadata a:focus,
.comment-metadata a:hover {
text-decoration: underline;
}
/* COMMENT CONTENT */
.comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: 100%;
}
.comment-content.entry-content .alignleft {
margin-left: 0;
}
.comment-content.entry-content .alignright {
margin-right: 0;
}
/* COMMENT FOOTER */
.comment-footer-meta {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 1.2rem;
font-weight: 600;
justify-content: flex-start;
letter-spacing: 0.030833333em;
line-height: 1;
margin: 1.5rem -1.5rem -1rem 0;
text-transform: uppercase;
}
.comment-footer-meta > * {
margin: 0 1.5rem 1rem 0;
}
.comment-reply-link {
background-color: #cd2653;
color: #fff;
display: block;
padding: 0.7rem;
}
.bypostauthor .comment-footer-meta .by-post-author {
display: block;
}
.comment-footer-meta a {
text-decoration: none;
}
.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
text-decoration: underline;
}
/* Pingbacks & Trackbacks ------------------------- */
.pingback .comment-meta,
.trackback .comment-meta {
padding-right: 0;
}
/* Comments Pagination ---------------------------- */
.comments-pagination {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6rem;
text-align: center;
}
.comments-pagination.only-next {
justify-content: flex-end;
}
.comments-pagination .page-numbers {
display: none;
text-decoration: none;
}
.comments-pagination .page-numbers:focus,
.comments-pagination .page-numbers:hover {
text-decoration: underline;
}
.comments-pagination .prev,
.comments-pagination .next {
display: block;
}
.comments-pagination .prev {
right: 0;
}
.comments-pagination .next {
left: 0;
text-align: left;
}
/* Comment Respond ---------------------------- */
.comment-respond::after {
clear: both;
content: "";
display: block;
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as {
color: #6d6d6d;
font-size: 1.6rem;
line-height: 1.4;
margin: -3rem 0 4rem 0;
text-align: center;
}
.comment-respond .comment-notes a,
.comment-respond .logged-in-as a {
color: inherit;
text-decoration: none;
}
.comment-respond .comment-notes a:focus,
.comment-respond .comment-notes a:hover,
.comment-respond .logged-in-as a:focus,
.comment-respond .logged-in-as a:hover {
text-decoration: underline;
}
.comment-respond p {
line-height: 1.1;
margin-bottom: 2rem;
margin-right: auto;
margin-left: auto;
}
.comment-respond p:not(.comment-notes) {
max-width: 58rem;
}
.comment-form-cookies-consent {
align-items: baseline;
display: flex;
}
.comment-respond > p:last-of-type {
margin-bottom: 0;
}
.comment-respond label {
display: block;
}
.comment-respond input[type="checkbox"] + label {
font-size: 1.5rem;
line-height: 1.25;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
margin-bottom: 0;
}
.comment-respond textarea {
height: 15rem;
}
.comment-respond #submit {
display: block;
}
.comment-respond .comments-closed {
text-align: center;
}
/* Reply Respond ---------------------------- */
.comments .comment-respond {
padding: 3rem 0 0;
}
.comments .comment-respond .comment-reply-title,
.comments .comment-respond .comment-notes,
.comments .comment-respond .logged-in-as {
text-align: right;
}
.comment-reply-title small {
display: block;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -0.0277em;
margin: 0.5rem 0 0 0;
white-space: nowrap;
}
.comment-reply-title small a {
text-decoration: none;
}
.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
text-decoration: underline;
}
/* -------------------------------------------------------------------------- */
/* 13. Site Pagination
/* -------------------------------------------------------------------------- */
.pagination .nav-links {
align-items: baseline;
display: flex;
flex-wrap: wrap;
font-size: 1.8rem;
font-weight: 600;
margin: -1.5rem -2.5rem 0 0;
width: calc(100% + 2.5rem);
}
.pagination-separator {
margin: 5rem 0;
}
.nav-links > * {
margin: 1.5rem 2.5rem 0 0;
}
.nav-links .placeholder {
display: none;
visibility: hidden;
}
.pagination a {
text-decoration: none;
}
.pagination a:focus,
.pagination a:hover {
text-decoration: underline;
}
.pagination .dots {
transform: translateY(-0.3em);
color: #6d6d6d;
}
.nav-short {
display: none;
}
/* -------------------------------------------------------------------------- */
/* 14. Error 404
/* -------------------------------------------------------------------------- */
.error404 #site-content {
padding-top: 4rem;
}
.error404-content {
text-align: center;
}
.error404 #site-content .search-form {
justify-content: center;
margin-top: 3rem;
}
/* -------------------------------------------------------------------------- */
/* 15. Widgets
/* -------------------------------------------------------------------------- */
/* Widget Base ------------------------------- */
.widget {
margin-top: 3rem;
}
.widget:first-child {
margin-top: 0;
}
.widget-content > div > *:first-child {
margin-top: 0;
}
.widget-content > div > *:last-child {
margin-bottom: 0;
}
.widget .widget-title {
margin: 0 0 2rem;
}
.widget li {
margin: 2rem 0 0 0;
}
.widget li:first-child,
.widget li > ul,
.widget li > ol {
margin-top: 0;
}
.widget table,
.widget table * {
border-color: #dedfdf;
}
.widget table caption {
background-color: #dedfdf;
}
.widget .post-date,
.widget .rss-date {
color: #6d6d6d;
display: block;
font-size: 0.85em;
font-weight: 500;
margin-top: 0.2rem;
}
.widget select {
max-width: 100%;
}
/* Font Families ----------------------------- */
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
letter-spacing: normal;
}
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
@supports ( font-variation-settings: normal ) {
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
/* Base List Widget -------------------------- */
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li {
color: #6d6d6d;
margin: 0.3rem 0;
}
.widget_archive li li,
.widget_categories li li,
.widget_pages li li,
.widget_meta li li,
.widget_nav_menu li li {
margin-right: 2rem;
}
.widget_archive a,
.widget_categories a,
.widget_pages a,
.widget_meta a,
.widget_nav_menu a {
font-weight: 700;
text-decoration: none;
}
.widget_archive a:focus,
.widget_archive a:hover,
.widget_categories a:focus,
.widget_categories a:hover,
.widget_pages a:focus,
.widget_pages a:hover,
.widget_meta a:focus,
.widget_meta a:hover,
.widget_nav_menu a:focus,
.widget_nav_menu a:hover {
text-decoration: underline;
}
/* Widget: Calendar -------------------------- */
.calendar_wrap {
font-size: 2.4rem;
}
.calendar_wrap th,
.calendar_wrap td,
.wp-calendar-nav span {
display: table-cell;
font-size: 1em;
font-weight: 500;
line-height: 1;
padding: 2.5% 2.5% 1.75% 2.5%;
text-align: center;
}
.wp-calendar-table {
margin-bottom: 0;
}
.wp-calendar-nav {
display: table;
width: 100%;
font-size: 1.8rem;
}
.calendar_wrap tfoot td {
border-bottom: none;
}
.calendar_wrap tfoot a,
.calendar_wrap .wp-calendar-nav a {
text-decoration: none;
}
.calendar_wrap tfoot #prev,
.calendar_wrap .wp-calendar-nav-prev {
text-align: right;
}
.calendar_wrap tfoot #next,
.calendar_wrap .wp-calendar-nav-next {
text-align: left;
}
/* Widget: Image ----------------------------- */
/* Widget: Gallery --------------------------- */
.widget_media_gallery .gallery {
margin: 0 -0.4em -0.8em -0.4em;
width: calc(100% + 0.8em);
}
.widget_media_gallery .gallery-item {
margin: 0 0 0.8em 0;
padding: 0 0.4em;
}
/* Widget: Nav Menu -------------------------- */
.widget_nav_menu .widget-content > div > ul {
margin-right: 0;
}
/* Widget: Recent Comments ------------------- */
.widget_recent_comments li {
font-weight: 700;
}
.widget_recent_comments a {
text-decoration: none;
}
.widget_recent_comments a:focus,
.widget_recent_comments a:hover {
text-decoration: underline;
}
/* Widget: Recent Entries -------------------- */
.widget_recent_entries a {
font-weight: 700;
text-decoration: none;
}
.widget_recent_entries a:focus,
.widget_recent_entries a:hover {
text-decoration: underline;
}
/* Widget: RSS ------------------------------- */
.widget_rss .widget-title a.rsswidget:first-of-type:not(.rss-widget-title) {
display: none;
}
.widget_rss .rsswidget {
font-weight: 700;
}
.widget_rss a {
text-decoration: none;
}
.widget_rss a:focus,
.widget_rss a:hover {
text-decoration: underline;
}
.widget_rss .rssSummary {
margin-top: 0.5rem;
}
.widget_rss cite::before {
content: "— ";
}
/* Widget: Search ---------------------------- */
.widget_search .search-field {
border-color: #dedfdf;
}
/* Widget: Tag Cloud ------------------------- */
.widget_tag_cloud a {
font-weight: 700;
margin-left: 0.5rem;
text-decoration: none;
white-space: nowrap;
}
.widget_tag_cloud a:focus,
.widget_tag_cloud a:hover {
text-decoration: underline;
}
/* Widget: Text ------------------------------ */
/* -------------------------------------------------------------------------- */
/* 16. Site Footer
/* -------------------------------------------------------------------------- */
.footer-nav-widgets-wrapper,
#site-footer {
background-color: #fff;
border-color: #dedfdf;
border-style: solid;
border-width: 0;
}
.footer-top-visible .footer-nav-widgets-wrapper,
.footer-top-hidden #site-footer {
margin-top: 5rem;
}
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
.reduced-spacing.footer-top-hidden #site-footer {
border-top-width: 0.1rem;
}
.footer-top,
.footer-widgets-outer-wrapper,
#site-footer {
padding: 3rem 0;
}
/* Footer Top -------------------------------- */
.footer-top {
display: flex;
border-bottom: 0.1rem solid #dedfdf;
justify-content: space-between;
}
/* FOOTER MENU */
.footer-menu {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: -0.0277em;
}
.footer-menu li {
line-height: 1.25;
margin: 0.25em 0 0 0;
}
.footer-menu a {
text-decoration: none;
word-break: normal;
word-wrap: normal;
}
.footer-menu a:hover,
.footer-menu a:focus {
text-decoration: underline;
}
/* FOOTER SOCIAL */
.footer-social-wrapper {
margin: 0;
width: 100%;
}
.has-footer-menu .footer-social-wrapper {
flex-shrink: 0;
margin-right: 1rem;
width: 50%;
}
ul.footer-social {
margin: -0.5rem -0.5rem 0 0;
}
.has-footer-menu .footer-social {
justify-content: flex-end;
}
ul.footer-social li {
margin: 0.5rem 0.5rem 0 0;
}
.footer-social a {
background-color: #cd2653;
height: 3.6rem;
width: 3.6rem;
}
.footer-social a::before {
font-size: 1.6rem;
}
/* Footer Widgets ---------------------------- */
.footer-widgets-outer-wrapper {
border-bottom: 0.1rem solid #dedfdf;
}
.footer-widgets + .footer-widgets {
margin-top: 3rem;
}
/* Footer Bottom ----------------------------- */
#site-footer {
font-size: 1.6rem;
}
#site-footer .section-inner {
align-items: baseline;
display: flex;
justify-content: space-between;
}
#site-footer a {
text-decoration: none;
}
#site-footer a:focus,
#site-footer a:hover {
text-decoration: underline;
}
.footer-copyright a,
.privacy-policy a,
.powered-by-wordpress a {
color: inherit;
}
.privacy-policy,
.powered-by-wordpress,
.to-the-top {
color: #6d6d6d;
}
a.to-the-top {
margin-right: 2.4rem;
white-space: nowrap;
}
a.to-the-top > * {
pointer-events: none;
}
.footer-copyright {
font-weight: 600;
margin: 0;
}
.powered-by-wordpress {
display: none;
margin: 0 2.4rem 0 0;
}
.privacy-policy {
margin: 1.2rem 0 0;
}
.to-the-top-long {
display: none;
}
/* -------------------------------------------------------------------------- */
/* 17. Media Queries
/* -------------------------------------------------------------------------- */
@media ( max-width: 479px ) {
/* Blocks -------------------------------- */
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
float: none;
}
/* Entry Content ------------------------- */
/* LISTS */
ul,
ol {
margin: 0 2rem 3rem 0;
}
li {
margin: 0.5rem 1rem 0 0;
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em 0 0 0;
}
}
@media ( min-width: 480px ) {
/* Blocks -------------------------------- */
/* BLOCK: BASE ALIGNMENT WIDTH */
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 26rem;
}
/* BLOCK: TABLE WIDTH */
.wp-block-table.alignleft,
.wp-block-table.alignright {
max-width: 100%;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.alignleft,
.alignright {
max-width: 26rem;
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em 0 0 0;
}
}
@media ( max-width: 599px ) {
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
/* While columns are stacked */
.wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns + .wp-block-columns {
margin-top: 0.2rem;
}
.wp-block-columns.alignwide + .wp-block-columns.alignwide {
margin-top: -0.8rem;
}
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -1.8rem;
}
/* Template -------------------------------- */
/* TEMPLATE: COVER */
.template-cover .post-inner .post-meta-wrapper,
.template-cover .post-inner .author-bio {
width: calc( 100% - 4rem );
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em 0 0 0;
}
}
@media ( min-width: 600px ) {
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -4rem;
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em 0 0 0;
}
}
@media ( min-width: 660px ) {
/* Blocks -------------------------------- */
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignleft {
margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
}
figure.wp-block-gallery.alignright {
margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.entry-content > .alignleft {
margin-left: 4rem;
}
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
}
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 0;
}
.entry-content > .alignright {
margin-right: 4rem;
}
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright {
margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
}
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 0;
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em auto 0 auto;
}
}
@media ( min-width: 700px ) {
/* Element Base ------------------------- */
ul,
ol {
margin-bottom: 4rem;
}
pre {
padding: 3rem;
}
hr {
margin: 8rem auto;
}
table {
font-size: 1.8rem;
}
/* VANILLA GALLERIES */
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
/* TITLES */
h1,
.heading-size-1,
h2,
.heading-size-2,
h3,
.heading-size-3 {
margin: 6rem auto 3rem;
}
h4,
.heading-size-4,
h5,
.heading-size-5,
h6,
.heading-size-6 {
margin: 4.5rem auto 2.5rem;
}
h1,
.heading-size-1 {
font-size: 6.4rem;
}
h2,
.heading-size-2 {
font-size: 4.8rem;
}
h3,
.heading-size-3 {
font-size: 4rem;
}
h4,
.heading-size-4 {
font-size: 3.2rem;
}
h5,
.heading-size-5 {
font-size: 2.4rem;
}
h6,
.heading-size-6 {
font-size: 1.8rem;
}
/* INPUTS */
fieldset {
padding: 3rem;
}
legend {
padding: 0 1.5rem;
}
button,
.button,
.faux-button,
.wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-size: 1.7rem;
}
/* MEDIA */
figcaption,
.wp-caption-text {
margin-top: 1.8rem;
}
/* Helper Classes ------------------------- */
/* SECTIONS */
section {
padding: 8rem 0;
}
.section-inner {
width: calc(100% - 8rem);
}
/* Site Header --------------------------- */
.header-inner {
padding: 3.8rem 0;
}
.site-title {
font-size: 2.4rem;
font-weight: 700;
}
.site-description {
display: block;
}
.site-logo img {
max-height: 9rem;
transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
}
/* HEADER TOGGLES */
.toggle-inner .toggle-text {
font-size: 1.2rem;
}
.search-toggle {
right: 2rem;
}
.nav-toggle {
left: 2rem;
}
/* Menu Modal ---------------------------- */
button.close-nav-toggle {
font-size: 1.8rem;
padding: 4rem 0;
}
button.close-nav-toggle svg {
height: 2rem;
width: 2rem;
}
button.close-nav-toggle .toggle-text {
margin-left: 2.1rem;
}
.modal-menu {
right: auto;
width: 100%;
}
.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
font-size: 2.4rem;
padding: 2.5rem 0;
}
.modal-menu ul li {
border-right-color: transparent;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle {
padding: 0 3rem;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg {
height: 1.1rem;
width: 1.8rem;
}
.menu-bottom {
align-items: center;
display: flex;
justify-content: space-between;
padding: 4.4rem 0;
}
.menu-copyright {
display: block;
flex-shrink: 0;
margin-left: 4rem;
}
/* Modal Search Form ------------------------- */
.search-modal form {
position: relative;
width: 100%;
}
.search-untoggle svg {
height: 2.5rem;
width: 2.5rem;
}
.search-modal .search-field {
border: none;
font-size: 3.2rem;
height: 14rem;
}
.search-modal .search-field::-moz-placeholder {
line-height: 4.375;
}
/* Sub Page ------------------------------ */
/* FEATURED MEDIA */
.featured-media figcaption {
margin: 2rem auto 0 auto;
width: calc(100% - 8rem);
}
/* Template: Cover Template -------------- */
.cover-header-inner {
padding: 18rem 0 8rem 0;
}
.to-the-content-wrapper {
top: calc(100% + 1.8rem);
}
.to-the-content {
height: 6rem;
}
.to-the-content svg {
height: 2.4rem;
width: 2.12rem;
}
/* Template: Full Width ------------------ */
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: calc(100% - 8rem);
}
body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-right: 4rem;
padding-left: 4rem;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 4rem;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 4rem;
}
/* Post: Archive ------------------------- */
.archive-header {
padding: 8rem 0;
}
.reduced-spacing .archive-header {
padding-bottom: 3rem;
}
.archive-title {
font-size: 3.2rem;
}
body:not(.singular) main > article:first-of-type {
padding: 8rem 0 0;
}
h2.entry-title {
font-size: 6.4rem;
}
/* SEARCH RESULTS */
.no-search-results-form {
padding-top: 8rem;
}
/* Post: Single -------------------------- */
/* POST HEADER */
.singular .entry-header {
padding: 8rem 0;
}
.entry-categories {
margin-bottom: 3rem;
}
.entry-categories-inner {
margin: -1rem -2rem 0 0;
}
.entry-categories a {
font-size: 1.5rem;
margin: 1rem 2rem 0 0;
}
.intro-text {
font-size: 2rem;
margin-top: 2.5rem;
}
.singular .intro-text {
font-size: 2.6rem;
}
.post-meta-wrapper {
margin-top: 3rem;
}
.post-meta {
font-size: 1.6rem;
margin: -1.4rem -3rem 0 0;
}
.post-meta li {
margin: 1.4rem 3rem 0 0;
max-width: calc(100% - 3rem);
}
.featured-media {
margin-top: 6rem;
}
.post-inner {
padding-top: 8rem;
}
/* POST FOOTER */
.post-meta-wrapper.post-meta-single-bottom {
margin-top: 4rem;
}
/* AUTHOR BIO */
.author-bio {
margin-top: 8rem;
min-height: 8rem;
padding-right: 10rem;
position: relative;
}
.author-bio .avatar {
position: absolute;
right: 0;
top: 0;
height: 8rem;
width: 8rem;
}
/* SINGLE PAGINATION */
.pagination-single {
font-size: 2.4rem;
margin-top: 8rem;
}
.pagination-single-inner {
flex-direction: row;
justify-content: space-between;
}
.pagination-single.only-next .pagination-single-inner {
justify-content: flex-end;
}
.pagination-single hr:first-child {
margin: 0 0 4rem 0;
}
.pagination-single hr:last-child {
margin: 4rem 0 0.8rem 0;
}
.pagination-single a + a {
margin: 0 4rem 0 0;
}
.pagination-single a .arrow {
margin: 0 0 0 2rem;
}
.pagination-single .next-post {
flex-direction: row-reverse;
text-align: left;
}
.pagination-single .next-post .arrow {
margin: 0 2rem 0 0;
}
/* Blocks -------------------------------- */
/* BLOCK: SHARED MEDIA STYLES */
.wp-block-embed figcaption,
.wp-block-image figcaption {
font-size: 1.6rem;
}
/* BLOCK: BASE MARGINS */
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
margin-bottom: 4rem;
margin-top: 4rem;
}
/* BLOCK: COLUMNS */
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -6rem;
}
.entry-content .wp-block-columns h1,
.entry-content .wp-block-columns h2,
.entry-content .wp-block-columns h3,
.entry-content .wp-block-columns h4,
.entry-content .wp-block-columns h5,
.entry-content .wp-block-columns h6 {
margin: 3.5rem 0 2rem;
}
/* BLOCK: COVER */
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 8rem);
}
.wp-block-cover-image h2,
.wp-block-cover h2 {
font-size: 4.8rem;
}
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
margin-bottom: 4rem;
margin-top: 4rem;
}
figure.wp-block-gallery.alignwide,
figure.wp-block-gallery.alignfull {
margin-bottom: 6rem;
margin-top: 6rem;
}
/* BLOCK: GROUP */
.wp-block-group.has-background {
padding: 4rem;
margin-top: 0;
margin-bottom: 0;
}
.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-right: 0;
padding-left: 0;
}
/* BLOCK: MEDIA AND TEXT */
.wp-block-media-text .wp-block-media-text__content {
padding: 4rem;
}
/* BLOCK: PULLQUOTE */
.wp-block-pullquote blockquote p {
font-size: 3.2rem;
}
.wp-block-pullquote cite {
margin-top: 2rem;
}
.wp-block-pullquote.alignfull:not(.is-style-solid-color) {
padding-right: 1rem;
padding-left: 1rem;
}
.wp-block-pullquote.alignwide::before,
.wp-block-pullquote.alignfull::before {
font-size: 11.272727272rem;
height: 8rem;
margin-bottom: 2rem;
width: 8rem;
}
.wp-block-pullquote.alignwide blockquote p,
.wp-block-pullquote.alignfull blockquote p {
font-size: 4.8rem;
line-height: 1.203125;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p,
.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
.wp-block-pullquote.alignright.is-style-solid-color blockquote p {
font-size: 3.2rem;
line-height: 1.1875;
}
.wp-block-pullquote.is-style-solid-color.alignwide,
.wp-block-pullquote.is-style-solid-color.alignfull {
padding: 6rem 4rem 4rem;
}
.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
.wp-block-pullquote.alignright.is-style-solid-color blockquote p {
font-size: 2.6rem;
}
/* BLOCK: QUOTE */
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 2.8rem;
}
/* BLOCK: SEPARATOR */
hr.wp-block-separator {
margin: 6rem auto;
}
.wp-block-separator.is-style-wide {
max-width: calc(100vw - 8rem);
}
/* Entry Content ------------------------- */
.entry-content {
font-size: 2.1rem;
}
.entry-content p,
.entry-content li {
line-height: 1.476;
}
.entry-content h1,
.entry-content h2,
.entry-content h3 {
margin: 6rem auto 3rem;
}
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 4.5rem auto 2.5rem;
}
.alignnone,
.aligncenter {
margin-bottom: 4rem;
margin-top: 4rem;
}
.alignleft {
margin: 0.3rem 2rem 2rem 0;
}
.alignright {
margin: 0.3rem 0 2rem 2rem;
}
.entry-content > .alignwide:not(.wp-block-group.has-background),
.entry-content > .alignfull:not(.wp-block-group.has-background) {
margin-bottom: 6rem;
margin-top: 6rem;
}
.entry-content > .alignwide {
max-width: calc(100vw - 8rem);
width: calc(100vw - 8rem);
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 4rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 4rem;
}
.entry-content > .alignwide:first-child,
.entry-content > .alignfull:first-child {
margin-bottom: 8rem;
}
/* ENTRY MEDIA */
.alignfull > figcaption,
.alignfull > .wp-caption-text {
width: calc(100% - 8rem);
}
/* Comments ------------------------------ */
.comments-wrapper {
margin-top: 8rem;
}
.comment-reply-title {
margin-bottom: 4.6rem;
}
.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
font-size: 1.8rem;
letter-spacing: -0.025em;
margin: -2.5rem 0 4.4rem 0;
}
.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
padding-top: 5rem;
}
div.comment:first-of-type {
margin-top: 5rem;
}
.comment-meta {
margin-bottom: 2rem;
min-height: 6rem;
padding: 0.3rem 7.5rem 0 0;
}
.comment-meta .avatar {
display: block;
height: 6rem;
position: absolute;
right: 0;
top: 0;
width: 6rem;
}
.comment-author {
font-size: 2.4rem;
}
.comment-metadata {
font-size: 1.6rem;
margin-top: 0.8rem;
}
.comment-footer-meta {
margin-top: 2.5rem;
}
.comments-pagination {
margin-top: 8rem;
}
/* PINGBACKS & TRACKBACKS */
.pingback .comment-body {
padding: 0;
}
/* COMMENT RESPOND */
.comment-respond p {
margin-bottom: 2.5rem;
}
.comment-form p.logged-in-as {
margin: -2.5rem 0 4.4rem 0;
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email {
float: right;
width: calc(50% - 1rem);
}
.comment-respond .comment-form-email {
margin-right: 2rem;
}
.comments .comment-respond {
padding: 5rem 0 0;
}
.comment-reply-title small {
display: inline;
margin: 0 0.5rem 0 0;
}
/* Site Pagination ----------------------- */
.pagination-separator {
margin: 8rem 0;
}
/* Display the full text for Newer and Older Posts. */
.nav-short {
display: inline;
}
.pagination .nav-links {
font-size: 2.4rem;
font-weight: 700;
margin: -2.5rem -4rem 0 0;
}
.nav-links > * {
margin: 2.5rem 4rem 0 0;
}
/* Error 404 ----------------------------- */
.error404 #site-content {
padding-top: 8rem;
}
/* Widgets ------------------------------- */
.widget .widget-title {
margin-bottom: 3rem;
}
/* Site Footer --------------------------- */
.footer-top-visible .footer-nav-widgets-wrapper,
.footer-top-hidden #site-footer {
margin-top: 8rem;
}
/* FOOTER TOP */
.footer-top {
padding: 3.7rem 0;
}
.footer-menu {
font-size: 2.4rem;
margin: -0.8rem -1.6rem 0 0;
}
.footer-menu li {
margin: 0.8rem 1.6rem 0 0;
}
.has-footer-menu .footer-social-wrapper {
flex: 1;
margin-right: 4rem;
width: auto;
}
/* FOOTER WIDGETS */
.footer-widgets-outer-wrapper {
padding: 8rem 0;
}
.footer-widgets-wrapper {
display: flex;
justify-content: space-between;
margin-right: -4rem;
width: calc(100% + 4rem);
}
.footer-widgets {
margin-right: 4rem;
width: 50%;
}
.footer-widgets + .footer-widgets {
margin-top: 0;
}
.footer-widgets .widget {
border-top: none;
margin-top: 5rem;
padding-top: 0;
}
.footer-widgets .widget:first-child {
margin-top: 0;
}
/* FOOTER BOTTOM */
#site-footer {
font-size: 1.8rem;
padding: 4.3rem 0;
}
.footer-credits {
display: flex;
flex-wrap: wrap;
}
.footer-copyright {
font-weight: 700;
}
.privacy-policy {
margin: 0 2.4rem 0 0;
}
.to-the-top-long {
display: inline;
}
.to-the-top-short {
display: none;
}
}
@media (min-width: 782px) {
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-column {
margin-bottom: 0;
}
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -2.8rem;
}
}
@media ( min-width: 1000px ) {
/* Document Setup ------------------------ */
/* Helper Classes ------------------------ */
/* Site Header --------------------------- */
#site-header {
z-index: 2;
}
.header-inner {
align-items: center;
display: flex;
justify-content: space-between;
padding: 2.8rem 0;
}
.header-titles-wrapper {
margin-left: 4rem;
max-width: 50%;
padding: 0;
text-align: right;
}
.header-titles {
align-items: baseline;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: -1rem -2.4rem 0 0;
}
.header-titles .site-title,
.header-titles .site-logo,
.header-titles .site-description {
margin: 1rem 2.4rem 0 0;
}
.wp-custom-logo .header-titles {
align-items: center;
}
/* HEADER NAVIGATION */
.header-navigation-wrapper {
align-items: center;
display: flex;
}
.primary-menu-wrapper {
display: block;
width: 100%;
}
/* HEADER TOGGLES */
.mobile-search-toggle,
.mobile-nav-toggle {
display: none !important;
}
.primary-menu-wrapper + .header-toggles {
margin-right: 3rem;
}
.header-toggles {
display: flex;
flex-shrink: 0;
margin-left: -3rem;
}
.header-inner .toggle {
height: 4.4rem;
padding: 0 3rem;
position: relative;
bottom: auto;
right: auto;
left: auto;
top: auto;
width: auto;
}
.header-inner .toggle-wrapper {
position: relative;
}
.header-inner .toggle-wrapper::before {
background: #dedfdf;
content: "";
display: block;
height: 2.7rem;
position: absolute;
right: 0;
top: calc(50% - 1.35rem);
width: 0.1rem;
}
.header-inner .toggle-wrapper:first-child::before {
content: none;
}
.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
content: "";
}
.nav-toggle-wrapper:not(.has-expanded-menu) {
display: none;
}
.toggle-inner {
position: static;
}
.toggle-inner .toggle-text {
right: 0;
left: 0;
text-align: center;
top: calc(100% - 0.3rem);
width: auto;
}
.header-toggles:only-child .nav-toggle .toggle-inner {
padding-top: 0;
}
.header-toggles:only-child .toggle-inner {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.header-toggles:only-child .toggle-inner .svg-icon {
order: 1;
}
.header-toggles:only-child .toggle-inner .toggle-text {
position: static;
padding-left: 20px;
font-size: 15px;
color: inherit;
}
/* Menu Modal ---------------------------- */
.menu-modal {
opacity: 1;
justify-content: flex-end;
padding: 0;
transition: background-color 0.3s ease-in, right 0s 0.3s, left 0s 0.3s;
}
.menu-modal.cover-modal {
background: rgba(0, 0, 0, 0);
}
.menu-modal.active {
background: rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease-out;
}
.menu-wrapper.section-inner {
width: calc(100% - 8rem);
}
.menu-modal-inner {
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
opacity: 0;
padding: 0;
transform: translateX(-20rem);
transition: transform 0.2s ease-in, opacity 0.2s ease-in;
width: 50rem;
}
.menu-modal.active .menu-modal-inner {
opacity: 1;
transform: translateX(0);
transition-timing-function: ease-out;
}
.mobile-menu {
display: none;
}
.expanded-menu {
display: block;
}
.menu-bottom {
padding: 6rem 0;
}
.menu-bottom .social-menu {
justify-content: flex-start;
}
/* Sub Page ------------------------------ */
/* FEATURED MEDIA */
.featured-media figcaption {
width: 100%;
}
/* Template: Full Width ------------------ */
.template-full-width .wp-block-image .alignleft {
margin-right: 2rem;
}
.template-full-width .wp-block-image .alignright {
margin-left: 2rem;
}
/* Post: Archive ------------------------- */
/* Post: Single -------------------------- */
.singular .intro-text {
font-size: 2.8rem;
}
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -4.8rem;
}
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignwide,
figure.wp-block-gallery.alignfull {
margin-bottom: 8rem;
margin-top: 8rem;
}
/* BLOCK: GROUP */
.entry-content > .wp-block-group.alignwide.has-background,
.entry-content > .wp-block-group.alignfull.has-background {
padding: 8rem 4rem;
margin-bottom: 0;
margin-top: 0;
}
/* BLOCK: IMAGE */
.wp-block-image .alignleft {
margin-right: 0;
}
.wp-block-image .alignright {
margin-left: 0;
}
.wp-block-image .aligncenter figcaption {
text-align: center;
}
/* BLOCK: SEPARATOR */
hr.wp-block-separator {
margin: 8rem auto;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
position: absolute;
right: calc((100vw - 58rem) / 2 + 58rem + 2rem);
max-width: calc((100% - 58rem) / 2 - 6rem);
}
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
position: relative;
right: inherit;
max-width: inherit;
}
[class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
position: absolute;
right: calc((100% - 58rem) / 2 + 58rem + 4rem);
max-width: calc((100% - 58rem) / 2 - 4rem);
}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
right: calc((100% - 58rem) / 2 + 58rem);
}
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 4rem;
}
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright,
[class*="__inner-container"] > .alignright {
position: absolute;
left: calc((100vw - 58rem) / 2 + 58rem + 2rem);
max-width: calc((100% - 58rem) / 2 - 6rem);
}
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
position: relative;
left: inherit;
max-width: inherit;
}
[class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
position: absolute;
left: calc((100% - 58rem) / 2 + 58rem + 4rem);
max-width: calc((100% - 58rem) / 2 - 4rem);
}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
left: calc((100% - 58rem) / 2 + 58rem + 4rem);
}
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 4rem;
}
.entry-content > .alignwide:not(.wp-block-group.has-background),
.entry-content > .alignfull:not(.wp-block-group.has-background) {
margin-bottom: 8rem;
margin-top: 8rem;
}
/* ENTRY MEDIA */
.alignfull > figcaption,
.alignfull > .wp-caption-text {
width: calc(100% - 10rem);
}
/* Comments ------------------------------ */
.comment-meta {
padding-right: 0;
}
.comment-meta .avatar {
right: -8rem;
}
/* Site Pagination ----------------------- */
.pagination .nav-links {
justify-content: space-between;
margin: 0;
width: 100%;
}
.nav-links > * {
margin: 0 2rem;
}
.pagination .next,
.pagination .prev {
display: block;
}
.pagination .prev {
margin: 0 0 0 auto;
}
.pagination .next {
text-align: left;
margin: 0 auto 0 0;
}
/* Site Footer --------------------------- */
/* FOOTER TOP */
.footer-top {
align-items: center;
}
.footer-menu {
align-items: baseline;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
font-size: 2.1rem;
margin: -1.2rem -2.4rem 0 0;
}
.footer-menu li {
margin: 1.2rem 2.4rem 0 0;
}
.powered-by-wordpress {
display: block;
}
}
@media ( min-width: 1220px ) {
/* Element Base -------------------------- */
/* TITLES */
h1,
.heading-size-1 {
font-size: 8.4rem;
}
/* Helper Classes ------------------------ */
/* Site Header --------------------------- */
/* PRIMARY MENU */
ul.primary-menu {
margin: -0.8rem -2.5rem 0 0;
}
.primary-menu > li {
margin: 0.8rem 2.5rem 0 0;
}
/* HEADER TOGGLES */
.primary-menu-wrapper + .header-toggles {
margin-right: 4rem;
}
.header-toggles {
margin-left: -4rem;
}
.header-toggles .toggle {
padding: 0 4rem;
}
/* Menu Modal ---------------------------- */
/* Search Modal -------------------------- */
/* Sub Page ------------------------------ */
/* Template: Cover Template -------------- */
.cover-header + .post-inner {
padding-top: 10rem;
}
/* Post: Archive ------------------------- */
/* Post: Single -------------------------- */
.singular .intro-text {
font-size: 3.2rem;
letter-spacing: -0.03125em;
line-height: 1.375;
}
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -6rem;
}
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignfull {
margin-bottom: 10rem;
margin-top: 10rem;
}
/* BLOCK: GROUP */
.entry-content > .wp-block-group.alignwide.has-background,
.entry-content > .wp-block-group.alignfull.has-background {
padding: 8rem 6rem;
margin-bottom: 0;
margin-top: 0;
}
/* BLOCK: PULLQUOTE */
.wp-block-pullquote.alignwide blockquote p,
.wp-block-pullquote.alignfull blockquote p {
font-size: 6.4rem;
}
.wp-block-pullquote.is-style-solid-color.alignwide,
.wp-block-pullquote.is-style-solid-color.alignfull {
padding: 9rem 4rem 8rem;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.entry-content > .alignfull {
margin-bottom: 10rem;
margin-top: 10rem;
}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
right: calc((100% - 58rem) / 2 + 58rem - 2rem);
}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
left: calc((100% - 58rem) / 2 + 58rem + 6rem);
}
/* Comments ------------------------------ */
.comment-reply-title {
font-size: 5.6rem;
line-height: 1.2;
margin-bottom: 6rem;
}
.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
margin: -4rem 0 6rem 0;
}
.comments .comment-respond .comment-reply-title {
font-size: 4.8rem;
}
.comments .comment-respond p.comment-notes,
.comments .comment-respond p.logged-in-as {
margin: -4.5rem 0 4rem 0;
}
/* Site Pagination ----------------------- */
/* Widgets ------------------------------- */
.widget-content {
font-size: 2.1rem;
}
/* Site Footer --------------------------- */
.footer-menu {
font-size: 2.4rem;
margin: -1.5rem -3rem 0 0;
}
.footer-menu li {
margin: 1.5rem 3rem 0 0;
}
ul.footer-social {
margin: -1rem -1rem 0 0;
}
ul.footer-social li {
margin: 1rem 1rem 0 0;
}
.footer-social a {
height: 4.4rem;
width: 4.4rem;
}
.footer-social a::before {
font-size: 2rem;
}
/* FOOTER WIDGETS */
.footer-widgets-wrapper {
margin-right: -6rem;
width: calc(100% + 6rem);
}
.footer-widgets {
margin-right: 6rem;
}
}
@media ( min-width: 1240px ) {
/* Blocks -------------------------------- */
body.template-full-width .entry-content > .alignleft {
margin-left: calc(( 100vw - 120rem ) / 2);
}
body.template-full-width .entry-content > .alignright {
margin-right: calc(( 100vw - 120rem ) / 2);
}
}
@media ( min-width: 1280px ) {
/* Blocks -------------------------------- */
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignleft {
margin-left: -31rem;
}
figure.wp-block-gallery.alignright {
margin-right: -31rem;
}
/* BLOCK: SEPARATOR */
.wp-block-separator.is-style-wide {
max-width: 120rem;
width: 120rem;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
right: calc((100vw - 58rem) / 2 + 58rem + 4rem);
margin-left: -31rem;
}
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright {
left: calc((100vw - 58rem) / 2 + 58rem + 4rem);
margin-right: -31rem;
}
.entry-content > .alignwide {
max-width: 120rem;
width: 120rem;
}
[class*="__inner-container"] > .alignwide {
max-width: 120rem;
width: 100%;
}
.alignleft,
.alignright,
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft,
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
max-width: 25rem;
}
/* Template: Full Width ------------------ */
body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-right: 0;
padding-left: 0;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 0;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 0;
}
}
@media ( min-width: 1330px ) {
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.alignleft,
.alignright,
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft,
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
max-width: 29rem;
}
/* Blocks -------------------------------- */
/* BLOCK: PULLQUOTE */
.wp-block-pullquote.is-style-solid-color.alignleft::before,
.wp-block-pullquote.is-style-solid-color.alignright::before {
top: 0;
}
}
home/eliteafr/www/languages/search_template_1775659388/style-rtl.css 0000666 00000071060 15216537315 0021104 0 ustar 00 /*!
Theme Name: PopularFX
Theme URI: https://popularfx.com
Author: Pagelayer
Author URI: https://pagelayer.com
Description: Lightweight theme to make beautiful websites with Pagelayer. Includes 100s of pre-made templates to design your dream website !
Version: 1.2.6
License: LGPL v2.1
License URI: LICENSE
Text Domain: popularfx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, microformats, post-formats, theme-options, blog, rtl-language-support
Tested up to: 6.0
Requires PHP: 5.5
This theme is licensed under the LGPL v2.1.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background-color:#f5f5f5;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 3em 1.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-right: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #4169e1;
text-decoration: none;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active{
color:#2196f3;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header{
background-color:#ffffff;
border-bottom: 1px solid #eaeaea;
position:relative;
margin-right: auto;
margin-left: auto;
padding: 0% 4%;
width: 100%;
}
.site-branding{
display:inline-block;
padding:10px;
width: 30%;
}
.site-title{
font-size:30px;
font-weight:500;
color:#212121;
margin:0px;
}
.site-title a{
font-weight:500;
color:#212121;
text-decoration:none;
text-transform:capitalize;
}
.site-description{
margin: 1px;
}
.main-navigation {
margin: 15px 0px;
padding: 0;
display:inline-block;
width: 68%;
vertical-align: top;
text-align: left;
}
.main-navigation .menu-item-has-children > ul{
position: absolute;
border: 1px solid #dfdfdf;
position: absolute;
top: -1000px;
}
.main-navigation ul {
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation li {
display: inline-block;
position: relative;
text-align: right;
}
.main-navigation li.focus > ul, .main-navigation li:hover > ul {
top: auto;
right: auto;
}
.main-navigation li li {
display: block;
}
.main-navigation li li.focus > ul, .main-navigation li li:hover > ul {
right: 100%;
top: 0;
}
.main-navigation a {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
}
.main-navigation a:hover,
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
color: #0072b7;
}
.main-navigation .menu-item-has-children > a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 2px;
border-top-color: transparent;
border-right-color: currentColor;
}
.main-navigation .menu-item-has-children .sub-menu{
background: #fff;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
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: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget-area{
display:inline-block;
background-color:#ffffff;
padding:25px;
margin-top:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.widget-title{
font-size:20px;
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget ul,
.widget ol{
margin-right:0px;
}
.widget li a{
text-decoration:none;
color:#212121;
font-size:14px;
line-height:1.8;
}
.widget li a:hover{
color:#2196f3;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
border-spacing:0;
}
.widget_calendar td {
border-left: none;
border-right: none;
}
.widget_calendar .widget-title{
text-transform:capitalize;
}
.widget_calendar .wp-calendar-table caption{
margin:10px 0px;
}
.widget_calendar .wp-calendar-table tr td{
text-decoration:none;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table tr th{
text-decoration:none;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table td a{
text-decoration:none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.site-main{
height: auto;
vertical-align: top;
margin:0px auto;
width:100%;
}
.article{
background-color:#ffffff;
padding:25px;
margin:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.article .cat-links,
.article .comments-link,
.article .edit-link,
.article .tags-links{
margin:0px 10px 0px 0px;
text-decoration:underline;
}
.article .post-thumbnail img{
margin-top:20px;
}
.nav-links{
margin:0px 30px;
}
.nav-links a{
text-decoration:none;
}
.entry-title{
margin:5px 0px;
font-weight:500;
}
.entry-title a{
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active{
color:#2196f3;
}
.entry-content{
font-size:16px;
line-height:1.8;
margin-top:0px;
}
.site{
background-color: transparent;
}
.site-footer{
background-color:#171717;
padding:40px 0px;
text-align:center;
margin-top:60px;
color:#ffffff;
clear: both;
}
.site-info a{
color:#ffffff;
text-decoration:none;
}
.site-info a:hover{
color:#2196f3;
text-decoration:none;
}
.wp-block-quote{
margin: 10px 40px 10px 10px;
padding: 15px 20px 15px 15px;
border-right: 5px solid #e0e0e0;
font-style:italic;
}
.error-404{
background-color:#ffffff;
padding:25px;
margin:40px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
text-align:center;
}
.error-code{
font-size:150px;
margin:0px;
font-weight:500;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:33%;
display:inline-block;
vertical-align:top;
margin-top:5%;
}
.error-404 .widget_recent_entries ul,
.error-404 .widget_categories ul{
list-style-type:none;
padding-right:0px;
}
.widget_recent_entries .widgettitle,
.widget_categories .widgettitle,
.widget_archive .widgettitle{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget_archive select{
max-width: 100%;
width: 200px;
border-radius: 4px;
padding: 5px 10px;
height: 40px;
}
.error-404 .search-field{
display: block;
margin: 0 auto;
width: 350px;
padding: 10px;
border-radius: 4px;
}
.error-404 .search-submit{
font-size:16px;
padding: 10px 25px;
margin-top: 10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 0 7.6923% 3.5em;
background-color:#ffffff;
padding:20px 40px;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 500;
line-height: 1.3125;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #212121;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-right: 0.875em;
}
.comment-author {
color: #1a1a1a;
}
.vcard .fn a{
color:#171717;
text-transform:capitalize;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.comment-author .avatar {
float: right;
height: 40px;
margin-left: 0.875em;
position: relative;
width: 40px;
}
.comment-metadata {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 10px;
display:inline-block;
}
.comment-metadata a {
text-decoration:underline;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
}
.comment-metadata .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content{
font-size:16px;
font-weight:100;
line-height:1.8;
}
.comment-content ul,
.comment-content ol {
margin: 0 1.25em 1.5em 0;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border-radius: 2px;
color: #ffffff;
background-color:#2196f3;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
padding: 10px 20px;
text-decoration:underline;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #ffffff;
outline: 0;
}
.comment-form {
/*padding-top: 1.75em;*/
}
.comment-form label {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
height: 40px;
font-size: 14px;
overflow: hidden;
width: 90px;
margin-right: 10px;
text-decoration:none;
font-weight:400;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
}
.comment-form-comment textarea{
background-color:#f5f5f5;
}
.bypostauthor{
display: block;
}
.says{
display:none;
}
.form-submit .submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
border:none;
}
input.search-field{
border: 1px solid #eaeaea;
width: auto;
font-size: 16px;
padding: 8px;
}
input.search-submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
vertical-align: middle;
border:none;
margin-top:5px;
cursor: pointer;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
float:right;
margin-left: 14px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Woocoomerce
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{
list-style-type:none;
margin:0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 10px 20px;
border-bottom: 1px solid #616161;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color:#000000;
text-decoration:none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
background-color:#2196f3;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
color:#ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px;
}
.woocommerce form .form-row input.input-text{
padding:15px;
height:40px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
color: #ffffff;
background-color: #2196f3;
font-weight:500;
font-family:inherit;
padding:10px 20px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #ffffff;
background-color: #1976d2;
}
.woocommerce-Address-title h3{
font-weight:600;
text-transform:Capitalize;
}
.woocommerce-account .addresses .title .edit{
text-decoration:none;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width:768px){
.site-header{
padding:0px;
}
.site-branding{
width: 75%;
}
.menu-toggle{
display:inline-block;
float:left;
position: relative;
top: 25px;
left:20px;
}
.main-navigation{
float:none;
display:block;
background-color:#fafafa;
padding: 0px;
width: 100%;
}
.main-navigation ul{
display:block;
}
.main-navigation li{
display: block;
}
.main-navigation .menu-item-has-children:active > ul,
.main-navigation .menu-item-has-children:hover > ul,
.main-navigation .menu-item-has-children.focus > ul{
position: relative !important;
display: block;
margin-right: 20px;
border-right: 0px;
right: unset;
}
.main-navigation .menu-item-has-children .sub-menu{
background-color: initial;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 0px;
top: 0px;
transform: unset;
content: "\25B6";
border-top-color: transparent;
border-right-color: currentColor;
width: 60px;
padding-right: 20px;
display: block;
height: 100%;
padding-top: 15px;
border: unset;
pointer-events: none;
z-index: 10000;
}
.hidden-mobile{
display:none !important;
}
.menu .page_item a,
.menu .menu-item a{
font-size:18px;
padding: 15px 20px;
border-bottom: 1px solid #eaeaea;
}
.site-main{
width:100% !important;
padding-right: 10px;
padding-left: 10px;
}
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:50%;
float:none;
margin:30px;
display:block;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.woocommerce-MyAccount-navigation ul{
padding-right:0px;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px 0px 0px;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:100%;
display:inline-block;
vertical-align:top;
}
}
@media all and (max-width:599px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:auto !important;
float:none;
margin:15px;
display:block;
}
.article{
margin: 30px 15px 15px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.comment-reply-title small a{
display:block;
margin-top:5px;
margin-right:0px;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.error-404{
margin:20px;
}
.error-code{
font-size:100px;
}
.error-404 .search-field{
width:100%;
}
}
home/eliteafr/www/archive/wp-content/themes/twentytwenty/style-rtl.css 0000666 00000353324 15216561261 0022420 0 ustar 00 /*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 2.0
Tested up to: 6.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0. CSS Reset
1. Document Setup
2. Element Base
3. Helper Classes
4. Site Header
5. Menu Modal
6. Search Modal
7. Page Templates
a. Template: Cover Template
c. Template: Full Width
8. Post: Archive
9. Post: Single
10. Blocks
11. Entry Content
12. Comments
13. Site Pagination
14. Error 404
15. Widgets
16. Site Footer
17. Media Queries
----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 0. CSS Reset
/* -------------------------------------------------------------------------- */
html,
body {
border: none;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
border: none;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
text-align: inherit;
}
blockquote::before,
blockquote::after {
content: "";
}
/* -------------------------------------------------------------------------- */
/* 1. Document Setup
/* -------------------------------------------------------------------------- */
html {
font-size: 62.5%; /* 1rem = 10px */
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}
body {
background: #f5efe0;
box-sizing: border-box;
color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
font-size: 1.8rem;
letter-spacing: -0.015em;
text-align: right;
}
@supports ( font-variation-settings: normal ) {
body {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
*,
*::before,
*::after {
box-sizing: inherit;
-webkit-font-smoothing: antialiased;
word-break: break-word;
word-wrap: break-word;
}
#site-content {
overflow: hidden;
}
/* Clearing ---------------------------------- */
.group::after,
.entry-content::after {
clear: both;
content: "";
display: block;
}
/* Base Transitions -------------------------- */
a,
path {
transition: all 0.15s linear;
}
/* Screen Reader Text ------------------------ */
.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;
word-break: normal;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Skip Link --------------------------------- */
.skip-link {
right: -9999rem;
top: 2.5rem;
z-index: 999999999;
text-decoration: underline;
}
.skip-link:focus {
display: block;
right: 6px;
top: 7px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
line-height: normal;
padding: 15px 23px 14px;
z-index: 100000;
left: auto;
}
/* Fonts ------------------------------------- */
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the classic editor and
* block editor. The following font-face override fixes the issue by manually
* inserting a custom font that includes just a Hoefler Text space replacement
* for that character instead.
*/
@font-face {
font-family: NonBreakingSpaceOverride;
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
/* ----------------------------------------------
Inter variable font. Usage:
@supports (font-variation-settings: normal) {
html { font-family: 'Inter var', sans-serif; }
}
---------------------------------------------- */
@font-face {
font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: normal;
font-display: swap;
src: url(./assets/fonts/inter/Inter-upright-var.woff2) format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
font-style: italic;
font-display: swap;
src: url(./assets/fonts/inter/Inter-italic-var.woff2) format("woff2");
}
/* Accessibility Settings -------------------- */
@media ( prefers-reduced-motion: reduce ) {
* {
animation-duration: 0s !important;
transition-duration: 0s !important;
}
}
/* -------------------------------------------------------------------------- */
/* 2. Element Base
/* ---------------------------------------------*---------------------------- */
main {
display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
font-feature-settings: "lnum";
font-variant-numeric: lining-nums;
font-weight: 700;
letter-spacing: -0.0415625em;
line-height: 1.25;
margin: 3.5rem 0 2rem;
}
h1,
.heading-size-1 {
font-size: 3.6rem;
font-weight: 800;
line-height: 1.138888889;
}
h2,
.heading-size-2 {
font-size: 3.2rem;
}
h3,
.heading-size-3 {
font-size: 2.8rem;
}
h4,
.heading-size-4 {
font-size: 2.4rem;
}
h5,
.heading-size-5 {
font-size: 2.1rem;
}
h6,
.heading-size-6 {
font-size: 1.6rem;
letter-spacing: 0.03125em;
text-transform: uppercase;
}
p {
line-height: 1.5;
margin: 0 0 1em 0;
}
em,
i,
q,
dfn {
font-style: italic;
}
em em,
em i,
i em,
i i,
cite em,
cite i {
font-weight: bolder;
}
big {
font-size: 1.2em;
}
small {
font-size: 0.75em;
}
b,
strong {
font-weight: 700;
}
ins {
text-decoration: underline;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
abbr,
acronym {
cursor: help;
}
address {
line-height: 1.5;
margin: 0 0 2rem 0;
}
hr {
border-style: solid;
border-width: 0.1rem 0 0 0;
border-color: #dcd7ca;
margin: 4rem 0;
}
.entry-content hr,
hr.styled-separator {
background: linear-gradient(to right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
background-color: transparent !important;
border: none;
height: 0.1rem;
overflow: visible;
position: relative;
}
.entry-content hr:not(.has-background),
hr.styled-separator {
color: #6d6d6d;
}
.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after {
background: currentColor;
content: "";
display: block;
height: 1.6rem;
position: absolute;
top: calc(50% - 0.8rem);
transform: rotate(-22.5deg);
width: 0.1rem;
}
.entry-content hr::before,
hr.styled-separator::before {
right: calc(50% - 0.5rem);
}
.entry-content hr::after,
hr.styled-separator::after {
left: calc(50% - 0.5rem);
}
a {
color: #cd2653;
text-decoration: underline;
}
a:hover,
a:focus {
text-decoration: none;
}
/* Lists ------------------------------------- */
ul,
ol {
margin: 0 3rem 3rem 0;
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
ul ul ul {
list-style: square;
}
ol {
list-style: decimal;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
li {
line-height: 1.5;
margin: 0.5rem 2rem 0 0;
}
li > ul,
li > ol {
margin: 1rem 2rem 0 0;
}
.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
list-style: none;
margin: 0;
}
.reset-list-style li {
margin: 0;
}
dt,
dd {
line-height: 1.5;
}
dt {
font-weight: 700;
}
dt + dd {
margin-top: 0.5rem;
}
dd + dt {
margin-top: 1.5rem;
}
/* Quotes ------------------------------------ */
blockquote {
border-color: #cd2653;
border-style: solid;
border-width: 0 0 0 0.2rem;
color: inherit;
font-size: 1em;
margin: 4rem 0;
padding: 0.5rem 0 0.5rem 2rem;
}
cite {
color: #6d6d6d;
font-size: 1.4rem;
font-style: normal;
font-weight: 600;
line-height: 1.25;
}
blockquote cite {
display: block;
margin: 2rem 0 0 0;
}
blockquote p:last-child {
margin: 0;
}
/* Code -------------------------------------- */
code,
kbd,
pre,
samp {
font-family: monospace;
font-size: 0.9em;
padding: 0.4rem 0.6rem;
}
code,
kbd,
samp {
background: rgba(0, 0, 0, 0.075);
border-radius: 0.2rem;
}
pre {
border: 0.1rem solid #dcd7ca;
line-height: 1.5;
margin: 4rem 0;
overflow: auto;
padding: 3rem 2rem;
text-align: right;
}
pre code {
background: transparent;
padding: 0;
}
/* Media ------------------------------------- */
figure {
display: block;
margin: 0;
}
iframe {
display: block;
max-width: 100%;
}
video {
display: block;
}
svg,
img,
embed,
object {
display: block;
height: auto;
max-width: 100%;
}
figcaption,
.wp-caption-text {
color: #6d6d6d;
display: block;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.2;
margin-top: 1.5rem;
}
figcaption a,
.wp-caption-text a {
color: inherit;
}
blockquote.instagram-media,
iframe.instagram-media {
margin: auto !important;
}
/* GALLERIES */
.gallery {
display: flex;
flex-wrap: wrap;
margin: 3em -0.8em 3em 0;
width: calc(100% + 1.6em);
}
.gallery-item {
margin: 0.8em 0;
padding: 0 0.8em;
width: 100%;
}
.gallery-caption {
display: block;
margin-top: 0.8em;
}
/* Inputs ------------------------------------ */
fieldset {
border: 0.2rem solid #dcd7ca;
padding: 2rem;
}
legend {
font-size: 0.85em;
font-weight: 700;
padding: 0 1rem;
}
label {
display: block;
font-size: 1.6rem;
font-weight: 400;
margin: 0 0 0.5rem 0;
}
label.inline,
input[type="checkbox"] + label {
display: inline;
font-weight: 400;
margin-right: 0.5rem;
}
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
top: 2px;
display: inline-block;
margin: 0;
width: 1.5rem;
min-width: 1.5rem;
height: 1.5rem;
background: #fff;
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
border-color: #dcd7ca;
box-shadow: none;
cursor: pointer;
}
input[type="checkbox"]:checked::before {
/* Use the "Yes" SVG Dashicon */
content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
position: absolute;
display: inline-block;
margin: -0.1875rem -0.25rem 0 0;
height: 1.75rem;
width: 1.75rem;
}
input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1;
}
@supports ( font-variation-settings: normal ) {
input,
textarea,
button,
.button,
.faux-button,
.faux-button.more-link,
.wp-block-button__link,
.wp-block-file__button {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
input,
textarea {
border-color: #dcd7ca;
color: #000;
}
code,
input[type="url"],
input[type="email"],
input[type="tel"] {
direction: ltr;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
background: #fff;
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
box-shadow: none;
display: block;
font-size: 1.6rem;
letter-spacing: -0.015em;
margin: 0;
max-width: 100%;
padding: 1.5rem 1.8rem;
width: 100%;
}
input[type="number"] {
padding-left: 0.5rem;
}
select {
font-size: 1em;
}
textarea {
height: 12rem;
line-height: 1.5;
width: 100%;
}
input::-webkit-input-placeholder {
line-height: normal;
}
input:-ms-input-placeholder {
line-height: normal;
}
input::-moz-placeholder {
line-height: revert; /* Reset to the value from the user-agent stylesheet. */
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
background: #cd2653;
border: none;
border-radius: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0.0333em;
line-height: 1.25;
margin: 0;
opacity: 1;
padding: 1.1em 1.44em;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: opacity 0.15s linear;
}
button:focus,
button:hover,
.button:focus,
.button:hover,
.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
text-decoration: underline;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: currentColor;
}
input[type="search"]:focus {
outline: thin dotted;
outline-offset: -4px;
}
/* Tables ------------------------------------ */
table {
border: 0.1rem solid #dcd7ca;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 1.6rem;
margin: 4rem 0;
max-width: 100%;
overflow: hidden;
width: 100%;
}
.alignleft > table {
margin: 0;
}
.alignright > table {
margin: 0;
}
th,
td {
border: 0.1rem solid #dcd7ca;
line-height: 1.4;
margin: 0;
overflow: visible;
padding: 0.5em;
}
caption {
background: #dcd7ca;
font-weight: 600;
padding: 0.5em;
text-align: center;
}
thead {
vertical-align: bottom;
white-space: nowrap;
}
th {
font-weight: 700;
}
/* -------------------------------------------------------------------------- */
/* 3. Helper Classes
/* -------------------------------------------------------------------------- */
/* Layout ------------------------------------ */
.no-margin {
margin: 0;
}
.no-padding {
padding: 0;
}
.screen-height {
min-height: 100vh;
}
.admin-bar .screen-height {
min-height: calc(100vh - 32px);
}
@media (max-width: 782px) {
.admin-bar .screen-height {
min-height: calc(100vh - 46px);
}
}
.screen-width {
position: relative;
right: calc(50% - 50vw);
width: 100vw;
}
/* Sections ---------------------------------- */
section {
padding: 5rem 0;
width: 100%;
}
.section-inner {
margin-right: auto;
margin-left: auto;
max-width: 120rem;
width: calc(100% - 4rem);
}
.section-inner.max-percentage {
width: 100%;
}
.section-inner.thin {
max-width: 58rem;
}
.section-inner.small {
max-width: 80rem;
}
.section-inner.medium {
max-width: 100rem;
}
.section-inner.no-margin {
margin: 0;
}
/* Toggles ----------------------------------- */
.toggle {
-moz-appearance: none;
-webkit-appearance: none;
color: inherit;
cursor: pointer;
font-family: inherit;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
text-align: inherit;
user-select: none;
}
button.toggle {
background: none;
border: none;
box-shadow: none;
border-radius: 0;
font-size: inherit;
font-weight: 400;
letter-spacing: inherit;
padding: 0;
text-transform: none;
}
/* Hiding and Showing ------------------------ */
.js .show-js {
display: block !important;
}
.js .hide-js {
display: none !important;
}
.no-js .show-no-js {
display: block !important;
}
.no-js .hide-no-js {
display: none !important;
}
/* Typography -------------------------------- */
.font-size-xl {
font-size: 1.25em;
}
.font-size-xs {
font-size: 0.8em;
}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Colors ------------------------------------ */
/* COLOR */
.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
color: #cd2653;
}
/* BACKGROUND COLOR */
.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
background-color: #cd2653;
}
/* BORDER COLOR */
.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
border-color: #cd2653;
}
/* FILL COLOR */
.fill-children-accent,
.fill-children-accent * {
fill: #cd2653;
}
.fill-children-current-color,
.fill-children-current-color * {
fill: currentColor;
}
/* Opacity ----------------------------------- */
.opacity-0 {
opacity: 0;
}
.opacity-5 {
opacity: 0.05;
}
.opacity-10 {
opacity: 0.1;
}
.opacity-15 {
opacity: 0.15;
}
.opacity-20 {
opacity: 0.2;
}
.opacity-25 {
opacity: 0.25;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-35 {
opacity: 0.35;
}
.opacity-40 {
opacity: 0.4;
}
.opacity-45 {
opacity: 0.45;
}
.opacity-50 {
opacity: 0.5;
}
.opacity-55 {
opacity: 0.55;
}
.opacity-60 {
opacity: 0.6;
}
.opacity-65 {
opacity: 0.65;
}
.opacity-70 {
opacity: 0.7;
}
.opacity-75 {
opacity: 0.75;
}
.opacity-80 {
opacity: 0.8;
}
.opacity-85 {
opacity: 0.85;
}
.opacity-90 {
opacity: 0.9;
}
.blend-mode-exclusion {
mix-blend-mode: exclusion;
}
.blend-mode-hue {
mix-blend-mode: hue;
}
.blend-mode-saturation {
mix-blend-mode: saturation;
}
.blend-mode-color {
mix-blend-mode: color;
}
.blend-mode-luminosity {
mix-blend-mode: luminosity;
}
/* Image Classes ----------------------------- */
.bg-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bg-attachment-fixed {
background-attachment: fixed;
}
@supports ( -webkit-overflow-scrolling: touch ) {
.bg-attachment-fixed {
background-attachment: scroll;
}
}
@media ( prefers-reduced-motion: reduce ) {
.bg-attachment-fixed {
background-attachment: scroll;
}
}
.wp-block-image.is-resized {
margin-right: auto;
margin-left: auto;
}
/* Search Form ------------------------------- */
.search-form {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
margin: 0 -0.8rem -0.8rem 0;
}
.search-form .search-field,
.search-form .search-submit {
margin: 0 0.8rem 0.8rem 0;
}
.search-form label {
align-items: stretch;
display: flex;
font-size: inherit;
margin: 0;
width: 100%;
}
.search-form .search-field {
width: 100%;
}
.search-form .search-submit {
flex-shrink: 0;
}
.search-form .search-submit:focus,
.search-form .search-submit:hover {
text-decoration: none;
}
/* Social Icons ------------------------------ */
ul.social-icons {
display: flex;
flex-wrap: wrap;
margin: -0.9rem -0.9rem 0 0;
width: calc(100% + 0.9rem);
}
ul.social-icons li {
margin: 0.9rem 0.9rem 0 0;
}
.social-icons a {
align-items: center;
background: #cd2653;
border-radius: 50%;
color: #fff;
display: flex;
height: 4.4rem;
justify-content: center;
padding: 0;
text-decoration: none;
transition: transform 0.15s ease-in-out;
width: 4.4rem;
}
.social-icons a:focus,
.social-icons a:hover {
transform: scale(1.1);
text-decoration: none;
}
/* Cover Modals ------------------------------ */
.cover-modal {
display: none;
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
}
.cover-modal::-webkit-scrollbar {
display: none !important;
}
.cover-modal.show-modal {
display: block;
cursor: pointer;
}
.cover-modal.show-modal > * {
cursor: default;
}
/* -------------------------------------------------------------------------- */
/* 4. Site Header
/* -------------------------------------------------------------------------- */
#site-header {
background: #fff;
position: relative;
}
.header-inner {
max-width: 168rem;
padding: 3.15rem 0;
z-index: 100;
}
/* Header Titles ----------------------------- */
.header-titles-wrapper {
align-items: center;
display: flex;
justify-content: center;
padding: 0 4rem;
text-align: center;
}
body:not(.enable-search-modal) .header-titles-wrapper {
justify-content: flex-start;
padding-right: 0;
text-align: right;
}
.site-title,
.site-logo,
.site-description {
margin: 0;
}
.site-title {
font-size: 2.1rem;
font-weight: 600;
line-height: 1;
}
.site-title a {
color: inherit;
display: block;
text-decoration: none;
}
.site-title a:hover,
.site-title a:focus {
text-decoration: underline;
}
.site-description {
margin-top: 1rem;
color: #6d6d6d;
font-size: 1.8rem;
font-weight: 500;
display: none;
letter-spacing: -0.0311em;
transition: all 0.15s linear;
}
.site-logo a,
.site-logo img {
display: block;
}
.header-titles .site-logo .site-logo {
margin: 0;
}
.site-logo img {
max-height: 6rem;
margin: 0 auto;
width: auto;
}
body:not(.enable-search-modal) .site-logo img {
margin: 0;
}
/* Overlay Header ---------------------------- */
.overlay-header #site-header {
background: transparent;
margin: 0;
position: absolute;
right: 0;
left: 0;
top: 0;
z-index: 2;
}
.overlay-header .header-inner {
color: #fff;
}
.overlay-header .site-description,
.overlay-header .toggle {
color: inherit;
}
.overlay-header .header-inner .toggle-wrapper::before {
background-color: currentColor;
opacity: 0.25;
}
.admin-bar.overlay-header #site-header {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar.overlay-header #site-header {
top: 46px;
}
}
/* Header Navigation ------------------------- */
.header-navigation-wrapper {
display: none;
}
/* Header Toggles ---------------------------- */
.header-toggles {
display: none;
}
.header-inner .toggle {
align-items: center;
display: flex;
overflow: visible;
padding: 0 2rem;
}
.header-inner .toggle svg {
display: block;
position: relative;
z-index: 1;
}
.header-inner .toggle path {
fill: currentColor;
}
.toggle-inner {
display: flex;
justify-content: center;
height: 2.3rem;
position: relative;
}
.toggle-icon {
display: block;
overflow: hidden;
}
.toggle-inner .toggle-text {
color: #6d6d6d;
font-size: 1rem;
font-weight: 600;
position: absolute;
top: calc(100% + 0.5rem);
width: auto;
white-space: nowrap;
word-break: break-all;
}
.overlay-header .toggle-text {
color: inherit;
}
.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
text-decoration: underline;
}
/* Search Toggle ----------------------------- */
.search-toggle {
position: absolute;
bottom: 0;
right: 0;
top: 0;
}
.search-toggle .toggle-icon,
.search-toggle svg {
height: 2.5rem;
max-width: 2.3rem;
width: 2.3rem;
}
/* Navigation Toggle ------------------------- */
.nav-toggle {
position: absolute;
bottom: 0;
left: 0;
top: 0;
width: 6.6rem;
}
.nav-toggle .toggle-icon,
.nav-toggle svg {
height: 0.8rem;
width: 2.6rem;
}
.nav-toggle .toggle-inner {
padding-top: 0.8rem;
}
/* Primary Menu ---------------------------- */
.primary-menu-wrapper {
display: none;
}
ul.primary-menu {
display: flex;
font-size: 1.8rem;
font-weight: 500;
letter-spacing: -0.0277em;
flex-wrap: wrap;
justify-content: flex-end;
margin: -0.8rem -1.6rem 0 0;
}
.primary-menu .icon {
display: block;
height: 0.7rem;
position: absolute;
pointer-events: none;
transform: rotate(45deg);
width: 1.3rem;
}
.primary-menu .icon::before,
.primary-menu .icon::after {
content: "";
display: block;
background-color: currentColor;
position: absolute;
bottom: calc(50% - 0.1rem);
right: 0;
}
.primary-menu .icon::before {
height: 0.9rem;
width: 0.2rem;
}
.primary-menu .icon::after {
height: 0.2rem;
width: 0.9rem;
}
.primary-menu li {
font-size: inherit;
line-height: 1.25;
position: relative;
}
.primary-menu > li {
margin: 0.8rem 1.6rem 0 0;
}
.primary-menu > li.menu-item-has-children > a {
padding-left: 2rem;
}
.primary-menu > li > .icon {
left: -0.5rem;
top: calc(50% - 0.4rem);
}
.primary-menu a {
color: inherit;
display: block;
line-height: 1.2;
text-decoration: none;
word-break: normal;
word-wrap: normal;
}
.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
text-decoration: underline;
}
.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
text-decoration: underline;
}
.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
text-decoration: none;
}
/* SUB MENU */
.primary-menu ul {
background: #000;
border-radius: 0.4rem;
color: #fff;
font-size: 1.7rem;
opacity: 0;
padding: 1rem 0;
position: absolute;
left: 9999rem;
top: calc(100% + 2rem);
transition: opacity 0.15s linear, transform 0.15s linear, left 0s 0.15s;
transform: translateY(0.6rem);
width: 20rem;
z-index: 1;
}
.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children:focus > ul,
.primary-menu li.menu-item-has-children.focus > ul {
left: 0;
opacity: 1;
transform: translateY(0);
transition: opacity 0.15s linear, transform 0.15s linear;
}
.primary-menu ul::before,
.primary-menu ul::after {
content: "";
display: block;
position: absolute;
bottom: 100%;
}
.primary-menu ul::before {
height: 2rem;
right: 0;
left: 0;
}
.primary-menu ul::after {
border: 0.8rem solid transparent;
border-bottom-color: #000;
left: 1.8rem;
}
.primary-menu ul a {
background: transparent;
border: none;
color: inherit;
display: block;
padding: 1rem 2rem;
transition: background-color 0.15s linear;
width: 100%;
}
.primary-menu ul li.menu-item-has-children > a {
padding-left: 4.5rem;
}
.primary-menu ul li.menu-item-has-children .icon {
position: absolute;
left: 1.5rem;
top: calc(50% - 0.5rem);
}
/* DEEP DOWN */
.primary-menu ul ul {
top: -1rem;
}
.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
left: calc(100% + 2rem);
}
.primary-menu ul ul::before {
bottom: 0;
height: auto;
right: auto;
left: -2rem;
top: 0;
width: 2rem;
}
.primary-menu ul ul::after {
border-bottom-color: transparent;
border-left-color: #000;
bottom: auto;
left: -1.6rem;
top: 2rem;
}
.rtl .primary-menu ul ul::after {
transform: rotate(-180deg);
}
/*
* Enable nav submenu expansion with tapping on arrows on large-viewport
* touch interfaces (e.g. tablets or laptops with touch screens).
* These rules are supported by all browsers (>IE11) and when JS is disabled.
*/
@media (any-pointer: coarse) {
.primary-menu > li.menu-item-has-children > a {
padding-left: 0;
margin-left: 2rem;
}
.primary-menu ul li.menu-item-has-children > a {
margin-left: 4.5rem;
padding-left: 0;
width: unset;
}
}
/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu > li.menu-item-has-children > a {
padding-left: 0;
margin-left: 2rem;
}
body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
margin-left: 4.5rem;
padding-left: 0;
width: unset;
}
/* -------------------------------------------------------------------------- */
/* 5. Menu Modal
/* -------------------------------------------------------------------------- */
.menu-modal {
background: #fff;
display: none;
opacity: 0;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
bottom: 0;
right: -99999rem;
left: 99999rem;
top: 0;
transition: opacity 0.25s ease-in, right 0s 0.25s, left 0s 0.25s;
z-index: 99;
}
.admin-bar .menu-modal {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .menu-modal {
top: 46px;
}
}
.menu-modal.show-modal {
display: flex;
}
.menu-modal.active {
right: 0;
opacity: 1;
left: 0;
transition: opacity 0.25s ease-out;
}
.menu-modal-inner {
background: #fff;
display: flex;
justify-content: stretch;
overflow: auto;
-ms-overflow-style: auto;
width: 100%;
}
.menu-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
button.close-nav-toggle {
align-items: center;
display: flex;
font-size: 1.6rem;
font-weight: 500;
justify-content: flex-end;
padding: 3.1rem 0;
width: 100%;
}
button.close-nav-toggle svg {
height: 1.6rem;
width: 1.6rem;
}
button.close-nav-toggle .toggle-text {
margin-left: 1.6rem;
}
.menu-modal .menu-top {
flex-shrink: 0;
}
/* Main Menu --------------------------------- */
.modal-menu {
position: relative;
right: calc(50% - 50vw);
width: 100vw;
}
.modal-menu li {
border-color: #dedfdf;
border-style: solid;
border-width: 0.1rem 0 0 0;
display: flex;
flex-wrap: wrap;
line-height: 1;
justify-content: flex-start;
margin: 0;
}
.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
font-size: 2rem;
font-weight: 700;
letter-spacing: -0.0375em;
}
.modal-menu > li:last-child {
border-bottom-width: 0.1rem;
}
.modal-menu .ancestor-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
}
.modal-menu a {
display: block;
padding: 2rem 2.5rem;
text-decoration: none;
width: 100%;
}
.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
text-decoration: underline;
}
button.sub-menu-toggle {
border-right: 0.1rem solid #dedfdf;
flex-shrink: 0;
margin: 1rem 0;
padding: 0 2.5rem;
}
button.sub-menu-toggle svg {
height: 0.9rem;
transition: transform 0.15s linear;
width: 1.5rem;
}
button.sub-menu-toggle.active svg {
transform: rotate(-180deg);
}
.modal-menu ul {
display: none;
margin: 0;
width: 100%;
}
.modal-menu ul li {
border-right-width: 1rem;
}
.modal-menu ul li a {
color: inherit;
font-weight: 500;
}
/* Main menu animation ----------------------- */
.menu-wrapper .menu-item {
position: relative;
}
.menu-wrapper .active {
display: block;
}
.menu-wrapper.is-toggling {
pointer-events: none;
}
.menu-wrapper.is-toggling .menu-item {
position: absolute;
top: 0;
right: 0;
margin: 0;
width: 100%;
}
.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
width: auto;
}
.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
transition-duration: 250ms;
}
.menu-wrapper.is-animating .menu-item {
transition-property: transform;
}
.menu-wrapper.is-toggling .toggling-target {
display: block;
position: absolute;
top: 0;
right: 0;
opacity: 1;
}
.menu-wrapper.is-toggling .toggling-target.active {
opacity: 0;
}
.menu-wrapper.is-animating.is-toggling .toggling-target {
display: block;
transition-property: opacity;
opacity: 0;
}
.menu-wrapper.is-animating.is-toggling .toggling-target.active {
opacity: 1;
}
.menu-wrapper.is-toggling .modal-menu > li:last-child li {
border-top-color: transparent;
border-bottom-width: 0.1rem;
}
@media (prefers-reduced-motion: reduce) {
.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
transition-duration: 1ms !important;
}
}
/* Expanded Menu ----------------------------- */
.expanded-menu {
display: none;
}
.mobile-menu {
display: block;
}
/* Menu Bottom ------------------------------- */
.menu-bottom {
flex-shrink: 0;
padding: 4rem 0;
}
.menu-bottom nav {
width: 100%;
}
.menu-copyright {
display: none;
font-size: 1.6rem;
font-weight: 500;
margin: 0;
}
.menu-copyright a:focus,
.menu-copyright a:hover {
text-decoration: underline;
}
.menu-bottom .social-menu {
justify-content: center;
}
/* -------------------------------------------------------------------------- */
/* 6. Search Modal
/* -------------------------------------------------------------------------- */
.search-modal {
background: rgba(0, 0, 0, 0.2);
display: none;
opacity: 0;
position: fixed;
bottom: 0;
right: -9999rem;
top: 0;
transition: opacity 0.2s linear, right 0s 0.2s linear;
width: 100%;
z-index: 999;
}
.admin-bar .search-modal.active {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .search-modal.active {
top: 46px;
}
}
.search-modal-inner {
background: #fff;
transform: translateY(-100%);
transition: transform 0.15s linear, box-shadow 0.15s linear;
}
.search-modal-inner .section-inner {
display: flex;
justify-content: space-between;
max-width: 168rem;
}
.search-modal.active {
right: 0;
opacity: 1;
transition: opacity 0.2s linear;
}
.search-modal.active .search-modal-inner {
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);
transform: translateY(0);
transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;
}
button.search-untoggle {
align-items: center;
display: flex;
flex-shrink: 0;
justify-content: center;
margin-left: -2.5rem;
padding: 0 2.5rem;
}
.search-modal button.search-untoggle {
color: inherit;
}
.search-modal.active .search-untoggle {
animation: popIn both 0.3s 0.2s;
}
.search-untoggle svg {
height: 1.5rem;
transition: transform 0.15s ease-in-out;
width: 1.5rem;
}
.search-untoggle:focus svg,
.search-untoggle:hover svg {
transform: scale(1.15);
}
/* Modal Search Form ------------------------- */
.search-modal form {
margin: 0;
position: relative;
width: 100%;
}
.search-modal .search-field {
background: none;
border: none;
border-radius: 0;
color: inherit;
font-size: 2rem;
letter-spacing: -0.0277em;
height: 8.4rem;
margin: 0 -2rem 0 0;
max-width: calc(100% + 2rem);
padding: 0 2rem 0 0;
width: calc(100% + 2rem);
}
.search-modal .search-field::-webkit-input-placeholder {
color: inherit;
}
.search-modal .search-field:-ms-input-placeholder {
color: inherit;
}
.search-modal .search-field::-moz-placeholder {
color: inherit;
line-height: 4;
}
.search-modal .search-submit {
position: absolute;
left: -9999rem;
top: 50%;
transform: translateY(-50%);
}
.search-modal .search-submit:focus {
left: 0;
}
/* -------------------------------------------------------------------------- */
/* 7a. Template: Cover Template
/* -------------------------------------------------------------------------- */
.cover-header {
display: flex;
overflow: hidden;
}
.cover-header-inner-wrapper {
display: flex;
position: relative;
flex-direction: column;
justify-content: flex-end;
width: 100%;
}
.cover-header-inner {
padding: 10rem 0 5rem 0;
width: 100%;
}
.cover-color-overlay,
.cover-color-overlay::before {
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 0;
}
.cover-color-overlay::before {
background: currentColor;
content: "";
display: block;
}
.cover-header .entry-header {
position: relative;
width: 100%;
z-index: 1;
}
.cover-header .entry-header * {
color: #fff;
}
body.template-cover .entry-header {
background: transparent;
padding: 0;
}
.cover-header h1,
.cover-header h2,
.cover-header h3,
.cover-header h4,
.cover-header h5,
.cover-header h6,
.cover-header .faux-heading {
color: inherit;
}
.cover-header .entry-header a {
color: inherit;
}
/* To The Content ---------------------------- */
.to-the-content-wrapper {
position: absolute;
right: 0;
left: 0;
top: calc(100% + 0.5rem);
}
.to-the-content {
align-items: center;
display: flex;
justify-content: center;
height: 4rem;
text-decoration: none;
}
.to-the-content svg {
height: 2rem;
transition: transform 0.15s linear;
transform: translateY(0);
width: 1.767rem;
}
.to-the-content:focus svg,
.to-the-content:hover svg {
transform: translateY(20%);
}
/* -------------------------------------------------------------------------- */
/* 7c. Template: Full Width
/* -------------------------------------------------------------------------- */
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 120rem;
}
body.template-full-width .entry-content .alignleft,
body.template-full-width .entry-content .alignright {
position: static;
}
body.template-full-width .entry-content .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 0;
position: static;
}
body.template-full-width .entry-content > .alignleft,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 2rem;
position: static;
}
body.template-full-width .entry-content .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 0;
position: static;
}
body.template-full-width .entry-content > .alignright,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 2rem;
position: static;
}
/* -------------------------------------------------------------------------- */
/* 8. Post: Archive
/* -------------------------------------------------------------------------- */
/* Archive Header ---------------------------- */
.archive-header {
background-color: #fff;
padding: 4rem 0;
}
.reduced-spacing .archive-header {
padding-bottom: 2rem;
}
.archive-title {
font-size: 2.4rem;
font-weight: 700;
letter-spacing: -0.026666667em;
margin: 0;
}
.archive-subtitle p:last-child {
margin-bottom: 0;
}
/* Posts ------------------------------------- */
body:not(.singular) main > article:first-of-type {
padding: 4rem 0 0;
}
/* Search Results ---------------------------- */
.no-search-results-form {
padding-top: 5rem;
}
/* -------------------------------------------------------------------------- */
/* 9. Post: Single
/* -------------------------------------------------------------------------- */
/* Post Header ------------------------------- */
.singular .entry-header {
background-color: #fff;
padding: 4rem 0;
}
.entry-categories {
line-height: 1.25;
margin-bottom: 2rem;
}
.entry-categories-inner {
justify-content: center;
display: flex;
flex-wrap: wrap;
margin: -0.5rem -1rem 0 0;
}
.entry-categories a {
border-bottom: 0.15rem solid currentColor;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 0.036666667em;
margin: 0.5rem 1rem 0 0;
text-decoration: none;
text-transform: uppercase;
}
.entry-categories a:focus,
.entry-categories a:hover {
border-bottom-color: transparent;
}
h1.entry-title,
h2.entry-title {
margin: 0;
}
.entry-title a {
color: inherit;
text-decoration: none;
}
.entry-title a:focus,
.entry-title a:hover {
text-decoration: underline;
}
.intro-text {
margin-top: 2rem;
}
.singular .intro-text {
font-size: 2rem;
letter-spacing: -0.0315em;
line-height: 1.4;
}
/* POST META */
.post-meta-single-top .post-meta {
justify-content: center;
}
.post-meta-wrapper {
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
max-width: 58rem;
width: 100%;
}
.post-meta {
color: #6d6d6d;
display: flex;
flex-wrap: wrap;
font-size: 1.5rem;
font-weight: 500;
list-style: none;
margin: -1rem -2rem 0 0;
}
.post-meta li {
flex-shrink: 0;
letter-spacing: -0.016875em;
margin: 1rem 2rem 0 0;
max-width: calc(100% - 2rem);
}
.post-meta a {
color: inherit;
text-decoration: none;
}
.post-meta a:focus,
.post-meta a:hover {
text-decoration: underline;
}
.post-meta .meta-wrapper {
align-items: center;
display: flex;
flex-wrap: nowrap;
}
.post-meta .meta-icon {
flex-shrink: 0;
margin-left: 1rem;
}
.sticky .post-sticky {
color: inherit;
}
.post-meta .post-author .meta-icon svg {
width: 1.6rem;
height: 1.8rem;
}
.post-meta .post-categories .meta-icon svg {
width: 1.8rem;
height: 1.7rem;
}
.post-meta .post-comment-link .meta-icon svg {
width: 1.8rem;
height: 1.8rem;
}
.post-meta .post-date .meta-icon svg {
width: 1.7rem;
height: 1.8rem;
}
.post-meta .post-edit .meta-icon svg {
width: 1.8rem;
height: 1.8rem;
}
.post-meta .post-sticky .meta-icon svg {
width: 1.5rem;
height: 1.8rem;
}
.post-meta .post-tags .meta-icon svg {
width: 1.8rem;
height: 1.8rem;
}
.post-meta svg * {
fill: currentColor;
}
/* Featured Media ---------------------------- */
.featured-media {
margin-top: 5rem;
position: relative;
}
.singular .featured-media {
margin-top: 0;
}
.singular .featured-media-inner {
position: relative;
right: calc(50% - 50vw);
width: 100vw;
}
.singular .featured-media::before {
background: #fff;
content: "";
display: block;
position: absolute;
bottom: 50%;
right: 0;
left: 0;
top: 0;
}
.featured-media img {
margin: 0 auto;
}
.featured-media figcaption {
margin: 1.5rem auto 0 auto;
text-align: center;
width: calc(100% - 5rem);
}
.post-inner {
padding-top: 5rem;
}
.reduced-spacing.missing-post-thumbnail .post-inner {
padding-top: 0;
}
/* Post Footer ------------------------------- */
/* POST NAV LINKS */
.post-nav-links {
border-radius: 0.4rem;
display: flex;
font-size: 0.9em;
font-weight: 600;
line-height: 1;
margin: 3em auto 0 auto;
padding: 0;
width: calc(100% - 4rem);
max-width: 58rem;
}
.post-nav-links > span.label {
padding: 1em 0;
}
.post-nav-links > * {
padding: 1em 0.75em;
}
/* POST META BOTTOM */
.post-meta-wrapper.post-meta-single-bottom {
margin-top: 3rem;
}
/* Author Bio -------------------------------- */
.author-bio {
margin-top: 4rem;
margin-left: auto;
margin-right: auto;
max-width: 58rem;
width: 100%;
}
.hide-avatars .author-bio {
padding-right: 0;
}
.author-bio .author-title-wrapper {
align-items: center;
display: flex;
margin: 0 0 1rem 0;
}
.author-bio .avatar {
border-radius: 50%;
margin-left: 1.5rem;
height: 5rem;
width: 5rem;
}
.hide-avatars img.avatar {
display: none;
}
.author-bio p:last-child {
margin-bottom: 0;
}
.author-bio .author-title {
margin: 0;
}
.author-bio .author-link {
display: block;
font-size: 1.6rem;
font-weight: 600;
margin-top: 1em;
text-decoration: none;
}
.author-bio .author-link:focus,
.author-bio .author-link:hover {
text-decoration: underline;
}
/* Single Pagination ------------------------- */
.pagination-single {
font-size: 1.8rem;
margin-top: 5rem;
}
.pagination-single-inner {
display: flex;
flex-direction: column;
}
.pagination-single hr:first-child {
margin: 0 0 2.8rem 0;
}
.pagination-single hr:last-child {
margin: 2.8rem 0 0.8rem 0;
}
.pagination-single a {
align-items: baseline;
display: flex;
font-weight: 600;
letter-spacing: -0.0275em;
text-decoration: none;
flex: 1;
}
.pagination-single a + a {
margin-top: 1rem;
}
.pagination-single a .arrow {
margin-left: 1rem;
}
.pagination-single a:focus .title,
.pagination-single a:hover .title {
text-decoration: underline;
}
/* -------------------------------------------------------------------------- */
/* 10. Blocks
/* -------------------------------------------------------------------------- */
/* Block Colors ------------------------------ */
.has-text-color a {
color: inherit;
}
/* CUSTOM COLORS */
:root .has-accent-color {
color: #cd2653;
}
:root .has-accent-background-color {
background-color: #cd2653;
color: #fff;
}
:root .has-primary-color {
color: #000;
}
:root .has-primary-background-color {
background-color: #000;
color: #f5efe0;
}
:root .has-secondary-color {
color: #6d6d6d;
}
:root .has-secondary-background-color {
background-color: #6d6d6d;
color: #fff;
}
:root .has-subtle-background-color {
color: #dcd7ca;
}
:root .has-subtle-background-background-color {
background-color: #dcd7ca;
color: #000;
}
:root .has-background-color {
color: #f5efe0;
}
:root .has-background-background-color {
background-color: #f5efe0;
color: #000;
}
/* Block Typography Classes ------------------ */
.has-text-align-left {
text-align: left;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-right {
text-align: left;
}
.has-drop-cap:not(:focus)::first-letter {
color: #cd2653;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
font-size: 5.1em;
font-weight: 800;
margin: 0.05em 0 0 0.1em;
}
.has-drop-cap:not(:focus)::first-letter::after {
content: "";
display: table;
clear: both;
}
.has-drop-cap:not(:focus)::after {
padding: 0;
}
/* Block Font Families ----------------------- */
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
@supports ( font-variation-settings: normal ) {
.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-cover-image p,
.entry-content .wp-block-pullquote {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
/* Block Font Sizes -------------------------- */
.entry-content .has-small-font-size {
font-size: 0.842em;
}
.entry-content .has-normal-font-size,
.entry-content .has-regular-font-size {
font-size: 1em;
}
.entry-content .has-medium-font-size {
font-size: 1.1em;
line-height: 1.45;
}
.entry-content .has-large-font-size {
font-size: 1.25em;
line-height: 1.4;
}
.entry-content .has-larger-font-size {
font-size: 1.5em;
line-height: 1.3;
}
/* Block: Base Margins ----------------------- */
*[class*="_inner-container"] > *:first-child {
margin-top: 0;
}
*[class*="_inner-container"] > *:last-child {
margin-bottom: 0;
}
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
margin-bottom: 3rem;
margin-top: 3rem;
}
/* Block: Shared Nesting Alignment Resets ---- */
[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
margin-right: auto;
margin-left: auto;
max-width: 58rem;
}
/* Block: Shared Widget Styles --------------- */
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts,
.wp-block-latest-comments {
list-style: none;
margin-right: 0;
}
.wp-block-archives ul,
.wp-block-categories ul,
.wp-block-latest-posts ul,
.wp-block-latest-comments ul {
list-style: none;
}
.entry-content .wp-block-archives > li,
.entry-content .wp-block-categories > li,
.entry-content .wp-block-latest-posts > li,
.entry-content .wp-block-latest-comment > li {
margin-right: 0;
}
.entry-content .wp-block-archives > li:last-child,
.entry-content .wp-block-categories > li:last-child,
.entry-content .wp-block-latest-posts > li:last-child,
.entry-content .wp-block-latest-comment > li:last-child {
margin-bottom: 0;
}
.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments * {
font-family: inherit;
}
.entry-content .wp-block-archives li,
.entry-content .wp-block-categories li,
.entry-content .wp-block-latest-posts li {
color: #6d6d6d;
}
.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
font-weight: 700;
text-decoration: none;
}
.wp-block-archives a:hover,
.wp-block-categories a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:focus,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:focus {
text-decoration: underline;
}
.wp-block-latest-posts a,
.wp-block-latest-comments__comment-meta {
font-weight: 700;
letter-spacing: -0.025em;
line-height: 1.25;
}
.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date {
color: #6d6d6d;
font-size: 0.7em;
font-weight: 600;
letter-spacing: normal;
margin-top: 0.15em;
}
/* Block: Shared Media Styles ---------------- */
.wp-block-embed figcaption,
.wp-block-image figcaption {
color: #6d6d6d;
font-size: 1.4rem;
margin-bottom: 0;
margin-top: 1.5rem;
}
/* Block: Audio ------------------------------ */
.wp-block-audio audio {
width: 100%;
}
/* Block: Button ----------------------------- */
.wp-block-button {
margin: 3rem 0;
}
.wp-block-button.is-style-outline {
color: #cd2653;
}
.is-style-outline .wp-block-button__link:not(.has-text-color) {
color: inherit;
}
.is-style-outline .wp-block-button__link {
padding: calc(1.1em - 0.2rem) calc(1.44em - 0.2rem);
}
/* Block: Columns ---------------------------- */
.wp-block-columns.alignfull,
.alignfull:not(.has-background) .wp-block-columns {
padding-right: 2rem;
padding-left: 2rem;
}
.wp-block-column {
margin-bottom: 3.2rem;
}
.wp-block-column > *:first-child {
margin-top: 0;
}
.wp-block-column > *:last-child {
margin-bottom: 0;
}
/* Block: Cover ------------------------------ */
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 4rem);
padding: 2rem 0;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
max-width: 100%;
padding: 0;
}
.wp-block-cover-image h2,
.wp-block-cover h2 {
font-size: 3.2rem;
}
/* Block: Embed ------------------------------ */
/* Block: File ------------------------------- */
.wp-block-file {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wp-block-file a:not(.wp-block-file__button) {
font-weight: 700;
text-decoration: none;
}
.wp-block-file a:not(.wp-block-file__button):not(:last-child) {
margin-left: 1rem;
}
.wp-block-file a:not(.wp-block-file__button):focus,
.wp-block-file a:not(.wp-block-file__button):hover {
text-decoration: underline;
}
.wp-block-file .wp-block-file__button {
font-size: 1.5rem;
padding: 1em 1.25em;
}
.wp-block-file a.wp-block-file__button:visited {
opacity: 1;
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
opacity: 1;
text-decoration: underline;
}
/* Block: Gallery ---------------------------- */
.wp-block-gallery ul {
list-style: none;
margin: 0 0 -1.6rem 0;
}
figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
margin-bottom: 3rem;
margin-top: 3rem;
}
figure.wp-block-gallery.alignleft {
margin: 0.3rem 0 2rem 2rem;
}
figure.wp-block-gallery.alignright {
margin: 0.3rem 2rem 2rem 0;
}
figure.wp-block-gallery.alignwide {
margin-bottom: 4rem;
margin-top: 4rem;
}
figure.wp-block-gallery.alignfull {
margin-bottom: 5rem;
margin-top: 5rem;
}
/* Block: Group ------------------------------ */
.wp-block-group.has-background {
padding: 2rem;
margin-bottom: 0;
margin-top: 0;
}
.wp-block-group__inner-container {
margin: 0 auto;
}
.wp-block-group__inner-container,
.entry-content .wp-block-group p {
max-width: 100%;
}
.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-right: 2rem;
padding-left: 2rem;
}
/* Block: Image ------------------------------ */
/* Block: Media And Text --------------------- */
.wp-block-media-text .wp-block-media-text__content {
padding: 3rem 2rem;
}
.wp-block-media-text .wp-block-media-text__content p {
max-width: none;
}
.wp-block-media-text__content > *:first-child {
margin-top: 0;
}
.wp-block-media-text__content > *:last-child {
margin-bottom: 0;
}
/* Block: Pullquote -------------------------- */
/* STYLE: DEFAULT */
.wp-block-pullquote {
padding: 0;
position: relative;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: calc(100% - 4rem);
}
.wp-block-pullquote::before {
background: #fff;
border-radius: 50%;
color: #cd2653;
content: "”";
display: block;
font-size: 6.2rem;
font-weight: 500;
line-height: 1.2;
margin: 0 auto 1.5rem auto;
text-align: center;
height: 4.4rem;
width: 4.4rem;
}
.reduced-spacing .wp-block-pullquote::before {
border: 0.1rem solid currentColor;
font-size: 5.9rem;
}
.wp-block-pullquote blockquote {
border: none;
margin: 0;
padding: 0;
}
.wp-block-pullquote blockquote p {
font-family: inherit;
font-size: 2.8rem;
font-weight: 700;
line-height: 1.178571429;
letter-spacing: -0.041785714em;
max-width: 100%;
}
.wp-block-pullquote p:last-of-type {
margin-bottom: 0;
}
.wp-block-pullquote cite {
color: #6d6d6d;
font-size: 1.6rem;
font-weight: 500;
margin-top: 1.2rem;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 2.8rem;
}
.wp-block-pullquote.alignleft {
text-align: right;
}
.wp-block-pullquote.alignright {
text-align: left;
}
.wp-block-pullquote.alignleft::before {
margin-right: 0;
}
.wp-block-pullquote.alignright::before {
margin-left: 0;
}
/* STYLE: SOLID BACKGROUND COLOR */
.wp-block-pullquote.is-style-solid-color {
padding: 3rem 2rem;
}
.wp-block-pullquote.is-style-solid-color::before {
position: absolute;
top: 0;
right: 50%;
transform: translateY(-50%) translateX(50%);
}
.wp-block-pullquote.is-style-solid-color.alignleft::before,
.wp-block-pullquote.is-style-solid-color.alignright::before {
transform: translateY(-50%);
}
.wp-block-pullquote.is-style-solid-color.alignleft::before {
right: 2rem;
}
.wp-block-pullquote.is-style-solid-color.alignright::before {
right: auto;
left: 2rem;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
text-align: inherit;
}
.wp-block-pullquote.is-style-solid-color cite {
color: inherit;
}
/* Block: Separator ------------------------- */
hr.wp-block-separator {
margin: 3rem 0;
}
/* STYLE: WIDE */
.wp-block-separator.is-style-wide {
max-width: calc(100vw - 4rem);
position: relative;
width: 100%;
}
/* STYLE: DOTS */
.wp-block-separator.is-style-dots::before {
background: none;
color: inherit;
font-size: 3.2rem;
font-weight: 700;
height: auto;
letter-spacing: 1em;
padding-right: 1em;
position: static;
transform: none;
width: auto;
}
.wp-block-separator.is-style-dots::after {
content: none;
}
/* Block: Search ----------------------------- */
.wp-block-search .wp-block-search__input {
width: auto;
}
/* Block: Table ------------------------------ */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background: #dcd7ca;
}
figure.wp-block-table.is-style-stripes {
border-bottom: none;
}
.wp-block-table.is-style-stripes table {
border-collapse: inherit;
}
/* Block: Quote ------------------------------ */
.wp-block-quote p,
.wp-block-quote cite {
text-align: inherit;
}
.wp-block-quote[style="text-align:center"] {
border-width: 0;
padding: 0;
}
.wp-block-quote[style="text-align:right"] {
border-width: 0 0.2rem 0 0;
padding: 0 2rem 0 0;
}
/* STYLE: LARGE */
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
border: none;
padding: 0;
margin-right: auto;
margin-left: auto;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-family: inherit;
font-size: 2.4rem;
font-style: normal;
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.285;
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 1.6rem;
text-align: inherit;
}
/* Block: Widget Latest Comments ------------- */
.entry-content .wp-block-latest-comments li {
margin: 2rem 0;
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-right: 5.5rem;
}
.entry-content .wp-block-latest-comments a {
text-decoration: none;
}
.entry-content .wp-block-latest-comments a:hover,
.entry-content .wp-block-latest-comments a:focus {
text-decoration: underline;
}
.wp-block-latest-comments__comment {
font-size: inherit;
}
.wp-block-latest-comments__comment-date {
margin-top: 0.4em;
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 0.7em;
margin: 0.9rem 0 2rem 0;
}
/* Block: Widget Latest Posts ---------------- */
.wp-block-latest-posts.is-grid li {
border-top: 0.2rem solid #dcd7ca;
margin-top: 2rem;
padding-top: 1rem;
}
.wp-block-latest-posts.has-dates {
list-style: none;
}
.wp-block-latest-posts.has-dates:not(.is-grid) li {
margin-top: 1.5rem;
}
.wp-block-latest-posts.has-dates:not(.is-grid) li:first-child {
margin-top: 0;
}
/* Block: Post Template ---------------- */
.wp-block-post-template,
.wp-block-post-template > li {
margin-right: 0;
margin-left: 0;
}
/* -------------------------------------------------------------------------- */
/* 11. Entry Content
/* -------------------------------------------------------------------------- */
.entry-content {
line-height: 1.5;
}
.entry-content > * {
margin-right: auto;
margin-left: auto;
margin-bottom: 1.25em;
}
.entry-content > *:first-child {
margin-top: 0;
}
.entry-content > *:last-child {
margin-bottom: 0;
}
.read-more-button-wrap {
margin-top: 1em;
text-align: center;
}
.entry-content a:hover,
.entry-content a:focus {
text-decoration: none;
}
.entry-content p,
.entry-content li {
line-height: 1.4;
}
.entry-content li img {
display: inline-block;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 3.5rem auto 2rem;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {
margin-bottom: 1rem;
}
.entry-content hr {
margin: 4rem auto;
}
.post-inner .entry-content > .wp-block-cover.alignwide:first-child,
.post-inner .entry-content > .wp-block-cover.alignfull:first-child {
margin-top: 0;
}
/* Font Families ----------------------------- */
.entry-content {
font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
letter-spacing: normal;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
@supports ( font-variation-settings: normal ) {
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
/* Alignment Classes ------------------------- */
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 58rem;
width: calc(100% - 4rem);
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 58rem;
width: 100%;
}
.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide {
margin-top: 4rem;
margin-left: auto;
margin-bottom: 4rem;
margin-right: auto;
}
[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
margin-right: auto;
margin-left: auto;
}
/* Full */
.alignfull {
margin-top: 5rem;
margin-left: auto;
margin-bottom: 5rem;
margin-right: auto;
max-width: 100vw;
position: relative;
width: 100%;
}
[class*="__inner-container"] > .alignfull {
max-width: 100%;
}
/* Wide */
.alignwide {
max-width: 120rem;
position: relative;
width: calc(100% - 4rem);
}
[class*="__inner-container"] > .alignwide {
width: 100%;
}
/* Center */
.aligncenter,
.aligncenter img {
margin-right: auto;
margin-left: auto;
}
/* Left and right */
.alignleft,
.alignright {
max-width: 50%;
}
.alignleft {
float: left;
margin: 0.3rem 2rem 2rem 2rem;
}
.alignright {
float: right;
margin: 0.3rem 2rem 2rem 2rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 2rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 2rem;
}
/* Entry Media ------------------------------- */
.alignfull > figcaption,
.alignfull > .wp-caption-text {
margin-right: auto;
margin-left: auto;
max-width: 58rem;
width: calc(100% - 4rem);
}
/* -------------------------------------------------------------------------- */
/* 12. Comments
/* -------------------------------------------------------------------------- */
/* Comment Headers ----------------------------- */
.comments-wrapper {
margin-top: 5rem;
}
.comment-reply-title {
margin: 0 0 4rem 0;
text-align: center;
}
/* Comment Item ----------------------------- */
/* COMMENT HEADER */
.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
padding-top: 3.5rem;
}
div.comment:first-of-type {
margin-top: 3.5rem;
padding-top: 0;
}
.comments .comments-header + div {
margin-top: 0;
padding-top: 0;
}
.comment-body {
position: relative;
}
.comment .comment {
padding-right: 5%;
}
.comment-meta {
line-height: 1.1;
margin-bottom: 1.5rem;
min-height: 5rem;
padding-right: 5rem;
position: relative;
}
.hide-avatars .comment-meta {
min-height: 0;
padding-right: 0;
}
.comment-meta a {
color: inherit;
}
.comment-author {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: -0.027777778em;
}
.comment-author a {
text-decoration: underline;
}
.comment-author a:hover,
.comment-author a:focus {
text-decoration: none;
}
.comment-meta .avatar {
height: 4rem;
position: absolute;
right: 0;
top: 0;
width: 4rem;
}
.comment-author .url {
text-decoration: underline;
}
.comment-metadata {
color: #6d6d6d;
font-size: 1.4rem;
font-weight: 500;
margin-top: 0.6rem;
}
.comment-metadata a {
text-decoration: none;
}
.comment-metadata a:focus,
.comment-metadata a:hover {
text-decoration: underline;
}
/* COMMENT CONTENT */
.comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: 100%;
}
.comment-content.entry-content .alignleft {
margin-left: 0;
}
.comment-content.entry-content .alignright {
margin-right: 0;
}
/* COMMENT FOOTER */
.comment-footer-meta {
align-items: center;
display: flex;
flex-wrap: wrap;
font-size: 1.2rem;
font-weight: 600;
justify-content: flex-start;
letter-spacing: 0.030833333em;
line-height: 1;
margin: 1.5rem -1.5rem -1rem 0;
text-transform: uppercase;
}
.comment-footer-meta > * {
margin: 0 1.5rem 1rem 0;
}
.comment-reply-link {
background-color: #cd2653;
color: #fff;
display: block;
padding: 0.7rem;
}
.bypostauthor .comment-footer-meta .by-post-author {
display: block;
}
.comment-footer-meta a {
text-decoration: none;
}
.comment-footer-meta a:focus,
.comment-footer-meta a:hover {
text-decoration: underline;
}
/* Pingbacks & Trackbacks ------------------------- */
.pingback .comment-meta,
.trackback .comment-meta {
padding-right: 0;
}
/* Comments Pagination ---------------------------- */
.comments-pagination {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 6rem;
text-align: center;
}
.comments-pagination.only-next {
justify-content: flex-end;
}
.comments-pagination .page-numbers {
display: none;
text-decoration: none;
}
.comments-pagination .page-numbers:focus,
.comments-pagination .page-numbers:hover {
text-decoration: underline;
}
.comments-pagination .prev,
.comments-pagination .next {
display: block;
}
.comments-pagination .prev {
right: 0;
}
.comments-pagination .next {
left: 0;
text-align: left;
}
/* Comment Respond ---------------------------- */
.comment-respond::after {
clear: both;
content: "";
display: block;
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as {
color: #6d6d6d;
font-size: 1.6rem;
line-height: 1.4;
margin: -3rem 0 4rem 0;
text-align: center;
}
.comment-respond .comment-notes a,
.comment-respond .logged-in-as a {
color: inherit;
text-decoration: none;
}
.comment-respond .comment-notes a:focus,
.comment-respond .comment-notes a:hover,
.comment-respond .logged-in-as a:focus,
.comment-respond .logged-in-as a:hover {
text-decoration: underline;
}
.comment-respond p {
line-height: 1.1;
margin-bottom: 2rem;
margin-right: auto;
margin-left: auto;
}
.comment-respond p:not(.comment-notes) {
max-width: 58rem;
}
.comment-form-cookies-consent {
align-items: baseline;
display: flex;
}
.comment-respond > p:last-of-type {
margin-bottom: 0;
}
.comment-respond label {
display: block;
}
.comment-respond input[type="checkbox"] + label {
font-size: 1.5rem;
line-height: 1.25;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond textarea {
margin-bottom: 0;
}
.comment-respond textarea {
height: 15rem;
}
.comment-respond #submit {
display: block;
}
.comment-respond .comments-closed {
text-align: center;
}
/* Reply Respond ---------------------------- */
.comments .comment-respond {
padding: 3rem 0 0;
}
.comments .comment-respond .comment-reply-title,
.comments .comment-respond .comment-notes,
.comments .comment-respond .logged-in-as {
text-align: right;
}
.comment-reply-title small {
display: block;
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -0.0277em;
margin: 0.5rem 0 0 0;
white-space: nowrap;
}
.comment-reply-title small a {
text-decoration: none;
}
.comment-reply-title small a:focus,
.comment-reply-title small a:hover {
text-decoration: underline;
}
/* -------------------------------------------------------------------------- */
/* 13. Site Pagination
/* -------------------------------------------------------------------------- */
.pagination .nav-links {
align-items: baseline;
display: flex;
flex-wrap: wrap;
font-size: 1.8rem;
font-weight: 600;
margin: -1.5rem -2.5rem 0 0;
width: calc(100% + 2.5rem);
}
.pagination-separator {
margin: 5rem 0;
}
.nav-links > * {
margin: 1.5rem 2.5rem 0 0;
}
.nav-links .placeholder {
display: none;
visibility: hidden;
}
.pagination a {
text-decoration: none;
}
.pagination a:focus,
.pagination a:hover {
text-decoration: underline;
}
.pagination .dots {
transform: translateY(-0.3em);
color: #6d6d6d;
}
.nav-short {
display: none;
}
/* -------------------------------------------------------------------------- */
/* 14. Error 404
/* -------------------------------------------------------------------------- */
.error404 #site-content {
padding-top: 4rem;
}
.error404-content {
text-align: center;
}
.error404 #site-content .search-form {
justify-content: center;
margin-top: 3rem;
}
/* -------------------------------------------------------------------------- */
/* 15. Widgets
/* -------------------------------------------------------------------------- */
/* Widget Base ------------------------------- */
.widget {
margin-top: 3rem;
}
.widget:first-child {
margin-top: 0;
}
.widget-content > div > *:first-child {
margin-top: 0;
}
.widget-content > div > *:last-child {
margin-bottom: 0;
}
.widget .widget-title {
margin: 0 0 2rem;
}
.widget li {
margin: 2rem 0 0 0;
}
.widget li:first-child,
.widget li > ul,
.widget li > ol {
margin-top: 0;
}
.widget table,
.widget table * {
border-color: #dedfdf;
}
.widget table caption {
background-color: #dedfdf;
}
.widget .post-date,
.widget .rss-date {
color: #6d6d6d;
display: block;
font-size: 0.85em;
font-weight: 500;
margin-top: 0.2rem;
}
.widget select {
max-width: 100%;
}
/* Font Families ----------------------------- */
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
letter-spacing: normal;
}
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
@supports ( font-variation-settings: normal ) {
.widget-content cite,
.widget-content figcaption,
.widget-content .wp-caption-text {
font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
}
/* Base List Widget -------------------------- */
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li {
color: #6d6d6d;
margin: 0.3rem 0;
}
.widget_archive li li,
.widget_categories li li,
.widget_pages li li,
.widget_meta li li,
.widget_nav_menu li li {
margin-right: 2rem;
}
.widget_archive a,
.widget_categories a,
.widget_pages a,
.widget_meta a,
.widget_nav_menu a {
font-weight: 700;
text-decoration: none;
}
.widget_archive a:focus,
.widget_archive a:hover,
.widget_categories a:focus,
.widget_categories a:hover,
.widget_pages a:focus,
.widget_pages a:hover,
.widget_meta a:focus,
.widget_meta a:hover,
.widget_nav_menu a:focus,
.widget_nav_menu a:hover {
text-decoration: underline;
}
/* Widget: Calendar -------------------------- */
.calendar_wrap {
font-size: 2.4rem;
}
.calendar_wrap th,
.calendar_wrap td,
.wp-calendar-nav span {
display: table-cell;
font-size: 1em;
font-weight: 500;
line-height: 1;
padding: 2.5% 2.5% 1.75% 2.5%;
text-align: center;
}
.wp-calendar-table {
margin-bottom: 0;
}
.wp-calendar-nav {
display: table;
width: 100%;
font-size: 1.8rem;
}
.calendar_wrap tfoot td {
border-bottom: none;
}
.calendar_wrap tfoot a,
.calendar_wrap .wp-calendar-nav a {
text-decoration: none;
}
.calendar_wrap tfoot #prev,
.calendar_wrap .wp-calendar-nav-prev {
text-align: right;
}
.calendar_wrap tfoot #next,
.calendar_wrap .wp-calendar-nav-next {
text-align: left;
}
/* Widget: Image ----------------------------- */
/* Widget: Gallery --------------------------- */
.widget_media_gallery .gallery {
margin: 0 -0.4em -0.8em -0.4em;
width: calc(100% + 0.8em);
}
.widget_media_gallery .gallery-item {
margin: 0 0 0.8em 0;
padding: 0 0.4em;
}
/* Widget: Nav Menu -------------------------- */
.widget_nav_menu .widget-content > div > ul {
margin-right: 0;
}
/* Widget: Recent Comments ------------------- */
.widget_recent_comments li {
font-weight: 700;
}
.widget_recent_comments a {
text-decoration: none;
}
.widget_recent_comments a:focus,
.widget_recent_comments a:hover {
text-decoration: underline;
}
/* Widget: Recent Entries -------------------- */
.widget_recent_entries a {
font-weight: 700;
text-decoration: none;
}
.widget_recent_entries a:focus,
.widget_recent_entries a:hover {
text-decoration: underline;
}
/* Widget: RSS ------------------------------- */
.widget_rss .widget-title a.rsswidget:first-of-type:not(.rss-widget-title) {
display: none;
}
.widget_rss .rsswidget {
font-weight: 700;
}
.widget_rss a {
text-decoration: none;
}
.widget_rss a:focus,
.widget_rss a:hover {
text-decoration: underline;
}
.widget_rss .rssSummary {
margin-top: 0.5rem;
}
.widget_rss cite::before {
content: "— ";
}
/* Widget: Search ---------------------------- */
.widget_search .search-field {
border-color: #dedfdf;
}
/* Widget: Tag Cloud ------------------------- */
.widget_tag_cloud a {
font-weight: 700;
margin-left: 0.5rem;
text-decoration: none;
white-space: nowrap;
}
.widget_tag_cloud a:focus,
.widget_tag_cloud a:hover {
text-decoration: underline;
}
/* Widget: Text ------------------------------ */
/* -------------------------------------------------------------------------- */
/* 16. Site Footer
/* -------------------------------------------------------------------------- */
.footer-nav-widgets-wrapper,
#site-footer {
background-color: #fff;
border-color: #dedfdf;
border-style: solid;
border-width: 0;
}
.footer-top-visible .footer-nav-widgets-wrapper,
.footer-top-hidden #site-footer {
margin-top: 5rem;
}
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
.reduced-spacing.footer-top-hidden #site-footer {
border-top-width: 0.1rem;
}
.footer-top,
.footer-widgets-outer-wrapper,
#site-footer {
padding: 3rem 0;
}
/* Footer Top -------------------------------- */
.footer-top {
display: flex;
border-bottom: 0.1rem solid #dedfdf;
justify-content: space-between;
}
/* FOOTER MENU */
.footer-menu {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: -0.0277em;
}
.footer-menu li {
line-height: 1.25;
margin: 0.25em 0 0 0;
}
.footer-menu a {
text-decoration: none;
word-break: normal;
word-wrap: normal;
}
.footer-menu a:hover,
.footer-menu a:focus {
text-decoration: underline;
}
/* FOOTER SOCIAL */
.footer-social-wrapper {
margin: 0;
width: 100%;
}
.has-footer-menu .footer-social-wrapper {
flex-shrink: 0;
margin-right: 1rem;
width: 50%;
}
ul.footer-social {
margin: -0.5rem -0.5rem 0 0;
}
.has-footer-menu .footer-social {
justify-content: flex-end;
}
ul.footer-social li {
margin: 0.5rem 0.5rem 0 0;
}
.footer-social a {
background-color: #cd2653;
height: 3.6rem;
width: 3.6rem;
}
.footer-social a::before {
font-size: 1.6rem;
}
/* Footer Widgets ---------------------------- */
.footer-widgets-outer-wrapper {
border-bottom: 0.1rem solid #dedfdf;
}
.footer-widgets + .footer-widgets {
margin-top: 3rem;
}
/* Footer Bottom ----------------------------- */
#site-footer {
font-size: 1.6rem;
}
#site-footer .section-inner {
align-items: baseline;
display: flex;
justify-content: space-between;
}
#site-footer a {
text-decoration: none;
}
#site-footer a:focus,
#site-footer a:hover {
text-decoration: underline;
}
.footer-copyright a,
.privacy-policy a,
.powered-by-wordpress a {
color: inherit;
}
.privacy-policy,
.powered-by-wordpress,
.to-the-top {
color: #6d6d6d;
}
a.to-the-top {
margin-right: 2.4rem;
white-space: nowrap;
}
a.to-the-top > * {
pointer-events: none;
}
.footer-copyright {
font-weight: 600;
margin: 0;
}
.powered-by-wordpress {
display: none;
margin: 0 2.4rem 0 0;
}
.privacy-policy {
margin: 1.2rem 0 0;
}
.to-the-top-long {
display: none;
}
/* -------------------------------------------------------------------------- */
/* 17. Media Queries
/* -------------------------------------------------------------------------- */
@media ( max-width: 479px ) {
/* Blocks -------------------------------- */
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
float: none;
}
/* Entry Content ------------------------- */
/* LISTS */
ul,
ol {
margin: 0 2rem 3rem 0;
}
li {
margin: 0.5rem 1rem 0 0;
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em 0 0 0;
}
}
@media ( min-width: 480px ) {
/* Blocks -------------------------------- */
/* BLOCK: BASE ALIGNMENT WIDTH */
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 26rem;
}
/* BLOCK: TABLE WIDTH */
.wp-block-table.alignleft,
.wp-block-table.alignright {
max-width: 100%;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.alignleft,
.alignright {
max-width: 26rem;
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em 0 0 0;
}
}
@media ( max-width: 599px ) {
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
/* While columns are stacked */
.wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns + .wp-block-columns {
margin-top: 0.2rem;
}
.wp-block-columns.alignwide + .wp-block-columns.alignwide {
margin-top: -0.8rem;
}
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -1.8rem;
}
/* Template -------------------------------- */
/* TEMPLATE: COVER */
.template-cover .post-inner .post-meta-wrapper,
.template-cover .post-inner .author-bio {
width: calc( 100% - 4rem );
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em 0 0 0;
}
}
@media ( min-width: 600px ) {
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -4rem;
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em 0 0 0;
}
}
@media ( min-width: 660px ) {
/* Blocks -------------------------------- */
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignleft {
margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
}
figure.wp-block-gallery.alignright {
margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.entry-content > .alignleft {
margin-left: 4rem;
}
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
}
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 0;
}
.entry-content > .alignright {
margin-right: 4rem;
}
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright {
margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
}
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 0;
}
/* Post Footer --------------------------- */
/* POST NAV LINKS */
.post-nav-links {
margin: 3em auto 0 auto;
}
}
@media ( min-width: 700px ) {
/* Element Base ------------------------- */
ul,
ol {
margin-bottom: 4rem;
}
pre {
padding: 3rem;
}
hr {
margin: 8rem auto;
}
table {
font-size: 1.8rem;
}
/* VANILLA GALLERIES */
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
/* TITLES */
h1,
.heading-size-1,
h2,
.heading-size-2,
h3,
.heading-size-3 {
margin: 6rem auto 3rem;
}
h4,
.heading-size-4,
h5,
.heading-size-5,
h6,
.heading-size-6 {
margin: 4.5rem auto 2.5rem;
}
h1,
.heading-size-1 {
font-size: 6.4rem;
}
h2,
.heading-size-2 {
font-size: 4.8rem;
}
h3,
.heading-size-3 {
font-size: 4rem;
}
h4,
.heading-size-4 {
font-size: 3.2rem;
}
h5,
.heading-size-5 {
font-size: 2.4rem;
}
h6,
.heading-size-6 {
font-size: 1.8rem;
}
/* INPUTS */
fieldset {
padding: 3rem;
}
legend {
padding: 0 1.5rem;
}
button,
.button,
.faux-button,
.wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-size: 1.7rem;
}
/* MEDIA */
figcaption,
.wp-caption-text {
margin-top: 1.8rem;
}
/* Helper Classes ------------------------- */
/* SECTIONS */
section {
padding: 8rem 0;
}
.section-inner {
width: calc(100% - 8rem);
}
/* Site Header --------------------------- */
.header-inner {
padding: 3.8rem 0;
}
.site-title {
font-size: 2.4rem;
font-weight: 700;
}
.site-description {
display: block;
}
.site-logo img {
max-height: 9rem;
transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
}
/* HEADER TOGGLES */
.toggle-inner .toggle-text {
font-size: 1.2rem;
}
.search-toggle {
right: 2rem;
}
.nav-toggle {
left: 2rem;
}
/* Menu Modal ---------------------------- */
button.close-nav-toggle {
font-size: 1.8rem;
padding: 4rem 0;
}
button.close-nav-toggle svg {
height: 2rem;
width: 2rem;
}
button.close-nav-toggle .toggle-text {
margin-left: 2.1rem;
}
.modal-menu {
right: auto;
width: 100%;
}
.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
font-size: 2.4rem;
padding: 2.5rem 0;
}
.modal-menu ul li {
border-right-color: transparent;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle {
padding: 0 3rem;
}
.modal-menu > li > .ancestor-wrapper > button.sub-menu-toggle svg {
height: 1.1rem;
width: 1.8rem;
}
.menu-bottom {
align-items: center;
display: flex;
justify-content: space-between;
padding: 4.4rem 0;
}
.menu-copyright {
display: block;
flex-shrink: 0;
margin-left: 4rem;
}
/* Modal Search Form ------------------------- */
.search-modal form {
position: relative;
width: 100%;
}
.search-untoggle svg {
height: 2.5rem;
width: 2.5rem;
}
.search-modal .search-field {
border: none;
font-size: 3.2rem;
height: 14rem;
}
.search-modal .search-field::-moz-placeholder {
line-height: 4.375;
}
/* Sub Page ------------------------------ */
/* FEATURED MEDIA */
.featured-media figcaption {
margin: 2rem auto 0 auto;
width: calc(100% - 8rem);
}
/* Template: Cover Template -------------- */
.cover-header-inner {
padding: 18rem 0 8rem 0;
}
.to-the-content-wrapper {
top: calc(100% + 1.8rem);
}
.to-the-content {
height: 6rem;
}
.to-the-content svg {
height: 2.4rem;
width: 2.12rem;
}
/* Template: Full Width ------------------ */
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: calc(100% - 8rem);
}
body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-right: 4rem;
padding-left: 4rem;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 4rem;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 4rem;
}
/* Post: Archive ------------------------- */
.archive-header {
padding: 8rem 0;
}
.reduced-spacing .archive-header {
padding-bottom: 3rem;
}
.archive-title {
font-size: 3.2rem;
}
body:not(.singular) main > article:first-of-type {
padding: 8rem 0 0;
}
h2.entry-title {
font-size: 6.4rem;
}
/* SEARCH RESULTS */
.no-search-results-form {
padding-top: 8rem;
}
/* Post: Single -------------------------- */
/* POST HEADER */
.singular .entry-header {
padding: 8rem 0;
}
.entry-categories {
margin-bottom: 3rem;
}
.entry-categories-inner {
margin: -1rem -2rem 0 0;
}
.entry-categories a {
font-size: 1.5rem;
margin: 1rem 2rem 0 0;
}
.intro-text {
font-size: 2rem;
margin-top: 2.5rem;
}
.singular .intro-text {
font-size: 2.6rem;
}
.post-meta-wrapper {
margin-top: 3rem;
}
.post-meta {
font-size: 1.6rem;
margin: -1.4rem -3rem 0 0;
}
.post-meta li {
margin: 1.4rem 3rem 0 0;
max-width: calc(100% - 3rem);
}
.featured-media {
margin-top: 6rem;
}
.post-inner {
padding-top: 8rem;
}
/* POST FOOTER */
.post-meta-wrapper.post-meta-single-bottom {
margin-top: 4rem;
}
/* AUTHOR BIO */
.author-bio {
margin-top: 8rem;
min-height: 8rem;
padding-right: 10rem;
position: relative;
}
.author-bio .avatar {
position: absolute;
right: 0;
top: 0;
height: 8rem;
width: 8rem;
}
/* SINGLE PAGINATION */
.pagination-single {
font-size: 2.4rem;
margin-top: 8rem;
}
.pagination-single-inner {
flex-direction: row;
justify-content: space-between;
}
.pagination-single.only-next .pagination-single-inner {
justify-content: flex-end;
}
.pagination-single hr:first-child {
margin: 0 0 4rem 0;
}
.pagination-single hr:last-child {
margin: 4rem 0 0.8rem 0;
}
.pagination-single a + a {
margin: 0 4rem 0 0;
}
.pagination-single a .arrow {
margin: 0 0 0 2rem;
}
.pagination-single .next-post {
flex-direction: row-reverse;
text-align: left;
}
.pagination-single .next-post .arrow {
margin: 0 2rem 0 0;
}
/* Blocks -------------------------------- */
/* BLOCK: SHARED MEDIA STYLES */
.wp-block-embed figcaption,
.wp-block-image figcaption {
font-size: 1.6rem;
}
/* BLOCK: BASE MARGINS */
.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
margin-bottom: 4rem;
margin-top: 4rem;
}
/* BLOCK: COLUMNS */
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -6rem;
}
.entry-content .wp-block-columns h1,
.entry-content .wp-block-columns h2,
.entry-content .wp-block-columns h3,
.entry-content .wp-block-columns h4,
.entry-content .wp-block-columns h5,
.entry-content .wp-block-columns h6 {
margin: 3.5rem 0 2rem;
}
/* BLOCK: COVER */
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 8rem);
}
.wp-block-cover-image h2,
.wp-block-cover h2 {
font-size: 4.8rem;
}
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
margin-bottom: 4rem;
margin-top: 4rem;
}
figure.wp-block-gallery.alignwide,
figure.wp-block-gallery.alignfull {
margin-bottom: 6rem;
margin-top: 6rem;
}
/* BLOCK: GROUP */
.wp-block-group.has-background {
padding: 4rem;
margin-top: 0;
margin-bottom: 0;
}
.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-right: 0;
padding-left: 0;
}
/* BLOCK: MEDIA AND TEXT */
.wp-block-media-text .wp-block-media-text__content {
padding: 4rem;
}
/* BLOCK: PULLQUOTE */
.wp-block-pullquote blockquote p {
font-size: 3.2rem;
}
.wp-block-pullquote cite {
margin-top: 2rem;
}
.wp-block-pullquote.alignfull:not(.is-style-solid-color) {
padding-right: 1rem;
padding-left: 1rem;
}
.wp-block-pullquote.alignwide::before,
.wp-block-pullquote.alignfull::before {
font-size: 11.272727272rem;
height: 8rem;
margin-bottom: 2rem;
width: 8rem;
}
.wp-block-pullquote.alignwide blockquote p,
.wp-block-pullquote.alignfull blockquote p {
font-size: 4.8rem;
line-height: 1.203125;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p,
.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
.wp-block-pullquote.alignright.is-style-solid-color blockquote p {
font-size: 3.2rem;
line-height: 1.1875;
}
.wp-block-pullquote.is-style-solid-color.alignwide,
.wp-block-pullquote.is-style-solid-color.alignfull {
padding: 6rem 4rem 4rem;
}
.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
.wp-block-pullquote.alignright.is-style-solid-color blockquote p {
font-size: 2.6rem;
}
/* BLOCK: QUOTE */
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 2.8rem;
}
/* BLOCK: SEPARATOR */
hr.wp-block-separator {
margin: 6rem auto;
}
.wp-block-separator.is-style-wide {
max-width: calc(100vw - 8rem);
}
/* Entry Content ------------------------- */
.entry-content {
font-size: 2.1rem;
}
.entry-content p,
.entry-content li {
line-height: 1.476;
}
.entry-content h1,
.entry-content h2,
.entry-content h3 {
margin: 6rem auto 3rem;
}
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 4.5rem auto 2.5rem;
}
.alignnone,
.aligncenter {
margin-bottom: 4rem;
margin-top: 4rem;
}
.alignleft {
margin: 0.3rem 2rem 2rem 0;
}
.alignright {
margin: 0.3rem 0 2rem 2rem;
}
.entry-content > .alignwide:not(.wp-block-group.has-background),
.entry-content > .alignfull:not(.wp-block-group.has-background) {
margin-bottom: 6rem;
margin-top: 6rem;
}
.entry-content > .alignwide {
max-width: calc(100vw - 8rem);
width: calc(100vw - 8rem);
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 4rem;
}
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 4rem;
}
.entry-content > .alignwide:first-child,
.entry-content > .alignfull:first-child {
margin-bottom: 8rem;
}
/* ENTRY MEDIA */
.alignfull > figcaption,
.alignfull > .wp-caption-text {
width: calc(100% - 8rem);
}
/* Comments ------------------------------ */
.comments-wrapper {
margin-top: 8rem;
}
.comment-reply-title {
margin-bottom: 4.6rem;
}
.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
font-size: 1.8rem;
letter-spacing: -0.025em;
margin: -2.5rem 0 4.4rem 0;
}
.comments .comment,
.comments .pingback,
.comments .trackback,
.comments .review {
padding-top: 5rem;
}
div.comment:first-of-type {
margin-top: 5rem;
}
.comment-meta {
margin-bottom: 2rem;
min-height: 6rem;
padding: 0.3rem 7.5rem 0 0;
}
.comment-meta .avatar {
display: block;
height: 6rem;
position: absolute;
right: 0;
top: 0;
width: 6rem;
}
.comment-author {
font-size: 2.4rem;
}
.comment-metadata {
font-size: 1.6rem;
margin-top: 0.8rem;
}
.comment-footer-meta {
margin-top: 2.5rem;
}
.comments-pagination {
margin-top: 8rem;
}
/* PINGBACKS & TRACKBACKS */
.pingback .comment-body {
padding: 0;
}
/* COMMENT RESPOND */
.comment-respond p {
margin-bottom: 2.5rem;
}
.comment-form p.logged-in-as {
margin: -2.5rem 0 4.4rem 0;
}
.comment-respond .comment-form-author,
.comment-respond .comment-form-email {
float: right;
width: calc(50% - 1rem);
}
.comment-respond .comment-form-email {
margin-right: 2rem;
}
.comments .comment-respond {
padding: 5rem 0 0;
}
.comment-reply-title small {
display: inline;
margin: 0 0.5rem 0 0;
}
/* Site Pagination ----------------------- */
.pagination-separator {
margin: 8rem 0;
}
/* Display the full text for Newer and Older Posts. */
.nav-short {
display: inline;
}
.pagination .nav-links {
font-size: 2.4rem;
font-weight: 700;
margin: -2.5rem -4rem 0 0;
}
.nav-links > * {
margin: 2.5rem 4rem 0 0;
}
/* Error 404 ----------------------------- */
.error404 #site-content {
padding-top: 8rem;
}
/* Widgets ------------------------------- */
.widget .widget-title {
margin-bottom: 3rem;
}
/* Site Footer --------------------------- */
.footer-top-visible .footer-nav-widgets-wrapper,
.footer-top-hidden #site-footer {
margin-top: 8rem;
}
/* FOOTER TOP */
.footer-top {
padding: 3.7rem 0;
}
.footer-menu {
font-size: 2.4rem;
margin: -0.8rem -1.6rem 0 0;
}
.footer-menu li {
margin: 0.8rem 1.6rem 0 0;
}
.has-footer-menu .footer-social-wrapper {
flex: 1;
margin-right: 4rem;
width: auto;
}
/* FOOTER WIDGETS */
.footer-widgets-outer-wrapper {
padding: 8rem 0;
}
.footer-widgets-wrapper {
display: flex;
justify-content: space-between;
margin-right: -4rem;
width: calc(100% + 4rem);
}
.footer-widgets {
margin-right: 4rem;
width: 50%;
}
.footer-widgets + .footer-widgets {
margin-top: 0;
}
.footer-widgets .widget {
border-top: none;
margin-top: 5rem;
padding-top: 0;
}
.footer-widgets .widget:first-child {
margin-top: 0;
}
/* FOOTER BOTTOM */
#site-footer {
font-size: 1.8rem;
padding: 4.3rem 0;
}
.footer-credits {
display: flex;
flex-wrap: wrap;
}
.footer-copyright {
font-weight: 700;
}
.privacy-policy {
margin: 0 2.4rem 0 0;
}
.to-the-top-long {
display: inline;
}
.to-the-top-short {
display: none;
}
}
@media (min-width: 782px) {
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-column {
margin-bottom: 0;
}
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -2.8rem;
}
}
@media ( min-width: 1000px ) {
/* Document Setup ------------------------ */
/* Helper Classes ------------------------ */
/* Site Header --------------------------- */
#site-header {
z-index: 2;
}
.header-inner {
align-items: center;
display: flex;
justify-content: space-between;
padding: 2.8rem 0;
}
.header-titles-wrapper {
margin-left: 4rem;
max-width: 50%;
padding: 0;
text-align: right;
}
.header-titles {
align-items: baseline;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: -1rem -2.4rem 0 0;
}
.header-titles .site-title,
.header-titles .site-logo,
.header-titles .site-description {
margin: 1rem 2.4rem 0 0;
}
.wp-custom-logo .header-titles {
align-items: center;
}
/* HEADER NAVIGATION */
.header-navigation-wrapper {
align-items: center;
display: flex;
}
.primary-menu-wrapper {
display: block;
width: 100%;
}
/* HEADER TOGGLES */
.mobile-search-toggle,
.mobile-nav-toggle {
display: none !important;
}
.primary-menu-wrapper + .header-toggles {
margin-right: 3rem;
}
.header-toggles {
display: flex;
flex-shrink: 0;
margin-left: -3rem;
}
.header-inner .toggle {
height: 4.4rem;
padding: 0 3rem;
position: relative;
bottom: auto;
right: auto;
left: auto;
top: auto;
width: auto;
}
.header-inner .toggle-wrapper {
position: relative;
}
.header-inner .toggle-wrapper::before {
background: #dedfdf;
content: "";
display: block;
height: 2.7rem;
position: absolute;
right: 0;
top: calc(50% - 1.35rem);
width: 0.1rem;
}
.header-inner .toggle-wrapper:first-child::before {
content: none;
}
.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
content: "";
}
.nav-toggle-wrapper:not(.has-expanded-menu) {
display: none;
}
.toggle-inner {
position: static;
}
.toggle-inner .toggle-text {
right: 0;
left: 0;
text-align: center;
top: calc(100% - 0.3rem);
width: auto;
}
.header-toggles:only-child .nav-toggle .toggle-inner {
padding-top: 0;
}
.header-toggles:only-child .toggle-inner {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.header-toggles:only-child .toggle-inner .svg-icon {
order: 1;
}
.header-toggles:only-child .toggle-inner .toggle-text {
position: static;
padding-left: 20px;
font-size: 15px;
color: inherit;
}
/* Menu Modal ---------------------------- */
.menu-modal {
opacity: 1;
justify-content: flex-end;
padding: 0;
transition: background-color 0.3s ease-in, right 0s 0.3s, left 0s 0.3s;
}
.menu-modal.cover-modal {
background: rgba(0, 0, 0, 0);
}
.menu-modal.active {
background: rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease-out;
}
.menu-wrapper.section-inner {
width: calc(100% - 8rem);
}
.menu-modal-inner {
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
opacity: 0;
padding: 0;
transform: translateX(-20rem);
transition: transform 0.2s ease-in, opacity 0.2s ease-in;
width: 50rem;
}
.menu-modal.active .menu-modal-inner {
opacity: 1;
transform: translateX(0);
transition-timing-function: ease-out;
}
.mobile-menu {
display: none;
}
.expanded-menu {
display: block;
}
.menu-bottom {
padding: 6rem 0;
}
.menu-bottom .social-menu {
justify-content: flex-start;
}
/* Sub Page ------------------------------ */
/* FEATURED MEDIA */
.featured-media figcaption {
width: 100%;
}
/* Template: Full Width ------------------ */
.template-full-width .wp-block-image .alignleft {
margin-right: 2rem;
}
.template-full-width .wp-block-image .alignright {
margin-left: 2rem;
}
/* Post: Archive ------------------------- */
/* Post: Single -------------------------- */
.singular .intro-text {
font-size: 2.8rem;
}
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-columns.alignwide + .wp-block-columns.alignwide,
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -4.8rem;
}
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignwide,
figure.wp-block-gallery.alignfull {
margin-bottom: 8rem;
margin-top: 8rem;
}
/* BLOCK: GROUP */
.entry-content > .wp-block-group.alignwide.has-background,
.entry-content > .wp-block-group.alignfull.has-background {
padding: 8rem 4rem;
margin-bottom: 0;
margin-top: 0;
}
/* BLOCK: IMAGE */
.wp-block-image .alignleft {
margin-right: 0;
}
.wp-block-image .alignright {
margin-left: 0;
}
.wp-block-image .aligncenter figcaption {
text-align: center;
}
/* BLOCK: SEPARATOR */
hr.wp-block-separator {
margin: 8rem auto;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
position: absolute;
right: calc((100vw - 58rem) / 2 + 58rem + 2rem);
max-width: calc((100% - 58rem) / 2 - 6rem);
}
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
position: relative;
right: inherit;
max-width: inherit;
}
[class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
position: absolute;
right: calc((100% - 58rem) / 2 + 58rem + 4rem);
max-width: calc((100% - 58rem) / 2 - 4rem);
}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
right: calc((100% - 58rem) / 2 + 58rem);
}
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 4rem;
}
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright,
[class*="__inner-container"] > .alignright {
position: absolute;
left: calc((100vw - 58rem) / 2 + 58rem + 2rem);
max-width: calc((100% - 58rem) / 2 - 6rem);
}
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
[class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
position: relative;
left: inherit;
max-width: inherit;
}
[class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
position: absolute;
left: calc((100% - 58rem) / 2 + 58rem + 4rem);
max-width: calc((100% - 58rem) / 2 - 4rem);
}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
left: calc((100% - 58rem) / 2 + 58rem + 4rem);
}
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 4rem;
}
.entry-content > .alignwide:not(.wp-block-group.has-background),
.entry-content > .alignfull:not(.wp-block-group.has-background) {
margin-bottom: 8rem;
margin-top: 8rem;
}
/* ENTRY MEDIA */
.alignfull > figcaption,
.alignfull > .wp-caption-text {
width: calc(100% - 10rem);
}
/* Comments ------------------------------ */
.comment-meta {
padding-right: 0;
}
.comment-meta .avatar {
right: -8rem;
}
/* Site Pagination ----------------------- */
.pagination .nav-links {
justify-content: space-between;
margin: 0;
width: 100%;
}
.nav-links > * {
margin: 0 2rem;
}
.pagination .next,
.pagination .prev {
display: block;
}
.pagination .prev {
margin: 0 0 0 auto;
}
.pagination .next {
text-align: left;
margin: 0 auto 0 0;
}
/* Site Footer --------------------------- */
/* FOOTER TOP */
.footer-top {
align-items: center;
}
.footer-menu {
align-items: baseline;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
font-size: 2.1rem;
margin: -1.2rem -2.4rem 0 0;
}
.footer-menu li {
margin: 1.2rem 2.4rem 0 0;
}
.powered-by-wordpress {
display: block;
}
}
@media ( min-width: 1220px ) {
/* Element Base -------------------------- */
/* TITLES */
h1,
.heading-size-1 {
font-size: 8.4rem;
}
/* Helper Classes ------------------------ */
/* Site Header --------------------------- */
/* PRIMARY MENU */
ul.primary-menu {
margin: -0.8rem -2.5rem 0 0;
}
.primary-menu > li {
margin: 0.8rem 2.5rem 0 0;
}
/* HEADER TOGGLES */
.primary-menu-wrapper + .header-toggles {
margin-right: 4rem;
}
.header-toggles {
margin-left: -4rem;
}
.header-toggles .toggle {
padding: 0 4rem;
}
/* Menu Modal ---------------------------- */
/* Search Modal -------------------------- */
/* Sub Page ------------------------------ */
/* Template: Cover Template -------------- */
.cover-header + .post-inner {
padding-top: 10rem;
}
/* Post: Archive ------------------------- */
/* Post: Single -------------------------- */
.singular .intro-text {
font-size: 3.2rem;
letter-spacing: -0.03125em;
line-height: 1.375;
}
/* Blocks -------------------------------- */
/* BLOCK: COLUMNS */
.wp-block-columns.alignfull + .wp-block-columns.alignfull {
margin-top: -6rem;
}
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignfull {
margin-bottom: 10rem;
margin-top: 10rem;
}
/* BLOCK: GROUP */
.entry-content > .wp-block-group.alignwide.has-background,
.entry-content > .wp-block-group.alignfull.has-background {
padding: 8rem 6rem;
margin-bottom: 0;
margin-top: 0;
}
/* BLOCK: PULLQUOTE */
.wp-block-pullquote.alignwide blockquote p,
.wp-block-pullquote.alignfull blockquote p {
font-size: 6.4rem;
}
.wp-block-pullquote.is-style-solid-color.alignwide,
.wp-block-pullquote.is-style-solid-color.alignfull {
padding: 9rem 4rem 8rem;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.entry-content > .alignfull {
margin-bottom: 10rem;
margin-top: 10rem;
}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
right: calc((100% - 58rem) / 2 + 58rem - 2rem);
}
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
left: calc((100% - 58rem) / 2 + 58rem + 6rem);
}
/* Comments ------------------------------ */
.comment-reply-title {
font-size: 5.6rem;
line-height: 1.2;
margin-bottom: 6rem;
}
.comment-respond p.comment-notes,
.comment-respond p.logged-in-as {
margin: -4rem 0 6rem 0;
}
.comments .comment-respond .comment-reply-title {
font-size: 4.8rem;
}
.comments .comment-respond p.comment-notes,
.comments .comment-respond p.logged-in-as {
margin: -4.5rem 0 4rem 0;
}
/* Site Pagination ----------------------- */
/* Widgets ------------------------------- */
.widget-content {
font-size: 2.1rem;
}
/* Site Footer --------------------------- */
.footer-menu {
font-size: 2.4rem;
margin: -1.5rem -3rem 0 0;
}
.footer-menu li {
margin: 1.5rem 3rem 0 0;
}
ul.footer-social {
margin: -1rem -1rem 0 0;
}
ul.footer-social li {
margin: 1rem 1rem 0 0;
}
.footer-social a {
height: 4.4rem;
width: 4.4rem;
}
.footer-social a::before {
font-size: 2rem;
}
/* FOOTER WIDGETS */
.footer-widgets-wrapper {
margin-right: -6rem;
width: calc(100% + 6rem);
}
.footer-widgets {
margin-right: 6rem;
}
}
@media ( min-width: 1240px ) {
/* Blocks -------------------------------- */
body.template-full-width .entry-content > .alignleft {
margin-left: calc(( 100vw - 120rem ) / 2);
}
body.template-full-width .entry-content > .alignright {
margin-right: calc(( 100vw - 120rem ) / 2);
}
}
@media ( min-width: 1280px ) {
/* Blocks -------------------------------- */
/* BLOCK: GALLERY */
figure.wp-block-gallery.alignleft {
margin-left: -31rem;
}
figure.wp-block-gallery.alignright {
margin-right: -31rem;
}
/* BLOCK: SEPARATOR */
.wp-block-separator.is-style-wide {
max-width: 120rem;
width: 120rem;
}
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft {
right: calc((100vw - 58rem) / 2 + 58rem + 4rem);
margin-left: -31rem;
}
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright {
left: calc((100vw - 58rem) / 2 + 58rem + 4rem);
margin-right: -31rem;
}
.entry-content > .alignwide {
max-width: 120rem;
width: 120rem;
}
[class*="__inner-container"] > .alignwide {
max-width: 120rem;
width: 100%;
}
.alignleft,
.alignright,
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft,
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
max-width: 25rem;
}
/* Template: Full Width ------------------ */
body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
padding-right: 0;
padding-left: 0;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
margin-left: 0;
}
body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
margin-right: 0;
}
}
@media ( min-width: 1330px ) {
/* Entry Content ------------------------- */
/* ALIGNMENT CLASSES */
.alignleft,
.alignright,
.entry-content > .alignleft,
.entry-content > p .alignleft,
.entry-content > .wp-block-image .alignleft,
.entry-content > .alignright,
.entry-content > p .alignright,
.entry-content > .wp-block-image .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
[class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
max-width: 29rem;
}
/* Blocks -------------------------------- */
/* BLOCK: PULLQUOTE */
.wp-block-pullquote.is-style-solid-color.alignleft::before,
.wp-block-pullquote.is-style-solid-color.alignright::before {
top: 0;
}
}
home/eliteafr/www/inc/search_template_1775659388/style-rtl.css 0000666 00000071060 15216561266 0017711 0 ustar 00 /*!
Theme Name: PopularFX
Theme URI: https://popularfx.com
Author: Pagelayer
Author URI: https://pagelayer.com
Description: Lightweight theme to make beautiful websites with Pagelayer. Includes 100s of pre-made templates to design your dream website !
Version: 1.2.6
License: LGPL v2.1
License URI: LICENSE
Text Domain: popularfx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, microformats, post-formats, theme-options, blog, rtl-language-support
Tested up to: 6.0
Requires PHP: 5.5
This theme is licensed under the LGPL v2.1.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background-color:#f5f5f5;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 3em 1.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-right: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #4169e1;
text-decoration: none;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active{
color:#2196f3;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header{
background-color:#ffffff;
border-bottom: 1px solid #eaeaea;
position:relative;
margin-right: auto;
margin-left: auto;
padding: 0% 4%;
width: 100%;
}
.site-branding{
display:inline-block;
padding:10px;
width: 30%;
}
.site-title{
font-size:30px;
font-weight:500;
color:#212121;
margin:0px;
}
.site-title a{
font-weight:500;
color:#212121;
text-decoration:none;
text-transform:capitalize;
}
.site-description{
margin: 1px;
}
.main-navigation {
margin: 15px 0px;
padding: 0;
display:inline-block;
width: 68%;
vertical-align: top;
text-align: left;
}
.main-navigation .menu-item-has-children > ul{
position: absolute;
border: 1px solid #dfdfdf;
position: absolute;
top: -1000px;
}
.main-navigation ul {
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation li {
display: inline-block;
position: relative;
text-align: right;
}
.main-navigation li.focus > ul, .main-navigation li:hover > ul {
top: auto;
right: auto;
}
.main-navigation li li {
display: block;
}
.main-navigation li li.focus > ul, .main-navigation li li:hover > ul {
right: 100%;
top: 0;
}
.main-navigation a {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
}
.main-navigation a:hover,
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
color: #0072b7;
}
.main-navigation .menu-item-has-children > a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 2px;
border-top-color: transparent;
border-right-color: currentColor;
}
.main-navigation .menu-item-has-children .sub-menu{
background: #fff;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
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: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget-area{
display:inline-block;
background-color:#ffffff;
padding:25px;
margin-top:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.widget-title{
font-size:20px;
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget ul,
.widget ol{
margin-right:0px;
}
.widget li a{
text-decoration:none;
color:#212121;
font-size:14px;
line-height:1.8;
}
.widget li a:hover{
color:#2196f3;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
border-spacing:0;
}
.widget_calendar td {
border-left: none;
border-right: none;
}
.widget_calendar .widget-title{
text-transform:capitalize;
}
.widget_calendar .wp-calendar-table caption{
margin:10px 0px;
}
.widget_calendar .wp-calendar-table tr td{
text-decoration:none;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table tr th{
text-decoration:none;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table td a{
text-decoration:none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.site-main{
height: auto;
vertical-align: top;
margin:0px auto;
width:100%;
}
.article{
background-color:#ffffff;
padding:25px;
margin:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.article .cat-links,
.article .comments-link,
.article .edit-link,
.article .tags-links{
margin:0px 10px 0px 0px;
text-decoration:underline;
}
.article .post-thumbnail img{
margin-top:20px;
}
.nav-links{
margin:0px 30px;
}
.nav-links a{
text-decoration:none;
}
.entry-title{
margin:5px 0px;
font-weight:500;
}
.entry-title a{
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active{
color:#2196f3;
}
.entry-content{
font-size:16px;
line-height:1.8;
margin-top:0px;
}
.site{
background-color: transparent;
}
.site-footer{
background-color:#171717;
padding:40px 0px;
text-align:center;
margin-top:60px;
color:#ffffff;
clear: both;
}
.site-info a{
color:#ffffff;
text-decoration:none;
}
.site-info a:hover{
color:#2196f3;
text-decoration:none;
}
.wp-block-quote{
margin: 10px 40px 10px 10px;
padding: 15px 20px 15px 15px;
border-right: 5px solid #e0e0e0;
font-style:italic;
}
.error-404{
background-color:#ffffff;
padding:25px;
margin:40px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
text-align:center;
}
.error-code{
font-size:150px;
margin:0px;
font-weight:500;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:33%;
display:inline-block;
vertical-align:top;
margin-top:5%;
}
.error-404 .widget_recent_entries ul,
.error-404 .widget_categories ul{
list-style-type:none;
padding-right:0px;
}
.widget_recent_entries .widgettitle,
.widget_categories .widgettitle,
.widget_archive .widgettitle{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget_archive select{
max-width: 100%;
width: 200px;
border-radius: 4px;
padding: 5px 10px;
height: 40px;
}
.error-404 .search-field{
display: block;
margin: 0 auto;
width: 350px;
padding: 10px;
border-radius: 4px;
}
.error-404 .search-submit{
font-size:16px;
padding: 10px 25px;
margin-top: 10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 0 7.6923% 3.5em;
background-color:#ffffff;
padding:20px 40px;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 500;
line-height: 1.3125;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #212121;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-right: 0.875em;
}
.comment-author {
color: #1a1a1a;
}
.vcard .fn a{
color:#171717;
text-transform:capitalize;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.comment-author .avatar {
float: right;
height: 40px;
margin-left: 0.875em;
position: relative;
width: 40px;
}
.comment-metadata {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 10px;
display:inline-block;
}
.comment-metadata a {
text-decoration:underline;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
}
.comment-metadata .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content{
font-size:16px;
font-weight:100;
line-height:1.8;
}
.comment-content ul,
.comment-content ol {
margin: 0 1.25em 1.5em 0;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border-radius: 2px;
color: #ffffff;
background-color:#2196f3;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
padding: 10px 20px;
text-decoration:underline;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #ffffff;
outline: 0;
}
.comment-form {
/*padding-top: 1.75em;*/
}
.comment-form label {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
height: 40px;
font-size: 14px;
overflow: hidden;
width: 90px;
margin-right: 10px;
text-decoration:none;
font-weight:400;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
}
.comment-form-comment textarea{
background-color:#f5f5f5;
}
.bypostauthor{
display: block;
}
.says{
display:none;
}
.form-submit .submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
border:none;
}
input.search-field{
border: 1px solid #eaeaea;
width: auto;
font-size: 16px;
padding: 8px;
}
input.search-submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
vertical-align: middle;
border:none;
margin-top:5px;
cursor: pointer;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
float:right;
margin-left: 14px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Woocoomerce
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{
list-style-type:none;
margin:0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 10px 20px;
border-bottom: 1px solid #616161;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color:#000000;
text-decoration:none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
background-color:#2196f3;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
color:#ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px;
}
.woocommerce form .form-row input.input-text{
padding:15px;
height:40px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
color: #ffffff;
background-color: #2196f3;
font-weight:500;
font-family:inherit;
padding:10px 20px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #ffffff;
background-color: #1976d2;
}
.woocommerce-Address-title h3{
font-weight:600;
text-transform:Capitalize;
}
.woocommerce-account .addresses .title .edit{
text-decoration:none;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width:768px){
.site-header{
padding:0px;
}
.site-branding{
width: 75%;
}
.menu-toggle{
display:inline-block;
float:left;
position: relative;
top: 25px;
left:20px;
}
.main-navigation{
float:none;
display:block;
background-color:#fafafa;
padding: 0px;
width: 100%;
}
.main-navigation ul{
display:block;
}
.main-navigation li{
display: block;
}
.main-navigation .menu-item-has-children:active > ul,
.main-navigation .menu-item-has-children:hover > ul,
.main-navigation .menu-item-has-children.focus > ul{
position: relative !important;
display: block;
margin-right: 20px;
border-right: 0px;
right: unset;
}
.main-navigation .menu-item-has-children .sub-menu{
background-color: initial;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 0px;
top: 0px;
transform: unset;
content: "\25B6";
border-top-color: transparent;
border-right-color: currentColor;
width: 60px;
padding-right: 20px;
display: block;
height: 100%;
padding-top: 15px;
border: unset;
pointer-events: none;
z-index: 10000;
}
.hidden-mobile{
display:none !important;
}
.menu .page_item a,
.menu .menu-item a{
font-size:18px;
padding: 15px 20px;
border-bottom: 1px solid #eaeaea;
}
.site-main{
width:100% !important;
padding-right: 10px;
padding-left: 10px;
}
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:50%;
float:none;
margin:30px;
display:block;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.woocommerce-MyAccount-navigation ul{
padding-right:0px;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px 0px 0px;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:100%;
display:inline-block;
vertical-align:top;
}
}
@media all and (max-width:599px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:auto !important;
float:none;
margin:15px;
display:block;
}
.article{
margin: 30px 15px 15px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.comment-reply-title small a{
display:block;
margin-top:5px;
margin-right:0px;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.error-404{
margin:20px;
}
.error-code{
font-size:100px;
}
.error-404 .search-field{
width:100%;
}
}
home/eliteafr/www/wp-content/themes/twentynineteen/style-rtl.css 0000666 00000673170 15216561421 0021254 0 ustar 00 @charset "UTF-8";
/*
Theme Name: Twenty Nineteen
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tested up to: 6.0
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
## Headings
## Copy
# Elements
## Lists
## Tables
# Forms
## Buttons
## Fields
# Navigation
## Links
## Menus
## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
## Archives
## Posts and pages
## Comments
# Blocks
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*
* Chrome renders extra-wide characters for the Hoefler Text font.
* This results in a jumping cursor when typing in both the Classic and block
* editors. The following font-face override fixes the issue by manually inserting
* a custom font that includes just a Hoefler Text space replacement for that
* character instead.
*/
@font-face {
font-family: 'NonBreakingSpaceOverride';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/* Ensure all font family declarations come with non-latin fallbacks */
/* Build our non-latin font styles */
body:lang(ar), button:lang(ar),
input:lang(ar),
select:lang(ar),
optgroup:lang(ar),
textarea:lang(ar), .author-description .author-link:lang(ar),
.comment-metadata:lang(ar),
.comment-reply-link:lang(ar),
.comments-title:lang(ar),
.comment-author .fn:lang(ar),
.discussion-meta-info:lang(ar),
.entry-meta:lang(ar),
.entry-footer:lang(ar),
.main-navigation:lang(ar),
.no-comments:lang(ar),
.not-found .page-title:lang(ar),
.error-404 .page-title:lang(ar),
.post-navigation .post-title:lang(ar),
.page-links:lang(ar),
.page-description:lang(ar),
.pagination .nav-links:lang(ar),
.sticky-post:lang(ar),
.site-title:lang(ar),
.site-info:lang(ar),
#cancel-comment-reply-link:lang(ar),
h1:lang(ar),
h2:lang(ar),
h3:lang(ar),
h4:lang(ar),
h5:lang(ar),
h6:lang(ar), .page-title:lang(ar), blockquote cite:lang(ar), table:lang(ar), .button:lang(ar),
input:lang(ar)[type="button"],
input:lang(ar)[type="reset"],
input:lang(ar)[type="submit"], .comment-navigation .nav-previous:lang(ar),
.comment-navigation .nav-next:lang(ar), .comment-list .pingback .comment-body:lang(ar),
.comment-list .trackback .comment-body:lang(ar), .comment-list .pingback .comment-body .comment-edit-link:lang(ar),
.comment-list .trackback .comment-body .comment-edit-link:lang(ar), .comment-form .comment-notes:lang(ar),
.comment-form label:lang(ar), .widget_archive ul li:lang(ar),
.widget_categories ul li:lang(ar),
.widget_meta ul li:lang(ar),
.widget_nav_menu ul li:lang(ar),
.widget_pages ul li:lang(ar),
.widget_recent_comments ul li:lang(ar),
.widget_recent_entries ul li:lang(ar),
.widget_rss ul li:lang(ar), .widget_tag_cloud .tagcloud:lang(ar), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(ar), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ar), .entry .entry-content .wp-block-archives li > a:lang(ar),
.entry .entry-content .wp-block-categories li > a:lang(ar),
.entry .entry-content .wp-block-latest-posts li > a:lang(ar), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(ar), .entry .entry-content .wp-block-verse:lang(ar), .entry .entry-content .has-drop-cap:lang(ar):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ar), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ar),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ar),
.entry .entry-content .wp-block-cover-image h2:lang(ar),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ar),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ar),
.entry .entry-content .wp-block-cover h2:lang(ar), .entry .entry-content .wp-block-audio figcaption:lang(ar),
.entry .entry-content .wp-block-video figcaption:lang(ar),
.entry .entry-content .wp-block-image figcaption:lang(ar),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ar),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ar), .entry .entry-content .wp-block-file:lang(ar), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ar), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ar), .wp-caption-text:lang(ar), .gallery-caption:lang(ar) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(ary), button:lang(ary),
input:lang(ary),
select:lang(ary),
optgroup:lang(ary),
textarea:lang(ary), .author-description .author-link:lang(ary),
.comment-metadata:lang(ary),
.comment-reply-link:lang(ary),
.comments-title:lang(ary),
.comment-author .fn:lang(ary),
.discussion-meta-info:lang(ary),
.entry-meta:lang(ary),
.entry-footer:lang(ary),
.main-navigation:lang(ary),
.no-comments:lang(ary),
.not-found .page-title:lang(ary),
.error-404 .page-title:lang(ary),
.post-navigation .post-title:lang(ary),
.page-links:lang(ary),
.page-description:lang(ary),
.pagination .nav-links:lang(ary),
.sticky-post:lang(ary),
.site-title:lang(ary),
.site-info:lang(ary),
#cancel-comment-reply-link:lang(ary),
h1:lang(ary),
h2:lang(ary),
h3:lang(ary),
h4:lang(ary),
h5:lang(ary),
h6:lang(ary), .page-title:lang(ary), blockquote cite:lang(ary), table:lang(ary), .button:lang(ary),
input:lang(ary)[type="button"],
input:lang(ary)[type="reset"],
input:lang(ary)[type="submit"], .comment-navigation .nav-previous:lang(ary),
.comment-navigation .nav-next:lang(ary), .comment-list .pingback .comment-body:lang(ary),
.comment-list .trackback .comment-body:lang(ary), .comment-list .pingback .comment-body .comment-edit-link:lang(ary),
.comment-list .trackback .comment-body .comment-edit-link:lang(ary), .comment-form .comment-notes:lang(ary),
.comment-form label:lang(ary), .widget_archive ul li:lang(ary),
.widget_categories ul li:lang(ary),
.widget_meta ul li:lang(ary),
.widget_nav_menu ul li:lang(ary),
.widget_pages ul li:lang(ary),
.widget_recent_comments ul li:lang(ary),
.widget_recent_entries ul li:lang(ary),
.widget_rss ul li:lang(ary), .widget_tag_cloud .tagcloud:lang(ary), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(ary), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ary), .entry .entry-content .wp-block-archives li > a:lang(ary),
.entry .entry-content .wp-block-categories li > a:lang(ary),
.entry .entry-content .wp-block-latest-posts li > a:lang(ary), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(ary), .entry .entry-content .wp-block-verse:lang(ary), .entry .entry-content .has-drop-cap:lang(ary):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ary), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ary),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ary),
.entry .entry-content .wp-block-cover-image h2:lang(ary),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ary),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ary),
.entry .entry-content .wp-block-cover h2:lang(ary), .entry .entry-content .wp-block-audio figcaption:lang(ary),
.entry .entry-content .wp-block-video figcaption:lang(ary),
.entry .entry-content .wp-block-image figcaption:lang(ary),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ary),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ary), .entry .entry-content .wp-block-file:lang(ary), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ary), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ary), .wp-caption-text:lang(ary), .gallery-caption:lang(ary) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(azb), button:lang(azb),
input:lang(azb),
select:lang(azb),
optgroup:lang(azb),
textarea:lang(azb), .author-description .author-link:lang(azb),
.comment-metadata:lang(azb),
.comment-reply-link:lang(azb),
.comments-title:lang(azb),
.comment-author .fn:lang(azb),
.discussion-meta-info:lang(azb),
.entry-meta:lang(azb),
.entry-footer:lang(azb),
.main-navigation:lang(azb),
.no-comments:lang(azb),
.not-found .page-title:lang(azb),
.error-404 .page-title:lang(azb),
.post-navigation .post-title:lang(azb),
.page-links:lang(azb),
.page-description:lang(azb),
.pagination .nav-links:lang(azb),
.sticky-post:lang(azb),
.site-title:lang(azb),
.site-info:lang(azb),
#cancel-comment-reply-link:lang(azb),
h1:lang(azb),
h2:lang(azb),
h3:lang(azb),
h4:lang(azb),
h5:lang(azb),
h6:lang(azb), .page-title:lang(azb), blockquote cite:lang(azb), table:lang(azb), .button:lang(azb),
input:lang(azb)[type="button"],
input:lang(azb)[type="reset"],
input:lang(azb)[type="submit"], .comment-navigation .nav-previous:lang(azb),
.comment-navigation .nav-next:lang(azb), .comment-list .pingback .comment-body:lang(azb),
.comment-list .trackback .comment-body:lang(azb), .comment-list .pingback .comment-body .comment-edit-link:lang(azb),
.comment-list .trackback .comment-body .comment-edit-link:lang(azb), .comment-form .comment-notes:lang(azb),
.comment-form label:lang(azb), .widget_archive ul li:lang(azb),
.widget_categories ul li:lang(azb),
.widget_meta ul li:lang(azb),
.widget_nav_menu ul li:lang(azb),
.widget_pages ul li:lang(azb),
.widget_recent_comments ul li:lang(azb),
.widget_recent_entries ul li:lang(azb),
.widget_rss ul li:lang(azb), .widget_tag_cloud .tagcloud:lang(azb), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(azb), .entry .entry-content .wp-block-button .wp-block-button__link:lang(azb), .entry .entry-content .wp-block-archives li > a:lang(azb),
.entry .entry-content .wp-block-categories li > a:lang(azb),
.entry .entry-content .wp-block-latest-posts li > a:lang(azb), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(azb), .entry .entry-content .wp-block-verse:lang(azb), .entry .entry-content .has-drop-cap:lang(azb):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(azb), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(azb),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(azb),
.entry .entry-content .wp-block-cover-image h2:lang(azb),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(azb),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(azb),
.entry .entry-content .wp-block-cover h2:lang(azb), .entry .entry-content .wp-block-audio figcaption:lang(azb),
.entry .entry-content .wp-block-video figcaption:lang(azb),
.entry .entry-content .wp-block-image figcaption:lang(azb),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(azb),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(azb), .entry .entry-content .wp-block-file:lang(azb), .entry .entry-content .wp-block-file .wp-block-file__button:lang(azb), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(azb), .wp-caption-text:lang(azb), .gallery-caption:lang(azb) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(ckb), button:lang(ckb),
input:lang(ckb),
select:lang(ckb),
optgroup:lang(ckb),
textarea:lang(ckb), .author-description .author-link:lang(ckb),
.comment-metadata:lang(ckb),
.comment-reply-link:lang(ckb),
.comments-title:lang(ckb),
.comment-author .fn:lang(ckb),
.discussion-meta-info:lang(ckb),
.entry-meta:lang(ckb),
.entry-footer:lang(ckb),
.main-navigation:lang(ckb),
.no-comments:lang(ckb),
.not-found .page-title:lang(ckb),
.error-404 .page-title:lang(ckb),
.post-navigation .post-title:lang(ckb),
.page-links:lang(ckb),
.page-description:lang(ckb),
.pagination .nav-links:lang(ckb),
.sticky-post:lang(ckb),
.site-title:lang(ckb),
.site-info:lang(ckb),
#cancel-comment-reply-link:lang(ckb),
h1:lang(ckb),
h2:lang(ckb),
h3:lang(ckb),
h4:lang(ckb),
h5:lang(ckb),
h6:lang(ckb), .page-title:lang(ckb), blockquote cite:lang(ckb), table:lang(ckb), .button:lang(ckb),
input:lang(ckb)[type="button"],
input:lang(ckb)[type="reset"],
input:lang(ckb)[type="submit"], .comment-navigation .nav-previous:lang(ckb),
.comment-navigation .nav-next:lang(ckb), .comment-list .pingback .comment-body:lang(ckb),
.comment-list .trackback .comment-body:lang(ckb), .comment-list .pingback .comment-body .comment-edit-link:lang(ckb),
.comment-list .trackback .comment-body .comment-edit-link:lang(ckb), .comment-form .comment-notes:lang(ckb),
.comment-form label:lang(ckb), .widget_archive ul li:lang(ckb),
.widget_categories ul li:lang(ckb),
.widget_meta ul li:lang(ckb),
.widget_nav_menu ul li:lang(ckb),
.widget_pages ul li:lang(ckb),
.widget_recent_comments ul li:lang(ckb),
.widget_recent_entries ul li:lang(ckb),
.widget_rss ul li:lang(ckb), .widget_tag_cloud .tagcloud:lang(ckb), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(ckb), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ckb), .entry .entry-content .wp-block-archives li > a:lang(ckb),
.entry .entry-content .wp-block-categories li > a:lang(ckb),
.entry .entry-content .wp-block-latest-posts li > a:lang(ckb), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(ckb), .entry .entry-content .wp-block-verse:lang(ckb), .entry .entry-content .has-drop-cap:lang(ckb):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ckb), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ckb),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ckb),
.entry .entry-content .wp-block-cover-image h2:lang(ckb),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ckb),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ckb),
.entry .entry-content .wp-block-cover h2:lang(ckb), .entry .entry-content .wp-block-audio figcaption:lang(ckb),
.entry .entry-content .wp-block-video figcaption:lang(ckb),
.entry .entry-content .wp-block-image figcaption:lang(ckb),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ckb),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ckb), .entry .entry-content .wp-block-file:lang(ckb), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ckb), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ckb), .wp-caption-text:lang(ckb), .gallery-caption:lang(ckb) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(fa-IR), button:lang(fa-IR),
input:lang(fa-IR),
select:lang(fa-IR),
optgroup:lang(fa-IR),
textarea:lang(fa-IR), .author-description .author-link:lang(fa-IR),
.comment-metadata:lang(fa-IR),
.comment-reply-link:lang(fa-IR),
.comments-title:lang(fa-IR),
.comment-author .fn:lang(fa-IR),
.discussion-meta-info:lang(fa-IR),
.entry-meta:lang(fa-IR),
.entry-footer:lang(fa-IR),
.main-navigation:lang(fa-IR),
.no-comments:lang(fa-IR),
.not-found .page-title:lang(fa-IR),
.error-404 .page-title:lang(fa-IR),
.post-navigation .post-title:lang(fa-IR),
.page-links:lang(fa-IR),
.page-description:lang(fa-IR),
.pagination .nav-links:lang(fa-IR),
.sticky-post:lang(fa-IR),
.site-title:lang(fa-IR),
.site-info:lang(fa-IR),
#cancel-comment-reply-link:lang(fa-IR),
h1:lang(fa-IR),
h2:lang(fa-IR),
h3:lang(fa-IR),
h4:lang(fa-IR),
h5:lang(fa-IR),
h6:lang(fa-IR), .page-title:lang(fa-IR), blockquote cite:lang(fa-IR), table:lang(fa-IR), .button:lang(fa-IR),
input:lang(fa-IR)[type="button"],
input:lang(fa-IR)[type="reset"],
input:lang(fa-IR)[type="submit"], .comment-navigation .nav-previous:lang(fa-IR),
.comment-navigation .nav-next:lang(fa-IR), .comment-list .pingback .comment-body:lang(fa-IR),
.comment-list .trackback .comment-body:lang(fa-IR), .comment-list .pingback .comment-body .comment-edit-link:lang(fa-IR),
.comment-list .trackback .comment-body .comment-edit-link:lang(fa-IR), .comment-form .comment-notes:lang(fa-IR),
.comment-form label:lang(fa-IR), .widget_archive ul li:lang(fa-IR),
.widget_categories ul li:lang(fa-IR),
.widget_meta ul li:lang(fa-IR),
.widget_nav_menu ul li:lang(fa-IR),
.widget_pages ul li:lang(fa-IR),
.widget_recent_comments ul li:lang(fa-IR),
.widget_recent_entries ul li:lang(fa-IR),
.widget_rss ul li:lang(fa-IR), .widget_tag_cloud .tagcloud:lang(fa-IR), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(fa-IR), .entry .entry-content .wp-block-button .wp-block-button__link:lang(fa-IR), .entry .entry-content .wp-block-archives li > a:lang(fa-IR),
.entry .entry-content .wp-block-categories li > a:lang(fa-IR),
.entry .entry-content .wp-block-latest-posts li > a:lang(fa-IR), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(fa-IR), .entry .entry-content .wp-block-verse:lang(fa-IR), .entry .entry-content .has-drop-cap:lang(fa-IR):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(fa-IR), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(fa-IR),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(fa-IR),
.entry .entry-content .wp-block-cover-image h2:lang(fa-IR),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(fa-IR),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(fa-IR),
.entry .entry-content .wp-block-cover h2:lang(fa-IR), .entry .entry-content .wp-block-audio figcaption:lang(fa-IR),
.entry .entry-content .wp-block-video figcaption:lang(fa-IR),
.entry .entry-content .wp-block-image figcaption:lang(fa-IR),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(fa-IR),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(fa-IR), .entry .entry-content .wp-block-file:lang(fa-IR), .entry .entry-content .wp-block-file .wp-block-file__button:lang(fa-IR), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(fa-IR), .wp-caption-text:lang(fa-IR), .gallery-caption:lang(fa-IR) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(haz), button:lang(haz),
input:lang(haz),
select:lang(haz),
optgroup:lang(haz),
textarea:lang(haz), .author-description .author-link:lang(haz),
.comment-metadata:lang(haz),
.comment-reply-link:lang(haz),
.comments-title:lang(haz),
.comment-author .fn:lang(haz),
.discussion-meta-info:lang(haz),
.entry-meta:lang(haz),
.entry-footer:lang(haz),
.main-navigation:lang(haz),
.no-comments:lang(haz),
.not-found .page-title:lang(haz),
.error-404 .page-title:lang(haz),
.post-navigation .post-title:lang(haz),
.page-links:lang(haz),
.page-description:lang(haz),
.pagination .nav-links:lang(haz),
.sticky-post:lang(haz),
.site-title:lang(haz),
.site-info:lang(haz),
#cancel-comment-reply-link:lang(haz),
h1:lang(haz),
h2:lang(haz),
h3:lang(haz),
h4:lang(haz),
h5:lang(haz),
h6:lang(haz), .page-title:lang(haz), blockquote cite:lang(haz), table:lang(haz), .button:lang(haz),
input:lang(haz)[type="button"],
input:lang(haz)[type="reset"],
input:lang(haz)[type="submit"], .comment-navigation .nav-previous:lang(haz),
.comment-navigation .nav-next:lang(haz), .comment-list .pingback .comment-body:lang(haz),
.comment-list .trackback .comment-body:lang(haz), .comment-list .pingback .comment-body .comment-edit-link:lang(haz),
.comment-list .trackback .comment-body .comment-edit-link:lang(haz), .comment-form .comment-notes:lang(haz),
.comment-form label:lang(haz), .widget_archive ul li:lang(haz),
.widget_categories ul li:lang(haz),
.widget_meta ul li:lang(haz),
.widget_nav_menu ul li:lang(haz),
.widget_pages ul li:lang(haz),
.widget_recent_comments ul li:lang(haz),
.widget_recent_entries ul li:lang(haz),
.widget_rss ul li:lang(haz), .widget_tag_cloud .tagcloud:lang(haz), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(haz), .entry .entry-content .wp-block-button .wp-block-button__link:lang(haz), .entry .entry-content .wp-block-archives li > a:lang(haz),
.entry .entry-content .wp-block-categories li > a:lang(haz),
.entry .entry-content .wp-block-latest-posts li > a:lang(haz), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(haz), .entry .entry-content .wp-block-verse:lang(haz), .entry .entry-content .has-drop-cap:lang(haz):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(haz), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(haz),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(haz),
.entry .entry-content .wp-block-cover-image h2:lang(haz),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(haz),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(haz),
.entry .entry-content .wp-block-cover h2:lang(haz), .entry .entry-content .wp-block-audio figcaption:lang(haz),
.entry .entry-content .wp-block-video figcaption:lang(haz),
.entry .entry-content .wp-block-image figcaption:lang(haz),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(haz),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(haz), .entry .entry-content .wp-block-file:lang(haz), .entry .entry-content .wp-block-file .wp-block-file__button:lang(haz), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(haz), .wp-caption-text:lang(haz), .gallery-caption:lang(haz) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(ps), button:lang(ps),
input:lang(ps),
select:lang(ps),
optgroup:lang(ps),
textarea:lang(ps), .author-description .author-link:lang(ps),
.comment-metadata:lang(ps),
.comment-reply-link:lang(ps),
.comments-title:lang(ps),
.comment-author .fn:lang(ps),
.discussion-meta-info:lang(ps),
.entry-meta:lang(ps),
.entry-footer:lang(ps),
.main-navigation:lang(ps),
.no-comments:lang(ps),
.not-found .page-title:lang(ps),
.error-404 .page-title:lang(ps),
.post-navigation .post-title:lang(ps),
.page-links:lang(ps),
.page-description:lang(ps),
.pagination .nav-links:lang(ps),
.sticky-post:lang(ps),
.site-title:lang(ps),
.site-info:lang(ps),
#cancel-comment-reply-link:lang(ps),
h1:lang(ps),
h2:lang(ps),
h3:lang(ps),
h4:lang(ps),
h5:lang(ps),
h6:lang(ps), .page-title:lang(ps), blockquote cite:lang(ps), table:lang(ps), .button:lang(ps),
input:lang(ps)[type="button"],
input:lang(ps)[type="reset"],
input:lang(ps)[type="submit"], .comment-navigation .nav-previous:lang(ps),
.comment-navigation .nav-next:lang(ps), .comment-list .pingback .comment-body:lang(ps),
.comment-list .trackback .comment-body:lang(ps), .comment-list .pingback .comment-body .comment-edit-link:lang(ps),
.comment-list .trackback .comment-body .comment-edit-link:lang(ps), .comment-form .comment-notes:lang(ps),
.comment-form label:lang(ps), .widget_archive ul li:lang(ps),
.widget_categories ul li:lang(ps),
.widget_meta ul li:lang(ps),
.widget_nav_menu ul li:lang(ps),
.widget_pages ul li:lang(ps),
.widget_recent_comments ul li:lang(ps),
.widget_recent_entries ul li:lang(ps),
.widget_rss ul li:lang(ps), .widget_tag_cloud .tagcloud:lang(ps), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(ps), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ps), .entry .entry-content .wp-block-archives li > a:lang(ps),
.entry .entry-content .wp-block-categories li > a:lang(ps),
.entry .entry-content .wp-block-latest-posts li > a:lang(ps), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(ps), .entry .entry-content .wp-block-verse:lang(ps), .entry .entry-content .has-drop-cap:lang(ps):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ps), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ps),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ps),
.entry .entry-content .wp-block-cover-image h2:lang(ps),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ps),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ps),
.entry .entry-content .wp-block-cover h2:lang(ps), .entry .entry-content .wp-block-audio figcaption:lang(ps),
.entry .entry-content .wp-block-video figcaption:lang(ps),
.entry .entry-content .wp-block-image figcaption:lang(ps),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ps),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ps), .entry .entry-content .wp-block-file:lang(ps), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ps), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ps), .wp-caption-text:lang(ps), .gallery-caption:lang(ps) {
font-family: Tahoma, Arial, sans-serif;
}
body:lang(be), button:lang(be),
input:lang(be),
select:lang(be),
optgroup:lang(be),
textarea:lang(be), .author-description .author-link:lang(be),
.comment-metadata:lang(be),
.comment-reply-link:lang(be),
.comments-title:lang(be),
.comment-author .fn:lang(be),
.discussion-meta-info:lang(be),
.entry-meta:lang(be),
.entry-footer:lang(be),
.main-navigation:lang(be),
.no-comments:lang(be),
.not-found .page-title:lang(be),
.error-404 .page-title:lang(be),
.post-navigation .post-title:lang(be),
.page-links:lang(be),
.page-description:lang(be),
.pagination .nav-links:lang(be),
.sticky-post:lang(be),
.site-title:lang(be),
.site-info:lang(be),
#cancel-comment-reply-link:lang(be),
h1:lang(be),
h2:lang(be),
h3:lang(be),
h4:lang(be),
h5:lang(be),
h6:lang(be), .page-title:lang(be), blockquote cite:lang(be), table:lang(be), .button:lang(be),
input:lang(be)[type="button"],
input:lang(be)[type="reset"],
input:lang(be)[type="submit"], .comment-navigation .nav-previous:lang(be),
.comment-navigation .nav-next:lang(be), .comment-list .pingback .comment-body:lang(be),
.comment-list .trackback .comment-body:lang(be), .comment-list .pingback .comment-body .comment-edit-link:lang(be),
.comment-list .trackback .comment-body .comment-edit-link:lang(be), .comment-form .comment-notes:lang(be),
.comment-form label:lang(be), .widget_archive ul li:lang(be),
.widget_categories ul li:lang(be),
.widget_meta ul li:lang(be),
.widget_nav_menu ul li:lang(be),
.widget_pages ul li:lang(be),
.widget_recent_comments ul li:lang(be),
.widget_recent_entries ul li:lang(be),
.widget_rss ul li:lang(be), .widget_tag_cloud .tagcloud:lang(be), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(be), .entry .entry-content .wp-block-button .wp-block-button__link:lang(be), .entry .entry-content .wp-block-archives li > a:lang(be),
.entry .entry-content .wp-block-categories li > a:lang(be),
.entry .entry-content .wp-block-latest-posts li > a:lang(be), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(be), .entry .entry-content .wp-block-verse:lang(be), .entry .entry-content .has-drop-cap:lang(be):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(be), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(be),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(be),
.entry .entry-content .wp-block-cover-image h2:lang(be),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(be),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(be),
.entry .entry-content .wp-block-cover h2:lang(be), .entry .entry-content .wp-block-audio figcaption:lang(be),
.entry .entry-content .wp-block-video figcaption:lang(be),
.entry .entry-content .wp-block-image figcaption:lang(be),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(be),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(be), .entry .entry-content .wp-block-file:lang(be), .entry .entry-content .wp-block-file .wp-block-file__button:lang(be), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(be), .wp-caption-text:lang(be), .gallery-caption:lang(be) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(bg-BG), button:lang(bg-BG),
input:lang(bg-BG),
select:lang(bg-BG),
optgroup:lang(bg-BG),
textarea:lang(bg-BG), .author-description .author-link:lang(bg-BG),
.comment-metadata:lang(bg-BG),
.comment-reply-link:lang(bg-BG),
.comments-title:lang(bg-BG),
.comment-author .fn:lang(bg-BG),
.discussion-meta-info:lang(bg-BG),
.entry-meta:lang(bg-BG),
.entry-footer:lang(bg-BG),
.main-navigation:lang(bg-BG),
.no-comments:lang(bg-BG),
.not-found .page-title:lang(bg-BG),
.error-404 .page-title:lang(bg-BG),
.post-navigation .post-title:lang(bg-BG),
.page-links:lang(bg-BG),
.page-description:lang(bg-BG),
.pagination .nav-links:lang(bg-BG),
.sticky-post:lang(bg-BG),
.site-title:lang(bg-BG),
.site-info:lang(bg-BG),
#cancel-comment-reply-link:lang(bg-BG),
h1:lang(bg-BG),
h2:lang(bg-BG),
h3:lang(bg-BG),
h4:lang(bg-BG),
h5:lang(bg-BG),
h6:lang(bg-BG), .page-title:lang(bg-BG), blockquote cite:lang(bg-BG), table:lang(bg-BG), .button:lang(bg-BG),
input:lang(bg-BG)[type="button"],
input:lang(bg-BG)[type="reset"],
input:lang(bg-BG)[type="submit"], .comment-navigation .nav-previous:lang(bg-BG),
.comment-navigation .nav-next:lang(bg-BG), .comment-list .pingback .comment-body:lang(bg-BG),
.comment-list .trackback .comment-body:lang(bg-BG), .comment-list .pingback .comment-body .comment-edit-link:lang(bg-BG),
.comment-list .trackback .comment-body .comment-edit-link:lang(bg-BG), .comment-form .comment-notes:lang(bg-BG),
.comment-form label:lang(bg-BG), .widget_archive ul li:lang(bg-BG),
.widget_categories ul li:lang(bg-BG),
.widget_meta ul li:lang(bg-BG),
.widget_nav_menu ul li:lang(bg-BG),
.widget_pages ul li:lang(bg-BG),
.widget_recent_comments ul li:lang(bg-BG),
.widget_recent_entries ul li:lang(bg-BG),
.widget_rss ul li:lang(bg-BG), .widget_tag_cloud .tagcloud:lang(bg-BG), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(bg-BG), .entry .entry-content .wp-block-button .wp-block-button__link:lang(bg-BG), .entry .entry-content .wp-block-archives li > a:lang(bg-BG),
.entry .entry-content .wp-block-categories li > a:lang(bg-BG),
.entry .entry-content .wp-block-latest-posts li > a:lang(bg-BG), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(bg-BG), .entry .entry-content .wp-block-verse:lang(bg-BG), .entry .entry-content .has-drop-cap:lang(bg-BG):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(bg-BG), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(bg-BG),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(bg-BG),
.entry .entry-content .wp-block-cover-image h2:lang(bg-BG),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(bg-BG),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(bg-BG),
.entry .entry-content .wp-block-cover h2:lang(bg-BG), .entry .entry-content .wp-block-audio figcaption:lang(bg-BG),
.entry .entry-content .wp-block-video figcaption:lang(bg-BG),
.entry .entry-content .wp-block-image figcaption:lang(bg-BG),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(bg-BG),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(bg-BG), .entry .entry-content .wp-block-file:lang(bg-BG), .entry .entry-content .wp-block-file .wp-block-file__button:lang(bg-BG), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(bg-BG), .wp-caption-text:lang(bg-BG), .gallery-caption:lang(bg-BG) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(kk), button:lang(kk),
input:lang(kk),
select:lang(kk),
optgroup:lang(kk),
textarea:lang(kk), .author-description .author-link:lang(kk),
.comment-metadata:lang(kk),
.comment-reply-link:lang(kk),
.comments-title:lang(kk),
.comment-author .fn:lang(kk),
.discussion-meta-info:lang(kk),
.entry-meta:lang(kk),
.entry-footer:lang(kk),
.main-navigation:lang(kk),
.no-comments:lang(kk),
.not-found .page-title:lang(kk),
.error-404 .page-title:lang(kk),
.post-navigation .post-title:lang(kk),
.page-links:lang(kk),
.page-description:lang(kk),
.pagination .nav-links:lang(kk),
.sticky-post:lang(kk),
.site-title:lang(kk),
.site-info:lang(kk),
#cancel-comment-reply-link:lang(kk),
h1:lang(kk),
h2:lang(kk),
h3:lang(kk),
h4:lang(kk),
h5:lang(kk),
h6:lang(kk), .page-title:lang(kk), blockquote cite:lang(kk), table:lang(kk), .button:lang(kk),
input:lang(kk)[type="button"],
input:lang(kk)[type="reset"],
input:lang(kk)[type="submit"], .comment-navigation .nav-previous:lang(kk),
.comment-navigation .nav-next:lang(kk), .comment-list .pingback .comment-body:lang(kk),
.comment-list .trackback .comment-body:lang(kk), .comment-list .pingback .comment-body .comment-edit-link:lang(kk),
.comment-list .trackback .comment-body .comment-edit-link:lang(kk), .comment-form .comment-notes:lang(kk),
.comment-form label:lang(kk), .widget_archive ul li:lang(kk),
.widget_categories ul li:lang(kk),
.widget_meta ul li:lang(kk),
.widget_nav_menu ul li:lang(kk),
.widget_pages ul li:lang(kk),
.widget_recent_comments ul li:lang(kk),
.widget_recent_entries ul li:lang(kk),
.widget_rss ul li:lang(kk), .widget_tag_cloud .tagcloud:lang(kk), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(kk), .entry .entry-content .wp-block-button .wp-block-button__link:lang(kk), .entry .entry-content .wp-block-archives li > a:lang(kk),
.entry .entry-content .wp-block-categories li > a:lang(kk),
.entry .entry-content .wp-block-latest-posts li > a:lang(kk), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(kk), .entry .entry-content .wp-block-verse:lang(kk), .entry .entry-content .has-drop-cap:lang(kk):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(kk), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(kk),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(kk),
.entry .entry-content .wp-block-cover-image h2:lang(kk),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(kk),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(kk),
.entry .entry-content .wp-block-cover h2:lang(kk), .entry .entry-content .wp-block-audio figcaption:lang(kk),
.entry .entry-content .wp-block-video figcaption:lang(kk),
.entry .entry-content .wp-block-image figcaption:lang(kk),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(kk),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(kk), .entry .entry-content .wp-block-file:lang(kk), .entry .entry-content .wp-block-file .wp-block-file__button:lang(kk), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(kk), .wp-caption-text:lang(kk), .gallery-caption:lang(kk) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(mk-MK), button:lang(mk-MK),
input:lang(mk-MK),
select:lang(mk-MK),
optgroup:lang(mk-MK),
textarea:lang(mk-MK), .author-description .author-link:lang(mk-MK),
.comment-metadata:lang(mk-MK),
.comment-reply-link:lang(mk-MK),
.comments-title:lang(mk-MK),
.comment-author .fn:lang(mk-MK),
.discussion-meta-info:lang(mk-MK),
.entry-meta:lang(mk-MK),
.entry-footer:lang(mk-MK),
.main-navigation:lang(mk-MK),
.no-comments:lang(mk-MK),
.not-found .page-title:lang(mk-MK),
.error-404 .page-title:lang(mk-MK),
.post-navigation .post-title:lang(mk-MK),
.page-links:lang(mk-MK),
.page-description:lang(mk-MK),
.pagination .nav-links:lang(mk-MK),
.sticky-post:lang(mk-MK),
.site-title:lang(mk-MK),
.site-info:lang(mk-MK),
#cancel-comment-reply-link:lang(mk-MK),
h1:lang(mk-MK),
h2:lang(mk-MK),
h3:lang(mk-MK),
h4:lang(mk-MK),
h5:lang(mk-MK),
h6:lang(mk-MK), .page-title:lang(mk-MK), blockquote cite:lang(mk-MK), table:lang(mk-MK), .button:lang(mk-MK),
input:lang(mk-MK)[type="button"],
input:lang(mk-MK)[type="reset"],
input:lang(mk-MK)[type="submit"], .comment-navigation .nav-previous:lang(mk-MK),
.comment-navigation .nav-next:lang(mk-MK), .comment-list .pingback .comment-body:lang(mk-MK),
.comment-list .trackback .comment-body:lang(mk-MK), .comment-list .pingback .comment-body .comment-edit-link:lang(mk-MK),
.comment-list .trackback .comment-body .comment-edit-link:lang(mk-MK), .comment-form .comment-notes:lang(mk-MK),
.comment-form label:lang(mk-MK), .widget_archive ul li:lang(mk-MK),
.widget_categories ul li:lang(mk-MK),
.widget_meta ul li:lang(mk-MK),
.widget_nav_menu ul li:lang(mk-MK),
.widget_pages ul li:lang(mk-MK),
.widget_recent_comments ul li:lang(mk-MK),
.widget_recent_entries ul li:lang(mk-MK),
.widget_rss ul li:lang(mk-MK), .widget_tag_cloud .tagcloud:lang(mk-MK), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(mk-MK), .entry .entry-content .wp-block-button .wp-block-button__link:lang(mk-MK), .entry .entry-content .wp-block-archives li > a:lang(mk-MK),
.entry .entry-content .wp-block-categories li > a:lang(mk-MK),
.entry .entry-content .wp-block-latest-posts li > a:lang(mk-MK), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(mk-MK), .entry .entry-content .wp-block-verse:lang(mk-MK), .entry .entry-content .has-drop-cap:lang(mk-MK):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(mk-MK), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(mk-MK),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(mk-MK),
.entry .entry-content .wp-block-cover-image h2:lang(mk-MK),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(mk-MK),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(mk-MK),
.entry .entry-content .wp-block-cover h2:lang(mk-MK), .entry .entry-content .wp-block-audio figcaption:lang(mk-MK),
.entry .entry-content .wp-block-video figcaption:lang(mk-MK),
.entry .entry-content .wp-block-image figcaption:lang(mk-MK),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(mk-MK),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(mk-MK), .entry .entry-content .wp-block-file:lang(mk-MK), .entry .entry-content .wp-block-file .wp-block-file__button:lang(mk-MK), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(mk-MK), .wp-caption-text:lang(mk-MK), .gallery-caption:lang(mk-MK) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(mn), button:lang(mn),
input:lang(mn),
select:lang(mn),
optgroup:lang(mn),
textarea:lang(mn), .author-description .author-link:lang(mn),
.comment-metadata:lang(mn),
.comment-reply-link:lang(mn),
.comments-title:lang(mn),
.comment-author .fn:lang(mn),
.discussion-meta-info:lang(mn),
.entry-meta:lang(mn),
.entry-footer:lang(mn),
.main-navigation:lang(mn),
.no-comments:lang(mn),
.not-found .page-title:lang(mn),
.error-404 .page-title:lang(mn),
.post-navigation .post-title:lang(mn),
.page-links:lang(mn),
.page-description:lang(mn),
.pagination .nav-links:lang(mn),
.sticky-post:lang(mn),
.site-title:lang(mn),
.site-info:lang(mn),
#cancel-comment-reply-link:lang(mn),
h1:lang(mn),
h2:lang(mn),
h3:lang(mn),
h4:lang(mn),
h5:lang(mn),
h6:lang(mn), .page-title:lang(mn), blockquote cite:lang(mn), table:lang(mn), .button:lang(mn),
input:lang(mn)[type="button"],
input:lang(mn)[type="reset"],
input:lang(mn)[type="submit"], .comment-navigation .nav-previous:lang(mn),
.comment-navigation .nav-next:lang(mn), .comment-list .pingback .comment-body:lang(mn),
.comment-list .trackback .comment-body:lang(mn), .comment-list .pingback .comment-body .comment-edit-link:lang(mn),
.comment-list .trackback .comment-body .comment-edit-link:lang(mn), .comment-form .comment-notes:lang(mn),
.comment-form label:lang(mn), .widget_archive ul li:lang(mn),
.widget_categories ul li:lang(mn),
.widget_meta ul li:lang(mn),
.widget_nav_menu ul li:lang(mn),
.widget_pages ul li:lang(mn),
.widget_recent_comments ul li:lang(mn),
.widget_recent_entries ul li:lang(mn),
.widget_rss ul li:lang(mn), .widget_tag_cloud .tagcloud:lang(mn), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(mn), .entry .entry-content .wp-block-button .wp-block-button__link:lang(mn), .entry .entry-content .wp-block-archives li > a:lang(mn),
.entry .entry-content .wp-block-categories li > a:lang(mn),
.entry .entry-content .wp-block-latest-posts li > a:lang(mn), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(mn), .entry .entry-content .wp-block-verse:lang(mn), .entry .entry-content .has-drop-cap:lang(mn):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(mn), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(mn),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(mn),
.entry .entry-content .wp-block-cover-image h2:lang(mn),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(mn),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(mn),
.entry .entry-content .wp-block-cover h2:lang(mn), .entry .entry-content .wp-block-audio figcaption:lang(mn),
.entry .entry-content .wp-block-video figcaption:lang(mn),
.entry .entry-content .wp-block-image figcaption:lang(mn),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(mn),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(mn), .entry .entry-content .wp-block-file:lang(mn), .entry .entry-content .wp-block-file .wp-block-file__button:lang(mn), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(mn), .wp-caption-text:lang(mn), .gallery-caption:lang(mn) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(ru-RU), button:lang(ru-RU),
input:lang(ru-RU),
select:lang(ru-RU),
optgroup:lang(ru-RU),
textarea:lang(ru-RU), .author-description .author-link:lang(ru-RU),
.comment-metadata:lang(ru-RU),
.comment-reply-link:lang(ru-RU),
.comments-title:lang(ru-RU),
.comment-author .fn:lang(ru-RU),
.discussion-meta-info:lang(ru-RU),
.entry-meta:lang(ru-RU),
.entry-footer:lang(ru-RU),
.main-navigation:lang(ru-RU),
.no-comments:lang(ru-RU),
.not-found .page-title:lang(ru-RU),
.error-404 .page-title:lang(ru-RU),
.post-navigation .post-title:lang(ru-RU),
.page-links:lang(ru-RU),
.page-description:lang(ru-RU),
.pagination .nav-links:lang(ru-RU),
.sticky-post:lang(ru-RU),
.site-title:lang(ru-RU),
.site-info:lang(ru-RU),
#cancel-comment-reply-link:lang(ru-RU),
h1:lang(ru-RU),
h2:lang(ru-RU),
h3:lang(ru-RU),
h4:lang(ru-RU),
h5:lang(ru-RU),
h6:lang(ru-RU), .page-title:lang(ru-RU), blockquote cite:lang(ru-RU), table:lang(ru-RU), .button:lang(ru-RU),
input:lang(ru-RU)[type="button"],
input:lang(ru-RU)[type="reset"],
input:lang(ru-RU)[type="submit"], .comment-navigation .nav-previous:lang(ru-RU),
.comment-navigation .nav-next:lang(ru-RU), .comment-list .pingback .comment-body:lang(ru-RU),
.comment-list .trackback .comment-body:lang(ru-RU), .comment-list .pingback .comment-body .comment-edit-link:lang(ru-RU),
.comment-list .trackback .comment-body .comment-edit-link:lang(ru-RU), .comment-form .comment-notes:lang(ru-RU),
.comment-form label:lang(ru-RU), .widget_archive ul li:lang(ru-RU),
.widget_categories ul li:lang(ru-RU),
.widget_meta ul li:lang(ru-RU),
.widget_nav_menu ul li:lang(ru-RU),
.widget_pages ul li:lang(ru-RU),
.widget_recent_comments ul li:lang(ru-RU),
.widget_recent_entries ul li:lang(ru-RU),
.widget_rss ul li:lang(ru-RU), .widget_tag_cloud .tagcloud:lang(ru-RU), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(ru-RU), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ru-RU), .entry .entry-content .wp-block-archives li > a:lang(ru-RU),
.entry .entry-content .wp-block-categories li > a:lang(ru-RU),
.entry .entry-content .wp-block-latest-posts li > a:lang(ru-RU), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(ru-RU), .entry .entry-content .wp-block-verse:lang(ru-RU), .entry .entry-content .has-drop-cap:lang(ru-RU):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ru-RU), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ru-RU),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ru-RU),
.entry .entry-content .wp-block-cover-image h2:lang(ru-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ru-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ru-RU),
.entry .entry-content .wp-block-cover h2:lang(ru-RU), .entry .entry-content .wp-block-audio figcaption:lang(ru-RU),
.entry .entry-content .wp-block-video figcaption:lang(ru-RU),
.entry .entry-content .wp-block-image figcaption:lang(ru-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ru-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ru-RU), .entry .entry-content .wp-block-file:lang(ru-RU), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ru-RU), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ru-RU), .wp-caption-text:lang(ru-RU), .gallery-caption:lang(ru-RU) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(sah), button:lang(sah),
input:lang(sah),
select:lang(sah),
optgroup:lang(sah),
textarea:lang(sah), .author-description .author-link:lang(sah),
.comment-metadata:lang(sah),
.comment-reply-link:lang(sah),
.comments-title:lang(sah),
.comment-author .fn:lang(sah),
.discussion-meta-info:lang(sah),
.entry-meta:lang(sah),
.entry-footer:lang(sah),
.main-navigation:lang(sah),
.no-comments:lang(sah),
.not-found .page-title:lang(sah),
.error-404 .page-title:lang(sah),
.post-navigation .post-title:lang(sah),
.page-links:lang(sah),
.page-description:lang(sah),
.pagination .nav-links:lang(sah),
.sticky-post:lang(sah),
.site-title:lang(sah),
.site-info:lang(sah),
#cancel-comment-reply-link:lang(sah),
h1:lang(sah),
h2:lang(sah),
h3:lang(sah),
h4:lang(sah),
h5:lang(sah),
h6:lang(sah), .page-title:lang(sah), blockquote cite:lang(sah), table:lang(sah), .button:lang(sah),
input:lang(sah)[type="button"],
input:lang(sah)[type="reset"],
input:lang(sah)[type="submit"], .comment-navigation .nav-previous:lang(sah),
.comment-navigation .nav-next:lang(sah), .comment-list .pingback .comment-body:lang(sah),
.comment-list .trackback .comment-body:lang(sah), .comment-list .pingback .comment-body .comment-edit-link:lang(sah),
.comment-list .trackback .comment-body .comment-edit-link:lang(sah), .comment-form .comment-notes:lang(sah),
.comment-form label:lang(sah), .widget_archive ul li:lang(sah),
.widget_categories ul li:lang(sah),
.widget_meta ul li:lang(sah),
.widget_nav_menu ul li:lang(sah),
.widget_pages ul li:lang(sah),
.widget_recent_comments ul li:lang(sah),
.widget_recent_entries ul li:lang(sah),
.widget_rss ul li:lang(sah), .widget_tag_cloud .tagcloud:lang(sah), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(sah), .entry .entry-content .wp-block-button .wp-block-button__link:lang(sah), .entry .entry-content .wp-block-archives li > a:lang(sah),
.entry .entry-content .wp-block-categories li > a:lang(sah),
.entry .entry-content .wp-block-latest-posts li > a:lang(sah), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(sah), .entry .entry-content .wp-block-verse:lang(sah), .entry .entry-content .has-drop-cap:lang(sah):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(sah), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(sah),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(sah),
.entry .entry-content .wp-block-cover-image h2:lang(sah),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(sah),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(sah),
.entry .entry-content .wp-block-cover h2:lang(sah), .entry .entry-content .wp-block-audio figcaption:lang(sah),
.entry .entry-content .wp-block-video figcaption:lang(sah),
.entry .entry-content .wp-block-image figcaption:lang(sah),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(sah),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(sah), .entry .entry-content .wp-block-file:lang(sah), .entry .entry-content .wp-block-file .wp-block-file__button:lang(sah), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(sah), .wp-caption-text:lang(sah), .gallery-caption:lang(sah) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(sr-RS), button:lang(sr-RS),
input:lang(sr-RS),
select:lang(sr-RS),
optgroup:lang(sr-RS),
textarea:lang(sr-RS), .author-description .author-link:lang(sr-RS),
.comment-metadata:lang(sr-RS),
.comment-reply-link:lang(sr-RS),
.comments-title:lang(sr-RS),
.comment-author .fn:lang(sr-RS),
.discussion-meta-info:lang(sr-RS),
.entry-meta:lang(sr-RS),
.entry-footer:lang(sr-RS),
.main-navigation:lang(sr-RS),
.no-comments:lang(sr-RS),
.not-found .page-title:lang(sr-RS),
.error-404 .page-title:lang(sr-RS),
.post-navigation .post-title:lang(sr-RS),
.page-links:lang(sr-RS),
.page-description:lang(sr-RS),
.pagination .nav-links:lang(sr-RS),
.sticky-post:lang(sr-RS),
.site-title:lang(sr-RS),
.site-info:lang(sr-RS),
#cancel-comment-reply-link:lang(sr-RS),
h1:lang(sr-RS),
h2:lang(sr-RS),
h3:lang(sr-RS),
h4:lang(sr-RS),
h5:lang(sr-RS),
h6:lang(sr-RS), .page-title:lang(sr-RS), blockquote cite:lang(sr-RS), table:lang(sr-RS), .button:lang(sr-RS),
input:lang(sr-RS)[type="button"],
input:lang(sr-RS)[type="reset"],
input:lang(sr-RS)[type="submit"], .comment-navigation .nav-previous:lang(sr-RS),
.comment-navigation .nav-next:lang(sr-RS), .comment-list .pingback .comment-body:lang(sr-RS),
.comment-list .trackback .comment-body:lang(sr-RS), .comment-list .pingback .comment-body .comment-edit-link:lang(sr-RS),
.comment-list .trackback .comment-body .comment-edit-link:lang(sr-RS), .comment-form .comment-notes:lang(sr-RS),
.comment-form label:lang(sr-RS), .widget_archive ul li:lang(sr-RS),
.widget_categories ul li:lang(sr-RS),
.widget_meta ul li:lang(sr-RS),
.widget_nav_menu ul li:lang(sr-RS),
.widget_pages ul li:lang(sr-RS),
.widget_recent_comments ul li:lang(sr-RS),
.widget_recent_entries ul li:lang(sr-RS),
.widget_rss ul li:lang(sr-RS), .widget_tag_cloud .tagcloud:lang(sr-RS), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(sr-RS), .entry .entry-content .wp-block-button .wp-block-button__link:lang(sr-RS), .entry .entry-content .wp-block-archives li > a:lang(sr-RS),
.entry .entry-content .wp-block-categories li > a:lang(sr-RS),
.entry .entry-content .wp-block-latest-posts li > a:lang(sr-RS), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(sr-RS), .entry .entry-content .wp-block-verse:lang(sr-RS), .entry .entry-content .has-drop-cap:lang(sr-RS):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(sr-RS), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(sr-RS),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(sr-RS),
.entry .entry-content .wp-block-cover-image h2:lang(sr-RS),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(sr-RS),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(sr-RS),
.entry .entry-content .wp-block-cover h2:lang(sr-RS), .entry .entry-content .wp-block-audio figcaption:lang(sr-RS),
.entry .entry-content .wp-block-video figcaption:lang(sr-RS),
.entry .entry-content .wp-block-image figcaption:lang(sr-RS),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(sr-RS),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(sr-RS), .entry .entry-content .wp-block-file:lang(sr-RS), .entry .entry-content .wp-block-file .wp-block-file__button:lang(sr-RS), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(sr-RS), .wp-caption-text:lang(sr-RS), .gallery-caption:lang(sr-RS) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(tt-RU), button:lang(tt-RU),
input:lang(tt-RU),
select:lang(tt-RU),
optgroup:lang(tt-RU),
textarea:lang(tt-RU), .author-description .author-link:lang(tt-RU),
.comment-metadata:lang(tt-RU),
.comment-reply-link:lang(tt-RU),
.comments-title:lang(tt-RU),
.comment-author .fn:lang(tt-RU),
.discussion-meta-info:lang(tt-RU),
.entry-meta:lang(tt-RU),
.entry-footer:lang(tt-RU),
.main-navigation:lang(tt-RU),
.no-comments:lang(tt-RU),
.not-found .page-title:lang(tt-RU),
.error-404 .page-title:lang(tt-RU),
.post-navigation .post-title:lang(tt-RU),
.page-links:lang(tt-RU),
.page-description:lang(tt-RU),
.pagination .nav-links:lang(tt-RU),
.sticky-post:lang(tt-RU),
.site-title:lang(tt-RU),
.site-info:lang(tt-RU),
#cancel-comment-reply-link:lang(tt-RU),
h1:lang(tt-RU),
h2:lang(tt-RU),
h3:lang(tt-RU),
h4:lang(tt-RU),
h5:lang(tt-RU),
h6:lang(tt-RU), .page-title:lang(tt-RU), blockquote cite:lang(tt-RU), table:lang(tt-RU), .button:lang(tt-RU),
input:lang(tt-RU)[type="button"],
input:lang(tt-RU)[type="reset"],
input:lang(tt-RU)[type="submit"], .comment-navigation .nav-previous:lang(tt-RU),
.comment-navigation .nav-next:lang(tt-RU), .comment-list .pingback .comment-body:lang(tt-RU),
.comment-list .trackback .comment-body:lang(tt-RU), .comment-list .pingback .comment-body .comment-edit-link:lang(tt-RU),
.comment-list .trackback .comment-body .comment-edit-link:lang(tt-RU), .comment-form .comment-notes:lang(tt-RU),
.comment-form label:lang(tt-RU), .widget_archive ul li:lang(tt-RU),
.widget_categories ul li:lang(tt-RU),
.widget_meta ul li:lang(tt-RU),
.widget_nav_menu ul li:lang(tt-RU),
.widget_pages ul li:lang(tt-RU),
.widget_recent_comments ul li:lang(tt-RU),
.widget_recent_entries ul li:lang(tt-RU),
.widget_rss ul li:lang(tt-RU), .widget_tag_cloud .tagcloud:lang(tt-RU), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(tt-RU), .entry .entry-content .wp-block-button .wp-block-button__link:lang(tt-RU), .entry .entry-content .wp-block-archives li > a:lang(tt-RU),
.entry .entry-content .wp-block-categories li > a:lang(tt-RU),
.entry .entry-content .wp-block-latest-posts li > a:lang(tt-RU), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(tt-RU), .entry .entry-content .wp-block-verse:lang(tt-RU), .entry .entry-content .has-drop-cap:lang(tt-RU):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(tt-RU), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(tt-RU),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(tt-RU),
.entry .entry-content .wp-block-cover-image h2:lang(tt-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(tt-RU),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(tt-RU),
.entry .entry-content .wp-block-cover h2:lang(tt-RU), .entry .entry-content .wp-block-audio figcaption:lang(tt-RU),
.entry .entry-content .wp-block-video figcaption:lang(tt-RU),
.entry .entry-content .wp-block-image figcaption:lang(tt-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(tt-RU),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(tt-RU), .entry .entry-content .wp-block-file:lang(tt-RU), .entry .entry-content .wp-block-file .wp-block-file__button:lang(tt-RU), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(tt-RU), .wp-caption-text:lang(tt-RU), .gallery-caption:lang(tt-RU) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(uk), button:lang(uk),
input:lang(uk),
select:lang(uk),
optgroup:lang(uk),
textarea:lang(uk), .author-description .author-link:lang(uk),
.comment-metadata:lang(uk),
.comment-reply-link:lang(uk),
.comments-title:lang(uk),
.comment-author .fn:lang(uk),
.discussion-meta-info:lang(uk),
.entry-meta:lang(uk),
.entry-footer:lang(uk),
.main-navigation:lang(uk),
.no-comments:lang(uk),
.not-found .page-title:lang(uk),
.error-404 .page-title:lang(uk),
.post-navigation .post-title:lang(uk),
.page-links:lang(uk),
.page-description:lang(uk),
.pagination .nav-links:lang(uk),
.sticky-post:lang(uk),
.site-title:lang(uk),
.site-info:lang(uk),
#cancel-comment-reply-link:lang(uk),
h1:lang(uk),
h2:lang(uk),
h3:lang(uk),
h4:lang(uk),
h5:lang(uk),
h6:lang(uk), .page-title:lang(uk), blockquote cite:lang(uk), table:lang(uk), .button:lang(uk),
input:lang(uk)[type="button"],
input:lang(uk)[type="reset"],
input:lang(uk)[type="submit"], .comment-navigation .nav-previous:lang(uk),
.comment-navigation .nav-next:lang(uk), .comment-list .pingback .comment-body:lang(uk),
.comment-list .trackback .comment-body:lang(uk), .comment-list .pingback .comment-body .comment-edit-link:lang(uk),
.comment-list .trackback .comment-body .comment-edit-link:lang(uk), .comment-form .comment-notes:lang(uk),
.comment-form label:lang(uk), .widget_archive ul li:lang(uk),
.widget_categories ul li:lang(uk),
.widget_meta ul li:lang(uk),
.widget_nav_menu ul li:lang(uk),
.widget_pages ul li:lang(uk),
.widget_recent_comments ul li:lang(uk),
.widget_recent_entries ul li:lang(uk),
.widget_rss ul li:lang(uk), .widget_tag_cloud .tagcloud:lang(uk), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(uk), .entry .entry-content .wp-block-button .wp-block-button__link:lang(uk), .entry .entry-content .wp-block-archives li > a:lang(uk),
.entry .entry-content .wp-block-categories li > a:lang(uk),
.entry .entry-content .wp-block-latest-posts li > a:lang(uk), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(uk), .entry .entry-content .wp-block-verse:lang(uk), .entry .entry-content .has-drop-cap:lang(uk):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(uk), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(uk),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(uk),
.entry .entry-content .wp-block-cover-image h2:lang(uk),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(uk),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(uk),
.entry .entry-content .wp-block-cover h2:lang(uk), .entry .entry-content .wp-block-audio figcaption:lang(uk),
.entry .entry-content .wp-block-video figcaption:lang(uk),
.entry .entry-content .wp-block-image figcaption:lang(uk),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(uk),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(uk), .entry .entry-content .wp-block-file:lang(uk), .entry .entry-content .wp-block-file .wp-block-file__button:lang(uk), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(uk), .wp-caption-text:lang(uk), .gallery-caption:lang(uk) {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
body:lang(zh-HK), button:lang(zh-HK),
input:lang(zh-HK),
select:lang(zh-HK),
optgroup:lang(zh-HK),
textarea:lang(zh-HK), .author-description .author-link:lang(zh-HK),
.comment-metadata:lang(zh-HK),
.comment-reply-link:lang(zh-HK),
.comments-title:lang(zh-HK),
.comment-author .fn:lang(zh-HK),
.discussion-meta-info:lang(zh-HK),
.entry-meta:lang(zh-HK),
.entry-footer:lang(zh-HK),
.main-navigation:lang(zh-HK),
.no-comments:lang(zh-HK),
.not-found .page-title:lang(zh-HK),
.error-404 .page-title:lang(zh-HK),
.post-navigation .post-title:lang(zh-HK),
.page-links:lang(zh-HK),
.page-description:lang(zh-HK),
.pagination .nav-links:lang(zh-HK),
.sticky-post:lang(zh-HK),
.site-title:lang(zh-HK),
.site-info:lang(zh-HK),
#cancel-comment-reply-link:lang(zh-HK),
h1:lang(zh-HK),
h2:lang(zh-HK),
h3:lang(zh-HK),
h4:lang(zh-HK),
h5:lang(zh-HK),
h6:lang(zh-HK), .page-title:lang(zh-HK), blockquote cite:lang(zh-HK), table:lang(zh-HK), .button:lang(zh-HK),
input:lang(zh-HK)[type="button"],
input:lang(zh-HK)[type="reset"],
input:lang(zh-HK)[type="submit"], .comment-navigation .nav-previous:lang(zh-HK),
.comment-navigation .nav-next:lang(zh-HK), .comment-list .pingback .comment-body:lang(zh-HK),
.comment-list .trackback .comment-body:lang(zh-HK), .comment-list .pingback .comment-body .comment-edit-link:lang(zh-HK),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-HK), .comment-form .comment-notes:lang(zh-HK),
.comment-form label:lang(zh-HK), .widget_archive ul li:lang(zh-HK),
.widget_categories ul li:lang(zh-HK),
.widget_meta ul li:lang(zh-HK),
.widget_nav_menu ul li:lang(zh-HK),
.widget_pages ul li:lang(zh-HK),
.widget_recent_comments ul li:lang(zh-HK),
.widget_recent_entries ul li:lang(zh-HK),
.widget_rss ul li:lang(zh-HK), .widget_tag_cloud .tagcloud:lang(zh-HK), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(zh-HK), .entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-HK), .entry .entry-content .wp-block-archives li > a:lang(zh-HK),
.entry .entry-content .wp-block-categories li > a:lang(zh-HK),
.entry .entry-content .wp-block-latest-posts li > a:lang(zh-HK), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(zh-HK), .entry .entry-content .wp-block-verse:lang(zh-HK), .entry .entry-content .has-drop-cap:lang(zh-HK):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(zh-HK), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-HK),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-HK),
.entry .entry-content .wp-block-cover-image h2:lang(zh-HK),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-HK),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-HK),
.entry .entry-content .wp-block-cover h2:lang(zh-HK), .entry .entry-content .wp-block-audio figcaption:lang(zh-HK),
.entry .entry-content .wp-block-video figcaption:lang(zh-HK),
.entry .entry-content .wp-block-image figcaption:lang(zh-HK),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-HK),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-HK), .entry .entry-content .wp-block-file:lang(zh-HK), .entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-HK), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-HK), .wp-caption-text:lang(zh-HK), .gallery-caption:lang(zh-HK) {
font-family: -apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
body:lang(zh-TW), button:lang(zh-TW),
input:lang(zh-TW),
select:lang(zh-TW),
optgroup:lang(zh-TW),
textarea:lang(zh-TW), .author-description .author-link:lang(zh-TW),
.comment-metadata:lang(zh-TW),
.comment-reply-link:lang(zh-TW),
.comments-title:lang(zh-TW),
.comment-author .fn:lang(zh-TW),
.discussion-meta-info:lang(zh-TW),
.entry-meta:lang(zh-TW),
.entry-footer:lang(zh-TW),
.main-navigation:lang(zh-TW),
.no-comments:lang(zh-TW),
.not-found .page-title:lang(zh-TW),
.error-404 .page-title:lang(zh-TW),
.post-navigation .post-title:lang(zh-TW),
.page-links:lang(zh-TW),
.page-description:lang(zh-TW),
.pagination .nav-links:lang(zh-TW),
.sticky-post:lang(zh-TW),
.site-title:lang(zh-TW),
.site-info:lang(zh-TW),
#cancel-comment-reply-link:lang(zh-TW),
h1:lang(zh-TW),
h2:lang(zh-TW),
h3:lang(zh-TW),
h4:lang(zh-TW),
h5:lang(zh-TW),
h6:lang(zh-TW), .page-title:lang(zh-TW), blockquote cite:lang(zh-TW), table:lang(zh-TW), .button:lang(zh-TW),
input:lang(zh-TW)[type="button"],
input:lang(zh-TW)[type="reset"],
input:lang(zh-TW)[type="submit"], .comment-navigation .nav-previous:lang(zh-TW),
.comment-navigation .nav-next:lang(zh-TW), .comment-list .pingback .comment-body:lang(zh-TW),
.comment-list .trackback .comment-body:lang(zh-TW), .comment-list .pingback .comment-body .comment-edit-link:lang(zh-TW),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-TW), .comment-form .comment-notes:lang(zh-TW),
.comment-form label:lang(zh-TW), .widget_archive ul li:lang(zh-TW),
.widget_categories ul li:lang(zh-TW),
.widget_meta ul li:lang(zh-TW),
.widget_nav_menu ul li:lang(zh-TW),
.widget_pages ul li:lang(zh-TW),
.widget_recent_comments ul li:lang(zh-TW),
.widget_recent_entries ul li:lang(zh-TW),
.widget_rss ul li:lang(zh-TW), .widget_tag_cloud .tagcloud:lang(zh-TW), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(zh-TW), .entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-TW), .entry .entry-content .wp-block-archives li > a:lang(zh-TW),
.entry .entry-content .wp-block-categories li > a:lang(zh-TW),
.entry .entry-content .wp-block-latest-posts li > a:lang(zh-TW), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(zh-TW), .entry .entry-content .wp-block-verse:lang(zh-TW), .entry .entry-content .has-drop-cap:lang(zh-TW):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(zh-TW), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-TW),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-TW),
.entry .entry-content .wp-block-cover-image h2:lang(zh-TW),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-TW),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-TW),
.entry .entry-content .wp-block-cover h2:lang(zh-TW), .entry .entry-content .wp-block-audio figcaption:lang(zh-TW),
.entry .entry-content .wp-block-video figcaption:lang(zh-TW),
.entry .entry-content .wp-block-image figcaption:lang(zh-TW),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-TW),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-TW), .entry .entry-content .wp-block-file:lang(zh-TW), .entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-TW), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-TW), .wp-caption-text:lang(zh-TW), .gallery-caption:lang(zh-TW) {
font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
body:lang(zh-CN), button:lang(zh-CN),
input:lang(zh-CN),
select:lang(zh-CN),
optgroup:lang(zh-CN),
textarea:lang(zh-CN), .author-description .author-link:lang(zh-CN),
.comment-metadata:lang(zh-CN),
.comment-reply-link:lang(zh-CN),
.comments-title:lang(zh-CN),
.comment-author .fn:lang(zh-CN),
.discussion-meta-info:lang(zh-CN),
.entry-meta:lang(zh-CN),
.entry-footer:lang(zh-CN),
.main-navigation:lang(zh-CN),
.no-comments:lang(zh-CN),
.not-found .page-title:lang(zh-CN),
.error-404 .page-title:lang(zh-CN),
.post-navigation .post-title:lang(zh-CN),
.page-links:lang(zh-CN),
.page-description:lang(zh-CN),
.pagination .nav-links:lang(zh-CN),
.sticky-post:lang(zh-CN),
.site-title:lang(zh-CN),
.site-info:lang(zh-CN),
#cancel-comment-reply-link:lang(zh-CN),
h1:lang(zh-CN),
h2:lang(zh-CN),
h3:lang(zh-CN),
h4:lang(zh-CN),
h5:lang(zh-CN),
h6:lang(zh-CN), .page-title:lang(zh-CN), blockquote cite:lang(zh-CN), table:lang(zh-CN), .button:lang(zh-CN),
input:lang(zh-CN)[type="button"],
input:lang(zh-CN)[type="reset"],
input:lang(zh-CN)[type="submit"], .comment-navigation .nav-previous:lang(zh-CN),
.comment-navigation .nav-next:lang(zh-CN), .comment-list .pingback .comment-body:lang(zh-CN),
.comment-list .trackback .comment-body:lang(zh-CN), .comment-list .pingback .comment-body .comment-edit-link:lang(zh-CN),
.comment-list .trackback .comment-body .comment-edit-link:lang(zh-CN), .comment-form .comment-notes:lang(zh-CN),
.comment-form label:lang(zh-CN), .widget_archive ul li:lang(zh-CN),
.widget_categories ul li:lang(zh-CN),
.widget_meta ul li:lang(zh-CN),
.widget_nav_menu ul li:lang(zh-CN),
.widget_pages ul li:lang(zh-CN),
.widget_recent_comments ul li:lang(zh-CN),
.widget_recent_entries ul li:lang(zh-CN),
.widget_rss ul li:lang(zh-CN), .widget_tag_cloud .tagcloud:lang(zh-CN), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(zh-CN), .entry .entry-content .wp-block-button .wp-block-button__link:lang(zh-CN), .entry .entry-content .wp-block-archives li > a:lang(zh-CN),
.entry .entry-content .wp-block-categories li > a:lang(zh-CN),
.entry .entry-content .wp-block-latest-posts li > a:lang(zh-CN), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(zh-CN), .entry .entry-content .wp-block-verse:lang(zh-CN), .entry .entry-content .has-drop-cap:lang(zh-CN):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(zh-CN), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(zh-CN),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(zh-CN),
.entry .entry-content .wp-block-cover-image h2:lang(zh-CN),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(zh-CN),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(zh-CN),
.entry .entry-content .wp-block-cover h2:lang(zh-CN), .entry .entry-content .wp-block-audio figcaption:lang(zh-CN),
.entry .entry-content .wp-block-video figcaption:lang(zh-CN),
.entry .entry-content .wp-block-image figcaption:lang(zh-CN),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(zh-CN),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(zh-CN), .entry .entry-content .wp-block-file:lang(zh-CN), .entry .entry-content .wp-block-file .wp-block-file__button:lang(zh-CN), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(zh-CN), .wp-caption-text:lang(zh-CN), .gallery-caption:lang(zh-CN) {
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif;
}
body:lang(bn-BD), button:lang(bn-BD),
input:lang(bn-BD),
select:lang(bn-BD),
optgroup:lang(bn-BD),
textarea:lang(bn-BD), .author-description .author-link:lang(bn-BD),
.comment-metadata:lang(bn-BD),
.comment-reply-link:lang(bn-BD),
.comments-title:lang(bn-BD),
.comment-author .fn:lang(bn-BD),
.discussion-meta-info:lang(bn-BD),
.entry-meta:lang(bn-BD),
.entry-footer:lang(bn-BD),
.main-navigation:lang(bn-BD),
.no-comments:lang(bn-BD),
.not-found .page-title:lang(bn-BD),
.error-404 .page-title:lang(bn-BD),
.post-navigation .post-title:lang(bn-BD),
.page-links:lang(bn-BD),
.page-description:lang(bn-BD),
.pagination .nav-links:lang(bn-BD),
.sticky-post:lang(bn-BD),
.site-title:lang(bn-BD),
.site-info:lang(bn-BD),
#cancel-comment-reply-link:lang(bn-BD),
h1:lang(bn-BD),
h2:lang(bn-BD),
h3:lang(bn-BD),
h4:lang(bn-BD),
h5:lang(bn-BD),
h6:lang(bn-BD), .page-title:lang(bn-BD), blockquote cite:lang(bn-BD), table:lang(bn-BD), .button:lang(bn-BD),
input:lang(bn-BD)[type="button"],
input:lang(bn-BD)[type="reset"],
input:lang(bn-BD)[type="submit"], .comment-navigation .nav-previous:lang(bn-BD),
.comment-navigation .nav-next:lang(bn-BD), .comment-list .pingback .comment-body:lang(bn-BD),
.comment-list .trackback .comment-body:lang(bn-BD), .comment-list .pingback .comment-body .comment-edit-link:lang(bn-BD),
.comment-list .trackback .comment-body .comment-edit-link:lang(bn-BD), .comment-form .comment-notes:lang(bn-BD),
.comment-form label:lang(bn-BD), .widget_archive ul li:lang(bn-BD),
.widget_categories ul li:lang(bn-BD),
.widget_meta ul li:lang(bn-BD),
.widget_nav_menu ul li:lang(bn-BD),
.widget_pages ul li:lang(bn-BD),
.widget_recent_comments ul li:lang(bn-BD),
.widget_recent_entries ul li:lang(bn-BD),
.widget_rss ul li:lang(bn-BD), .widget_tag_cloud .tagcloud:lang(bn-BD), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(bn-BD), .entry .entry-content .wp-block-button .wp-block-button__link:lang(bn-BD), .entry .entry-content .wp-block-archives li > a:lang(bn-BD),
.entry .entry-content .wp-block-categories li > a:lang(bn-BD),
.entry .entry-content .wp-block-latest-posts li > a:lang(bn-BD), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(bn-BD), .entry .entry-content .wp-block-verse:lang(bn-BD), .entry .entry-content .has-drop-cap:lang(bn-BD):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(bn-BD), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(bn-BD),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(bn-BD),
.entry .entry-content .wp-block-cover-image h2:lang(bn-BD),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(bn-BD),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(bn-BD),
.entry .entry-content .wp-block-cover h2:lang(bn-BD), .entry .entry-content .wp-block-audio figcaption:lang(bn-BD),
.entry .entry-content .wp-block-video figcaption:lang(bn-BD),
.entry .entry-content .wp-block-image figcaption:lang(bn-BD),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(bn-BD),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(bn-BD), .entry .entry-content .wp-block-file:lang(bn-BD), .entry .entry-content .wp-block-file .wp-block-file__button:lang(bn-BD), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(bn-BD), .wp-caption-text:lang(bn-BD), .gallery-caption:lang(bn-BD) {
font-family: Arial, sans-serif;
}
body:lang(hi-IN), button:lang(hi-IN),
input:lang(hi-IN),
select:lang(hi-IN),
optgroup:lang(hi-IN),
textarea:lang(hi-IN), .author-description .author-link:lang(hi-IN),
.comment-metadata:lang(hi-IN),
.comment-reply-link:lang(hi-IN),
.comments-title:lang(hi-IN),
.comment-author .fn:lang(hi-IN),
.discussion-meta-info:lang(hi-IN),
.entry-meta:lang(hi-IN),
.entry-footer:lang(hi-IN),
.main-navigation:lang(hi-IN),
.no-comments:lang(hi-IN),
.not-found .page-title:lang(hi-IN),
.error-404 .page-title:lang(hi-IN),
.post-navigation .post-title:lang(hi-IN),
.page-links:lang(hi-IN),
.page-description:lang(hi-IN),
.pagination .nav-links:lang(hi-IN),
.sticky-post:lang(hi-IN),
.site-title:lang(hi-IN),
.site-info:lang(hi-IN),
#cancel-comment-reply-link:lang(hi-IN),
h1:lang(hi-IN),
h2:lang(hi-IN),
h3:lang(hi-IN),
h4:lang(hi-IN),
h5:lang(hi-IN),
h6:lang(hi-IN), .page-title:lang(hi-IN), blockquote cite:lang(hi-IN), table:lang(hi-IN), .button:lang(hi-IN),
input:lang(hi-IN)[type="button"],
input:lang(hi-IN)[type="reset"],
input:lang(hi-IN)[type="submit"], .comment-navigation .nav-previous:lang(hi-IN),
.comment-navigation .nav-next:lang(hi-IN), .comment-list .pingback .comment-body:lang(hi-IN),
.comment-list .trackback .comment-body:lang(hi-IN), .comment-list .pingback .comment-body .comment-edit-link:lang(hi-IN),
.comment-list .trackback .comment-body .comment-edit-link:lang(hi-IN), .comment-form .comment-notes:lang(hi-IN),
.comment-form label:lang(hi-IN), .widget_archive ul li:lang(hi-IN),
.widget_categories ul li:lang(hi-IN),
.widget_meta ul li:lang(hi-IN),
.widget_nav_menu ul li:lang(hi-IN),
.widget_pages ul li:lang(hi-IN),
.widget_recent_comments ul li:lang(hi-IN),
.widget_recent_entries ul li:lang(hi-IN),
.widget_rss ul li:lang(hi-IN), .widget_tag_cloud .tagcloud:lang(hi-IN), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(hi-IN), .entry .entry-content .wp-block-button .wp-block-button__link:lang(hi-IN), .entry .entry-content .wp-block-archives li > a:lang(hi-IN),
.entry .entry-content .wp-block-categories li > a:lang(hi-IN),
.entry .entry-content .wp-block-latest-posts li > a:lang(hi-IN), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(hi-IN), .entry .entry-content .wp-block-verse:lang(hi-IN), .entry .entry-content .has-drop-cap:lang(hi-IN):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(hi-IN), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(hi-IN),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(hi-IN),
.entry .entry-content .wp-block-cover-image h2:lang(hi-IN),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(hi-IN),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(hi-IN),
.entry .entry-content .wp-block-cover h2:lang(hi-IN), .entry .entry-content .wp-block-audio figcaption:lang(hi-IN),
.entry .entry-content .wp-block-video figcaption:lang(hi-IN),
.entry .entry-content .wp-block-image figcaption:lang(hi-IN),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(hi-IN),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(hi-IN), .entry .entry-content .wp-block-file:lang(hi-IN), .entry .entry-content .wp-block-file .wp-block-file__button:lang(hi-IN), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(hi-IN), .wp-caption-text:lang(hi-IN), .gallery-caption:lang(hi-IN) {
font-family: Arial, sans-serif;
}
body:lang(mr), button:lang(mr),
input:lang(mr),
select:lang(mr),
optgroup:lang(mr),
textarea:lang(mr), .author-description .author-link:lang(mr),
.comment-metadata:lang(mr),
.comment-reply-link:lang(mr),
.comments-title:lang(mr),
.comment-author .fn:lang(mr),
.discussion-meta-info:lang(mr),
.entry-meta:lang(mr),
.entry-footer:lang(mr),
.main-navigation:lang(mr),
.no-comments:lang(mr),
.not-found .page-title:lang(mr),
.error-404 .page-title:lang(mr),
.post-navigation .post-title:lang(mr),
.page-links:lang(mr),
.page-description:lang(mr),
.pagination .nav-links:lang(mr),
.sticky-post:lang(mr),
.site-title:lang(mr),
.site-info:lang(mr),
#cancel-comment-reply-link:lang(mr),
h1:lang(mr),
h2:lang(mr),
h3:lang(mr),
h4:lang(mr),
h5:lang(mr),
h6:lang(mr), .page-title:lang(mr), blockquote cite:lang(mr), table:lang(mr), .button:lang(mr),
input:lang(mr)[type="button"],
input:lang(mr)[type="reset"],
input:lang(mr)[type="submit"], .comment-navigation .nav-previous:lang(mr),
.comment-navigation .nav-next:lang(mr), .comment-list .pingback .comment-body:lang(mr),
.comment-list .trackback .comment-body:lang(mr), .comment-list .pingback .comment-body .comment-edit-link:lang(mr),
.comment-list .trackback .comment-body .comment-edit-link:lang(mr), .comment-form .comment-notes:lang(mr),
.comment-form label:lang(mr), .widget_archive ul li:lang(mr),
.widget_categories ul li:lang(mr),
.widget_meta ul li:lang(mr),
.widget_nav_menu ul li:lang(mr),
.widget_pages ul li:lang(mr),
.widget_recent_comments ul li:lang(mr),
.widget_recent_entries ul li:lang(mr),
.widget_rss ul li:lang(mr), .widget_tag_cloud .tagcloud:lang(mr), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(mr), .entry .entry-content .wp-block-button .wp-block-button__link:lang(mr), .entry .entry-content .wp-block-archives li > a:lang(mr),
.entry .entry-content .wp-block-categories li > a:lang(mr),
.entry .entry-content .wp-block-latest-posts li > a:lang(mr), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(mr), .entry .entry-content .wp-block-verse:lang(mr), .entry .entry-content .has-drop-cap:lang(mr):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(mr), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(mr),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(mr),
.entry .entry-content .wp-block-cover-image h2:lang(mr),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(mr),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(mr),
.entry .entry-content .wp-block-cover h2:lang(mr), .entry .entry-content .wp-block-audio figcaption:lang(mr),
.entry .entry-content .wp-block-video figcaption:lang(mr),
.entry .entry-content .wp-block-image figcaption:lang(mr),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(mr),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(mr), .entry .entry-content .wp-block-file:lang(mr), .entry .entry-content .wp-block-file .wp-block-file__button:lang(mr), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(mr), .wp-caption-text:lang(mr), .gallery-caption:lang(mr) {
font-family: Arial, sans-serif;
}
body:lang(ne-NP), button:lang(ne-NP),
input:lang(ne-NP),
select:lang(ne-NP),
optgroup:lang(ne-NP),
textarea:lang(ne-NP), .author-description .author-link:lang(ne-NP),
.comment-metadata:lang(ne-NP),
.comment-reply-link:lang(ne-NP),
.comments-title:lang(ne-NP),
.comment-author .fn:lang(ne-NP),
.discussion-meta-info:lang(ne-NP),
.entry-meta:lang(ne-NP),
.entry-footer:lang(ne-NP),
.main-navigation:lang(ne-NP),
.no-comments:lang(ne-NP),
.not-found .page-title:lang(ne-NP),
.error-404 .page-title:lang(ne-NP),
.post-navigation .post-title:lang(ne-NP),
.page-links:lang(ne-NP),
.page-description:lang(ne-NP),
.pagination .nav-links:lang(ne-NP),
.sticky-post:lang(ne-NP),
.site-title:lang(ne-NP),
.site-info:lang(ne-NP),
#cancel-comment-reply-link:lang(ne-NP),
h1:lang(ne-NP),
h2:lang(ne-NP),
h3:lang(ne-NP),
h4:lang(ne-NP),
h5:lang(ne-NP),
h6:lang(ne-NP), .page-title:lang(ne-NP), blockquote cite:lang(ne-NP), table:lang(ne-NP), .button:lang(ne-NP),
input:lang(ne-NP)[type="button"],
input:lang(ne-NP)[type="reset"],
input:lang(ne-NP)[type="submit"], .comment-navigation .nav-previous:lang(ne-NP),
.comment-navigation .nav-next:lang(ne-NP), .comment-list .pingback .comment-body:lang(ne-NP),
.comment-list .trackback .comment-body:lang(ne-NP), .comment-list .pingback .comment-body .comment-edit-link:lang(ne-NP),
.comment-list .trackback .comment-body .comment-edit-link:lang(ne-NP), .comment-form .comment-notes:lang(ne-NP),
.comment-form label:lang(ne-NP), .widget_archive ul li:lang(ne-NP),
.widget_categories ul li:lang(ne-NP),
.widget_meta ul li:lang(ne-NP),
.widget_nav_menu ul li:lang(ne-NP),
.widget_pages ul li:lang(ne-NP),
.widget_recent_comments ul li:lang(ne-NP),
.widget_recent_entries ul li:lang(ne-NP),
.widget_rss ul li:lang(ne-NP), .widget_tag_cloud .tagcloud:lang(ne-NP), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(ne-NP), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ne-NP), .entry .entry-content .wp-block-archives li > a:lang(ne-NP),
.entry .entry-content .wp-block-categories li > a:lang(ne-NP),
.entry .entry-content .wp-block-latest-posts li > a:lang(ne-NP), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(ne-NP), .entry .entry-content .wp-block-verse:lang(ne-NP), .entry .entry-content .has-drop-cap:lang(ne-NP):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ne-NP), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ne-NP),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ne-NP),
.entry .entry-content .wp-block-cover-image h2:lang(ne-NP),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ne-NP),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ne-NP),
.entry .entry-content .wp-block-cover h2:lang(ne-NP), .entry .entry-content .wp-block-audio figcaption:lang(ne-NP),
.entry .entry-content .wp-block-video figcaption:lang(ne-NP),
.entry .entry-content .wp-block-image figcaption:lang(ne-NP),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ne-NP),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ne-NP), .entry .entry-content .wp-block-file:lang(ne-NP), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ne-NP), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ne-NP), .wp-caption-text:lang(ne-NP), .gallery-caption:lang(ne-NP) {
font-family: Arial, sans-serif;
}
body:lang(el), button:lang(el),
input:lang(el),
select:lang(el),
optgroup:lang(el),
textarea:lang(el), .author-description .author-link:lang(el),
.comment-metadata:lang(el),
.comment-reply-link:lang(el),
.comments-title:lang(el),
.comment-author .fn:lang(el),
.discussion-meta-info:lang(el),
.entry-meta:lang(el),
.entry-footer:lang(el),
.main-navigation:lang(el),
.no-comments:lang(el),
.not-found .page-title:lang(el),
.error-404 .page-title:lang(el),
.post-navigation .post-title:lang(el),
.page-links:lang(el),
.page-description:lang(el),
.pagination .nav-links:lang(el),
.sticky-post:lang(el),
.site-title:lang(el),
.site-info:lang(el),
#cancel-comment-reply-link:lang(el),
h1:lang(el),
h2:lang(el),
h3:lang(el),
h4:lang(el),
h5:lang(el),
h6:lang(el), .page-title:lang(el), blockquote cite:lang(el), table:lang(el), .button:lang(el),
input:lang(el)[type="button"],
input:lang(el)[type="reset"],
input:lang(el)[type="submit"], .comment-navigation .nav-previous:lang(el),
.comment-navigation .nav-next:lang(el), .comment-list .pingback .comment-body:lang(el),
.comment-list .trackback .comment-body:lang(el), .comment-list .pingback .comment-body .comment-edit-link:lang(el),
.comment-list .trackback .comment-body .comment-edit-link:lang(el), .comment-form .comment-notes:lang(el),
.comment-form label:lang(el), .widget_archive ul li:lang(el),
.widget_categories ul li:lang(el),
.widget_meta ul li:lang(el),
.widget_nav_menu ul li:lang(el),
.widget_pages ul li:lang(el),
.widget_recent_comments ul li:lang(el),
.widget_recent_entries ul li:lang(el),
.widget_rss ul li:lang(el), .widget_tag_cloud .tagcloud:lang(el), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(el), .entry .entry-content .wp-block-button .wp-block-button__link:lang(el), .entry .entry-content .wp-block-archives li > a:lang(el),
.entry .entry-content .wp-block-categories li > a:lang(el),
.entry .entry-content .wp-block-latest-posts li > a:lang(el), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(el), .entry .entry-content .wp-block-verse:lang(el), .entry .entry-content .has-drop-cap:lang(el):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(el), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(el),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(el),
.entry .entry-content .wp-block-cover-image h2:lang(el),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(el),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(el),
.entry .entry-content .wp-block-cover h2:lang(el), .entry .entry-content .wp-block-audio figcaption:lang(el),
.entry .entry-content .wp-block-video figcaption:lang(el),
.entry .entry-content .wp-block-image figcaption:lang(el),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(el),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(el), .entry .entry-content .wp-block-file:lang(el), .entry .entry-content .wp-block-file .wp-block-file__button:lang(el), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(el), .wp-caption-text:lang(el), .gallery-caption:lang(el) {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body:lang(gu), button:lang(gu),
input:lang(gu),
select:lang(gu),
optgroup:lang(gu),
textarea:lang(gu), .author-description .author-link:lang(gu),
.comment-metadata:lang(gu),
.comment-reply-link:lang(gu),
.comments-title:lang(gu),
.comment-author .fn:lang(gu),
.discussion-meta-info:lang(gu),
.entry-meta:lang(gu),
.entry-footer:lang(gu),
.main-navigation:lang(gu),
.no-comments:lang(gu),
.not-found .page-title:lang(gu),
.error-404 .page-title:lang(gu),
.post-navigation .post-title:lang(gu),
.page-links:lang(gu),
.page-description:lang(gu),
.pagination .nav-links:lang(gu),
.sticky-post:lang(gu),
.site-title:lang(gu),
.site-info:lang(gu),
#cancel-comment-reply-link:lang(gu),
h1:lang(gu),
h2:lang(gu),
h3:lang(gu),
h4:lang(gu),
h5:lang(gu),
h6:lang(gu), .page-title:lang(gu), blockquote cite:lang(gu), table:lang(gu), .button:lang(gu),
input:lang(gu)[type="button"],
input:lang(gu)[type="reset"],
input:lang(gu)[type="submit"], .comment-navigation .nav-previous:lang(gu),
.comment-navigation .nav-next:lang(gu), .comment-list .pingback .comment-body:lang(gu),
.comment-list .trackback .comment-body:lang(gu), .comment-list .pingback .comment-body .comment-edit-link:lang(gu),
.comment-list .trackback .comment-body .comment-edit-link:lang(gu), .comment-form .comment-notes:lang(gu),
.comment-form label:lang(gu), .widget_archive ul li:lang(gu),
.widget_categories ul li:lang(gu),
.widget_meta ul li:lang(gu),
.widget_nav_menu ul li:lang(gu),
.widget_pages ul li:lang(gu),
.widget_recent_comments ul li:lang(gu),
.widget_recent_entries ul li:lang(gu),
.widget_rss ul li:lang(gu), .widget_tag_cloud .tagcloud:lang(gu), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(gu), .entry .entry-content .wp-block-button .wp-block-button__link:lang(gu), .entry .entry-content .wp-block-archives li > a:lang(gu),
.entry .entry-content .wp-block-categories li > a:lang(gu),
.entry .entry-content .wp-block-latest-posts li > a:lang(gu), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(gu), .entry .entry-content .wp-block-verse:lang(gu), .entry .entry-content .has-drop-cap:lang(gu):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(gu), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(gu),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(gu),
.entry .entry-content .wp-block-cover-image h2:lang(gu),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(gu),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(gu),
.entry .entry-content .wp-block-cover h2:lang(gu), .entry .entry-content .wp-block-audio figcaption:lang(gu),
.entry .entry-content .wp-block-video figcaption:lang(gu),
.entry .entry-content .wp-block-image figcaption:lang(gu),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(gu),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(gu), .entry .entry-content .wp-block-file:lang(gu), .entry .entry-content .wp-block-file .wp-block-file__button:lang(gu), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(gu), .wp-caption-text:lang(gu), .gallery-caption:lang(gu) {
font-family: Arial, sans-serif;
}
body:lang(he-IL), button:lang(he-IL),
input:lang(he-IL),
select:lang(he-IL),
optgroup:lang(he-IL),
textarea:lang(he-IL), .author-description .author-link:lang(he-IL),
.comment-metadata:lang(he-IL),
.comment-reply-link:lang(he-IL),
.comments-title:lang(he-IL),
.comment-author .fn:lang(he-IL),
.discussion-meta-info:lang(he-IL),
.entry-meta:lang(he-IL),
.entry-footer:lang(he-IL),
.main-navigation:lang(he-IL),
.no-comments:lang(he-IL),
.not-found .page-title:lang(he-IL),
.error-404 .page-title:lang(he-IL),
.post-navigation .post-title:lang(he-IL),
.page-links:lang(he-IL),
.page-description:lang(he-IL),
.pagination .nav-links:lang(he-IL),
.sticky-post:lang(he-IL),
.site-title:lang(he-IL),
.site-info:lang(he-IL),
#cancel-comment-reply-link:lang(he-IL),
h1:lang(he-IL),
h2:lang(he-IL),
h3:lang(he-IL),
h4:lang(he-IL),
h5:lang(he-IL),
h6:lang(he-IL), .page-title:lang(he-IL), blockquote cite:lang(he-IL), table:lang(he-IL), .button:lang(he-IL),
input:lang(he-IL)[type="button"],
input:lang(he-IL)[type="reset"],
input:lang(he-IL)[type="submit"], .comment-navigation .nav-previous:lang(he-IL),
.comment-navigation .nav-next:lang(he-IL), .comment-list .pingback .comment-body:lang(he-IL),
.comment-list .trackback .comment-body:lang(he-IL), .comment-list .pingback .comment-body .comment-edit-link:lang(he-IL),
.comment-list .trackback .comment-body .comment-edit-link:lang(he-IL), .comment-form .comment-notes:lang(he-IL),
.comment-form label:lang(he-IL), .widget_archive ul li:lang(he-IL),
.widget_categories ul li:lang(he-IL),
.widget_meta ul li:lang(he-IL),
.widget_nav_menu ul li:lang(he-IL),
.widget_pages ul li:lang(he-IL),
.widget_recent_comments ul li:lang(he-IL),
.widget_recent_entries ul li:lang(he-IL),
.widget_rss ul li:lang(he-IL), .widget_tag_cloud .tagcloud:lang(he-IL), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(he-IL), .entry .entry-content .wp-block-button .wp-block-button__link:lang(he-IL), .entry .entry-content .wp-block-archives li > a:lang(he-IL),
.entry .entry-content .wp-block-categories li > a:lang(he-IL),
.entry .entry-content .wp-block-latest-posts li > a:lang(he-IL), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(he-IL), .entry .entry-content .wp-block-verse:lang(he-IL), .entry .entry-content .has-drop-cap:lang(he-IL):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(he-IL), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(he-IL),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(he-IL),
.entry .entry-content .wp-block-cover-image h2:lang(he-IL),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(he-IL),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(he-IL),
.entry .entry-content .wp-block-cover h2:lang(he-IL), .entry .entry-content .wp-block-audio figcaption:lang(he-IL),
.entry .entry-content .wp-block-video figcaption:lang(he-IL),
.entry .entry-content .wp-block-image figcaption:lang(he-IL),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(he-IL),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(he-IL), .entry .entry-content .wp-block-file:lang(he-IL), .entry .entry-content .wp-block-file .wp-block-file__button:lang(he-IL), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(he-IL), .wp-caption-text:lang(he-IL), .gallery-caption:lang(he-IL) {
font-family: "Arial Hebrew", Arial, sans-serif;
}
body:lang(ja), button:lang(ja),
input:lang(ja),
select:lang(ja),
optgroup:lang(ja),
textarea:lang(ja), .author-description .author-link:lang(ja),
.comment-metadata:lang(ja),
.comment-reply-link:lang(ja),
.comments-title:lang(ja),
.comment-author .fn:lang(ja),
.discussion-meta-info:lang(ja),
.entry-meta:lang(ja),
.entry-footer:lang(ja),
.main-navigation:lang(ja),
.no-comments:lang(ja),
.not-found .page-title:lang(ja),
.error-404 .page-title:lang(ja),
.post-navigation .post-title:lang(ja),
.page-links:lang(ja),
.page-description:lang(ja),
.pagination .nav-links:lang(ja),
.sticky-post:lang(ja),
.site-title:lang(ja),
.site-info:lang(ja),
#cancel-comment-reply-link:lang(ja),
h1:lang(ja),
h2:lang(ja),
h3:lang(ja),
h4:lang(ja),
h5:lang(ja),
h6:lang(ja), .page-title:lang(ja), blockquote cite:lang(ja), table:lang(ja), .button:lang(ja),
input:lang(ja)[type="button"],
input:lang(ja)[type="reset"],
input:lang(ja)[type="submit"], .comment-navigation .nav-previous:lang(ja),
.comment-navigation .nav-next:lang(ja), .comment-list .pingback .comment-body:lang(ja),
.comment-list .trackback .comment-body:lang(ja), .comment-list .pingback .comment-body .comment-edit-link:lang(ja),
.comment-list .trackback .comment-body .comment-edit-link:lang(ja), .comment-form .comment-notes:lang(ja),
.comment-form label:lang(ja), .widget_archive ul li:lang(ja),
.widget_categories ul li:lang(ja),
.widget_meta ul li:lang(ja),
.widget_nav_menu ul li:lang(ja),
.widget_pages ul li:lang(ja),
.widget_recent_comments ul li:lang(ja),
.widget_recent_entries ul li:lang(ja),
.widget_rss ul li:lang(ja), .widget_tag_cloud .tagcloud:lang(ja), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(ja), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ja), .entry .entry-content .wp-block-archives li > a:lang(ja),
.entry .entry-content .wp-block-categories li > a:lang(ja),
.entry .entry-content .wp-block-latest-posts li > a:lang(ja), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(ja), .entry .entry-content .wp-block-verse:lang(ja), .entry .entry-content .has-drop-cap:lang(ja):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ja), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover-image h2:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ja),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ja),
.entry .entry-content .wp-block-cover h2:lang(ja), .entry .entry-content .wp-block-audio figcaption:lang(ja),
.entry .entry-content .wp-block-video figcaption:lang(ja),
.entry .entry-content .wp-block-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ja),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ja), .entry .entry-content .wp-block-file:lang(ja), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ja), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ja), .wp-caption-text:lang(ja), .gallery-caption:lang(ja) {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif;
}
body:lang(ko-KR), button:lang(ko-KR),
input:lang(ko-KR),
select:lang(ko-KR),
optgroup:lang(ko-KR),
textarea:lang(ko-KR), .author-description .author-link:lang(ko-KR),
.comment-metadata:lang(ko-KR),
.comment-reply-link:lang(ko-KR),
.comments-title:lang(ko-KR),
.comment-author .fn:lang(ko-KR),
.discussion-meta-info:lang(ko-KR),
.entry-meta:lang(ko-KR),
.entry-footer:lang(ko-KR),
.main-navigation:lang(ko-KR),
.no-comments:lang(ko-KR),
.not-found .page-title:lang(ko-KR),
.error-404 .page-title:lang(ko-KR),
.post-navigation .post-title:lang(ko-KR),
.page-links:lang(ko-KR),
.page-description:lang(ko-KR),
.pagination .nav-links:lang(ko-KR),
.sticky-post:lang(ko-KR),
.site-title:lang(ko-KR),
.site-info:lang(ko-KR),
#cancel-comment-reply-link:lang(ko-KR),
h1:lang(ko-KR),
h2:lang(ko-KR),
h3:lang(ko-KR),
h4:lang(ko-KR),
h5:lang(ko-KR),
h6:lang(ko-KR), .page-title:lang(ko-KR), blockquote cite:lang(ko-KR), table:lang(ko-KR), .button:lang(ko-KR),
input:lang(ko-KR)[type="button"],
input:lang(ko-KR)[type="reset"],
input:lang(ko-KR)[type="submit"], .comment-navigation .nav-previous:lang(ko-KR),
.comment-navigation .nav-next:lang(ko-KR), .comment-list .pingback .comment-body:lang(ko-KR),
.comment-list .trackback .comment-body:lang(ko-KR), .comment-list .pingback .comment-body .comment-edit-link:lang(ko-KR),
.comment-list .trackback .comment-body .comment-edit-link:lang(ko-KR), .comment-form .comment-notes:lang(ko-KR),
.comment-form label:lang(ko-KR), .widget_archive ul li:lang(ko-KR),
.widget_categories ul li:lang(ko-KR),
.widget_meta ul li:lang(ko-KR),
.widget_nav_menu ul li:lang(ko-KR),
.widget_pages ul li:lang(ko-KR),
.widget_recent_comments ul li:lang(ko-KR),
.widget_recent_entries ul li:lang(ko-KR),
.widget_rss ul li:lang(ko-KR), .widget_tag_cloud .tagcloud:lang(ko-KR), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(ko-KR), .entry .entry-content .wp-block-button .wp-block-button__link:lang(ko-KR), .entry .entry-content .wp-block-archives li > a:lang(ko-KR),
.entry .entry-content .wp-block-categories li > a:lang(ko-KR),
.entry .entry-content .wp-block-latest-posts li > a:lang(ko-KR), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(ko-KR), .entry .entry-content .wp-block-verse:lang(ko-KR), .entry .entry-content .has-drop-cap:lang(ko-KR):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(ko-KR), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(ko-KR),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(ko-KR),
.entry .entry-content .wp-block-cover-image h2:lang(ko-KR),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(ko-KR),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(ko-KR),
.entry .entry-content .wp-block-cover h2:lang(ko-KR), .entry .entry-content .wp-block-audio figcaption:lang(ko-KR),
.entry .entry-content .wp-block-video figcaption:lang(ko-KR),
.entry .entry-content .wp-block-image figcaption:lang(ko-KR),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(ko-KR),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(ko-KR), .entry .entry-content .wp-block-file:lang(ko-KR), .entry .entry-content .wp-block-file .wp-block-file__button:lang(ko-KR), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(ko-KR), .wp-caption-text:lang(ko-KR), .gallery-caption:lang(ko-KR) {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}
body:lang(th), button:lang(th),
input:lang(th),
select:lang(th),
optgroup:lang(th),
textarea:lang(th), .author-description .author-link:lang(th),
.comment-metadata:lang(th),
.comment-reply-link:lang(th),
.comments-title:lang(th),
.comment-author .fn:lang(th),
.discussion-meta-info:lang(th),
.entry-meta:lang(th),
.entry-footer:lang(th),
.main-navigation:lang(th),
.no-comments:lang(th),
.not-found .page-title:lang(th),
.error-404 .page-title:lang(th),
.post-navigation .post-title:lang(th),
.page-links:lang(th),
.page-description:lang(th),
.pagination .nav-links:lang(th),
.sticky-post:lang(th),
.site-title:lang(th),
.site-info:lang(th),
#cancel-comment-reply-link:lang(th),
h1:lang(th),
h2:lang(th),
h3:lang(th),
h4:lang(th),
h5:lang(th),
h6:lang(th), .page-title:lang(th), blockquote cite:lang(th), table:lang(th), .button:lang(th),
input:lang(th)[type="button"],
input:lang(th)[type="reset"],
input:lang(th)[type="submit"], .comment-navigation .nav-previous:lang(th),
.comment-navigation .nav-next:lang(th), .comment-list .pingback .comment-body:lang(th),
.comment-list .trackback .comment-body:lang(th), .comment-list .pingback .comment-body .comment-edit-link:lang(th),
.comment-list .trackback .comment-body .comment-edit-link:lang(th), .comment-form .comment-notes:lang(th),
.comment-form label:lang(th), .widget_archive ul li:lang(th),
.widget_categories ul li:lang(th),
.widget_meta ul li:lang(th),
.widget_nav_menu ul li:lang(th),
.widget_pages ul li:lang(th),
.widget_recent_comments ul li:lang(th),
.widget_recent_entries ul li:lang(th),
.widget_rss ul li:lang(th), .widget_tag_cloud .tagcloud:lang(th), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(th), .entry .entry-content .wp-block-button .wp-block-button__link:lang(th), .entry .entry-content .wp-block-archives li > a:lang(th),
.entry .entry-content .wp-block-categories li > a:lang(th),
.entry .entry-content .wp-block-latest-posts li > a:lang(th), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(th), .entry .entry-content .wp-block-verse:lang(th), .entry .entry-content .has-drop-cap:lang(th):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(th), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(th),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(th),
.entry .entry-content .wp-block-cover-image h2:lang(th),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(th),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(th),
.entry .entry-content .wp-block-cover h2:lang(th), .entry .entry-content .wp-block-audio figcaption:lang(th),
.entry .entry-content .wp-block-video figcaption:lang(th),
.entry .entry-content .wp-block-image figcaption:lang(th),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(th),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(th), .entry .entry-content .wp-block-file:lang(th), .entry .entry-content .wp-block-file .wp-block-file__button:lang(th), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(th), .wp-caption-text:lang(th), .gallery-caption:lang(th) {
font-family: "Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif;
}
body:lang(vi), button:lang(vi),
input:lang(vi),
select:lang(vi),
optgroup:lang(vi),
textarea:lang(vi), .author-description .author-link:lang(vi),
.comment-metadata:lang(vi),
.comment-reply-link:lang(vi),
.comments-title:lang(vi),
.comment-author .fn:lang(vi),
.discussion-meta-info:lang(vi),
.entry-meta:lang(vi),
.entry-footer:lang(vi),
.main-navigation:lang(vi),
.no-comments:lang(vi),
.not-found .page-title:lang(vi),
.error-404 .page-title:lang(vi),
.post-navigation .post-title:lang(vi),
.page-links:lang(vi),
.page-description:lang(vi),
.pagination .nav-links:lang(vi),
.sticky-post:lang(vi),
.site-title:lang(vi),
.site-info:lang(vi),
#cancel-comment-reply-link:lang(vi),
h1:lang(vi),
h2:lang(vi),
h3:lang(vi),
h4:lang(vi),
h5:lang(vi),
h6:lang(vi), .page-title:lang(vi), blockquote cite:lang(vi), table:lang(vi), .button:lang(vi),
input:lang(vi)[type="button"],
input:lang(vi)[type="reset"],
input:lang(vi)[type="submit"], .comment-navigation .nav-previous:lang(vi),
.comment-navigation .nav-next:lang(vi), .comment-list .pingback .comment-body:lang(vi),
.comment-list .trackback .comment-body:lang(vi), .comment-list .pingback .comment-body .comment-edit-link:lang(vi),
.comment-list .trackback .comment-body .comment-edit-link:lang(vi), .comment-form .comment-notes:lang(vi),
.comment-form label:lang(vi), .widget_archive ul li:lang(vi),
.widget_categories ul li:lang(vi),
.widget_meta ul li:lang(vi),
.widget_nav_menu ul li:lang(vi),
.widget_pages ul li:lang(vi),
.widget_recent_comments ul li:lang(vi),
.widget_recent_entries ul li:lang(vi),
.widget_rss ul li:lang(vi), .widget_tag_cloud .tagcloud:lang(vi), .widget_calendar .calendar_wrap .wp-calendar-nav:lang(vi), .entry .entry-content .wp-block-button .wp-block-button__link:lang(vi), .entry .entry-content .wp-block-archives li > a:lang(vi),
.entry .entry-content .wp-block-categories li > a:lang(vi),
.entry .entry-content .wp-block-latest-posts li > a:lang(vi), .entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date:lang(vi), .entry .entry-content .wp-block-verse:lang(vi), .entry .entry-content .has-drop-cap:lang(vi):not(:focus):first-letter, .entry .entry-content .wp-block-pullquote cite:lang(vi), .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text:lang(vi),
.entry .entry-content .wp-block-cover-image .wp-block-cover-text:lang(vi),
.entry .entry-content .wp-block-cover-image h2:lang(vi),
.entry .entry-content .wp-block-cover .wp-block-cover-image-text:lang(vi),
.entry .entry-content .wp-block-cover .wp-block-cover-text:lang(vi),
.entry .entry-content .wp-block-cover h2:lang(vi), .entry .entry-content .wp-block-audio figcaption:lang(vi),
.entry .entry-content .wp-block-video figcaption:lang(vi),
.entry .entry-content .wp-block-image figcaption:lang(vi),
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption:lang(vi),
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption:lang(vi), .entry .entry-content .wp-block-file:lang(vi), .entry .entry-content .wp-block-file .wp-block-file__button:lang(vi), .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta:lang(vi), .wp-caption-text:lang(vi), .gallery-caption:lang(vi) {
font-family: "Libre Franklin", sans-serif;
}
/* Normalize */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Typography */
html {
font-size: 22px;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
font-weight: 400;
font-size: 1em;
line-height: 1.8;
margin: 0;
text-rendering: optimizeLegibility;
}
button,
input,
select,
optgroup,
textarea {
color: #111;
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
font-weight: 400;
line-height: 1.8;
text-rendering: optimizeLegibility;
}
.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.main-navigation,
.page-description,
.author-description .author-link,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.pagination .nav-links,
.comments-title,
.comment-author .fn,
.no-comments,
.site-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
letter-spacing: -0.02em;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.page-title {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
}
.site-branding,
.main-navigation ul.main-menu > li,
.social-navigation,
.author-description .author-bio,
.nav-links {
line-height: 1.25;
}
h1 {
font-size: 2.25em;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 2.8125em;
}
}
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 1.6875em;
}
@media only screen and (min-width: 768px) {
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.has-larger-font-size,
h2 {
font-size: 2.25em;
}
}
.has-regular-font-size,
.has-large-font-size,
.comments-title,
h3 {
font-size: 1.6875em;
}
.site-title,
.site-description,
.main-navigation,
.nav-links,
.page-title,
.page-description,
.comment-author .fn,
.no-comments,
h2.author-title,
p.author-bio,
h4 {
font-size: 1.125em;
}
.pagination .nav-links,
.comment-content,
h5 {
font-size: 0.88889em;
}
.entry-meta,
.entry-footer,
.discussion-meta-info,
.site-info,
.has-small-font-size,
.comment-reply-link,
.comment-metadata,
.comment-notes,
.sticky-post,
#cancel-comment-reply-link,
img:after,
h6 {
font-size: 0.71111em;
}
.site-title,
.page-title {
font-weight: normal;
}
.page-description,
.page-links a {
font-weight: bold;
}
.site-description {
letter-spacing: -0.01em;
}
.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
blockquote {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
word-wrap: break-word;
}
/* Do not hyphenate entry title on tablet view and bigger. */
@media only screen and (min-width: 768px) {
.entry-title {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
}
p {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote cite {
font-size: 0.71111em;
font-style: normal;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
pre {
font-size: 0.88889em;
font-family: "Courier 10 Pitch", Courier, monospace;
line-height: 1.8;
overflow: auto;
}
code,
kbd,
tt,
var {
font-size: 0.88889em;
font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: underline;
}
/* Elements */
html {
box-sizing: border-box;
}
::-moz-selection {
background-color: #bfdcea;
}
::selection {
background-color: #bfdcea;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
background-color: #fff;
}
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:hover,
a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin;
outline-style: dotted;
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
margin: 1rem 0;
}
h1:not(.site-title):before,
h2:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
h1:not(.site-title).has-text-align-center:before,
h2.has-text-align-center:before {
margin-right: auto;
margin-left: auto;
}
h1:not(.site-title).has-text-align-right:before,
h2.has-text-align-right:before {
margin-right: auto;
}
hr {
background-color: #767676;
border: 0;
height: 2px;
}
ul,
ol {
padding-right: 1rem;
}
ul {
list-style: disc;
}
ul ul {
list-style-type: circle;
}
ol {
list-style: decimal;
}
li {
line-height: 1.8;
}
li > ul,
li > ol {
padding-right: 2rem;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1rem 1rem;
}
img {
height: auto;
max-width: 100%;
position: relative;
}
figure {
margin: 0;
}
blockquote {
border-right: 2px solid #0073aa;
margin-right: 0;
padding: 0 1rem 0 0;
}
blockquote > p {
margin: 0 0 1rem;
}
blockquote cite {
color: #767676;
}
table {
margin: 0 0 1rem;
border-collapse: collapse;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
table td,
table th {
padding: 0.5em;
border: 1px solid #767676;
word-break: break-all;
}
/* Forms */
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
transition: background 150ms ease-in-out;
background: #0073aa;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.88889em;
font-weight: 700;
line-height: 1.2;
outline: none;
padding: 0.76rem 1rem;
text-decoration: none;
vertical-align: bottom;
}
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #111;
cursor: pointer;
}
.button:visited,
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
color: #fff;
text-decoration: none;
}
.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
-webkit-backface-visibility: hidden;
background: #fff;
border: solid 1px #ccc;
box-sizing: border-box;
outline: none;
padding: 0.36rem 0.66rem;
-webkit-appearance: none;
outline-offset: 0;
border-radius: 0;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
border-color: #0073aa;
outline: thin solid rgba(0, 115, 170, 0.15);
outline-offset: -4px;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}
textarea {
box-sizing: border-box;
display: block;
width: 100%;
max-width: 100%;
resize: vertical;
}
form p {
margin: 1rem 0;
}
/* Navigation */
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
transition: color 110ms ease-in-out;
color: #0073aa;
}
a:visited {
color: #0073aa;
}
a:hover,
a:active {
color: #005177;
outline: 0;
text-decoration: none;
}
a:focus {
outline: thin dotted;
text-decoration: underline;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/** === Main menu === */
.main-navigation {
display: block;
margin-top: 0.25rem;
/* Un-style buttons */
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors don’t get ignored if a browser doesn’t recognize it
*/
/**
* Fade-in animation for top-level submenus
*/
/**
* Off-canvas touch device styles
*/
}
body.page .main-navigation {
display: block;
}
.main-navigation > div {
display: inline;
}
.main-navigation button {
display: inline-block;
border: none;
padding: 0;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
background: transparent;
color: inherit;
cursor: pointer;
transition: background 250ms ease-in-out, transform 150ms ease;
-webkit-appearance: none;
-moz-appearance: none;
}
.main-navigation button:hover, .main-navigation button:focus {
background: transparent;
}
.main-navigation button:focus {
outline: 1px solid transparent;
outline-offset: -4px;
}
.main-navigation button:active {
transform: scale(0.99);
}
.main-navigation .main-menu {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .main-menu > li {
color: #0073aa;
display: inline;
position: relative;
}
.main-navigation .main-menu > li > a {
font-weight: 700;
color: #0073aa;
margin-left: 0.5rem;
}
.main-navigation .main-menu > li > a + svg {
margin-left: 0.5rem;
}
.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg {
color: #005177;
}
.main-navigation .main-menu > li.menu-item-has-children {
display: inline-block;
position: inherit;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu > li.menu-item-has-children {
position: relative;
}
}
.main-navigation .main-menu > li.menu-item-has-children > a {
margin-left: 0.125rem;
}
.main-navigation .main-menu > li.menu-item-has-children > a:after,
.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "";
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
margin-left: 0.25rem;
/* Priority+ Menu */
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
position: relative;
height: 24px;
line-height: 1.2;
width: 24px;
padding: 0;
margin-right: 0.5rem;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
height: 24px;
width: 24px;
top: -0.125rem;
vertical-align: text-bottom;
}
.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
position: relative;
top: 0.2rem;
}
.main-navigation .main-menu > li:last-child > a,
.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
margin-left: 0;
}
.main-navigation .sub-menu {
background-color: #0073aa;
color: #fff;
list-style: none;
padding-right: 0;
position: absolute;
opacity: 0;
right: -9999px;
z-index: 99999;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu {
width: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
}
}
.main-navigation .sub-menu > li {
display: block;
float: none;
position: relative;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + 1rem);
left: 0;
top: calc( .125 * 1rem);
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
top: 0;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "\203a";
}
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
line-height: 1.2;
text-shadow: none;
padding: calc( .5 * 1rem) 1rem calc( .5 * 1rem) calc( 24px + 1rem);
max-width: 20rem;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
background: #005177;
}
.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
background: #005177;
}
.main-navigation .sub-menu > li > .menu-item-link-return {
width: 100%;
font-size: 22px;
font-weight: normal;
text-align: right;
}
.main-navigation .sub-menu > li > a:empty {
display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
display: none;
font-size: 0.88889em;
font-weight: normal;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
position: relative;
top: 0.2rem;
margin-left: calc( .25 * 1rem);
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
right: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
right: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
right: 0;
left: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
right: 0;
left: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
right: 0;
width: 100%;
display: table;
position: absolute;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
right: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
left: 0;
right: auto;
display: block;
width: max-content;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
left: 0;
right: auto;
display: block;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
right: 0;
opacity: 1;
/* Non-mobile position */
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
right: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
right: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
float: none;
margin-top: 0;
opacity: 1;
position: absolute;
right: 0;
left: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
right: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
left: 0;
right: auto;
display: table;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
right: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
animation: fade_in 0.1s forwards;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
transform: rotate(-270deg);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
opacity: 0;
position: absolute;
z-index: 0;
transform: translateX(100%);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
background-color: transparent;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
white-space: inherit;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
opacity: 1;
padding-right: 0;
/* Mobile position */
right: 0;
top: 0;
left: 0;
bottom: 0;
position: fixed;
z-index: 100000;
/* Make sure appears above mobile admin bar */
width: 100vw;
height: 100vh;
max-width: 100vw;
transform: translateX(-100%);
animation: slide_in_right 0.3s forwards;
/* Prevent menu from being blocked by admin bar */
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
display: block;
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 46px;
height: calc( 100vh - 46px);
/* WP core breakpoint */
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
@media only screen and (min-width: 782px) {
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 32px;
height: calc( 100vh - 32px);
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
}
.main-navigation .main-menu-more:nth-child(n+3) {
display: none;
}
/* Menu animation */
@keyframes slide_in_right {
100% {
transform: translateX(0%);
}
}
@keyframes fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Social menu */
.social-navigation {
margin-top: calc(1rem / 2);
text-align: right;
}
.social-navigation ul.social-links-menu {
content: "";
display: table;
table-layout: fixed;
display: inline-block;
margin: 0;
padding: 0;
}
.social-navigation ul.social-links-menu li {
display: inline-block;
vertical-align: bottom;
vertical-align: -webkit-baseline-middle;
list-style: none;
}
.social-navigation ul.social-links-menu li:nth-child(n+2) {
margin-right: 0.1em;
}
.social-navigation ul.social-links-menu li a {
border-bottom: 1px solid transparent;
display: block;
color: #111;
margin-bottom: -1px;
transition: opacity 110ms ease-in-out;
}
.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
color: #111;
opacity: 0.6;
}
.social-navigation ul.social-links-menu li a:focus {
color: #111;
opacity: 1;
border-bottom: 1px solid #111;
}
.social-navigation ul.social-links-menu li a svg {
display: block;
width: 32px;
height: 32px;
transform: translateZ(0);
}
.social-navigation ul.social-links-menu li a svg#ui-icon-link {
transform: rotate(45deg);
}
@media only screen and (min-width: 768px) {
.site-title + .social-navigation,
.site-description + .social-navigation {
margin-top: calc(1rem / 5);
}
}
/** === Footer menu === */
.footer-navigation {
display: inline;
}
.footer-navigation > div {
display: inline;
}
.footer-navigation .footer-menu {
display: inline;
padding-right: 0;
}
.footer-navigation .footer-menu li {
display: inline;
margin-left: 1rem;
}
/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous navigation */
.post-navigation {
margin: calc(3 * 1rem) 0;
}
@media only screen and (min-width: 768px) {
.post-navigation {
margin: calc(3 * 1rem) calc(10% + 60px);
max-width: calc(6 * (100vw / 12));
}
}
@media only screen and (min-width: 1168px) {
.post-navigation {
margin: calc(3 * 1rem) 0;
max-width: 100%;
}
}
.post-navigation .nav-links {
margin: 0 1rem;
max-width: 100%;
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.post-navigation .nav-links {
margin: 0;
}
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links {
flex-direction: row;
margin: 0 calc(10% + 60px);
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.post-navigation .nav-links a .meta-nav {
color: #767676;
user-select: none;
}
.post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
display: none;
content: "—";
width: 2em;
color: #767676;
height: 1em;
}
.post-navigation .nav-links a .post-title {
hyphens: auto;
}
.post-navigation .nav-links a:hover {
color: #005177;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
min-width: calc(50% - 2 * 1rem);
}
}
.post-navigation .nav-links .nav-previous {
order: 2;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-previous {
order: 1;
}
}
.post-navigation .nav-links .nav-previous + .nav-next {
margin-bottom: 1rem;
}
.post-navigation .nav-links .nav-previous .meta-nav:before {
display: inline;
}
.post-navigation .nav-links .nav-next {
order: 1;
}
@media only screen and (min-width: 1168px) {
.post-navigation .nav-links .nav-next {
order: 2;
padding-right: 1rem;
}
}
.post-navigation .nav-links .nav-next .meta-nav:after {
display: inline;
}
.pagination .nav-links {
display: flex;
flex-wrap: wrap;
padding: 0 calc(.5 * 1rem);
}
.pagination .nav-links > * {
padding: calc(.5 * 1rem);
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.prev {
padding-right: 0;
}
.pagination .nav-links > *.dots, .pagination .nav-links > *.next {
padding-left: 0;
}
.pagination .nav-links a:focus {
text-decoration: underline;
outline-offset: -1px;
}
.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
text-decoration: none;
}
.pagination .nav-links a:focus.prev .nav-prev-text,
.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
.pagination .nav-links a:focus.next .nav-next-text {
text-decoration: underline;
}
.pagination .nav-links .nav-next-text,
.pagination .nav-links .nav-prev-text {
display: none;
}
@media only screen and (min-width: 768px) {
.pagination .nav-links {
margin-right: calc(10% + 60px);
padding: 0;
}
.pagination .nav-links .prev > *,
.pagination .nav-links .next > * {
display: inline-block;
vertical-align: text-bottom;
}
.pagination .nav-links > * {
padding: 1rem;
}
}
.comment-navigation .nav-links {
display: flex;
flex-direction: row;
}
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
min-width: 50%;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: none;
}
@media only screen and (min-width: 768px) {
.comment-navigation .nav-previous .secondary-text,
.comment-navigation .nav-next .secondary-text {
display: inline;
}
}
.comment-navigation .nav-previous svg,
.comment-navigation .nav-next svg {
vertical-align: middle;
position: relative;
margin: 0 -0.35em;
top: -1px;
}
.comment-navigation .nav-next {
text-align: left;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: bold;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments */
.alignleft {
float: left;
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.alignleft {
margin-right: calc(2 * 1rem);
}
}
.alignright {
float: right;
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.alignright {
margin-left: calc(2 * 1rem);
}
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
}
/* Clearings */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/* Layout */
/** === Layout === */
#page {
width: 100%;
}
.site-content {
overflow: hidden;
}
/* Content */
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
padding: 1em;
}
.site-header.featured-image {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 90vh;
}
.site-header.featured-image .site-branding-container {
margin-bottom: auto;
}
@media only screen and (min-width: 768px) {
.site-header {
margin: 0;
padding: 3rem 0;
}
.site-header.featured-image {
min-height: 100vh;
margin-bottom: 3rem;
}
}
.site-branding {
color: #767676;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
position: relative;
word-wrap: break-word;
}
@media only screen and (min-width: 768px) {
.site-branding {
margin: 0 calc(10% + 60px);
}
}
.site-logo {
position: relative;
z-index: 999;
margin-bottom: calc(.66 * 1rem);
}
@media only screen and (min-width: 768px) {
.site-logo {
margin-bottom: 0;
position: absolute;
left: calc(100% + (1.25 * 1rem));
top: 4px;
z-index: 999;
}
}
.site-logo .custom-logo-link {
border-radius: 100%;
box-sizing: content-box;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
display: block;
width: 50px;
height: 50px;
overflow: hidden;
transition: box-shadow 200ms ease-in-out;
}
.site-logo .custom-logo-link .custom-logo {
min-height: inherit;
}
.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
box-shadow: 0 0 0 2px black;
}
@media only screen and (min-width: 768px) {
.site-logo .custom-logo-link {
width: 64px;
height: 64px;
}
}
.site-title {
margin: auto;
display: inline;
color: #111;
/* When there is no description set, make sure navigation appears below title. */
}
.site-title a {
color: #111;
}
.site-title a:link, .site-title a:visited {
color: #111;
}
.site-title a:hover {
color: #4a4a4a;
}
.featured-image .site-title {
margin: 0;
}
@media only screen and (min-width: 768px) {
.featured-image .site-title {
display: inline-block;
}
}
.site-title + .main-navigation {
display: block;
}
@media only screen and (min-width: 768px) {
.site-title {
display: inline;
}
}
.site-title:not(:empty) + .site-description:not(:empty):before {
content: "\2014";
margin: 0 .2em;
}
.site-description {
display: inline;
color: #767676;
font-weight: normal;
margin: 0;
}
.site-header.featured-image {
/* Hide overflow for overflowing featured image */
overflow: hidden;
/* Need relative positioning to properly align layers. */
position: relative;
/* Add text shadow to text, to increase readability. */
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
/* Set white text color when featured image is set. */
/* add focus state to social media icons */
/* Entry header */
/* Custom Logo Link */
/* Make sure important elements are above pseudo elements used for effects. */
/* Set up image filter layer positioning */
/* Background & Effects */
/* Shared background settings between pseudo elements. */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/* The intensity of each blend mode is controlled via layer opacity. */
/* Second layer: screen. */
/* Third layer: multiply. */
/* When image filters are inactive, a black overlay is added. */
/* Fourth layer: overlay. */
/* Fifth layer: readability overlay */
}
.site-header.featured-image .site-branding .site-title,
.site-header.featured-image .site-branding .site-description,
.site-header.featured-image .main-navigation a:after,
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
.site-header.featured-image .main-navigation li,
.site-header.featured-image .social-navigation li,
.site-header.featured-image .entry-meta,
.site-header.featured-image .entry-title {
color: #fff;
}
.site-header.featured-image .main-navigation a,
.site-header.featured-image .main-navigation a + svg,
.site-header.featured-image .social-navigation a,
.site-header.featured-image .site-title a,
.site-header.featured-image .site-featured-image a {
color: #fff;
transition: opacity 110ms ease-in-out;
}
.site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
.site-header.featured-image .main-navigation a:hover + svg,
.site-header.featured-image .main-navigation a:active + svg,
.site-header.featured-image .main-navigation a + svg:hover,
.site-header.featured-image .main-navigation a + svg:active,
.site-header.featured-image .main-navigation a + svg:hover + svg,
.site-header.featured-image .main-navigation a + svg:active + svg,
.site-header.featured-image .social-navigation a:hover,
.site-header.featured-image .social-navigation a:active,
.site-header.featured-image .social-navigation a:hover + svg,
.site-header.featured-image .social-navigation a:active + svg,
.site-header.featured-image .site-title a:hover,
.site-header.featured-image .site-title a:active,
.site-header.featured-image .site-title a:hover + svg,
.site-header.featured-image .site-title a:active + svg,
.site-header.featured-image .site-featured-image a:hover,
.site-header.featured-image .site-featured-image a:active,
.site-header.featured-image .site-featured-image a:hover + svg,
.site-header.featured-image .site-featured-image a:active + svg {
color: #fff;
opacity: 0.6;
}
.site-header.featured-image .main-navigation a:focus,
.site-header.featured-image .main-navigation a:focus + svg,
.site-header.featured-image .main-navigation a + svg:focus,
.site-header.featured-image .main-navigation a + svg:focus + svg,
.site-header.featured-image .social-navigation a:focus,
.site-header.featured-image .social-navigation a:focus + svg,
.site-header.featured-image .site-title a:focus,
.site-header.featured-image .site-title a:focus + svg,
.site-header.featured-image .site-featured-image a:focus,
.site-header.featured-image .site-featured-image a:focus + svg {
color: #fff;
}
.site-header.featured-image .main-navigation .sub-menu a {
opacity: inherit;
}
.site-header.featured-image .social-navigation a:focus {
color: #fff;
opacity: 1;
border-bottom: 1px solid #fff;
}
.site-header.featured-image .social-navigation svg,
.site-header.featured-image .site-featured-image svg {
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
.site-header.featured-image .site-featured-image {
/* First layer: grayscale. */
}
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: auto;
right: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100vw;
position: absolute;
top: 50%;
transform: translateX(50%) translateY(-50%);
width: auto;
z-index: 1;
/* When image filters are active, make it grayscale to colorize it blue. */
}
@supports (object-fit: cover) {
.site-header.featured-image .site-featured-image .post-thumbnail img {
height: 100%;
right: 0;
object-fit: cover;
top: 0;
transform: none;
width: 100%;
}
}
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
filter: grayscale(100%);
}
.site-header.featured-image .site-featured-image .entry-header {
margin-top: calc( 4 * 1rem);
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
/* Entry meta */
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header {
margin-right: calc(10% + 60px);
margin-left: calc(10% + 60px);
}
}
.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
background: #fff;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta {
font-weight: 500;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
margin-left: 1rem;
display: inline-block;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
margin-left: 0;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
text-decoration: none;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 0.5em;
}
.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
display: none;
}
@media only screen and (min-width: 768px) {
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
display: flex;
position: relative;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
padding-left: calc(1 * (100vw / 12) + 1rem);
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
position: absolute;
left: 0;
}
.site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
display: block;
position: absolute;
bottom: 100%;
}
}
.site-header.featured-image .custom-logo-link {
background: #fff;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
.site-header.featured-image .custom-logo-link:hover, .site-header.featured-image .custom-logo-link:active, .site-header.featured-image .custom-logo-link:focus {
box-shadow: 0 0 0 2px white;
}
.site-header.featured-image .site-branding {
position: relative;
z-index: 10;
}
.site-header.featured-image .site-featured-image .entry-header {
position: relative;
z-index: 9;
}
.site-header.featured-image .site-branding-container:after,
.site-header.featured-image .site-featured-image:before,
.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
display: block;
position: absolute;
top: 0;
right: 0;
content: "\020";
width: 100%;
height: 100%;
}
.image-filters-enabled .site-header.featured-image .site-featured-image:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
}
.site-header.featured-image .site-featured-image:after {
background: #000;
mix-blend-mode: multiply;
opacity: .7;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
background: #0073aa;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .site-header.featured-image .site-featured-image:after {
opacity: 1;
}
}
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(0, 0, 0, 0.35);
mix-blend-mode: overlay;
opacity: 0.5;
z-index: 4;
/* Browsers supporting mix-blend-mode can have a light overlay */
}
@supports (mix-blend-mode: overlay) {
.image-filters-enabled .site-header.featured-image .site-branding-container:after {
background: rgba(255, 255, 255, 0.35);
}
}
.site-header.featured-image:after {
background: #000;
/**
* Add a transition to the readability overlay, to add a subtle
* but smooth effect when resizing the screen.
*/
transition: opacity 1200ms ease-in-out;
opacity: 0.7;
z-index: 5;
/* When image filters are active, a blue overlay is added. */
}
.image-filters-enabled .site-header.featured-image:after {
background: #000e14;
opacity: 0.38;
}
@media only screen and (min-width: 768px) {
.image-filters-enabled .site-header.featured-image:after {
opacity: 0.18;
}
}
.site-header.featured-image ::-moz-selection {
background: rgba(255, 255, 255, 0.17);
}
.site-header.featured-image ::selection {
background: rgba(255, 255, 255, 0.17);
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.sticky-post {
background: #0073aa;
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 1;
padding: .25rem;
position: absolute;
text-transform: uppercase;
top: -1rem;
z-index: 1;
}
.updated:not(.published) {
display: none;
}
.page-links {
clear: both;
margin: 0 0 calc(1.5 * 1rem);
}
.entry {
margin-top: calc(6 * 1rem);
}
.entry:first-of-type {
margin-top: 0;
}
.entry .entry-header {
margin: calc(3 * 1rem) 1rem 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
}
}
.entry .entry-title {
margin: 0;
}
.entry .entry-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.entry .entry-title.has-text-align-center:before {
margin-right: auto;
margin-left: auto;
}
.entry .entry-title.has-text-align-right:before {
margin-right: auto;
}
.entry .entry-title a {
color: inherit;
}
.entry .entry-title a:hover {
color: #4a4a4a;
}
.entry .entry-meta,
.entry .entry-footer {
color: #767676;
font-weight: 500;
}
.entry .entry-meta > span,
.entry .entry-footer > span {
margin-left: 1rem;
display: inline-block;
}
.entry .entry-meta > span:last-child,
.entry .entry-footer > span:last-child {
margin-left: 0;
}
.entry .entry-meta a,
.entry .entry-footer a {
transition: color 110ms ease-in-out;
color: currentColor;
}
.entry .entry-meta a:hover,
.entry .entry-footer a:hover {
text-decoration: none;
color: #0073aa;
}
.entry .entry-meta .svg-icon,
.entry .entry-footer .svg-icon {
position: relative;
display: inline-block;
vertical-align: middle;
margin-left: 0.5em;
}
.entry .entry-meta {
margin: 1rem 0;
}
.entry .entry-footer {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
margin: 1rem calc(10% + 60px) calc(3 * 1rem);
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-footer {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .post-thumbnail {
margin: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .post-thumbnail {
margin: 1rem calc(10% + 60px);
}
}
.entry .post-thumbnail:focus {
outline: none;
}
.entry .post-thumbnail .post-thumbnail-inner {
display: block;
}
.entry .post-thumbnail .post-thumbnail-inner img {
position: relative;
display: block;
width: 100%;
}
.image-filters-enabled .entry .post-thumbnail {
position: relative;
display: block;
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
filter: grayscale(100%);
}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
background: rgba(0, 0, 0, 0.35);
content: "";
display: block;
height: 100%;
opacity: .5;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
display: none;
}
}
.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
right: 0;
content: "\020";
pointer-events: none;
}
.image-filters-enabled .entry .post-thumbnail:before {
background: #0073aa;
mix-blend-mode: screen;
opacity: 0.1;
z-index: 2;
}
.image-filters-enabled .entry .post-thumbnail:after {
background: #0073aa;
mix-blend-mode: multiply;
opacity: .8;
z-index: 3;
/* Browsers supporting mix-blend-mode don't need opacity < 1 */
}
@supports (mix-blend-mode: multiply) {
.image-filters-enabled .entry .post-thumbnail:after {
opacity: 1;
}
}
.entry .entry-content,
.entry .entry-summary {
max-width: calc(100% - (2 * 1rem));
margin: 0 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content,
.entry .entry-summary {
max-width: 80%;
margin: 0 10%;
padding: 0 60px;
}
}
.entry .entry-content p {
word-wrap: break-word;
}
.entry .entry-content .more-link {
transition: color 110ms ease-in-out;
display: inline;
color: inherit;
}
.entry .entry-content .more-link:after {
content: "\02192";
display: inline-block;
margin-right: 0.5em;
}
.entry .entry-content .more-link:hover {
color: #0073aa;
text-decoration: none;
}
.entry .entry-content a {
text-decoration: underline;
}
.entry .entry-content a.button, .entry .entry-content a:hover {
text-decoration: none;
}
.entry .entry-content a.button {
display: inline-block;
}
.entry .entry-content a.button:hover {
background: #111;
color: #fff;
cursor: pointer;
}
.entry .entry-content > iframe[style] {
margin: 32px 0 !important;
max-width: 100% !important;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > iframe[style] {
max-width: calc(8 * (100vw / 12) - 28px) !important;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > iframe[style] {
max-width: calc(6 * (100vw / 12) - 28px) !important;
}
}
.entry .entry-content .page-links a {
margin: calc(0.5 * 1rem);
text-decoration: none;
}
.entry .entry-content .wp-audio-shortcode {
max-width: calc(100vw - (2 * 1rem));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-audio-shortcode {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
/* Author description */
.author-bio {
margin: calc(2 * 1rem) 1rem 1rem;
}
@media only screen and (min-width: 768px) {
.author-bio {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
@media only screen and (min-width: 1168px) {
.author-bio {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.author-bio .author-title {
display: inline;
}
.author-bio .author-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.author-bio .author-title.has-text-align-center:before {
margin-right: auto;
margin-left: auto;
}
.author-bio .author-title.has-text-align-right:before {
margin-right: auto;
}
.author-bio .author-description {
display: inline;
color: #767676;
font-size: 1.125em;
line-height: 1.2;
}
.author-bio .author-description .author-link {
display: inline-block;
}
.author-bio .author-description .author-link:hover {
color: #005177;
text-decoration: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-area {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: calc(2 * 1rem) 1rem;
word-wrap: break-word;
/* Add extra margin when the comments section is located immediately after the
* post itself (this happens on pages).
*/
}
@media only screen and (min-width: 768px) {
.comments-area {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.comments-area {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.comments-area {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
.comments-area > * {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area > * {
margin-top: calc(3 * 1rem);
margin-bottom: calc(3 * 1rem);
}
}
.entry + .comments-area {
margin-top: calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap {
align-items: baseline;
display: flex;
justify-content: space-between;
}
}
.comments-area .comments-title-wrap .comments-title {
margin: 0;
}
.comments-area .comments-title-wrap .comments-title:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
.comments-area .comments-title-wrap .comments-title.has-text-align-center:before {
margin-right: auto;
margin-left: auto;
}
.comments-area .comments-title-wrap .comments-title.has-text-align-right:before {
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .comments-title {
flex: 1 0 calc(3 * (100vw / 12));
}
}
@media only screen and (min-width: 768px) {
.comments-area .comments-title-wrap .discussion-meta {
flex: 0 0 calc(2 * (100vw / 12));
margin-right: 1rem;
}
}
#comment {
max-width: 100%;
box-sizing: border-box;
}
#respond {
position: relative;
}
#respond .comment-user-avatar {
margin: 1rem 0 -1rem;
}
#respond .comment .comment-form {
padding-right: 0;
}
#respond > small {
display: block;
font-size: 22px;
position: absolute;
right: calc(1rem + 100%);
top: calc(-3.5 * 1rem);
width: calc(100vw / 12);
}
#comments > .comments-title:last-child {
display: none;
}
.comment-form-flex {
display: flex;
flex-direction: column;
}
.comment-form-flex .comments-title {
display: none;
margin: 0;
order: 1;
}
.comment-form-flex #respond {
order: 2;
}
.comment-form-flex #respond + .comments-title {
display: block;
}
.comment-form-wrapper,
.comment-form-wrapper .comments-title {
display: block;
}
.comment-list {
list-style: none;
padding: 0;
}
.comment-list .children {
margin: 0;
padding: 0 1rem 0 0;
}
.comment-list > .comment:first-child {
margin-top: 0;
}
.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
font-weight: 500;
margin-top: 1rem;
margin-bottom: 1rem;
}
.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
font-weight: bold;
font-size: 19.55556px;
line-height: 1.5;
padding-left: 0.5rem;
display: block;
}
.comment-list .pingback .comment-body .comment-edit-link,
.comment-list .trackback .comment-body .comment-edit-link {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 500;
}
#respond + .comment-reply {
display: none;
}
.comment-reply .comment-reply-link {
display: inline-block;
}
.comment {
list-style: none;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment {
padding-right: calc(.5 * (1rem + calc(100vw / 12 )));
}
.comment.depth-1,
.comment .children {
padding-right: 0;
}
.comment.depth-1 {
margin-right: calc(3.25 * 1rem);
}
}
.comment .comment-body {
margin: calc(2 * 1rem) 0 0;
}
.comment .comment-meta {
position: relative;
}
.comment .comment-author .avatar {
float: right;
margin-left: 1rem;
position: relative;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .avatar {
float: inherit;
margin-left: inherit;
position: absolute;
top: 0;
left: calc(100% + 1rem);
}
}
.comment .comment-author .fn {
position: relative;
display: block;
}
.comment .comment-author .fn a {
color: inherit;
}
.comment .comment-author .fn a:hover {
color: #005177;
}
.comment .comment-author .post-author-badge {
border-radius: 100%;
display: block;
height: 18px;
position: absolute;
background: #008fd3;
left: calc(100% - 2.5rem);
top: -3px;
width: 18px;
}
@media only screen and (min-width: 768px) {
.comment .comment-author .post-author-badge {
left: calc(100% + 0.75rem);
}
}
.comment .comment-author .post-author-badge svg {
width: inherit;
height: inherit;
display: block;
fill: white;
transform: scale(0.875);
}
.comment .comment-metadata > a,
.comment .comment-metadata .comment-edit-link {
display: inline;
font-weight: 500;
color: #767676;
vertical-align: baseline;
}
.comment .comment-metadata > a time,
.comment .comment-metadata .comment-edit-link time {
vertical-align: baseline;
}
.comment .comment-metadata > a:hover,
.comment .comment-metadata .comment-edit-link:hover {
color: #005177;
text-decoration: none;
}
.comment .comment-metadata > * {
display: inline-block;
}
.comment .comment-metadata .edit-link-sep {
color: #767676;
margin: 0 0.2em;
vertical-align: baseline;
}
.comment .comment-metadata .edit-link {
color: #767676;
}
.comment .comment-metadata .edit-link svg {
transform: scale(0.8);
vertical-align: baseline;
margin-left: 0.1em;
}
.comment .comment-metadata .comment-edit-link {
position: relative;
padding-right: 1rem;
margin-right: -1rem;
z-index: 1;
}
.comment .comment-metadata .comment-edit-link:hover {
color: #0073aa;
}
.comment .comment-content {
margin: 1rem 0;
}
@media only screen and (min-width: 1168px) {
.comment .comment-content {
padding-left: 1rem;
}
}
.comment .comment-content > *:first-child {
margin-top: 0;
}
.comment .comment-content > *:last-child {
margin-bottom: 0;
}
.comment .comment-content blockquote {
margin-right: 0;
}
.comment .comment-content a {
text-decoration: underline;
}
.comment .comment-content a:hover {
text-decoration: none;
}
.comment-reply-link,
#cancel-comment-reply-link {
font-weight: 500;
}
.comment-reply-link:hover,
#cancel-comment-reply-link:hover {
color: #005177;
}
.discussion-avatar-list {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
}
.discussion-avatar-list li {
position: relative;
list-style: none;
margin: 0 0 0 -8px;
padding: 0;
float: right;
}
.discussion-avatar-list .comment-user-avatar img {
height: calc(1.5 * 1rem);
width: calc(1.5 * 1rem);
}
.discussion-meta .discussion-meta-info {
margin: 0;
}
.discussion-meta .discussion-meta-info .svg-icon {
vertical-align: middle;
fill: currentColor;
transform: scale(0.6) scaleX(-1) translateY(-0.1em);
margin-right: -0.25rem;
}
.comment-form .comment-notes,
.comment-form label {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
color: #767676;
}
.comment-form #wp-comment-cookies-consent {
margin: 0 0 0 10px;
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
width: calc(50% - 0.5rem);
float: right;
}
}
@media only screen and (min-width: 768px) {
.comment-form .comment-form-email {
margin-right: 1rem;
}
}
.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"] {
display: block;
width: 100%;
}
/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 1rem 1rem calc(3 * 1rem);
}
@media only screen and (min-width: 768px) {
.archive .page-header,
.search .page-header,
.error404 .page-header {
margin: 0 calc(10% + 60px) calc(3 * 1rem);
}
}
.archive .page-header .page-title,
.search .page-header .page-title,
.error404 .page-header .page-title {
color: #767676;
display: inline;
letter-spacing: normal;
}
.archive .page-header .page-title:before,
.search .page-header .page-title:before,
.error404 .page-header .page-title:before {
display: none;
}
.archive .page-header .search-term,
.archive .page-header .page-description,
.search .page-header .search-term,
.search .page-header .page-description,
.error404 .page-header .search-term,
.error404 .page-header .page-description {
display: inherit;
clear: both;
}
.archive .page-header .page-description,
.search .page-header .page-description {
display: block;
color: #111;
font-size: 1em;
}
@media only screen and (min-width: 768px) {
.hfeed .entry .entry-header {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
/* 404 & Not found */
.error-404.not-found .page-content,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
.error-404.not-found .page-content,
.no-results.not-found .page-content {
margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}
}
.error-404.not-found .search-submit,
.no-results.not-found .search-submit {
vertical-align: middle;
margin: 1rem 0;
}
.error-404.not-found .search-field,
.no-results.not-found .search-field {
width: 100%;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* Site footer */
#colophon .widget-area,
#colophon .site-info {
margin: calc(2 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
#colophon .widget-area,
#colophon .site-info {
margin: calc(3 * 1rem) calc(10% + 60px);
}
}
#colophon .widget-column {
display: flex;
flex-wrap: wrap;
}
#colophon .widget-column .widget {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
width: 100%;
word-wrap: break-word;
}
@media only screen and (min-width: 1168px) {
#colophon .widget-column .widget {
margin-left: calc(3 * 1rem);
width: calc(50% - (3 * 1rem));
}
}
#colophon .site-info {
color: #767676;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
#colophon .site-info a {
color: inherit;
}
#colophon .site-info a:hover {
text-decoration: none;
color: #0073aa;
}
#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
margin-left: 1rem;
}
/* Widgets */
.widget {
margin: 0 0 1rem;
/* Make sure select elements fit in widgets. */
}
.widget .widget-title {
font-size: 1.6875em;
}
.widget select {
max-width: 100%;
}
.widget a {
color: #0073aa;
}
.widget a:hover {
color: #005177;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
padding: 0;
list-style: none;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
color: #767676;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: 700;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
counter-reset: submenu;
}
.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
}
.widget_search .search-field {
width: 100%;
}
@media only screen and (min-width: 600px) {
.widget_search .search-field {
width: auto;
}
}
.widget_search .search-submit {
display: block;
margin-top: 1rem;
}
.widget_calendar .calendar_wrap {
text-align: center;
}
.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
border: none;
}
.widget_calendar .calendar_wrap a {
text-decoration: underline;
}
.widget_calendar .calendar_wrap .wp-calendar-table {
margin-bottom: 0;
}
.widget_calendar .calendar_wrap .wp-calendar-nav {
margin: 0 0 1rem;
display: table;
width: 100%;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.widget_calendar .calendar_wrap .wp-calendar-nav span {
display: table-cell;
padding: 0.5em;
}
.widget_calendar .calendar_wrap .wp-calendar-nav-prev,
.widget_calendar .calendar_wrap .wp-calendar-nav-next {
width: 40%;
}
/* Blocks */
/* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > *,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
margin: 32px 0;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > *,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *,
.entry .entry-summary > *,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *,
.entry .entry-summary > *,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > * {
margin: 32px 0;
}
}
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignwide,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignwide {
margin-right: auto;
margin-left: auto;
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignwide,
.entry .entry-summary > *.alignwide,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignwide,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignwide {
width: 100%;
max-width: 100%;
}
}
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignfull,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignfull {
position: relative;
right: -1rem;
width: calc( 100% + (2 * 1rem));
max-width: calc( 100% + (2 * 1rem));
clear: both;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignfull,
.entry .entry-summary > *.alignfull,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignfull,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignfull {
margin-top: calc(2 * 1rem);
margin-bottom: calc(2 * 1rem);
right: calc( -12.5% - 75px);
width: calc( 125% + 150px);
max-width: calc( 125% + 150px);
}
}
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignleft,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignleft {
float: left;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-right: 0;
margin-right: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignleft,
.entry .entry-summary > *.alignleft,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignleft,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignleft {
max-width: calc(4 * (100vw / 12));
margin-right: calc(2 * 1rem);
}
}
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignright,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignright {
float: right;
max-width: calc(5 * (100vw / 12));
margin-top: 0;
margin-left: 0;
margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.alignright,
.entry .entry-summary > *.alignright,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignright,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignright {
max-width: calc(4 * (100vw / 12));
margin-left: 0;
margin-left: calc(2 * 1rem);
}
}
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.aligncenter,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.aligncenter {
margin-right: auto;
margin-left: auto;
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.aligncenter,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.aligncenter,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content > *.aligncenter,
.entry .entry-summary > *.aligncenter,
.entry .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.aligncenter,
.entry .entry-content > .wp-block-group > .wp-block-group__inner-container > *.aligncenter {
margin-right: 0;
margin-left: 0;
}
}
.entry .entry-content > * > *:first-child,
.entry .entry-summary > * > *:first-child {
margin-top: 0;
}
.entry .entry-content > * > *:last-child,
.entry .entry-summary > * > *:last-child {
margin-bottom: 0;
}
/*
* Unset nested content selector styles
* - Prevents layout styles from cascading too deeply
* - helps with plugin compatibility
*/
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .entry-content,
.entry .entry-content .entry-summary,
.entry .entry-content .entry,
.entry .entry-summary .entry-content,
.entry .entry-summary .entry-summary,
.entry .entry-summary .entry {
margin: inherit;
max-width: inherit;
padding: inherit;
}
}
.entry .entry-content p.has-background {
padding: 20px 30px;
}
.entry .entry-content .wp-block-audio {
width: 100%;
}
.entry .entry-content .wp-block-audio audio {
width: 100%;
}
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 198px;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 384px;
}
}
@media only screen and (min-width: 1379px) {
.entry .entry-content .wp-block-audio.alignleft audio,
.entry .entry-content .wp-block-audio.alignright audio {
max-width: 385.44px;
}
}
.entry .entry-content .wp-block-video video {
width: 100%;
}
.entry .entry-content .wp-block-button .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
font-size: 0.88889em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
box-sizing: border-box;
font-weight: bold;
text-decoration: none;
padding: 0.76rem 1rem;
outline: none;
outline: none;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
background-color: #0073aa;
}
.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
color: white;
}
.entry .entry-content .wp-block-button .wp-block-button__link:hover {
color: white;
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-button .wp-block-button__link:focus {
color: white;
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
border-radius: 5px;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
transition: all 150ms ease-in-out;
border-width: 2px;
border-style: solid;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
background: transparent;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
color: #0073aa;
border-color: currentColor;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
color: white;
border-color: #111;
}
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-background) {
color: #111;
}
.entry .entry-content .wp-block-archives,
.entry .entry-content .wp-block-categories,
.entry .entry-content .wp-block-latest-posts {
padding: 0;
list-style: none;
}
.entry .entry-content .wp-block-archives li > a,
.entry .entry-content .wp-block-categories li > a,
.entry .entry-content .wp-block-latest-posts li > a {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: calc(22px * 1.125);
font-weight: bold;
line-height: 1.2;
text-decoration: none;
}
.entry .entry-content .wp-block-archives.aligncenter,
.entry .entry-content .wp-block-categories.aligncenter {
text-align: center;
}
.entry .entry-content .wp-block-categories ul {
padding-top: 0.75rem;
}
.entry .entry-content .wp-block-categories li ul {
list-style: none;
padding-right: 0;
}
.entry .entry-content .wp-block-categories ul {
counter-reset: submenu;
}
.entry .entry-content .wp-block-categories ul > li > a::before {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
font-weight: normal;
content: "– " counters(submenu, "– ", none);
counter-increment: submenu;
}
.entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-date {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.71111em;
color: #767676;
line-height: 1.2;
}
.entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-full-content,
.entry .entry-content .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
margin-top: 1rem;
margin-bottom: 1rem;
}
.entry .entry-content .wp-block-latest-posts li {
padding-bottom: 0.5rem;
}
.entry .entry-content .wp-block-latest-posts li.menu-item-has-children, .entry .entry-content .wp-block-latest-posts li:last-child {
padding-bottom: 0;
}
.entry .entry-content .wp-block-latest-posts li :not(:last-child) .wp-block-latest-posts__post-excerpt {
padding-bottom: 0.5rem;
}
.entry .entry-content .wp-block-latest-posts.is-grid li {
border-top: 2px solid #ccc;
padding-top: 1rem;
margin-bottom: 2rem;
}
.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
content: '';
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
margin-bottom: auto;
}
.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
content: '';
}
.entry .entry-content .wp-block-preformatted {
font-size: 0.71111em;
line-height: 1.8;
padding: 1rem;
}
.entry .entry-content .wp-block-verse {
font-family: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
font-size: 22px;
line-height: 1.8;
}
.entry .entry-content .has-drop-cap:not(:focus):first-letter {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 3.375em;
line-height: 1;
font-weight: bold;
margin: 0 0 0 0.25em;
}
@-moz-document url-prefix() {
.entry .entry-content .has-drop-cap:not(:focus):first-letter {
margin-top: 0.2em;
}
}
.entry .entry-content .wp-block-pullquote {
border-color: transparent;
border-width: 2px;
padding: 1rem;
}
.entry .entry-content .wp-block-pullquote blockquote {
color: #111;
border: none;
margin-top: calc(4 * 1rem);
margin-bottom: calc(4.33 * 1rem);
margin-left: 0;
padding-right: 0;
}
.entry .entry-content .wp-block-pullquote p {
font-size: 1.6875em;
font-style: italic;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.entry .entry-content .wp-block-pullquote p em {
font-style: normal;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote cite {
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
text-transform: none;
color: #767676;
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
width: 100%;
padding: 0;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
margin: 1rem 0;
padding: 0;
text-align: right;
max-width: 100%;
}
.entry .entry-content .wp-block-pullquote.alignleft blockquote p:first-child, .entry .entry-content .wp-block-pullquote.alignright blockquote p:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
background-color: #0073aa;
padding-right: 0;
padding-left: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color {
padding-right: 10%;
padding-left: 10%;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 1.6875em;
line-height: 1.3;
margin-bottom: 0.5em;
margin-top: 0.5em;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
font-size: 2.25em;
}
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
color: #fff;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
color: inherit;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
color: #fff;
padding-right: 0;
margin-right: 1rem;
margin-left: 1rem;
}
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: inherit;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
margin-right: 0;
margin-left: 0;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignright, .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignleft {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
padding-right: calc(10% + 58px + (2 * 1rem));
padding-left: calc(10% + 58px + (2 * 1rem));
}
}
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-width: 2px;
border-color: #0073aa;
padding-top: 0;
padding-bottom: 0;
}
.entry .entry-content .wp-block-quote p {
font-size: 1em;
font-style: normal;
line-height: 1.8;
}
.entry .entry-content .wp-block-quote cite {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 0;
border-right: none;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
line-height: 1.4;
font-style: italic;
}
.entry .entry-content .wp-block-quote.is-large cite,
.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
.entry .entry-content .wp-block-quote.is-style-large footer {
/*
* This requires a rem-based font size calculation instead of our normal em-based one,
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
*/
font-size: calc(1rem / (1.25 * 1.125));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
margin: 1rem 0;
padding: 1rem 0;
}
.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
font-size: 1.6875em;
}
}
.entry .entry-content .wp-block-image {
max-width: 100%;
}
.entry .entry-content .wp-block-image img {
display: block;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > img,
.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > a > img,
.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > img + figcaption,
.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > a + figcaption {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > img,
.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > a > img,
.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > img + figcaption,
.entry .entry-content .wp-block-image:not(.alignwide):not(.alignfull) > a + figcaption {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image .aligncenter {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-image .aligncenter {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image .aligncenter {
margin: 0;
width: calc(8 * (100vw / 12) - 28px);
}
.entry .entry-content .wp-block-image .aligncenter img {
margin: 0 auto;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-image .aligncenter {
width: calc(6 * (100vw / 12) - 28px);
}
.entry .entry-content .wp-block-image .aligncenter img {
margin: 0 auto;
}
}
.entry .entry-content .wp-block-image.alignfull img {
width: 100vw;
max-width: calc( 100% + (2 * 1rem));
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-image.alignfull img {
max-width: calc( 125% + 150px);
margin-right: auto;
margin-left: auto;
}
}
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
position: relative;
min-height: 430px;
padding: 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image,
.entry .entry-content .wp-block-cover {
padding: 1rem 10%;
}
}
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.6875em;
font-weight: bold;
line-height: 1.25;
padding: 0;
color: #fff;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image h2,
.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover .wp-block-cover-text,
.entry .entry-content .wp-block-cover h2 {
font-size: 2.25em;
max-width: 100%;
}
}
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
.entry .entry-content .wp-block-cover.alignleft,
.entry .entry-content .wp-block-cover.alignright {
padding: 1rem calc(2 * 1rem);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-cover-image.alignfull,
.entry .entry-content .wp-block-cover.alignfull {
padding-right: calc(10% + 58px + (2 * 1rem));
padding-left: calc(10% + 58px + (2 * 1rem));
}
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover-image.alignfull h2,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
.entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
.entry .entry-content .wp-block-cover.alignfull h2 {
padding: 0;
}
}
.entry .entry-content .wp-block-gallery {
list-style-type: none;
padding-right: 0;
}
.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
margin-bottom: 16px;
}
.entry .entry-content .wp-block-gallery figcaption a {
color: #fff;
}
.entry .entry-content .wp-block-audio figcaption,
.entry .entry-content .wp-block-video figcaption,
.entry .entry-content .wp-block-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
.entry .entry-content .wp-block-separator,
.entry .entry-content hr {
background-color: #767676;
border: 0;
height: 2px;
margin-bottom: 2rem;
margin-top: 2rem;
max-width: 2.25em;
text-align: right;
/* Remove duplicate rule-line when a separator
* is followed by an H1, or H2 */
}
.entry .entry-content .wp-block-separator:not(.wp-block-separator),
.entry .entry-content hr:not(.wp-block-separator) {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator:not(.wp-block-separator),
.entry .entry-content hr:not(.wp-block-separator) {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator:not(.wp-block-separator),
.entry .entry-content hr:not(.wp-block-separator) {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-wide,
.entry .entry-content hr.is-style-wide {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: 100%;
background-color: inherit;
border: inherit;
height: inherit;
text-align: center;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-separator.is-style-dots,
.entry .entry-content hr.is-style-dots {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
.entry .entry-content .wp-block-separator.is-style-dots:not(.has-text-color):not(.has-background),
.entry .entry-content hr.is-style-dots:not(.has-text-color):not(.has-background) {
color: #767676;
}
.entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before {
font-size: 1.6875em;
letter-spacing: 0.88889em;
padding-right: 0.88889em;
}
.entry .entry-content .wp-block-separator + h1:before,
.entry .entry-content .wp-block-separator + h2:before,
.entry .entry-content hr + h1:before,
.entry .entry-content hr + h2:before {
display: none;
}
.entry .entry-content .wp-block-embed-twitter {
word-break: break-word;
}
.entry .entry-content .wp-block-table th,
.entry .entry-content .wp-block-table td {
border-color: #767676;
}
.entry .entry-content .wp-block-file {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.entry .entry-content .wp-block-file .wp-block-file__button {
display: table;
transition: background 150ms ease-in-out;
border: none;
border-radius: 5px;
background: #0073aa;
font-size: 22px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.2;
text-decoration: none;
font-weight: bold;
padding: 0.75rem 1rem;
color: #fff;
margin-right: 0;
margin-top: calc(0.75 * 1rem);
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-file .wp-block-file__button {
font-size: 22px;
padding: 0.875rem 1.5rem;
}
}
.entry .entry-content .wp-block-file .wp-block-file__button:hover {
background: #111;
cursor: pointer;
}
.entry .entry-content .wp-block-file .wp-block-file__button:focus {
background: #111;
outline: thin dotted;
outline-offset: -4px;
}
.entry .entry-content .wp-block-code {
border-radius: 0;
}
.entry .entry-content .wp-block-code code {
font-size: 1.125em;
white-space: pre-wrap;
word-break: break-word;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns .wp-block-image:not(.alignwide):not(.alignfull) > img,
.entry .entry-content .wp-block-columns .wp-block-image:not(.alignwide):not(.alignfull) > a > img,
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-columns .wp-block-image:not(.alignwide):not(.alignfull) > img,
.entry .entry-content .wp-block-columns .wp-block-image:not(.alignwide):not(.alignfull) > a > img,
.entry .entry-content .wp-block-columns .wp-block-image > img:not(.alignwide):not(.alignfull),
.entry .entry-content .wp-block-columns .wp-block-image > figure {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-columns {
flex-wrap: nowrap;
}
.entry .entry-content .wp-block-columns .wp-block-column:not(:first-child) {
margin-right: 32px;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-group:not(.alignfull) > .wp-block-group__inner-container > .alignfull,
.entry .entry-content .wp-block-group:not(.alignfull) > .wp-block-group__inner-container > .wp-block-image > img {
right: 0;
max-width: 100%;
}
}
.entry .entry-content .wp-block-group.alignfull > .wp-block-group__inner-container {
max-width: calc(100% - (2 * 1rem));
margin: 0 1rem;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-group.alignfull > .wp-block-group__inner-container {
max-width: 80%;
margin: 0 10%;
padding: 0 60px;
}
}
.entry .entry-content .wp-block-group.has-background {
padding: 1rem;
margin-top: 0;
margin-bottom: 0;
}
.entry .entry-content .wp-block-group.has-background .wp-block-group__inner-container > *:first-child {
margin-top: 0;
}
.entry .entry-content .wp-block-group.has-background .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
.entry .entry-content .wp-block-group.has-background.alignfull {
padding-right: 0;
padding-left: 0;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-group.has-background.alignfull {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.entry .entry-content .wp-block-group.has-background:not(.alignfull) > .wp-block-group__inner-container > .alignfull {
width: 100%;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-group.has-background:not(.alignfull) > .wp-block-group__inner-container > .alignfull {
width: calc( 100% + 2rem);
max-width: calc( 100% + 2rem);
margin-right: -1rem;
}
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: bold;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
font-weight: normal;
}
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
}
.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
font-size: 0.71111em;
}
.entry .entry-content .has-small-font-size {
font-size: 0.88889em;
}
.entry .entry-content .has-normal-font-size {
font-size: 1.125em;
}
.entry .entry-content .has-large-font-size {
font-size: 1.6875em;
}
.entry .entry-content .has-huge-font-size {
font-size: 2.25em;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .has-light-gray-background-color {
color: #fff;
}
.entry .entry-content .has-primary-background-color > p,
.entry .entry-content .has-primary-background-color > h1,
.entry .entry-content .has-primary-background-color > h2,
.entry .entry-content .has-primary-background-color > h3,
.entry .entry-content .has-primary-background-color > h4,
.entry .entry-content .has-primary-background-color > h5,
.entry .entry-content .has-primary-background-color > h6,
.entry .entry-content .has-primary-background-color > a,
.entry .entry-content .has-secondary-background-color > p,
.entry .entry-content .has-secondary-background-color > h1,
.entry .entry-content .has-secondary-background-color > h2,
.entry .entry-content .has-secondary-background-color > h3,
.entry .entry-content .has-secondary-background-color > h4,
.entry .entry-content .has-secondary-background-color > h5,
.entry .entry-content .has-secondary-background-color > h6,
.entry .entry-content .has-secondary-background-color > a,
.entry .entry-content .has-dark-gray-background-color > p,
.entry .entry-content .has-dark-gray-background-color > h1,
.entry .entry-content .has-dark-gray-background-color > h2,
.entry .entry-content .has-dark-gray-background-color > h3,
.entry .entry-content .has-dark-gray-background-color > h4,
.entry .entry-content .has-dark-gray-background-color > h5,
.entry .entry-content .has-dark-gray-background-color > h6,
.entry .entry-content .has-dark-gray-background-color > a,
.entry .entry-content .has-light-gray-background-color > p,
.entry .entry-content .has-light-gray-background-color > h1,
.entry .entry-content .has-light-gray-background-color > h2,
.entry .entry-content .has-light-gray-background-color > h3,
.entry .entry-content .has-light-gray-background-color > h4,
.entry .entry-content .has-light-gray-background-color > h5,
.entry .entry-content .has-light-gray-background-color > h6,
.entry .entry-content .has-light-gray-background-color > a {
color: #fff;
}
.entry .entry-content .has-white-background-color {
color: #111;
}
.entry .entry-content .has-white-background-color > p,
.entry .entry-content .has-white-background-color > h1,
.entry .entry-content .has-white-background-color > h2,
.entry .entry-content .has-white-background-color > h3,
.entry .entry-content .has-white-background-color > h4,
.entry .entry-content .has-white-background-color > h5,
.entry .entry-content .has-white-background-color > h6,
.entry .entry-content .has-white-background-color > a {
color: #111;
}
.entry .entry-content .has-primary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
background-color: #0073aa;
}
.entry .entry-content .has-secondary-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
background-color: #005177;
}
.entry .entry-content .has-dark-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
background-color: #111;
}
.entry .entry-content .has-light-gray-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
background-color: #767676;
}
.entry .entry-content .has-white-background-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
background-color: #FFF;
}
.entry .entry-content .has-primary-color,
.entry .entry-content .wp-block-pullquote blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color > p {
color: #0073aa;
}
.entry .entry-content .has-secondary-color,
.entry .entry-content .wp-block-pullquote blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color > p {
color: #005177;
}
.entry .entry-content .has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color > p {
color: #111;
}
.entry .entry-content .has-light-gray-color,
.entry .entry-content .wp-block-pullquote blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color > p {
color: #767676;
}
.entry .entry-content .has-white-color,
.entry .entry-content .wp-block-pullquote blockquote.has-white-color,
.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
color: #FFF;
}
/* Media */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
embed,
iframe,
object {
max-width: 100%;
}
.custom-logo-link {
display: inline-block;
}
.avatar {
border-radius: 100%;
display: block;
height: calc(2.25 * 1rem);
min-height: inherit;
width: calc(2.25 * 1rem);
}
svg {
transition: fill 120ms ease-in-out;
fill: currentColor;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: calc(1.5 * 1rem);
}
@media only screen and (min-width: 768px) {
.wp-caption.aligncenter {
position: relative;
right: calc( calc(8 * (100vw / 12) - 28px) / 2);
transform: translateX(50%);
}
}
@media only screen and (min-width: 1168px) {
.wp-caption.aligncenter {
right: calc( calc(6 * (100vw / 12) - 28px) / 2);
}
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption-text {
color: #767676;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.5 * 1rem);
}
.gallery-item {
display: inline-block;
margin-left: 16px;
margin-bottom: 16px;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-left: 0;
}
.gallery-columns-3 .gallery-item {
max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-left: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-left: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-left: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin-left: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-left: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-left: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-left: 0;
}
.gallery-item:last-of-type {
padding-left: 0;
}
.gallery-caption {
display: block;
font-size: 0.71111em;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #0073aa;
}
home/eliteafr/www/wp-content/themes/twentytwentyone/style-rtl.css 0000666 00000461252 15220760027 0021475 0 ustar 00 @charset "UTF-8";
/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
/**
* SETTINGS
* File-header..........The file header for the themes style.css file.
* Fonts................Any font files, if the project needs specific fonts.
* Global...............Project-specific, globally available variables.
*
* TOOLS
* Functions............Global functions.
* Mixins...............Global mixins.
*
* GENERIC
* Normalize.css........Normalise browser defaults.
* Breakpoints..........Mixins and variables for responsive styles
* Vertical-margins.....Vertical spacing for the main components.
* Reset................Reset specific elements to make them easier to style in other contexts.
* Clearings............Clearings for the main components.
*
* ELEMENTS
* Blockquote...........Default blockquote.
* Forms................Element-level form styling.
* Headings.............H1–H6
* Links................Default links.
* Lists................Default lists.
* Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
*
* BLOCKS
* Audio................Specific styles for the audio block.
* Button...............Specific styles for the button block.
* Code.................Specific styles for the code block.
* Columns..............Specific styles for the columns block.
* Cover................Specific styles for the cover block.
* File.................Specific styles for the file block.
* Gallery..............Specific styles for the gallery block.
* Group................Specific styles for the group block.
* Heading..............Specific styles for the heading block.
* Image................Specific styles for the image block.
* Latest comments......Specific styles for the latest comments block.
* Latest posts.........Specific styles for the latest posts block.
* Legacy...............Specific styles for the legacy gallery.
* List.................Specific styles for the list block.
* Media text...........Specific styles for the media and text block.
* Navigation...........Specific styles for the navigation block.
* Paragraph............Specific styles for the paragraph block.
* Pullquote............Specific styles for the pullquote block.
* Quote................Specific styles for the quote block.
* Search...............Specific styles for the search block.
* Separator............Specific styles for the separator block.
* Spacer...............Specific styles for the spacer block.
* Table................Specific styles for the table block.
* Verse................Specific styles for the verse block.
* Video................Specific styles for the video block.
* Utilities............Block alignments.
*
* COMPONENTS
* Header...............Header styles.
* Footer...............Footer styles.
* Comments.............Comment styles.
* Archives.............Archive styles.
* 404..................404 styles.
* Search...............Search styles.
* Navigation...........Navigation styles.
* Footer Navigation....Footer Navigation styles.
* Pagination...........Pagination styles.
* Single...............Single page and post styles.
* Posts and pages......Misc, sticky post styles.
* Entry................Entry, author biography.
* Widget...............Widget styles.
* Editor...............Editor styles.
*
* UTILITIES
* A11y.................Screen reader text, prefers reduced motion etc.
* Color Palette........Classes for the color palette colors.
* Editor Font Sizes....Editor Font Sizes.
* Measure..............The width of a line of text, in characters.
*/
/* Categories 01 to 03 are the basics. */
/* Variables */
:root {
/* Font Family */
--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
/* Font Size */
--global--font-size-base: 1.25rem;
--global--font-size-xs: 1rem;
--global--font-size-sm: 1.125rem;
--global--font-size-md: 1.25rem;
--global--font-size-lg: 1.5rem;
--global--font-size-xl: 2.25rem;
--global--font-size-xxl: 4rem;
--global--font-size-xxxl: 5rem;
--global--font-size-page-title: var(--global--font-size-xxl);
--global--letter-spacing: normal;
/* Line Height */
--global--line-height-body: 1.7;
--global--line-height-heading: 1.3;
--global--line-height-page-title: 1.1;
/* Headings */
--heading--font-family: var(--global--font-primary);
--heading--font-size-h6: var(--global--font-size-xs);
--heading--font-size-h5: var(--global--font-size-sm);
--heading--font-size-h4: var(--global--font-size-lg);
--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
--heading--font-size-h2: var(--global--font-size-xl);
--heading--font-size-h1: var(--global--font-size-page-title);
--heading--letter-spacing-h6: 0.05em;
--heading--letter-spacing-h5: 0.05em;
--heading--letter-spacing-h4: var(--global--letter-spacing);
--heading--letter-spacing-h3: var(--global--letter-spacing);
--heading--letter-spacing-h2: var(--global--letter-spacing);
--heading--letter-spacing-h1: var(--global--letter-spacing);
--heading--line-height-h6: var(--global--line-height-heading);
--heading--line-height-h5: var(--global--line-height-heading);
--heading--line-height-h4: var(--global--line-height-heading);
--heading--line-height-h3: var(--global--line-height-heading);
--heading--line-height-h2: var(--global--line-height-heading);
--heading--line-height-h1: var(--global--line-height-page-title);
--heading--font-weight: normal;
--heading--font-weight-page-title: 300;
--heading--font-weight-strong: 600;
/* Block: Latest posts */
--latest-posts--title-font-family: var(--heading--font-family);
--latest-posts--title-font-size: var(--heading--font-size-h3);
--latest-posts--description-font-family: var(--global--font-secondary);
--latest-posts--description-font-size: var(--global--font-size-sm);
--list--font-family: var(--global--font-secondary);
--definition-term--font-family: var(--global--font-primary);
/* Colors */
--global--color-black: #000;
--global--color-dark-gray: #28303d;
--global--color-gray: #39414d;
--global--color-light-gray: #f0f0f0;
--global--color-green: #d1e4dd;
--global--color-blue: #d1dfe4;
--global--color-purple: #d1d1e4;
--global--color-red: #e4d1d1;
--global--color-orange: #e4dad1;
--global--color-yellow: #eeeadd;
--global--color-white: #fff;
--global--color-white-50: rgba(255, 255, 255, 0.5);
--global--color-white-90: rgba(255, 255, 255, 0.9);
--global--color-primary: var(--global--color-dark-gray);
/* Body text color, site title, footer text color. */
--global--color-secondary: var(--global--color-gray);
/* Headings */
--global--color-primary-hover: var(--global--color-primary);
--global--color-background: var(--global--color-green);
/* Mint, default body background */
--global--color-border: var(--global--color-primary);
/* Used for borders (separators) */
/* Spacing */
--global--spacing-unit: 20px;
--global--spacing-measure: unset;
--global--spacing-horizontal: 25px;
--global--spacing-vertical: 30px;
/* Elevation */
--global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
/* Forms */
--form--font-family: var(--global--font-secondary);
--form--font-size: var(--global--font-size-sm);
--form--line-height: var(--global--line-height-body);
--form--color-text: var(--global--color-dark-gray);
--form--color-ranged: var(--global--color-secondary);
--form--label-weight: 500;
--form--border-color: var(--global--color-secondary);
--form--border-width: 3px;
--form--border-radius: 0;
--form--spacing-unit: calc(0.5 * var(--global--spacing-unit));
/* Cover block */
--cover--height: calc(15 * var(--global--spacing-vertical));
--cover--color-foreground: var(--global--color-white);
--cover--color-background: var(--global--color-black);
/* Buttons */
--button--color-text: var(--global--color-background);
--button--color-text-hover: var(--global--color-secondary);
--button--color-text-active: var(--global--color-secondary);
--button--color-background: var(--global--color-secondary);
--button--color-background-active: var(--global--color-background);
--button--font-family: var(--global--font-primary);
--button--font-size: var(--global--font-size-base);
--button--font-weight: 500;
--button--line-height: 1.5;
--button--border-width: 3px;
--button--border-radius: 0;
--button--padding-vertical: 15px;
--button--padding-horizontal: calc(2 * var(--button--padding-vertical));
/* entry */
--entry-header--color: var(--global--color-primary);
--entry-header--color-link: currentColor;
--entry-header--color-hover: var(--global--color-primary-hover);
--entry-header--color-focus: var(--global--color-secondary);
--entry-header--font-size: var(--heading--font-size-h2);
--entry-content--font-family: var(--global--font-secondary);
--entry-author-bio--font-family: var(--heading--font-family);
--entry-author-bio--font-size: var(--heading--font-size-h4);
/* Header */
--branding--color-text: var(--global--color-primary);
--branding--color-link: var(--global--color-primary);
--branding--color-link-hover: var(--global--color-secondary);
--branding--title--font-family: var(--global--font-primary);
--branding--title--font-size: var(--global--font-size-lg);
--branding--title--font-size-mobile: var(--heading--font-size-h4);
--branding--title--font-weight: normal;
--branding--title--text-transform: uppercase;
--branding--description--font-family: var(--global--font-secondary);
--branding--description--font-size: var(--global--font-size-sm);
--branding--description--font-family: var(--global--font-secondary);
--branding--logo--max-width: 300px;
--branding--logo--max-height: 100px;
--branding--logo--max-width-mobile: 96px;
--branding--logo--max-height-mobile: 96px;
/* Main navigation */
--primary-nav--font-family: var(--global--font-secondary);
--primary-nav--font-family-mobile: var(--global--font-primary);
--primary-nav--font-size: var(--global--font-size-md);
--primary-nav--font-size-sub-menu: var(--global--font-size-xs);
--primary-nav--font-size-mobile: var(--global--font-size-sm);
--primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
--primary-nav--font-size-button: var(--global--font-size-xs);
--primary-nav--font-style: normal;
--primary-nav--font-style-sub-menu-mobile: normal;
--primary-nav--font-weight: normal;
--primary-nav--font-weight-button: 500;
--primary-nav--color-link: var(--global--color-primary);
--primary-nav--color-link-hover: var(--global--color-primary-hover);
--primary-nav--color-text: var(--global--color-primary);
--primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
--primary-nav--border-color: var(--global--color-primary);
/* Pagination */
--pagination--color-text: var(--global--color-primary);
--pagination--color-link-hover: var(--global--color-primary-hover);
--pagination--font-family: var(--global--font-secondary);
--pagination--font-size: var(--global--font-size-lg);
--pagination--font-weight: normal;
--pagination--font-weight-strong: 600;
/* Footer */
--footer--color-text: var(--global--color-primary);
--footer--color-link: var(--global--color-primary);
--footer--color-link-hover: var(--global--color-primary-hover);
--footer--font-family: var(--global--font-primary);
--footer--font-size: var(--global--font-size-sm);
/* Block: Pull quote */
--pullquote--font-family: var(--global--font-primary);
--pullquote--font-size: var(--heading--font-size-h3);
--pullquote--font-style: normal;
--pullquote--letter-spacing: var(--heading--letter-spacing-h4);
--pullquote--line-height: var(--global--line-height-heading);
--pullquote--border-width: 3px;
--pullquote--border-color: var(--global--color-primary);
--pullquote--color-foreground: var(--global--color-primary);
--pullquote--color-background: var(--global--color-background);
--quote--font-family: var(--global--font-secondary);
--quote--font-size: var(--global--font-size-md);
--quote--font-size-large: var(--global--font-size-xl);
--quote--font-style: normal;
--quote--font-weight: 700;
--quote--font-weight-strong: bolder;
--quote--font-style-large: normal;
--quote--font-style-cite: normal;
--quote--line-height: var(--global--line-height-body);
--quote--line-height-large: 1.35;
--separator--border-color: var(--global--color-border);
--separator--height: 1px;
/* Block: Table */
--table--stripes-border-color: var(--global--color-light-gray);
--table--stripes-background-color: var(--global--color-light-gray);
--table--has-background-text-color: var(--global--color-dark-gray);
/* Widgets */
--widget--line-height-list: 1.9;
--widget--line-height-title: 1.4;
--widget--font-weight-title: 700;
--widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));
/* Admin-bar height */
--global--admin-bar--height: 0px;
}
.admin-bar {
--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar {
--global--admin-bar--height: 46px;
}
}
@media only screen and (min-width: 652px) {
:root {
--global--font-size-xl: 2.5rem;
--global--font-size-xxl: 6rem;
--global--font-size-xxxl: 9rem;
--heading--font-size-h3: 2rem;
--heading--font-size-h2: 3rem;
}
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
text-decoration-thickness: 1px;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration-style: dotted;
/* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Responsive Styles
*/
/**
* Required Variables
*/
/**
* Root Media Query Variables
*/
:root {
--responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);
--responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));
--responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));
--responsive--alignfull-width: 100%;
--responsive--alignright-margin: var(--global--spacing-horizontal);
--responsive--alignleft-margin: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 482px) {
:root {
--responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);
--responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));
--responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
--responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));
}
}
@media only screen and (min-width: 822px) {
:root {
--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);
--responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);
}
}
/**
* Extends
*/
.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
max-width: var(--responsive--aligndefault-width);
margin-right: auto;
margin-left: auto;
}
.widget-area,
.pagination,
.comments-pagination,
.post-navigation,
.site-footer,
.site-header,
.alignwide,
.wide-max-width {
max-width: var(--responsive--alignwide-width);
margin-right: auto;
margin-left: auto;
}
.alignfull,
.wp-block-group .wp-block-group__inner-container > *.alignfull,
.full-max-width {
max-width: var(--responsive--alignfull-width);
width: var(--responsive--alignfull-width);
margin-right: auto;
margin-left: auto;
}
@media only screen and (min-width: 482px) {
.alignfull,
.full-max-width {
max-width: var(--responsive--alignfull-width);
width: auto;
margin-right: auto;
margin-left: auto;
}
}
.entry-header .post-thumbnail,
.singular .post-thumbnail,
.alignfull [class*=inner-container] > .alignwide,
.alignwide [class*=inner-container] > .alignwide {
margin-right: auto;
margin-left: auto;
width: var(--responsive--alignwide-width);
max-width: var(--responsive--alignfull-width);
}
@media only screen and (min-width: 482px) {
.entry-content > .alignleft {
margin-left: var(--responsive--alignleft-margin);
margin-right: var(--global--spacing-horizontal);
}
}
@media only screen and (min-width: 482px) {
.entry-content > .alignright {
margin-left: var(--global--spacing-horizontal);
margin-right: var(--responsive--alignright-margin);
}
}
/**
* Site Structure
*
* - Set vertical margins and responsive widths on
* top-level wrappers and content wrappers
* - `--global--width-content` is a responsive variable
* - See: globals/_global-width-responsive.scss
*/
/**
* Top Level Wrappers (header, main, footer)
* - Set vertical padding and horizontal margins
*/
.site-header,
.site-main,
.widget-area,
.site-footer {
padding-top: var(--global--spacing-vertical);
padding-bottom: var(--global--spacing-vertical);
margin-right: auto;
margin-left: auto;
}
.site-header {
padding-top: calc(0.75 * var(--global--spacing-vertical));
padding-bottom: calc(2 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.site-header {
padding-bottom: calc(3 * var(--global--spacing-vertical));
}
}
/**
* Site-main children wrappers
* - Add double vertical margins here for clearer hierarchy
*/
.site-main > * {
margin-top: calc(3 * var(--global--spacing-vertical));
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.site-main > *:first-child {
margin-top: 0;
}
.site-main > *:last-child {
margin-bottom: 0;
}
/**
* Set the default maximum responsive content-width
*/
/**
* Set the wide maximum responsive content-width
*/
/**
* Set the full maximum responsive content-width
*/
/*
* Block & non-gutenberg content wrappers
* - Set margins
*/
.entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
.author-bio {
margin-top: var(--global--spacing-vertical);
margin-left: auto;
margin-bottom: var(--global--spacing-vertical);
margin-right: auto;
}
/*
* Block & non-gutenberg content wrapper children
* - Sets spacing-vertical margin logic
*/
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.site-main > article > *,
.site-main > .not-found > *,
.entry-content > *,
[class*=inner-container] > *,
.wp-block-template-part > *,
.wp-block-post-template :where(li > *) {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.site-main > article > *:first-child,
.site-main > .not-found > *:first-child,
.entry-content > *:first-child,
[class*=inner-container] > *:first-child,
.wp-block-template-part > *:first-child,
.wp-block-post-template :where(li > *):first-child {
margin-top: 0;
}
.site-main > article > *:last-child,
.site-main > .not-found > *:last-child,
.entry-content > *:last-child,
[class*=inner-container] > *:last-child,
.wp-block-template-part > *:last-child,
.wp-block-post-template :where(li > *):last-child {
margin-bottom: 0;
}
.site-footer > *,
.widget-area > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.site-footer > *,
.widget-area > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
/*
* Block & non-gutenberg content wrapper children
* - Sets spacing-unit margins
*/
.entry-header > *,
.post-thumbnail > *,
.page-content > *,
.comment-content > *,
.widget > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
.entry-header > *:first-child,
.post-thumbnail > *:first-child,
.page-content > *:first-child,
.comment-content > *:first-child,
.widget > *:first-child {
margin-top: 0;
}
.entry-header > *:last-child,
.post-thumbnail > *:last-child,
.page-content > *:last-child,
.comment-content > *:last-child,
.widget > *:last-child {
margin-bottom: 0;
}
/*
* .entry-content children specific controls
* - Adds special margin overrides for alignment utility classes
*/
.entry-content > * {
/* Reset alignleft and alignright margins after alignfull */
}
.entry-content > *.alignleft,
.entry-content > *.alignright,
.entry-content > *.alignleft:first-child + *,
.entry-content > *.alignright:first-child + *,
.entry-content > *.alignfull.has-background {
margin-top: 0;
}
.entry-content > *:last-child,
.entry-content > *.alignfull.has-background {
margin-bottom: 0;
}
.entry-content > *.alignfull + .alignleft,
.entry-content > *.alignfull + .alignright {
margin-top: var(--global--spacing-vertical);
}
/**
* Reset specific elements to make them easier to style in other contexts.
*/
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
form,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/**
* Apply generic border-box to all elements.
* See:
* https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
*/
html {
/* Apply border-box across the entire page. */
box-sizing: border-box;
font-family: var(--global--font-secondary);
line-height: var(--global--line-height-body);
}
/**
* Relax the definition a bit, to allow components to override it manually.
*/
*,
*::before,
*::after {
box-sizing: inherit;
}
body {
font-size: var(--global--font-size-base);
font-weight: normal;
color: var(--global--color-primary);
text-align: right;
background-color: var(--global--color-background);
}
button {
cursor: pointer;
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */
blockquote {
padding: 0;
position: relative;
margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) 0;
}
blockquote > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
blockquote > *:first-child {
margin-top: 0;
}
blockquote > *:last-child {
margin-bottom: 0;
}
blockquote p {
letter-spacing: var(--heading--letter-spacing-h4);
font-family: var(--quote--font-family);
font-size: var(--quote--font-size);
font-style: var(--quote--font-style);
font-weight: var(--quote--font-weight);
line-height: var(--quote--line-height);
}
blockquote cite,
blockquote footer {
font-weight: normal;
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
letter-spacing: var(--global--letter-spacing);
}
blockquote.alignleft,
blockquote.alignright {
padding-right: inherit;
}
blockquote.alignleft p,
blockquote.alignright p {
font-size: var(--heading--font-size-h5);
max-width: inherit;
width: inherit;
}
blockquote.alignleft cite,
blockquote.alignleft footer,
blockquote.alignright cite,
blockquote.alignright footer {
font-size: var(--global--font-size-xs);
letter-spacing: var(--global--letter-spacing);
}
blockquote strong {
font-weight: var(--quote--font-weight-strong);
}
blockquote:before {
content: "“";
font-size: var(--quote--font-size);
line-height: var(--quote--line-height);
position: absolute;
right: calc(-0.5 * var(--global--spacing-horizontal));
}
blockquote .wp-block-quote__citation,
blockquote cite,
blockquote footer {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
font-style: var(--quote--font-style-cite);
}
@media only screen and (max-width: 481px) {
blockquote {
padding-right: calc(0.5 * var(--global--spacing-horizontal));
}
blockquote:before {
right: 0;
}
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
.site textarea {
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
color: var(--form--color-text);
line-height: var(--global--line-height-body);
padding: var(--form--spacing-unit);
margin: 0 2px;
max-width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
.site textarea:focus {
color: var(--form--color-text);
outline-offset: 2px;
outline: 2px dotted var(--form--border-color);
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=color]:disabled,
.site textarea:disabled {
opacity: 0.7;
}
.is-dark-theme input[type=text],
.is-dark-theme input[type=email],
.is-dark-theme input[type=url],
.is-dark-theme input[type=password],
.is-dark-theme input[type=search],
.is-dark-theme input[type=number],
.is-dark-theme input[type=tel],
.is-dark-theme input[type=date],
.is-dark-theme input[type=month],
.is-dark-theme input[type=week],
.is-dark-theme input[type=time],
.is-dark-theme input[type=datetime],
.is-dark-theme input[type=datetime-local],
.is-dark-theme input[type=color],
.is-dark-theme .site textarea {
background: var(--global--color-white-90);
}
input[type=search]:focus {
outline-offset: -7px;
}
.is-dark-theme input[type=search]:focus {
outline-color: var(--global--color-background);
}
input[type=color] {
padding: calc(var(--form--spacing-unit) / 2);
height: calc(4 * var(--form--spacing-unit));
}
input[type=email],
input[type=url] {
direction: ltr;
}
select {
border: var(--form--border-width) solid var(--form--border-color);
color: var(--form--color-text);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
line-height: var(--global--line-height-body);
padding: var(--form--spacing-unit) var(--form--spacing-unit) var(--form--spacing-unit) calc(3 * var(--form--spacing-unit));
background: var(--global--color-white) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
background-position: left var(--form--spacing-unit) top 60%;
}
select:focus {
outline-offset: 2px;
outline: 2px dotted var(--form--border-color);
}
.is-dark-theme select {
background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;
background-position: left var(--form--spacing-unit) top 60%;
}
textarea {
width: 100%;
}
label {
font-size: var(--form--font-size);
font-weight: var(--form--label-weight);
margin-bottom: calc(var(--global--spacing-vertical) / 3);
}
/**
https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/
https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker.
License: MIT.
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
input[type=checkbox],
input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
width: 25px;
height: 25px;
border: var(--form--border-width) solid var(--form--border-color);
background: var(--global--color-white);
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
opacity: 0.7;
}
.is-dark-theme input[type=checkbox],
.is-dark-theme input[type=radio] {
background: var(--global--color-white-90);
}
input[type=checkbox]:focus {
outline-offset: 2px;
outline: 2px dotted var(--form--border-color);
}
input[type=checkbox]:after {
content: "";
opacity: 0;
display: block;
right: 5px;
top: 2px;
position: absolute;
width: 7px;
height: 13px;
border: 3px solid var(--form--color-text);
border-top: 0;
border-right: 0;
transform: rotate(-30deg);
}
input[type=checkbox]:checked {
color: var(--form--color-text);
}
input[type=checkbox]:checked:after {
opacity: 1;
}
input[type=radio] {
border-radius: 50%;
}
input[type=radio]:focus {
outline-offset: 2px;
outline: 2px dotted var(--form--border-color);
}
input[type=radio]:after {
content: "";
opacity: 0;
display: block;
right: 3px;
top: 3px;
position: absolute;
width: 11px;
height: 11px;
border-radius: 50%;
background: var(--form--color-text);
}
input[type=radio]:checked {
border: 4px solid var(--form--border-color);
}
input[type=radio]:checked:after {
opacity: 1;
}
input[type=radio]:checked:focus {
outline-offset: 4px;
outline: 2px dotted var(--form--border-color);
}
}
input[type=checkbox] + label,
input[type=radio] + label {
display: inline-block;
padding-right: 10px;
font-size: var(--global--font-size-xs);
vertical-align: top;
}
/**
* https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/
*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
input[type=range] {
-webkit-appearance: none;
/* Hides the slider so that custom slider can be made */
width: 100%;
/* Specific width is required for Firefox. */
height: 6px;
background: var(--form--color-ranged);
border-radius: 6px;
outline-offset: 10px;
}
input[type=range]:disabled {
opacity: 0.7;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: 3px solid var(--form--color-ranged);
height: 44px;
width: 44px;
border-radius: 50%;
background: var(--global--color-background);
cursor: pointer;
}
input[type=range]::-moz-range-thumb {
border: 3px solid var(--form--color-ranged);
height: 44px;
width: 44px;
border-radius: 50%;
background: var(--global--color-background);
cursor: pointer;
box-sizing: border-box;
}
}
input[type=range]::-ms-track {
width: 100%;
height: 6px;
border-radius: 6px;
border-width: 19px 0;
border-color: var(--global--color-background);
background: transparent;
color: transparent;
cursor: pointer;
}
input[type=range]::-ms-fill-upper {
background: var(--form--color-ranged);
border-radius: 6px;
}
input[type=range]::-ms-fill-lower {
background: var(--form--color-ranged);
border-radius: 6px;
}
input[type=range]::-ms-thumb {
border: 3px solid var(--form--color-ranged);
height: 44px;
width: 44px;
border-radius: 50%;
background: var(--global--color-background);
cursor: pointer;
}
fieldset {
display: grid;
border-color: var(--global--color-secondary);
padding: var(--global--spacing-horizontal);
}
fieldset legend {
font-size: var(--global--font-size-lg);
}
fieldset input[type=submit] {
max-width: max-content;
}
fieldset input:not([type=submit]) {
margin-bottom: var(--global--spacing-unit);
}
fieldset input[type=radio],
fieldset input[type=checkbox] {
margin-bottom: 0;
}
fieldset input[type=radio] + label,
fieldset input[type=checkbox] + label {
font-size: var(--form--font-size);
padding-right: 0;
margin-bottom: var(--global--spacing-unit);
}
::-moz-placeholder {
opacity: 1;
}
.post-password-message {
font-size: var(--global--font-size-lg);
}
.post-password-form {
display: flex;
flex-wrap: wrap;
}
.post-password-form__label {
width: 100%;
margin-bottom: 0;
}
.post-password-form input[type=password] {
flex-grow: 1;
margin-top: calc(var(--global--spacing-vertical) / 3);
margin-left: calc(0.66 * var(--global--spacing-horizontal));
}
.post-password-form__submit {
margin-top: calc(var(--global--spacing-vertical) / 3);
}
@media only screen and (min-width: 592px) {
.post-password-form__submit {
margin-right: calc(0.4 * var(--global--spacing-horizontal));
}
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
/* Classic editor images */
.entry-content img {
max-width: 100%;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
max-width: 100%;
}
/* Media captions */
figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
color: currentColor;
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
.alignleft figcaption,
.alignright figcaption,
.alignleft .wp-caption,
.alignright .wp-caption,
.alignleft .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-block-embed figcaption,
.alignright .wp-block-embed figcaption {
margin-bottom: 0;
}
/* WP Smiley */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Over here, place any elements that do not need to have their own file. */
b,
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
pre {
white-space: pre;
overflow-x: auto;
}
/*
* text-underline-offset doesn't work in Chrome at all 👎
* But looks nice in Safari/Firefox, so let's keep it and
* maybe Chrome will support it soon.
*/
a {
cursor: pointer;
color: var(--wp--style--color--link, var(--global--color-primary));
text-underline-offset: 3px;
text-decoration-skip-ink: all;
}
a:hover {
text-decoration-style: dotted;
text-decoration-skip-ink: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
text-decoration: underline 1px dotted currentColor;
text-decoration-skip-ink: none;
background: rgba(255, 255, 255, 0.9);
}
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: var(--global--color-black);
color: var(--global--color-white);
text-decoration: none;
}
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
color: var(--wp--style--color--link, var(--global--color-white));
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: rgba(0, 0, 0, 0.9);
color: var(--wp--style--color--link, var(--global--color-white));
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav {
color: var(--wp--style--color--link, var(--global--color-white));
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link {
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
outline-offset: -2px;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus {
color: #21759b;
background-color: #f1f1f1;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link {
background: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}
.has-background .has-link-color a,
.has-background.has-link-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
/* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */
.wp-block-audio audio:focus {
outline-offset: 5px;
outline: 2px solid var(--global--color-primary);
}
/**
* Button
*/
.site .button,
button,
input[type=submit],
input[type=reset],
.wp-block-search .wp-block-search__button,
.wp-block-button .wp-block-button__link,
.wp-block-file a.wp-block-file__button {
border: var(--button--border-width) solid transparent;
border-radius: var(--button--border-radius);
cursor: pointer;
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
line-height: var(--button--line-height);
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
text-decoration: none;
}
.site .button:not(:hover):not(:active):not(.has-text-color),
button:not(:hover):not(:active):not(.has-text-color),
input[type=submit]:not(:hover):not(:active):not(.has-text-color),
input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
color: var(--global--color-background);
}
.has-background .site .button:not(:hover):not(:active):not(.has-text-color),
.has-background button:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) {
color: var(--local--color-background, var(--global--color-primary));
}
.has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background,
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background {
color: var(--global--color-primary);
}
.site .button:not(:hover):not(:active):not(.has-background),
button:not(:hover):not(:active):not(.has-background),
input[type=submit]:not(:hover):not(:active):not(.has-background),
input[type=reset]:not(:hover):not(:active):not(.has-background),
.wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
background-color: var(--global--color-primary);
}
.has-background .site .button:not(:hover):not(:active):not(.has-background),
.has-background button:not(:hover):not(:active):not(.has-background),
.has-background input[type=submit]:not(:hover):not(:active):not(.has-background),
.has-background input[type=reset]:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
background-color: var(--local--color-primary, var(--global--color-primary));
}
.site .button:hover,
.site .button:active,
button:hover,
button:active,
input[type=submit]:hover,
input[type=submit]:active,
input[type=reset]:hover,
input[type=reset]:active,
.wp-block-search .wp-block-search__button:hover,
.wp-block-search .wp-block-search__button:active,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:active,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:active {
background-color: transparent;
border-color: currentColor;
color: inherit;
}
.site .button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
.wp-block-search .wp-block-search__button:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file a.wp-block-file__button:focus {
outline-offset: -6px;
outline: 2px dotted currentColor;
}
.site .button:disabled,
button:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
.wp-block-search .wp-block-search__button:disabled,
.wp-block-button .wp-block-button__link:disabled,
.wp-block-file a.wp-block-file__button:disabled {
background-color: var(--global--color-white-50);
border-color: var(--global--color-white-50);
color: var(--button--color-text-active);
}
/**
* Block Options
*/
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--global--color-background);
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--local--color-background, var(--global--color-background));
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background {
color: var(--global--color-primary);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: var(--global--color-primary);
}
.has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: var(--local--color-primary, var(--global--color-primary));
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
border-color: currentColor !important;
background-color: transparent !important;
color: inherit !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color),
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background),
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background {
border-color: currentColor;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--global--color-primary);
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: var(--local--color-primary, var(--global--color-primary));
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) {
color: inherit;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active {
border-color: transparent !important;
background-color: var(--global--color-primary) !important;
color: var(--global--color-background) !important;
}
.has-background .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-background .wp-block-button.is-style-outline .wp-block-button__link:active {
background-color: var(--local--color-primary, var(--global--color-primary)) !important;
color: var(--local--color-background, var(--global--color-background)) !important;
}
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover,
.has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active {
color: var(--local--color-background, var(--global--color-background)) !important;
}
.wp-block-button .is-style-squared .wp-block-button__link {
border-radius: 0;
}
.is-style-outline .wp-block-button__link[style*=radius]:focus,
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
outline-offset: 2px;
outline: 2px dotted var(--button--color-background);
}
.wp-block-code {
border-color: var(--global--color-border);
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
padding: var(--global--spacing-unit);
}
.wp-block-code code {
color: var(--global--color-primary);
white-space: pre;
overflow-x: auto;
display: block;
}
.wp-block-columns:not(.alignwide):not(.alignfull) {
clear: both;
}
.wp-block-columns .wp-block-column > * {
margin-top: calc(0.66 * var(--global--spacing-vertical));
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-columns .wp-block-column > *:first-child {
margin-top: 0;
}
.wp-block-columns .wp-block-column > *:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:last-child {
margin-bottom: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: calc(0.66 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: var(--global--spacing-vertical);
}
}
@media only screen and (min-width: 822px) {
.wp-block-columns .wp-block-column:not(:last-child) {
margin-bottom: 0;
}
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap {
justify-content: space-around;
}
@media only screen and (min-width: 652px) {
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) {
margin-right: calc(-2 * var(--global--spacing-horizontal));
margin-top: calc(2.5 * var(--global--spacing-horizontal));
z-index: 2;
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) {
background-color: var(--global--color-background);
padding: var(--global--spacing-unit);
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background),
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) {
padding-right: calc(2 * var(--global--spacing-horizontal));
}
.wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center {
margin-top: 0;
}
}
.wp-block-columns.alignfull .wp-block-column p:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h1:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h3:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h4:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h5:not(.has-background),
.wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
padding-right: var(--global--spacing-unit);
padding-left: var(--global--spacing-unit);
}
.wp-block-cover,
.wp-block-cover-image {
background-color: var(--cover--color-background);
min-height: var(--cover--height);
margin-top: inherit;
margin-bottom: inherit;
/* default & custom background-color */
/* Treating H2 separately to account for legacy /core styles */
/* Block Styles */
/* The background color class is used just for the overlay, and does not need to be applied to the inner container. */
}
.wp-block-cover:not(.alignwide):not(.alignfull),
.wp-block-cover-image:not(.alignwide):not(.alignfull) {
clear: both;
}
.wp-block-cover.alignfull,
.wp-block-cover-image.alignfull {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text {
color: currentColor;
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button),
.wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) {
color: currentColor;
}
.wp-block-cover .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover .wp-block-cover-image-text .has-link-color a,
.wp-block-cover .wp-block-cover-text .has-link-color a,
.wp-block-cover-image .wp-block-cover__inner-container .has-link-color a,
.wp-block-cover-image .wp-block-cover-image-text .has-link-color a,
.wp-block-cover-image .wp-block-cover-text .has-link-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
.wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover:not([class*=background-color]) .wp-block-cover-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text,
.wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text {
color: var(--cover--color-foreground);
}
.wp-block-cover h2,
.wp-block-cover-image h2 {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height-h2);
max-width: inherit;
text-align: inherit;
padding: 0;
}
.wp-block-cover h2.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left {
text-align: right;
}
.wp-block-cover h2.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center {
text-align: center;
}
.wp-block-cover h2.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right {
text-align: left;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
width: calc(100% - 2 * var(--global--spacing-vertical));
}
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-cover .wp-block-cover__inner-container > *,
.wp-block-cover-image .wp-block-cover__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-cover .wp-block-cover__inner-container > *:first-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-cover .wp-block-cover__inner-container > *:last-child,
.wp-block-cover-image .wp-block-cover__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-cover.alignleft,
.wp-block-cover.alignright,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright {
margin-top: 0;
}
.wp-block-cover.alignleft > *,
.wp-block-cover.alignright > *,
.wp-block-cover-image.alignleft > *,
.wp-block-cover-image.alignright > * {
margin-top: calc(2 * var(--global--spacing-vertical));
margin-bottom: calc(2 * var(--global--spacing-vertical));
padding-right: var(--global--spacing-horizontal);
padding-left: var(--global--spacing-horizontal);
width: 100%;
}
.wp-block-cover.has-left-content,
.wp-block-cover.has-right-content,
.wp-block-cover-image.has-left-content,
.wp-block-cover-image.has-right-content {
justify-content: center;
}
.wp-block-cover.is-style-twentytwentyone-border,
.wp-block-cover-image.is-style-twentytwentyone-border {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container,
.wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container {
background-color: unset;
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
opacity: inherit;
}
.wp-block-file a.wp-block-file__button {
display: inline-block;
}
.wp-block-gallery {
margin: 0 auto;
}
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
width: calc((100% - var(--global--spacing-unit)) / 2);
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
margin: 0;
color: var(--global--color-white);
font-size: var(--global--font-size-xs);
}
.wp-block-gallery .blocks-gallery-image figcaption a,
.wp-block-gallery .blocks-gallery-item figcaption a {
color: var(--global--color-white);
}
.wp-block-gallery .blocks-gallery-image figcaption a:focus,
.wp-block-gallery .blocks-gallery-item figcaption a:focus {
background-color: transparent;
outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
text-decoration: none;
}
.wp-block-gallery .blocks-gallery-image a:focus img,
.wp-block-gallery .blocks-gallery-item a:focus img {
outline-offset: 2px;
}
.wp-block-group {
display: block;
clear: both;
display: flow-root;
}
.wp-block-group:before,
.wp-block-group:after {
content: "";
display: block;
clear: both;
}
.wp-block-group .wp-block-group__inner-container {
margin-right: auto;
margin-left: auto;
}
.wp-block-group .wp-block-group__inner-container > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group .wp-block-group__inner-container > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-group .wp-block-group__inner-container > *:first-child {
margin-top: 0;
}
.wp-block-group .wp-block-group__inner-container > *:last-child {
margin-bottom: 0;
}
.wp-block-group.has-background {
padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-group.has-background {
padding: var(--global--spacing-vertical);
}
}
.wp-block-group.is-style-twentytwentyone-border {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
padding: var(--global--spacing-vertical);
}
.wp-block-group.has-background .wp-block-group__inner-container > .alignfull,
.wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull,
.wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull {
max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical));
margin-right: calc(-1 * var(--global--spacing-vertical));
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
clear: both;
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
}
h1 strong,
.h1 strong,
h2 strong,
.h2 strong,
h3 strong,
.h3 strong,
h4 strong,
.h4 strong,
h5 strong,
.h5 strong,
h6 strong,
.h6 strong {
font-weight: var(--heading--font-weight-strong);
}
h1,
.h1 {
font-size: var(--heading--font-size-h1);
letter-spacing: var(--heading--letter-spacing-h1);
line-height: var(--heading--line-height-h1);
}
h2,
.h2 {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height-h2);
}
h3,
.h3 {
font-size: var(--heading--font-size-h3);
letter-spacing: var(--heading--letter-spacing-h3);
line-height: var(--heading--line-height-h3);
}
h4,
.h4 {
font-size: var(--heading--font-size-h4);
font-weight: var(--heading--font-weight-strong);
letter-spacing: var(--heading--letter-spacing-h4);
line-height: var(--heading--line-height-h4);
}
h5,
.h5 {
font-size: var(--heading--font-size-h5);
font-weight: var(--heading--font-weight-strong);
letter-spacing: var(--heading--letter-spacing-h5);
line-height: var(--heading--line-height-h5);
}
h6,
.h6 {
font-size: var(--heading--font-size-h6);
font-weight: var(--heading--font-weight-strong);
letter-spacing: var(--heading--letter-spacing-h6);
line-height: var(--heading--line-height-h6);
}
.wp-block-image {
text-align: center;
}
.wp-block-image figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
.wp-block-image .alignright {
margin-right: var(--global--spacing-horizontal);
}
.wp-block-image .alignleft {
margin-left: var(--global--spacing-horizontal);
}
.wp-block-image a:focus img {
outline-offset: 2px;
}
.entry-content > *[class=wp-block-image],
.entry-content [class*=inner-container] > *[class=wp-block-image] {
margin-top: 0;
margin-bottom: 0;
}
.entry-content > *[class=wp-block-image] + *,
.entry-content [class*=inner-container] > *[class=wp-block-image] + * {
margin-top: 0;
}
.wp-block-image.is-style-twentytwentyone-border img,
.wp-block-image.is-style-twentytwentyone-image-frame img {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-image.is-style-twentytwentyone-image-frame img {
padding: var(--global--spacing-unit);
}
@media only screen and (min-width: 482px) {
.entry-content > .wp-block-image > .alignleft,
.entry-content > .wp-block-image > .alignright {
max-width: 50%;
}
}
@media only screen and (max-width: 481px) {
.entry-content > .wp-block-image > .alignleft,
.entry-content > .wp-block-image > .alignright {
margin-right: 0;
margin-left: 0;
}
}
.wp-block-latest-comments {
padding-right: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment {
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-body);
/* Vertical margins logic */
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
margin-top: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
font-family: var(--heading--font-family);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
color: var(--global--color-primary);
font-size: var(--global--font-size-sm);
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-body);
margin: 0;
}
.wp-block-latest-posts {
padding-right: 0;
}
.wp-block-latest-posts:not(.is-grid) > li {
margin-top: calc(1.666 * var(--global--spacing-vertical));
margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-latest-posts:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.widget-area .wp-block-latest-posts:not(.is-grid) > li {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid {
word-wrap: break-word;
word-break: break-word;
}
.wp-block-latest-posts.is-grid > li {
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-grid > li:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
margin-bottom: 0;
}
.wp-block-latest-posts > li > * {
margin-top: calc(0.333 * var(--global--spacing-vertical));
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-latest-posts > li > *:first-child {
margin-top: 0;
}
.wp-block-latest-posts > li > *:last-child {
margin-bottom: 0;
}
.wp-block-latest-posts > li > a {
display: inline-block;
font-family: var(--latest-posts--title-font-family);
font-size: var(--latest-posts--title-font-size);
font-weight: var(--heading--font-weight);
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.widget-area .wp-block-latest-posts > li > a {
font-size: var(--global--font-size-sm);
margin-bottom: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-author {
color: var(--global--color-primary);
font-size: var(--global--font-size-md);
line-height: var(--global--line-height-body);
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
}
[class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date,
.has-background .wp-block-latest-posts .wp-block-latest-posts__post-date {
color: currentColor;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-family: var(--latest-posts--description-font-family);
font-size: var(--latest-posts--description-font-size);
line-height: var(--global--line-height-body);
margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-latest-posts.alignfull {
padding-right: var(--global--spacing-unit);
padding-left: var(--global--spacing-unit);
}
.entry-content [class*=inner-container] .wp-block-latest-posts.alignfull,
.entry-content .has-background .wp-block-latest-posts.alignfull {
padding-right: 0;
padding-left: 0;
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers {
border-top: calc(3 * var(--separator--height)) solid var(--global--color-border);
border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li {
padding-bottom: var(--global--spacing-vertical);
border-bottom: var(--separator--height) solid var(--global--color-border);
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child,
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child {
padding-bottom: 0;
border-bottom: none;
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid {
box-shadow: inset 0 -1px 0 0 var(--global--color-border);
border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li {
margin: 0;
padding-top: var(--global--spacing-vertical);
padding-left: var(--global--spacing-horizontal);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child {
padding-bottom: var(--global--spacing-vertical);
}
@media screen and (min-width: 600px) {
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li {
width: calc(100% / 2);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li {
width: calc(100% / 3);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li {
width: calc(100% / 4);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li {
width: calc(100% / 5);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li {
width: calc(100% / 6);
}
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child {
padding-bottom: var(--global--spacing-vertical);
}
.wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li {
margin-top: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-horizontal);
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-item a {
display: block;
}
.gallery-item a:focus img {
outline-offset: -2px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
figure.wp-caption a:focus img {
outline-offset: 2px;
}
ul,
ol {
font-family: var(--list--font-family);
margin: 0;
padding-right: calc(2 * var(--global--spacing-horizontal));
}
ul.aligncenter,
ol.aligncenter {
list-style-position: inside;
padding: 0;
}
ul.alignright,
ol.alignright {
list-style-position: inside;
text-align: left;
padding: 0;
}
ul {
list-style-type: disc;
}
ul ul {
list-style-type: circle;
}
ol {
list-style-type: decimal;
}
ol ul {
list-style-type: circle;
}
dt {
font-family: var(--definition-term--font-family);
font-weight: bold;
}
dd {
margin: 0;
padding-right: calc(2 * var(--global--spacing-horizontal));
}
.wp-block-media-text {
/**
* Block Options
*/
}
.wp-block-media-text.alignfull {
margin-top: 0;
margin-bottom: 0;
}
.wp-block-media-text a:focus img {
outline-offset: -1px;
}
.wp-block-media-text .wp-block-media-text__content {
padding: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 592px) {
.wp-block-media-text .wp-block-media-text__content {
padding: var(--global--spacing-vertical);
}
}
.wp-block-media-text .wp-block-media-text__content > * {
margin-top: calc(0.666 * var(--global--spacing-vertical));
margin-bottom: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-media-text .wp-block-media-text__content > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
}
.wp-block-media-text .wp-block-media-text__content > *:first-child {
margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 482px) {
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
padding-top: var(--global--spacing-vertical);
padding-bottom: var(--global--spacing-vertical);
}
}
.wp-block-media-text.is-style-twentytwentyone-border {
border: calc(3 * var(--separator--height)) solid var(--global--color-border);
}
.wp-block-navigation .wp-block-navigation-link {
padding: 0;
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
padding: var(--primary-nav--padding);
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
font-family: var(--primary-nav--font-family);
font-size: var(--primary-nav--font-size);
font-weight: var(--primary-nav--font-weight);
}
.wp-block-navigation .wp-block-navigation-link__submenu-icon {
padding: 0;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link {
display: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
border: none;
right: 0;
margin-right: var(--primary-nav--padding);
min-width: max-content;
opacity: 0;
padding: 0;
position: inherit;
top: inherit;
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
display: inline-block;
padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
}
.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
display: none;
}
.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
display: block;
opacity: 1;
visibility: visible;
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
background: var(--global--color-background);
margin: 0;
padding: 0;
position: absolute;
top: 100%;
border: 1px solid var(--primary-nav--border-color);
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before,
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
content: "";
display: block;
position: absolute;
width: 0;
top: -10px;
right: var(--global--spacing-horizontal);
border-style: solid;
border-color: var(--primary-nav--border-color) transparent;
border-width: 0 7px 10px 7px;
}
.wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after {
top: -9px;
border-color: var(--global--color-background) transparent;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
background: var(--global--color-background);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container {
background: var(--global--color-background);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover,
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus {
color: var(--primary-nav--color-link-hover);
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover {
text-decoration: underline;
text-decoration-style: dotted;
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content {
color: currentColor;
}
p {
line-height: var(--wp--typography--line-height, var(--global--line-height-body));
}
p.has-background {
padding: var(--global--spacing-unit);
}
p.has-text-color a {
color: var(--wp--style--color--link, var(--global--color-primary));
}
pre.wp-block-preformatted {
overflow-x: auto;
white-space: pre;
}
.wp-block-pullquote {
padding: calc(2 * var(--global--spacing-unit)) 0;
text-align: center;
border-width: var(--pullquote--border-width);
border-bottom-style: solid;
border-top-style: solid;
color: currentColor;
border-color: currentColor;
position: relative;
/**
* Block Options
*/
}
.wp-block-pullquote blockquote::before {
color: currentColor;
content: "“";
display: block;
position: relative;
right: 0;
font-size: 3rem;
font-weight: 500;
line-height: 1;
}
.wp-block-pullquote p {
font-family: var(--pullquote--font-family);
font-size: var(--pullquote--font-size);
font-style: var(--pullquote--font-style);
font-weight: 700;
letter-spacing: var(--pullquote--letter-spacing);
line-height: var(--pullquote--line-height);
margin: 0;
}
.wp-block-pullquote a {
color: currentColor;
}
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: currentColor;
display: block;
font-size: var(--global--font-size-xs);
font-style: var(--pullquote--font-style);
text-transform: none;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before,
.wp-block-pullquote.alignleft:not(.is-style-solid-color) cite {
text-align: center;
}
.wp-block-pullquote.alignwide > p,
.wp-block-pullquote.alignwide blockquote {
max-width: var(--responsive--alignwide-width);
}
.wp-block-pullquote.alignfull:not(.is-style-solid-color) > p,
.wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote {
padding: 0 calc(2 * var(--global--spacing-unit));
}
.wp-block-pullquote.is-style-solid-color {
color: var(--pullquote--color-foreground);
padding: calc(2.5 * var(--global--spacing-unit));
border-width: var(--pullquote--border-width);
border-style: solid;
border-color: var(--pullquote--border-color);
}
@media (min-width: 600px) {
.wp-block-pullquote.is-style-solid-color {
padding: calc(5 * var(--global--spacing-unit));
}
}
.wp-block-pullquote.is-style-solid-color blockquote::before {
text-align: right;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin: 0;
max-width: inherit;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: var(--pullquote--font-size);
}
.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
.wp-block-pullquote.is-style-solid-color cite,
.wp-block-pullquote.is-style-solid-color footer {
color: currentColor;
}
.wp-block-pullquote.is-style-solid-color.alignleft,
.wp-block-pullquote.is-style-solid-color.alignright {
padding: var(--global--spacing-unit);
}
.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote {
max-width: initial;
}
.wp-block-query.has-background {
padding: calc(0.666 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 482px) {
.wp-block-query.has-background {
padding: var(--global--spacing-vertical);
}
}
.wp-block-quote {
border-right: none;
/**
* Block Options
*/
}
.wp-block-quote:before {
content: "“";
font-size: var(--quote--font-size);
line-height: var(--quote--line-height);
right: 8px;
}
.has-background .wp-block-quote .wp-block-quote__citation,
[class*=background-color] .wp-block-quote .wp-block-quote__citation,
[style*=background-color] .wp-block-quote .wp-block-quote__citation,
.wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation,
.has-background .wp-block-quote cite,
[class*=background-color] .wp-block-quote cite,
[style*=background-color] .wp-block-quote cite,
.wp-block-cover[style*=background-image] .wp-block-quote cite,
.has-background .wp-block-quote footer,
[class*=background-color] .wp-block-quote footer,
[style*=background-color] .wp-block-quote footer,
.wp-block-cover[style*=background-image] .wp-block-quote footer {
color: currentColor;
}
.wp-block-quote.has-text-align-right {
margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);
padding-left: 0;
border-left: none;
}
.wp-block-quote.has-text-align-right:before {
display: none;
}
.wp-block-quote.has-text-align-right p:before {
content: "”";
font-size: var(--quote--font-size);
font-weight: normal;
line-height: var(--quote--line-height);
margin-left: 5px;
}
.wp-block-quote.has-text-align-center {
margin: var(--global--spacing-vertical) auto;
}
.wp-block-quote.has-text-align-center:before {
display: none;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding-right: 0;
padding-left: 0;
/* Resetting margins to match _block-container.scss */
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: var(--quote--font-size-large);
font-style: var(--quote--font-style-large);
line-height: var(--quote--line-height-large);
}
.wp-block-quote.is-large:before,
.wp-block-quote.is-style-large:before {
font-size: var(--quote--font-size-large);
line-height: var(--quote--line-height-large);
right: calc(-1 * var(--global--spacing-horizontal));
}
.wp-block-quote.is-large.has-text-align-right:before,
.wp-block-quote.is-style-large.has-text-align-right:before {
display: none;
}
.wp-block-quote.is-large.has-text-align-right p:before,
.wp-block-quote.is-style-large.has-text-align-right p:before {
content: "”";
font-size: var(--quote--font-size-large);
font-weight: normal;
line-height: var(--quote--line-height-large);
margin-left: 10px;
}
.wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large .wp-block-quote__citation,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
color: var(--global--color-primary);
font-size: var(--global--font-size-sm);
}
@media only screen and (max-width: 481px) {
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding-right: var(--global--spacing-horizontal);
}
.wp-block-quote.is-large:before,
.wp-block-quote.is-style-large:before {
right: 0;
}
.wp-block-quote.is-large.has-text-align-right,
.wp-block-quote.is-style-large.has-text-align-right {
padding-right: 0;
padding-left: var(--global--spacing-horizontal);
}
.wp-block-quote.is-large.has-text-align-right:before,
.wp-block-quote.is-style-large.has-text-align-right:before {
left: 0;
}
.wp-block-quote.is-large.has-text-align-center,
.wp-block-quote.is-style-large.has-text-align-center {
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 481px) {
.wp-block-quote.has-text-align-right {
padding-right: 0;
padding-left: calc(0.5 * var(--global--spacing-horizontal));
}
.wp-block-quote.has-text-align-right:before {
left: 0;
}
.wp-block-quote.has-text-align-center {
padding-right: 0;
padding-left: 0;
}
}
.wp-block-rss {
padding-right: 0;
}
.wp-block-rss > li {
list-style: none;
}
.wp-block-rss:not(.is-grid) > li {
margin-top: calc(1.666 * var(--global--spacing-vertical));
margin-bottom: calc(1.666 * var(--global--spacing-vertical));
}
.wp-block-rss:not(.is-grid) > li:first-child {
margin-top: 0;
}
.wp-block-rss:not(.is-grid) > li:last-child {
margin-bottom: 0;
}
.wp-block-rss.is-grid > li {
margin-bottom: var(--global--spacing-vertical);
}
.wp-block-rss.is-grid > li:last-child {
margin-bottom: 0;
}
.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1),
.wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li,
.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1),
.wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li,
.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1),
.wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li,
.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1),
.wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li,
.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1),
.wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li {
margin-bottom: 0;
}
.wp-block-rss > li > * {
margin-top: calc(0.333 * var(--global--spacing-vertical));
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-rss > li > *:first-child {
margin-top: 0;
}
.wp-block-rss > li > *:last-child {
margin-bottom: 0;
}
.wp-block-rss .wp-block-rss__item-title > a {
display: inline-block;
font-family: var(--latest-posts--title-font-family);
font-size: var(--latest-posts--title-font-size);
font-weight: var(--heading--font-weight);
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.333 * var(--global--spacing-vertical));
}
.wp-block-rss .wp-block-rss__item-author {
color: var(--global--color-primary);
font-size: var(--global--font-size-md);
line-height: var(--global--line-height-body);
}
.wp-block-rss .wp-block-rss__item-publish-date {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
line-height: var(--global--line-height-body);
}
[class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date,
.has-background .wp-block-rss .wp-block-rss__item-publish-date {
color: currentColor;
}
.wp-block-rss .wp-block-rss__item-excerpt,
.wp-block-rss .wp-block-rss__item-full-content {
font-family: var(--latest-posts--description-font-family);
font-size: var(--latest-posts--description-font-size);
line-height: var(--global--line-height-body);
margin-top: calc(0.666 * var(--global--spacing-vertical));
}
.wp-block-rss.alignfull {
padding-right: var(--global--spacing-unit);
padding-left: var(--global--spacing-unit);
}
.entry-content [class*=inner-container] .wp-block-rss.alignfull,
.entry-content .has-background .wp-block-rss.alignfull {
padding-right: 0;
padding-left: 0;
}
.wp-block-search {
max-width: var(--responsive--aligndefault-width);
}
.wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper {
justify-content: center;
}
.wp-block-search .wp-block-search__label {
font-size: var(--form--font-size);
font-weight: var(--form--label-weight);
margin-bottom: calc(var(--global--spacing-vertical) / 3);
}
.wp-block-search .wp-block-search__input {
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
color: var(--form--color-text);
line-height: var(--form--line-height);
max-width: inherit;
margin-left: calc(-1 * var(--button--border-width));
padding: var(--form--spacing-unit);
}
.wp-block-search .wp-block-search__input:focus {
color: var(--form--color-text);
border-color: var(--form--border-color);
}
.has-background .wp-block-search .wp-block-search__input {
border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search button.wp-block-search__button {
margin-right: 0;
line-height: 1;
}
.wp-block-search button.wp-block-search__button.has-icon {
padding: 6px calc(0.5 * var(--button--padding-horizontal));
}
.wp-block-search button.wp-block-search__button.has-icon svg {
width: 40px;
height: 40px;
fill: currentColor;
}
.has-background .wp-block-search button.wp-block-search__button:hover,
.has-background .wp-block-search button.wp-block-search__button:active {
background-color: var(--local--color-background, var(--global--color-background)) !important;
color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.has-text-color .wp-block-search button.wp-block-search__button:hover,
.has-text-color .wp-block-search button.wp-block-search__button:active {
color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background-color: var(--global--color-white);
border: var(--form--border-width) solid var(--form--border-color);
border-radius: var(--form--border-radius);
padding: var(--form--border-width);
}
.has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-color: var(--local--color-primary, var(--global--color-primary)) !important;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
margin-right: 0;
margin-left: 0;
padding-right: var(--form--spacing-unit);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
color: var(--form--color-text);
outline-offset: -2px;
outline: 2px dotted var(--form--border-color);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
color: var(--global--color-dark-gray);
}
.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button {
color: var(--global--color-dark-gray);
}
.is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover {
background-color: var(--global--color-dark-gray);
color: var(--global--color-white);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon {
padding: 6px calc(0.5 * var(--button--padding-horizontal));
}
.wp-block-search__button {
box-shadow: none;
}
hr {
border-style: none;
border-bottom: var(--separator--height) solid var(--separator--border-color);
clear: both;
margin-right: auto;
margin-left: auto;
}
hr.wp-block-separator {
border-bottom: var(--separator--height) solid var(--separator--border-color);
opacity: 1;
/**
* Block Options
*/
}
hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
max-width: var(--responsive--aligndefault-width);
}
hr.wp-block-separator:not(.is-style-dots).alignwide {
max-width: var(--responsive--alignwide-width);
}
hr.wp-block-separator:not(.is-style-dots).alignfull {
max-width: var(--responsive--alignfull-width);
}
hr.wp-block-separator.is-style-twentytwentyone-separator-thick {
border-bottom-width: calc(3 * var(--separator--height));
}
hr.wp-block-separator.is-style-dots.has-background,
hr.wp-block-separator.is-style-dots.has-text-color {
background-color: transparent !important;
}
hr.wp-block-separator.is-style-dots.has-background:before,
hr.wp-block-separator.is-style-dots.has-text-color:before {
color: currentColor !important;
}
hr.wp-block-separator.is-style-dots:before {
color: var(--separator--border-color);
font-size: var(--global--font-size-xl);
letter-spacing: var(--global--font-size-sm);
padding-right: var(--global--font-size-sm);
}
.has-background hr.wp-block-separator,
[class*=background-color] hr.wp-block-separator,
[style*=background-color] hr.wp-block-separator,
.wp-block-cover[style*=background-image] hr.wp-block-separator {
border-color: currentColor;
}
.wp-block-social-links a:focus {
color: var(--global--color-primary);
}
.wp-block-social-links.is-style-twentytwentyone-social-icons-color a {
color: var(--global--color-primary);
}
.wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link,
.wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link {
background: none;
}
.wp-block-spacer {
display: block;
margin-bottom: 0 !important;
margin-top: 0 !important;
}
@media only screen and (max-width: 481px) {
.wp-block-spacer[style] {
height: var(--global--spacing-unit) !important;
}
}
table,
.wp-block-table {
width: 100%;
min-width: 240px;
border-collapse: collapse;
}
table thead,
table tfoot,
.wp-block-table thead,
.wp-block-table tfoot {
text-align: center;
}
table th,
.wp-block-table th {
font-family: var(--heading--font-family);
}
table td,
table th,
.wp-block-table td,
.wp-block-table th {
padding: calc(0.5 * var(--global--spacing-unit));
border: 1px solid;
}
table figcaption,
.wp-block-table figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
}
table.is-style-regular .has-background,
table.is-style-stripes .has-background,
table.is-style-stripes .has-background thead tr,
table.is-style-stripes .has-background tfoot tr,
table.is-style-stripes .has-background tbody tr,
.wp-block-table.is-style-regular .has-background,
.wp-block-table.is-style-stripes .has-background,
.wp-block-table.is-style-stripes .has-background thead tr,
.wp-block-table.is-style-stripes .has-background tfoot tr,
.wp-block-table.is-style-stripes .has-background tbody tr {
color: var(--table--has-background-text-color);
}
table.is-style-stripes,
.wp-block-table.is-style-stripes {
border-color: var(--table--stripes-border-color);
}
table.is-style-stripes th,
table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes td {
border-width: 0;
}
table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--table--stripes-background-color);
}
table.is-style-stripes .has-background tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
background-color: var(--global--color-white-90);
}
table.wp-calendar-table td,
table.wp-calendar-table th {
background: transparent;
border: 0;
text-align: center;
line-height: 2;
vertical-align: middle;
word-break: normal;
}
table.wp-calendar-table th {
font-weight: bold;
}
table.wp-calendar-table thead,
table.wp-calendar-table tbody {
color: currentColor;
border: 1px solid;
}
table.wp-calendar-table caption {
font-weight: bold;
text-align: right;
margin-bottom: var(--global--spacing-unit);
color: currentColor;
}
.wp-calendar-nav {
text-align: right;
margin-top: calc(var(--global--spacing-unit) / 2);
}
.wp-calendar-nav svg {
height: 1em;
vertical-align: middle;
}
.wp-calendar-nav svg path {
fill: currentColor;
}
.wp-calendar-nav .wp-calendar-nav-next {
float: left;
}
.wp-block-tag-cloud.alignfull {
padding-right: var(--global--spacing-unit);
padding-left: var(--global--spacing-unit);
}
.wp-block-verse {
font-family: var(--entry-content--font-family);
}
.wp-block-video figcaption {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
margin-top: calc(0.5 * var(--global--spacing-unit));
margin-bottom: var(--global--spacing-unit);
text-align: center;
}
* > figure > video {
max-width: unset;
width: 100%;
vertical-align: middle;
}
:root .is-extra-small-text,
:root .has-extra-small-font-size {
font-size: var(--global--font-size-xs);
}
:root .is-small-text,
:root .has-small-font-size {
font-size: var(--global--font-size-sm);
}
:root .is-regular-text,
:root .has-regular-font-size,
:root .is-normal-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
font-size: var(--global--font-size-base);
}
:root .is-large-text,
:root .has-large-font-size {
font-size: var(--global--font-size-lg);
line-height: var(--global--line-height-heading);
}
:root .is-larger-text,
:root .has-larger-font-size,
:root .is-extra-large-text,
:root .has-extra-large-font-size {
font-size: var(--global--font-size-xl);
line-height: var(--global--line-height-heading);
}
:root .is-huge-text,
:root .has-huge-font-size {
font-size: var(--global--font-size-xxl);
line-height: var(--global--line-height-heading);
font-weight: var(--heading--font-weight-page-title);
}
:root .is-gigantic-text,
:root .has-gigantic-font-size {
font-size: var(--global--font-size-xxxl);
line-height: var(--global--line-height-heading);
font-weight: var(--heading--font-weight-page-title);
}
/* Block Alignments */
/**
* These selectors set the default max width for content appearing inside a post or page.
*/
/**
* .alignleft
*/
.alignleft {
text-align: left;
margin-top: 0;
}
.entry-content > .alignleft {
max-width: var(--responsive--aligndefault-width);
}
@media only screen and (min-width: 482px) {
.alignleft {
float: left;
margin-right: var(--global--spacing-horizontal);
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignleft {
max-width: calc(50% - var(--responsive--alignleft-margin));
}
}
/**
* .aligncenter
*/
.aligncenter {
clear: both;
display: block;
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/**
* .alignright
*/
.alignright {
margin-top: 0;
margin-bottom: var(--global--spacing-vertical);
}
.entry-content > .alignright {
max-width: var(--responsive--aligndefault-width);
}
@media only screen and (min-width: 482px) {
.alignright {
float: right;
margin-left: var(--global--spacing-horizontal);
}
.entry-content > .alignright {
max-width: calc(50% - var(--responsive--alignright-margin));
}
}
[class*=inner-container] > .alignleft + *,
[class*=inner-container] > .alignright + * {
margin-top: 0;
}
/**
* .alignwide
*/
.alignwide {
clear: both;
}
/**
* .alignfull
*/
.alignfull {
clear: both;
}
.has-left-content {
justify-content: flex-start;
}
.has-right-content {
justify-content: flex-end;
}
.has-parallax {
background-attachment: fixed;
}
.has-drop-cap:not(:focus)::first-letter {
font-family: var(--heading--font-family);
font-weight: var(--heading--font-weight);
line-height: 0.66;
text-transform: uppercase;
font-style: normal;
float: right;
margin: 0.1em 0 0 0.1em;
font-size: calc(1.2 * var(--heading--font-size-h1));
}
.has-drop-cap:not(:focus)::after {
content: "";
display: table;
clear: both;
padding-top: 14px;
}
.desktop-only {
display: none;
}
@media only screen and (min-width: 482px) {
.desktop-only {
display: block;
}
}
/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */
.site-header {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
row-gap: var(--global--spacing-vertical);
}
.wp-custom-logo .site-header {
align-items: center;
}
@media only screen and (min-width: 482px) {
.site-header {
padding-top: calc(var(--global--spacing-vertical) / 0.75);
}
}
@media only screen and (min-width: 822px) {
.site-header {
padding-top: calc(2.4 * var(--global--spacing-vertical));
}
}
.site-branding {
color: var(--branding--color-text);
margin-left: 140px;
}
.site-branding:last-child {
margin-left: 0;
width: 100%;
text-align: center;
}
@media only screen and (min-width: 482px) {
.site-branding {
margin-left: initial;
margin-top: 4px;
}
}
.site-title {
color: var(--branding--color-link);
font-family: var(--branding--title--font-family);
font-size: var(--branding--title--font-size-mobile);
letter-spacing: normal;
text-transform: var(--branding--title--text-transform);
line-height: var(--global--line-height-heading);
margin-bottom: calc(var(--global--spacing-vertical) / 6);
}
.site-title a {
color: currentColor;
font-weight: var(--branding--title--font-weight);
}
.site-title a:link,
.site-title a:visited,
.site-title a:active {
color: currentColor;
}
.site-title a:hover,
.site-title a:focus {
color: var(--branding--color-link-hover);
}
@media only screen and (min-width: 482px) {
.site-title {
font-size: var(--branding--title--font-size);
}
}
.site-description {
color: currentColor;
font-family: var(--branding--description--font-family);
font-size: var(--branding--description--font-size);
line-height: 1.4;
}
.site-title > a {
text-decoration-color: var(--global--color-secondary);
}
.site-logo {
margin: calc(var(--global--spacing-vertical) / 2) 0;
}
.site-header > .site-logo {
width: 100%;
padding-bottom: calc(var(--global--spacing-vertical) * 1.5);
border-bottom: 1px solid;
text-align: center;
}
.site-logo .custom-logo {
margin-right: auto;
margin-left: auto;
max-width: var(--branding--logo--max-width-mobile);
max-height: var(--branding--logo--max-height-mobile);
height: auto;
display: inline-block;
width: auto;
}
@media only screen and (min-width: 482px) {
.site-logo .custom-logo {
max-width: var(--branding--logo--max-width);
max-height: var(--branding--logo--max-height);
height: auto;
width: auto;
}
}
@media only screen and (max-width: 481px) {
.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
position: absolute;
padding-top: calc(0.5 * var(--global--spacing-vertical));
margin-top: 0;
top: var(--global--admin-bar--height);
}
.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {
display: none;
}
.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
max-height: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em);
}
.site-header.has-logo.has-title-and-tagline {
align-items: flex-start;
}
.site-header.has-logo.has-title-and-tagline.has-menu {
justify-content: space-between;
}
.site-header.has-logo.has-title-and-tagline.has-menu .site-branding {
max-width: calc(100% - 160px);
}
.site-header.has-logo.has-title-and-tagline .site-branding {
margin-left: 0;
}
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after {
display: none;
}
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation {
position: relative;
top: 0;
}
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container {
position: relative;
padding-top: 0;
margin-top: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit));
}
body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu {
padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px);
margin-left: calc(0px - var(--global--spacing-horizontal) * 0.6);
}
.site-header:not(.has-logo).has-title-and-tagline .site-branding {
margin-left: 0;
max-width: calc(100% - 160px);
}
.site-header:not(.has-menu) {
justify-content: center;
}
}
.site-footer {
padding-top: 0;
padding-bottom: calc(1.7 * var(--global--spacing-vertical));
}
.no-widgets .site-footer {
margin-top: calc(6 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {
.no-widgets .site-footer {
margin-top: calc(3 * var(--global--spacing-vertical));
}
}
.site-footer > .site-info {
padding-top: var(--global--spacing-vertical);
color: var(--footer--color-text);
font-family: var(--footer--font-family);
font-size: var(--footer--font-size);
line-height: var(--global--line-height-body);
border-top: 3px solid var(--global--color-border);
}
.site-footer > .site-info .site-name {
text-transform: var(--branding--title--text-transform);
font-size: var(--branding--title--font-size);
}
.site-footer > .site-info .privacy-policy,
.site-footer > .site-info .powered-by {
margin-top: calc(0.5 * var(--global--spacing-vertical));
}
@media only screen and (min-width: 822px) {
.site-footer > .site-info {
display: flex;
align-items: center;
}
.site-footer > .site-info .site-name {
margin-left: calc(0.5 * var(--global--spacing-vertical));
}
.site-footer > .site-info .privacy-policy,
.site-footer > .site-info .powered-by {
margin-top: initial;
margin-right: auto;
}
.site-footer > .site-info .privacy-policy + .powered-by {
margin-right: calc(0.5 * var(--global--spacing-vertical));
}
}
.site-footer > .site-info a {
color: var(--footer--color-link);
}
.site-footer > .site-info a:link,
.site-footer > .site-info a:visited,
.site-footer > .site-info a:active {
color: var(--footer--color-link);
}
.site-footer > .site-info a:hover {
color: var(--footer--color-link-hover);
}
.site-footer > .site-info a:focus {
color: var(--footer--color-link-hover);
}
.is-dark-theme .site-footer > .site-info a:focus {
color: var(--wp--style--color--link, var(--global--color-background));
}
.has-background-white .site-footer > .site-info a:focus {
color: var(--wp--style--color--link, var(--global--color-white));
}
.singular .entry-header {
border-bottom: 3px solid var(--global--color-border);
padding-bottom: calc(2 * var(--global--spacing-vertical));
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.home .entry-header {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.singular .has-post-thumbnail .entry-header {
border-bottom: none;
padding-bottom: calc(1.3 * var(--global--spacing-vertical));
margin-bottom: 0;
}
.no-results.not-found > *:first-child {
margin-bottom: calc(3 * var(--global--spacing-vertical));
}
.page-links {
clear: both;
}
.page-links .post-page-numbers {
display: inline-block;
margin-right: calc(0.66 * var(--global--spacing-unit));
margin-left: calc(0.66 * var(--global--spacing-unit));
min-width: 44px;
min-height: 44px;
}
.page-links .post-page-numbers:first-child {
margin-right: 0;
}
.entry-title {
color: var(--entry-header--color);
font-size: var(--entry-header--font-size);
letter-spacing: var(--heading--letter-spacing-h2);
line-height: var(--heading--line-height-h2);
overflow-wrap: break-word;
}
.entry-title a {
color: var(--entry-header--color-link);
text-underline-offset: 0.15em;
}
.entry-title a:hover {
color: var(--entry-header--color-hover);
}
.entry-title a:focus {
color: var(--entry-header--color-focus);
}
.entry-title a:active {
color: var(--entry-header--color-link);
}
.singular .entry-title {
font-size: var(--global--font-size-page-title);
}
h1.entry-title {
line-height: var(--heading--line-height-h1);
font-weight: var(--heading--font-weight-page-title);
}
/**
* Entry Content
*/
.entry-content,
.entry-summary {
font-family: var(--entry-content--font-family);
}
.entry-content p {
word-wrap: break-word;
}
.entry-content > iframe[style] {
margin: var(--global--spacing-vertical) 0 !important;
max-width: 100% !important;
}
.entry-footer {
color: var(--global--color-primary);
clear: both;
float: none;
font-size: var(--global--font-size-xs);
display: block;
}
.entry-footer > span {
display: inline-block;
}
.entry-footer a {
color: currentColor;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: var(--global--color-primary-hover);
}
.entry-footer a:active {
color: currentColor;
}
.site-main > article > .entry-footer {
margin-top: var(--global--spacing-vertical);
padding-top: var(--global--spacing-unit);
padding-bottom: calc(3 * var(--global--spacing-vertical));
border-bottom: var(--separator--height) solid var(--separator--border-color);
}
body:not(.single) .site-main > article:last-of-type .entry-footer {
border-bottom: var(--separator--height) solid transparent;
}
.single .site-main > article > .entry-footer {
margin-top: calc(3.4 * var(--global--spacing-vertical));
margin-bottom: calc(3.4 * var(--global--spacing-vertical));
padding-bottom: 0;
padding-top: calc(0.8 * var(--global--spacing-vertical));
border-top: 3px solid var(--separator--border-color);
border-bottom: var(--separator--height) solid transparent;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: calc(2 * var(--global--spacing-horizontal));
}
.single .site-main > article > .entry-footer .post-taxonomies,
.single .site-main > article > .entry-footer .full-size-link {
justify-content: flex-end;
text-align: left;
}
.single .site-main > article > .entry-footer .full-size-link:first-child:last-child {
grid-column: span 2;
}
.single .site-main > article > .entry-footer .posted-on,
.single .site-main > article > .entry-footer .byline,
.single .site-main > article > .entry-footer .cat-links,
.single .site-main > article > .entry-footer .tags-links {
display: block;
}
@media only screen and (max-width: 481px) {
.single .site-main > article > .entry-footer {
display: block;
}
.single .site-main > article > .entry-footer .full-size-link {
display: block;
}
.single .site-main > article > .entry-footer .post-taxonomies,
.single .site-main > article > .entry-footer .full-size-link {
text-align: right;
}
}
/**
* Post Thumbnails
*/
.post-thumbnail {
text-align: center;
}
.post-thumbnail .wp-post-image {
display: block;
width: auto;
max-width: 100%;
margin-right: auto;
margin-left: auto;
margin-top: calc(2 * var(--global--spacing-vertical));
}
/**
* Author
*/
.author-bio {
position: relative;
font-size: var(--global--font-size-xs);
max-width: var(--responsive--aligndefault-width);
}
.site-main > article > .author-bio {
margin-top: calc(2 * var(--global--spacing-vertical));
}
.author-bio.show-avatars .avatar {
display: inline-block;
vertical-align: top;
border-radius: 50%;
}
.author-bio.show-avatars .author-bio-content {
display: inline-block;
padding-right: var(--global--spacing-horizontal);
max-width: calc(var(--responsive--aligndefault-width) - 90px);
}
.author-bio .author-bio-content .author-title {
font-family: var(--entry-author-bio--font-family);
font-size: var(--entry-author-bio--font-size);
display: inline;
}
.author-bio .author-bio-content .author-description {
font-size: var(--global--font-size-xs);
margin-top: calc(0.5 * var(--global--spacing-vertical));
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.page-title {
font-size: var(--global--font-size-page-title);
}
h1.page-title,
h2.page-title {
font-weight: var(--heading--font-weight-page-title);
}
h1.page-title {
line-height: var(--heading--line-height-h1);
}
.page-header {
border-bottom: 3px solid var(--global--color-border);
padding-bottom: calc(2 * var(--global--spacing-vertical));
}
.archive .content-area .format-aside .entry-content,
.archive .content-area .format-status .entry-content,
.archive .content-area .format-link .entry-content,
.search .content-area .format-aside .entry-content,
.search .content-area .format-status .entry-content,
.search .content-area .format-link .entry-content,
.blog .content-area .format-aside .entry-content,
.blog .content-area .format-status .entry-content,
.blog .content-area .format-link .entry-content {
font-size: var(--global--font-size-lg);
}
.archive .format-image .entry-content,
.archive .format-gallery .entry-content,
.archive .format-video .entry-content,
.search .format-image .entry-content,
.search .format-gallery .entry-content,
.search .format-video .entry-content,
.blog .format-image .entry-content,
.blog .format-gallery .entry-content,
.blog .format-video .entry-content {
margin-top: calc(2 * var(--global--spacing-vertical));
}
.archive .entry-footer .cat-links,
.archive .entry-footer .tags-links,
.search .entry-footer .cat-links,
.search .entry-footer .tags-links,
.blog .entry-footer .cat-links,
.blog .entry-footer .tags-links {
display: block;
}
.archive.logged-in .entry-footer .posted-on,
.search.logged-in .entry-footer .posted-on,
.blog.logged-in .entry-footer .posted-on {
margin-left: calc(0.5 * var(--global--spacing-unit));
}
.archive-description {
margin-top: var(--global--spacing-vertical);
font-size: var(--global--font-size-xl);
line-height: var(--global--line-height-heading);
}
.error404 main p {
font-size: var(--global--font-size-lg);
margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667);
}
.search-no-results .page-content {
margin-top: calc(3 * var(--global--spacing-vertical));
}
/**
* Comments Wrapper
*/
.comments-area > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comments-area > *:first-child {
margin-top: 0;
}
.comments-area > *:last-child {
margin-bottom: 0;
}
.comments-area.show-avatars .avatar {
border-radius: 50%;
position: absolute;
top: 10px;
}
.comments-area.show-avatars .fn {
display: inline-block;
padding-right: 85px;
}
.comments-area.show-avatars .comment-metadata {
padding: 8px 85px 9px 0;
}
/**
* Comment Title
*/
.comments-title,
.comment-reply-title {
font-size: var(--heading--font-size-h2);
letter-spacing: var(--heading--letter-spacing-h2);
}
.comment-reply-title {
display: flex;
justify-content: space-between;
}
.comment-reply-title small a {
font-family: var(--global--font-secondary);
font-size: var(--global--font-size-xs);
font-style: normal;
font-weight: normal;
letter-spacing: normal;
}
/* Nested comment reply title*/
.comment .comment-respond .comment-reply-title {
font-size: var(--global--font-size-lg);
}
/**
* Comment Lists
*/
.comment-list {
padding-right: 0;
list-style: none;
}
.comment-list > li {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comment-list .children {
list-style: none;
padding-right: 0;
}
.comment-list .children > li {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
@media only screen and (min-width: 482px) {
.comment-list .depth-2,
.comment-list .depth-3 {
padding-right: calc(4 * var(--global--spacing-horizontal));
}
}
/**
* Comment Meta
*/
.comment-meta .comment-author {
line-height: var(--global--line-height-heading);
margin-bottom: calc(0.25 * var(--global--spacing-unit));
}
@media only screen and (min-width: 482px) {
.comment-meta .comment-author {
margin-bottom: 0;
padding-left: 0;
}
}
.comment-meta .comment-author .fn {
font-family: var(--global--font-secondary);
font-weight: normal;
font-size: var(--global--font-size-lg);
hyphens: auto;
word-wrap: break-word;
word-break: break-word;
}
.comment-meta .comment-metadata {
color: var(--global--color-primary);
font-size: var(--global--font-size-xs);
padding: 8px 0 9px 0;
}
.comment-meta .comment-metadata .edit-link {
margin-right: var(--global--spacing-horizontal);
}
@media only screen and (min-width: 482px) {
.comment-meta {
margin-left: inherit;
}
.comment-meta .comment-author {
max-width: inherit;
}
}
.reply {
font-size: var(--global--font-size-sm);
line-height: var(--global--line-height-heading);
}
.bypostauthor {
display: block;
}
.says {
display: none;
}
.pingback .url,
.trackback .url {
font-family: var(--global--font-primary);
}
.comment-body {
position: relative;
margin-bottom: calc(1.7 * var(--global--spacing-vertical));
}
.comment-body > * {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comment-body .reply {
margin: 0;
}
.comment-content {
word-wrap: break-word;
}
.pingback .comment-body,
.trackback .comment-body {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.comment-respond {
margin-top: var(--global--spacing-vertical);
}
.comment-respond > * {
margin-top: var(--global--spacing-unit);
margin-bottom: var(--global--spacing-unit);
}
.comment-respond > *:first-child {
margin-top: 0;
}
.comment-respond > *:last-child {
margin-bottom: 0;
}
.comment-respond > *:last-child.comment-form {
margin-bottom: var(--global--spacing-vertical);
}
.comment-author {
padding-top: 3px;
}
.comment-author .url {
color: currentColor;
}
.comment-form {
display: flex;
flex-wrap: wrap;
}
.comment-form > * {
flex-basis: 100%;
}
.comment-form .comment-notes {
font-size: var(--global--font-size-sm);
}
.comment-form .comment-form-url,
.comment-form .comment-form-comment {
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
flex-basis: 0;
flex-grow: 1;
}
@media only screen and (max-width: 481px) {
.comment-form .comment-form-author,
.comment-form .comment-form-email {
flex-basis: 100%;
}
}
.comment-form .comment-form-cookies-consent > label,
.comment-form .comment-notes {
font-size: var(--global--font-size-xs);
font-weight: normal;
}
.comment-form > p {
margin-bottom: var(--global--spacing-unit);
}
.comment-form > p:first-of-type {
margin-top: 0;
}
.comment-form > p:last-of-type {
margin-bottom: 0;
}
.comment-form > p label,
.comment-form > p input[type=email],
.comment-form > p input[type=text],
.comment-form > p input[type=url],
.comment-form > p textarea {
display: block;
font-size: var(--global--font-size-sm);
margin-bottom: calc(0.5 * var(--global--spacing-unit));
width: 100%;
font-weight: var(--form--label-weight);
}
.comment-form > p.comment-form-cookies-consent {
display: flex;
}
@media only screen and (min-width: 482px) {
.comment-form > p.comment-form-author {
margin-left: calc(1.5 * var(--global--spacing-horizontal));
}
.comment-form > p.comment-notes,
.comment-form > p.logged-in-as {
display: block;
}
}
.menu-button-container {
display: none;
justify-content: space-between;
position: absolute;
left: 0;
padding-top: calc(0.5 * var(--global--spacing-vertical));
padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}
@media only screen and (max-width: 481px) {
.menu-button-container {
display: flex;
}
}
.menu-button-container #primary-mobile-menu {
display: flex;
margin-right: auto;
padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal));
font-size: var(--primary-nav--font-size-button);
font-weight: var(--primary-nav--font-weight-button);
background-color: transparent;
border: none;
color: var(--primary-nav--color-link);
}
.menu-button-container #primary-mobile-menu .dropdown-icon {
display: flex;
align-items: center;
}
.menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon {
margin-right: calc(0.25 * var(--global--spacing-unit));
}
.menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon {
position: relative;
top: -1px;
}
.menu-button-container #primary-mobile-menu .dropdown-icon.close {
display: none;
}
.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open {
display: none;
}
.menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
display: flex;
}
.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
animation-name: twentytwentyone-close-button-transition;
animation-duration: 0.3s;
}
.primary-navigation-open .menu-button-container {
width: 100%;
z-index: 500;
background-color: var(--global--color-background);
}
.primary-navigation-open .menu-button-container #primary-mobile-menu {
position: static;
}
.primary-navigation {
position: absolute;
top: var(--global--admin-bar--height);
left: 0;
color: var(--primary-nav--color-text);
font-size: var(--primary-nav--font-size);
line-height: 1.15;
margin-top: 0;
margin-bottom: 0;
}
.primary-navigation > .primary-menu-container {
position: fixed;
visibility: hidden;
opacity: 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
padding-right: var(--global--spacing-unit);
padding-left: var(--global--spacing-unit);
padding-bottom: var(--global--spacing-horizontal);
background-color: var(--global--color-background);
transform: translateY(var(--global--spacing-vertical));
}
@media (prefers-reduced-motion: no-preference) {
.primary-navigation > .primary-menu-container {
transition: all 0.15s ease-in-out;
}
}
@media only screen and (max-width: 481px) {
.primary-navigation > .primary-menu-container {
height: 100vh;
z-index: 499;
overflow-x: hidden;
overflow-y: auto;
border: 2px solid transparent;
}
.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
position: fixed;
transform: translateY(0) translateX(-100%);
}
.admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
top: var(--global--admin-bar--height);
}
.admin-bar .primary-navigation > .primary-menu-container {
height: calc(100vh - var(--global--admin-bar--height));
}
.primary-navigation > .primary-menu-container:focus {
border: 2px solid var(--global--color-primary);
}
}
@media only screen and (max-width: 481px) {
.primary-navigation-open .primary-navigation {
width: 100%;
position: fixed;
z-index: 2;
}
}
.primary-navigation-open .primary-navigation > .primary-menu-container {
position: absolute;
visibility: visible;
opacity: 1;
transform: translateY(0);
}
@media only screen and (max-width: 481px) {
.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
transform: translateX(0) translateY(0);
}
}
@media only screen and (min-width: 482px) {
.primary-navigation {
position: relative;
margin-right: auto;
}
.primary-navigation > .primary-menu-container {
visibility: visible;
opacity: 1;
position: relative;
padding: 0;
background-color: transparent;
overflow: initial;
transform: none;
}
.primary-navigation #toggle-menu {
display: none;
}
.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
display: none;
}
.admin-bar .primary-navigation {
top: initial;
}
.admin-bar .primary-navigation > .primary-menu-container {
top: initial;
}
}
.primary-navigation > div > .menu-wrapper {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
list-style: none;
margin: 0;
max-width: none;
padding-right: 0;
position: relative;
}
@media only screen and (max-width: 481px) {
.primary-navigation > div > .menu-wrapper {
padding-bottom: 100px;
}
.primary-navigation > div > .menu-wrapper ul {
padding-right: 0;
}
}
.primary-navigation > div > .menu-wrapper li {
display: block;
position: relative;
width: 100%;
}
@media only screen and (min-width: 482px) {
.primary-navigation > div > .menu-wrapper li {
margin: 0;
width: inherit;
}
.primary-navigation > div > .menu-wrapper li:last-child {
margin-left: 0;
}
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
display: flex;
height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);
width: 44px;
padding: 0;
justify-content: center;
align-items: center;
background: transparent;
color: currentColor;
border: none;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {
outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));
}
@media only screen and (max-width: 481px) {
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
display: none;
}
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
height: 100%;
display: flex;
align-items: center;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {
margin-top: -1px;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {
display: none;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {
display: flex;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {
display: none;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
position: relative;
}
@media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) {
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
transition: all 0.5s ease;
}
}
@media only screen and (min-width: 482px) {
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
right: 0;
margin: 0;
min-width: max-content;
position: absolute;
top: 100%;
padding-top: 3px;
z-index: 88888;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
content: "";
display: block;
position: absolute;
width: 0;
top: -10px;
right: var(--global--spacing-horizontal);
border-style: solid;
border-color: var(--primary-nav--border-color) transparent;
border-width: 0 7px 10px 7px;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
top: -9px;
border-color: var(--global--color-background) transparent;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
background: var(--global--color-background);
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {
left: 0;
right: auto;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {
left: var(--global--spacing-horizontal);
right: auto;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {
right: 0;
left: auto;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,
.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {
left: auto;
right: var(--global--spacing-horizontal);
}
}
.primary-navigation .primary-menu > .menu-item:hover > a {
color: var(--primary-nav--color-link-hover);
}
@media only screen and (min-width: 482px) {
.primary-navigation .primary-menu-container {
margin-left: calc(0px - var(--primary-nav--padding));
margin-right: calc(0px - var(--primary-nav--padding));
}
.primary-navigation .primary-menu-container > ul > .menu-item {
display: flex;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a {
padding-right: var(--primary-nav--padding);
padding-left: var(--primary-nav--padding);
}
.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
margin-right: calc(5px - var(--primary-nav--padding));
}
}
.primary-navigation a {
display: block;
font-family: var(--primary-nav--font-family-mobile);
font-size: var(--primary-nav--font-size-mobile);
font-weight: var(--primary-nav--font-weight);
padding: var(--primary-nav--padding) 0;
text-decoration: none;
}
@media only screen and (min-width: 482px) {
.primary-navigation a {
display: block;
font-family: var(--primary-nav--font-family);
font-size: var(--primary-nav--font-size);
font-weight: var(--primary-nav--font-weight);
}
}
.primary-navigation a + svg {
fill: var(--primary-nav--color-text);
}
.primary-navigation a:hover,
.primary-navigation a:link,
.primary-navigation a:visited {
color: var(--primary-nav--color-link-hover);
}
.primary-navigation a:hover {
text-decoration: underline;
text-decoration-style: dotted;
}
.primary-navigation a:focus {
position: relative;
z-index: 99999;
outline-offset: 0;
text-decoration-thickness: 2px;
}
.primary-navigation .current-menu-item > a:first-child,
.primary-navigation .current_page_item > a:first-child {
text-decoration: underline;
text-decoration-style: solid;
}
.primary-navigation .current-menu-item > a:first-child:hover,
.primary-navigation .current_page_item > a:first-child:hover {
text-decoration: underline;
text-decoration-style: dotted;
}
.primary-navigation .sub-menu {
margin: 0;
padding: 0;
list-style: none;
margin-right: var(--primary-nav--padding);
border: 1px solid var(--primary-nav--border-color);
}
.primary-navigation .sub-menu .sub-menu {
border: none;
}
@media only screen and (min-width: 482px) {
.primary-navigation .sub-menu > .menu-item > .sub-menu {
padding: 0;
}
}
@media only screen and (max-width: 481px) {
.primary-navigation .sub-menu .menu-item:last-child {
margin-bottom: 0;
}
}
.primary-navigation .sub-menu .menu-item > a {
padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
display: block;
font-size: var(--primary-nav--font-size-sub-menu-mobile);
font-style: var(--primary-nav--font-style-sub-menu-mobile);
}
@media only screen and (min-width: 482px) {
.primary-navigation .sub-menu .menu-item > a {
font-size: var(--primary-nav--font-size-sub-menu);
font-style: var(--primary-nav--font-style);
}
}
.primary-navigation .menu-item-has-children > .svg-icon {
display: none;
}
@media only screen and (min-width: 482px) {
.primary-navigation .menu-item-has-children > .svg-icon {
display: inline-block;
height: 100%;
}
.primary-navigation .menu-item-has-children .sub-menu .svg-icon {
display: none;
}
}
.primary-navigation .menu-item-description {
display: block;
clear: both;
font-size: var(--global--font-size-xs);
text-transform: none;
line-height: 1.7;
}
.primary-navigation .menu-item-description > span {
display: inline-block;
}
@media only screen and (max-width: 481px) {
.lock-scrolling .site {
position: fixed;
max-width: 100%;
width: 100%;
}
}
@keyframes twentytwentyone-close-button-transition {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.footer-navigation {
margin-top: calc(2 * var(--global--spacing-vertical));
margin-bottom: var(--global--spacing-vertical);
color: var(--footer--color-text);
font-size: var(--global--font-size-xs);
font-family: var(--footer--font-family);
}
.footer-navigation-wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
padding-right: 0;
}
.footer-navigation-wrapper li {
display: inline;
line-height: 3;
}
.footer-navigation-wrapper li a {
padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);
color: var(--footer--color-link);
}
.footer-navigation-wrapper li a:link,
.footer-navigation-wrapper li a:visited,
.footer-navigation-wrapper li a:active {
color: var(--footer--color-link);
}
.footer-navigation-wrapper li a:hover {
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
color: var(--footer--color-link-hover);
}
.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
fill: var(--wp--style--color--link, var(--global--color-background));
}
.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
fill: var(--wp--style--color--link, var(--global--color-white));
}
.footer-navigation-wrapper li .svg-icon {
vertical-align: middle;
fill: var(--footer--color-link);
}
.footer-navigation-wrapper li .svg-icon:hover {
transform: scale(1.1);
}
@media (prefers-reduced-motion: no-preference) {
.footer-navigation-wrapper li .svg-icon {
transition: transform 0.1s ease;
}
}
.footer-navigation-wrapper .sub-menu-toggle,
.footer-navigation-wrapper .menu-item-description {
display: none;
}
/* Next/Previous navigation */
.navigation {
color: var(--global--color-primary);
}
.navigation a {
color: var(--global--color-primary);
text-decoration: none;
}
.navigation a:hover {
color: var(--global--color-primary-hover);
text-decoration: underline;
text-decoration-style: dotted;
}
.navigation a:focus {
color: var(--global--color-secondary);
}
.navigation a:active {
color: var(--global--color-primary);
}
.navigation .nav-links > * {
min-width: 44px;
min-height: 44px;
}
.navigation .nav-links .nav-next a,
.navigation .nav-links .nav-previous a {
display: flex;
flex-direction: column;
}
.navigation .nav-links .dots {
text-align: center;
}
@media only screen and (min-width: 592px) {
.navigation .nav-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.navigation .nav-links .nav-next,
.navigation .nav-links .nav-previous {
flex: 0 1 auto;
margin-bottom: inherit;
margin-top: inherit;
max-width: calc(50% - 0.5 * var(--global--spacing-unit));
}
.navigation .nav-links .nav-next {
text-align: left;
}
}
.navigation .svg-icon {
display: inline-block;
fill: currentColor;
vertical-align: middle;
position: relative;
}
.navigation .nav-previous .svg-icon,
.navigation .prev .svg-icon {
top: -2px;
margin-left: calc(0.25 * var(--global--spacing-unit));
}
.navigation .nav-next .svg-icon,
.navigation .next .svg-icon {
top: -1px;
margin-right: calc(0.25 * var(--global--spacing-unit));
}
.post-navigation {
margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {
.post-navigation {
margin: var(--global--spacing-vertical) auto;
}
}
.post-navigation .meta-nav {
line-height: var(--global--line-height-body);
color: var(--global--color-primary);
}
.post-navigation .post-title {
display: inline-block;
font-family: var(--global--font-primary);
font-size: var(--global--font-size-lg);
font-weight: var(--pagination--font-weight-strong);
line-height: var(--global--line-height-heading);
}
@media only screen and (min-width: 822px) {
.post-navigation .post-title {
margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0;
}
}
@media only screen and (min-width: 482px) {
.post-navigation .nav-links {
justify-content: space-between;
}
}
.post-navigation .nav-next,
.post-navigation .nav-previous {
margin-top: var(--global--spacing-vertical);
margin-bottom: var(--global--spacing-vertical);
}
.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
margin-top: 0;
}
.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
margin-bottom: 0;
}
.pagination,
.comments-pagination {
border-top: 3px solid var(--global--color-border);
padding-top: var(--global--spacing-vertical);
margin: var(--global--spacing-vertical) auto;
}
@media only screen and (min-width: 822px) {
.pagination,
.comments-pagination {
margin: var(--global--spacing-vertical) auto;
}
}
.pagination .nav-links,
.comments-pagination .nav-links {
margin-top: calc(-1 * var(--global--spacing-vertical));
}
.pagination .nav-links a:hover,
.comments-pagination .nav-links a:hover {
color: var(--pagination--color-link-hover);
}
.is-dark-theme .pagination .nav-links a:active,
.is-dark-theme .pagination .nav-links a:hover:active,
.is-dark-theme .pagination .nav-links a:hover:focus,
.is-dark-theme .comments-pagination .nav-links a:active,
.is-dark-theme .comments-pagination .nav-links a:hover:active,
.is-dark-theme .comments-pagination .nav-links a:hover:focus {
color: var(--global--color-background);
}
.has-background-white .pagination .nav-links a:active,
.has-background-white .pagination .nav-links a:hover:active,
.has-background-white .pagination .nav-links a:hover:focus,
.has-background-white .comments-pagination .nav-links a:active,
.has-background-white .comments-pagination .nav-links a:hover:active,
.has-background-white .comments-pagination .nav-links a:hover:focus {
color: var(--global--color-white);
}
.pagination .nav-links > *,
.comments-pagination .nav-links > * {
color: var(--pagination--color-text);
font-family: var(--pagination--font-family);
font-size: var(--pagination--font-size);
font-weight: var(--pagination--font-weight);
margin-top: var(--global--spacing-vertical);
margin-right: calc(0.66 * var(--global--spacing-unit));
margin-left: calc(0.66 * var(--global--spacing-unit));
}
.pagination .nav-links > *.current,
.comments-pagination .nav-links > *.current {
text-decoration: underline;
}
.pagination .nav-links > *:not(.dots):not(.current):hover,
.comments-pagination .nav-links > *:not(.dots):not(.current):hover {
text-decoration-style: dotted;
}
.pagination .nav-links > *:first-child,
.comments-pagination .nav-links > *:first-child {
margin-right: 0;
}
.pagination .nav-links > *:last-child,
.comments-pagination .nav-links > *:last-child {
margin-left: 0;
}
.pagination .nav-links > *.next,
.comments-pagination .nav-links > *.next {
margin-right: auto;
}
.pagination .nav-links > *.prev,
.comments-pagination .nav-links > *.prev {
margin-left: auto;
}
@media only screen and (max-width: 821px) {
.pagination .nav-links,
.comments-pagination .nav-links {
display: flex;
flex-wrap: wrap;
}
.pagination .page-numbers,
.comments-pagination .page-numbers {
display: none;
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.comments-pagination .page-numbers.prev,
.comments-pagination .page-numbers.next {
display: inline-block;
flex: 0 1 auto;
}
}
@media only screen and (max-width: 481px) {
.pagination .nav-short,
.comments-pagination .nav-short {
display: none;
}
}
.comments-pagination {
padding-top: calc(0.66 * var(--global--spacing-vertical));
margin: calc(3 * var(--global--spacing-vertical)) auto;
}
@media only screen and (min-width: 822px) {
.comments-pagination {
margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto;
}
}
.comments-pagination .nav-links > * {
font-size: var(--global--font-size-md);
}
.widget-area {
margin-top: calc(6 * var(--global--spacing-vertical));
padding-bottom: calc(var(--global--spacing-vertical) / 3);
color: var(--footer--color-text);
font-size: var(--footer--font-size);
font-family: var(--footer--font-family);
}
@media only screen and (min-width: 652px) {
.widget-area {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: calc(2 * var(--global--spacing-horizontal));
}
}
@media only screen and (min-width: 1024px) {
.widget-area {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 481px) {
.widget-area {
margin-top: calc(3 * var(--global--spacing-vertical));
}
}
.widget-area .wp-block-social-links.alignright {
margin-top: var(--global--spacing-vertical);
justify-content: flex-end;
}
.widget-area .wp-block-social-links.alignleft {
margin-top: var(--global--spacing-vertical);
}
.widget-area:after {
content: "";
display: table;
clear: both;
}
.widget h1,
.widget h2,
.widget h3,
.widget h4,
.widget h5,
.widget h6 {
font-weight: var(--widget--font-weight-title);
line-height: var(--widget--line-height-title);
}
.widget h1 {
font-size: var(--global--font-size-md);
}
.widget h2 {
font-size: var(--global--font-size-sm);
}
.widget h3 {
font-size: var(--global--font-size-xs);
}
.widget h4 {
font-size: var(--global--font-size-xs);
}
.widget h5 {
font-size: var(--global--font-size-xs);
}
.widget h6 {
font-size: var(--global--font-size-xs);
}
.widget ul {
list-style-type: none;
padding: 0;
}
.widget ul li {
line-height: var(--widget--line-height-list);
}
.widget ul.sub-menu,
.widget ul.children {
margin-right: var(--widget--spacing-menu);
}
.widget ul .sub-menu-toggle {
display: none;
}
.widget a {
color: var(--footer--color-link);
text-decoration: underline;
text-decoration-style: solid;
text-decoration-color: currentColor;
}
.widget a:link,
.widget a:visited,
.widget a:active {
color: var(--footer--color-link);
}
.widget a:hover {
color: var(--footer--color-link-hover);
text-decoration-style: dotted;
}
.search-form {
display: flex;
flex-wrap: wrap;
margin: auto;
max-width: var(--responsive--aligndefault-width);
}
.search-form > label {
width: 100%;
margin-bottom: 0;
font-weight: var(--form--label-weight);
}
.search-form .search-field {
flex-grow: 1;
max-width: inherit;
margin-top: calc(var(--global--spacing-vertical) / 3);
margin-left: calc(0.66 * var(--global--spacing-horizontal));
}
.search-form .search-submit {
margin-top: calc(var(--global--spacing-vertical) / 3);
margin-right: 10px;
}
.widget_search > .search-form .search-field {
margin-left: calc(-1 * var(--button--border-width));
-webkit-appearance: none;
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.widget_search > .search-form .search-submit {
margin-right: 0;
margin-bottom: calc(0.5 * var(--global--spacing-vertical));
}
.widget_rss a.rsswidget .rss-widget-icon {
display: none;
}
/* Category 07 is for any utility classes that are not assigned to a specific component. */
.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;
word-break: normal;
}
.skip-link:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
.has-black-color[class] {
color: var(--global--color-black);
}
.has-black-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-black, #000);
color: var(--local--color-primary);
}
.has-gray-color[class] {
color: var(--global--color-gray);
}
.has-gray-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-gray, #000);
color: var(--local--color-primary);
}
.has-dark-gray-color[class] {
color: var(--global--color-dark-gray);
}
.has-dark-gray-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-dark-gray, #000);
color: var(--local--color-primary);
}
.has-green-color[class] {
color: var(--global--color-green);
}
.has-green-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-green, #fff);
color: var(--local--color-primary);
}
.has-blue-color[class] {
color: var(--global--color-blue);
}
.has-blue-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-blue, #fff);
color: var(--local--color-primary);
}
.has-purple-color[class] {
color: var(--global--color-purple);
}
.has-purple-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-purple, #fff);
color: var(--local--color-primary);
}
.has-red-color[class] {
color: var(--global--color-red);
}
.has-red-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-red, #fff);
color: var(--local--color-primary);
}
.has-orange-color[class] {
color: var(--global--color-orange);
}
.has-orange-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-orange, #fff);
color: var(--local--color-primary);
}
.has-yellow-color[class] {
color: var(--global--color-yellow);
}
.has-yellow-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-yellow, #fff);
color: var(--local--color-primary);
}
.has-white-color[class] {
color: var(--global--color-white);
}
.has-white-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-white, #fff);
color: var(--local--color-primary);
}
.has-background a,
.has-background p,
.has-background h1,
.has-background h2,
.has-background h3,
.has-background h4,
.has-background h5,
.has-background h6 {
color: currentColor;
}
.has-black-background-color[class] {
background-color: var(--global--color-black);
}
.has-black-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-black, #000);
background-color: var(--local--color-background);
}
.has-dark-gray-background-color[class] {
background-color: var(--global--color-dark-gray);
}
.has-dark-gray-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-dark-gray, #000);
background-color: var(--local--color-background);
}
.has-gray-background-color[class] {
background-color: var(--global--color-gray);
}
.has-gray-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-gray, #000);
background-color: var(--local--color-background);
}
.has-light-gray-background-color[class] {
background-color: var(--global--color-light-gray);
}
.has-light-gray-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-light-gray, #fff);
background-color: var(--local--color-background);
}
.has-green-background-color[class] {
background-color: var(--global--color-green);
}
.has-green-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-green, #fff);
background-color: var(--local--color-background);
}
.has-blue-background-color[class] {
background-color: var(--global--color-blue);
}
.has-blue-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-blue, #fff);
background-color: var(--local--color-background);
}
.has-purple-background-color[class] {
background-color: var(--global--color-purple);
}
.has-purple-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-purple, #fff);
background-color: var(--local--color-background);
}
.has-red-background-color[class] {
background-color: var(--global--color-red);
}
.has-red-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-red, #fff);
background-color: var(--local--color-background);
}
.has-orange-background-color[class] {
background-color: var(--global--color-orange);
}
.has-orange-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-orange, #fff);
background-color: var(--local--color-background);
}
.has-yellow-background-color[class] {
background-color: var(--global--color-yellow);
}
.has-yellow-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-yellow, #fff);
background-color: var(--local--color-background);
}
.has-white-background-color[class] {
background-color: var(--global--color-white);
}
.has-white-background-color[class] > [class*=__inner-container] {
--local--color-background: var(--global--color-white, #fff);
background-color: var(--local--color-background);
}
.has-background:not(.has-text-color).has-black-background-color[class],
.has-background:not(.has-text-color).has-gray-background-color[class],
.has-background:not(.has-text-color).has-dark-gray-background-color[class] {
color: var(--global--color-white);
}
.has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-background, #fff);
color: var(--local--color-primary, var(--global--color-primary));
}
.is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-primary, #000);
}
.has-background:not(.has-text-color).has-green-background-color[class],
.has-background:not(.has-text-color).has-blue-background-color[class],
.has-background:not(.has-text-color).has-purple-background-color[class],
.has-background:not(.has-text-color).has-red-background-color[class],
.has-background:not(.has-text-color).has-orange-background-color[class],
.has-background:not(.has-text-color).has-yellow-background-color[class],
.has-background:not(.has-text-color).has-white-background-color[class] {
color: var(--global--color-dark-gray);
}
.has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
.has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-primary, #000);
color: var(--local--color-primary, var(--global--color-primary));
}
.is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container],
.is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] {
--local--color-primary: var(--global--color-background, #fff);
}
.has-purple-to-yellow-gradient-background {
background: linear-gradient(-160deg, var(--global--color-purple), var(--global--color-yellow));
}
.has-yellow-to-purple-gradient-background {
background: linear-gradient(-160deg, var(--global--color-yellow), var(--global--color-purple));
}
.has-green-to-yellow-gradient-background {
background: linear-gradient(-160deg, var(--global--color-green), var(--global--color-yellow));
}
.has-yellow-to-green-gradient-background {
background: linear-gradient(-160deg, var(--global--color-yellow), var(--global--color-green));
}
.has-red-to-yellow-gradient-background {
background: linear-gradient(-160deg, var(--global--color-red), var(--global--color-yellow));
}
.has-yellow-to-red-gradient-background {
background: linear-gradient(-160deg, var(--global--color-yellow), var(--global--color-red));
}
.has-purple-to-red-gradient-background {
background: linear-gradient(-160deg, var(--global--color-purple), var(--global--color-red));
}
.has-red-to-purple-gradient-background {
background: linear-gradient(-160deg, var(--global--color-red), var(--global--color-purple));
}
header *,
main *,
footer * {
max-width: var(--global--spacing-measure);
}
html,
body,
div,
header,
nav,
article,
figure,
hr,
main,
section,
footer {
max-width: none;
}
.is-IE.is-dark-theme {
color: #fff;
}
.is-IE.is-dark-theme *,
.is-IE.is-dark-theme a,
.is-IE.is-dark-theme .site-description,
.is-IE.is-dark-theme .entry-title,
.is-IE.is-dark-theme .entry-footer,
.is-IE.is-dark-theme .widget-area,
.is-IE.is-dark-theme .post-navigation .meta-nav,
.is-IE.is-dark-theme .footer-navigation-wrapper li a:link,
.is-IE.is-dark-theme .site-footer > .site-info,
.is-IE.is-dark-theme .site-footer > .site-info a,
.is-IE.is-dark-theme .site-footer > .site-info a:visited {
color: #fff;
}
.is-IE.is-dark-theme .sub-menu-toggle svg,
.is-IE.is-dark-theme .sub-menu-toggle path,
.is-IE.is-dark-theme .post-navigation .meta-nav svg,
.is-IE.is-dark-theme .post-navigation .meta-nav path {
fill: #fff;
}
.is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
background: #000;
}
@media only screen and (max-width: 481px) {
.is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container,
.is-IE.is-dark-theme.primary-navigation-open .menu-button-container {
background-color: #000;
}
}
.is-IE.is-dark-theme .skip-link:focus {
color: #21759b;
}
.is-IE .navigation .nav-links {
display: block;
}
.is-IE .post-thumbnail .wp-post-image {
min-width: auto;
}
home/eliteafr/www/wp-content/themes/top_1775690316/style-rtl.css 0000666 00000071060 15221073626 0020141 0 ustar 00 /*!
Theme Name: PopularFX
Theme URI: https://popularfx.com
Author: Pagelayer
Author URI: https://pagelayer.com
Description: Lightweight theme to make beautiful websites with Pagelayer. Includes 100s of pre-made templates to design your dream website !
Version: 1.2.6
License: LGPL v2.1
License URI: LICENSE
Text Domain: popularfx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, microformats, post-formats, theme-options, blog, rtl-language-support
Tested up to: 6.0
Requires PHP: 5.5
This theme is licensed under the LGPL v2.1.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background-color:#f5f5f5;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 3em 1.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-right: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #4169e1;
text-decoration: none;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active{
color:#2196f3;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header{
background-color:#ffffff;
border-bottom: 1px solid #eaeaea;
position:relative;
margin-right: auto;
margin-left: auto;
padding: 0% 4%;
width: 100%;
}
.site-branding{
display:inline-block;
padding:10px;
width: 30%;
}
.site-title{
font-size:30px;
font-weight:500;
color:#212121;
margin:0px;
}
.site-title a{
font-weight:500;
color:#212121;
text-decoration:none;
text-transform:capitalize;
}
.site-description{
margin: 1px;
}
.main-navigation {
margin: 15px 0px;
padding: 0;
display:inline-block;
width: 68%;
vertical-align: top;
text-align: left;
}
.main-navigation .menu-item-has-children > ul{
position: absolute;
border: 1px solid #dfdfdf;
position: absolute;
top: -1000px;
}
.main-navigation ul {
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation li {
display: inline-block;
position: relative;
text-align: right;
}
.main-navigation li.focus > ul, .main-navigation li:hover > ul {
top: auto;
right: auto;
}
.main-navigation li li {
display: block;
}
.main-navigation li li.focus > ul, .main-navigation li li:hover > ul {
right: 100%;
top: 0;
}
.main-navigation a {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
}
.main-navigation a:hover,
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
color: #0072b7;
}
.main-navigation .menu-item-has-children > a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 2px;
border-top-color: transparent;
border-right-color: currentColor;
}
.main-navigation .menu-item-has-children .sub-menu{
background: #fff;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
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: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget-area{
display:inline-block;
background-color:#ffffff;
padding:25px;
margin-top:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.widget-title{
font-size:20px;
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget ul,
.widget ol{
margin-right:0px;
}
.widget li a{
text-decoration:none;
color:#212121;
font-size:14px;
line-height:1.8;
}
.widget li a:hover{
color:#2196f3;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
border-spacing:0;
}
.widget_calendar td {
border-left: none;
border-right: none;
}
.widget_calendar .widget-title{
text-transform:capitalize;
}
.widget_calendar .wp-calendar-table caption{
margin:10px 0px;
}
.widget_calendar .wp-calendar-table tr td{
text-decoration:none;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table tr th{
text-decoration:none;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table td a{
text-decoration:none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.site-main{
height: auto;
vertical-align: top;
margin:0px auto;
width:100%;
}
.article{
background-color:#ffffff;
padding:25px;
margin:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.article .cat-links,
.article .comments-link,
.article .edit-link,
.article .tags-links{
margin:0px 10px 0px 0px;
text-decoration:underline;
}
.article .post-thumbnail img{
margin-top:20px;
}
.nav-links{
margin:0px 30px;
}
.nav-links a{
text-decoration:none;
}
.entry-title{
margin:5px 0px;
font-weight:500;
}
.entry-title a{
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active{
color:#2196f3;
}
.entry-content{
font-size:16px;
line-height:1.8;
margin-top:0px;
}
.site{
background-color: transparent;
}
.site-footer{
background-color:#171717;
padding:40px 0px;
text-align:center;
margin-top:60px;
color:#ffffff;
clear: both;
}
.site-info a{
color:#ffffff;
text-decoration:none;
}
.site-info a:hover{
color:#2196f3;
text-decoration:none;
}
.wp-block-quote{
margin: 10px 40px 10px 10px;
padding: 15px 20px 15px 15px;
border-right: 5px solid #e0e0e0;
font-style:italic;
}
.error-404{
background-color:#ffffff;
padding:25px;
margin:40px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
text-align:center;
}
.error-code{
font-size:150px;
margin:0px;
font-weight:500;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:33%;
display:inline-block;
vertical-align:top;
margin-top:5%;
}
.error-404 .widget_recent_entries ul,
.error-404 .widget_categories ul{
list-style-type:none;
padding-right:0px;
}
.widget_recent_entries .widgettitle,
.widget_categories .widgettitle,
.widget_archive .widgettitle{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget_archive select{
max-width: 100%;
width: 200px;
border-radius: 4px;
padding: 5px 10px;
height: 40px;
}
.error-404 .search-field{
display: block;
margin: 0 auto;
width: 350px;
padding: 10px;
border-radius: 4px;
}
.error-404 .search-submit{
font-size:16px;
padding: 10px 25px;
margin-top: 10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 0 7.6923% 3.5em;
background-color:#ffffff;
padding:20px 40px;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 500;
line-height: 1.3125;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #212121;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-right: 0.875em;
}
.comment-author {
color: #1a1a1a;
}
.vcard .fn a{
color:#171717;
text-transform:capitalize;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.comment-author .avatar {
float: right;
height: 40px;
margin-left: 0.875em;
position: relative;
width: 40px;
}
.comment-metadata {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 10px;
display:inline-block;
}
.comment-metadata a {
text-decoration:underline;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
}
.comment-metadata .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content{
font-size:16px;
font-weight:100;
line-height:1.8;
}
.comment-content ul,
.comment-content ol {
margin: 0 1.25em 1.5em 0;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border-radius: 2px;
color: #ffffff;
background-color:#2196f3;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
padding: 10px 20px;
text-decoration:underline;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #ffffff;
outline: 0;
}
.comment-form {
/*padding-top: 1.75em;*/
}
.comment-form label {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
height: 40px;
font-size: 14px;
overflow: hidden;
width: 90px;
margin-right: 10px;
text-decoration:none;
font-weight:400;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
}
.comment-form-comment textarea{
background-color:#f5f5f5;
}
.bypostauthor{
display: block;
}
.says{
display:none;
}
.form-submit .submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
border:none;
}
input.search-field{
border: 1px solid #eaeaea;
width: auto;
font-size: 16px;
padding: 8px;
}
input.search-submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
vertical-align: middle;
border:none;
margin-top:5px;
cursor: pointer;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
float:right;
margin-left: 14px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Woocoomerce
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{
list-style-type:none;
margin:0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 10px 20px;
border-bottom: 1px solid #616161;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color:#000000;
text-decoration:none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
background-color:#2196f3;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
color:#ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px;
}
.woocommerce form .form-row input.input-text{
padding:15px;
height:40px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
color: #ffffff;
background-color: #2196f3;
font-weight:500;
font-family:inherit;
padding:10px 20px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #ffffff;
background-color: #1976d2;
}
.woocommerce-Address-title h3{
font-weight:600;
text-transform:Capitalize;
}
.woocommerce-account .addresses .title .edit{
text-decoration:none;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width:768px){
.site-header{
padding:0px;
}
.site-branding{
width: 75%;
}
.menu-toggle{
display:inline-block;
float:left;
position: relative;
top: 25px;
left:20px;
}
.main-navigation{
float:none;
display:block;
background-color:#fafafa;
padding: 0px;
width: 100%;
}
.main-navigation ul{
display:block;
}
.main-navigation li{
display: block;
}
.main-navigation .menu-item-has-children:active > ul,
.main-navigation .menu-item-has-children:hover > ul,
.main-navigation .menu-item-has-children.focus > ul{
position: relative !important;
display: block;
margin-right: 20px;
border-right: 0px;
right: unset;
}
.main-navigation .menu-item-has-children .sub-menu{
background-color: initial;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 0px;
top: 0px;
transform: unset;
content: "\25B6";
border-top-color: transparent;
border-right-color: currentColor;
width: 60px;
padding-right: 20px;
display: block;
height: 100%;
padding-top: 15px;
border: unset;
pointer-events: none;
z-index: 10000;
}
.hidden-mobile{
display:none !important;
}
.menu .page_item a,
.menu .menu-item a{
font-size:18px;
padding: 15px 20px;
border-bottom: 1px solid #eaeaea;
}
.site-main{
width:100% !important;
padding-right: 10px;
padding-left: 10px;
}
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:50%;
float:none;
margin:30px;
display:block;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.woocommerce-MyAccount-navigation ul{
padding-right:0px;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px 0px 0px;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:100%;
display:inline-block;
vertical-align:top;
}
}
@media all and (max-width:599px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:auto !important;
float:none;
margin:15px;
display:block;
}
.article{
margin: 30px 15px 15px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.comment-reply-title small a{
display:block;
margin-top:5px;
margin-right:0px;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.error-404{
margin:20px;
}
.error-code{
font-size:100px;
}
.error-404 .search-field{
width:100%;
}
}
home/eliteafr/www/wp-content/themes/error-404-1775496685/style-rtl.css 0000666 00000071060 15221204152 0020716 0 ustar 00 /*!
Theme Name: PopularFX
Theme URI: https://popularfx.com
Author: Pagelayer
Author URI: https://pagelayer.com
Description: Lightweight theme to make beautiful websites with Pagelayer. Includes 100s of pre-made templates to design your dream website !
Version: 1.2.6
License: LGPL v2.1
License URI: LICENSE
Text Domain: popularfx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, microformats, post-formats, theme-options, blog, rtl-language-support
Tested up to: 6.0
Requires PHP: 5.5
This theme is licensed under the LGPL v2.1.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background-color:#f5f5f5;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 3em 1.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-right: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #4169e1;
text-decoration: none;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active{
color:#2196f3;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header{
background-color:#ffffff;
border-bottom: 1px solid #eaeaea;
position:relative;
margin-right: auto;
margin-left: auto;
padding: 0% 4%;
width: 100%;
}
.site-branding{
display:inline-block;
padding:10px;
width: 30%;
}
.site-title{
font-size:30px;
font-weight:500;
color:#212121;
margin:0px;
}
.site-title a{
font-weight:500;
color:#212121;
text-decoration:none;
text-transform:capitalize;
}
.site-description{
margin: 1px;
}
.main-navigation {
margin: 15px 0px;
padding: 0;
display:inline-block;
width: 68%;
vertical-align: top;
text-align: left;
}
.main-navigation .menu-item-has-children > ul{
position: absolute;
border: 1px solid #dfdfdf;
position: absolute;
top: -1000px;
}
.main-navigation ul {
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation li {
display: inline-block;
position: relative;
text-align: right;
}
.main-navigation li.focus > ul, .main-navigation li:hover > ul {
top: auto;
right: auto;
}
.main-navigation li li {
display: block;
}
.main-navigation li li.focus > ul, .main-navigation li li:hover > ul {
right: 100%;
top: 0;
}
.main-navigation a {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
}
.main-navigation a:hover,
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
color: #0072b7;
}
.main-navigation .menu-item-has-children > a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 2px;
border-top-color: transparent;
border-right-color: currentColor;
}
.main-navigation .menu-item-has-children .sub-menu{
background: #fff;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
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: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget-area{
display:inline-block;
background-color:#ffffff;
padding:25px;
margin-top:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.widget-title{
font-size:20px;
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget ul,
.widget ol{
margin-right:0px;
}
.widget li a{
text-decoration:none;
color:#212121;
font-size:14px;
line-height:1.8;
}
.widget li a:hover{
color:#2196f3;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
border-spacing:0;
}
.widget_calendar td {
border-left: none;
border-right: none;
}
.widget_calendar .widget-title{
text-transform:capitalize;
}
.widget_calendar .wp-calendar-table caption{
margin:10px 0px;
}
.widget_calendar .wp-calendar-table tr td{
text-decoration:none;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table tr th{
text-decoration:none;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table td a{
text-decoration:none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.site-main{
height: auto;
vertical-align: top;
margin:0px auto;
width:100%;
}
.article{
background-color:#ffffff;
padding:25px;
margin:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.article .cat-links,
.article .comments-link,
.article .edit-link,
.article .tags-links{
margin:0px 10px 0px 0px;
text-decoration:underline;
}
.article .post-thumbnail img{
margin-top:20px;
}
.nav-links{
margin:0px 30px;
}
.nav-links a{
text-decoration:none;
}
.entry-title{
margin:5px 0px;
font-weight:500;
}
.entry-title a{
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active{
color:#2196f3;
}
.entry-content{
font-size:16px;
line-height:1.8;
margin-top:0px;
}
.site{
background-color: transparent;
}
.site-footer{
background-color:#171717;
padding:40px 0px;
text-align:center;
margin-top:60px;
color:#ffffff;
clear: both;
}
.site-info a{
color:#ffffff;
text-decoration:none;
}
.site-info a:hover{
color:#2196f3;
text-decoration:none;
}
.wp-block-quote{
margin: 10px 40px 10px 10px;
padding: 15px 20px 15px 15px;
border-right: 5px solid #e0e0e0;
font-style:italic;
}
.error-404{
background-color:#ffffff;
padding:25px;
margin:40px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
text-align:center;
}
.error-code{
font-size:150px;
margin:0px;
font-weight:500;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:33%;
display:inline-block;
vertical-align:top;
margin-top:5%;
}
.error-404 .widget_recent_entries ul,
.error-404 .widget_categories ul{
list-style-type:none;
padding-right:0px;
}
.widget_recent_entries .widgettitle,
.widget_categories .widgettitle,
.widget_archive .widgettitle{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget_archive select{
max-width: 100%;
width: 200px;
border-radius: 4px;
padding: 5px 10px;
height: 40px;
}
.error-404 .search-field{
display: block;
margin: 0 auto;
width: 350px;
padding: 10px;
border-radius: 4px;
}
.error-404 .search-submit{
font-size:16px;
padding: 10px 25px;
margin-top: 10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 0 7.6923% 3.5em;
background-color:#ffffff;
padding:20px 40px;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 500;
line-height: 1.3125;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #212121;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-right: 0.875em;
}
.comment-author {
color: #1a1a1a;
}
.vcard .fn a{
color:#171717;
text-transform:capitalize;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.comment-author .avatar {
float: right;
height: 40px;
margin-left: 0.875em;
position: relative;
width: 40px;
}
.comment-metadata {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 10px;
display:inline-block;
}
.comment-metadata a {
text-decoration:underline;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
}
.comment-metadata .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content{
font-size:16px;
font-weight:100;
line-height:1.8;
}
.comment-content ul,
.comment-content ol {
margin: 0 1.25em 1.5em 0;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border-radius: 2px;
color: #ffffff;
background-color:#2196f3;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
padding: 10px 20px;
text-decoration:underline;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #ffffff;
outline: 0;
}
.comment-form {
/*padding-top: 1.75em;*/
}
.comment-form label {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
height: 40px;
font-size: 14px;
overflow: hidden;
width: 90px;
margin-right: 10px;
text-decoration:none;
font-weight:400;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
}
.comment-form-comment textarea{
background-color:#f5f5f5;
}
.bypostauthor{
display: block;
}
.says{
display:none;
}
.form-submit .submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
border:none;
}
input.search-field{
border: 1px solid #eaeaea;
width: auto;
font-size: 16px;
padding: 8px;
}
input.search-submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
vertical-align: middle;
border:none;
margin-top:5px;
cursor: pointer;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
float:right;
margin-left: 14px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Woocoomerce
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{
list-style-type:none;
margin:0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 10px 20px;
border-bottom: 1px solid #616161;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color:#000000;
text-decoration:none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
background-color:#2196f3;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
color:#ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px;
}
.woocommerce form .form-row input.input-text{
padding:15px;
height:40px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
color: #ffffff;
background-color: #2196f3;
font-weight:500;
font-family:inherit;
padding:10px 20px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #ffffff;
background-color: #1976d2;
}
.woocommerce-Address-title h3{
font-weight:600;
text-transform:Capitalize;
}
.woocommerce-account .addresses .title .edit{
text-decoration:none;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width:768px){
.site-header{
padding:0px;
}
.site-branding{
width: 75%;
}
.menu-toggle{
display:inline-block;
float:left;
position: relative;
top: 25px;
left:20px;
}
.main-navigation{
float:none;
display:block;
background-color:#fafafa;
padding: 0px;
width: 100%;
}
.main-navigation ul{
display:block;
}
.main-navigation li{
display: block;
}
.main-navigation .menu-item-has-children:active > ul,
.main-navigation .menu-item-has-children:hover > ul,
.main-navigation .menu-item-has-children.focus > ul{
position: relative !important;
display: block;
margin-right: 20px;
border-right: 0px;
right: unset;
}
.main-navigation .menu-item-has-children .sub-menu{
background-color: initial;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 0px;
top: 0px;
transform: unset;
content: "\25B6";
border-top-color: transparent;
border-right-color: currentColor;
width: 60px;
padding-right: 20px;
display: block;
height: 100%;
padding-top: 15px;
border: unset;
pointer-events: none;
z-index: 10000;
}
.hidden-mobile{
display:none !important;
}
.menu .page_item a,
.menu .menu-item a{
font-size:18px;
padding: 15px 20px;
border-bottom: 1px solid #eaeaea;
}
.site-main{
width:100% !important;
padding-right: 10px;
padding-left: 10px;
}
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:50%;
float:none;
margin:30px;
display:block;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.woocommerce-MyAccount-navigation ul{
padding-right:0px;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px 0px 0px;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:100%;
display:inline-block;
vertical-align:top;
}
}
@media all and (max-width:599px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:auto !important;
float:none;
margin:15px;
display:block;
}
.article{
margin: 30px 15px 15px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.comment-reply-title small a{
display:block;
margin-top:5px;
margin-right:0px;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.error-404{
margin:20px;
}
.error-code{
font-size:100px;
}
.error-404 .search-field{
width:100%;
}
}
home/eliteafr/www/wp-content/search_template_1775659388/style-rtl.css 0000666 00000071060 15221227677 0021237 0 ustar 00 /*!
Theme Name: PopularFX
Theme URI: https://popularfx.com
Author: Pagelayer
Author URI: https://pagelayer.com
Description: Lightweight theme to make beautiful websites with Pagelayer. Includes 100s of pre-made templates to design your dream website !
Version: 1.2.6
License: LGPL v2.1
License URI: LICENSE
Text Domain: popularfx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, microformats, post-formats, theme-options, blog, rtl-language-support
Tested up to: 6.0
Requires PHP: 5.5
This theme is licensed under the LGPL v2.1.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background-color:#f5f5f5;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 3em 1.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-right: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #4169e1;
text-decoration: none;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active{
color:#2196f3;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header{
background-color:#ffffff;
border-bottom: 1px solid #eaeaea;
position:relative;
margin-right: auto;
margin-left: auto;
padding: 0% 4%;
width: 100%;
}
.site-branding{
display:inline-block;
padding:10px;
width: 30%;
}
.site-title{
font-size:30px;
font-weight:500;
color:#212121;
margin:0px;
}
.site-title a{
font-weight:500;
color:#212121;
text-decoration:none;
text-transform:capitalize;
}
.site-description{
margin: 1px;
}
.main-navigation {
margin: 15px 0px;
padding: 0;
display:inline-block;
width: 68%;
vertical-align: top;
text-align: left;
}
.main-navigation .menu-item-has-children > ul{
position: absolute;
border: 1px solid #dfdfdf;
position: absolute;
top: -1000px;
}
.main-navigation ul {
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation li {
display: inline-block;
position: relative;
text-align: right;
}
.main-navigation li.focus > ul, .main-navigation li:hover > ul {
top: auto;
right: auto;
}
.main-navigation li li {
display: block;
}
.main-navigation li li.focus > ul, .main-navigation li li:hover > ul {
right: 100%;
top: 0;
}
.main-navigation a {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
}
.main-navigation a:hover,
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
color: #0072b7;
}
.main-navigation .menu-item-has-children > a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 2px;
border-top-color: transparent;
border-right-color: currentColor;
}
.main-navigation .menu-item-has-children .sub-menu{
background: #fff;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
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: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget-area{
display:inline-block;
background-color:#ffffff;
padding:25px;
margin-top:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.widget-title{
font-size:20px;
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget ul,
.widget ol{
margin-right:0px;
}
.widget li a{
text-decoration:none;
color:#212121;
font-size:14px;
line-height:1.8;
}
.widget li a:hover{
color:#2196f3;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
border-spacing:0;
}
.widget_calendar td {
border-left: none;
border-right: none;
}
.widget_calendar .widget-title{
text-transform:capitalize;
}
.widget_calendar .wp-calendar-table caption{
margin:10px 0px;
}
.widget_calendar .wp-calendar-table tr td{
text-decoration:none;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table tr th{
text-decoration:none;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table td a{
text-decoration:none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.site-main{
height: auto;
vertical-align: top;
margin:0px auto;
width:100%;
}
.article{
background-color:#ffffff;
padding:25px;
margin:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.article .cat-links,
.article .comments-link,
.article .edit-link,
.article .tags-links{
margin:0px 10px 0px 0px;
text-decoration:underline;
}
.article .post-thumbnail img{
margin-top:20px;
}
.nav-links{
margin:0px 30px;
}
.nav-links a{
text-decoration:none;
}
.entry-title{
margin:5px 0px;
font-weight:500;
}
.entry-title a{
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active{
color:#2196f3;
}
.entry-content{
font-size:16px;
line-height:1.8;
margin-top:0px;
}
.site{
background-color: transparent;
}
.site-footer{
background-color:#171717;
padding:40px 0px;
text-align:center;
margin-top:60px;
color:#ffffff;
clear: both;
}
.site-info a{
color:#ffffff;
text-decoration:none;
}
.site-info a:hover{
color:#2196f3;
text-decoration:none;
}
.wp-block-quote{
margin: 10px 40px 10px 10px;
padding: 15px 20px 15px 15px;
border-right: 5px solid #e0e0e0;
font-style:italic;
}
.error-404{
background-color:#ffffff;
padding:25px;
margin:40px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
text-align:center;
}
.error-code{
font-size:150px;
margin:0px;
font-weight:500;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:33%;
display:inline-block;
vertical-align:top;
margin-top:5%;
}
.error-404 .widget_recent_entries ul,
.error-404 .widget_categories ul{
list-style-type:none;
padding-right:0px;
}
.widget_recent_entries .widgettitle,
.widget_categories .widgettitle,
.widget_archive .widgettitle{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget_archive select{
max-width: 100%;
width: 200px;
border-radius: 4px;
padding: 5px 10px;
height: 40px;
}
.error-404 .search-field{
display: block;
margin: 0 auto;
width: 350px;
padding: 10px;
border-radius: 4px;
}
.error-404 .search-submit{
font-size:16px;
padding: 10px 25px;
margin-top: 10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 0 7.6923% 3.5em;
background-color:#ffffff;
padding:20px 40px;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 500;
line-height: 1.3125;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #212121;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-right: 0.875em;
}
.comment-author {
color: #1a1a1a;
}
.vcard .fn a{
color:#171717;
text-transform:capitalize;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.comment-author .avatar {
float: right;
height: 40px;
margin-left: 0.875em;
position: relative;
width: 40px;
}
.comment-metadata {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 10px;
display:inline-block;
}
.comment-metadata a {
text-decoration:underline;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
}
.comment-metadata .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content{
font-size:16px;
font-weight:100;
line-height:1.8;
}
.comment-content ul,
.comment-content ol {
margin: 0 1.25em 1.5em 0;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border-radius: 2px;
color: #ffffff;
background-color:#2196f3;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
padding: 10px 20px;
text-decoration:underline;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #ffffff;
outline: 0;
}
.comment-form {
/*padding-top: 1.75em;*/
}
.comment-form label {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
height: 40px;
font-size: 14px;
overflow: hidden;
width: 90px;
margin-right: 10px;
text-decoration:none;
font-weight:400;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
}
.comment-form-comment textarea{
background-color:#f5f5f5;
}
.bypostauthor{
display: block;
}
.says{
display:none;
}
.form-submit .submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
border:none;
}
input.search-field{
border: 1px solid #eaeaea;
width: auto;
font-size: 16px;
padding: 8px;
}
input.search-submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
vertical-align: middle;
border:none;
margin-top:5px;
cursor: pointer;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
float:right;
margin-left: 14px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Woocoomerce
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{
list-style-type:none;
margin:0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 10px 20px;
border-bottom: 1px solid #616161;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color:#000000;
text-decoration:none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
background-color:#2196f3;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
color:#ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px;
}
.woocommerce form .form-row input.input-text{
padding:15px;
height:40px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
color: #ffffff;
background-color: #2196f3;
font-weight:500;
font-family:inherit;
padding:10px 20px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #ffffff;
background-color: #1976d2;
}
.woocommerce-Address-title h3{
font-weight:600;
text-transform:Capitalize;
}
.woocommerce-account .addresses .title .edit{
text-decoration:none;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width:768px){
.site-header{
padding:0px;
}
.site-branding{
width: 75%;
}
.menu-toggle{
display:inline-block;
float:left;
position: relative;
top: 25px;
left:20px;
}
.main-navigation{
float:none;
display:block;
background-color:#fafafa;
padding: 0px;
width: 100%;
}
.main-navigation ul{
display:block;
}
.main-navigation li{
display: block;
}
.main-navigation .menu-item-has-children:active > ul,
.main-navigation .menu-item-has-children:hover > ul,
.main-navigation .menu-item-has-children.focus > ul{
position: relative !important;
display: block;
margin-right: 20px;
border-right: 0px;
right: unset;
}
.main-navigation .menu-item-has-children .sub-menu{
background-color: initial;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 0px;
top: 0px;
transform: unset;
content: "\25B6";
border-top-color: transparent;
border-right-color: currentColor;
width: 60px;
padding-right: 20px;
display: block;
height: 100%;
padding-top: 15px;
border: unset;
pointer-events: none;
z-index: 10000;
}
.hidden-mobile{
display:none !important;
}
.menu .page_item a,
.menu .menu-item a{
font-size:18px;
padding: 15px 20px;
border-bottom: 1px solid #eaeaea;
}
.site-main{
width:100% !important;
padding-right: 10px;
padding-left: 10px;
}
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:50%;
float:none;
margin:30px;
display:block;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.woocommerce-MyAccount-navigation ul{
padding-right:0px;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px 0px 0px;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:100%;
display:inline-block;
vertical-align:top;
}
}
@media all and (max-width:599px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:auto !important;
float:none;
margin:15px;
display:block;
}
.article{
margin: 30px 15px 15px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.comment-reply-title small a{
display:block;
margin-top:5px;
margin-right:0px;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.error-404{
margin:20px;
}
.error-code{
font-size:100px;
}
.error-404 .search-field{
width:100%;
}
}
home/eliteafr/www/inc/category-template-1775544268/style-rtl.css 0000666 00000071060 15221312051 0020061 0 ustar 00 /*!
Theme Name: PopularFX
Theme URI: https://popularfx.com
Author: Pagelayer
Author URI: https://pagelayer.com
Description: Lightweight theme to make beautiful websites with Pagelayer. Includes 100s of pre-made templates to design your dream website !
Version: 1.2.6
License: LGPL v2.1
License URI: LICENSE
Text Domain: popularfx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, microformats, post-formats, theme-options, blog, rtl-language-support
Tested up to: 6.0
Requires PHP: 5.5
This theme is licensed under the LGPL v2.1.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body {
background-color:#f5f5f5;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 3em 1.5em 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-right: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #4169e1;
text-decoration: none;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active{
color:#2196f3;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-header{
background-color:#ffffff;
border-bottom: 1px solid #eaeaea;
position:relative;
margin-right: auto;
margin-left: auto;
padding: 0% 4%;
width: 100%;
}
.site-branding{
display:inline-block;
padding:10px;
width: 30%;
}
.site-title{
font-size:30px;
font-weight:500;
color:#212121;
margin:0px;
}
.site-title a{
font-weight:500;
color:#212121;
text-decoration:none;
text-transform:capitalize;
}
.site-description{
margin: 1px;
}
.main-navigation {
margin: 15px 0px;
padding: 0;
display:inline-block;
width: 68%;
vertical-align: top;
text-align: left;
}
.main-navigation .menu-item-has-children > ul{
position: absolute;
border: 1px solid #dfdfdf;
position: absolute;
top: -1000px;
}
.main-navigation ul {
min-width: 150px;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation li {
display: inline-block;
position: relative;
text-align: right;
}
.main-navigation li.focus > ul, .main-navigation li:hover > ul {
top: auto;
right: auto;
}
.main-navigation li li {
display: block;
}
.main-navigation li li.focus > ul, .main-navigation li li:hover > ul {
right: 100%;
top: 0;
}
.main-navigation a {
color: #000;
text-decoration: none;
display: block;
white-space: nowrap;
padding: 10px 15px;
}
.main-navigation a:hover,
.main-navigation li:hover > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
color: #0072b7;
}
.main-navigation .menu-item-has-children > a::before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 4px solid transparent;
border-top-color: currentColor;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 2px;
border-top-color: transparent;
border-right-color: currentColor;
}
.main-navigation .menu-item-has-children .sub-menu{
background: #fff;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
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: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
right: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget-area{
display:inline-block;
background-color:#ffffff;
padding:25px;
margin-top:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.widget-title{
font-size:20px;
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget ul,
.widget ol{
margin-right:0px;
}
.widget li a{
text-decoration:none;
color:#212121;
font-size:14px;
line-height:1.8;
}
.widget li a:hover{
color:#2196f3;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
border-spacing:0;
}
.widget_calendar td {
border-left: none;
border-right: none;
}
.widget_calendar .widget-title{
text-transform:capitalize;
}
.widget_calendar .wp-calendar-table caption{
margin:10px 0px;
}
.widget_calendar .wp-calendar-table tr td{
text-decoration:none;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table tr th{
text-decoration:none;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table td a{
text-decoration:none;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.site-main{
height: auto;
vertical-align: top;
margin:0px auto;
width:100%;
}
.article{
background-color:#ffffff;
padding:25px;
margin:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.article .cat-links,
.article .comments-link,
.article .edit-link,
.article .tags-links{
margin:0px 10px 0px 0px;
text-decoration:underline;
}
.article .post-thumbnail img{
margin-top:20px;
}
.nav-links{
margin:0px 30px;
}
.nav-links a{
text-decoration:none;
}
.entry-title{
margin:5px 0px;
font-weight:500;
}
.entry-title a{
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active{
color:#2196f3;
}
.entry-content{
font-size:16px;
line-height:1.8;
margin-top:0px;
}
.site{
background-color: transparent;
}
.site-footer{
background-color:#171717;
padding:40px 0px;
text-align:center;
margin-top:60px;
color:#ffffff;
clear: both;
}
.site-info a{
color:#ffffff;
text-decoration:none;
}
.site-info a:hover{
color:#2196f3;
text-decoration:none;
}
.wp-block-quote{
margin: 10px 40px 10px 10px;
padding: 15px 20px 15px 15px;
border-right: 5px solid #e0e0e0;
font-style:italic;
}
.error-404{
background-color:#ffffff;
padding:25px;
margin:40px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
text-align:center;
}
.error-code{
font-size:150px;
margin:0px;
font-weight:500;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:33%;
display:inline-block;
vertical-align:top;
margin-top:5%;
}
.error-404 .widget_recent_entries ul,
.error-404 .widget_categories ul{
list-style-type:none;
padding-right:0px;
}
.widget_recent_entries .widgettitle,
.widget_categories .widgettitle,
.widget_archive .widgettitle{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget_archive select{
max-width: 100%;
width: 200px;
border-radius: 4px;
padding: 5px 10px;
height: 40px;
}
.error-404 .search-field{
display: block;
margin: 0 auto;
width: 350px;
padding: 10px;
border-radius: 4px;
}
.error-404 .search-submit{
font-size:16px;
padding: 10px 25px;
margin-top: 10px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 0 7.6923% 3.5em;
background-color:#ffffff;
padding:20px 40px;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 500;
line-height: 1.3125;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #212121;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-right: 0.875em;
}
.comment-author {
color: #1a1a1a;
}
.vcard .fn a{
color:#171717;
text-transform:capitalize;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.comment-author .avatar {
float: right;
height: 40px;
margin-left: 0.875em;
position: relative;
width: 40px;
}
.comment-metadata {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 10px;
display:inline-block;
}
.comment-metadata a {
text-decoration:underline;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
}
.comment-metadata .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content{
font-size:16px;
font-weight:100;
line-height:1.8;
}
.comment-content ul,
.comment-content ol {
margin: 0 1.25em 1.5em 0;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border-radius: 2px;
color: #ffffff;
background-color:#2196f3;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
padding: 10px 20px;
text-decoration:underline;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #ffffff;
outline: 0;
}
.comment-form {
/*padding-top: 1.75em;*/
}
.comment-form label {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
height: 40px;
font-size: 14px;
overflow: hidden;
width: 90px;
margin-right: 10px;
text-decoration:none;
font-weight:400;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
}
.comment-form-comment textarea{
background-color:#f5f5f5;
}
.bypostauthor{
display: block;
}
.says{
display:none;
}
.form-submit .submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
border:none;
}
input.search-field{
border: 1px solid #eaeaea;
width: auto;
font-size: 16px;
padding: 8px;
}
input.search-submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
vertical-align: middle;
border:none;
margin-top:5px;
cursor: pointer;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
float:right;
margin-left: 14px;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-right: auto;
margin-left: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Woocoomerce
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{
list-style-type:none;
margin:0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 10px 20px;
border-bottom: 1px solid #616161;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color:#000000;
text-decoration:none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
background-color:#2196f3;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
color:#ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px;
}
.woocommerce form .form-row input.input-text{
padding:15px;
height:40px;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
color: #ffffff;
background-color: #2196f3;
font-weight:500;
font-family:inherit;
padding:10px 20px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
color: #ffffff;
background-color: #1976d2;
}
.woocommerce-Address-title h3{
font-weight:600;
text-transform:Capitalize;
}
.woocommerce-account .addresses .title .edit{
text-decoration:none;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (max-width:768px){
.site-header{
padding:0px;
}
.site-branding{
width: 75%;
}
.menu-toggle{
display:inline-block;
float:left;
position: relative;
top: 25px;
left:20px;
}
.main-navigation{
float:none;
display:block;
background-color:#fafafa;
padding: 0px;
width: 100%;
}
.main-navigation ul{
display:block;
}
.main-navigation li{
display: block;
}
.main-navigation .menu-item-has-children:active > ul,
.main-navigation .menu-item-has-children:hover > ul,
.main-navigation .menu-item-has-children.focus > ul{
position: relative !important;
display: block;
margin-right: 20px;
border-right: 0px;
right: unset;
}
.main-navigation .menu-item-has-children .sub-menu{
background-color: initial;
}
.main-navigation ul .menu-item-has-children > a::before {
left: 0px;
top: 0px;
transform: unset;
content: "\25B6";
border-top-color: transparent;
border-right-color: currentColor;
width: 60px;
padding-right: 20px;
display: block;
height: 100%;
padding-top: 15px;
border: unset;
pointer-events: none;
z-index: 10000;
}
.hidden-mobile{
display:none !important;
}
.menu .page_item a,
.menu .menu-item a{
font-size:18px;
padding: 15px 20px;
border-bottom: 1px solid #eaeaea;
}
.site-main{
width:100% !important;
padding-right: 10px;
padding-left: 10px;
}
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:50%;
float:none;
margin:30px;
display:block;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.woocommerce-MyAccount-navigation ul{
padding-right:0px;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px 0px 0px;
}
.error-404 .widget_recent_entries,
.error-404 .widget_categories,
.error-404 .widget_archive{
width:100%;
display:inline-block;
vertical-align:top;
}
}
@media all and (max-width:599px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:auto !important;
float:none;
margin:15px;
display:block;
}
.article{
margin: 30px 15px 15px;
}
.comments-area{
padding:25px;
margin: 30px 15px 15px;
}
.comment-reply-title small a{
display:block;
margin-top:5px;
margin-right:0px;
}
.site-footer{
padding:40px 15px;
}
input.search-submit{
margin-top:0px;
}
.error-404{
margin:20px;
}
.error-code{
font-size:100px;
}
.error-404 .search-field{
width:100%;
}
}