2023-09-08 01:45:46 -07:00
|
|
|
/*
|
|
|
|
Theme Name: PressBook
|
|
|
|
Theme URI: https://scriptstown.com/wordpress-themes/pressbook/
|
|
|
|
Author: ScriptsTown
|
|
|
|
Author URI: https://scriptstown.com/
|
|
|
|
Description: PressBook is a multi-purpose WordPress theme suitable for blogs, news, marketing, and educational websites. The theme offers a fully responsive, clean, modern, and pixel-perfect design that can adjust automatically to fit the content elements in the best possible manner for any screen-size device. It has a minimal dependency, an SEO-friendly layout, and offers high performance with a quick loading time. It supports double sidebars, a single sidebar, footer widgets, an eye-catching gradient colors scheme for buttons and the top bar, a top advertisement banner area with a custom header background, and customizable options. Both the sidebars can be configured to be shown on the left or on the right. This theme is great to publish documentation, tutorials, events, status updates, story updates, technology blogs, reviews, newsfeeds, etc. It comes with sticky sidebars that float with scrolling. The theme supports multiple page templates with page-level layout settings, blog layouts, conditional block areas, page builders, different color settings, footer options, and much more. Also, the theme comes with three menu locations which include a fully accessible multi-level primary menu with a search form, a top bar navigation menu, and social links menu. It is also great for building schools, university, institutes, and academic, or educational websites.
|
2023-09-08 01:50:12 -07:00
|
|
|
Version: 1.9.4
|
2023-09-08 01:45:46 -07:00
|
|
|
Requires at least: 5.3
|
|
|
|
Tested up to: 6.3
|
|
|
|
Requires PHP: 7.0
|
|
|
|
License: GNU General Public License v2 or later
|
|
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
|
|
Text Domain: pressbook
|
|
|
|
Tags: blog, education, news, one-column, two-columns, three-columns, left-sidebar, right-sidebar, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
>>> TABLE OF CONTENTS:
|
|
|
|
----------------------------------------------------------------
|
|
|
|
# Generic
|
|
|
|
- Normalize
|
|
|
|
- Box sizing
|
|
|
|
# Base
|
|
|
|
- Typography
|
|
|
|
- Elements
|
|
|
|
- Links
|
|
|
|
- Forms
|
|
|
|
# Blocks
|
|
|
|
# Layout
|
|
|
|
- Wrapper
|
|
|
|
- Content Sidebar
|
|
|
|
- Double Sidebars Layout (Large-Screen Devices)
|
|
|
|
# Header
|
|
|
|
- Top Navbar
|
|
|
|
- Site Branding
|
|
|
|
- Top Banner
|
|
|
|
- Primary Navbar
|
|
|
|
- Primary Menu Search
|
|
|
|
# Content
|
|
|
|
- Posts and pages
|
|
|
|
- Comments
|
|
|
|
- Media
|
|
|
|
- Captions
|
|
|
|
- Galleries
|
|
|
|
- Forms
|
|
|
|
# Sidebar
|
|
|
|
- Sidebar Widgets
|
|
|
|
- Sticky Sidebar
|
|
|
|
# Footer
|
|
|
|
- Footer Widgets
|
|
|
|
- Copyright Text
|
|
|
|
- Go to Top
|
|
|
|
# Plugins
|
|
|
|
- WooCommerce
|
|
|
|
- Jetpack infinite scroll
|
|
|
|
# Utilities
|
|
|
|
- Accessibility
|
|
|
|
- Alignments
|
|
|
|
- Clearings
|
|
|
|
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Generic
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
|
|
|
|
/* Normalize
|
|
|
|
--------------------------------------------- */
|
|
|
|
|
|
|
|
/* 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: 1.94em;
|
|
|
|
margin: .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: 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;
|
|
|
|
-webkit-text-decoration: underline dotted;
|
|
|
|
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: -.25em;
|
|
|
|
}
|
|
|
|
|
|
|
|
sup {
|
|
|
|
top: -.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: .35em .75em .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;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Box sizing
|
|
|
|
--------------------------------------------- */
|
|
|
|
|
|
|
|
/* 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;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Base
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
|
|
|
|
/* Typography
|
|
|
|
--------------------------------------------- */
|
|
|
|
body,
|
|
|
|
button,
|
|
|
|
input,
|
|
|
|
select,
|
|
|
|
optgroup,
|
|
|
|
textarea {
|
|
|
|
color: #404040;
|
|
|
|
font-family: 'Inter', Arial, Helvetica, sans-serif;
|
|
|
|
font-size: 16px;
|
|
|
|
font-size: 1rem;
|
|
|
|
line-height: 1.75;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
|
|
|
|
body,
|
|
|
|
button,
|
|
|
|
input,
|
|
|
|
select,
|
|
|
|
optgroup,
|
|
|
|
textarea {
|
|
|
|
font-size: 17px;
|
|
|
|
font-size: 1.0625rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6 {
|
|
|
|
font-family: 'Lato', Helvetica, Arial, sans-serif;
|
|
|
|
font-weight: 700;
|
|
|
|
line-height: 1.5;
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-size: 1.78em;
|
|
|
|
margin: .73em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
font-size: 1.62em;
|
|
|
|
margin: .8em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
font-size: 1.46em;
|
|
|
|
margin: .89em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
font-size: 1.3em;
|
|
|
|
margin: 1em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
font-size: 1.14em;
|
|
|
|
margin: 1.14em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
p {
|
|
|
|
margin-top: 0;
|
|
|
|
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;
|
|
|
|
line-height: 1.6;
|
|
|
|
margin-bottom: 1.75em;
|
|
|
|
max-width: 100%;
|
|
|
|
overflow: auto;
|
|
|
|
padding: 1.6em;
|
|
|
|
}
|
|
|
|
|
|
|
|
code,
|
|
|
|
kbd,
|
|
|
|
tt,
|
|
|
|
var {
|
|
|
|
font-family: monaco, consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
|
|
|
|
}
|
|
|
|
|
|
|
|
abbr,
|
|
|
|
acronym {
|
|
|
|
border-bottom: 1px dotted #666;
|
|
|
|
cursor: help;
|
|
|
|
}
|
|
|
|
|
|
|
|
mark,
|
|
|
|
ins {
|
|
|
|
background: #fff9c0;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
big {
|
|
|
|
font-size: 125%;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Elements
|
|
|
|
--------------------------------------------- */
|
|
|
|
body {
|
|
|
|
background: #ededed;
|
|
|
|
}
|
|
|
|
|
|
|
|
hr {
|
|
|
|
background: #ccc;
|
|
|
|
border: 0;
|
|
|
|
height: 1px;
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul,
|
|
|
|
ol {
|
|
|
|
margin: 0 0 1.5em 0;
|
|
|
|
padding: 0;
|
|
|
|
list-style-position: inside;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul {
|
|
|
|
list-style-type: disc;
|
|
|
|
}
|
|
|
|
|
|
|
|
ol {
|
|
|
|
list-style-type: decimal;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul ul,
|
|
|
|
ol ul {
|
|
|
|
list-style-type: circle;
|
|
|
|
}
|
|
|
|
|
|
|
|
li>ul,
|
|
|
|
li>ol {
|
|
|
|
margin-bottom: 0;
|
|
|
|
margin-left: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
li:not(:first-child) {
|
|
|
|
padding-top: .2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
li:not(:last-child) {
|
|
|
|
padding-bottom: .2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
li>ul>li:first-child,
|
|
|
|
li>ol>li:first-child {
|
|
|
|
padding-top: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
dt {
|
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
|
|
|
dd {
|
|
|
|
margin: 0 1.5em 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Make sure embeds and iframes fit their containers. */
|
|
|
|
embed,
|
|
|
|
iframe,
|
|
|
|
object {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
height: auto;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
figure {
|
|
|
|
margin: 0 0 1em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
table {
|
|
|
|
margin: 0 0 1.5em;
|
|
|
|
width: 100%;
|
|
|
|
border-collapse: collapse;
|
|
|
|
}
|
|
|
|
|
|
|
|
table,
|
|
|
|
th,
|
|
|
|
td {
|
|
|
|
border: 1px solid #e1e1e1;
|
|
|
|
}
|
|
|
|
|
|
|
|
th,
|
|
|
|
td {
|
|
|
|
padding: .2em .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Links
|
|
|
|
--------------------------------------------- */
|
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
transition: color .2s;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: #166dd6;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover,
|
|
|
|
a:focus,
|
|
|
|
a:active {
|
|
|
|
color: #f69275;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:focus {
|
|
|
|
outline: thin dotted;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:focus:not(:focus-visible),
|
|
|
|
a:hover,
|
|
|
|
a:active {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
p.has-text-color a,
|
|
|
|
p.has-text-color a:hover,
|
|
|
|
p.has-text-color a:focus,
|
|
|
|
p.has-text-color a:active {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Forms
|
|
|
|
--------------------------------------------- */
|
|
|
|
button,
|
|
|
|
input[type="button"],
|
|
|
|
input[type="reset"],
|
|
|
|
input[type="submit"],
|
|
|
|
.more-link,
|
|
|
|
.wp-block-search .wp-block-search__button {
|
|
|
|
position: relative;
|
|
|
|
padding: .45em 1em .5em;
|
|
|
|
line-height: 1;
|
|
|
|
font-weight: 600;
|
|
|
|
border-radius: 0;
|
|
|
|
border-color: transparent;
|
|
|
|
color: #fff;
|
|
|
|
background-image: linear-gradient(to right, #f3c841 0%, #f69275 51%, #f3c841 100%);
|
|
|
|
background-size: 200% auto;
|
|
|
|
transition: all .3s ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
button:hover,
|
|
|
|
input[type="button"]:hover,
|
|
|
|
input[type="reset"]:hover,
|
|
|
|
input[type="submit"]:hover,
|
|
|
|
.more-link:hover,
|
|
|
|
.wp-block-search .wp-block-search__button:hover,
|
|
|
|
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,
|
|
|
|
.more-link:active,
|
|
|
|
.more-link:focus,
|
|
|
|
.wp-block-search .wp-block-search__button:active,
|
|
|
|
.wp-block-search .wp-block-search__button:focus {
|
|
|
|
color: #fff;
|
|
|
|
background-position: right center;
|
|
|
|
}
|
|
|
|
|
|
|
|
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,
|
|
|
|
.more-link:active,
|
|
|
|
.more-link:focus,
|
|
|
|
.wp-block-search .wp-block-search__button:active,
|
|
|
|
.wp-block-search .wp-block-search__button:focus {
|
|
|
|
outline-style: dashed;
|
|
|
|
outline-width: thin;
|
|
|
|
}
|
|
|
|
|
|
|
|
button:focus:not(:focus-visible),
|
|
|
|
input[type="button"]:focus:not(:focus-visible),
|
|
|
|
input[type="reset"]:focus:not(:focus-visible),
|
|
|
|
input[type="submit"]:focus:not(:focus-visible),
|
|
|
|
.more-link:focus:not(:focus-visible),
|
|
|
|
.wp-block-search .wp-block-search__button:focus:not(:focus-visible) {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
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,
|
|
|
|
select {
|
|
|
|
display: block;
|
|
|
|
max-width: 100%;
|
|
|
|
padding: 8px 10px;
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
border-radius: 0;
|
|
|
|
color: #666;
|
|
|
|
}
|
|
|
|
|
|
|
|
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,
|
|
|
|
select:focus {
|
|
|
|
color: #111;
|
|
|
|
outline-style: dashed;
|
|
|
|
outline-width: thin;
|
|
|
|
}
|
|
|
|
|
|
|
|
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"] {
|
|
|
|
line-height: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
textarea {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Blocks
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
.wp-block-quote p {
|
|
|
|
margin-bottom: .75em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-quote.is-large p,
|
|
|
|
.wp-block-quote.is-style-large p {
|
|
|
|
font-size: 1.3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-quote__citation,
|
|
|
|
.wp-block-quote cite,
|
|
|
|
.wp-block-quote footer {
|
|
|
|
font-size: .85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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: .95em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-quote,
|
|
|
|
.wp-block-quote.is-large,
|
|
|
|
.wp-block-quote.is-style-large {
|
|
|
|
margin-bottom: 1.75em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-pullquote {
|
|
|
|
padding: 2.4em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-pullquote p {
|
|
|
|
font-size: 1.75em;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-pullquote__citation,
|
|
|
|
.wp-block-pullquote cite,
|
|
|
|
.wp-block-pullquote footer {
|
|
|
|
display: block;
|
|
|
|
margin-top: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-pullquote.is-style-solid-color blockquote p {
|
|
|
|
font-size: 1.9em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-pullquote.is-style-solid-color blockquote {
|
|
|
|
max-width: 70%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-pullquote.is-style-solid-color blockquote cite {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-table,
|
|
|
|
.wp-block-video,
|
|
|
|
.wp-block-audio,
|
|
|
|
.wp-block-embed,
|
|
|
|
.wp-block-image,
|
|
|
|
.wp-block-gallery,
|
|
|
|
.wp-block-media-text,
|
|
|
|
.wp-block-calendar {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-media-text .wp-block-media-text__media {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 600px) {
|
|
|
|
.wp-block-media-text .wp-block-media-text__media {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-calendar table:where(:not(.has-text-color)) {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-table table,
|
|
|
|
.wp-block-calendar .wp-calendar-table {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-calendar .wp-calendar-nav {
|
|
|
|
margin-top: .5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-image img {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-table figcaption,
|
|
|
|
.wp-block-video figcaption,
|
|
|
|
.wp-block-embed figcaption,
|
|
|
|
.wp-block-image figcaption,
|
|
|
|
.wp-block-gallery figcaption {
|
|
|
|
font-size: .85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-table figcaption,
|
|
|
|
.wp-block-video figcaption,
|
|
|
|
.wp-block-embed figcaption,
|
|
|
|
.wp-block-image figcaption {
|
|
|
|
margin-top: 1em;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-audio figcaption {
|
|
|
|
margin-top: .75em;
|
|
|
|
margin-bottom: 0;
|
|
|
|
font-size: .8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-table.is-style-stripes {
|
|
|
|
border-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-code {
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
|
|
|
border-radius: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-code>code {
|
|
|
|
padding: .8em 1em;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border-radius: 4px;
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-search .wp-block-search__inside-wrapper {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-search .wp-block-search__input {
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-search .wp-block-search__button {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-search__input>.wp-block-search__input {
|
|
|
|
max-width: 65%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-search__input>.wp-block-search__button {
|
|
|
|
max-width: 35%;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-search__button.has-icon {
|
|
|
|
padding: 0 .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
|
|
|
|
padding: 7px 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 600px) {
|
|
|
|
.wp-block-search .wp-block-search__input {
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-search__input>.wp-block-search__input {
|
|
|
|
max-width: 65%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-search__input>.wp-block-search__button {
|
|
|
|
max-width: 35%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-rss {
|
|
|
|
padding: 0;
|
|
|
|
list-style-type: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-rss .wp-block-rss__item:not(:last-child) {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-rss .wp-block-rss__item:not(:first-child) {
|
|
|
|
padding-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-latest-comments__comment {
|
|
|
|
line-height: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-button__link {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-block-social-links .wp-block-social-link {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Layout
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
.site {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
min-height: 100vh;
|
|
|
|
overflow-x: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-content {
|
|
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Wrapper
|
|
|
|
--------------------------------------------- */
|
|
|
|
.u-wrapper {
|
|
|
|
width: 100%;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 576px) {
|
|
|
|
.u-wrapper {
|
|
|
|
max-width: 540px;
|
|
|
|
padding-left: 15px;
|
|
|
|
padding-right: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.u-wrapper {
|
|
|
|
max-width: 720px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 992px) {
|
|
|
|
.u-wrapper {
|
|
|
|
max-width: 960px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
|
|
.u-wrapper {
|
|
|
|
max-width: 1140px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1280px) {
|
|
|
|
body.double-sidebar .u-wrapper {
|
|
|
|
max-width: 1230px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1360px) {
|
|
|
|
body.double-sidebar .u-wrapper {
|
|
|
|
max-width: 1280px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1400px) {
|
|
|
|
body.double-sidebar .u-wrapper {
|
|
|
|
max-width: 1320px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Content Sidebar
|
|
|
|
--------------------------------------------- */
|
|
|
|
.pb-content-sidebar {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: flex-start;
|
|
|
|
margin-top: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-content-sidebar::after {
|
|
|
|
content: '';
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-main {
|
|
|
|
max-width: 670px;
|
|
|
|
width: 100%;
|
|
|
|
flex-basis: 100%;
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.page.page-template-small .pb-content-sidebar {
|
|
|
|
max-width: 750px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.page.page-template-medium .pb-content-sidebar {
|
|
|
|
max-width: 1140px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.page.page-template-large .pb-content-sidebar {
|
|
|
|
max-width: 1320px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.page.page-template-full .pb-content-sidebar,
|
|
|
|
body.page.page-template-default .site-main,
|
|
|
|
body.page.page-template-small .site-main,
|
|
|
|
body.page.page-template-medium .site-main,
|
|
|
|
body.page.page-template-large .site-main,
|
|
|
|
body.page.page-template-full .site-main {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.content-no-t-padding .site .site-content .site-main,
|
|
|
|
body.side-widget-no-t-padding .site .site-content .c-sidebar .widget {
|
|
|
|
padding-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.content-no-b-padding .site .site-content .site-main,
|
|
|
|
body.side-widget-no-b-padding .site .site-content .c-sidebar .widget {
|
|
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.content-no-x-padding .site .site-content .site-main,
|
|
|
|
body.side-widget-no-x-padding .site .site-content .c-sidebar .widget {
|
|
|
|
padding-left: 0;
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.side-widget-no-shadow .c-sidebar .widget {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar {
|
|
|
|
max-width: 310px;
|
|
|
|
min-width: 260px;
|
|
|
|
flex-grow: 1;
|
|
|
|
flex-basis: 30%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar-left {
|
|
|
|
order: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar-right {
|
|
|
|
order: 2;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-main,
|
|
|
|
.c-sidebar .widget {
|
|
|
|
padding: 14px;
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-main {
|
|
|
|
border: 1px solid #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar .widget {
|
|
|
|
border: 1px solid #fafafa;
|
|
|
|
box-shadow: 1px 2px 3px rgba(0, 0, 0, .07);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 350px) {
|
|
|
|
.c-sidebar {
|
|
|
|
max-width: 330px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar .widget {
|
|
|
|
padding: 19px 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Double Sidebar */
|
|
|
|
body.double-sidebar .c-sidebar {
|
|
|
|
min-width: 330px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 576px) {
|
|
|
|
.site-main {
|
|
|
|
padding: 24px 34px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar {
|
|
|
|
max-width: 340px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar .widget {
|
|
|
|
padding: 24px 29px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
|
|
|
|
/* Double Sidebar */
|
|
|
|
body.double-sidebar .pb-content-sidebar {
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .pb-content-sidebar::after {
|
|
|
|
content: '';
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .c-sidebar {
|
|
|
|
max-width: 320px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .c-sidebar .widget {
|
|
|
|
padding-left: 24px;
|
|
|
|
padding-right: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .c-sidebar-left,
|
|
|
|
body.double-sidebar .c-sidebar-right {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1024px) {
|
|
|
|
.pb-content-sidebar {
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-content-sidebar::after {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-main {
|
|
|
|
padding-top: 29px;
|
|
|
|
padding-bottom: 29px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* No Sidebar */
|
|
|
|
body.no-sidebar .site-main {
|
|
|
|
max-width: 750px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.no-sidebar .site-main,
|
|
|
|
body.page.page-template-default .site-main,
|
|
|
|
body.page.page-template-small .site-main,
|
|
|
|
body.page.page-template-medium .site-main,
|
|
|
|
body.page.page-template-large .site-main,
|
|
|
|
body.page.page-template-full .site-main {
|
|
|
|
padding-left: 49px;
|
|
|
|
padding-right: 49px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Single Sidebar */
|
|
|
|
body.single-sidebar .site-main {
|
|
|
|
max-width: 630px;
|
|
|
|
padding-left: 24px;
|
|
|
|
padding-right: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.single-sidebar .c-sidebar .widget {
|
|
|
|
padding: 19px 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.single-sidebar .c-sidebar-left {
|
|
|
|
margin-right: 25px;
|
|
|
|
order: -1;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.single-sidebar .c-sidebar-right {
|
|
|
|
margin-left: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Double Sidebar */
|
|
|
|
body.double-sidebar .site-main {
|
|
|
|
max-width: 750px;
|
|
|
|
padding-left: 49px;
|
|
|
|
padding-right: 49px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
|
|
|
|
|
|
/* No Sidebar */
|
|
|
|
body.no-sidebar .site-main {
|
|
|
|
max-width: 750px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Single Sidebar */
|
|
|
|
body.single-sidebar .site-main {
|
|
|
|
max-width: 730px;
|
|
|
|
padding-left: 39px;
|
|
|
|
padding-right: 39px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar {
|
|
|
|
max-width: 340px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.single-sidebar .c-sidebar-left {
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.single-sidebar .c-sidebar-right {
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.single-sidebar .c-sidebar .widget {
|
|
|
|
padding: 24px 29px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1280px) {
|
|
|
|
|
|
|
|
/* Double Sidebar */
|
|
|
|
body.double-sidebar .site-main {
|
|
|
|
max-width: 600px;
|
|
|
|
padding-left: 29px;
|
|
|
|
padding-right: 29px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .pb-content-sidebar {
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .pb-content-sidebar::after {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .c-sidebar {
|
|
|
|
min-width: 260px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .c-sidebar-left {
|
|
|
|
order: -1;
|
|
|
|
margin-left: 0;
|
|
|
|
margin-right: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .c-sidebar-right {
|
|
|
|
order: 1;
|
|
|
|
margin-left: 25px;
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .c-sidebar .widget {
|
|
|
|
padding: 19px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1360px) {
|
|
|
|
|
|
|
|
/* Double Sidebar */
|
|
|
|
body.double-sidebar .site-main {
|
|
|
|
max-width: 660px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Double Sidebars Layout (Large-Screen Devices)
|
|
|
|
--------------------------------------------- */
|
|
|
|
@media screen and (min-width: 1280px) {
|
|
|
|
body.double-sidebar.side-widget-ld-lg-left .c-sidebar-right {
|
|
|
|
order: -1;
|
|
|
|
margin-left: 0;
|
|
|
|
margin-right: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar.side-widget-ld-lg-right .c-sidebar-left {
|
|
|
|
order: 0;
|
|
|
|
margin-left: 25px;
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Header
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
|
|
|
|
/* Top Navbar
|
|
|
|
--------------------------------------------- */
|
|
|
|
.top-navbar {
|
|
|
|
background: linear-gradient(0deg, #166dd6 0%, #1257ab 100%);
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-menus {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
line-height: 1.6em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-menus .menu {
|
|
|
|
list-style-type: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
display: inline-flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-menus li {
|
|
|
|
padding: .4rem .75rem;
|
|
|
|
border: 1px solid rgba(255, 255, 255, .25);
|
|
|
|
margin-bottom: 0;
|
|
|
|
margin-left: -1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.top-menus {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-menus>nav {
|
|
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.social-navigation a {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.social-navigation a .svg-icon {
|
|
|
|
width: 1.55em;
|
|
|
|
height: 1.55em;
|
|
|
|
padding: .15em;
|
|
|
|
border: 1px solid transparent;
|
|
|
|
transition: .25s all;
|
|
|
|
}
|
|
|
|
|
|
|
|
.social-navigation a:hover .svg-icon,
|
|
|
|
.social-navigation a:focus .svg-icon,
|
|
|
|
.social-navigation a:active .svg-icon {
|
|
|
|
color: #166dd6;
|
|
|
|
background: #fff;
|
|
|
|
border-color: #fff;
|
|
|
|
border-radius: 50%;
|
|
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.social-navigation {
|
|
|
|
flex-basis: 38%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.social-navigation .menu {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-navigation {
|
|
|
|
font-size: .8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-navigation a {
|
|
|
|
text-decoration: none;
|
|
|
|
color: #fff;
|
|
|
|
border-bottom: 2px solid transparent;
|
|
|
|
transition: .2s border-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-navigation a:hover,
|
|
|
|
.top-navigation a:focus,
|
|
|
|
.top-navigation a:active {
|
|
|
|
color: #fff;
|
|
|
|
border-color: #fff;
|
|
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.top-navigation {
|
|
|
|
flex-basis: 62%;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-navigation .menu {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Site Branding
|
|
|
|
--------------------------------------------- */
|
|
|
|
.site-branding {
|
|
|
|
padding: 1em 0;
|
|
|
|
background-color: #fff;
|
|
|
|
background-position: center center;
|
|
|
|
background-size: contain;
|
|
|
|
background-repeat: repeat;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-branding-wrap {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-logo-title {
|
|
|
|
max-width: 600px;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.has-banner-next-sm {
|
|
|
|
margin-right: 1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 576px) {
|
|
|
|
.has-banner-next-md {
|
|
|
|
margin-right: 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.site-branding-wrap {
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
|
|
|
.has-banner-next-lg {
|
|
|
|
margin-right: 1rem;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-branding .custom-logo-link img {
|
|
|
|
display: block;
|
|
|
|
max-width: 12em;
|
|
|
|
max-height: 3.55em;
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-branding .custom-logo-link {
|
|
|
|
color: #404040;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-logo-only .custom-logo-link {
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-logo-title:not(.site-logo-only) .custom-logo-link {
|
|
|
|
margin-right: .75rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title,
|
|
|
|
.site-tagline {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title {
|
|
|
|
font-family: 'Lato', Helvetica, Arial, sans-serif;
|
|
|
|
font-size: 1.2em;
|
|
|
|
line-height: 1.5;
|
|
|
|
font-weight: 700;
|
|
|
|
word-break: break-word;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title,
|
|
|
|
.site-title a,
|
|
|
|
.site-title a:hover,
|
|
|
|
.site-title a:focus,
|
|
|
|
.site-title a:active {
|
|
|
|
color: #404040;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-tagline {
|
|
|
|
font-size: .8em;
|
|
|
|
color: #979797;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--sm-size-1 .custom-logo-link img {
|
|
|
|
max-width: 12em;
|
|
|
|
max-height: 3.55em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--sm-size-2 .custom-logo-link img {
|
|
|
|
max-width: 13.5em;
|
|
|
|
max-height: 3.85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--sm-size-3 .custom-logo-link img {
|
|
|
|
max-width: 15em;
|
|
|
|
max-height: 4.15em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--sm-size-4 .custom-logo-link img {
|
|
|
|
max-width: 16.5em;
|
|
|
|
max-height: 4.45em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--sm-size-5 .custom-logo-link img {
|
|
|
|
max-width: 18em;
|
|
|
|
max-height: 4.75em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--sm-size-1 {
|
|
|
|
font-size: 1.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--sm-size-2 {
|
|
|
|
font-size: 1.2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--sm-size-3 {
|
|
|
|
font-size: 1.3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--sm-size-4 {
|
|
|
|
font-size: 1.4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--sm-size-5 {
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--sm-size-1 {
|
|
|
|
font-size: .75em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--sm-size-2 {
|
|
|
|
font-size: .8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--sm-size-3 {
|
|
|
|
font-size: .85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--sm-size-4 {
|
|
|
|
font-size: .9em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--sm-size-5 {
|
|
|
|
font-size: .95em;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 576px) {
|
|
|
|
.logo--md-size-1 .custom-logo-link img {
|
|
|
|
max-width: 12em;
|
|
|
|
max-height: 3.55em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--md-size-2 .custom-logo-link img {
|
|
|
|
max-width: 13.5em;
|
|
|
|
max-height: 3.85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--md-size-3 .custom-logo-link img {
|
|
|
|
max-width: 15em;
|
|
|
|
max-height: 4.15em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--md-size-4 .custom-logo-link img {
|
|
|
|
max-width: 16.5em;
|
|
|
|
max-height: 4.45em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--md-size-5 .custom-logo-link img {
|
|
|
|
max-width: 18em;
|
|
|
|
max-height: 4.75em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--md-size-1 {
|
|
|
|
font-size: 1.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--md-size-2 {
|
|
|
|
font-size: 1.2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--md-size-3 {
|
|
|
|
font-size: 1.3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--md-size-4 {
|
|
|
|
font-size: 1.4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--md-size-5 {
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--md-size-1 {
|
|
|
|
font-size: .75em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--md-size-2 {
|
|
|
|
font-size: .8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--md-size-3 {
|
|
|
|
font-size: .85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--md-size-4 {
|
|
|
|
font-size: .9em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--md-size-5 {
|
|
|
|
font-size: .95em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
|
|
.logo--lg-size-1 .custom-logo-link img {
|
|
|
|
max-width: 12em;
|
|
|
|
max-height: 3.55em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--lg-size-2 .custom-logo-link img {
|
|
|
|
max-width: 13.5em;
|
|
|
|
max-height: 3.85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--lg-size-3 .custom-logo-link img {
|
|
|
|
max-width: 15em;
|
|
|
|
max-height: 4.15em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--lg-size-4 .custom-logo-link img {
|
|
|
|
max-width: 16.5em;
|
|
|
|
max-height: 4.45em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo--lg-size-5 .custom-logo-link img {
|
|
|
|
max-width: 18em;
|
|
|
|
max-height: 4.75em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--lg-size-1 {
|
|
|
|
font-size: 1.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--lg-size-2 {
|
|
|
|
font-size: 1.2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--lg-size-3 {
|
|
|
|
font-size: 1.3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--lg-size-4 {
|
|
|
|
font-size: 1.4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title--lg-size-5 {
|
|
|
|
font-size: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--lg-size-1 {
|
|
|
|
font-size: .75em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--lg-size-2 {
|
|
|
|
font-size: .8em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--lg-size-3 {
|
|
|
|
font-size: .85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--lg-size-4 {
|
|
|
|
font-size: .9em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tagline--lg-size-5 {
|
|
|
|
font-size: .95em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Top Banner
|
|
|
|
--------------------------------------------- */
|
|
|
|
.top-banner {
|
|
|
|
margin-top: 1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-banner-shadow {
|
|
|
|
box-shadow: 0 1px 35px 0 rgb(0 0 0 / 15%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-banner-link,
|
|
|
|
.top-banner-image {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-banner-link:focus {
|
|
|
|
outline: 2px solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-banner-link:focus:not(:focus-visible) {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-banner-image {
|
|
|
|
max-height: 150px;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-banner-hide-sm,
|
|
|
|
.top-banner-hide-sm .top-banner-image {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 576px) {
|
|
|
|
|
|
|
|
.top-banner-hide-sm,
|
|
|
|
.top-banner-hide-sm .top-banner-image {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-banner-hide-md,
|
|
|
|
.top-banner-hide-md .top-banner-image {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.top-banner {
|
|
|
|
margin-top: 0;
|
|
|
|
max-width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-banner-hide-md,
|
|
|
|
.top-banner-hide-md .top-banner-image {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
|
|
.top-banner {
|
|
|
|
max-width: 70%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Primary Navbar
|
|
|
|
--------------------------------------------- */
|
|
|
|
.primary-navbar {
|
|
|
|
padding: .5em 0;
|
|
|
|
font-size: .95em;
|
|
|
|
font-weight: 600;
|
|
|
|
background: #166dd6;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation ul {
|
|
|
|
display: none;
|
|
|
|
list-style-type: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation.toggled ul {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-toggle {
|
|
|
|
align-self: flex-end;
|
|
|
|
display: inline-block;
|
|
|
|
padding: .35em .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-toggle .svg-icon {
|
|
|
|
width: 1.55em;
|
|
|
|
height: 1.55em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation.toggled .primary-menu-toggle .svg-icon:first-child,
|
|
|
|
.main-navigation:not(.toggled) .primary-menu-toggle .svg-icon:last-child {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation li {
|
|
|
|
position: relative;
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
padding: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation li>a {
|
|
|
|
flex-basis: auto;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation li.menu-item-has-children>a {
|
|
|
|
width: calc(100% - 35px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation-arrow-btn {
|
|
|
|
width: 30px;
|
|
|
|
flex-shrink: 0;
|
|
|
|
padding: 5px 6px;
|
|
|
|
border: none;
|
|
|
|
background: transparent;
|
|
|
|
color: #fff;
|
|
|
|
cursor: pointer;
|
|
|
|
transition: .25s all;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation-arrow-btn:focus {
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation-arrow-btn .svg-icon {
|
|
|
|
width: .95em;
|
|
|
|
height: .95em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation:not(.toggled) li:hover>.main-navigation-arrow-btn,
|
|
|
|
.main-navigation li.focus>.main-navigation-arrow-btn,
|
|
|
|
.main-navigation .main-navigation-arrow-btn:hover,
|
|
|
|
.main-navigation .main-navigation-arrow-btn:active {
|
|
|
|
background: #fff;
|
|
|
|
color: #166dd6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-toggle:focus,
|
|
|
|
.main-navigation li .main-navigation-arrow-btn:focus {
|
|
|
|
outline: 2px dotted #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-toggle:focus:not(:focus-visible),
|
|
|
|
.main-navigation li .main-navigation-arrow-btn:focus:not(:focus-visible) {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation ul ul {
|
|
|
|
position: absolute;
|
|
|
|
left: 30px;
|
|
|
|
width: calc(100% - 15px);
|
|
|
|
flex-grow: 0;
|
|
|
|
flex-shrink: 0;
|
|
|
|
display: block;
|
|
|
|
padding: 0;
|
|
|
|
opacity: 0;
|
|
|
|
height: 0;
|
|
|
|
overflow: hidden;
|
|
|
|
background: #166dd6;
|
|
|
|
transition: .3s all;
|
|
|
|
z-index: -1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation:not(.toggled):not(.main-navigation--touch) ul li:hover>ul,
|
|
|
|
.main-navigation ul li.focus>ul {
|
|
|
|
position: relative;
|
|
|
|
top: 5px;
|
|
|
|
left: 15px;
|
|
|
|
opacity: 1;
|
|
|
|
height: auto;
|
|
|
|
overflow: visible;
|
2023-09-08 01:50:12 -07:00
|
|
|
z-index: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation:not(.toggled):not(.main-navigation--touch) ul li:hover>ul,
|
|
|
|
.main-navigation:not(.toggled) ul li.focus>ul {
|
2023-09-08 01:45:46 -07:00
|
|
|
z-index: 99995;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation ul li,
|
|
|
|
.main-navigation ul ul li {
|
|
|
|
border-top: 1px solid rgba(255, 255, 255, .25);
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation a {
|
|
|
|
text-decoration: none;
|
|
|
|
padding: .3em .5em;
|
|
|
|
color: #fff;
|
|
|
|
transition: .25s all;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation a:hover,
|
|
|
|
.main-navigation a:focus,
|
|
|
|
.main-navigation a:active {
|
|
|
|
color: #166dd6;
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.primary-navbar {
|
|
|
|
padding: .25em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation ul {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-toggle {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation>div {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation ul li {
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation .menu>li:first-child {
|
|
|
|
padding: .2em .2em .2em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation .menu>li:not(:first-child),
|
|
|
|
.main-navigation ul ul li {
|
|
|
|
padding: .2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation .menu>li.menu-item-has-children>a {
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation ul ul li.menu-item-has-children>a {
|
|
|
|
width: calc(100% - 32px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation-arrow-btn {
|
|
|
|
margin-left: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation ul ul {
|
|
|
|
width: auto;
|
|
|
|
left: 15%;
|
|
|
|
transition: .2s all;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation:not(.toggled):not(.main-navigation--touch) ul li:hover>ul,
|
|
|
|
.main-navigation ul li.focus>ul {
|
|
|
|
position: absolute;
|
|
|
|
top: 100%;
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation:not(.toggled):not(.main-navigation--touch) ul ul li:hover>ul,
|
|
|
|
.main-navigation ul ul li.focus>ul {
|
|
|
|
top: 0;
|
|
|
|
left: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation ul ul li {
|
|
|
|
width: 240px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Primary Menu Search
|
|
|
|
--------------------------------------------- */
|
|
|
|
.primary-menu-search .primary-menu-search-toggle {
|
|
|
|
display: none;
|
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
padding: .5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search-toggle .svg-icon {
|
|
|
|
width: 1em;
|
|
|
|
height: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search .search-form-wrap {
|
|
|
|
min-width: 250px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search .search-form {
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
padding: .4em;
|
|
|
|
overflow-x: auto;
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 1px 2px 3px rgba(0, 0, 0, .07);
|
2023-09-08 01:50:12 -07:00
|
|
|
z-index: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation:not(.toggled) .primary-menu-search .search-form {
|
2023-09-08 01:45:46 -07:00
|
|
|
z-index: 99995;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search .search-form>.search-submit {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation .primary-menu-search {
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
padding-top: 1.6em;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 320px) {
|
|
|
|
.primary-menu-search .search-form>label {
|
|
|
|
max-width: 180px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 350px) {
|
|
|
|
.primary-menu-search .search-form>label {
|
|
|
|
max-width: 200px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.primary-menu-search .primary-menu-search-toggle {
|
|
|
|
display: inline-flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search .search-form>label {
|
|
|
|
max-width: 210px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-navigation .primary-menu-search {
|
|
|
|
display: flex;
|
|
|
|
justify-content: flex-end;
|
|
|
|
margin-left: auto;
|
|
|
|
padding-top: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search .search-form-wrap {
|
|
|
|
position: absolute;
|
|
|
|
top: calc(100% + 8px);
|
|
|
|
right: calc(100% - 32px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search:not(.toggled) .search-form-wrap,
|
|
|
|
.primary-menu-search.toggled .svg-icon:nth-of-type(1),
|
|
|
|
.primary-menu-search-toggle .svg-icon:nth-of-type(2) {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search.toggled .svg-icon:nth-of-type(2) {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search.toggled .search-form-wrap {
|
|
|
|
display: flex;
|
|
|
|
box-shadow: 1px 2px 3px rgba(0, 0, 0, .14);
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary-menu-search .search-form::before {
|
|
|
|
content: '';
|
|
|
|
position: absolute;
|
|
|
|
top: -18px;
|
|
|
|
left: calc(100% - 9px);
|
|
|
|
border: 9px solid transparent;
|
|
|
|
border-bottom-color: rgba(255, 255, 255, .8);
|
|
|
|
transform: translateX(-50%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Content
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
|
|
|
|
/* Posts and pages
|
|
|
|
--------------------------------------------- */
|
|
|
|
.updated:not(.published) {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-archive {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
padding-bottom: 1.5em;
|
|
|
|
border-bottom: 1px solid #e1e1e1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-archive.has-post-thumbnail .pb-content>.post-thumbnail,
|
|
|
|
.pb-singular>.post-thumbnail {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-archive.has-post-thumbnail .pb-content>.post-thumbnail {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-singular>.post-thumbnail {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
body.pb-content-columns .pb-archive.has-post-thumbnail .pb-content {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.pb-content-columns .pb-archive.has-post-thumbnail .pb-content>.post-thumbnail {
|
|
|
|
width: 36%;
|
|
|
|
margin-right: 1.5em;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.pb-content-columns .pb-archive.has-post-thumbnail .pb-content>*:nth-child(2) {
|
|
|
|
width: 64%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.pb-content-cover .pb-archive.has-post-thumbnail .pb-content {
|
|
|
|
align-items: stretch;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.pb-content-cover .pb-archive .pb-content>.post-thumbnail img {
|
|
|
|
height: 100%;
|
|
|
|
-o-object-fit: cover;
|
|
|
|
object-fit: cover;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-archive .pb-content>.post-thumbnail img,
|
|
|
|
.pb-singular>.post-thumbnail img {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-article a.post-thumbnail:focus:not(:focus-visible) {
|
|
|
|
outline: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-article .entry-header>.entry-title,
|
|
|
|
.page-header>.page-title {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: .45em;
|
|
|
|
font-size: 1.46em;
|
|
|
|
word-break: break-word;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-singular:not(.type-post) .entry-header>.entry-title,
|
|
|
|
.page-header>.page-title {
|
|
|
|
margin-bottom: .875em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-archv-title {
|
|
|
|
margin-top: 0;
|
|
|
|
font-size: 1.62em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-title a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-title,
|
|
|
|
.entry-title a {
|
|
|
|
color: #404040;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-title a:hover,
|
|
|
|
.entry-title a:focus,
|
|
|
|
.entry-title a:active {
|
|
|
|
color: #f69275;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-meta,
|
|
|
|
.cat-links,
|
|
|
|
.tag-links {
|
|
|
|
font-size: .85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-meta {
|
|
|
|
margin-bottom: 1.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.hide-entry-meta {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.cat-links,
|
|
|
|
.tag-links {
|
|
|
|
display: block;
|
|
|
|
margin-top: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-meta>* {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0 .4em .4em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-meta a,
|
|
|
|
.cat-links a,
|
|
|
|
.tag-links a {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-meta a,
|
|
|
|
.entry-meta .svg-icon,
|
|
|
|
.cat-links a,
|
|
|
|
.cat-links .svg-icon,
|
|
|
|
.tag-links a,
|
|
|
|
.tag-links .svg-icon {
|
|
|
|
color: #979797;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-meta a:hover,
|
|
|
|
.entry-meta a:focus,
|
|
|
|
.entry-meta a:active,
|
|
|
|
.cat-links a:hover,
|
|
|
|
.cat-links a:focus,
|
|
|
|
.cat-links a:active,
|
|
|
|
.tag-links a:hover,
|
|
|
|
.tag-links a:focus,
|
|
|
|
.tag-links a:active {
|
|
|
|
color: #404040;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-meta .svg-icon,
|
|
|
|
.cat-links .svg-icon,
|
|
|
|
.tag-links .svg-icon {
|
|
|
|
width: 1.5em;
|
|
|
|
height: 1.5em;
|
|
|
|
padding: .1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-meta .posted-by .svg-icon {
|
|
|
|
margin-right: -.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-meta .comments-link .svg-icon,
|
|
|
|
.cat-links .svg-icon,
|
|
|
|
.tag-links .svg-icon {
|
|
|
|
margin-right: .3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.more-link-wrap,
|
|
|
|
.page-content>*:last-child,
|
|
|
|
.entry-content>*:last-child,
|
|
|
|
.entry-summary>*:last-child,
|
|
|
|
.comment-content>*:last-child,
|
|
|
|
.pb-no-content>.entry-header>*:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.more-link-wrap {
|
|
|
|
margin-top: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.more-link {
|
|
|
|
display: inline-block;
|
|
|
|
padding-top: .58em;
|
|
|
|
padding-bottom: .62em;
|
|
|
|
text-decoration: none;
|
|
|
|
font-size: .875rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.more-link:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.more-link:active,
|
|
|
|
.more-link:focus {
|
|
|
|
outline-color: #404040;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-edit-link-wrap {
|
|
|
|
display: block;
|
|
|
|
margin-top: 1em;
|
|
|
|
color: #979797;
|
|
|
|
}
|
|
|
|
|
|
|
|
.post-edit-link {
|
|
|
|
font-size: .85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links,
|
|
|
|
.page-links {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links,
|
|
|
|
.page-links {
|
|
|
|
margin-top: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links .prev::before,
|
|
|
|
.navigation .nav-links .nav-previous>a::before {
|
|
|
|
content: '\00ab';
|
|
|
|
margin-right: .3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links .next::after,
|
|
|
|
.navigation .nav-links .nav-next>a::after {
|
|
|
|
content: '\00bb';
|
|
|
|
margin-left: .3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links .page-numbers,
|
|
|
|
.page-links .post-page-numbers {
|
|
|
|
margin-left: .6em;
|
|
|
|
margin-right: .6em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links .nav-previous,
|
|
|
|
.navigation .nav-links .prev {
|
|
|
|
margin-right: auto;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links> :first-child,
|
|
|
|
.navigation .nav-links .nav-previous,
|
|
|
|
.navigation .nav-links .prev {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links .nav-next,
|
|
|
|
.navigation .nav-links .next {
|
|
|
|
margin-left: auto;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links> :last-child,
|
|
|
|
.navigation .nav-links .nav-next,
|
|
|
|
.navigation .nav-links .next {
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
|
|
|
|
.navigation .nav-links .nav-next,
|
|
|
|
.navigation .nav-links .nav-previous {
|
|
|
|
flex-basis: 49%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation .nav-links a,
|
|
|
|
.page-links a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagination .nav-links a:not(.prev):not(.next):hover,
|
|
|
|
.pagination .nav-links a:not(.prev):not(.next):focus,
|
|
|
|
.pagination .nav-links a:not(.prev):not(.next):active,
|
|
|
|
.page-links a:hover,
|
|
|
|
.page-links a:focus,
|
|
|
|
.page-links a:active {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-links .nav-title {
|
|
|
|
word-break: break-word;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-links .nav-previous>a,
|
|
|
|
.nav-links .nav-next>a {
|
|
|
|
display: inline-flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-article.sticky .pb-sticky {
|
|
|
|
color: #979797;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-article.sticky .pb-sticky .svg-icon {
|
|
|
|
width: 1.4em;
|
|
|
|
height: 1.4em;
|
|
|
|
margin-right: .15em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pb-sticky-label {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Comments
|
|
|
|
--------------------------------------------- */
|
|
|
|
.comment-content a {
|
|
|
|
word-break: break-word;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comments-title {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
padding: .5em 0;
|
|
|
|
border-bottom: 1px solid #e1e1e1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comments-title,
|
|
|
|
.comment-reply-title {
|
|
|
|
font-size: 1.3em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-list,
|
|
|
|
.comment-list .children {
|
|
|
|
list-style-type: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-list {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-list .children {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-body {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
padding-bottom: 1.5em;
|
|
|
|
border-bottom: 1px solid #e1e1e1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-meta {
|
|
|
|
margin-bottom: 1.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-meta a {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-meta .comment-author {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-meta .comment-author .avatar,
|
|
|
|
.comment-meta .comment-author .fn,
|
|
|
|
.comment-meta .comment-author .says {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0 .4em .4em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-meta .comment-author .fn {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-metadata {
|
|
|
|
font-size: .85em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-metadata a,
|
|
|
|
.comment-metadata .edit-link {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-metadata a {
|
|
|
|
margin-right: .4em;
|
|
|
|
color: #979797;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-metadata a:hover,
|
|
|
|
.comment-metadata a:focus,
|
|
|
|
.comment-metadata a:active {
|
|
|
|
color: #404040;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-body .reply {
|
|
|
|
display: block;
|
|
|
|
margin-top: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-reply-title {
|
|
|
|
margin-top: 1em;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comment-reply-title>small {
|
|
|
|
margin-left: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.comments-area .must-log-in,
|
|
|
|
.comments-area .no-comments {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bypostauthor .comment-author .says {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bypostauthor .comment-author .says::after {
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
right: -18px;
|
|
|
|
top: 7px;
|
|
|
|
width: 6px;
|
|
|
|
height: 11px;
|
|
|
|
border-bottom: 3px solid;
|
|
|
|
border-right: 3px solid;
|
|
|
|
transform: rotate(45deg);
|
|
|
|
opacity: .5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navigation.comment-navigation .nav-links {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* 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 logo link wraps around logo image. */
|
|
|
|
.custom-logo-link {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.svg-icon {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
|
|
|
fill: currentColor;
|
|
|
|
line-height: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Captions
|
|
|
|
--------------------------------------------- */
|
|
|
|
.wp-caption {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-caption img[class*="wp-image-"] {
|
|
|
|
display: block;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-caption .wp-caption-text {
|
|
|
|
margin: .8075em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wp-caption-text {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Galleries
|
|
|
|
--------------------------------------------- */
|
|
|
|
.gallery {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gallery-item {
|
|
|
|
display: inline-block;
|
|
|
|
text-align: center;
|
|
|
|
vertical-align: top;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gallery-item img {
|
|
|
|
vertical-align: bottom;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Forms
|
|
|
|
--------------------------------------------- */
|
|
|
|
.post-password-form input[type="submit"] {
|
|
|
|
margin-top: .5rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Sidebar
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
|
|
|
|
/* Sidebar Widgets
|
|
|
|
--------------------------------------------- */
|
|
|
|
.widget {
|
|
|
|
margin: 0 0 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget h1,
|
|
|
|
.widget h2 {
|
|
|
|
font-size: 1.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget h3 {
|
|
|
|
font-size: 1.08em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget h4 {
|
|
|
|
font-size: 1.05em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget h5 {
|
|
|
|
font-size: 1.02em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget h6 {
|
|
|
|
font-size: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar {
|
|
|
|
width: 100%;
|
|
|
|
font-size: .95em;
|
|
|
|
color: #404040;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar .widget .widget-title,
|
|
|
|
.c-sidebar .widget_block h1:first-child,
|
|
|
|
.c-sidebar .widget_block h2:first-child,
|
|
|
|
.c-sidebar .widget_block h3:first-child {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
padding-bottom: .5em;
|
|
|
|
border-bottom: 2px solid #eee;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar .widget .widget-title::after,
|
|
|
|
.c-sidebar .widget_block h1:first-child::after,
|
|
|
|
.c-sidebar .widget_block h2:first-child::after,
|
|
|
|
.c-sidebar .widget_block h3:first-child::after {
|
|
|
|
content: "";
|
|
|
|
background: #166dd6;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
bottom: -2px;
|
|
|
|
height: 1px;
|
|
|
|
width: 10%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .widget-title,
|
|
|
|
.widget_block h1:first-child,
|
|
|
|
.widget_block h2:first-child,
|
|
|
|
.widget_block h3:first-child {
|
|
|
|
position: relative;
|
|
|
|
margin-top: 0;
|
|
|
|
font-size: 1.1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-form {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-form>label {
|
|
|
|
max-width: 65%;
|
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-form>.search-submit {
|
|
|
|
max-width: 35%;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget_search .search-form {
|
|
|
|
max-width: 400px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget_search .search-form .search-field {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 350px) {
|
|
|
|
.search-form {
|
|
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search-form>label,
|
|
|
|
.search-form>.search-submit {
|
|
|
|
max-width: -moz-fit-content;
|
|
|
|
max-width: fit-content;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget_search .search-form {
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget_search .search-form>label {
|
|
|
|
max-width: 65%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .widget_search .search-form>label {
|
|
|
|
max-width: 62%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget_search .search-form>.search-submit {
|
|
|
|
max-width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .widget_search .search-form>.search-submit {
|
|
|
|
max-width: 38%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget ul,
|
|
|
|
.widget ol {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
list-style-position: inside;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget ul {
|
|
|
|
list-style-type: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget li>ul,
|
|
|
|
.widget li>ol {
|
|
|
|
margin-left: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget li:not(:first-child) {
|
|
|
|
padding-top: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget li:not(:last-child) {
|
|
|
|
padding-bottom: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar .widget li:not(:last-child) {
|
|
|
|
border-bottom: 1px solid #e1e1e1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget li>ul>li:first-child,
|
|
|
|
.widget li>ol>li:first-child {
|
|
|
|
padding-top: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget li.wp-social-link:not(:first-child) {
|
|
|
|
padding-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget li.wp-social-link:not(:last-child) {
|
|
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar .widget li.wp-social-link {
|
|
|
|
border-width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar a {
|
|
|
|
color: #404040;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar a:hover,
|
|
|
|
.c-sidebar a:focus,
|
|
|
|
.c-sidebar a:active {
|
|
|
|
color: #f69275;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget li a,
|
|
|
|
.wp-block-tag-cloud .tag-cloud-link,
|
|
|
|
.widget .tagcloud .tag-cloud-link {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .textwidget>*:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .textwidget a {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .wp-calendar-table {
|
|
|
|
margin-bottom: .5em;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .wp-calendar-table caption {
|
|
|
|
padding-bottom: .5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .wp-calendar-table th,
|
|
|
|
.widget .wp-calendar-table td {
|
|
|
|
padding: .2em .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .wp-calendar-nav {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .gallery {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .gallery-item {
|
|
|
|
margin: 0;
|
|
|
|
padding: 5px 10px 5px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.widget .wp-block-latest-comments__comment {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Sticky Sidebar
|
|
|
|
--------------------------------------------- */
|
|
|
|
@media screen and (min-width: 1024px) {
|
|
|
|
body:not(.double-sidebar) .inner-wrapper-sticky {
|
|
|
|
padding-bottom: 1px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1280px) {
|
|
|
|
body.double-sidebar .inner-wrapper-sticky {
|
|
|
|
padding-bottom: 1px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Footer
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
|
|
|
|
/* Footer Widgets
|
|
|
|
--------------------------------------------- */
|
|
|
|
.footer-widgets {
|
|
|
|
padding: .5em 0;
|
|
|
|
font-size: .85em;
|
|
|
|
color: #fff;
|
|
|
|
background: #232323;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets-wrap {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: flex-start;
|
|
|
|
border-bottom: 1px solid #666;
|
|
|
|
}
|
|
|
|
|
|
|
|
.c-sidebar-footer {
|
|
|
|
margin-top: 1.5em;
|
|
|
|
padding: 0 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets-1 .c-sidebar-footer {
|
|
|
|
flex-basis: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 350px) {
|
|
|
|
.c-sidebar-footer {
|
|
|
|
padding: 0 24px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 576px) {
|
|
|
|
.c-sidebar-footer {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets-4 .c-sidebar-footer,
|
|
|
|
.footer-widgets-3 .c-sidebar-footer,
|
|
|
|
.footer-widgets-2 .c-sidebar-footer {
|
|
|
|
flex-basis: calc(50% - 40px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1024px) {
|
|
|
|
|
|
|
|
.footer-widgets-4 .c-sidebar-footer,
|
|
|
|
.footer-widgets-3 .c-sidebar-footer {
|
|
|
|
flex-basis: calc(33.33333333% - 45px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets-2 .c-sidebar-footer {
|
|
|
|
flex-basis: calc(50% - 45px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
|
|
.footer-widgets-4 .c-sidebar-footer {
|
|
|
|
flex-basis: calc(25% - 47px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets-3 .c-sidebar-footer {
|
|
|
|
flex-basis: calc(33.33333333% - 47px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets-2 .c-sidebar-footer {
|
|
|
|
flex-basis: calc(50% - 47px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1280px) {
|
|
|
|
.footer-widgets-4 .c-sidebar-footer {
|
|
|
|
flex-basis: calc(25% - 50px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets-3 .c-sidebar-footer {
|
|
|
|
flex-basis: calc(33.33333333% - 50px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets-2 .c-sidebar-footer {
|
|
|
|
flex-basis: calc(50% - 50px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets .widget .widget-title,
|
|
|
|
.footer-widgets .widget_block h1:first-child,
|
|
|
|
.footer-widgets .widget_block h2:first-child,
|
|
|
|
.footer-widgets .widget_block h3:first-child {
|
|
|
|
margin-bottom: .8em;
|
|
|
|
padding-bottom: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets a {
|
|
|
|
color: #b7b7b7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets a:hover,
|
|
|
|
.footer-widgets a:focus,
|
|
|
|
.footer-widgets a:active {
|
|
|
|
color: #fff;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets .widget .wp-calendar-table table,
|
|
|
|
.footer-widgets .widget .wp-calendar-table th,
|
|
|
|
.footer-widgets .widget .wp-calendar-table td {
|
|
|
|
border-color: #666;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets .wp-block-calendar caption,
|
|
|
|
.footer-widgets .wp-block-calendar tbody {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-widgets .wp-block-calendar th {
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pressbook-dark .wp-block-table figcaption,
|
|
|
|
.pressbook-dark .wp-block-video figcaption,
|
|
|
|
.pressbook-dark .wp-block-audio figcaption,
|
|
|
|
.pressbook-dark .wp-block-embed figcaption,
|
|
|
|
.pressbook-dark .wp-block-image figcaption,
|
|
|
|
.pressbook-dark .wp-block-gallery figcaption,
|
|
|
|
.pressbook-dark .wp-block-calendar table caption,
|
|
|
|
.pressbook-dark .wp-block-calendar table tbody {
|
|
|
|
color: #a7a7a7;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Copyright Text
|
|
|
|
--------------------------------------------- */
|
|
|
|
.copyright-text {
|
|
|
|
padding: 1em 0;
|
|
|
|
text-align: center;
|
|
|
|
font-size: .8em;
|
|
|
|
color: #e1e1e1;
|
|
|
|
background: #232323;
|
|
|
|
}
|
|
|
|
|
|
|
|
.copyright-text-wrap>p {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.copyright-text a {
|
|
|
|
color: #f69275;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.copyright-text a:hover,
|
|
|
|
.copyright-text a:focus,
|
|
|
|
.copyright-text a:active {
|
|
|
|
color: #fff;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Go to Top
|
|
|
|
--------------------------------------------- */
|
|
|
|
.go-to-top {
|
|
|
|
position: fixed;
|
|
|
|
bottom: 30px;
|
|
|
|
right: 30px;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
width: 32px;
|
|
|
|
height: 32px;
|
|
|
|
line-height: 32px;
|
|
|
|
border-radius: 50%;
|
|
|
|
opacity: 0;
|
|
|
|
visibility: hidden;
|
|
|
|
z-index: 9999;
|
|
|
|
background: rgba(0, 0, 0, .35);
|
|
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, .05);
|
|
|
|
transition: opacity .5s, visibility .5s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.go-to-top:hover,
|
|
|
|
.go-to-top:focus {
|
|
|
|
background: linear-gradient(0deg, #522db8 0%, #166dd6 100%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.go-to-top:focus {
|
|
|
|
outline: none;
|
|
|
|
box-shadow: 0px 0px 3px #522db8;
|
|
|
|
}
|
|
|
|
|
|
|
|
.go-to-top:active {
|
|
|
|
background: #522db8;
|
|
|
|
}
|
|
|
|
|
|
|
|
.go-to-top::after {
|
|
|
|
content: "";
|
|
|
|
border-left: 6px solid transparent;
|
|
|
|
border-right: 6px solid transparent;
|
|
|
|
border-bottom: 11px solid #fff;
|
|
|
|
position: relative;
|
|
|
|
bottom: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.go-to-top--show {
|
|
|
|
opacity: .8;
|
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
|
|
|
|
.go-to-top--fade-out {
|
|
|
|
opacity: .6;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1024px) {
|
|
|
|
.go-to-top {
|
|
|
|
width: 34px;
|
|
|
|
height: 34px;
|
|
|
|
line-height: 34px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.go-to-top::after {
|
|
|
|
border-left-width: 7px;
|
|
|
|
border-right-width: 7px;
|
|
|
|
border-bottom-width: 12px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Plugins
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
|
|
|
|
/* WooCommerce
|
|
|
|
--------------------------------------------- */
|
|
|
|
body.woocommerce-page:not(.archive) .site-main,
|
|
|
|
body.woocommerce-page.wc-no-sidebar .site-main {
|
|
|
|
max-width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1024px) {
|
|
|
|
|
|
|
|
/* No Sidebar */
|
|
|
|
body.woocommerce-page.wc-no-sidebar .site-main {
|
|
|
|
padding-left: 49px;
|
|
|
|
padding-right: 49px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Single Sidebar */
|
|
|
|
body.woocommerce-page.archive.wc-sidebar .site-main {
|
|
|
|
max-width: 630px;
|
|
|
|
padding-left: 24px;
|
|
|
|
padding-right: 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.woocommerce-page.archive.wc-sidebar .c-sidebar .widget {
|
|
|
|
padding: 19px 24px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.woocommerce-page.archive.wc-sidebar .c-sidebar-shop {
|
|
|
|
margin-right: 25px;
|
|
|
|
order: -1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
|
|
|
|
|
|
/* Single Sidebar */
|
|
|
|
body.woocommerce-page.archive.wc-sidebar .site-main {
|
|
|
|
max-width: 730px;
|
|
|
|
padding-left: 39px;
|
|
|
|
padding-right: 39px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.woocommerce-page.archive.wc-sidebar .c-sidebar {
|
|
|
|
max-width: 340px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.woocommerce-page.archive.wc-sidebar .c-sidebar-shop {
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.woocommerce-page.archive.wc-sidebar .c-sidebar .widget {
|
|
|
|
padding: 24px 29px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Large Width */
|
|
|
|
body.woocommerce-page.archive.wc-sidebar.double-sidebar .site-main {
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.woocommerce-page.archive.wc-sidebar.double-sidebar .c-sidebar-shop {
|
|
|
|
min-width: 300px;
|
|
|
|
margin-right: 40px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.woocommerce .widget .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:not(:first-child) {
|
|
|
|
padding-top: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.woocommerce .widget .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:not(:last-child) {
|
|
|
|
padding-bottom: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.woocommerce .widget .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item>ul>li:first-child,
|
|
|
|
.woocommerce .widget .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item>ol>li:first-child {
|
|
|
|
padding-top: .4em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.woocommerce table.shop_attributes td {
|
|
|
|
padding: 0 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.woocommerce-product-search {
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
|
|
|
|
.woocommerce-product-search>.search-field {
|
|
|
|
max-width: 65%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.woocommerce-product-search>button {
|
|
|
|
max-width: 35%;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 350px) {
|
|
|
|
.woocommerce-product-search {
|
|
|
|
flex-wrap: nowrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
.woocommerce-product-search>.search-field {
|
|
|
|
max-width: 65%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .woocommerce-product-search>.search-field {
|
|
|
|
max-width: 60%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.woocommerce-product-search>button {
|
|
|
|
max-width: 35%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.double-sidebar .woocommerce-product-search>button {
|
|
|
|
max-width: 40%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Jetpack infinite scroll
|
|
|
|
--------------------------------------------- */
|
|
|
|
|
|
|
|
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
|
|
|
|
.infinite-scroll .navigation.pagination,
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
body.infinite-scroll #infinite-handle {
|
|
|
|
margin-top: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------------------------
|
|
|
|
# Utilities
|
|
|
|
--------------------------------------------------------------*/
|
|
|
|
#page .t-margin {
|
|
|
|
margin-top: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#page .b-margin {
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#page .no-t-margin {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#page .no-b-margin {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#page .no-t-padding {
|
|
|
|
padding-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#page .no-b-padding {
|
|
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#page .no-x-padding {
|
|
|
|
padding-left: 0;
|
|
|
|
padding-right: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#page .u-transparent-bg {
|
|
|
|
background: transparent;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-justify {
|
|
|
|
display: flex;
|
|
|
|
gap: 0.5em;
|
|
|
|
flex-direction: row;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-justify-left {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
|
|
|
|
.u-justify-right {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Accessibility
|
|
|
|
--------------------------------------------- */
|
|
|
|
.hide-clip,
|
|
|
|
.hide-entry-meta>*,
|
|
|
|
.hide-posted-on>.posted-on,
|
|
|
|
.hide-posted-by>.posted-by {
|
|
|
|
position: absolute;
|
|
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Text meant only for screen readers. */
|
|
|
|
.screen-reader-text {
|
|
|
|
border: 0;
|
|
|
|
clip: rect(1px, 1px, 1px, 1px);
|
|
|
|
-webkit-clip-path: inset(50%);
|
|
|
|
clip-path: inset(50%);
|
|
|
|
height: 1px;
|
|
|
|
margin: -1px;
|
|
|
|
overflow: hidden;
|
|
|
|
padding: 0;
|
|
|
|
position: absolute !important;
|
|
|
|
width: 1px;
|
|
|
|
word-wrap: normal !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.screen-reader-text:focus {
|
|
|
|
background: #f1f1f1;
|
|
|
|
border-radius: 3px;
|
|
|
|
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
|
|
|
|
clip: auto !important;
|
|
|
|
-webkit-clip-path: none;
|
|
|
|
clip-path: none;
|
|
|
|
color: #21759b;
|
|
|
|
display: block;
|
|
|
|
font-size: .875rem;
|
|
|
|
font-weight: 600;
|
|
|
|
height: auto;
|
|
|
|
left: 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 {
|
|
|
|
/*rtl:ignore*/
|
|
|
|
float: left;
|
|
|
|
|
|
|
|
/*rtl:ignore*/
|
|
|
|
margin-right: 1.5em;
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.alignright {
|
|
|
|
/*rtl:ignore*/
|
|
|
|
float: right;
|
|
|
|
|
|
|
|
/*rtl:ignore*/
|
|
|
|
margin-left: 1.5em;
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.aligncenter {
|
|
|
|
clear: both;
|
|
|
|
display: block;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-content .alignfull,
|
|
|
|
body.page.page-template-default .entry-content .alignfull,
|
|
|
|
body.page.page-template-small .entry-content .alignfull,
|
|
|
|
body.page.page-template-medium .entry-content .alignfull,
|
|
|
|
body.page.page-template-large .entry-content .alignfull,
|
|
|
|
body.page.page-template-full .entry-content .alignfull,
|
|
|
|
#page .block-section .entry-content .alignfull {
|
|
|
|
margin-left: calc(50% - 50vw);
|
|
|
|
max-width: 100vw;
|
|
|
|
width: 100vw;
|
|
|
|
}
|
|
|
|
|
|
|
|
.entry-content .alignwide {
|
|
|
|
margin-left: -15px;
|
|
|
|
width: calc(100% + 30px);
|
|
|
|
max-width: calc(100% + 30px);
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 576px) {
|
|
|
|
.entry-content .alignwide {
|
|
|
|
margin-left: -35px;
|
|
|
|
width: calc(100% + 70px);
|
|
|
|
max-width: calc(100% + 70px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1024px) {
|
|
|
|
|
|
|
|
/* No Sidebar */
|
|
|
|
body.no-sidebar .entry-content .alignwide,
|
|
|
|
body.page.page-template-default .entry-content .alignwide,
|
|
|
|
body.page.page-template-small .entry-content .alignwide,
|
|
|
|
body.page.page-template-medium .entry-content .alignwide,
|
|
|
|
body.page.page-template-large .entry-content .alignwide,
|
|
|
|
body.page.page-template-full .entry-content .alignwide,
|
|
|
|
#page .block-section .entry-content .alignwide {
|
|
|
|
margin-left: -50px;
|
|
|
|
width: calc(100% + 100px);
|
|
|
|
max-width: calc(100% + 100px);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Single Sidebar */
|
|
|
|
body.single-sidebar .entry-content .alignfull,
|
|
|
|
body.single-sidebar .entry-content .alignwide {
|
|
|
|
margin-left: -25px;
|
|
|
|
width: calc(100% + 50px);
|
|
|
|
max-width: calc(100% + 50px);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Double Sidebar */
|
|
|
|
body.double-sidebar .entry-content .alignwide {
|
|
|
|
margin-left: -50px;
|
|
|
|
width: calc(100% + 100px);
|
|
|
|
max-width: calc(100% + 100px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
|
|
|
|
|
|
/* Single Sidebar */
|
|
|
|
body.single-sidebar .entry-content .alignfull,
|
|
|
|
body.single-sidebar .entry-content .alignwide {
|
|
|
|
margin-left: -40px;
|
|
|
|
width: calc(100% + 80px);
|
|
|
|
max-width: calc(100% + 80px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media screen and (min-width: 1280px) {
|
|
|
|
|
|
|
|
/* Double Sidebar */
|
|
|
|
body.double-sidebar .entry-content .alignfull,
|
|
|
|
body.double-sidebar .entry-content .alignwide {
|
|
|
|
margin-left: -30px;
|
|
|
|
width: calc(100% + 60px);
|
|
|
|
max-width: calc(100% + 60px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Clearings
|
|
|
|
--------------------------------------------- */
|
|
|
|
.clear:before,
|
|
|
|
.clear:after,
|
|
|
|
.entry-content:before,
|
|
|
|
.entry-content:after,
|
|
|
|
.entry-footer:before,
|
|
|
|
.entry-footer:after,
|
|
|
|
.site-content:before,
|
|
|
|
.site-content:after,
|
|
|
|
.site-footer:before,
|
|
|
|
.site-footer:after,
|
|
|
|
.has-drop-cap:after,
|
|
|
|
.navigation.post-navigation .nav-links:after,
|
|
|
|
.c-sidebar .widget:after,
|
|
|
|
.c-sidebar-footer .widget:after {
|
|
|
|
content: "";
|
|
|
|
display: table;
|
|
|
|
table-layout: fixed;
|
|
|
|
}
|
|
|
|
|
|
|
|
.clear:after,
|
|
|
|
.entry-content:after,
|
|
|
|
.entry-footer:after,
|
|
|
|
.site-content:after,
|
|
|
|
.site-footer:after,
|
|
|
|
.has-drop-cap:after,
|
|
|
|
.navigation.post-navigation .nav-links:after,
|
|
|
|
.page-links,
|
|
|
|
.c-sidebar .widget:after,
|
|
|
|
.c-sidebar-footer .widget:after {
|
|
|
|
clear: both;
|
|
|
|
}
|