Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/hessa.corals.io/wp-content/themes/halva/ |
/*
Theme Name: Halva
Theme URI: http://birdwp.com/wp-halva/
Description: Halva is an easy-to-use and lightweight classic theme for a personal WordPress blog with a minimalistic design. This theme has the ability to display a carousel with your featured posts on the home page, and also supports the functionality of live switching between font types and color modes. For the convenience of visitors, the Halva theme has the ability to quickly switch between two types of blog layout: one column or three columns. There is support for both the classic editor and the block editor, so you can use the editor you prefer to create your posts. The Halva theme also has a number of other features: built-in support for lightboxes for images and galleries, support for contact forms (Contact Form 7), 4 widget areas, support for classic widgets, support for block editor widgets, 5 additional widgets, support for all post formats, views counter for posts and pages, responsive layout, and much more. If you love minimalism and simplicity, then the Halva theme is what you need for your blog. Documentation: http://documentation.birdwp.com/wp-halva/ Demonstration: https://demo.birdwp.com/halva/
Version: 1.1
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.0
Author: Alexey Trofimov (BirdwpThemes)
Author URI: https://themeforest.net/user/birdwpthemes
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, grid-layout, one-column, three-columns, right-sidebar, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks
Text Domain: halva
Copyright (C) 2024 Alexey Trofimov
*/
/*
Table of Contents:
1.0 - General styles
2.0 - Container with site content
3.0 - Site header
4.0 - Logo (Main site logo)
5.0 - Site navigation
6.0 - Mobile menu
7.0 - Homepage carousel
8.0 - Latest posts
8.1 - Featured image
8.2 - Slider with images (Gallery format; Tiny-slider)
8.3 - Video player
8.4 - Audio player
8.5 - Post content
8.6 - "No results" message (content none)
8.7 - Pagination
9.0 - Single page
9.1 - WordPress content styles: TinyMCE editor (Classic editor)
9.2 - WordPress content styles: Block editor
9.3 - About the author
9.4 - Comments
9.5 - Post navigation
9.6 - Related posts / Random posts
10.0 - Page 404 (page not found)
11.0 - Footer widgets
12.0 - Site footer
13.0 - Sticky bar with buttons
13.1 - Button: Show hidden navigation
13.2 - Font types (sans-serif or serif)
13.3 - Dropdown search form
14.0 - Button: "Back to top"
15.0 - Hidden sidebar
16.0 - Widgets
17.0 - Information about cookies
18.0 - Styles for popup windows (magnificPopup)
19.0 - Responsive styles
*/
/*
1.0 - General styles
---------------------------------------
*/
:root {
scroll-behavior: auto;
}
/* body */
body {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.2;
text-align: right;
color: #4e4d58;
background-color: #faf9fb;
overflow-x: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}
/* links */
a {
color: #4e4d58;
text-decoration: none;
outline: none !important;
-webkit-transition: color 0.2s ease-out, box-shadow 0.2s ease-out;
transition: color 0.2s ease-out, box-shadow 0.2s ease-out;
}
a:hover,
a:focus {
color: #786fff;
text-decoration: none;
}
/* headings: h1 - h6 */
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 20px;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 600;
color: #34343b;
}
h1,
.h1 {
font-size: 32px;
line-height: 1.3;
}
h2,
.h2 {
font-size: 29px;
line-height: 1.3;
}
h3,
.h3 {
font-size: 26px;
line-height: 1.35;
}
h4,
.h4 {
font-size: 23px;
line-height: 1.35;
}
h5,
.h5 {
font-size: 20px;
line-height: 1.4;
}
h6,
.h6 {
font-size: 16px;
text-transform: uppercase;
line-height: 1.5;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus {
color: #786fff;
}
/* paragraph */
p {
margin: 0 0 20px;
}
/* description list */
dl {
margin: 0 0 20px;
}
dl dt {
font-weight: 700;
margin: 0 0 10px;
line-height: 1.7;
}
dl dd {
margin: 0 0 20px;
padding: 0 0 0 20px;
line-height: 1.7;
}
dl dt:last-child,
dl dd:last-child {
margin-bottom: 0 !important;
}
/* address */
address {
margin: 0 0 20px;
font-style: italic;
line-height: 1.7;
}
/* superscript (sup) and subscript (sub) */
sup,
sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* abbreviation */
abbr {
font-weight: 400;
cursor: help !important;
text-decoration: none !important;
border-bottom: 2px dotted #4e4d58 !important;
}
/* acronym */
acronym {
font-weight: 400;
cursor: help !important;
text-decoration: none !important;
border-bottom: 2px dashed #4e4d58 !important;
}
/* big */
big {
font-size: larger;
text-transform: uppercase;
}
/* cite */
cite {
font-style: italic;
border: none;
}
/* code, kbd, tt, preformatted text */
code,
kbd,
tt {
box-shadow: none;
border: none;
padding: 4px 6px;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 15px;
color: inherit;
background-color: rgba(78,77,88,0.07);
border-radius: 6px;
}
pre {
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 15px;
line-height: 1.7;
overflow: auto;
white-space: pre;
word-break: normal;
margin: 0 0 20px;
padding: 40px;
color: #4e4d58;
background-color: #f8f8fa;
border: none;
border-radius: 6px;
}
pre code,
pre kbd {
padding: 4px 6px;
font-family: inherit;
font-size: inherit;
background-color: rgba(78,77,88,0.06);
border-radius: 6px;
}
/* deleted or strikethrough text */
s,
strike,
del {
text-decoration: line-through;
}
/* variable (var) */
var {
font-style: italic;
font-weight: 700;
}
/* bold text (strong, b) */
strong,
b {
font-weight: 700;
}
/* italic text (em, q) */
em,
q {
font-style: italic;
}
q {
font-weight: 400;
}
/* mark */
.mark,
mark {
padding: 0;
background-color: transparent;
}
/* insert (designed to highlight text that has been added to a new version of a document) */
ins {
font-weight: 400;
text-decoration: none !important;
border-bottom: 2px solid #ebebee !important;
}
/* legend */
legend {
margin: 0 0 20px;
padding: 0 0 20px;
font-family: 'Poppins', sans-serif;
font-size: 29px;
font-style: normal;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.2px;
color: #34343b;
border-bottom: 1px solid #efeff2;
}
/* horizontal rule */
hr {
margin-top: 40px;
margin-bottom: 40px;
background-color: #efeff2;
opacity: 1;
}
/* block quote */
blockquote {
position: relative;
margin: 0 0 20px;
padding: 0 20px 0 0; /* Adjust padding for RTL */
border: none;
font-family: 'Lora', serif;
font-size: 24px;
font-style: italic;
line-height: 1.45;
direction: rtl; /* Set text direction to RTL */
text-align: right; /* Align text to the right */
}
blockquote::before {
position: absolute;
top: -80px; /* Move the quotation mark further up */
right: 0px; /* Adjust position for RTL */
z-index: 0;
font-family: 'Lora', serif;
content: '\201c'; /* Use the opening quotation mark */
font-size: 160px;
font-style: normal;
line-height: 0.79;
user-select: none;
pointer-events: none;
color: #4e4d58;
opacity: 0.12;
transform: scaleX(-1) scaleY(-1); /* Reflect the quotation mark vertically and horizontally */
}
blockquote footer::before,
blockquote small::before,
blockquote .small::before {
content: '';
}
blockquote cite {
display: block;
margin-top: 20px;
font-size: 20px;
font-style: italic;
line-height: inherit;
text-align: right; /* Align citation to the right */
color: #4e4d58;
}
blockquote > :last-child {
margin-bottom: 0 !important;
}
/* video, iframe, embed, object */
video {
max-width: 100%;
width: 100%;
height: auto;
}
embed,
iframe,
object {
max-width: 100%;
}
embed,
iframe {
width: 100%;
border: none !important;
}
/* responsive images */
img {
max-width: 100%;
height: auto;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
/* figure and figure caption */
figure,
figcaption {
margin: 0;
}
/* table */
table {
caption-side: top;
}
/* form */
form {
margin: 0;
padding: 0;
outline: none;
}
/* label */
label {
display: inline-block;
width: 100%;
max-width: 100%;
text-align: left;
margin: 0;
padding: 0 0 5px;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 1.6;
color: #34343b;
}
/* input tags (input and textarea), selection (select) */
input[type="text"]:not(.bwp-search-field),
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea,
select {
margin: 0;
padding: 0 15px;
max-width: 100%;
width: 100%;
height: 44px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
color: #4e4d58;
background: #f8f8fa;
border: 1px solid #f8f8fa;
border-bottom-color: #e6e6e9;
border-radius: 6px;
outline: none !important;
-webkit-transition: border-color 0.2s ease-out;
transition: border-color 0.2s ease-out;
}
input[type="password"] {
letter-spacing: 3px;
}
input[type="date"] {
padding-top: 7px;
padding-bottom: 7px;
}
textarea {
height: 140px;
padding: 10px 15px;
resize: vertical;
line-height: 1.7;
}
select {
padding: 0 20px 0 10px;
}
select[multiple] {
height: 140px;
margin-bottom: -2px;
padding: 10px 15px;
}
input[type="text"]:not(.bwp-search-field):hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="date"]:hover,
textarea:hover,
select:hover,
input[type="text"]:not(.bwp-search-field):focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
border-color: #786fff;
}
/* input: placeholder */
/* Chrome / Opera / Safari */
input::-webkit-input-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
/* Firefox 18- */
input:-moz-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
/* Firefox 19+ */
input::-moz-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
/* IE 10+ */
input:-ms-input-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
/* input: file */
input[type="file"] {
margin: 0;
padding: 10px;
max-width: 100%;
width: 100%;
border: 2px dashed #eeeef1;
border-bottom-color: #e6e6e9;
border-radius: 6px;
outline: none !important;
-webkit-transition: border-color 0.2s ease-out;
transition: border-color 0.2s ease-out;
}
input[type="file"]:hover,
input[type="file"]:focus {
border-color: #786fff;
}
/* input: checkbox and radio */
input[type="checkbox"],
input[type="radio"] {
position: relative;
top: -1px;
display: inline-block;
margin: 0 6px 0 0;
padding: 0;
width: 20px;
min-width: 20px;
height: 20px;
line-height: 0;
background: #ffffff;
border: 1px solid #e0e0e3;
clear: none;
cursor: pointer;
outline: none !important;
text-align: center;
vertical-align: middle;
-webkit-appearance: none;
appearance: none;
-webkit-transition: border-color 0.2s ease-out;
transition: border-color 0.2s ease-out;
}
input[type="checkbox"] {
border-radius: 6px;
}
input[type="radio"] {
border-radius: 50%;
}
input[type="checkbox"]:hover,
input[type="radio"]:hover,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
border-color: #786fff;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background: #786fff;
border-color: #786fff;
}
input[type="checkbox"]:checked::before,
input[type="radio"]:checked::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
input[type="checkbox"]:checked::before {
font: var(--fa-font-solid); /* solid style */
content: "\f00c"; /* icon: check */
font-size: 12px;
line-height: 19px;
color: #ffffff;
}
input[type="radio"]:checked::before {
font: var(--fa-font-solid); /* solid style */
content: "\f111"; /* icon: circle */
font-size: 8px;
line-height: 18px;
color: #ffffff;
}
/* form buttons */
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: none;
outline: none;
display: inline-block;
margin: 0;
padding: 0 20px;
height: 48px;
line-height: 48px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
color: #ffffff;
background: #34343b;
border-radius: 6px;
box-shadow: none;
-webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
transition: color 0.2s ease-out, background 0.2s ease-out;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
color: #ffffff;
background: #786fff;
}
/* button */
button {
outline: none !important;
-webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
transition: color 0.2s ease-out, background 0.2s ease-out;
}
.bwp-button {
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
background: transparent;
border: none;
outline: none;
box-shadow: none;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
text-align: center;
white-space: nowrap;
-webkit-transition: color 0.2s ease-out, background 0.2s ease-out, -webkit-transform 0.2s ease-out;
transition: color 0.2s ease-out, background 0.2s ease-out, transform 0.2s ease-out;
}
.bwp-button.bwp-with-text {
font-family: 'Open Sans', sans-serif;
}
/* additional styles for contact form (Contact Form 7) */
.wpcf7 .wpcf7-form label {
padding-bottom: 0;
}
.wpcf7 .wpcf7-form input,
.wpcf7 .wpcf7-form textarea,
.wpcf7 .wpcf7-form select {
margin-top: 5px;
}
.wpcf7 .wpcf7-form textarea {
margin-bottom: -7px;
}
.wpcf7 .wpcf7-form input[type="button"],
.wpcf7 .wpcf7-form input[type="reset"],
.wpcf7 .wpcf7-form input[type="submit"] {
margin-top: 0;
margin-bottom: 7px;
}
.wpcf7 .wpcf7-form input[type="checkbox"],
.wpcf7 .wpcf7-form input[type="radio"] {
margin-top: 0;
}
.wpcf7 .wpcf7-form .wpcf7-list-item {
margin: 3px 20px 0 0;
}
.wpcf7 .wpcf7-form .wpcf7-list-item:last-child {
margin-right: 0;
}
.wpcf7 .wpcf7-form .wpcf7-list-item label {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
color: #4e4d58;
}
.wpcf7 .wpcf7-form .wpcf7-list-item input[type="checkbox"]:first-child,
.wpcf7 .wpcf7-form .wpcf7-list-item input[type="radio"]:first-child {
margin-right: 4px;
}
.wpcf7 .wpcf7-form .wpcf7-list-item input[type="checkbox"]:last-child,
.wpcf7 .wpcf7-form .wpcf7-list-item input[type="radio"]:last-child {
margin-right: 0;
margin-left: 4px;
}
.wpcf7 .wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
margin: 2px 0;
}
.wpcf7 .wpcf7-form .wpcf7-spinner {
position: relative;
top: 7px;
background-color: #34343b;
opacity: 1;
}
.wpcf7 .wpcf7-form .wpcf7-spinner::before {
background-color: #ffffff;
}
.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
margin-top: 8px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.wpcf7 .wpcf7-form .wpcf7-response-output {
margin: 20px 0;
padding: 15px 20px;
border-radius: 6px;
}
.bwp-content .wp-block-contact-form-7-contact-form-selector {
margin: 20px 0;
}
/* screen reader text (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;
width: 1px;
word-wrap: normal !important;
overflow-wrap: normal !important;
}
/*
2.0 - Container with site content
---------------------------------------
*/
.bwp-site-content {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.bwp-hidden-main-nav-shown .bwp-site-content {
-webkit-transform: translateY(90px);
transform: translateY(90px);
}
.bwp-hidden-sidebar-shown .bwp-site-content {
-webkit-transform: translateX(-210px);
transform: translateX(-210px);
}
/* hover animation for links */
.bwp-hover-link-animation a {
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.2s ease-out, -webkit-transform 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.2s ease-out, transform 0.2s ease-out;
}
/* section separator (with gradient) */
.bwp-section-separator {
position: relative;
z-index: 10;
display: block;
margin: 0 auto;
width: 100%;
max-width: 1000px;
height: 2px;
background: #eaeaed;
}
.bwp-section-separator.bwp-gradient {
background: -webkit-linear-gradient(left, rgba(233,233,236,0.6) 0%, rgba(233,233,236,1) 50%, rgba(233,233,236,0.6) 100%);
background: -moz-linear-gradient(left, rgba(233,233,236,0.6) 0%, rgba(233,233,236,1) 50%, rgba(233,233,236,0.6) 100%);
background: linear-gradient(to right, rgba(233,233,236,0.6) 0%, rgba(233,233,236,1) 50%, rgba(233,233,236,0.6) 100%); /* #e9e9ec */
}
.bwp-section-separator::after {
content: '';
display: block;
position: absolute;
top: -4px;
left: 50%;
z-index: 20;
width: 10px;
height: 10px;
margin-left: -5px;
border-radius: 5px;
background-color: #eaeaed;
}
.bwp-singular .bwp-section-separator {
max-width: 1000px;
background: #efeff2;
}
.bwp-singular .bwp-section-separator.bwp-gradient {
background: -webkit-linear-gradient(left, rgba(238,238,241,0.6) 0%, rgba(238,238,241,1) 50%, rgba(238,238,241,0.6) 100%);
background: -moz-linear-gradient(left, rgba(238,238,241,0.6) 0%, rgba(238,238,241,1) 50%, rgba(238,238,241,0.6) 100%);
background: linear-gradient(to right, rgba(238,238,241,0.6) 0%, rgba(238,238,241,1) 50%, rgba(238,238,241,0.6) 100%); /* #eeeef1 */
}
.bwp-singular .bwp-section-separator::after {
background-color: #efeff2;
}
/*
3.0 - Site header
---------------------------------------
*/
.bwp-site-header-container {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 50px 0 0;
text-align: center;
overflow-wrap: break-word;
}
/*
4.0 - Logo (Main site logo)
---------------------------------------
*/
/* logo: text */
.bwp-logo-container.bwp-logo-text-container {
margin-top: -4px;
margin-bottom: -8px;
}
.bwp-logo-text {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
font-family: 'Alef', sans-serif;
font-size: 50px;
font-style: normal;
font-weight: 700;
letter-spacing: -1px;
line-height: 1;
color: #34343b;
}
.bwp-logo-text:hover,
.bwp-logo-text:focus {
color: #786fff;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
/* logo: image */
.custom-logo-link img {
max-width: 100%;
height: auto;
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.bwp-logo-image-container .custom-logo-link:hover img,
.bwp-logo-image-container .custom-logo-link:focus img {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
/* logo: no image */
.bwp-logo-container.bwp-no-logo-image {
margin: -6px auto;
width: 120px;
height: 50px;
background-color: #f3f3f5;
border-radius: 6px;
}
/*
5.0 - Site navigation
---------------------------------------
*/
/* main navigation (hidden container at the top of the page) */
.bwp-hidden-main-nav {
position: fixed;
top: -70px;
left: 50px;
z-index: 2010;
display: block;
width: calc(100% - 100px);
height: 70px;
background-color: #ffffff;
border-radius: 6px;
box-shadow: none;
visibility: hidden;
opacity: 0.8;
outline: none !important;
-webkit-transition: top 0.3s ease-out, box-shadow 0.3s ease-out, visibility 0.3s ease-out, opacity 0.3s ease-out;
transition: top 0.3s ease-out, box-shadow 0.3s ease-out, visibility 0.3s ease-out, opacity 0.3s ease-out;
}
.bwp-hidden-main-nav-shown .bwp-hidden-main-nav {
top: 20px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.1);
visibility: visible;
opacity: 1;
}
.admin-bar .bwp-hidden-main-nav {
top: -38px;
}
.admin-bar.bwp-hidden-main-nav-shown .bwp-hidden-main-nav {
top: 52px;
}
.bwp-main-nav-container {
height: 70px;
text-align: center;
}
.bwp-main-nav-container .bwp-central-block {
display: inline-block;
}
/* secondary navigation (visible container under the main logo) */
.bwp-secondary-nav {
margin: 50px 0 0;
position: relative;
z-index: 800;
}
.bwp-secondary-nav-container {
width: 100%;
max-width: 1000px;
height: 70px;
margin: 0 auto;
padding: 0 15px;
text-align: center;
background-color: #ffffff;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.1);
border-radius: 6px;
}
.bwp-singular .bwp-secondary-nav-container {
box-shadow: 0 10px 15px -7px rgba(15,14,21,0.1);
}
.bwp-secondary-nav-container .bwp-central-block {
display: inline-block;
}
/* hide secondary navigation if it has no content */
.bwp-hide-secondary-nav .bwp-secondary-nav {
display: none;
}
/* hidden navigation: logo */
.bwp-main-nav-logo {
position: absolute;
top: 0;
left: 0;
z-index: 10;
text-align: left;
}
/* logo: text */
.bwp-main-nav-logo-text {
display: inline-block;
padding-right: 5px;
padding-left: 30px;
white-space: nowrap;
font-family: 'Alef', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
letter-spacing: -0.5px;
line-height: 70px;
color: #4e4d58;
}
.bwp-main-nav-logo-text:hover,
.bwp-main-nav-logo-text:focus {
color: #786fff;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
/* logo: image */
.bwp-main-nav-logo-image {
display: inline-block;
padding-right: 5px;
padding-left: 30px;
line-height: 70px;
}
.bwp-main-nav-logo-image img {
max-width: 100%;
height: auto;
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.bwp-main-nav-logo-image:hover img,
.bwp-main-nav-logo-image:focus img {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
/* main menu: important styles (superfish menu, sf-menu) */
.sf-menu,
.sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 900;
}
.sf-menu li {
position: relative;
white-space: nowrap;
}
.sf-menu > li {
display: inline-block;
margin-left: -3px;
}
.sf-menu > li:first-child {
margin-left: 0;
}
.sf-menu li:hover > ul,
.sf-menu .sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
text-decoration: none;
outline: none;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
/* main menu styles (superfish menu) */
.sf-menu {
float: left;
text-align: left;
font-family: 'Poppins', sans-serif;
white-space: nowrap;
}
.sf-menu a {
padding: 0 10px;
height: 70px;
line-height: 70px;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
color: #4e4d58;
}
.sf-menu a:hover,
.sf-menu a:focus,
.sf-menu > li:hover > a,
.sf-menu > .current-menu-item > a,
.sf-menu > .current-menu-ancestor > a,
.sf-menu > .current-menu-ancestor > .sf-with-ul::after {
color: #786fff;
}
.sf-menu a i:first-child {
margin-right: 8px;
}
/* main menu: dropdown submenu */
.sf-menu ul {
min-width: 180px;
margin-left: 0;
padding: 15px;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.1);
}
.bwp-secondary-nav .sf-menu ul {
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.1);
}
.bwp-singular .bwp-secondary-nav .sf-menu ul {
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.14);
}
.sf-menu ul::before {
content: '';
position: absolute;
z-index: 900;
bottom: 100%;
left: 16px;
margin-bottom: -2px;
border: 8px solid transparent;
border-bottom: 8px solid #ffffff;
}
.sf-menu ul ul {
top: -15px;
margin-left: 7px;
}
.sf-menu ul ul::before {
display: none;
}
.sf-menu ul li a {
padding: 0 12px;
height: auto;
line-height: 32px;
text-align: right;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
color: #4e4d58;
}
.sf-menu ul li a:hover,
.sf-menu ul li a:focus,
.sf-menu ul > li:hover > a,
.sf-menu ul > .current-menu-item > a,
.sf-menu ul > .current-menu-ancestor > a,
.sf-menu ul > .current-menu-ancestor > .sf-with-ul::after {
color: #786fff;
text-align:right;
}
/* main menu: arrows for menu items */
.sf-arrows .sf-with-ul::after {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.sf-arrows .sf-with-ul::after {
font: var(--fa-font-solid); /* solid style */
content: "\f107"; /* icon: angle-down */
font-size: 11px;
padding-right: 6px;
}
/* dropdown submenu: arrows for submenu items */
.sf-arrows ul .sf-with-ul {
padding: 0 20px 0 12px;
}
.sf-arrows ul .sf-with-ul::after {
font: var(--fa-font-solid); /* solid style */
content: "\f105"; /* icon: angle-right */
font-size: 11px;
position: absolute;
top: 9px;
right: 4px;
padding-left: 0;
}
/* social links */
.bwp-social-links {
float: left;
padding-right: 5px;
padding-left: 5px;
}
.bwp-social-links .bwp-social-links-label {
display: none;
text-align: right !important;
}
.bwp-social-links a {
float: left;
height: 70px;
line-height: 70px;
margin-right: 3px;
padding: 0 5px;
font-size: 14px;
color: #4e4d58;
}
.bwp-social-links a:last-child {
margin-right: 0;
}
.bwp-social-links a:hover,
.bwp-social-links a:focus {
color: #786fff;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
/* subscribe */
.bwp-subscribe {
float: left;
}
.bwp-subscribe-link {
display: inline-block;
padding: 0 10px;
height: 70px;
line-height: 70px;
white-space: nowrap;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
color: #4e4d58;
}
.bwp-subscribe-link i {
margin-right: 8px;
font-size: 14px;
}
.bwp-subscribe-link:hover,
.bwp-subscribe-link:focus {
color: #786fff;
}
/* site navigation: separator */
.bwp-main-menu::before,
.bwp-social-links::before,
.bwp-subscribe::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #ebebee;
}
.bwp-main-menu::before {
margin: 0 9px 2px;
}
.bwp-social-links::before {
float: left;
margin: 31px 15px 0 5px;
}
.bwp-subscribe::before {
margin: 0 6px 2px 10px;
}
.bwp-main-nav-container .bwp-central-block > *:first-child::before,
.bwp-secondary-nav-container .bwp-central-block > *:first-child::before {
display: none;
}
/* hide main navigation (button) */
.bwp-hide-main-nav-button {
position: absolute;
top: 0;
right: 0;
z-index: 10;
padding-right: 35px;
padding-left: 30px;
height: 70px;
line-height: 70px;
font-size: 15px;
color: #4e4d58;
}
.bwp-hide-main-nav-button i {
position: relative;
top: 1px;
}
.bwp-hide-main-nav-button:hover,
.bwp-hide-main-nav-button:focus {
color: #786fff;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
/* main navigation overlay */
.bwp-hidden-main-nav-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 2000;
display: block;
width: 1px;
height: 100%;
background-color: #f2f2f3;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, width 0s ease-out 0.3s;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out, width 0s ease-out 0.3s;
}
.bwp-hidden-main-nav-shown .bwp-hidden-main-nav-overlay {
width: 100%; /* no animation */
opacity: 0.8;
visibility: visible;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, width 0s ease-out 0s;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out, width 0s ease-out 0s;
}
/*
6.0 - Mobile menu (menu button and dropdown container with mobile menu)
---------------------------------------
*/
/*
6.0 - Mobile menu (menu button and dropdown container with mobile menu)
---------------------------------------
*/
/* button: show/hide mobile menu */
.bwp-toggle-mobile-menu-button {
height: 70px;
line-height: 70px;
padding: 0 17px;
white-space: nowrap;
font-family: 'Poppins', sans-serif;
color: #4e4d58;
float: right; /* Changed to left */
}
.bwp-toggle-mobile-menu-button i {
margin-left: 0px; /* Changed to left */
margin-right: 0; /* Removed margin-right */
font-size: 16px;
}
.bwp-toggle-mobile-menu-button .bwp-button-text {
display:none !important;
}
.bwp-toggle-mobile-menu-button:hover,
.bwp-toggle-mobile-menu-button.bwp-active {
color: #786fff;
}
.bwp-toggle-mobile-menu-button .fa-xmark {
font-size: 18px;
margin-left: 9px; /* Changed to left */
margin-right: 0; /* Removed margin-right */
}
/* dropdown container with menu */
.bwp-dropdown-mobile-menu-container {
position: absolute;
top: 100%;
right: auto;
z-index: 900;
width: auto;
height: auto;
margin-top: 8px;
padding: 14px 30px;
background-color: #ffffff;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.12);
border-radius: 6px;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 1.5;
overflow-wrap: break-word;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: visibility 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
transition: visibility 0.15s ease-out, opacity 0.15s ease-out, transform 0.15s ease-out;
}
.bwp-dropdown-mobile-menu-container.bwp-visible {
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
transition: visibility 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.bwp-dropdown-mobile-menu-container::before {
content: '';
position: absolute;
z-index: 900;
bottom: 100%;
margin-bottom: -2px;
border: 8px solid transparent;
border-bottom: 8px solid #ffffff;
}
/* mobile menu links */
.bwp-mobile-menu {
margin: 0;
padding: 0;
width: 230px;
}
.bwp-mobile-menu li {
margin: 0;
border-top: 1px solid #efeff2;
}
.bwp-mobile-menu > li:first-of-type {
border-top: none;
}
.bwp-mobile-menu li a {
position: relative;
display: block;
padding: 12px 0;
text-decoration: none;
color: #4e4d58;
}
.bwp-mobile-menu li.menu-item-has-children > a {
padding-left: 50px; /* Changed to left */
padding-right: 0; /* Removed right */
text-align:right;
}
.bwp-mobile-menu li a:focus {
text-decoration: none;
color: #4e4d58;
}
.bwp-mobile-menu li a:hover,
.bwp-mobile-menu .current-menu-item > a {
text-decoration: none;
color: #786fff;
text-align:right;
}
.bwp-mobile-menu li a > i:first-child {
margin-left: 8px; /* Changed to left */
margin-right: 0; /* Removed right */
}
.bwp-mobile-menu ul {
display: none; /* hide all submenus */
list-style: none;
margin: 0;
padding: 0 0 0 15px;
}
.bwp-mobile-menu ul li a {
font-weight: 400;
}
/* mobile menu: arrow icon */
.bwp-toggle-mobile-submenu {
position: absolute;
top: 0;
left: 0; /* Changed to left */
right: auto; /* Removed right */
z-index: 2;
display: inline-block;
width: 43px;
height: 43px;
line-height: 43px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4e4d58;
-webkit-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.bwp-toggle-mobile-submenu:focus {
color: #4e4d58;
}
.bwp-toggle-mobile-submenu:hover {
color: #786fff;
}
.bwp-toggle-mobile-submenu::before {
content: '';
position: absolute;
top: 11px;
right: 0; /* Changed to right */
left: auto; /* Removed left */
z-index: 3;
display: block;
width: 1px;
height: 20px;
background-color: #ebebee;
}
/* styles for a link with an open submenu */
.bwp-mobile-menu li.bwp-submenu-visible > a .bwp-toggle-mobile-submenu {
color: #786fff;
}
/* mobile menu: subscribe link */
.bwp-mobile-menu-container .bwp-subscribe {
float: none;
width: 230px;
border-top: 1px solid #efeff2;
}
.bwp-mobile-menu-container .bwp-subscribe::before {
display: none;
}
.bwp-mobile-menu-container .bwp-subscribe-link {
display: block;
padding: 12px 0;
height: auto;
line-height: inherit;
white-space: normal;
}
.bwp-mobile-menu-container .bwp-subscribe-link i {
display: none;
}
/* mobile menu: search form */
.bwp-searchform-label,
.bwp-mobile-menu-container .bwp-searchform {
display: none;
}
.bwp-mobile-menu-container .bwp-searchform-label {
padding-top: 12px;
padding-bottom: 6px;
font-weight: 400;
border-top: 1px solid #efeff2;
}
.bwp-mobile-menu-container .bwp-searchform {
margin-top: 6px;
margin-bottom: 16px;
border: 1px solid #f8f8fa;
border-radius: 6px;
-webkit-transition: border-color 0.2s ease-out;
transition: border-color 0.2s ease-out;
}
.bwp-mobile-menu-container .bwp-searchform:hover,
.bwp-mobile-menu-container .bwp-searchform:focus {
border-color: #786fff;
}
.bwp-mobile-menu-container .bwp-searchform .bwp-search-field {
height: 44px;
padding: 0 14px 0 0; /* Adjust padding for RTL */
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
color: #4e4d58;
background: #f8f8fa;
border-radius: 6px 0 0 6px;
}
.bwp-mobile-menu-container .bwp-searchform .bwp-search-field::-webkit-input-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
.bwp-mobile-menu-container .bwp-searchform .bwp-search-field:-moz-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
.bwp-mobile-menu-container .bwp-searchform .bwp-search-field::-moz-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
.bwp-mobile-menu-container .bwp-searchform .bwp-search-field:-ms-input-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
.bwp-mobile-menu-container .bwp-searchform .bwp-search-submit {
width: 40px;
height: 44px;
line-height: 44px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4e4d58;
background: #f8f8fa;
border-radius: 0 6px 6px 0;
}
.bwp-mobile-menu-container .bwp-searchform .bwp-search-submit:hover,
.bwp-mobile-menu-container .bwp-searchform .bwp-search-submit:focus {
color: #786fff;
}
/* mobile menu: social links */
.bwp-mobile-menu-container .bwp-social-links {
float: none;
width: 230px;
padding: 0 16px 0 0; /* Adjust padding for RTL */
text-align: left; /* Changed to left */
}
.bwp-mobile-menu-container .bwp-social-links::before {
display: none;
}
.bwp-mobile-menu-container .bwp-social-links .bwp-social-links-label {
display: block;
padding-top: 12px;
padding-bottom: 6px;
font-weight: 400;
border-top: 1px solid #efeff2;
}
.bwp-mobile-menu-container .bwp-social-links a {
margin: 6px 0 0 6px; /* Adjust margin for RTL */
padding: 0;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
font-size: 14px;
color: #4e4d58;
background-color: #f8f8fa;
border-radius: 6px;
}
.bwp-mobile-menu-container .bwp-social-links a:hover,
.bwp-mobile-menu-container .bwp-social-links a:focus {
color: #ffffff;
background-color: #786fff;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/*
7.0 - Homepage carousel
---------------------------------------
*/
.bwp-carousel-section {
margin: -10px 0 0;
position: relative;
direction:ltr;
z-index: 1;
}
.bwp-hide-secondary-nav .bwp-carousel-section {
margin-top: 50px;
}
.bwp-carousel-container {
width: 100%;
max-width: 1120px;
margin: 0 auto;
padding: 0;
}
#bwp-homepage-carousel-wrapper {
position: relative;
height: 300px;
overflow: hidden;
background-color: #f3f3f5;
border-radius: 6px;
-webkit-transition: height 0.3s ease-out;
transition: height 0.3s ease-out;
}
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded {
overflow: visible;
background-color: transparent;
}
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 333px;
}
#bwp-homepage-carousel-wrapper > .tns-outer > .tns-ovh {
border-radius: 6px;
box-shadow: none;
background-color: #f3f3f5;
-webkit-transition: box-shadow 0.3s ease-out, background-color 0.8s ease-out;
transition: box-shadow 0.3s ease-out, background-color 0.8s ease-out;
}
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded > .tns-outer > .tns-ovh {
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
background-color: #f3f3f5;
}
/* carousel item (post) */
.bwp-homepage-carousel-item {
height: 300px;
position: relative;
overflow: hidden;
box-shadow: none;
-webkit-transition: box-shadow 0.6s ease-out;
transition: box-shadow 0.6s ease-out;
}
.bwp-carousel-loaded .bwp-homepage-carousel-item {
box-shadow: -10px 0 20px -10px rgba(15,14,21,0.2);
}
/* carousel item: background image */
.bwp-homepage-carousel-item-bg {
position: absolute;
top: 0;
left: 0;
z-index: 10;
opacity: 0;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-color: transparent;
-webkit-background-size: cover;
background-size: cover;
-webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.3s ease-out;
transition: opacity 0.6s ease-out, transform 0.3s ease-out;
}
.bwp-carousel-loaded .bwp-homepage-carousel-item-bg {
opacity: 1;
}
.bwp-homepage-carousel-item:hover .bwp-homepage-carousel-item-bg {
-webkit-transform: scale(1.06);
transform: scale(1.06);
}
/* carousel item: background color (post without image) */
.bwp-homepage-carousel-item-no-bg .bwp-homepage-carousel-item-bg-color {
background-color: #4e4d58;
}
/* carousel item: dark overlay */
.bwp-homepage-carousel-item-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 100%;
background-color: #1a1a1e;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
transition: visibility 0.3s ease-out, opacity 0.3s ease-out;
}
.bwp-carousel-loaded .bwp-homepage-carousel-item-overlay {
visibility: visible;
opacity: 0.25;
}
.bwp-homepage-carousel-item:hover .bwp-homepage-carousel-item-overlay {
opacity: 0.4;
}
/* carousel item: content */
.bwp-homepage-carousel-item-content {
position: absolute;
left: 0;
bottom: 0;
z-index: 30;
width: 100%;
padding: 35px 30px 25px;
text-align: center;
overflow-wrap: break-word;
opacity: 0;
background: -webkit-linear-gradient(top, rgba(26,26,30,0) 0%, rgba(26,26,30,0.35) 65%, rgba(26,26,30,0.55) 100%);
background: -moz-linear-gradient(top, rgba(26,26,30,0) 0%, rgba(26,26,30,0.35) 65%, rgba(26,26,30,0.55) 100%);
background: linear-gradient(to bottom, rgba(26,26,30,0) 0%, rgba(26,26,30,0.35) 65%, rgba(26,26,30,0.55) 100%);
-webkit-transition: opacity 0.6s ease-out;
transition: opacity 0.6s ease-out;
}
.bwp-carousel-loaded .bwp-homepage-carousel-item-content {
opacity: 1;
}
.bwp-homepage-carousel-item-text {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.bwp-homepage-carousel-item:hover .bwp-homepage-carousel-item-text {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
/* metadata (categories, date, and author) */
.bwp-homepage-carousel-post-metadata {
margin: 0 0 7px;
padding: 0;
}
.bwp-homepage-carousel-post-metadata li {
display: inline-block;
margin: 0 5px 3px;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.4px;
text-transform: uppercase;
line-height: 20px;
color: #f6f6f7;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.bwp-homepage-carousel-post-metadata li.bwp-date {
white-space: nowrap;
}
.bwp-homepage-carousel-post-metadata li::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 3px;
position: relative;
top: 1px;
}
.bwp-homepage-carousel-post-metadata li.bwp-categories::before {
font: var(--fa-font-regular); /* regular style */
content: "\f02e"; /* icon: bookmark */
font-size: 14px;
}
.bwp-homepage-carousel-post-metadata li.bwp-date::before {
font: var(--fa-font-regular); /* regular style */
content: "\f017"; /* icon: clock */
font-size: 14px;
}
.bwp-homepage-carousel-post-metadata li.bwp-author::before {
font: var(--fa-font-solid); /* solid style */
content: "\f5ac"; /* icon: pen-fancy */
margin-right: 1px;
font-size: 14px;
}
.bwp-homepage-carousel-post-metadata li a {
display: inline-block;
color: #f6f6f7;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-homepage-carousel-post-metadata li a:hover,
.bwp-homepage-carousel-post-metadata li a:focus {
color: #ffffff;
box-shadow: inset 0 -1px 0 0 #ffffff;
}
.bwp-homepage-carousel-post-metadata li.bwp-hidden {
display: none;
}
/* post title */
.bwp-homepage-carousel-post-title {
margin: 0;
font-size: 23px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 31px;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.bwp-homepage-carousel-post-title a {
color: #ffffff;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-homepage-carousel-post-title a:hover,
.bwp-homepage-carousel-post-title a:focus {
color: #ffffff;
box-shadow: inset 0 -1px 0 0 #ffffff;
}
/* navigation buttons (next and previous) */
.bwp-carousel-container .tns-controls {
position: absolute;
top: 15px;
left: 50%;
z-index: 40;
padding: 10px;
margin-left: -54px;
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: opacity 0.3s ease-out 0.15s, -webkit-transform 0.3s ease-out 0.15s;
transition: opacity 0.3s ease-out 0.15s, transform 0.3s ease-out 0.15s;
}
.bwp-carousel-container .tns-controls:focus {
outline: 1px dotted rgba(255,255,255,0.7);
outline-offset: -5px;
}
.bwp-hide-secondary-nav .bwp-carousel-container .tns-controls {
top: -10px;
padding-top: 0;
}
.bwp-carousel-container .bwp-carousel-loaded .tns-controls {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.bwp-carousel-container .tns-controls button {
position: relative;
margin: 0;
padding: 0;
cursor: pointer;
border: none;
outline: none;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
text-align: center;
width: 44px;
height: 44px;
line-height: 44px;
font-size: 13px;
color: #4e4d58;
background: #ffffff;
opacity: 1;
-webkit-transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, box-shadow 0.2s ease-out;
transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, box-shadow 0.2s ease-out;
}
.bwp-carousel-container .tns-controls button[data-controls="prev"] {
border-radius: 6px 0 0 6px;
box-shadow: -6px 6px 12px -4px rgba(15,14,21,0.08);
}
.bwp-carousel-container .tns-controls button[data-controls="next"] {
border-radius: 0 6px 6px 0;
box-shadow: 6px 6px 12px -4px rgba(15,14,21,0.08);
}
.bwp-carousel-container .tns-controls button[data-controls="next"]::before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 0;
z-index: 1;
width: 1px;
height: 22px;
background-color: #ebebee;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.bwp-carousel-container .tns-controls button:hover {
color: #ffffff;
background: #786fff;
}
.bwp-carousel-container .tns-controls button[data-controls="next"]:hover::before {
background-color: #786fff;
}
.bwp-carousel-container .tns-controls button[disabled] {
cursor: default;
opacity: 0.7;
box-shadow: none;
}
.bwp-carousel-container .tns-controls button[disabled]:hover {
color: #4e4d58;
background: #ffffff;
}
/* if rewind disabled */
.bwp-carousel-container.bwp-tns-rewind-disabled .tns-controls button[data-controls="next"]::before {
display: none;
}
/* pagination (dots) */
.bwp-carousel-container .tns-nav {
width: 100%;
margin-top: 18px;
margin-bottom: -5px;
text-align: center;
visibility: visible;
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: opacity 0.3s ease-out 0.3s, -webkit-transform 0.3s ease-out 0.3s;
transition: opacity 0.3s ease-out 0.3s, transform 0.3s ease-out 0.3s;
}
.bwp-carousel-container .bwp-carousel-loaded .tns-nav {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.bwp-carousel-container .tns-nav button {
display: inline-block;
margin: 0 5px;
padding: 0;
cursor: pointer;
border: none;
outline: none;
box-shadow: none;
width: 8px;
height: 8px;
background: #dbdadf;
border-radius: 4px;
opacity: 1;
-webkit-transition: background 0.2s ease-out, width 0.2s linear, box-shadow 0.2s ease-out;
transition: background 0.2s ease-out, width 0.2s linear, box-shadow 0.2s ease-out;
}
.bwp-carousel-container .tns-nav button.tns-nav-active,
.bwp-carousel-container .tns-nav button:hover {
background: #4e4d58;
opacity: 1;
}
.bwp-carousel-container .tns-nav button.tns-nav-active {
width: 16px;
}
.bwp-carousel-container .tns-nav button.tns-nav-active:focus {
box-shadow: 0 0 0 1px #faf9fb, 0 0 0 3px #4e4d58;
}
/* loading icon */
#bwp-homepage-carousel-loading-icon {
position: absolute;
top: 50%;
left: 0;
z-index: 2;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
margin-top: -20px;
font-size: 28px;
color: #4e4d58;
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
}
#bwp-homepage-carousel-loading-icon.bwp-hidden {
opacity: 0;
visibility: hidden;
}
#bwp-homepage-carousel-loading-icon i {
--fa-animation-duration: 1.2s;
}
/* fix: sliders flickering on safari */
.tns-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/*
8.0 - Latest posts
---------------------------------------
*/
.bwp-latest-posts-section {
margin: 40px 0 0;
}
.bwp-hide-secondary-nav.archive .bwp-latest-posts-section,
.bwp-hide-secondary-nav.search .bwp-latest-posts-section {
margin-top: 50px;
}
.bwp-latest-posts-container {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
/* separator */
.bwp-latest-posts-section > .bwp-section-separator:first-child {
display: none;
}
.bwp-hide-secondary-nav.archive .bwp-latest-posts-section > .bwp-section-separator:first-child,
.bwp-hide-secondary-nav.search .bwp-latest-posts-section > .bwp-section-separator:first-child {
display: block;
}
/* archive page: title and subtitle */
.bwp-archive-header {
margin: 45px auto 35px;
width: 100%;
max-width: 700px;
text-align: center;
overflow-wrap: break-word;
}
.bwp-archive-title {
margin: 0;
font-size: 29px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 1.3;
color: #34343b;
}
.bwp-archive-description {
margin: 15px auto 0;
max-width: 600px;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.75;
color: #4e4d58;
}
.bwp-archive-description p {
margin: 0 0 10px;
}
.bwp-archive-description p:last-child {
margin-bottom: 0;
}
/* category/tag page */
.bwp-archive-title .bwp-category-title-prefix {
margin-right: 6px;
}
.bwp-archive-title .bwp-tag-title-prefix {
margin-right: 0;
}
/* top bar: layout options and additional information */
#bwp-options-for-latest-posts {
height: 54px;
margin-bottom: 20px;
padding-top: 10px;
font-family: 'Poppins', sans-serif;
text-align: center;
display:none;
}
#bwp-options-for-latest-posts .bwp-central-block {
display: inline-block;
height: 44px;
padding-right: 14px;
padding-left: 14px;
background-color: #ffffff;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.1);
border-radius: 6px;
}
#bwp-options-for-latest-posts .bwp-separator {
display: block;
float: left;
margin: 18px 6px 0;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #ebebee;
}
#bwp-options-for-latest-posts .bwp-separator:last-child {
display: none;
}
/* page numbers */
.bwp-page-numbers {
float: left;
margin-top: 11px;
padding: 0 6px;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 22px;
color: #4e4d58;
}
/* layout options */
.bwp-layout-options {
float: left;
}
.bwp-layout-options-label {
float: left;
margin-top: 11px;
padding: 0 6px;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 22px;
color: #4e4d58;
}
.bwp-toggle-layout {
float: left;
height: 44px;
line-height: 44px;
padding: 0 6px;
font-size: 16px;
color: #9897a9;
-webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
transition: color 0.2s ease-out, transform 0.2s ease-out;
}
.bwp-toggle-layout:not(.bwp-active):hover,
.bwp-toggle-layout:not(.bwp-active):focus {
color: #786fff;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.bwp-toggle-layout.bwp-active {
color: #4e4d58;
cursor: default;
}
.bwp-toggle-layout.bwp-active:focus {
color: #786fff;
}
/* posts: masonry layout */
.bwp-posts {
margin-right: -20px;
margin-left: -20px;
}
.bwp-posts-wrapper {
overflow: hidden;
padding: 10px 20px 15px;
}
.bwp-post-wrapper {
position: relative;
padding: 0;
}
/* layout: 3 columns */
.bwp-col-3-layout {
margin-right: -30px;
}
.bwp-col-3-layout .bwp-masonry-item {
float: left;
}
.bwp-col-3-layout .bwp-post-wrapper {
margin-right: 30px;
margin-bottom: 40px;
}
.bwp-col-3-layout .bwp-col-size {
width: 33.33%; /* default size for columns (3 columns) */
}
.bwp-col-3 {
width: 33.33%; /* 3 columns */
}
.bwp-col-3.bwp-width-2x {
width: 66.66%; /* double width */
}
/* layout: 1 column */
.bwp-col-1-layout {
max-width: 730px;
margin: 0 auto;
}
.bwp-col-1-layout .bwp-masonry-item {
float: none;
}
.bwp-col-1-layout .bwp-post-wrapper {
margin-right: 0;
margin-bottom: 50px;
}
.bwp-col-1-layout .bwp-blog-post:last-child .bwp-post-wrapper {
margin-bottom: 40px;
}
.bwp-col-1-layout .bwp-col-size,
.bwp-col-1,
.bwp-col-1.bwp-width-2x {
width: 100%; /* standard width for one column */
}
/*
8.1 - Featured image
---------------------------------------
*/
.bwp-post-media {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
border-radius: 6px;
background-color: #f3f3f5;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
background-repeat: no-repeat;
background-size: cover;
}
/* img (featured image) */
.bwp-post-media img {
display: block;
height: auto;
margin: 0 auto;
border-radius: 0;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.bwp-post-media:hover img {
-webkit-transform: scale(1.06);
transform: scale(1.06);
}
/* featured image: dark overlay */
.bwp-post-media-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
border-radius: 6px;
background-color: #1a1a1e;
opacity: 0;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.bwp-post-media:hover .bwp-post-media-overlay {
opacity: 0.13;
}
.bwp-post-media a:focus .bwp-post-media-overlay {
opacity: 0.06;
}
/* hover icon */
.bwp-post-hover-icon {
position: absolute;
top: 10px;
right: 20px;
z-index: 30;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
opacity: 0;
-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.bwp-post-hover-icon.bwp-zoom-image {
right: 22px;
}
.bwp-post-media:hover .bwp-post-hover-icon,
.bwp-post-media a:focus .bwp-post-hover-icon {
opacity: 1;
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
/* post format icon */
.bwp-post-format-icon {
position: absolute;
top: 10px;
left: 10px;
z-index: 30;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.bwp-blog-post.format-audio .bwp-post-format-icon {
top: 9px;
font-size: 15px;
}
/* Layout: 1 Column */
/* img (featured image) */
.bwp-col-1-layout .bwp-post-media:hover img {
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
/* hover icon */
.bwp-col-1-layout .bwp-post-hover-icon {
top: 15px;
right: 25px;
width: 44px;
height: 44px;
line-height: 44px;
font-size: 16px;
}
.bwp-col-1-layout .bwp-post-hover-icon.bwp-zoom-image {
top: 15px;
right: 27px;
font-size: 18px;
}
.bwp-col-1-layout .bwp-blog-post.format-link .bwp-post-hover-icon {
font-size: 18px;
}
/* post format icon */
.bwp-col-1-layout .bwp-post-format-icon {
top: 15px;
left: 15px;
width: 44px;
height: 44px;
line-height: 44px;
font-size: 16px;
}
.bwp-col-1-layout .bwp-blog-post.format-audio .bwp-post-format-icon {
top: 14px;
font-size: 16px;
}
/*
8.2 - Slider with images (Gallery format; Tiny-slider)
---------------------------------------
*/
.bwp-post-media-slider {
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 6px;
background-color: #f3f3f5;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
}
.bwp-post-slider-item {
position: relative;
overflow: hidden;
}
/* img (slide image) */
.bwp-post-slider-item img {
display: block;
max-width: 100%;
width: auto;
height: auto;
margin: 0 auto;
border-radius: 0;
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.bwp-post-slider-item:hover img {
-webkit-transform: scale(1.06);
transform: scale(1.06);
}
/* slide image: dark overlay */
.bwp-post-slider-item:hover .bwp-post-media-overlay {
opacity: 0.13;
}
.bwp-post-slider-item a:focus .bwp-post-media-overlay {
opacity: 0.06;
}
/* hover icon */
.bwp-post-slider-item:hover .bwp-post-hover-icon,
.bwp-post-slider-item a:focus .bwp-post-hover-icon {
opacity: 1;
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
/* slider: navigation buttons (next and previous) */
.bwp-post-media-slider .tns-controls {
position: absolute;
top: 0;
left: 0;
z-index: 40;
padding: 10px;
}
.bwp-post-media-slider .tns-controls:focus {
outline: 1px dotted rgba(255,255,255,0.9);
outline-offset: -5px;
}
.bwp-post-media-slider .tns-controls button {
position: relative;
margin: 0;
padding: 0;
cursor: pointer;
border: none;
outline: none;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px;
color: #4e4d58;
background: #ffffff;
opacity: 1;
-webkit-transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, box-shadow 0.2s ease-out;
transition: color 0.2s ease-out, background 0.2s ease-out, opacity 0.2s ease-out, box-shadow 0.2s ease-out;
}
.bwp-post-media-slider .tns-controls button[data-controls="prev"] {
border-radius: 6px 0 0 6px;
box-shadow: -6px 6px 10px -4px rgba(15,14,21,0.08);
}
.bwp-post-media-slider .tns-controls button[data-controls="next"] {
border-radius: 0 6px 6px 0;
box-shadow: 6px 6px 10px -4px rgba(15,14,21,0.08);
}
.bwp-post-media-slider .tns-controls button[data-controls="next"]::before {
content: '';
display: block;
position: absolute;
top: 10px;
left: 0;
z-index: 1;
width: 1px;
height: 20px;
background-color: #ebebee;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.bwp-post-media-slider .tns-controls button:hover {
color: #ffffff;
background: #786fff;
}
.bwp-post-media-slider .tns-controls button[data-controls="next"]:hover::before {
background-color: #786fff;
}
.bwp-post-media-slider .tns-controls button[disabled] {
cursor: default;
opacity: 0.7;
box-shadow: none;
}
.bwp-post-media-slider .tns-controls button[disabled]:hover {
color: #4e4d58;
background: #ffffff;
}
/* if rewind disabled */
.bwp-post-media-slider.bwp-tns-rewind-disabled .tns-controls button[data-controls="next"]::before {
display: none;
}
/* Layout: 1 Column */
/* img (slide image) */
.bwp-col-1-layout .bwp-post-slider-item:hover img {
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
/* slider: navigation buttons (next and previous) */
.bwp-col-1-layout .bwp-post-media-slider .tns-controls {
padding: 15px;
}
.bwp-col-1-layout .bwp-post-media-slider .tns-controls:focus {
outline-offset: -10px;
}
.bwp-col-1-layout .bwp-post-media-slider .tns-controls button {
width: 44px;
height: 44px;
line-height: 44px;
font-size: 13px;
}
.bwp-col-1-layout .bwp-post-media-slider .tns-controls button[data-controls="prev"] {
box-shadow: -6px 6px 12px -4px rgba(15,14,21,0.08);
}
.bwp-col-1-layout .bwp-post-media-slider .tns-controls button[data-controls="next"] {
box-shadow: 6px 6px 12px -4px rgba(15,14,21,0.08);
}
.bwp-col-1-layout .bwp-post-media-slider .tns-controls button[data-controls="next"]::before {
height: 22px;
}
/*
8.3 - Video player (iframe; video format)
---------------------------------------
*/
.bwp-iframe-video-wrapper {
overflow: hidden;
height: 0;
padding-bottom: 56.25%;
position: relative;
z-index: 10;
border-radius: 6px;
box-shadow: none;
}
.bwp-iframe-video-wrapper iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: none !important;
}
/*
8.4 - Audio player (iframe; audio format)
---------------------------------------
*/
.bwp-iframe-audio-wrapper {
overflow: hidden;
border-radius: 6px;
box-shadow: none;
}
.bwp-iframe-audio-wrapper iframe {
display: block;
min-height: 160px;
width: 100%;
border: none !important;
}
/*
8.5 - Post content
---------------------------------------
*/
.bwp-post-content {
position: relative;
z-index: 2;
margin: -10px 10px 0;
padding: 30px 30px 35px;
overflow-wrap: break-word;
background-color: #ffffff;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.1);
border-radius: 6px;
}
.bwp-no-featured-media .bwp-post-content {
margin-top: 0 !important;
}
/* post header */
.bwp-post-header {
text-align: right;
}
/* metadata (dates, author, and categories) */
.bwp-post-metadata {
margin: 0 0 5px;
padding: 0;
}
.bwp-post-metadata li {
display: inline-block;
margin: 0 8px 3px 0;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
text-transform: uppercase;
line-height: 20px;
color: #9897a9;
}
.bwp-post-metadata li.bwp-date,
.bwp-post-metadata li.bwp-date-updated {
white-space: nowrap;
}
.bwp-post-metadata li.bwp-date a::before,
.bwp-post-metadata li.bwp-date-updated::before,
.bwp-post-metadata li.bwp-author a::before,
.bwp-post-metadata li.bwp-categories::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 3px;
position: relative;
top: 1px;
color: #9897a9;
opacity: 0.7;
}
.bwp-post-metadata li.bwp-date a::before {
font: var(--fa-font-regular); /* regular style */
content: "\f017"; /* icon: clock */
font-size: 14px;
}
.bwp-post-metadata li.bwp-date-updated::before {
font: var(--fa-font-solid); /* solid style */
content: "\f1da"; /* icon: clock-rotate-left */
font-size: 14px;
}
.bwp-post-metadata li.bwp-author a::before {
font: var(--fa-font-solid); /* solid style */
content: "\f5ac"; /* icon: pen-fancy */
margin-right: 2px;
font-size: 14px;
}
.bwp-post-metadata li.bwp-categories::before {
font: var(--fa-font-regular); /* regular style */
content: "\f02e"; /* icon: bookmark */
font-size: 14px;
}
.bwp-post-metadata li a {
display: inline-block;
color: #9897a9;
}
.bwp-post-metadata li a:hover,
.bwp-post-metadata li a:focus {
color: #786fff;
}
.bwp-post-metadata.bwp-hidden,
.bwp-post-metadata li.bwp-hidden {
display: none;
}
/* metadata: date and author */
.bwp-post-metadata li.bwp-date a .date,
.bwp-post-metadata li.bwp-author a .author {
display: inline-block;
box-shadow: inset 0 -1px 0 0 transparent;
-webkit-transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
}
.bwp-post-metadata li.bwp-date a:hover .date,
.bwp-post-metadata li.bwp-date a:focus .date,
.bwp-post-metadata li.bwp-author a:hover .author,
.bwp-post-metadata li.bwp-author a:focus .author {
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* metadata: categories */
.bwp-post-metadata li.bwp-categories a {
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-post-metadata li.bwp-categories a:hover,
.bwp-post-metadata li.bwp-categories a:focus {
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* title */
.bwp-post-title {
margin: 0 0 15px;
font-size: 20px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 29px;
color: #34343b;
}
.bwp-post-title a {
color: #34343b;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-post-title a:hover,
.bwp-post-title a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* excerpt */
.bwp-post-excerpt,
.bwp-post-excerpt.bwp-content {
text-align: right;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 25px;
color: #4e4d58;
text-align: right;
}
.bwp-post-excerpt > :last-child,
.bwp-post-excerpt.bwp-content > :nth-last-child(2) {
margin-bottom: 0 !important;
}
.bwp-post-excerpt a,
.bwp-post-excerpt a:hover,
.bwp-post-excerpt a:focus,
.bwp-content a,
.bwp-content a:hover,
.bwp-content a:focus {
text-decoration: none;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-post-excerpt.bwp-content p .more-link {
box-shadow: none !important;
}
.bwp-post-excerpt p,
.bwp-post-excerpt.bwp-content p {
margin: 0 0 10px;
}
/* links: read more and counters (number of views and number of comments) */
.bwp-post-links {
margin: 14px 0 0;
padding: 0;
}
.bwp-post-links li {
display: inline-block;
margin: 3px 0 0;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
text-transform: uppercase;
line-height: 20px;
color: #9897a9;
}
.bwp-post-links li a {
display: inline-block;
color: #9897a9;
}
.bwp-post-links li a:hover,
.bwp-post-links li a:focus {
color: #786fff;
}
.bwp-post-links li .bwp-separator {
display: inline-block;
margin: 0 4px 1px;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #ebebee;
}
.bwp-post-links li:last-child .bwp-separator {
display: none;
}
/* read more */
.bwp-post-links li.bwp-read-more a {
color: #9897a9;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-post-links li.bwp-read-more a:hover,
.bwp-post-links li.bwp-read-more a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* counters (number of views and number of comments) */
.bwp-post-links li.bwp-views-counter a,
.bwp-post-links li.bwp-comments-counter a {
white-space: nowrap;
}
.bwp-post-links li.bwp-views-counter a::before,
.bwp-post-links li.bwp-comments-counter a::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 3px;
position: relative;
top: 1px;
color: #9897a9;
opacity: 0.7;
}
.bwp-post-links li.bwp-views-counter a::before {
font: var(--fa-font-regular); /* regular style */
content: "\f06e"; /* icon: eye */
font-size: 14px;
}
.bwp-post-links li.bwp-comments-counter a::before {
font: var(--fa-font-regular); /* regular style */
content: "\f086"; /* icon: comments */
font-size: 14px;
}
.bwp-post-links li a .bwp-counter-number {
display: inline-block;
box-shadow: inset 0 -1px 0 0 transparent;
-webkit-transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
}
.bwp-post-links li a:hover .bwp-counter-number,
.bwp-post-links li a:focus .bwp-counter-number {
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* post has no title */
.bwp-post-has-no-title .bwp-post-metadata {
margin-bottom: 12px;
}
/* post format: link */
.bwp-blog-post.format-link .bwp-post-title::after {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid); /* solid style */
content: "\f35d"; /* icon: up-right-from-square */
font-size: 82%;
margin-left: 2px;
position: relative;
top: -1px;
}
/* post format: quote */
.bwp-blog-post.format-quote .bwp-post-title {
margin-bottom: 14px;
}
.bwp-blog-post.format-quote .bwp-post-excerpt.bwp-content blockquote:not(.wp-block-quote) {
padding: 0;
font-size: 20px;
line-height: 29px;
}
.bwp-blog-post.format-quote .bwp-post-excerpt.bwp-content blockquote:not(.wp-block-quote)::before {
top: -3px;
left: -15px;
font-size: 130px;
}
.bwp-blog-post.format-quote .bwp-post-excerpt.bwp-content blockquote:not(.wp-block-quote) cite {
margin-top: 10px;
font-size: 18px;
line-height: inherit;
text-align: left;
}
.bwp-blog-post.format-quote.bwp-post-has-no-title .bwp-post-metadata {
margin-bottom: 10px;
}
/* post format: status */
.bwp-blog-post.format-status .bwp-post-title {
margin-bottom: 14px;
}
.bwp-blog-post.format-status .bwp-post-excerpt.bwp-content {
font-size: 17px;
line-height: 27px;
}
.bwp-blog-post.format-status.bwp-post-has-no-title .bwp-post-metadata {
margin-bottom: 11px;
}
/* post format: chat */
.bwp-blog-post.format-chat .bwp-post-excerpt.bwp-content > p {
padding-right: 5px;
padding-left: 5px;
background-color: #f8f8fa;
border-radius: 6px;
}
/* sticky post: icon */
.bwp-post-sticky-mark {
display: none;
}
.sticky .bwp-post-sticky-mark {
display: block;
position: absolute;
top: -10px;
right: 10px;
z-index: 10;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #4e4d58;
background-color: #ffffff;
border-radius: 20px;
box-shadow: 0 8px 15px -4px rgba(15,14,21,0.12);
}
.sticky .bwp-post-sticky-mark i {
position: relative;
top: 1px;
}
/* Layout: 1 Column */
/* post content */
.bwp-col-1-layout .bwp-post-content {
margin-right: 15px;
margin-left: 15px;
padding: 40px 50px;
}
.bwp-col-1-layout .bwp-post-title {
font-size: 23px;
line-height: 31px;
}
.bwp-col-1-layout .bwp-post-links li .bwp-separator {
margin-right: 8px;
margin-left: 8px;
}
/* post format: quote */
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-post-excerpt.bwp-content blockquote:not(.wp-block-quote) {
font-size: 22px;
line-height: 31px;
}
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-post-links {
margin-top: 12px;
}
.bwp-col-1-layout .bwp-blog-post.format-quote.bwp-post-has-no-title .bwp-post-metadata {
margin-bottom: 12px;
}
/* post format: status */
.bwp-col-1-layout .bwp-blog-post.format-status .bwp-post-excerpt.bwp-content {
font-size: 20px;
line-height: 30px;
}
.bwp-col-1-layout .bwp-blog-post.format-status .bwp-post-links {
margin-top: 13px;
}
.bwp-col-1-layout .bwp-blog-post.format-status.bwp-post-has-no-title .bwp-post-metadata {
margin-bottom: 11px;
}
/* sticky post: icon */
.bwp-col-1-layout .sticky .bwp-post-sticky-mark {
width: 44px;
height: 44px;
line-height: 44px;
border-radius: 22px;
font-size: 16px;
}
/*
8.6 - "No results" message (content none)
---------------------------------------
*/
.bwp-no-results {
margin: 0 0 40px;
padding: 100px 40px;
background-color: #ffffff;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.1);
border-radius: 6px;
}
.bwp-no-results-content {
margin: 0 auto;
max-width: 510px;
text-align: center;
overflow-wrap: break-word;
}
.bwp-no-results-content h3 {
margin: 0 0 15px;
font-size: 23px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 1.35;
color: #34343b;
}
.bwp-no-results-content p {
margin: 0 0 15px;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.7;
color: #4e4d58;
}
.bwp-no-results-content a {
color: #4e4d58;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-no-results-content a:hover,
.bwp-no-results-content a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-no-results-content > :last-child {
margin-bottom: 0 !important;
}
/*
8.7 - Pagination (WordPress CSS Classes)
---------------------------------------
*/
.pagination {
display: block;
margin: -5px 0 50px;
padding: 0;
border-radius: 0;
font-family: 'Poppins', sans-serif;
}
.pagination .nav-links {
text-align: center;
}
.pagination .nav-links .page-numbers {
display: inline-block;
padding: 0 16px;
height: 44px;
line-height: 44px;
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
text-decoration: none;
color: #4e4d58;
}
.pagination .nav-links .page-numbers.dots {
padding-right: 4px;
padding-left: 4px;
}
.pagination .nav-links .page-numbers.current {
cursor: default;
padding-right: 17px;
padding-left: 17px;
color: #ffffff;
background-color: #786fff;
box-shadow: 0 8px 15px -8px rgba(15,14,21,0.2);
border-radius: 6px;
}
.pagination .nav-links a.page-numbers {
-webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
transition: color 0.2s ease-out, transform 0.2s ease-out;
}
.pagination .nav-links a.page-numbers:hover,
.pagination .nav-links a.page-numbers:focus {
color: #786fff;
text-decoration: none;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.pagination .nav-links .page-numbers.prev i,
.pagination .nav-links .page-numbers.next i {
font-size: 15px;
}
.pagination .nav-links .page-numbers.prev i {
margin-right: 4px;
}
.pagination .nav-links .page-numbers.next i {
margin-left: 4px;
}
/*
9.0 - Single page (single post and regular page)
---------------------------------------
*/
/* main container */
.bwp-single-post-section {
margin: -10px 0 0;
background-color: #ffffff;
box-shadow: 0 -6px 15px -15px rgba(15,14,21,0.04);
border-radius: 12px 12px 0 0;
}
.bwp-hide-secondary-nav .bwp-single-post-section {
margin-top: 50px;
box-shadow: 0 -12px 15px -15px rgba(15,14,21,0.04);
}
/* single post (article) */
.bwp-single-post-article {
margin: 0;
padding: 55px 0 30px;
width: 100%;
}
.bwp-single-post-article.bwp-post-has-no-title {
padding-top: 20px;
}
.bwp-hide-secondary-nav .bwp-single-post-article {
padding-top: 47px;
}
.bwp-hide-secondary-nav .bwp-single-post-article.bwp-post-has-no-title {
padding-top: 15px;
}
.bwp-content .bwp-single-post-article {
padding: 0 !important;
}
/* post header */
.bwp-single-post-header {
margin: 0 auto 33px;
padding: 0 20px;
width: 100%;
max-width: 840px;
text-align: center;
overflow-wrap: break-word;
}
/* title */
.bwp-single-post-title {
margin: 0;
font-size: 32px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 1.3;
color: #34343b;
}
/* metadata */
.bwp-single-post-metadata {
margin: 0 -5px 11px;
padding: 0;
}
.bwp-single-post-metadata li {
display: inline-block;
margin: 0 5px 4px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 20px;
color: #9897a9;
}
.bwp-single-post-metadata .bwp-metadata-label {
margin-right: 2px;
}
.bwp-single-post-metadata .bwp-metadata-label::before,
.bwp-single-post-metadata .bwp-views-counter::before,
.bwp-single-post-metadata .bwp-comments-counter a::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-left: 6px;
position: relative;
top: 1px;
color: #9897a9;
opacity: 0.7;
}
.bwp-single-post-metadata .bwp-date .bwp-metadata-label::before {
font: var(--fa-font-regular); /* regular style */
content: "\f017"; /* icon: clock */
font-size: 14px;
}
.bwp-single-post-metadata .bwp-date-updated .bwp-metadata-label::before {
font: var(--fa-font-solid); /* solid style */
content: "\f1da"; /* icon: clock-rotate-left */
font-size: 14px;
}
.bwp-single-post-metadata .bwp-author .bwp-metadata-label::before {
font: var(--fa-font-solid); /* solid style */
content: "\f5ac"; /* icon: pen-fancy */
font-size: 14px;
}
.bwp-single-post-metadata .bwp-views-counter::before {
font: var(--fa-font-regular); /* regular style */
content: "\f06e"; /* icon: eye */
font-size: 14px;
margin-right: 3px;
}
.bwp-single-post-metadata .bwp-comments-counter a::before {
font: var(--fa-font-regular); /* regular style */
content: "\f086"; /* icon: comments */
font-size: 14px;
}
.bwp-single-post-metadata li a {
display: inline-block;
color: #9897a9;
}
.bwp-single-post-metadata li a:hover,
.bwp-single-post-metadata li a:focus {
color: #786fff;
}
.bwp-single-post-metadata li:not(.bwp-comments-counter) a {
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-single-post-metadata li:not(.bwp-comments-counter) a:hover,
.bwp-single-post-metadata li:not(.bwp-comments-counter) a:focus {
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-single-post-metadata li.bwp-comments-counter .bwp-counter-number {
display: inline-block;
box-shadow: inset 0 -1px 0 0 transparent;
-webkit-transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
}
.bwp-single-post-metadata li.bwp-comments-counter a:hover .bwp-counter-number,
.bwp-single-post-metadata li.bwp-comments-counter a:focus .bwp-counter-number {
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-single-post-metadata.bwp-hidden,
.bwp-single-post-metadata li.bwp-hidden {
display: none;
}
/* container for featured image and other media */
.bwp-single-post-media-container {
margin: 40px auto;
padding: 0 20px;
width: 100%;
max-width: 1040px;
}
/* featured image */
.bwp-single-post-article .bwp-post-media {
background-color: #f8f8fa;
}
.bwp-single-post-article .bwp-post-media:hover img {
-webkit-transform: none;
transform: none;
}
.bwp-single-post-article .bwp-post-media:hover a img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
/* slider with images (gallery format) */
.bwp-single-post-article .bwp-post-media-slider {
background-color: #f8f8fa;
}
.bwp-single-post-article .bwp-post-slider-item:hover img {
-webkit-transform: none;
transform: none;
}
.bwp-single-post-article .bwp-post-slider-item:hover a img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls {
left: 50%;
margin-left: -64px;
padding: 20px;
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls:focus {
outline-offset: -15px;
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls button {
width: 44px;
height: 44px;
line-height: 44px;
font-size: 13px;
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls button[data-controls="prev"] {
box-shadow: -6px 6px 12px -4px rgba(15,14,21,0.08);
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls button[data-controls="next"] {
box-shadow: 6px 6px 12px -4px rgba(15,14,21,0.08);
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls button[data-controls="next"]::before {
height: 22px;
}
/* image caption */
.bwp-post-image-caption {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
width: 100%;
height: auto;
max-height: 70%;
margin: 0;
padding: 30px 15px 15px;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.4px;
line-height: 1.55;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
border-radius: 0 0 6px 6px;
overflow-wrap: break-word;
overflow-y: auto;
overflow-x: hidden;
background: rgba(26,26,30,0.3);
background: -webkit-linear-gradient(top, rgba(26,26,30,0) 0%, rgba(26,26,30,0.35) 65%, rgba(26,26,30,0.55) 100%);
background: -moz-linear-gradient(top, rgba(26,26,30,0) 0%, rgba(26,26,30,0.35) 65%, rgba(26,26,30,0.55) 100%);
background: linear-gradient(to bottom, rgba(26,26,30,0) 0%, rgba(26,26,30,0.35) 65%, rgba(26,26,30,0.55) 100%);
}
/* content */
.bwp-single-post-content {
margin: 0 auto;
padding: 0 20px;
width: 100%;
max-width: 840px;
display: flex;
justify-content: space-between;
}
.bwp-content {
font-size: 18px !important;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.7;
overflow-wrap: break-word;
color: #4e4d58;
}
.bwp-content p {
margin: 20px 0;
}
/* content: metadata */
.bwp-single-post-content .bwp-single-post-metadata {
margin: 31px 0;
padding-top: 4px;
text-align: left;
}
.bwp-single-post-content .bwp-single-post-metadata li {
margin: 0 10px 3px 0;
}
/* content: quote format */
.bwp-single-post-article.format-quote .bwp-single-post-content .bwp-single-post-metadata {
margin-bottom: 29px;
}
/* content: status format */
.bwp-single-post-article.format-status .bwp-single-post-content .bwp-single-post-metadata {
margin-bottom: 29px;
}
.bwp-single-post-article.format-status .bwp-content {
font-size: 23px;
line-height: 1.65;
}
/* content: chat format */
.bwp-single-post-article.format-chat .bwp-content > p {
padding-right: 5px;
padding-left: 5px;
background-color: #f8f8fa;
border-radius: 6px;
}
/* taxonomies (categories and tags) */
.bwp-single-post-taxonomies {
margin: 0 0 17px -2px;
padding: 15px 0 0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 20px;
color: #9897a9;
text-align: right;
}
.bwp-single-post-taxonomies > div {
margin-right: 12px;
display: inline;
}
.bwp-single-post-taxonomies > div:last-child {
margin-right: 0;
}
.bwp-single-post-taxonomies .bwp-taxonomy-label {
padding-left: 3px;
}
.bwp-single-post-taxonomies .bwp-taxonomy-label::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 6px;
position: relative;
top: 1px;
opacity: 0.7;
}
.bwp-single-post-taxonomies .bwp-single-post-categories .bwp-taxonomy-label::before {
font: var(--fa-font-regular); /* regular style */
content: "\f02e"; /* icon: bookmark */
font-size: 14px;
}
.bwp-single-post-taxonomies .bwp-single-post-tags .bwp-taxonomy-label::before {
font: var(--fa-font-solid); /* solid style */
content: "\23"; /* icon: hashtag */
font-size: 14px;
margin-right: 4px;
}
.bwp-single-post-taxonomies a {
display: inline-block;
margin-bottom: 3px;
margin-left: 2px;
color: #9897a9;
box-shadow: inset 0 -1px 0 0 transparent;
white-space: nowrap;
}
.bwp-single-post-taxonomies a:hover,
.bwp-single-post-taxonomies a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-single-post-taxonomies > div a:first-of-type {
margin-left: 2px;
}
.bwp-single-post-taxonomies .bwp-single-post-tags a::before {
content: '#';
margin-right: 1px;
}
/*
9.1 - WordPress content styles: TinyMCE editor (Classic editor)
---------------------------------------
*/
/* alignment */
.alignleft {
float: left;
margin: 0 30px 20px 0;
}
.alignright {
float: right;
margin: 0 0 20px 30px;
}
.aligncenter {
clear: both;
display: block;
margin: 20px auto;
}
.alignnone {
display: block;
margin: 20px 0;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
/* h1 - h6 */
.bwp-content h1,
.bwp-content h2,
.bwp-content h3,
.bwp-content h4,
.bwp-content h5,
.bwp-content h6 {
margin: 35px 0 20px;
}
/* ul, ol */
.bwp-content ul,
.comment-content ul {
list-style-type: disc;
}
.bwp-content ul,
.bwp-content ol,
.comment-content ul,
.comment-content ol {
margin: 20px 0;
padding: 0 0 0 40px;
}
.bwp-content ul ol,
.bwp-content ul ul,
.bwp-content ol ul,
.bwp-content ol ol,
.comment-content ul ol,
.comment-content ul ul,
.comment-content ol ul,
.comment-content ol ol {
margin: 4px 0;
padding: 0 0 0 29px;
}
/* table */
.bwp-content table {
margin: 20px 0;
}
.bwp-content table td,
.comment-content table td,
.bwp-content table th,
.comment-content table th {
padding: 10px 15px;
border: 1px solid #efeff2;
}
.bwp-content table th,
.comment-content table th {
font-weight: 700;
}
/* iframe */
.bwp-content iframe,
.comment-content iframe {
border-radius: 6px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
}
/* image */
.bwp-content img,
.comment-content img {
border-radius: 6px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
}
/* image with caption */
.wp-caption {
max-width: 100%;
margin-bottom: 20px;
padding: 0;
}
.wp-caption img {
border: none;
margin: 0;
padding: 0;
max-width: 100%;
height: auto;
}
.wp-caption .wp-caption-text {
margin: 0;
padding: 15px 5px 0;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.55;
}
/* page with attached image */
.bwp-content > .attachment:last-of-type {
margin: 0 0 25px;
}
/* gallery with images */
.gallery {
margin: 0 -10px -20px;
padding: 0;
}
.gallery .gallery-item {
display: inline-block;
overflow: hidden;
vertical-align: top;
margin: 0 0 20px;
padding: 0 10px;
}
.gallery .gallery-item .gallery-caption {
margin: 0;
padding: 10px 10px 5px 0;
text-align: left;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.55;
}
.gallery.gallery-columns-7 .gallery-item .gallery-caption,
.gallery.gallery-columns-8 .gallery-item .gallery-caption,
.gallery.gallery-columns-9 .gallery-item .gallery-caption {
display: none;
}
.gallery .gallery-icon a {
display: block;
box-shadow: none !important;
}
.gallery .gallery-icon img {
display: block;
margin: 0;
padding: 0;
max-width: 100%;
height: auto;
border: none !important;
}
.gallery.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.3333336%;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.6666667%;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.2857143%;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.1111111%;
}
/* twitter tweet */
.twitter-tweet {
margin-top: 0 !important;
margin-bottom: 20px !important;
}
/* audio and video player */
.bwp-body .wp-audio-shortcode,
.bwp-body .wp-video {
margin: 20px 0;
border-radius: 6px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
}
.bwp-body .mejs-container,
.bwp-body .mejs-container .mejs-controls,
.bwp-body .mejs-embed,
.bwp-body .mejs-embed body,
.bwp-body .wp-video video {
border-radius: 6px;
}
.bwp-body .wp-video {
width: 100% !important;
}
.bwp-body .mejs-controls a {
box-shadow: none !important;
}
.bwp-body .mejs-controls button:hover {
background-color: transparent !important;
}
/* player with playlist */
.bwp-body .wp-playlist {
margin: 20px 0;
padding: 40px 40px 30px;
font-size: 15px;
line-height: 1.7;
color: #4e4d58;
background: #ffffff;
border: 1px solid #efeff2;
border-radius: 6px;
}
.bwp-body .wp-playlist a {
text-decoration: none !important;
box-shadow: none !important;
}
/* playlist: current item */
.wp-playlist .wp-playlist-current-item {
margin: 0 0 20px;
}
.wp-playlist .wp-playlist-current-item img {
margin-right: 15px !important;
box-shadow: none;
border-radius: 0;
}
.wp-playlist .wp-playlist-current-item .wp-playlist-item-title {
font-size: 15px;
font-weight: 700;
line-height: 1.7;
color: #34343b;
}
.wp-playlist .wp-playlist-current-item .wp-playlist-item-album {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
color: #9897a9;
}
.wp-playlist .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 13px;
text-transform: none;
font-style: normal;
font-weight: 400;
line-height: 1.5;
color: #9897a9;
}
/* playlist: tracks */
.wp-playlist .wp-playlist-tracks {
margin-top: 10px;
}
.wp-playlist .wp-playlist-tracks .wp-playlist-item {
padding: 10px 0;
border-bottom: 1px solid #efeff2;
}
.wp-playlist .wp-playlist-tracks .wp-playlist-item:last-child {
border-bottom: none;
}
.wp-playlist .wp-playlist-item a,
.wp-playlist .wp-playlist-item a:focus {
color: #4e4d58;
}
.wp-playlist .wp-playlist-item a:hover {
color: #786fff;
}
.wp-playlist .wp-playlist-item.wp-playlist-playing {
font-weight: 700;
color: #34343b;
background: #ffffff;
}
.wp-playlist .wp-playlist-item.wp-playlist-playing a,
.wp-playlist .wp-playlist-item.wp-playlist-playing a:hover,
.wp-playlist .wp-playlist-item.wp-playlist-playing a:focus {
color: #34343b;
}
.wp-playlist .wp-playlist-item .wp-playlist-item-title {
font-size: 15px;
line-height: 1.7;
}
.wp-playlist .wp-playlist-item .wp-playlist-item-artist {
font-size: 13px;
font-weight: 400;
text-transform: none;
color: #9897a9;
}
.wp-playlist .wp-playlist-item .wp-playlist-item-length {
top: 11px;
font-size: 13px;
line-height: 1.7;
color: #4e4d58;
}
/* comment content: change indents for text elements (decrease from 20 pixels to 15 pixels) */
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.comment-content p,
.comment-content dl,
.comment-content dl dd,
.comment-content address,
.comment-content pre,
.comment-content blockquote,
.comment-content ul,
.comment-content ol,
.comment-content table {
margin: 0 0 15px;
}
.comment-content blockquote cite {
margin-top: 15px;
}
/* comment content: links */
.comment-content a {
text-decoration: none;
color: #4e4d58;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.comment-content a:hover,
.comment-content a:focus {
text-decoration: none;
color: #786fff;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/* password entry form */
.bwp-content .post-password-form {
margin: 0 0 25px;
padding: 45px 50px;
background-color: #f8f8fa;
border-radius: 6px;
}
.bwp-content .post-password-form > p:first-child {
margin-top: 0;
}
.bwp-content .post-password-form > p:last-child {
margin: 0 0 6px;
}
.bwp-content .post-password-form label {
margin: 0;
padding: 1px 0 0;
width: 260px;
color: #34343b;
}
.bwp-content .post-password-form input[type="password"] {
margin: 6px 0 0;
background: #ffffff;
}
.bwp-content .post-password-form input[type="submit"] {
margin: 0 0 0 7px;
height: 43px;
line-height: 43px;
}
/* single page: pagination */
.bwp-content .bwp-single-post-pagination {
margin: 35px 0 20px;
padding: 0;
}
.bwp-page-article .bwp-content .bwp-single-post-pagination {
margin: 20px 0;
}
.bwp-content .bwp-single-post-pagination > span:first-child {
float: left;
margin-top: 7px;
}
.bwp-content .bwp-single-post-pagination > span:nth-child(2) {
margin-left: 10px;
}
.bwp-content .bwp-single-post-pagination > a:nth-child(2) {
margin-left: 2px;
}
.bwp-content .bwp-single-post-pagination a {
box-shadow: none;
}
.bwp-content .bwp-single-post-pagination a:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.bwp-content .bwp-single-post-pagination a:hover,
.bwp-content .bwp-single-post-pagination a:focus {
color: #786fff;
box-shadow: none;
}
.bwp-content .bwp-single-post-pagination .post-page-numbers {
display: block;
float: left;
padding: 0 12px;
height: 40px;
line-height: 40px;
font-size: 15px;
font-style: normal;
font-weight: 400;
}
.bwp-content .bwp-single-post-pagination .post-page-numbers.current {
cursor: default;
padding: 0 14px;
color: #ffffff;
background-color: #786fff;
box-shadow: none;
border-radius: 6px;
}
/*
9.2 - WordPress content styles: Block editor
---------------------------------------
*/
/* "wide" and "full" blocks */
.bwp-content .alignwide {
width: 125%;
max-width: 125%;
margin: 40px -12.5% !important;
}
.bwp-content .alignfull {
width: 100vw;
max-width: 100vw;
margin-top: 40px !important;
margin-bottom: 40px !important;
margin-left: calc(50% - 50vw) !important;
}
/* block has background */
.bwp-content .has-background {
padding: 40px;
border-radius: 6px;
}
/* theme colors: text */
.bwp-body .bwp-content .has-black-color {
color: #000000;
}
.bwp-body .bwp-content .has-light-gray-color {
color: #8f8f9c;
}
.bwp-body .bwp-content .has-white-color {
color: #ffffff;
}
.bwp-body .bwp-content .has-green-color {
color: #6fff80;
}
.bwp-body .bwp-content .has-blue-color {
color: #6f6fff;
}
.bwp-body .bwp-content .has-purple-color {
color: #ff6ff6;
}
.bwp-body .bwp-content .has-red-color {
color: #ff6f89;
}
.bwp-body .bwp-content .has-orange-color {
color: #ffb06f;
}
.bwp-body .bwp-content .has-yellow-color {
color: #fffb6f;
}
/* theme colors: background */
.bwp-body .bwp-content .has-black-background-color {
background-color: #000000;
}
.bwp-body .bwp-content .has-light-gray-background-color {
background-color: #8f8f9c;
}
.bwp-body .bwp-content .has-white-background-color {
background-color: #ffffff;
}
.bwp-body .bwp-content .has-green-background-color {
background-color: #6fff80;
}
.bwp-body .bwp-content .has-blue-background-color {
background-color: #6f6fff;
}
.bwp-body .bwp-content .has-purple-background-color {
background-color: #ff6ff6;
}
.bwp-body .bwp-content .has-red-background-color {
background-color: #ff6f89;
}
.bwp-body .bwp-content .has-orange-background-color {
background-color: #ffb06f;
}
.bwp-body .bwp-content .has-yellow-background-color {
background-color: #fffb6f;
}
/* theme colors: border colors */
.bwp-body .bwp-content .has-black-border-color {
border-color: #000000;
}
.bwp-body .bwp-content .has-light-gray-border-color {
border-color: #8f8f9c;
}
.bwp-body .bwp-content .has-white-border-color {
border-color: #ffffff;
}
.bwp-body .bwp-content .has-green-border-color {
border-color: #6fff80;
}
.bwp-body .bwp-content .has-blue-border-color {
border-color: #6f6fff;
}
.bwp-body .bwp-content .has-purple-border-color {
border-color: #ff6ff6;
}
.bwp-body .bwp-content .has-red-border-color {
border-color: #ff6f89;
}
.bwp-body .bwp-content .has-orange-border-color {
border-color: #ffb06f;
}
.bwp-body .bwp-content .has-yellow-border-color {
border-color: #fffb6f;
}
/* text sizes */
.bwp-body .bwp-content .has-small-font-size {
font-size: 13px;
line-height: 1.8;
}
.bwp-body .bwp-content .has-normal-font-size {
font-size: 16px;
}
.bwp-body .bwp-content .has-medium-font-size {
font-size: 20px;
}
.bwp-body .bwp-content .has-large-font-size {
font-size: 36px;
line-height: 1.4;
}
.bwp-body .bwp-content .has-huge-font-size,
.bwp-body .bwp-content .has-larger-font-size,
.bwp-body .bwp-content .has-x-large-font-size {
font-size: 42px;
line-height: 1.3;
}
/* text alignment */
.bwp-body .bwp-content .has-text-align-left {
text-align: left;
}
.bwp-body .bwp-content .has-text-align-center {
text-align: center;
}
.bwp-body .bwp-content .has-text-align-right {
text-align: right;
}
/* drop cap */
.bwp-content .has-drop-cap::first-letter {
float: left;
margin: 10px 14px 0 0;
font-size: 82px;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
line-height: .68;
color: #4e4d58;
}
/* link */
.bwp-content .has-text-color a,
.bwp-content .has-text-color a:hover,
.bwp-content .has-text-color a:focus {
color: inherit;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-content figure > a,
.bwp-content figure > a:hover,
.bwp-content figure > a:focus {
box-shadow: none;
}
/*
9.2.1 - Block: Heading
---------------------------------------
*/
/* alignment: full */
.bwp-content h1.alignfull,
.bwp-content h2.alignfull,
.bwp-content h3.alignfull,
.bwp-content h4.alignfull,
.bwp-content h5.alignfull,
.bwp-content h6.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.2.2 - Block: List
---------------------------------------
*/
/* block has background */
.bwp-content ul.has-background,
.bwp-content ol.has-background {
padding-left: 58px;
}
/*
9.2.3 - Block: Quote
---------------------------------------
*/
.bwp-content .wp-block-quote,
.bwp-content .wp-block-quote > * {
font-family: 'Lora', serif;
}
/* style: default */
.bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 0 0 36px;
border-left: 4px solid #efeff2;
font-size: 20px;
font-style: normal;
line-height: 1.6;
}
.bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain)::before {
display: none;
}
.bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) p {
font-size: 20px;
font-style: normal;
line-height: 1.6;
}
.bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) cite,
.bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) footer {
display: block;
margin-top: 20px;
font-size: 17px;
font-style: normal;
line-height: 1.6;
text-align: left;
color: inherit;
}
/* text alignment (style: default) */
/* center */
.bwp-content .wp-block-quote.has-text-align-center:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0;
border-left: none;
}
.bwp-content .wp-block-quote.has-text-align-center:not(.is-large):not(.is-style-large):not(.is-style-plain) cite,
.bwp-content .wp-block-quote.has-text-align-center:not(.is-large):not(.is-style-large):not(.is-style-plain) footer {
text-align: center;
}
/* right */
.bwp-content .wp-block-quote.has-text-align-right:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 36px 0 0;
border-left: none;
border-right: 4px solid #efeff2;
}
.bwp-content .wp-block-quote.has-text-align-right:not(.is-large):not(.is-style-large):not(.is-style-plain) cite,
.bwp-content .wp-block-quote.has-text-align-right:not(.is-large):not(.is-style-large):not(.is-style-plain) footer {
text-align: right;
}
/* styles: large (style not available in editor) and plain (WordPress 5.9+) */
.bwp-content .wp-block-quote.is-large,
.bwp-content .wp-block-quote.is-style-large,
.bwp-content .wp-block-quote.is-style-plain {
border: none;
margin: 20px 0;
padding: 0 0 0 40px;
font-size: 24px;
font-style: italic;
line-height: 1.45;
}
.bwp-content .wp-block-quote.is-large p,
.bwp-content .wp-block-quote.is-style-large p,
.bwp-content .wp-block-quote.is-style-plain p {
font-size: 24px;
font-style: italic;
line-height: 1.45;
}
.bwp-content .wp-block-quote.is-large::before,
.bwp-content .wp-block-quote.is-style-large::before,
.bwp-content .wp-block-quote.is-style-plain::before {
top: -5px;
left: -1px;
}
.bwp-content .wp-block-quote.is-large cite,
.bwp-content .wp-block-quote.is-large footer,
.bwp-content .wp-block-quote.is-style-large cite,
.bwp-content .wp-block-quote.is-style-large footer,
.bwp-content .wp-block-quote.is-style-plain cite,
.bwp-content .wp-block-quote.is-style-plain footer {
display: block;
margin-top: 20px;
font-size: 20px;
font-style: italic;
line-height: inherit;
text-align: left;
color: inherit;
}
/* text alignment (style: large) */
/* center */
.bwp-content .wp-block-quote.is-large.has-text-align-center,
.bwp-content .wp-block-quote.is-style-large.has-text-align-center,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-center {
padding: 0;
}
.bwp-content .wp-block-quote.is-large.has-text-align-center::before,
.bwp-content .wp-block-quote.is-style-large.has-text-align-center::before,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-center::before {
display: none;
}
.bwp-content .wp-block-quote.is-large.has-text-align-center cite,
.bwp-content .wp-block-quote.is-large.has-text-align-center footer,
.bwp-content .wp-block-quote.is-style-large.has-text-align-center cite,
.bwp-content .wp-block-quote.is-style-large.has-text-align-center footer,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-center cite,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-center footer {
text-align: center;
}
/* right */
.bwp-content .wp-block-quote.is-large.has-text-align-right,
.bwp-content .wp-block-quote.is-style-large.has-text-align-right,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-right {
padding: 0 40px 0 0;
}
.bwp-content .wp-block-quote.is-large.has-text-align-right::before,
.bwp-content .wp-block-quote.is-style-large.has-text-align-right::before,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-right::before {
top: -5px;
right: -1px;
left: auto;
content: '\201d';
}
.bwp-content .wp-block-quote.is-large.has-text-align-right cite,
.bwp-content .wp-block-quote.is-large.has-text-align-right footer,
.bwp-content .wp-block-quote.is-style-large.has-text-align-right cite,
.bwp-content .wp-block-quote.is-style-large.has-text-align-right footer,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-right cite,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-right footer {
text-align: right;
}
/* Styles for quote format: */
/* blog layout: 3 columns */
/* style: default */
.bwp-blog-post.format-quote .bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 0 0 26px;
}
.bwp-blog-post.format-quote .bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) cite,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) footer {
margin-top: 10px;
}
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.has-text-align-center:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0;
}
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.has-text-align-right:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 26px 0 0;
}
/* styles: large and plain */
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain {
margin-top: 0;
padding: 0;
font-size: 20px;
}
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large p,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large p,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain p {
font-size: 20px;
}
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large::before,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large::before,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain::before {
top: -3px;
left: -15px;
font-size: 130px;
}
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large cite,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large footer,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large cite,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large footer,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain cite,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain footer {
margin-top: 10px;
font-size: 18px;
}
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large.has-text-align-right::before,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large.has-text-align-right::before,
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain.has-text-align-right::before {
top: -3px;
right: -15px;
left: auto;
}
/* blog layout: 1 column */
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large p,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large p,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain p {
font-size: 22px;
line-height: 1.4;
}
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large cite,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large footer,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large cite,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large footer,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain cite,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain footer {
line-height: 1.45;
}
/*
9.2.4 - Block: Pullquote
---------------------------------------
*/
.bwp-content .wp-block-pullquote {
margin: 20px 0;
}
.bwp-content .wp-block-pullquote blockquote {
margin: 0;
padding: 0;
border: none;
font-style: normal;
line-height: 1.6;
}
.bwp-content .wp-block-pullquote blockquote,
.bwp-content .wp-block-pullquote blockquote > * {
font-family: 'Open Sans', sans-serif;
}
.bwp-content .wp-block-pullquote blockquote::before {
display: none;
}
.bwp-content .wp-block-pullquote cite {
color: inherit;
}
/* style: default */
.bwp-content .wp-block-pullquote {
padding: 40px 0;
text-align: center;
border: none;
border-top: 4px solid #efeff2;
border-bottom: 4px solid #efeff2;
}
.bwp-content .wp-block-pullquote blockquote {
max-width: 90%;
margin: 0 auto;
}
.bwp-content .wp-block-pullquote p,
.bwp-content .wp-block-pullquote blockquote p {
margin: 0 0 20px;
font-size: 22px;
font-style: normal;
line-height: 1.55;
}
.bwp-content .wp-block-pullquote cite,
.bwp-content .wp-block-pullquote footer {
margin: 20px 0 0;
text-align: inherit;
font-size: 15px;
font-style: normal;
line-height: inherit;
text-transform: uppercase;
}
/* style: solid color */
.bwp-content .wp-block-pullquote.is-style-solid-color {
padding: 40px 0;
text-align: left;
border: none;
border-radius: 6px;
}
.bwp-content .wp-block-pullquote.is-style-solid-color.has-background {
padding: 40px 0;
border-radius: 6px;
}
.bwp-content .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 70%;
margin: 0 auto;
}
.bwp-content .wp-block-pullquote.is-style-solid-color p,
.bwp-content .wp-block-pullquote.is-style-solid-color blockquote p {
margin: 0 0 20px;
font-size: 26px;
font-style: normal;
line-height: 1.4;
}
.bwp-content .wp-block-pullquote.is-style-solid-color cite,
.bwp-content .wp-block-pullquote.is-style-solid-color footer {
margin: 20px 0 0;
text-align: inherit;
font-size: 16px;
font-style: normal;
line-height: inherit;
text-transform: none;
}
/* block alignment */
.bwp-content .wp-block-pullquote.alignleft,
.bwp-content .wp-block-pullquote.alignright {
max-width: 350px;
margin-top: 0;
}
.bwp-content .wp-block-pullquote.alignleft {
margin-right: 30px;
}
.bwp-content .wp-block-pullquote.alignright {
margin-left: 30px;
}
/* style: default */
.bwp-content .wp-block-pullquote.alignleft blockquote,
.bwp-content .wp-block-pullquote.alignright blockquote {
max-width: 85%;
}
.bwp-content .wp-block-pullquote.alignleft p,
.bwp-content .wp-block-pullquote.alignleft blockquote p,
.bwp-content .wp-block-pullquote.alignright p,
.bwp-content .wp-block-pullquote.alignright blockquote p {
font-size: 20px;
line-height: 1.55;
}
/* style: solid color */
.bwp-content .wp-block-pullquote.is-style-solid-color.alignleft,
.bwp-content .wp-block-pullquote.is-style-solid-color.alignright,
.bwp-content .wp-block-pullquote.is-style-solid-color.has-background.alignleft,
.bwp-content .wp-block-pullquote.is-style-solid-color.has-background.alignright {
padding-right: 30px;
padding-left: 30px;
}
.bwp-content .wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.bwp-content .wp-block-pullquote.is-style-solid-color.alignright blockquote {
max-width: 100%;
}
.bwp-content .wp-block-pullquote.is-style-solid-color.alignleft p,
.bwp-content .wp-block-pullquote.is-style-solid-color.alignright p,
.bwp-content .wp-block-pullquote.is-style-solid-color.alignleft blockquote p,
.bwp-content .wp-block-pullquote.is-style-solid-color.alignright blockquote p {
font-size: 20px;
line-height: 1.55;
}
/* block with background */
.bwp-content .wp-block-pullquote.has-background {
padding: 40px 0;
}
/* text alignment */
.bwp-content .wp-block-pullquote.has-text-align-left,
.bwp-content .wp-block-pullquote.has-text-align-right {
max-width: 100%;
}
.bwp-content .wp-block-pullquote.has-text-align-left {
text-align: left;
}
.bwp-content .wp-block-pullquote.has-text-align-right {
text-align: right;
}
.bwp-content .wp-block-pullquote.has-text-align-center {
text-align: center;
}
.bwp-content .wp-block-pullquote.has-text-align-left.alignleft,
.bwp-content .wp-block-pullquote.has-text-align-right.alignleft,
.bwp-content .wp-block-pullquote.has-text-align-left.alignright,
.bwp-content .wp-block-pullquote.has-text-align-right.alignright {
max-width: 350px;
}
.bwp-content .wp-block-pullquote.has-text-align-left.alignwide,
.bwp-content .wp-block-pullquote.has-text-align-right.alignwide {
max-width: 125%;
}
.bwp-content .wp-block-pullquote.has-text-align-left.alignfull,
.bwp-content .wp-block-pullquote.has-text-align-right.alignfull {
max-width: 100vw;
}
/*
9.2.5 - Block: Code
---------------------------------------
*/
.bwp-content .wp-block-code code {
display: block;
padding: 0;
font-family: inherit;
font-size: inherit;
background: none;
border-radius: 0;
overflow-wrap: break-word;
white-space: pre-wrap;
color: inherit;
}
/*
9.2.6 - Block: Preformatted
---------------------------------------
*/
.bwp-content .wp-block-preformatted {
padding: 0;
white-space: pre-wrap;
word-break: normal;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 15px;
line-height: 1.7;
background: none;
border: none;
border-radius: 0;
}
.bwp-content .wp-block-preformatted.has-background {
padding: 40px;
border-radius: 6px;
}
/*
9.2.7 - Block: Verse
---------------------------------------
*/
.bwp-content .wp-block-verse {
padding: 0;
overflow: visible;
white-space: pre-wrap;
word-break: normal;
font-family: inherit;
font-size: 15px;
font-style: normal;
line-height: 1.7;
background: none;
border: none;
border-radius: 0;
color: inherit;
}
.bwp-content .wp-block-verse code,
.bwp-content .wp-block-verse kbd {
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.bwp-content .wp-block-verse.has-background {
padding: 40px;
border-radius: 6px;
}
/*
9.2.8 - Block: Table
---------------------------------------
*/
/* table style: default */
.bwp-content .wp-block-table {
margin: 0 0 20px;
overflow-x: auto;
}
.bwp-content .wp-block-table table {
width: 100%;
margin: 0;
border-collapse: collapse;
}
.bwp-content .wp-block-table thead {
border-bottom: 4px solid #efeff2;
}
.bwp-content .wp-block-table tfoot {
border-top: 4px solid #efeff2;
}
.bwp-content .wp-block-table td,
.bwp-content .wp-block-table th {
word-break: normal;
}
.bwp-content .wp-block-table th {
text-align: left;
}
.bwp-content .wp-block-table th.has-text-align-center {
text-align: center;
}
.bwp-content .wp-block-table th.has-text-align-right {
text-align: right;
}
/* table style: stripes */
.bwp-content .wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: collapse;
background-color: transparent;
border: none;
}
.bwp-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f8f8fa;
}
.bwp-content .wp-block-table.is-style-stripes td,
.bwp-content .wp-block-table.is-style-stripes th {
border: none;
border-right: 1px solid #efeff2;
}
.bwp-content .wp-block-table.is-style-stripes tr td:last-child,
.bwp-content .wp-block-table.is-style-stripes tr th:last-child {
border-right: none;
}
/* table with background */
.bwp-content .wp-block-table .has-background {
padding: 0;
border-radius: 0;
}
.bwp-content .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) {
background-color: #ffffff;
}
/* background 1 */
.bwp-content .wp-block-table .has-subtle-light-gray-background-color thead,
.bwp-content .wp-block-table .has-subtle-light-gray-background-color tfoot,
.bwp-content .wp-block-table .has-subtle-light-gray-background-color td,
.bwp-content .wp-block-table .has-subtle-light-gray-background-color th {
border-color: #e3e5e7;
}
/* background 2 */
.bwp-content .wp-block-table .has-subtle-pale-green-background-color thead,
.bwp-content .wp-block-table .has-subtle-pale-green-background-color tfoot,
.bwp-content .wp-block-table .has-subtle-pale-green-background-color td,
.bwp-content .wp-block-table .has-subtle-pale-green-background-color th {
border-color: #c7ecbf;
}
/* background 3 */
.bwp-content .wp-block-table .has-subtle-pale-blue-background-color thead,
.bwp-content .wp-block-table .has-subtle-pale-blue-background-color tfoot,
.bwp-content .wp-block-table .has-subtle-pale-blue-background-color td,
.bwp-content .wp-block-table .has-subtle-pale-blue-background-color th {
border-color: #cadfec;
}
/* background 4 */
.bwp-content .wp-block-table .has-subtle-pale-pink-background-color thead,
.bwp-content .wp-block-table .has-subtle-pale-pink-background-color tfoot,
.bwp-content .wp-block-table .has-subtle-pale-pink-background-color td,
.bwp-content .wp-block-table .has-subtle-pale-pink-background-color th {
border-color: #eedbd9;
}
/* table: caption */
.bwp-content .wp-block-table figcaption {
margin: 0;
padding: 15px 5px 0;
text-align: center;
font-size: 13px;
font-style: normal;
line-height: 1.55;
}
/* table: alignment */
.bwp-content .wp-block-table.aligncenter,
.bwp-content .wp-block-table.alignleft,
.bwp-content .wp-block-table.alignright {
display: table;
width: auto;
}
.bwp-content .wp-block-table.aligncenter {
margin-right: auto;
margin-left: auto;
}
.bwp-content .wp-block-table.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-table.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-table.aligncenter td,
.bwp-content .wp-block-table.aligncenter th,
.bwp-content .wp-block-table.alignleft td,
.bwp-content .wp-block-table.alignleft th,
.bwp-content .wp-block-table.alignright td,
.bwp-content .wp-block-table.alignright th {
word-break: break-word;
}
/*
9.2.9 - Block: Image
---------------------------------------
*/
.bwp-content .wp-block-image {
margin: 0 0 20px;
}
.bwp-content .wp-block-image img {
max-width: 100%;
}
.bwp-content .wp-block-image:not(.is-style-rounded) img {
border-radius: 6px;
}
.bwp-content .wp-block-image figcaption {
margin: 0;
padding: 15px 5px 0;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.55;
}
/* block alignment */
.bwp-content .wp-block-image .alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-image .alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-image .aligncenter {
margin: 20px auto;
text-align: center;
}
/* lightbox */
.bwp-content .wp-lightbox-container button,
.bwp-content .wp-lightbox-container .lightbox-trigger {
top: 15px !important;
right: 15px !important;
}
.bwp-body .wp-lightbox-overlay.zoom.active {
outline: none;
}
.bwp-body .wp-lightbox-overlay .wp-block-image:not(.is-style-rounded) img {
border-radius: 6px;
}
.bwp-body .wp-lightbox-overlay .close-button {
top: 0;
}
/*
9.2.10 - Block: Gallery
---------------------------------------
*/
.bwp-content .wp-block-gallery {
margin: 0 0 20px;
}
.bwp-content .wp-block-gallery ul {
list-style: none;
margin: 0 0 -15px;
padding: 0;
}
.bwp-content .wp-block-gallery ul li {
list-style-type: none;
}
.bwp-content .wp-block-gallery .blocks-gallery-grid figcaption,
.bwp-content .wp-block-gallery figure.wp-block-image figcaption {
margin: 0;
padding: 15px 10px 10px;
max-height: 70%;
text-align: center;
font-size: 13px;
letter-spacing: 0.2px;
line-height: 1.55;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
background: rgba(26,26,30,0.3);
background: -webkit-linear-gradient(top, rgba(26,26,30,0) 0%, rgba(26,26,30,0.35) 65%, rgba(26,26,30,0.55) 100%);
background: -moz-linear-gradient(top, rgba(26,26,30,0) 0%, rgba(26,26,30,0.35) 65%, rgba(26,26,30,0.55) 100%);
background: linear-gradient(to bottom, rgba(26,26,30,0) 0%, rgba(26,26,30,0.35) 65%, rgba(26,26,30,0.55) 100%);
border-radius: 0 0 6px 6px;
overflow-wrap: break-word;
overflow-x: hidden;
}
.bwp-content .wp-block-gallery .blocks-gallery-caption {
margin: 0;
padding: 15px 5px 0;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.55;
}
.bwp-content .wp-block-gallery.has-nested-images .blocks-gallery-caption {
margin-top: -1px;
padding-top: 0;
}
/* hide captions for a large number of columns */
.bwp-content .wp-block-gallery.columns-5:not(.alignfull) .blocks-gallery-grid figcaption,
.bwp-content .wp-block-gallery.columns-6:not(.alignfull) .blocks-gallery-grid figcaption,
.bwp-content .wp-block-gallery.columns-7 .blocks-gallery-grid figcaption,
.bwp-content .wp-block-gallery.columns-8 .blocks-gallery-grid figcaption,
.bwp-content .wp-block-gallery.columns-5:not(.alignfull) figure.wp-block-image figcaption,
.bwp-content .wp-block-gallery.columns-6:not(.alignfull) figure.wp-block-image figcaption,
.bwp-content .wp-block-gallery.columns-7 figure.wp-block-image figcaption,
.bwp-content .wp-block-gallery.columns-8 figure.wp-block-image figcaption {
display: none;
}
/* block alignment */
.bwp-content .wp-block-gallery.alignleft,
.bwp-content .wp-block-gallery.alignright {
max-width: 420px;
width: 100%;
}
.bwp-content .wp-block-gallery.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-gallery.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-gallery.alignfull .blocks-gallery-grid figcaption,
.bwp-content .wp-block-gallery.alignfull figure.wp-block-image figcaption {
padding-right: 25px;
padding-left: 25px;
}
.bwp-content .wp-block-gallery.aligncenter figure.wp-block-image img {
margin-right: auto;
margin-left: auto;
}
/* WordPress 6+ */
.wp-block-gallery {
--wp--style--gallery-gap-default: 16px;
}
/*
9.2.11 - Block: Audio
---------------------------------------
*/
.bwp-content .wp-block-audio {
margin: 0 0 20px;
}
.bwp-content .wp-block-audio audio {
min-width: 385px;
margin-bottom: -7px;
}
.bwp-content .wp-block-audio figcaption {
margin: 0;
padding: 15px 5px 0;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.55;
}
/* block alignment */
.bwp-content .wp-block-audio.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-audio.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-audio.aligncenter {
margin-right: auto;
margin-left: auto;
}
/*
9.2.12 - Block: Video
---------------------------------------
*/
.bwp-content .wp-block-video {
margin: 0 0 20px;
}
.bwp-content .wp-block-video video {
margin-bottom: 0;
border-radius: 6px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
}
.bwp-content .wp-block-video figcaption {
margin: 0;
padding: 15px 5px 0;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.55;
}
/* block alignment */
.bwp-content .wp-block-video.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-video.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-video.aligncenter {
margin-right: auto;
margin-left: auto;
}
.bwp-content .wp-block-video.alignleft video,
.bwp-content .wp-block-video.alignright video {
width: 100%;
max-width: 385px;
}
/*
9.2.13 - Block: Cover
---------------------------------------
*/
.bwp-content .wp-block-cover,
.bwp-content .wp-block-cover-image {
margin: 0 0 20px;
padding: 40px 40px 20px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
color: #ffffff;
}
.bwp-content .wp-block-cover:not(.has-parallax),
.bwp-content .wp-block-cover-image:not(.has-parallax),
.bwp-content .wp-block-cover:not(.has-parallax)::before,
.bwp-content .wp-block-cover-image:not(.has-parallax)::before,
.bwp-content .wp-block-cover:not(.has-parallax) .wp-block-cover__background,
.bwp-content .wp-block-cover-image:not(.has-parallax) .wp-block-cover__background,
.bwp-content .wp-block-cover:not(.has-parallax) img.wp-block-cover__image-background,
.bwp-content .wp-block-cover:not(.has-parallax) video.wp-block-cover__video-background,
.bwp-content .wp-block-cover-image:not(.has-parallax) img.wp-block-cover__image-background,
.bwp-content .wp-block-cover-image:not(.has-parallax) video.wp-block-cover__video-background {
border-radius: 6px;
}
.bwp-content .wp-block-cover img,
.bwp-content .wp-block-cover-image img,
.bwp-content .wp-block-cover video,
.bwp-content .wp-block-cover-image video {
box-shadow: none;
}
.bwp-content .wp-block-cover .wp-block-cover__inner-container > :first-child,
.bwp-content .wp-block-cover-image .wp-block-cover__inner-container > :first-child {
margin-top: 0 !important;
}
.bwp-content .wp-block-cover .wp-block-cover__inner-container,
.bwp-content .wp-block-cover-image .wp-block-cover__inner-container {
max-width: 800px;
color: #ffffff;
}
/* text inside a block */
.bwp-content .wp-block-cover-image .wp-block-cover-image-text,
.bwp-content .wp-block-cover .wp-block-cover-text,
.bwp-content section.wp-block-cover-image > h2 {
font-size: 36px;
line-height: 1.4;
max-width: 800px;
margin: 0 0 20px;
padding: 0;
}
.bwp-content .wp-block-cover a,
.bwp-content .wp-block-cover-image a,
.bwp-content .wp-block-cover a:hover,
.bwp-content .wp-block-cover-image a:hover,
.bwp-content .wp-block-cover a:focus,
.bwp-content .wp-block-cover-image a:focus {
color: inherit;
}
/* block alignment */
.bwp-content .wp-block-cover.alignleft,
.bwp-content .wp-block-cover.alignright,
.bwp-content .wp-block-cover-image.alignleft,
.bwp-content .wp-block-cover-image.alignright {
width: 100%;
max-width: 385px;
}
.bwp-content .wp-block-cover.alignleft,
.bwp-content .wp-block-cover-image.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-cover.alignright,
.bwp-content .wp-block-cover-image.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-cover.aligncenter,
.bwp-content .wp-block-cover-image.aligncenter {
margin-right: auto;
margin-left: auto;
}
/*
9.2.14 - Block: File
---------------------------------------
*/
.bwp-content .wp-block-file {
margin: 0 0 20px;
}
.bwp-content .wp-block-file a:not(.wp-block-file__button) {
margin-right: 0;
font-size: 15px;
}
.bwp-content .wp-block-file a.wp-block-file__button {
text-decoration: none;
display: inline-block;
margin: 0 0 0 20px;
padding: 7px 15px 8px 15px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
color: #ffffff;
background: #34343b;
border-radius: 6px;
box-shadow: none;
-webkit-transition: color 0.2s ease-out, background 0.2s ease-out;
transition: color 0.2s ease-out, background 0.2s ease-out;
}
.bwp-content .wp-block-file a.wp-block-file__button:active,
.bwp-content .wp-block-file a.wp-block-file__button:focus,
.bwp-content .wp-block-file a.wp-block-file__button:hover {
color: #ffffff;
background: #786fff;
opacity: 1;
text-decoration: none;
box-shadow: none;
}
.bwp-content .wp-block-file a.wp-block-file__button:visited {
color: #ffffff;
background: #4e4d58;
opacity: 1;
text-decoration: none;
box-shadow: none;
}
/* block alignment */
.bwp-content .wp-block-file.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-file.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-file.aligncenter {
text-align: center;
margin-right: auto;
margin-left: auto;
}
.bwp-content .wp-block-file.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.2.15 - Block: Media and Text
---------------------------------------
*/
.bwp-content .wp-block-media-text {
margin: 0 0 20px;
}
.bwp-content .wp-block-media-text.is-image-fill .wp-block-media-text__media {
border-radius: 6px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
}
.bwp-content .wp-block-media-text.is-image-fill .wp-block-media-text__media img,
.bwp-content .wp-block-media-text.is-image-fill .wp-block-media-text__media video {
border-radius: 0;
box-shadow: none;
}
.bwp-content .wp-block-media-text .wp-block-media-text__content > :first-child {
margin-top: 20px;
}
.bwp-content .wp-block-media-text.has-text-color .wp-block-media-text__content > * {
color: inherit;
}
.bwp-content .wp-block-media-text.has-background.is-image-fill .wp-block-media-text__media,
.bwp-content .wp-block-media-text.has-background:not(.is-image-fill) .wp-block-media-text__media img,
.bwp-content .wp-block-media-text.has-background:not(.is-image-fill) .wp-block-media-text__media video {
box-shadow: none;
}
/*
9.2.16 - Block: Buttons
---------------------------------------
*/
/* single button */
.bwp-content .wp-block-button {
margin-bottom: 20px;
}
/* buttons */
.bwp-content .wp-block-buttons {
margin: 0 0 20px;
}
.bwp-content .wp-block-buttons > .wp-block-button {
margin: 10px 10px 10px 0 !important;
}
.bwp-content .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
margin-right: 0 !important;
}
.bwp-content .wp-block-button__link {
border: none;
box-shadow: none !important;
text-decoration: none !important;
display: inline-block;
padding: 15px 20px;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 1.3;
color: #ffffff;
background-color: #34343b;
border-radius: 9999px;
}
.bwp-content .wp-block-button__link.has-background {
padding: 15px 20px;
border-radius: 9999px;
}
.bwp-content .wp-block-button.no-border-radius,
.bwp-content .wp-block-button__link.no-border-radius,
.bwp-content .no-border-radius > .wp-block-button__link {
border-radius: 0 !important;
}
/* button style: outline */
.bwp-content .wp-block-button .wp-block-button__link.is-style-outline,
.bwp-content .wp-block-button.is-style-outline > .wp-block-button__link {
padding: 15px 20px;
}
.bwp-content .is-style-outline > .wp-block-button__link:not(.has-background),
.bwp-content .wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent;
}
.bwp-content .is-style-outline > .wp-block-button__link:not(.has-text-color),
.bwp-content .wp-block-button__link.is-style-outline:not(.has-text-color) {
color: #4e4d58;
}
.bwp-content .is-style-outline > .wp-block-button__link,
.bwp-content .wp-block-button__link.is-style-outline {
border: 1px solid currentColor;
}
/* button style: squared */
.bwp-content .wp-block-button.is-style-squared,
.bwp-content .wp-block-button.is-style-squared .wp-block-button__link,
.bwp-content .wp-block-button__link.wp-block-button.is-style-squared,
.bwp-content .is-style-squared > .wp-block-button__link,
.bwp-content .wp-block-button__link.is-style-squared {
border-radius: 0 !important;
}
/* block alignment */
.bwp-content .wp-block-buttons.is-vertical > .wp-block-button,
.bwp-content .wp-block-buttons.is-content-justification-center > .wp-block-button:last-child,
.bwp-content .wp-block-buttons.is-content-justification-right > .wp-block-button:last-child {
margin-right: 0 !important;
}
.bwp-content .wp-block-buttons.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.2.17 - Block: Columns
---------------------------------------
*/
.bwp-content .wp-block-columns {
margin: 20px 0;
}
.bwp-content .wp-block-columns.has-background {
padding-top: 20px;
padding-bottom: 20px;
}
/* block alignment */
.bwp-content .wp-block-columns.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.2.18 - Block: Group
---------------------------------------
*/
.bwp-content .wp-block-group {
margin-top: 20px;
margin-bottom: 20px;
}
.bwp-content .wp-block-group.has-background {
padding-top: 20px;
padding-bottom: 20px;
}
.bwp-content .wp-block-group > *:not(.wp-block-group__inner-container) {
margin-top: 20px;
}
/*
9.2.19 - Block: Separator
---------------------------------------
*/
.bwp-content .wp-block-separator {
margin-top: 40px;
margin-bottom: 40px;
border: none;
border-bottom: 4px solid #efeff2;
opacity: 1;
}
/* separator style: default */
.bwp-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
margin-right: auto;
margin-left: auto;
}
.bwp-content .wp-block-separator.alignwide:not(.is-style-wide):not(.is-style-dots),
.bwp-content .wp-block-separator.alignfull:not(.is-style-wide):not(.is-style-dots) {
margin-right: auto !important;
margin-left: auto !important;
}
/* separator style: wide line */
.bwp-content .wp-block-separator.is-style-wide {
border-bottom-width: 2px;
}
/* separator style: dots */
.bwp-content .wp-block-separator.is-style-dots {
margin-top: 30px;
margin-bottom: 29px;
background: none !important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto;
}
.bwp-content .wp-block-separator.is-style-dots::before {
font-size: 24px;
font-weight: 700;
color: inherit;
}
/* separator with background color */
.bwp-content .wp-block-separator.has-background {
padding: 0;
border-radius: 0;
}
.bwp-content .wp-block-separator.has-background:not(.is-style-dots) {
border: none;
height: 2px;
}
.bwp-content .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 4px;
}
/*
9.2.20 - Block: Spacer
---------------------------------------
*/
.bwp-content .wp-block-spacer {
margin-top: 0;
margin-bottom: 20px;
}
/*
9.2.21 - Block: Archives
---------------------------------------
*/
.bwp-content .wp-block-archives-list {
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.bwp-content .wp-block-archives-list li {
margin-bottom: 6px;
font-size: 11px;
font-weight: 500;
color: #9897a9;
}
.bwp-content .wp-block-archives-list li:last-child {
margin-bottom: 0;
}
.bwp-content .wp-block-archives-list li::before {
content: '-';
margin-right: 5px;
font-size: 15px;
font-weight: 400;
color: #4e4d58;
}
.bwp-content .wp-block-archives-list li a {
margin-right: 2px;
font-size: 15px;
font-weight: 400;
text-decoration: none;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-content .wp-block-archives-list li a:hover,
.bwp-content .wp-block-archives-list li a:focus {
text-decoration: none;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/* dropdown list */
.bwp-content .wp-block-archives-dropdown {
margin-top: 0;
margin-bottom: 20px;
}
/* block alignment */
.bwp-content .wp-block-archives-list.alignleft,
.bwp-content .wp-block-archives-dropdown.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-archives-list.alignright,
.bwp-content .wp-block-archives-dropdown.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-archives-list.aligncenter {
text-align: center;
}
.bwp-content .wp-block-archives-list.aligncenter li::before {
display: none;
}
.bwp-content .wp-block-archives-dropdown.alignleft,
.bwp-content .wp-block-archives-dropdown.alignright {
width: 385px;
}
.bwp-content .wp-block-archives-list.alignfull,
.bwp-content .wp-block-archives-dropdown.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.2.22 - Block: Calendar
---------------------------------------
*/
.bwp-content .wp-block-calendar {
margin-top: 0;
margin-bottom: 20px;
}
.bwp-content .wp-block-calendar table {
max-width: 100%;
width: 100%;
margin: 0;
line-height: 1.5;
caption-side: top;
}
/* caption (month) */
.bwp-content .wp-block-calendar table caption {
text-align: left;
font-weight: 500;
border-bottom: 2px solid #efeff2;
color: #9897a9;
}
/* thead (days of the week) */
.bwp-content .wp-block-calendar table thead th {
color: #4e4d58;
background: inherit;
border: none;
}
/* tbody (days) */
.bwp-content .wp-block-calendar table tbody td {
color: #4e4d58;
border: none;
}
/* prev/next links */
.bwp-content .wp-block-calendar .wp-calendar-nav {
margin: 11px 0 0;
border-top: 2px solid #efeff2;
}
.bwp-content .wp-block-calendar .wp-calendar-nav::after {
content: '';
display: table;
clear: both;
}
.bwp-content .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev {
float: left;
text-align: left;
}
.bwp-content .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next {
float: right;
text-align: right;
}
.bwp-content .wp-block-calendar .wp-calendar-nav a {
display: inline-block;
padding: 8px 0 2px;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
box-shadow: inset 0 -1px 0 0 transparent;
color: #9897a9;
}
.bwp-content .wp-block-calendar .wp-calendar-nav a:hover,
.bwp-content .wp-block-calendar .wp-calendar-nav a:focus {
text-decoration: none;
color: #786fff;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-content .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-prev a {
padding-right: 5px;
}
.bwp-content .wp-block-calendar .wp-calendar-nav .wp-calendar-nav-next a {
padding-left: 5px;
}
/* block alignment */
.bwp-content .wp-block-calendar.alignleft table,
.bwp-content .wp-block-calendar.alignright table {
width: 385px;
}
.bwp-content .wp-block-calendar.aligncenter {
margin: 20px auto;
max-width: 385px;
}
.bwp-content .wp-block-calendar.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.2.23 - Block: Categories
---------------------------------------
*/
.bwp-content .wp-block-categories-list {
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.bwp-content .wp-block-categories-list ul {
list-style: none;
margin: 6px 0 0;
padding: 0 0 1px 16px;
}
.bwp-content .wp-block-categories-list li {
margin-bottom: 6px;
font-size: 11px;
font-weight: 500;
color: #9897a9;
}
.bwp-content .wp-block-categories-list li:last-child {
margin-bottom: 0;
}
.bwp-content .wp-block-categories-list li::before {
content: '-';
margin-right: 6px;
font-size: 15px;
font-weight: 400;
color: #4e4d58;
}
.bwp-content .wp-block-categories-list li a {
margin-right: 2px;
font-size: 15px;
font-weight: 400;
text-decoration: none;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-content .wp-block-categories-list li a:hover,
.bwp-content .wp-block-categories-list li a:focus {
text-decoration: none;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/* no categories */
.bwp-content .wp-block-categories-list .cat-item-none {
font-size: 15px;
font-weight: 400;
color: #4e4d58;
}
/* dropdown list */
.bwp-content .wp-block-categories-dropdown {
margin-top: 0;
margin-bottom: 20px;
}
/* block alignment */
.bwp-content .wp-block-categories-list.alignleft,
.bwp-content .wp-block-categories-dropdown.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-categories-list.alignright,
.bwp-content .wp-block-categories-dropdown.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-categories-list.aligncenter {
text-align: center;
}
.bwp-content .wp-block-categories-list.aligncenter li::before {
display: none;
}
.bwp-content .wp-block-categories-list.aligncenter ul {
padding: 0;
}
.bwp-content .wp-block-categories-dropdown.alignleft select,
.bwp-content .wp-block-categories-dropdown.alignright select {
width: 385px;
}
.bwp-content .wp-block-categories-list.alignfull,
.bwp-content .wp-block-categories-dropdown.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.2.24 - Block: Latest Comments
---------------------------------------
*/
.bwp-content .wp-block-latest-comments {
list-style: none;
margin: 40px 0;
padding: 0;
}
.bwp-content .wp-block-latest-comments li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #efeff2;
}
.bwp-content .wp-block-latest-comments li:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: none;
}
/* avatar */
.bwp-content .wp-block-latest-comments .avatar,
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-avatar {
float: left;
display: block;
margin: 0 15px 0 0;
padding: 0;
width: 46px !important;
height: 46px !important;
border-radius: 23px;
box-shadow: none;
}
/* comment metadata */
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
margin: 0;
padding: 0;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.7;
color: #9897a9;
}
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
color: #4e4d58;
text-decoration: none;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover,
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta a:focus {
text-decoration: none;
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta time {
display: block;
margin: 4px 0 0;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 1.3;
color: #9897a9;
}
/* comment content */
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt {
margin: 10px 0 0;
}
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt,
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
}
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > :first-child {
margin-top: 0;
}
.bwp-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt > :last-child {
margin-bottom: 0;
}
/* comment with avatar */
.bwp-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta {
height: 46px;
display: table-cell;
vertical-align: middle;
}
.bwp-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt {
margin-top: 15px;
}
/* block alignment */
.bwp-content .wp-block-latest-comments.alignleft,
.bwp-content .wp-block-latest-comments.alignright {
max-width: 385px;
}
.bwp-content .wp-block-latest-comments.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-latest-comments.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-latest-comments.aligncenter {
margin: 40px auto;
max-width: 385px;
}
.bwp-content .wp-block-latest-comments.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.2.25 - Block: Latest Posts
---------------------------------------
*/
.bwp-content ul.wp-block-latest-posts {
list-style: none;
margin: 40px 0;
padding: 0;
}
.bwp-content ul.wp-block-latest-posts > li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #efeff2;
}
.bwp-content ul.wp-block-latest-posts:not(.is-grid) > li:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: none;
}
.bwp-content ul.wp-block-latest-posts > li::after {
content: '';
display: table;
clear: both;
}
/* post title */
.bwp-content ul.wp-block-latest-posts > li > a {
text-decoration: none;
color: #34343b;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-content ul.wp-block-latest-posts > li > a:hover,
.bwp-content ul.wp-block-latest-posts > li > a:focus {
text-decoration: none;
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-content ul.wp-block-latest-posts > li > a {
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 1.45;
}
/* post excerpt */
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
margin: 15px 0 0;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
}
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__post-excerpt > :first-child {
margin-top: 0;
}
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__post-excerpt > :last-child {
margin-bottom: 0;
}
/* post content */
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__post-full-content {
margin: 20px 0 0;
}
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__post-full-content > :first-child {
margin-top: 20px !important;
}
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__post-full-content > :last-child {
margin-bottom: 0 !important;
}
/* post metadata */
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__post-author,
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__post-date {
display: block;
margin: 6px 0;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 1.3;
color: #9897a9;
}
/* featured image */
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__featured-image {
margin: 0 0 20px;
}
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignleft {
margin: 0 30px 7px 0;
}
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignright {
margin: 0 0 7px 30px;
}
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__featured-image a {
box-shadow: none !important;
}
.bwp-content .wp-block-latest-posts .wp-block-latest-posts__featured-image img {
max-width: 100% !important;
}
/* grid style */
.bwp-content ul.wp-block-latest-posts.is-grid {
margin-bottom: 20px;
}
.bwp-content .wp-block-latest-posts.is-grid > li {
margin: 0 30px 20px 0;
width: 100%;
}
.bwp-content .wp-block-latest-posts.is-grid.columns-2 > li {
width: calc(50% - 15px); /* 30/2=15 */
}
.bwp-content .wp-block-latest-posts.is-grid.columns-3 > li {
width: calc(33.33333% - 20px); /* (30/3)*2=20 */
}
.bwp-content .wp-block-latest-posts.is-grid.columns-4 > li {
width: calc(25% - 22.5px); /* (30/4)*3=22.5 */
}
.bwp-content .wp-block-latest-posts.is-grid.columns-5 > li {
width: calc(20% - 24px); /* (30/5)*4=24 */
}
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li {
width: calc(16.66667% - 25px); /* (30/6)*5=25 */
}
.bwp-content .wp-block-latest-posts.is-grid.columns-2 > li:nth-child(2n),
.bwp-content .wp-block-latest-posts.is-grid.columns-3 > li:nth-child(3n),
.bwp-content .wp-block-latest-posts.is-grid.columns-4 > li:nth-child(4n),
.bwp-content .wp-block-latest-posts.is-grid.columns-5 > li:nth-child(5n),
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li:nth-child(6n) {
margin-right: 0;
}
/* grid style: post title */
.bwp-content .wp-block-latest-posts.is-grid.columns-4 > li > a,
.bwp-content .wp-block-latest-posts.is-grid.columns-5 > li > a,
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li > a {
font-size: 16px;
line-height: 1.4;
}
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li > a {
font-size: 15px;
}
/* block alignment */
/* list style */
.bwp-content ul.wp-block-latest-posts.alignleft,
.bwp-content ul.wp-block-latest-posts.alignright {
max-width: 357.5px;
}
.bwp-content ul.wp-block-latest-posts.alignleft {
margin: 5px 45px 40px 0;
}
.bwp-content ul.wp-block-latest-posts.alignright {
margin: 5px 0 40px 45px;
}
.bwp-content ul.wp-block-latest-posts.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/* grid style */
.bwp-content ul.wp-block-latest-posts.is-grid.alignleft,
.bwp-content ul.wp-block-latest-posts.is-grid.alignright {
margin-bottom: 20px;
}
.bwp-content ul.wp-block-latest-posts.is-grid.alignwide,
.bwp-content ul.wp-block-latest-posts.is-grid.alignfull {
margin-bottom: 20px !important;
}
/*
9.2.26 - Block: RSS
---------------------------------------
*/
.bwp-content ul.wp-block-rss {
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.bwp-content .wp-block-rss > li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 2px solid #efeff2;
}
.bwp-content .wp-block-rss:not(.is-grid) > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.bwp-content .wp-block-rss li .wp-block-rss__item-title {
line-height: 1.55;
font-weight: 500;
}
.bwp-content .wp-block-rss li .wp-block-rss__item-title a {
text-decoration: none;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-content .wp-block-rss li .wp-block-rss__item-title a:hover,
.bwp-content .wp-block-rss li .wp-block-rss__item-title a:focus {
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-content .wp-block-rss li .wp-block-rss__item-publish-date,
.bwp-content .wp-block-rss li .wp-block-rss__item-author {
display: block;
margin: 6px 0;
padding: 0;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 1.3;
color: #9897a9;
}
.bwp-content .wp-block-rss li .wp-block-rss__item-excerpt {
margin: 6px 0;
padding: 0;
font-size: 14px;
}
/* grid style */
.bwp-content ul.wp-block-rss.is-grid {
margin-bottom: -20px;
}
.bwp-content .wp-block-rss.is-grid > li {
margin: 0 25px 20px 0;
padding: 0 0 20px;
width: 100%;
}
.bwp-content .wp-block-rss.is-grid.columns-2 > li {
width: calc(50% - 12.5px);
}
.bwp-content .wp-block-rss.is-grid.columns-3 > li {
width: calc(33.33333% - 16.66667px);
}
.bwp-content .wp-block-rss.is-grid.columns-4 > li {
width: calc(25% - 18.75px);
}
.bwp-content .wp-block-rss.is-grid.columns-5 > li {
width: calc(20% - 20px);
}
.bwp-content .wp-block-rss.is-grid.columns-6 > li {
width: calc(16.66667% - 20.83333px);
}
.bwp-content .wp-block-rss.is-grid.columns-2 > li:nth-child(2n),
.bwp-content .wp-block-rss.is-grid.columns-3 > li:nth-child(3n),
.bwp-content .wp-block-rss.is-grid.columns-4 > li:nth-child(4n),
.bwp-content .wp-block-rss.is-grid.columns-5 > li:nth-child(5n),
.bwp-content .wp-block-rss.is-grid.columns-6 > li:nth-child(6n) {
margin-right: 0;
}
/* block alignment */
/* list style */
.bwp-content .wp-block-rss.alignleft,
.bwp-content .wp-block-rss.alignright {
max-width: 385px;
}
.bwp-content .wp-block-rss.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-rss.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-rss.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/* grid style */
.bwp-content .wp-block-rss.is-grid.alignleft,
.bwp-content .wp-block-rss.is-grid.alignright {
margin-bottom: 0;
}
.bwp-content .wp-block-rss.is-grid.alignwide,
.bwp-content .wp-block-rss.is-grid.alignfull {
margin-bottom: 20px !important;
}
/*
9.2.27 - Block: Social Icons
---------------------------------------
*/
.bwp-content .wp-block-social-links {
list-style: none;
margin: 35px 0;
padding: 0;
line-height: 1;
}
.bwp-content .wp-block-social-links.has-small-icon-size {
font-size: 20px;
}
.bwp-content .wp-block-social-links,
.bwp-content .wp-block-social-links.has-normal-icon-size {
font-size: 25px;
}
.bwp-content .wp-block-social-links.has-large-icon-size {
font-size: 30px;
}
.bwp-content .wp-block-social-links.has-huge-icon-size {
font-size: 40px;
}
.bwp-content .wp-block-social-links .wp-social-link {
margin: 5px 10px 5px 0 !important;
font-size: inherit;
line-height: 1;
}
.bwp-content .wp-block-social-links .wp-social-link a {
box-shadow: none !important;
}
.bwp-content .wp-block-social-links.is-style-logos-only .wp-social-link {
padding: 0;
}
/* block alignment */
.bwp-content .wp-block-social-links.alignleft,
.bwp-content .wp-block-social-links.alignright {
max-width: 357.5px;
}
.bwp-content .wp-block-social-links.alignleft {
margin: 0 35px 35px 0;
}
.bwp-content .wp-block-social-links.alignright {
margin: 0 -10px 35px 45px;
}
/*
9.2.28 - Block: Tag Cloud
---------------------------------------
*/
.bwp-content .wp-block-tag-cloud {
margin: 0 0 20px;
line-height: 1.5 !important;
}
.bwp-content .wp-block-tag-cloud a {
display: inline-block;
margin-right: 6px;
text-decoration: none;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-content .wp-block-tag-cloud a:hover,
.bwp-content .wp-block-tag-cloud a:focus {
text-decoration: none;
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-content .wp-block-tag-cloud a .tag-link-count {
display: inline-block;
margin: 0 0 0 3px;
font-size: 11px;
font-weight: 500;
color: #9897a9;
}
.bwp-content .wp-block-tag-cloud a:hover .tag-link-count,
.bwp-content .wp-block-tag-cloud a:focus .tag-link-count {
color: #786fff;
}
/* style: outline */
.bwp-content .wp-block-tag-cloud.is-style-outline a {
margin-right: 2px;
margin-bottom: 2px;
border-radius: 6px;
box-shadow: none !important;
}
/* block alignment */
.bwp-content .wp-block-tag-cloud.alignleft,
.bwp-content .wp-block-tag-cloud.alignright {
max-width: 385px;
}
.bwp-content .wp-block-tag-cloud.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-tag-cloud.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-tag-cloud.aligncenter {
text-align: center;
}
.bwp-content .wp-block-tag-cloud.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.2.29 - Block: Search
---------------------------------------
*/
.bwp-content .wp-block-search {
margin: 0 0 20px;
}
/* search form: input */
.bwp-content .wp-block-search .wp-block-search__input {
border: 1px solid #f8f8fa;
border-bottom-color: #e6e6e9;
}
.bwp-content .wp-block-search .wp-block-search__input:hover,
.bwp-content .wp-block-search .wp-block-search__input:focus {
border-color: #786fff;
}
/* search form: button */
.bwp-content .wp-block-search .wp-block-search__button {
border: none;
outline: none;
margin: 0 0 0 10px;
padding: 0 20px !important;
height: 44px;
line-height: 44px;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
color: #ffffff;
background: #34343b;
border-radius: 6px;
box-shadow: none;
white-space: nowrap;
}
.bwp-content .wp-block-search .wp-block-search__button:hover,
.bwp-content .wp-block-search .wp-block-search__button:focus {
color: #ffffff;
background: #786fff;
}
.bwp-content .wp-block-search .wp-block-search__button.has-icon {
display: inline-flex;
justify-content: center;
align-items: center;
}
.bwp-content .wp-block-search .wp-block-search__button svg {
fill: currentColor;
outline: none;
}
/* search form: button inside */
.bwp-content .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 5px;
background-color: #f8f8fa;
border: 1px solid #f8f8fa;
border-bottom-color: #e6e6e9;
border-radius: 6px;
}
.bwp-content .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
border: none;
padding: 0 10px;
border-radius: 0;
}
/* block alignment */
.bwp-content .wp-block-search.alignleft,
.bwp-content .wp-block-search.alignright {
width: 385px;
}
.bwp-content .wp-block-search.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-search.alignright {
margin: 0 0 20px 30px;
}
.bwp-content .wp-block-search.aligncenter .wp-block-search__label {
text-align: center;
}
/*
9.2.30 - Block: Embed
---------------------------------------
*/
.bwp-content .wp-block-embed {
margin: 0 0 20px;
}
.bwp-content .wp-block-embed iframe {
border-radius: 6px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
}
.bwp-content .wp-block-embed figcaption {
margin: 0;
padding: 15px 5px 0;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.55;
color: inherit;
}
/* block alignment */
.bwp-content .wp-block-embed.alignleft,
.bwp-content .wp-block-embed.alignright {
max-width: 385px;
width: 100%;
}
.bwp-content .wp-block-embed.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-embed.alignright {
margin: 0 0 20px 30px;
}
/*
9.2.31 - Block: Site Logo
---------------------------------------
*/
.bwp-content .wp-block-site-logo {
margin: 0 0 20px;
}
.bwp-content .wp-block-site-logo .custom-logo-link,
.bwp-content .wp-block-site-logo .custom-logo-link:hover,
.bwp-content .wp-block-site-logo .custom-logo-link:focus {
box-shadow: none;
}
.bwp-content .wp-block-site-logo .custom-logo {
border-radius: 0;
box-shadow: none;
}
/* block alignment */
.bwp-content .wp-block-site-logo.alignleft {
margin: 0 30px 20px 0;
}
.bwp-content .wp-block-site-logo.alignright {
margin: 0 0 20px 30px;
}
/*
9.2.32 - Block: Site Title
---------------------------------------
*/
.bwp-content .wp-block-site-title {
margin-top: 20px;
margin-bottom: 20px;
}
/*
9.2.33 - Block: Post Categories and Post Tags
---------------------------------------
*/
.bwp-content .wp-block-post-terms {
margin: 0 0 20px;
}
.bwp-content .wp-block-post-terms.has-text-color a,
.bwp-content .wp-block-post-terms.has-text-color a:hover,
.bwp-content .wp-block-post-terms.has-text-color a:focus {
color: inherit;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/*
9.2.34 - Block: Page List
---------------------------------------
*/
.bwp-content .wp-block-page-list {
list-style: none;
margin: 0 0 20px;
padding: 0;
}
.bwp-content .wp-block-page-list li {
margin-bottom: 6px;
}
.bwp-content .wp-block-page-list li:last-child {
margin-bottom: 0;
}
.bwp-content .wp-block-page-list li::before {
content: '-';
margin-right: 6px;
font-size: 15px;
}
.bwp-content .wp-block-page-list li a {
text-decoration: none;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-content .wp-block-page-list li a:hover,
.bwp-content .wp-block-page-list li a:focus {
text-decoration: none;
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-content .wp-block-page-list ul {
list-style: none;
margin: 6px 0 0;
padding: 0 0 1px 16px;
}
.bwp-content .wp-block-page-list .wp-block-page-list__submenu-icon {
display: none;
}
/*
9.2.35 - Blocks: Post title, Featured image, Date
---------------------------------------
*/
.bwp-content .wp-block-post-title,
.bwp-content .wp-block-post-featured-image,
.bwp-content .wp-block-post-date {
margin-top: 20px;
margin-bottom: 20px;
}
/*
9.2.36 - Block: Query Loop
---------------------------------------
*/
.bwp-content .wp-block-query {
margin: 40px 0;
}
.bwp-content .wp-block-post-template,
.bwp-content .wp-block-query .wp-block-post-template {
list-style: none;
margin: 0;
padding: 0;
}
.bwp-content .wp-block-post-template > li,
.bwp-content .wp-block-query .wp-block-post-template > li {
margin-bottom: 40px;
}
.bwp-content .wp-block-post-template > li:last-child,
.bwp-content .wp-block-query .wp-block-post-template > li:last-child {
margin-bottom: 0;
}
.bwp-content .wp-block-post-template .has-text-color a,
.bwp-content .wp-block-post-template .has-text-color a:hover,
.bwp-content .wp-block-post-template .has-text-color a:focus {
color: inherit !important;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/* post template: post title */
.bwp-content .wp-block-post-template .wp-block-post-title {
margin-top: 20px;
margin-bottom: 20px;
}
.bwp-content .wp-block-post-template .wp-block-post-title a {
display: inline;
text-decoration: none;
color: #34343b;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-content .wp-block-post-template .wp-block-post-title a:hover,
.bwp-content .wp-block-post-template .wp-block-post-title a:focus {
text-decoration: none;
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* post template: featured image */
.bwp-content .wp-block-post-template .wp-block-post-featured-image {
margin-top: 20px;
margin-bottom: 20px;
}
/* post template: read more link */
.bwp-content .wp-block-post-template .wp-block-post-excerpt__more-link {
font-size: 13px;
font-weight: 500;
text-decoration: none;
color: #4e4d58;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-content .wp-block-post-template .wp-block-post-excerpt__more-link:hover,
.bwp-content .wp-block-post-template .wp-block-post-excerpt__more-link:focus {
text-decoration: none;
color: #786fff;
}
/* post template: separator */
.bwp-content .wp-block-post-template .wp-block-separator {
margin-top: 20px;
margin-bottom: 20px;
}
/* post template: date */
.bwp-content .wp-block-post-template .wp-block-post-date {
margin-top: 20px;
margin-bottom: 20px;
font-size: 13px;
font-weight: 500;
}
.bwp-content .wp-block-post-template .wp-block-post-date a {
display: inline-block;
font-weight: 500;
text-decoration: none;
color: #4e4d58;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-content .wp-block-post-template .wp-block-post-date a:hover,
.bwp-content .wp-block-post-template .wp-block-post-date a:focus {
text-decoration: none;
color: #786fff;
}
/* post template: group */
.bwp-content .wp-block-post-template .wp-block-group {
margin-top: 0;
margin-bottom: 0;
padding: 20px !important;
}
.bwp-content .wp-block-group .wp-block-query {
margin-top: 0;
margin-bottom: 0;
}
.bwp-content .wp-block-post-template .wp-block-group .wp-block-group__inner-container > :first-child {
margin-top: 0 !important;
}
.bwp-content .wp-block-group.alignfull .wp-block-group__inner-container {
max-width: 570px;
margin-right: auto;
margin-left: auto;
}
/* post template: columns */
.bwp-content .wp-block-post-template.is-flex-container {
margin-bottom: -40px;
}
.bwp-content .wp-block-post-template.is-flex-container > li > :first-child {
margin-top: 0 !important;
}
.bwp-content .wp-block-post-template.is-flex-container .alignwide {
width: auto;
max-width: 100%;
margin: 40px 0 !important;
}
/* pagination */
.bwp-content .wp-block-query-pagination {
margin-top: 40px;
margin-bottom: 40px;
font-weight: 500;
}
.bwp-content .wp-block-query-pagination .wp-block-query-pagination-next,
.bwp-content .wp-block-query-pagination .wp-block-query-pagination-numbers,
.bwp-content .wp-block-query-pagination .wp-block-query-pagination-previous {
margin: 0;
}
.bwp-content .wp-block-query-pagination .wp-block-query-pagination-next {
margin-left: 10px;
}
.bwp-content .wp-block-query-pagination .wp-block-query-pagination-previous {
margin-right: 10px;
}
.bwp-content .wp-block-query-pagination .wp-block-query-pagination-next,
.bwp-content .wp-block-query-pagination .wp-block-query-pagination-previous {
display: inline-block;
box-shadow: none;
font-size: 14px;
}
.bwp-content .wp-block-query-pagination .page-numbers {
display: inline-block;
padding: 0 16px;
height: 44px;
line-height: 44px;
font-size: 14px;
box-shadow: none;
}
.bwp-content .wp-block-query-pagination .page-numbers.dots {
padding-right: 0;
padding-left: 0;
}
.bwp-content .wp-block-query-pagination .page-numbers.current {
cursor: default;
color: #ffffff;
background-color: #786fff;
border-radius: 6px;
}
/*
9.2.37 - Block: Navigation
---------------------------------------
*/
.bwp-content .wp-block-navigation {
margin-top: 20px;
margin-bottom: 20px;
}
.bwp-content .wp-block-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.bwp-content .wp-block-navigation button {
padding: 0;
height: auto;
line-height: 0;
color: currentColor;
background: transparent !important;
}
/* menu item */
.bwp-content .wp-block-navigation .wp-block-navigation-item {
margin-top: 0;
margin-bottom: 0;
font-size: inherit;
line-height: inherit;
}
.bwp-content .wp-block-navigation .wp-block-navigation-item__content {
padding: 15px 0;
}
.bwp-content .wp-block-navigation .wp-block-navigation-item a {
color: inherit;
text-decoration: none;
box-shadow: none;
}
.bwp-content .wp-block-navigation .wp-block-navigation-item a:hover,
.bwp-content .wp-block-navigation .wp-block-navigation-item a:focus {
color: inherit;
text-decoration: underline;
box-shadow: none;
}
/* submenu */
.bwp-content .wp-block-navigation .wp-block-navigation__submenu-container {
padding-top: 10px;
padding-bottom: 10px;
color: inherit;
border: none;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.2);
}
.bwp-content .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.bwp-content .wp-block-navigation.is-vertical .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: 5px 20px;
}
.bwp-content .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child {
padding-right: 15px;
}
.bwp-content .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
padding-right: 0;
}
/* has background */
.bwp-content .wp-block-navigation.has-background {
padding: 0 20px;
}
.bwp-content .wp-block-navigation .has-background {
padding: 0;
}
.bwp-content .wp-block-navigation .wp-block-navigation__submenu-container.has-background {
padding-top: 10px;
padding-bottom: 10px;
}
/* orientation: vertical */
.bwp-content .wp-block-navigation.is-vertical .wp-block-navigation-item__content {
padding-top: 0;
padding-bottom: 0;
}
.bwp-content .wp-block-navigation.is-vertical.has-background {
padding-top: 15px;
padding-bottom: 15px;
}
/* mobile menu */
.bwp-content .wp-block-navigation .wp-block-navigation__responsive-container-close,
.bwp-content .wp-block-navigation .wp-block-navigation__responsive-container-open {
padding: 15px;
}
.bwp-content .wp-block-navigation .wp-block-navigation__responsive-container-close {
right: auto;
left: -18px;
}
.bwp-content .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
padding: 30px;
color: inherit;
}
.bwp-content .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
padding: 5px 0;
}
.bwp-content .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
padding-top: 10px;
padding-bottom: 10px;
border: none;
box-shadow: none;
}
.bwp-content .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: 5px 0;
}
.bwp-content .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item.has-child {
padding-right: 0;
}
/* mobile menu: has background */
.bwp-content .wp-block-navigation.has-background .wp-block-navigation__responsive-container-open,
.bwp-content .wp-block-navigation.has-background.items-justified-left .wp-block-navigation__responsive-container-open,
.bwp-content .wp-block-navigation.has-background.items-justified-space-between .wp-block-navigation__responsive-container-open {
margin-left: -20px;
}
.bwp-content .wp-block-navigation.has-background.items-justified-center .wp-block-navigation__responsive-container-open {
margin-left: 0;
}
.bwp-content .wp-block-navigation.has-background.items-justified-right .wp-block-navigation__responsive-container-open {
margin-left: 0;
margin-right: -20px;
}
/* navigation: page list */
.bwp-content .wp-block-navigation .wp-block-page-list {
gap: 1em;
}
.bwp-content .wp-block-navigation .wp-block-page-list li::before {
display: none;
}
.bwp-content .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
gap: inherit;
}
/*
9.2.38 - Block: Post Author
---------------------------------------
*/
.bwp-content .wp-block-post-author {
margin: 0 0 20px;
}
/* avatar */
.bwp-content .wp-block-post-author__avatar {
margin-right: 20px;
}
.bwp-content .wp-block-post-author__avatar img {
border-radius: 50%;
box-shadow: none;
}
/* content */
.bwp-content .wp-block-post-author__content {
font-size: inherit;
}
.bwp-content .wp-block-post-author__content p {
margin: 0;
}
.bwp-content .wp-block-post-author__content .wp-block-post-author__byline {
font-size: 90%;
}
.bwp-content .wp-block-post-author__content .wp-block-post-author__name {
margin: 0;
font-size: 105%;
font-weight: 500;
line-height: inherit;
}
.bwp-content .wp-block-post-author__content .wp-block-post-author__bio {
margin: 10px 0 0;
font-size: 100%;
line-height: inherit;
}
/*
9.2.39 - Block: Post Navigation Link (Next and Previous)
---------------------------------------
*/
.bwp-content .wp-block-post-navigation-link {
margin: 0 0 20px;
}
.bwp-content .wp-block-post-navigation-link.has-text-color a,
.bwp-content .wp-block-post-navigation-link.has-text-color a:hover,
.bwp-content .wp-block-post-navigation-link.has-text-color a:focus {
color: inherit;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/*
9.2.40 - Block: Post Comments
---------------------------------------
*/
.bwp-content .wp-block-comments {
margin: 40px 0;
}
/* comment list */
.bwp-content .wp-block-comment-template {
list-style: none outside none;
margin-top: 40px;
margin-bottom: 20px;
padding: 0;
}
.bwp-content .wp-block-comment-template .wp-block-column > :first-child {
margin-top: 0;
}
/* avatar */
.bwp-content .wp-block-avatar {
margin: 20px 0;
}
.bwp-content .wp-block-avatar img {
box-shadow: none;
border-radius: 50% !important;
}
/* comment author name */
.bwp-content .wp-block-comment-template .wp-block-comment-author-name {
margin: 20px 0;
font-weight: 700;
}
/* date and edit link */
.bwp-content .wp-block-comment-template .wp-block-comment-date,
.bwp-content .wp-block-comment-template .wp-block-comment-edit-link {
margin: 0;
}
.bwp-content .wp-block-comment-template .wp-block-comment-date a,
.bwp-content .wp-block-comment-template .wp-block-comment-edit-link a {
color: #9897a9;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-content .wp-block-comment-template .wp-block-comment-date a:hover,
.bwp-content .wp-block-comment-template .wp-block-comment-edit-link a:hover,
.bwp-content .wp-block-comment-template .wp-block-comment-date a:focus,
.bwp-content .wp-block-comment-template .wp-block-comment-edit-link a:focus {
color: #786fff;
}
/* reply link */
.bwp-content .wp-block-comment-template .wp-block-comment-reply-link {
margin: 20px 0;
}
.bwp-content .wp-block-comment-template .wp-block-comment-reply-link a {
color: #9897a9;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-content .wp-block-comment-template .wp-block-comment-reply-link a:hover,
.bwp-content .wp-block-comment-template .wp-block-comment-reply-link a:focus {
color: #786fff;
}
/* comments pagination */
.bwp-content .wp-block-comments-pagination .wp-block-comments-pagination-previous,
.bwp-content .wp-block-comments-pagination .wp-block-comments-pagination-numbers,
.bwp-content .wp-block-comments-pagination .wp-block-comments-pagination-next {
margin: 0;
}
.bwp-content .wp-block-comments-pagination .wp-block-comments-pagination-previous {
margin-right: 10px;
}
.bwp-content .wp-block-comments-pagination .wp-block-comments-pagination-next {
margin-left: 10px;
}
.bwp-content .wp-block-comments-pagination .wp-block-comments-pagination-previous,
.bwp-content .wp-block-comments-pagination .wp-block-comments-pagination-next {
display: inline-block;
box-shadow: none !important;
font-size: 14px;
font-weight: 500;
}
.bwp-content .wp-block-comments-pagination .page-numbers {
display: inline-block;
padding: 0 16px;
height: 44px;
line-height: 44px;
font-size: 14px;
font-weight: 500;
box-shadow: none !important;
}
.bwp-content .wp-block-comments-pagination .page-numbers.dots {
padding-right: 0;
padding-left: 0;
}
.bwp-content .wp-block-comments-pagination .page-numbers.current {
cursor: default;
color: #ffffff;
background-color: #786fff;
border-radius: 6px;
}
/* block: comment form */
.bwp-content .wp-block-post-comments-form {
margin: 40px 0;
padding: 0;
max-width: 100%;
}
.bwp-content .wp-block-comments .wp-block-post-comments-form {
margin-top: 20px;
}
.bwp-content .wp-block-post-comments-form .comment-reply-title {
margin-top: 0;
margin-bottom: 20px;
max-width: 100%;
text-align: inherit;
font-size: 26px;
line-height: 1.4;
text-transform: none;
}
.bwp-content .wp-block-post-comments-form .comment-reply-title a {
box-shadow: none !important;
}
.bwp-content .wp-block-post-comments-form .comment-notes,
.bwp-content .wp-block-post-comments-form .logged-in-as {
text-align: left;
}
.bwp-content .wp-block-post-comments-form .comment-form label {
text-align: left;
}
.bwp-content .wp-block-post-comments-form .comment-form-comment textarea,
.bwp-content .wp-block-post-comments-form .comment-form-author input,
.bwp-content .wp-block-post-comments-form .comment-form-email input,
.bwp-content .wp-block-post-comments-form .comment-form-url input {
border: 1px solid #f8f8fa;
border-bottom-color: #e6e6e9;
}
.bwp-content .wp-block-post-comments-form .comment-form-comment textarea:hover,
.bwp-content .wp-block-post-comments-form .comment-form-author input:hover,
.bwp-content .wp-block-post-comments-form .comment-form-email input:hover,
.bwp-content .wp-block-post-comments-form .comment-form-url input:hover,
.bwp-content .wp-block-post-comments-form .comment-form-comment textarea:focus,
.bwp-content .wp-block-post-comments-form .comment-form-author input:focus,
.bwp-content .wp-block-post-comments-form .comment-form-email input:focus,
.bwp-content .wp-block-post-comments-form .comment-form-url input:focus {
border-color: #786fff;
}
.bwp-content .wp-block-post-comments-form .comment-form-cookies-consent input {
margin-top: 2px !important;
border: 1px solid #e0e0e3;
}
.bwp-content .wp-block-post-comments-form .comment-form-cookies-consent input:hover,
.bwp-content .wp-block-post-comments-form .comment-form-cookies-consent input:focus {
border-color: #786fff;
}
.bwp-content .wp-block-post-comments-form .comment-form .form-submit {
padding-bottom: 0;
text-align: left;
}
/*
9.2.41 - Block: Login - Out
---------------------------------------
*/
.bwp-content .wp-block-loginout {
margin: 0 0 20px;
}
.bwp-content .wp-block-loginout form p {
margin: 0 0 15px;
}
.bwp-content .wp-block-loginout form p.login-submit {
margin-bottom: 0;
padding-bottom: 5px;
}
.bwp-content .wp-block-loginout form .login-remember label {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 400;
}
.bwp-content .wp-block-loginout form .login-submit input[type="submit"] {
padding: 0 30px;
}
/*
9.2.42 - Block: Post author biography
---------------------------------------
*/
.bwp-content .wp-block-post-author-biography {
margin: 20px 0;
}
/*
9.2.43 - Block: Details
---------------------------------------
*/
.bwp-content .wp-block-details {
margin: 20px 0;
}
.bwp-content .wp-block-details summary {
font-size: inherit;
letter-spacing: inherit;
line-height: inherit;
font-weight: 700;
}
.bwp-content .wp-block-details.has-background[open] {
padding-bottom: 20px;
}
/* block alignment */
.bwp-content .wp-block-details.alignfull {
padding-right: 40px;
padding-left: 40px;
}
/*
9.3 - About the author
---------------------------------------
*/
.bwp-about-author,
.bwp-about-author .bwp-section-separator {
margin-bottom: 50px;
}
.bwp-about-author-container {
margin: 0 auto;
padding: 0 20px;
width: 100%;
max-width: 840px;
}
/* avatar */
.bwp-about-author .bwp-author-avatar {
float: left;
margin: 0 20px 0 0;
position: relative;
overflow: hidden;
}
.bwp-about-author .bwp-author-avatar img {
display: block;
margin: 0;
padding: 0;
width: 72px;
height: 72px;
border-radius: 36px;
}
.bwp-about-author .bwp-author-avatar-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
border-radius: 36px;
background-color: #1a1a1e;
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.bwp-about-author .bwp-author-avatar:hover .bwp-author-avatar-overlay,
.bwp-about-author .bwp-author-avatar a:focus .bwp-author-avatar-overlay {
opacity: 0.13;
}
/* container with biographical information */
.bwp-about-author .bwp-author-bio-container {
height: 72px;
display: table-cell;
vertical-align: middle;
overflow-wrap: break-word;
}
.bwp-about-author.bwp-no-avatars .bwp-author-bio-container {
height: auto;
display: block;
}
/* author's name */
.bwp-about-author .bwp-author-name {
margin: 0;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px;
color: #34343b;
}
.bwp-about-author .bwp-author-name > span:first-child {
margin-right: 5px;
}
.bwp-about-author .bwp-author-name .bwp-name {
margin-right: 10px;
}
/* link to author's posts */
.bwp-about-author .bwp-author-posts-link {
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
letter-spacing: normal;
color: #9897a9;
}
.bwp-about-author .bwp-author-posts-link i {
margin-left: 6px;
position: relative;
top: 1px;
font-size: 14px;
color: #9897a9;
opacity: 0.7;
}
.bwp-about-author .bwp-author-posts-link:hover,
.bwp-about-author .bwp-author-posts-link:focus {
color: #786fff;
}
.bwp-about-author .bwp-author-posts-link .bwp-link-text {
display: inline-block;
box-shadow: inset 0 -1px 0 0 transparent;
-webkit-transition: box-shadow 0.2s ease-out;
transition: box-shadow 0.2s ease-out;
}
.bwp-about-author .bwp-author-posts-link:hover .bwp-link-text,
.bwp-about-author .bwp-author-posts-link:focus .bwp-link-text {
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* biographical information */
.bwp-about-author .bwp-author-bio {
margin: 15px 0 0;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.7;
color: #4e4d58;
}
.bwp-about-author .bwp-author-bio p {
margin: 0 0 20px;
}
.bwp-about-author .bwp-author-bio p:last-child {
margin: 0;
}
/*
9.4 - Comments
---------------------------------------
*/
.bwp-comments-area {
padding-bottom: 20px;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.7;
color: #4e4d58;
}
.bwp-comments-area .bwp-section-separator {
margin-bottom: 50px;
}
/* title */
.comment-reply-title,
.bwp-comments-title {
margin: 0 auto 15px;
width: 100%;
max-width: 650px;
text-align: center;
font-size: 23px;
font-style: normal;
font-weight: 600;
line-height: 1.35;
overflow-wrap: break-word;
color: #34343b;
}
.comment-reply-title {
position: relative;
}
.bwp-comments-title {
margin-bottom: 35px;
}
/*
9.4.1 - Comment form
---------------------------------------
*/
.comment-respond {
margin: 0 auto 30px;
padding: 0 20px;
width: 100%;
max-width: 840px;
}
.bwp-post-has-comments .comment-respond {
padding-top: 20px;
}
.comment-form {
margin: 0;
padding: 0;
width: 100%;
}
.comment-notes {
margin: 0;
text-align: center;
}
.comment-form-comment {
margin: 14px 0 7px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
margin: 0 0 15px;
}
.comment-form label {
margin: 0;
padding: 0 0 5px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 1.6;
text-align: center;
}
.comment-form-cookies-consent {
margin: 0 0 12px;
padding: 12px 0 0;
text-align: center;
}
.comment-form-cookies-consent label {
display: inline;
text-align: left;
padding-bottom: 0;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
color: #4e4d58;
cursor: pointer;
-webkit-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.comment-form-cookies-consent label:hover {
color: #786fff;
}
/* allowed tags */
.comment-form .form-allowed-tags {
display: none;
}
/* comment form: input fields */
.comment-form #comment {
height: 140px;
}
/* comment form: submit button */
.comment-form .form-submit {
margin: 0;
padding: 16px 0 6px;
text-align: center;
}
.comment-form #submit {
padding: 0 30px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.4px;
}
/* "must login" message */
.comment-respond .must-log-in {
margin: 0;
padding: 0;
text-align: center;
}
.comment-respond .must-log-in a {
color: #4e4d58;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.comment-respond .must-log-in a:hover,
.comment-respond .must-log-in a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/* "logged-in as ..." message */
.comment-form .logged-in-as {
margin: 0;
padding: 0;
text-align: center;
}
.comment-form .logged-in-as a {
color: #4e4d58;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.comment-form .logged-in-as a:hover,
.comment-form .logged-in-as a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/* cancel reply */
.comment-reply-title small {
position: absolute;
z-index: 2;
}
.comment-reply-title #cancel-comment-reply-link {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: 1.3;
color: #4e4d58;
white-space: nowrap;
}
.comment-reply-title #cancel-comment-reply-link::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-regular); /* regular style */
content: "\f057"; /* icon: circle-xmark */
margin-right: 6px;
font-size: 14px;
}
.comment-reply-title #cancel-comment-reply-link:hover {
color: #786fff;
}
/*
9.4.2 - Comment list
---------------------------------------
*/
.bwp-comment-list-wrap {
margin: 0 auto 30px;
padding: 0 20px;
width: 100%;
max-width: 840px;
}
.bwp-comment-list {
list-style: none outside none;
margin: 0;
padding: 0;
}
.bwp-comment-list .children {
list-style: none outside none;
margin: 0;
padding: 0 0 0 20px;
}
/* comment body */
.bwp-comment-list .comment .comment-body {
position: relative;
margin-top: 20px;
padding: 40px;
overflow-wrap: break-word;
border: 1px solid #efeff2;
border-bottom-width: 2px;
border-radius: 6px;
}
.bwp-comment-list > .comment:first-child > .comment-body {
margin-top: 0;
}
/* comment metadata */
.bwp-comment-list .comment-meta::after {
content: '';
display: table;
clear: both;
}
/* comment metadata: avatar */
.bwp-comment-list .comment-meta .comment-author img {
float: left;
display: block;
margin: 0 15px 0 0;
padding: 0;
width: 46px !important;
height: 46px !important;
border-radius: 23px;
}
/* comment metadata: author's name */
.bwp-comment-list .comment-meta .comment-author {
font-family: 'Poppins', sans-serif;
}
.bwp-comment-list .comment-meta .comment-author .fn {
display: inline-block;
padding-top: 5px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 1.3;
color: #34343b;
}
.bwp-comment-list .comment-meta .comment-author .fn .url {
color: #34343b;
box-shadow: inset 0 -1px 0 0 #34343b;
}
.bwp-comment-list .comment-meta .comment-author .fn .url:hover,
.bwp-comment-list .comment-meta .comment-author .fn .url:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-comment-list .comment-meta .comment-author .says {
display: none;
}
/* comment metadata: comment from the author of the post */
.bwp-comment-list .bypostauthor > article .fn::after {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid); /* solid style */
content: "\f5ac"; /* icon: pen-fancy */
margin-left: 6px;
font-size: 13px;
}
/* comment metadata: date and "edit" link */
.bwp-comment-list .comment-meta .comment-metadata {
margin-top: 2px;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 1.3;
color: #9897a9;
}
.bwp-comment-list .comment-meta .comment-metadata a {
color: #9897a9;
text-decoration: none;
}
.bwp-comment-list .comment-meta .comment-metadata a:hover,
.bwp-comment-list .comment-meta .comment-metadata a:focus {
color: #786fff;
text-decoration: none;
}
.bwp-comment-list .comment-meta .edit-link {
margin-left: 8px;
}
/* comment metadata: "comment awaiting moderation" message */
.bwp-comment-list .comment-meta .comment-awaiting-moderation {
display: block;
margin: 20px 0 0;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.6;
color: #9897a9;
}
/* comment content */
.bwp-comment-list .comment-content {
margin: 15px 0 0;
}
.bwp-comment-list .comment-content > :first-child {
margin-top: 0 !important;
}
.bwp-comment-list .comment-content > :last-child {
margin-bottom: 0 !important;
}
/* comment reply link */
.bwp-comment-list .comment-body .reply {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
margin: 0;
padding: 0;
}
.bwp-comment-list .comment-body .reply a {
display: inline-block;
padding: 7px 14px;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: 1.3;
color: #4e4d58;
background-color: #f8f8fa;
border-radius: 0 6px 0 6px;
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
.bwp-comment-list .comment-body .reply a:hover,
.bwp-comment-list .comment-body .reply a:focus {
color: #ffffff;
background-color: #786fff;
}
/* reply to comment: comment form */
.bwp-comment-list li .comment-respond {
margin-top: 40px;
margin-bottom: 40px;
padding: 0;
}
/* pingbacks and trackbacks */
.bwp-comment-list .pingback .comment-body,
.bwp-comment-list .trackback .comment-body {
position: relative;
margin-top: 20px;
padding: 40px 40px 40px 62px;
overflow-wrap: break-word;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 1.6;
text-transform: uppercase;
color: #9897a9;
border: 1px solid #efeff2;
border-bottom-width: 2px;
border-radius: 6px;
}
.bwp-comment-list .pingback .comment-body::before,
.bwp-comment-list .trackback .comment-body::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid); /* solid style */
content: "\f08e"; /* icon: arrow-up-right-from-square */
position: absolute;
top: 41px;
left: 41px;
line-height: 1.2;
font-size: 14px;
opacity: 0.7;
}
.bwp-comment-list > .pingback:first-child > .comment-body,
.bwp-comment-list > .trackback:first-child > .comment-body {
margin-top: 0;
}
.bwp-comment-list .pingback .comment-body > a,
.bwp-comment-list .trackback .comment-body > a {
display: block;
margin-top: 8px;
margin-left: -22px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
text-decoration: none;
text-transform: none;
box-shadow: none;
color: #4e4d58;
}
.bwp-comment-list .pingback .comment-body > a:hover,
.bwp-comment-list .pingback .comment-body > a:focus,
.bwp-comment-list .trackback .comment-body > a:hover,
.bwp-comment-list .trackback .comment-body > a:focus {
color: #786fff;
text-decoration: none;
box-shadow: none;
}
.bwp-comment-list .pingback .comment-body .edit-link,
.bwp-comment-list .trackback .comment-body .edit-link {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
margin: 0;
padding: 0;
text-transform: none;
line-height: 1.3;
}
.bwp-comment-list .pingback .comment-body .edit-link a,
.bwp-comment-list .trackback .comment-body .edit-link a {
display: inline-block;
padding: 7px 14px;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 700;
line-height: 1.3;
text-decoration: none;
box-shadow: none;
color: #4e4d58;
background-color: #f8f8fa;
border-radius: 0 6px 0 6px;
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out;
}
.bwp-comment-list .pingback .comment-body .edit-link a:focus,
.bwp-comment-list .trackback .comment-body .edit-link a:focus {
color: #4e4d58;
box-shadow: none;
}
.bwp-comment-list .pingback .comment-body .edit-link a:hover,
.bwp-comment-list .trackback .comment-body .edit-link a:hover {
color: #ffffff;
background-color: #786fff;
box-shadow: none;
}
/* comments are closed: some additional styles */
.bwp-comment-list-wrap.bwp-comments-closed {
margin-bottom: 20px;
}
.bwp-comments-area .bwp-no-comments-wrap {
margin: 0 auto 36px;
padding: 0 20px;
width: 100%;
max-width: 840px;
}
.bwp-comments-area .bwp-no-comments {
margin: 0;
padding: 40px;
border: 1px solid #efeff2;
border-bottom-width: 2px;
border-radius: 6px;
}
/*
9.4.3 - Comments navigation
---------------------------------------
*/
.comment-navigation {
margin: 20px 0 30px;
padding: 0 0 20px;
border-bottom: 2px solid #efeff2;
}
.comment-navigation .nav-links::after {
content: '';
display: table;
clear: both;
}
.comment-navigation .nav-links > div:first-child:not(.nav-next) {
border-right: 1px solid #eeeef1;
}
.comment-navigation .nav-links > .nav-next:first-child {
border-left: 1px solid #eeeef1;
}
.comment-navigation .nav-links .nav-previous,
.comment-navigation .nav-links .nav-next {
width: 50%;
}
.comment-navigation .nav-links .nav-previous {
float: left;
padding-right: 15px;
}
.comment-navigation .nav-links .nav-next {
float: right;
text-align: right;
padding-left: 15px;
}
.comment-navigation .nav-links a {
display: inline-block;
width: 100%;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
overflow-wrap: break-word;
color: #4e4d58;
}
.comment-navigation .nav-links a:hover,
.comment-navigation .nav-links a:focus {
color: #786fff;
}
.comment-navigation .nav-links a i {
font-size: 13px;
}
.comment-navigation .nav-links .nav-previous i {
margin-right: 6px;
-webkit-transition: margin-right 0.3s ease-out;
transition: margin-right 0.3s ease-out;
}
.comment-navigation .nav-links .nav-next i {
margin-left: 6px;
-webkit-transition: margin-left 0.3s ease-out;
transition: margin-left 0.3s ease-out;
}
.comment-navigation .nav-links .nav-previous a:hover i,
.comment-navigation .nav-links .nav-previous a:focus i {
margin-right: 12px;
}
.comment-navigation .nav-links .nav-next a:hover i,
.comment-navigation .nav-links .nav-next a:focus i {
margin-left: 12px;
}
/*
9.5 - Post navigation
---------------------------------------
*/
.bwp-single-post-navigation,
.bwp-single-post-navigation .bwp-section-separator {
margin-bottom: 50px;
}
.bwp-single-post-navigation-container {
margin: 0 auto;
padding: 0 20px;
width: 100%;
max-width: 840px;
}
/* navigation styles (WordPress CSS classes) */
.post-navigation .nav-links::after {
content: '';
display: table;
clear: both;
}
.post-navigation .nav-links > div:first-child:not(.nav-next) {
border-right: 1px solid #eeeef1;
}
.post-navigation .nav-links > .nav-next:first-child {
border-left: 1px solid #eeeef1;
}
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
width: 50%;
}
.post-navigation .nav-links .nav-previous {
float: right;
padding-left: 20px;
}
.post-navigation .nav-links .nav-next {
float: left;
text-align: right;
padding-right: 20px;
}
.post-navigation .nav-links a {
display: inline-block;
width: 100%;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.7;
overflow-wrap: break-word;
text-decoration: none;
color: #4e4d58; /* .post-title-nav color */
}
.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:focus {
color: #786fff; /* .post-title-nav color */
}
.post-navigation .nav-links a .meta-nav {
display: block;
margin-bottom: 5px;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 1.6;
color: #34343b;
}
.post-navigation .nav-links a:hover .meta-nav,
.post-navigation .nav-links a:focus .meta-nav {
color: #34343b;
}
.post-navigation .nav-links a .meta-nav i {
font-size: 12px;
}
.post-navigation .nav-links .nav-previous .meta-nav i {
margin-right: 6px;
-webkit-transition: margin-right 0.3s ease-out;
transition: margin-right 0.3s ease-out;
}
.post-navigation .nav-links .nav-next .meta-nav i {
margin-left: 6px;
-webkit-transition: margin-left 0.3s ease-out;
transition: margin-left 0.3s ease-out;
}
.post-navigation .nav-links .nav-previous a:hover .meta-nav i,
.post-navigation .nav-links .nav-previous a:focus .meta-nav i {
margin-right: 12px;
}
.post-navigation .nav-links .nav-next a:hover .meta-nav i,
.post-navigation .nav-links .nav-next a:focus .meta-nav i {
margin-left: 12px;
}
.post-navigation .nav-links a .post-title-nav {
display: block;
}
/*
9.6 - Related posts / Random posts
---------------------------------------
*/
.bwp-related-posts,
.bwp-random-posts {
margin: -5px auto 20px;
padding: 5px 20px 30px;
width: 100%;
max-width: 1040px;
overflow: hidden;
}
.bwp-related-posts .bwp-section-separator,
.bwp-random-posts .bwp-section-separator {
margin-bottom: 50px;
}
.bwp-related-posts-title,
.bwp-random-posts-title {
margin: 0 auto 30px;
width: 100%;
max-width: 650px;
text-align: center;
font-size: 23px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 1.35;
overflow-wrap: break-word;
color: #34343b;
}
.bwp-related-posts-container,
.bwp-random-posts-container {
margin-right: -30px;
}
.bwp-related-posts .post,
.bwp-random-posts .post {
float: left;
width: 33.33%; /* 3 columns */
}
.bwp-related-posts .post .bwp-post-wrapper,
.bwp-random-posts .post .bwp-post-wrapper {
margin-right: 30px;
margin-bottom: 0;
}
.bwp-related-posts .post .bwp-post-media,
.bwp-related-posts .post .bwp-post-media-slider,
.bwp-random-posts .post .bwp-post-media,
.bwp-random-posts .post .bwp-post-media-slider {
margin-bottom: 20px;
}
.bwp-related-posts .post .bwp-post-content,
.bwp-random-posts .post .bwp-post-content {
margin: 0;
padding: 0 15px 0 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
}
.bwp-related-posts .post .bwp-post-title,
.bwp-random-posts .post .bwp-post-title {
margin: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.45;
}
.bwp-related-posts .post .bwp-post-metadata,
.bwp-random-posts .post .bwp-post-metadata {
margin: 6px 0 0 -1px;
}
.bwp-related-posts .post .bwp-post-metadata li,
.bwp-random-posts .post .bwp-post-metadata li {
margin: 0 8px 0 0;
font-size: 12px;
letter-spacing: normal;
text-transform: none;
}
.bwp-related-posts .post .bwp-post-metadata li.bwp-tags a,
.bwp-random-posts .post .bwp-post-metadata li.bwp-tags a {
margin-left: 2px;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-related-posts .post .bwp-post-metadata li.bwp-tags a:hover,
.bwp-related-posts .post .bwp-post-metadata li.bwp-tags a:focus,
.bwp-random-posts .post .bwp-post-metadata li.bwp-tags a:hover,
.bwp-random-posts .post .bwp-post-metadata li.bwp-tags a:focus {
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-related-posts .post .bwp-post-metadata li.bwp-tags a::before,
.bwp-random-posts .post .bwp-post-metadata li.bwp-tags a::before {
content: '#';
margin-right: 1px;
}
/*
10.0 - Page 404 (page not found)
---------------------------------------
*/
.bwp-page-404-section {
margin: 50px 0 0;
}
.bwp-page-404-container {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.bwp-page-404-content {
padding: 100px 40px;
background-color: #ffffff;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.1);
border-radius: 6px;
text-align: center;
overflow-wrap: break-word;
}
.bwp-page-404-content h1,
.bwp-page-404-content h2 {
width: 100%;
max-width: 560px;
margin: 0 auto 15px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
color: #34343b;
}
.bwp-page-404-content h1 {
font-size: 29px;
line-height: 1.3;
}
.bwp-page-404-content h2 {
font-size: 23px;
line-height: 1.35;
}
.bwp-page-404-content p {
width: 100%;
max-width: 560px;
margin: 0 auto 15px;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.7;
color: #4e4d58;
}
.bwp-page-404-content a {
color: #4e4d58;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-page-404-content a:hover,
.bwp-page-404-content a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-page-404-content > :last-child {
margin-bottom: 0 !important;
}
/*
11.0 - Footer widgets
---------------------------------------
*/
.bwp-footer-widgets-section {
margin: 0;
padding: 50px 0 0;
}
.bwp-singular .bwp-footer-widgets-section {
margin-top: -3px;
padding-top: 53px;
background-color: #ffffff;
}
.bwp-footer-widgets-container {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0 0 5px;
}
.bwp-footer-widgets-col-1 {
padding-right: 4px;
}
.bwp-footer-widgets-col-2 {
padding-left: 2px;
padding-right: 2px;
}
.bwp-footer-widgets-col-3 {
padding-left: 4px;
}
/*
12.0 - Site footer
---------------------------------------
*/
.bwp-site-footer {
padding: 50px 0 35px;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.75;
text-align: center;
color: #4e4d58;
}
.bwp-singular .bwp-site-footer {
margin-top: -3px;
padding-top: 53px;
background-color: #ffffff;
border-radius: 0 0 12px 12px;
}
.bwp-site-footer-container {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.bwp-site-footer a {
color: #4e4d58;
text-decoration: none;
position: relative;
}
.bwp-site-footer a:hover,
.bwp-site-footer a:focus {
color: #786fff;
text-decoration: none;
}
.bwp-site-footer a::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: transparent;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
/* footer text */
.bwp-footer-text {
margin: 0 auto 20px;
width: 100%;
max-width: 700px;
overflow-wrap: break-word;
}
.bwp-footer-text p {
margin: 0 0 16px;
}
.bwp-footer-text p:last-child {
margin-bottom: 0;
}
.bwp-footer-text a::after {
bottom: -3px;
background-color: #4e4d58;
}
.bwp-footer-text a:hover::after,
.bwp-footer-text a:focus::after {
background-color: #786fff;
}
/* footer menu */
.bwp-footer-menu {
margin: -8px 0 15px;
}
.bwp-footer-menu-list {
margin: 0;
padding: 0;
}
.bwp-footer-menu-list li {
display: inline-block;
margin: 0 10px;
white-space: nowrap;
}
.bwp-footer-menu-list li a {
display: inline-block;
padding: 4px 0;
}
.bwp-footer-menu-list li a::after {
bottom: 4px;
}
.bwp-footer-menu-list li a:hover::after,
.bwp-footer-menu-list li a:focus::after {
background-color: #786fff;
}
.bwp-footer-menu-list li ul {
display: none; /* hide all submenus */
}
.bwp-footer-menu-list a i:first-child {
margin-right: 5px;
}
.bwp-footer-menu-list a i:last-child {
margin-right: 0;
}
/*
13.0 - Sticky bar with buttons
---------------------------------------
*/
.bwp-sticky-buttons-container {
position: fixed;
top: 40px;
right: 50px;
z-index: 900;
width: 48px;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.14);
-webkit-transition: -webkit-transform 0.3s ease-out, background-color 0.2s ease-out;
transition: transform 0.3s ease-out, background-color 0.2s ease-out;
}
.admin-bar .bwp-sticky-buttons-container {
top: 72px;
}
.bwp-hidden-main-nav-shown .bwp-sticky-buttons-container {
-webkit-transform: translateY(90px);
transform: translateY(90px);
}
.bwp-hidden-sidebar-shown .bwp-sticky-buttons-container {
-webkit-transform: translateX(-210px);
transform: translateX(-210px);
}
/* separator */
.bwp-sticky-buttons-container .bwp-separator-bottom {
position: relative;
margin-bottom: 1px;
}
.bwp-sticky-buttons-container .bwp-separator-bottom:last-child {
margin-bottom: 0;
}
.bwp-sticky-buttons-container .bwp-separator-bottom::after {
content: '';
display: block;
position: absolute;
bottom: -1px;
left: 50%;
width: 20px;
height: 1px;
margin-left: -10px;
background-color: #ebebee;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.bwp-sticky-buttons-container .bwp-separator-bottom:last-child::after {
display: none;
}
/* button styles */
.bwp-sticky-buttons-container .bwp-sticky-button {
display: block;
width: 48px;
height: 48px;
line-height: 48px;
font-size: 15px;
border-radius: 6px;
color: #4e4d58;
background: #ffffff;
}
.bwp-sticky-buttons-container .bwp-sticky-button:hover,
.bwp-sticky-buttons-container .bwp-sticky-button:focus,
.bwp-sticky-buttons-container .bwp-sticky-button.bwp-active {
color: #ffffff;
background: #786fff;
}
/*
13.1 - Button: Show hidden navigation
---------------------------------------
*/
.bwp-show-main-nav-button {
position: relative;
}
.bwp-sticky-buttons-container .bwp-show-main-nav-button {
visibility: hidden;
opacity: 0;
height: 0;
-webkit-transition: visibility 0.3s ease-out, opacity 0.15s ease-out, height 0.3s ease-out, background 0.2s ease-out;
transition: visibility 0.3s ease-out, opacity 0.15s ease-out, height 0.3s ease-out, background 0.2s ease-out;
}
.bwp-sticky-buttons-container .bwp-show-main-nav-button.bwp-visible {
visibility: visible;
opacity: 1;
height: 48px;
}
.bwp-show-main-nav-button .bwp-bars-icon {
display: block;
position: absolute;
top: 50%;
right: 17px;
left: 17px;
height: 2px;
background-color: #4e4d58;
border-radius: 1px;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.bwp-show-main-nav-button .bwp-bars-icon::before,
.bwp-show-main-nav-button .bwp-bars-icon::after {
content: '';
display: block;
position: absolute;
right: 0;
height: 2px;
background-color: #4e4d58;
border-radius: 1px;
}
.bwp-show-main-nav-button .bwp-bars-icon::before {
top: -5px;
width: 60%;
-webkit-transition: background-color 0.2s ease-out, width 0.2s ease-out;
transition: background-color 0.2s ease-out, width 0.2s ease-out;
}
.bwp-show-main-nav-button .bwp-bars-icon::after {
bottom: -5px;
width: 100%;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.bwp-show-main-nav-button:hover .bwp-bars-icon,
.bwp-show-main-nav-button:focus .bwp-bars-icon,
.bwp-show-main-nav-button:hover .bwp-bars-icon::before,
.bwp-show-main-nav-button:focus .bwp-bars-icon::before,
.bwp-show-main-nav-button:hover .bwp-bars-icon::after,
.bwp-show-main-nav-button:focus .bwp-bars-icon::after {
background-color: #ffffff;
}
.bwp-show-main-nav-button:hover .bwp-bars-icon::before,
.bwp-show-main-nav-button:focus .bwp-bars-icon::before {
width: 100%;
}
/*
13.2 - Font types (sans-serif or serif)
---------------------------------------
*/
.bwp-font-types {
position: relative;
}
/* icon: close */
.bwp-sticky-buttons-container .bwp-show-font-types-button .fa-xmark {
font-size: 18px;
position: relative;
top: 1px;
}
/* container with available font types */
.bwp-dropdown-fonts-container {
position: absolute;
top: 0;
right: 100%;
z-index: 900;
width: 180px;
margin-top: -1px;
margin-right: 9px;
padding: 5px 5px 6px;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.14);
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: visibility 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
transition: visibility 0.15s ease-out, opacity 0.15s ease-out, transform 0.15s ease-out;
}
.bwp-dropdown-fonts-container.bwp-visible {
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
transition: visibility 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.bwp-dropdown-fonts-container::after {
content: '';
position: absolute;
z-index: 900;
top: 16px;
left: 100%;
margin-left: -2px;
border: 8px solid transparent;
border-left: 8px solid #ffffff;
}
/* font type (buttons) */
.bwp-font-type {
display: block;
white-space: normal;
width: 100%;
padding: 13px 16px;
line-height: 1.35;
text-align: left;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.2px;
border-radius: 6px;
color: #4e4d58;
}
.bwp-dropdown-fonts-container .bwp-font-type:first-child {
position: relative;
}
.bwp-dropdown-fonts-container .bwp-font-type:first-child::after {
content: '';
display: block;
position: absolute;
right: 16px;
bottom: 0;
left: 16px;
width: auto;
height: 1px;
background-color: #efeff2;
}
.bwp-font-type.bwp-active {
cursor: auto;
color: #786fff;
}
.bwp-font-type.bwp-active:hover {
text-decoration: line-through;
}
.bwp-font-type:not(.bwp-active):hover {
color: #786fff;
}
/*
13.3 - Dropdown search form
---------------------------------------
*/
.bwp-dropdown-search {
position: relative;
}
/* icon: search */
.bwp-sticky-buttons-container .bwp-toggle-search-button {
font-size: 14px;
}
/* icon: close */
.bwp-sticky-buttons-container .bwp-toggle-search-button .fa-xmark {
font-size: 18px;
position: relative;
top: 1px;
}
/* container with search form */
.bwp-dropdown-search-container {
position: absolute;
top: 0;
right: 100%;
left: auto;
z-index: 900;
width: 275px;
margin-top: -1px;
margin-right: 9px;
padding: 0;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.14);
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: visibility 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
transition: visibility 0.15s ease-out, opacity 0.15s ease-out, transform 0.15s ease-out;
}
.bwp-dropdown-search-container.bwp-visible {
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
transition: visibility 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.bwp-dropdown-search-container::after {
content: '';
position: absolute;
z-index: 900;
top: 16px;
left: 100%;
margin-left: -2px;
border: 8px solid transparent;
border-left: 8px solid #ffffff;
}
/* search form */
.bwp-searchform .bwp-search-field {
border: none;
outline: none;
border-radius: 0;
box-shadow: none !important;
padding: 0 16px 0 5px;
}
.bwp-dropdown-search-container .bwp-searchform .bwp-search-field {
height: 49px;
padding: 0 5px 0 16px;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
color: #4e4d58;
background: #ffffff;
border-radius: 6px 0 0 6px;
}
/* search form: placeholder */
/* Chrome / Opera / Safari */
.bwp-dropdown-search-container .bwp-searchform .bwp-search-field::-webkit-input-placeholder {
font-weight: 400;
color: #9c9bab;
opacity: 0.9;
}
/* Firefox 18- */
.bwp-dropdown-search-container .bwp-searchform .bwp-search-field:-moz-placeholder {
font-weight: 400;
color: #9c9bab;
opacity: 0.9;
}
/* Firefox 19+ */
.bwp-dropdown-search-container .bwp-searchform .bwp-search-field::-moz-placeholder {
font-weight: 400;
color: #9c9bab;
opacity: 0.9;
}
/* IE 10+ */
.bwp-dropdown-search-container .bwp-searchform .bwp-search-field:-ms-input-placeholder {
font-weight: 400;
color: #9c9bab;
opacity: 0.9;
}
/* search form: submit button */
.bwp-searchform .bwp-search-submit {
margin: 0;
padding: 0;
border: none;
outline: none;
box-shadow: none;
border-radius: 0;
-webkit-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.bwp-dropdown-search-container .bwp-searchform .bwp-search-submit {
width: 44px;
height: 49px;
line-height: 49px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4e4d58;
background: #ffffff;
border-radius: 0 6px 6px 0;
}
.bwp-dropdown-search-container .bwp-searchform .bwp-search-submit:hover,
.bwp-dropdown-search-container .bwp-searchform .bwp-search-submit:focus {
color: #786fff;
}
.bwp-dropdown-search-container .bwp-searchform .bwp-search-submit i {
position: relative;
top: 1px;
}
/*
14.0 - Button: "Back to top"
---------------------------------------
*/
/* wrapper */
.bwp-scroll-top-wrapper {
position: fixed;
right: 50px;
bottom: 25px;
z-index: 900;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out, bottom 0.3s ease-out, -webkit-transform 0.3s ease-out;
transition: visibility 0.3s ease-out, opacity 0.3s ease-out, bottom 0.3s ease-out, transform 0.3s ease-out;
}
.bwp-scroll-top-wrapper.bwp-visible {
visibility: visible;
opacity: 1;
pointer-events: auto;
bottom: 40px;
}
.bwp-hidden-main-nav-shown .bwp-scroll-top-wrapper {
-webkit-transform: translateY(90px);
transform: translateY(90px);
}
.bwp-hidden-sidebar-shown .bwp-scroll-top-wrapper {
-webkit-transform: translateX(-210px);
transform: translateX(-210px);
}
/* button */
.bwp-scroll-top-button {
width: 48px;
height: 48px;
line-height: 48px;
font-size: 15px;
border-radius: 6px;
color: #4e4d58;
background: #ffffff;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.14);
}
.bwp-scroll-top-button:hover {
color: #ffffff;
background: #786fff;
}
/*
15.0 - Hidden sidebar
---------------------------------------
*/
/* sidebar */
.bwp-hidden-sidebar {
position: fixed;
top: 0;
right: -420px;
bottom: 0;
z-index: 2010;
display: block;
width: 420px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 70px 50px 0;
background-color: #ffffff;
border-radius: 12px 0 0 12px;
box-shadow: none;
visibility: hidden;
opacity: 0.8;
outline: none !important;
-webkit-transition: right 0.3s ease-out, box-shadow 0.3s ease-out, visibility 0.3s ease-out, opacity 0.3s ease-out;
transition: right 0.3s ease-out, box-shadow 0.3s ease-out, visibility 0.3s ease-out, opacity 0.3s ease-out;
}
.bwp-hidden-sidebar-shown .bwp-hidden-sidebar {
right: 0;
box-shadow: -15px 0 15px -15px rgba(15,14,21,0.08);
visibility: visible;
opacity: 1;
}
/* sidebar with admin bar */
.admin-bar .bwp-hidden-sidebar {
top: 32px;
height: calc(100% - 32px);
}
@media (max-width: 782px) {
.admin-bar .bwp-hidden-sidebar {
top: 46px;
height: calc(100% - 46px);
}
}
@media (max-width: 600px) {
.admin-bar .bwp-hidden-sidebar {
top: 0;
height: 100%;
z-index: 100000;
}
}
/* button: close sidebar */
.bwp-hide-sidebar-button {
position: absolute;
top: 0;
right: 2px;
z-index: 2020;
padding-right: 30px;
padding-left: 30px;
height: 70px;
line-height: 70px;
font-size: 15px;
color: #4e4d58;
}
.bwp-hide-sidebar-button:hover,
.bwp-hide-sidebar-button:focus {
color: #786fff;
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
/* sidebar content */
.bwp-hidden-sidebar-content {
padding-bottom: 5px;
position: relative;
right: -25px;
opacity: 0;
-webkit-transition: right 0.3s ease-out 0.1s, opacity 0.3s ease-out 0.1s;
transition: right 0.3s ease-out 0.1s, opacity 0.3s ease-out 0.1s;
}
.bwp-hidden-sidebar-shown .bwp-hidden-sidebar-content {
right: 0;
opacity: 1;
}
/* sidebar overlay */
.bwp-hidden-sidebar-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 2000;
display: block;
width: 1px;
height: 100%;
background-color: #f2f2f3;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, width 0s ease-out 0.3s;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out, width 0s ease-out 0.3s;
}
.bwp-hidden-sidebar-shown .bwp-hidden-sidebar-overlay {
width: 100%; /* no animation */
opacity: 0.8;
visibility: visible;
-webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, width 0s ease-out 0s;
transition: opacity 0.3s ease-out, visibility 0.3s ease-out, width 0s ease-out 0s;
}
/*
16.0 - Widgets
---------------------------------------
*/
.bwp-widget,
.widget {
margin: 0 0 50px;
overflow-wrap: break-word;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.7;
color: #4e4d58;
}
.widget {
margin: 0;
}
.bwp-widget a,
.widget a {
color: #4e4d58;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-widget a:hover,
.bwp-widget a:focus,
.widget a:hover,
.widget a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/* widget title */
.bwp-widget .bwp-widget-title,
.widget .widgettitle {
margin: 0 0 15px;
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 1.6;
text-transform: uppercase;
color: #34343b;
}
.bwp-widget .bwp-widget-title a,
.widget .widgettitle a {
color: #34343b;
box-shadow: inset 0 -1px 0 0 currentColor;
}
.bwp-widget .bwp-widget-title a:hover,
.bwp-widget .bwp-widget-title a:focus,
.widget .widgettitle a:hover,
.widget .widgettitle a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 currentColor;
}
/* widgets: h1 - h6 */
.bwp-sidebar-content h1,
.bwp-sidebar-content h2,
.bwp-sidebar-content h3:not(.bwp-widget-title),
.bwp-sidebar-content h4,
.bwp-sidebar-content h5,
.bwp-sidebar-content h6 {
margin: 0 0 20px;
}
.bwp-sidebar-content h1 {
font-size: 27px;
line-height: 1.35;
}
.bwp-sidebar-content h2 {
font-size: 23px;
line-height: 1.35;
}
.bwp-sidebar-content h3:not(.bwp-widget-title) {
font-size: 20px;
line-height: 1.4;
}
.bwp-sidebar-content h4 {
font-size: 17px;
line-height: 1.45;
}
.bwp-sidebar-content h5 {
font-size: 15px;
line-height: 1.5;
}
.bwp-sidebar-content h6 {
font-size: 14px;
text-transform: uppercase;
line-height: 1.55;
}
.bwp-sidebar-content .wp-block-group h1,
.bwp-sidebar-content .wp-block-group h2,
.bwp-sidebar-content .wp-block-group h3:not(.bwp-widget-title),
.bwp-sidebar-content .wp-block-group h4,
.bwp-sidebar-content .wp-block-group h5,
.bwp-sidebar-content .wp-block-group h6,
.bwp-sidebar-content .widget_block .widget-title {
margin: 0 0 15px;
font-size: 16px;
line-height: 1.6;
text-transform: uppercase;
}
.bwp-sidebar-content .widget_block .widget-title {
margin-top: 30px;
}
.bwp-sidebar-content .widget_block:first-child .widget-title {
margin-top: 0;
}
/* widgets: list unstyled */
.bwp-sidebar-content .list-unstyled {
list-style: none;
}
/* widgets: block */
.widget_block {
margin: 0;
}
.bwp-sidebar-content .widget_block:last-child {
margin-bottom: 50px;
}
.bwp-sidebar-content .widget_block > :first-child:not(.widget-title) {
margin-top: 0 !important;
}
.bwp-sidebar-content .alignwide {
width: auto;
max-width: 100%;
margin: 0 0 20px !important;
}
.bwp-sidebar-content .alignfull {
width: auto;
max-width: 100%;
margin-top: 0 !important;
margin-bottom: 20px !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
/* widgets: group block */
.bwp-sidebar-content .wp-block-group {
margin: 0 0 50px;
}
.bwp-sidebar-content .widget_block:last-child .wp-block-group {
margin-bottom: 0;
}
.bwp-sidebar-content .wp-block-group .wp-block-group__inner-container > * {
margin-top: 0;
}
.bwp-sidebar-content .wp-block-group .wp-block-group__inner-container > :last-child:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
margin-bottom: 0;
}
/* widgets: widget group (WordPress 5.9+) */
.bwp-sidebar-content .wp-widget-group__inner-blocks {
margin: 0 0 50px;
}
.bwp-sidebar-content .widget_block:last-child .wp-widget-group__inner-blocks {
margin-bottom: 0;
}
.bwp-sidebar-content .wp-widget-group__inner-blocks > * {
margin-top: 0;
}
.bwp-sidebar-content .wp-widget-group__inner-blocks > :last-child {
margin-bottom: 0;
}
/* widgets: separator */
.bwp-sidebar-content .widget_block .wp-block-separator {
margin-top: 0 !important;
margin-bottom: 20px;
}
/* change background color for widget preview (admin side) */
#page.site {
background-color: #ffffff !important;
}
/*
16.1 - Widget: Archives
---------------------------------------
*/
.widget_archive ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_archive ul li {
margin-bottom: 6px;
font-size: 11px;
font-weight: 500;
color: #9897a9;
}
.widget_archive ul li:last-child {
margin-bottom: 0;
}
.widget_archive ul li a {
margin-right: 2px;
font-size: 15px;
font-weight: 400;
box-shadow: inset 0 -1px 0 0 transparent;
}
.widget_archive select {
margin-top: 7px;
}
/* block: archives */
.widget_block.widget_archive {
margin-bottom: 50px;
}
.widget_block.widget_archive > :last-child {
margin-bottom: 0;
}
.bwp-sidebar-content .wp-block-archives-list li::before {
display: none;
}
.bwp-sidebar-content .wp-block-archives-dropdown select {
margin-top: 0;
}
/*
16.2 - Widget: Pages
---------------------------------------
*/
.widget_pages ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_pages ul li {
margin-bottom: 6px;
}
.widget_pages ul li:last-child {
margin-bottom: 0;
}
.widget_pages ul li a {
box-shadow: inset 0 -1px 0 0 transparent;
}
.widget_pages ul ul {
margin: 6px 0 0;
padding: 0 0 1px 16px;
}
.widget_pages ul ul li::before {
content: '-';
margin-right: 5px;
font-size: 15px;
}
/* block: page list */
.widget_block > .wp-block-page-list {
margin-bottom: 50px;
}
.bwp-sidebar-content .wp-block-page-list li::before {
display: none;
}
.bwp-sidebar-content .wp-block-page-list ul li::before {
display: inline;
}
/*
16.3 - Widget: Categories
---------------------------------------
*/
.widget_categories ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_categories ul li {
margin-bottom: 6px;
font-size: 11px;
font-weight: 500;
color: #9897a9;
}
.widget_categories ul li:last-child {
margin-bottom: 0;
}
.widget_categories ul li a {
margin-right: 2px;
font-size: 15px;
font-weight: 400;
box-shadow: inset 0 -1px 0 0 transparent;
}
.widget_categories ul ul {
margin: 6px 0 0;
padding: 0 0 1px 16px;
}
.widget_categories ul ul li::before {
content: '-';
margin-right: 5px;
font-size: 15px;
font-weight: 400;
color: #4e4d58;
}
.widget_categories select {
margin-top: 7px;
}
/* block: categories */
.widget_block.widget_categories {
margin-bottom: 50px;
}
.widget_block.widget_categories > :last-child {
margin-bottom: 0;
}
.bwp-sidebar-content .wp-block-categories-list li::before {
display: none;
}
.bwp-sidebar-content .wp-block-categories-list ul li::before {
display: inline;
}
.bwp-sidebar-content .wp-block-categories select {
margin-top: 7px;
}
/*
16.4 - Widget: Recent posts
---------------------------------------
*/
.widget_recent_entries ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_recent_entries ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #efeff2;
}
.widget_recent_entries ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget_recent_entries ul li a {
box-shadow: inset 0 -1px 0 0 transparent;
}
.widget_recent_entries ul li .post-date {
display: block;
margin-top: 4px;
padding-bottom: 2px;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
color: #9897a9;
}
/* block with latest posts */
.widget_block.widget_recent_entries {
margin-bottom: 50px;
}
.widget_block.widget_recent_entries > :last-child {
margin-bottom: 0;
}
.bwp-sidebar-content ul.wp-block-latest-posts,
.bwp-sidebar-content ul.wp-block-latest-posts.is-grid {
margin-top: 0;
margin-bottom: 20px;
}
.bwp-sidebar-content ul.wp-block-latest-posts > li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
}
/* block with latest posts: post title */
.bwp-sidebar-content ul.wp-block-latest-posts > li > a {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.7;
color: #4e4d58;
}
.bwp-sidebar-content ul.wp-block-latest-posts > li > a:hover,
.bwp-sidebar-content ul.wp-block-latest-posts > li > a:focus {
color: #786fff;
}
/* block with latest posts: post excerpt */
.bwp-sidebar-content .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
margin: 10px 0 0;
font-size: 14px;
}
/* block with latest posts: post metadata */
.bwp-sidebar-content .wp-block-latest-posts .wp-block-latest-posts__post-author,
.bwp-sidebar-content .wp-block-latest-posts .wp-block-latest-posts__post-date {
margin: 6px 0 2px;
}
/* block with latest posts: featured image */
.bwp-sidebar-content .wp-block-latest-posts .wp-block-latest-posts__featured-image {
margin-bottom: 15px;
}
.bwp-sidebar-content .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignleft {
margin: 0 20px 7px 0;
}
.bwp-sidebar-content .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignright {
margin: 0 0 7px 20px;
}
/* block with latest posts: grid style */
.bwp-sidebar-content .wp-block-latest-posts.is-grid > li {
margin: 0 0 10px;
width: 100% !important;
}
.bwp-sidebar-content .wp-block-latest-posts.is-grid > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.bwp-sidebar-content .wp-block-latest-posts.is-grid.columns-4 > li > a,
.bwp-sidebar-content .wp-block-latest-posts.is-grid.columns-5 > li > a,
.bwp-sidebar-content .wp-block-latest-posts.is-grid.columns-6 > li > a {
font-size: 15px;
line-height: 1.7;
}
/*
16.5 - Widget: Tag cloud
---------------------------------------
*/
.widget_tag_cloud .tagcloud {
line-height: 1.5 !important;
}
.widget_tag_cloud .tagcloud a {
display: inline-block;
margin-right: 6px;
box-shadow: inset 0 -1px 0 0 transparent;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:focus {
box-shadow: inset 0 -1px 0 0 #786fff;
}
.widget_tag_cloud .tagcloud a .tag-link-count {
font-size: 11px;
font-weight: 500;
color: #9897a9;
-webkit-transition: color 0.2s ease-out;
transition: color 0.2s ease-out;
}
.widget_tag_cloud .tagcloud a:hover .tag-link-count,
.widget_tag_cloud .tagcloud a:focus .tag-link-count {
color: #786fff;
}
/* block: tag cloud */
.widget_block.widget_tag_cloud {
margin-bottom: 50px;
}
.widget_block.widget_tag_cloud > :last-child {
margin-bottom: 0;
}
/*
16.6 - Widget: Calendar
---------------------------------------
*/
.bwp-sidebar-content .wp-calendar-table,
.widget .wp-calendar-table {
caption-side: top;
margin: 0;
max-width: 100%;
width: 100%;
line-height: 1.5;
}
.bwp-sidebar-content .wp-calendar-table td,
.bwp-sidebar-content .wp-calendar-table th,
.widget .wp-calendar-table td,
.widget .wp-calendar-table th {
border: none;
}
/* caption (month) */
.wp-calendar-table caption {
margin: 0 0 20px;
padding: 4px 0 8px;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
border-bottom: 1px solid #efeff2;
color: #9897a9;
}
/* thead (days of the week) */
.wp-calendar-table thead th {
padding: 0 0 8px;
text-align: center;
font-size: 15px;
font-weight: 700;
cursor: default;
}
/* tbody (days) */
.wp-calendar-table tbody td {
padding: 8px 0;
text-align: center;
border-radius: 6px;
cursor: default;
-webkit-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
.wp-calendar-table tbody td:not(.pad):hover {
background-color: #f8f8fa;
}
.wp-calendar-table tbody #today {
color: #ffffff;
background-color: #786fff;
}
.wp-calendar-table tbody #today a,
.wp-calendar-table tbody #today a:hover,
.wp-calendar-table tbody #today a:focus {
color: #ffffff;
box-shadow: inset 0 -1px 0 0 #ffffff;
}
/* prev/next links */
.widget_calendar .wp-calendar-nav {
margin: 11px 0 0;
border-top: 1px solid #efeff2;
}
.widget_calendar .wp-calendar-nav::after {
content: '';
display: table;
clear: both;
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev {
float: left;
text-align: left;
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-next {
float: right;
text-align: right;
}
.widget_calendar .wp-calendar-nav a {
display: inline-block;
padding: 8px 0 2px;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
box-shadow: inset 0 -1px 0 0 transparent;
color: #9897a9;
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-prev a {
padding-right: 5px;
}
.widget_calendar .wp-calendar-nav .wp-calendar-nav-next a {
padding-left: 5px;
}
.widget_calendar .wp-calendar-nav a:hover,
.widget_calendar .wp-calendar-nav a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* block: calendar */
.widget_block.widget_calendar {
margin-bottom: 50px;
}
.widget_block.widget_calendar > :last-child {
margin-bottom: 0;
}
.bwp-sidebar-content .wp-block-calendar table caption {
border-bottom-width: 1px;
}
.bwp-sidebar-content .wp-block-calendar .wp-calendar-nav {
border-top-width: 1px;
}
/*
16.7 - Widget: Navigation menu
---------------------------------------
*/
.widget_nav_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_nav_menu ul li {
margin-bottom: 6px;
}
.widget_nav_menu ul li:last-child {
margin-bottom: 0;
}
.widget_nav_menu ul li a {
box-shadow: inset 0 -1px 0 0 transparent;
}
.widget_nav_menu ul li i {
margin-right: 6px;
}
.widget_nav_menu ul ul {
margin: 6px 0 0;
padding: 0 0 1px 16px;
}
.widget_nav_menu ul ul li::before {
content: '-';
margin-right: 5px;
font-size: 15px;
}
.widget_nav_menu ul ul ul {
padding-left: 22px;
}
/*
16.8 - Widget: Meta
---------------------------------------
*/
.widget_meta ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_meta ul li {
margin-bottom: 6px;
}
.widget_meta ul li:last-child {
margin-bottom: 0;
}
.widget_meta ul li a {
box-shadow: inset 0 -1px 0 0 transparent;
}
/*
16.9 - Widget: Recent comments
---------------------------------------
*/
.widget_recent_comments ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_recent_comments ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #efeff2;
color: #9897a9;
}
.widget_recent_comments ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget_recent_comments ul li a {
box-shadow: inset 0 -1px 0 0 transparent;
}
/* block with recent comments */
.widget_block.widget_recent_comments {
margin-bottom: 50px;
}
.widget_block.widget_recent_comments > :last-child {
margin-bottom: 0;
}
.bwp-sidebar-content .wp-block-latest-comments,
.bwp-sidebar-content .wp-block-latest-comments.aligncenter {
margin-top: 0;
margin-bottom: 20px;
}
.bwp-sidebar-content .wp-block-latest-comments li {
margin-bottom: 10px;
padding-bottom: 10px;
}
.bwp-sidebar-content .wp-block-latest-comments.has-excerpts li,
.bwp-sidebar-content .wp-block-latest-comments.has-avatars li {
margin-bottom: 15px;
padding-bottom: 15px;
}
/* block with recent comments: comment metadata */
.bwp-sidebar-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
color: #4e4d58;
text-decoration: none;
box-shadow: inset 0 -1px 0 0 transparent;
}
.bwp-sidebar-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover,
.bwp-sidebar-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta a:focus {
color: #786fff;
text-decoration: none;
box-shadow: inset 0 -1px 0 0 #786fff;
}
.bwp-sidebar-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta time {
margin-top: 6px;
padding-bottom: 2px;
}
/* block with recent comments: comment content */
.bwp-sidebar-content .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt {
margin-top: 10px;
}
/*
16.10 - Widgets: Text and Custom HTML
---------------------------------------
*/
.textwidget > :first-child {
margin-top: 0 !important;
}
/* form elements */
.textwidget p label:last-child {
padding-bottom: 0;
}
.textwidget input[type="text"],
.textwidget input[type="email"],
.textwidget input[type="url"],
.textwidget input[type="tel"],
.textwidget input[type="number"],
.textwidget input[type="date"] {
padding: 0 10px;
height: 40px;
}
.textwidget textarea {
margin-bottom: -7px;
padding: 5px 10px;
}
.textwidget select {
padding: 0 15px 0 6px;
height: 40px;
}
.textwidget select[multiple] {
padding: 8px 15px 8px 8px;
height: 120px;
}
/* additional styles for contact form (Contact Form 7) */
.bwp-sidebar-content .wpcf7 p {
margin: 0 0 10px;
}
.bwp-sidebar-content .wpcf7-form > p:last-of-type {
margin-bottom: 20px;
}
.bwp-sidebar-content .wpcf7 label {
font-size: 13px;
}
.bwp-sidebar-content .wpcf7 p label:last-child {
padding-bottom: 0;
}
.bwp-sidebar-content .wpcf7 input[type="text"],
.bwp-sidebar-content .wpcf7 input[type="email"],
.bwp-sidebar-content .wpcf7 input[type="url"],
.bwp-sidebar-content .wpcf7 input[type="tel"],
.bwp-sidebar-content .wpcf7 input[type="number"],
.bwp-sidebar-content .wpcf7 input[type="date"] {
padding: 0 10px;
height: 40px;
}
.bwp-sidebar-content .wpcf7 textarea {
margin-bottom: -7px;
padding: 5px 10px;
height: 120px;
}
.bwp-sidebar-content .wpcf7 select {
padding: 0 15px 0 6px;
height: 40px;
}
.bwp-sidebar-content .wpcf7 select[multiple] {
padding: 8px 15px 8px 8px;
height: 120px;
}
.bwp-sidebar-content .wpcf7 input[type="button"],
.bwp-sidebar-content .wpcf7 input[type="reset"],
.bwp-sidebar-content .wpcf7 input[type="submit"] {
margin-top: 10px;
margin-bottom: 0;
height: 44px;
line-height: 44px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.4px;
}
.bwp-sidebar-content .wpcf7 .wpcf7-acceptance label {
padding-top: 5px;
padding-bottom: 5px;
}
.bwp-sidebar-content .wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
margin-top: 6px;
font-size: 11px;
}
.bwp-sidebar-content .wpcf7 .wpcf7-form .wpcf7-response-output {
font-size: 14px;
}
/*
16.11 - Widget: Search
---------------------------------------
*/
.widget_search .bwp-widget-title,
.widget_search .widgettitle {
margin-bottom: 22px;
}
/* search form */
.widget_search .bwp-searchform {
border: 1px solid #f8f8fa;
border-bottom-color: #e6e6e9;
border-radius: 6px;
-webkit-transition: border-color 0.2s ease-out;
transition: border-color 0.2s ease-out;
}
.widget_search .bwp-searchform:hover,
.widget_search .bwp-searchform:focus {
border-color: #786fff;
}
.widget_search .bwp-searchform .bwp-search-field {
height: 44px;
padding: 0 5px 0 14px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
color: #4e4d58;
background: #f8f8fa;
border-radius: 6px 0 0 6px;
}
/* search form: placeholder */
/* Chrome / Opera / Safari */
.widget_search .bwp-searchform .bwp-search-field::-webkit-input-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
/* Firefox 18- */
.widget_search .bwp-searchform .bwp-search-field:-moz-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
/* Firefox 19+ */
.widget_search .bwp-searchform .bwp-search-field::-moz-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
/* IE 10+ */
.widget_search .bwp-searchform .bwp-search-field:-ms-input-placeholder {
font-weight: 400;
color: #9897a9;
opacity: 1;
}
/* search form: submit button */
.widget_search .bwp-searchform .bwp-search-submit {
width: 44px;
height: 44px;
line-height: 44px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #4e4d58;
background: #f8f8fa;
border-radius: 0 6px 6px 0;
}
.widget_search .bwp-searchform .bwp-search-submit:hover,
.widget_search .bwp-searchform .bwp-search-submit:focus {
color: #786fff;
}
/* block: search */
.widget_block.widget_search {
margin-bottom: 50px;
}
.widget_block.widget_search > :last-child {
margin-bottom: 0;
}
/*
16.12 - Widget: RSS
---------------------------------------
*/
.rsswidget img {
display: none;
}
.widget_rss .bwp-widget-title .rsswidget:first-child,
.widget_rss .widgettitle .rsswidget:first-child {
box-shadow: none !important;
}
.widget_rss .bwp-widget-title .rsswidget:first-child::before,
.widget_rss .widgettitle .rsswidget:first-child::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid); /* solid style */
content: "\f09e"; /* icon: rss */
margin-right: 5px;
font-size: 14px;
}
.widget_rss ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget_rss ul li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #efeff2;
}
.widget_rss ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.widget_rss ul li .rsswidget {
font-weight: 500;
box-shadow: inset 0 -1px 0 0 transparent;
}
.widget_rss ul li .rsswidget:hover,
.widget_rss ul li .rsswidget:focus {
box-shadow: inset 0 -1px 0 0 #786fff;
}
.widget_rss ul li .rss-date {
display: block;
margin-top: 5px;
padding-bottom: 2px;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
color: #9897a9;
}
.widget_rss ul li .rssSummary {
margin-top: 5px;
padding-bottom: 2px;
font-size: 14px;
line-height: 1.7;
}
.widget_rss ul li cite {
display: block;
margin: 5px 0 0;
padding: 0 0 2px;
text-align: left;
font-size: 11px;
font-weight: 500;
font-style: normal;
line-height: 1.3;
color: #9897a9;
}
/* block with rss */
.widget_block.widget_rss {
margin-bottom: 50px;
}
.widget_block.widget_rss > :last-child {
margin-bottom: 0;
}
.bwp-sidebar-content .wp-block-rss > li {
border-bottom-width: 1px;
}
.bwp-sidebar-content .wp-block-rss li .wp-block-rss__item-title {
line-height: 1.7;
font-weight: 400;
}
.bwp-sidebar-content .wp-block-rss.has-excerpts li .wp-block-rss__item-title {
font-weight: 500;
}
.bwp-sidebar-content .wp-block-rss li .wp-block-rss__item-publish-date,
.bwp-sidebar-content .wp-block-rss li .wp-block-rss__item-author {
margin: 6px 0 2px;
}
/* block with rss: grid style */
.bwp-sidebar-content ul.wp-block-rss.is-grid {
margin-bottom: 20px;
}
.widget_block.widget_rss > ul.wp-block-rss.is-grid:last-child {
margin-bottom: 0;
}
.bwp-sidebar-content .wp-block-rss.is-grid > li {
margin: 0 0 10px;
padding: 0 0 10px;
width: 100% !important;
}
.bwp-sidebar-content .wp-block-rss.is-grid > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
/*
16.13 - Widget: Audio
---------------------------------------
*/
.widget_media_audio .bwp-widget-title,
.widget_media_audio .widgettitle {
margin-bottom: 22px;
}
.widget_media_audio .wp-audio-shortcode {
margin: 0;
border-radius: 6px;
}
.widget_media_audio .mejs-controls {
border-radius: 6px;
}
.widget_media_audio a,
.widget_media_audio a:hover,
.widget_media_audio a:focus {
box-shadow: none;
}
/*
16.14 - Widget: Image
---------------------------------------
*/
.widget_media_image .bwp-widget-title,
.widget_media_image .widgettitle {
margin-bottom: 22px;
}
.widget_media_image .wp-caption,
.widget_media_image .wp-caption.alignnone {
margin: 0;
}
.widget_media_image .wp-caption .wp-caption-text {
padding-bottom: 0;
padding-left: 0;
text-align: left;
}
/*
16.15 - Widget: Video
---------------------------------------
*/
.widget_media_video .bwp-widget-title,
.widget_media_video .widgettitle {
margin-bottom: 22px;
}
.bwp-widget.widget_media_video .wp-video,
.widget.widget_media_video .wp-video {
margin: 0;
}
.bwp-widget.widget_media_video iframe,
.bwp-widget.widget_media_video video,
.widget.widget_media_video iframe,
.widget.widget_media_video video {
border-radius: 6px;
}
/*
16.16 - Widget: Gallery
---------------------------------------
*/
.bwp-widget.widget_media_gallery:not(.widget_block) {
margin-bottom: 35px;
}
.widget_media_gallery .bwp-widget-title,
.widget_media_gallery .widgettitle {
margin-bottom: 22px;
}
.widget_media_gallery .gallery:not(.gallery-columns-1) {
margin: 0 -5px;
}
.widget_media_gallery .gallery.gallery-columns-1 {
margin-bottom: -10px;
}
.widget_media_gallery .gallery:not(.gallery-columns-1) .gallery-item {
margin: 0 0 10px;
padding: 0 5px;
}
.widget_media_gallery .gallery:not(.gallery-columns-1) .gallery-item .gallery-caption {
padding: 5px 5px 5px 0;
}
.widget_media_gallery .gallery.gallery-columns-4 .gallery-item .gallery-caption,
.widget_media_gallery .gallery.gallery-columns-5 .gallery-item .gallery-caption,
.widget_media_gallery .gallery.gallery-columns-6 .gallery-item .gallery-caption,
.widget_media_gallery .gallery.gallery-columns-7 .gallery-item .gallery-caption,
.widget_media_gallery .gallery.gallery-columns-8 .gallery-item .gallery-caption,
.widget_media_gallery .gallery.gallery-columns-9 .gallery-item .gallery-caption {
display: none;
}
.widget_media_gallery .gallery .gallery-icon img {
border-radius: 6px;
}
/* block: gallery */
.bwp-sidebar-content .wp-block-gallery .blocks-gallery-grid figcaption,
.bwp-sidebar-content .wp-block-gallery figure.wp-block-image figcaption {
padding: 10px 5px 5px;
font-size: 13px;
line-height: 1.4;
}
.bwp-sidebar-content .wp-block-gallery.columns-3 .blocks-gallery-grid figcaption,
.bwp-sidebar-content .wp-block-gallery.columns-4 .blocks-gallery-grid figcaption,
.bwp-sidebar-content .wp-block-gallery.columns-3 figure.wp-block-image figcaption,
.bwp-sidebar-content .wp-block-gallery.columns-4 figure.wp-block-image figcaption {
display: none;
}
/*
16.17 - Widget: Social icons
---------------------------------------
*/
.bwp-sidebar-content .wp-block-social-links {
margin: 0 0 15px;
}
.widget_block > .wp-block-social-links {
margin: 0 0 45px;
}
/*
16.18 - Widget: Login - Out
---------------------------------------
*/
.widget_block > .wp-block-loginout {
margin: 0 0 50px;
}
.bwp-sidebar-content .wp-block-loginout form p {
margin: 0 0 10px;
}
.bwp-sidebar-content .wp-block-loginout form .login-remember {
padding-top: 4px;
padding-bottom: 4px;
}
.bwp-sidebar-content .wp-block-loginout form .login-submit input[type="submit"] {
height: 44px;
line-height: 44px;
padding: 0 25px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.4px;
}
/*
16.19 - Halva: Styles for additional widgets
- Halva: List Of Posts
- Halva: Popular Posts
- Halva: Random Posts
- Halva: Recent Posts
- Halva: Social Links
---------------------------------------
*/
/* dark overlay on images */
.widget_bwp_dark_bg_overlay,
.widget_bwp_bg_overlay {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background-color: #1a1a1e;
border-radius: 6px;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.widget_bwp_dark_bg_overlay {
opacity: 0.13;
}
.widget_bwp_bg_overlay {
opacity: 0;
}
/* list with posts (ul, li) */
.widget_bwp_post_list > ul,
.widget_bwp_random_posts > ul,
.widget_bwp_recent_posts > ul,
.widget_bwp_popular_posts > ul {
margin: 0;
padding: 7px 0 0;
}
.widget_bwp_post_list > ul > li,
.widget_bwp_random_posts > ul > li,
.widget_bwp_recent_posts > ul > li,
.widget_bwp_popular_posts > ul > li {
margin-bottom: 25px;
}
.widget_bwp_post_list > ul > li:last-child,
.widget_bwp_random_posts > ul > li:last-child,
.widget_bwp_recent_posts > ul > li:last-child,
.widget_bwp_popular_posts > ul > li:last-child {
margin-bottom: 0;
}
.widget_bwp_popular_posts > ul > li {
position: relative;
}
/* thumbnail (image 200x200px) */
.widget_bwp_thumbnail {
position: relative;
overflow: hidden;
float: left;
margin: 0 15px 0 0;
box-shadow: 0 10px 15px -10px rgba(15,14,21,0.2);
-webkit-transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.widget_bwp_thumbnail:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.widget_bwp_thumbnail img {
display: block;
width: 100px !important;
height: 100px !important;
border-radius: 6px;
box-shadow: none !important;
}
.widget_bwp_thumbnail:hover .widget_bwp_bg_overlay,
.widget_bwp_thumbnail a:focus .widget_bwp_bg_overlay {
opacity: 0.13;
}
/* content (title and metadata) */
.widget_bwp_content {
height: 100px;
display: table-cell;
vertical-align: middle;
}
.widget_bwp_content.widget_bwp_no_thumbnail {
height: auto;
}
.widget_bwp_popular_posts .widget_bwp_content.widget_bwp_no_thumbnail {
padding-left: 40px;
}
.bwp-widget.widget_bwp_popular_posts,
.widget.widget_bwp_popular_posts {
overflow: visible;
}
/* popular posts: post number */
.widget_bwp_popular_post_num {
position: absolute;
top: -10px;
left: -10px;
z-index: 20;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 17px;
color: #4e4d58;
background-color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 400;
box-shadow: 0 4px 10px -2px rgba(15,14,21,0.1);
-webkit-transition: -webkit-transform 0.2s ease-out, color 0.2s ease-out;
transition: transform 0.2s ease-out, color 0.2s ease-out;
}
.widget_bwp_popular_posts > ul > li:hover .widget_bwp_popular_post_num {
color: #786fff;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.widget_bwp_popular_post_num.widget_bwp_no_thumbnail {
top: -5px;
}
/* message: no posts (and no links) found */
.bwp-widget .widget_bwp_no_posts,
.bwp-widget .widget_bwp_no_social_links,
.widget .widget_bwp_no_posts,
.widget .widget_bwp_no_social_links {
margin: 0;
}
.bwp-widget .widget_bwp_no_social_links,
.widget .widget_bwp_no_social_links {
padding-bottom: 10px;
}
/* post title */
.widget_bwp_content h4,
.widget_bwp_post_list_item figcaption h4 {
margin: 0;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 1.45;
}
.widget_bwp_content h4 a,
.widget_bwp_post_list_item figcaption h4 a {
color: #34343b;
box-shadow: inset 0 -1px 0 0 transparent;
}
.widget_bwp_content h4 a:hover,
.widget_bwp_content h4 a:focus,
.widget_bwp_post_list_item figcaption h4 a:hover,
.widget_bwp_post_list_item figcaption h4 a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* post metadata */
.bwp-widget .widget_bwp_meta,
.widget .widget_bwp_meta {
margin: 0 -10px 0 0;
padding: 5px 0 0 !important;
}
.widget_bwp_meta li {
float: left;
margin-right: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 1.7;
color: #9897a9;
}
.widget_bwp_meta li a {
display: inline-block;
color: #9897a9;
box-shadow: inset 0 -1px 0 0 transparent;
}
.widget_bwp_meta li a:hover,
.widget_bwp_meta li a:focus {
color: #786fff;
box-shadow: inset 0 -1px 0 0 #786fff;
}
/* widget: list of posts (additional styles) */
.widget_bwp_post_list_item {
position: relative;
border-radius: 6px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
}
.widget_bwp_post_list_item img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
box-shadow: none !important;
border-radius: 6px;
}
.widget_bwp_post_list_item:hover .widget_bwp_dark_bg_overlay {
opacity: 0.26;
}
.widget_bwp_post_list_item figcaption {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 20;
width: calc(100% - 20px);
max-width: 70%;
padding: 15px;
background-color: rgba(255,255,255,0.8);
border-radius: 6px;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.2);
-webkit-transition: -webkit-transform 0.2s ease-out, background-color 0.2s ease-out;
transition: transform 0.2s ease-out, background-color 0.2s ease-out;
}
.widget_bwp_post_list_item:hover figcaption {
background-color: #ffffff;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
/* widget: social links */
.bwp-widget.widget_bwp_social {
margin-bottom: 40px;
}
.widget.widget_bwp_social {
margin-bottom: 0;
}
.widget_bwp_social ul {
margin: 0 -10px 0 0;
padding: 7px 0 0;
}
.widget_bwp_social ul li {
float: left;
margin: 0 10px 10px 0;
}
.widget_bwp_social ul li a {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-decoration: none !important;
color: #4e4d58;
background-color: #f8f8fa;
box-shadow: none;
border-radius: 6px;
-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, -webkit-transform 0.2s ease-out, box-shadow 0.2s ease-out;
transition: color 0.2s ease-out, background-color 0.2s ease-out, transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
.widget_bwp_social ul li a:hover {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.widget_bwp_social ul li a:hover,
.widget_bwp_social ul li a:focus {
color: #ffffff;
background-color: #786fff;
box-shadow: none;
}
/*
16.20 - Footer widgets: Widget styles
---------------------------------------
*/
/* input tags (input and textarea), selection (select) */
.bwp-page-with-posts .bwp-footer-widgets input[type="text"]:not(.bwp-search-field),
.bwp-page-with-posts .bwp-footer-widgets input[type="email"],
.bwp-page-with-posts .bwp-footer-widgets input[type="url"],
.bwp-page-with-posts .bwp-footer-widgets input[type="password"],
.bwp-page-with-posts .bwp-footer-widgets input[type="search"],
.bwp-page-with-posts .bwp-footer-widgets input[type="tel"],
.bwp-page-with-posts .bwp-footer-widgets input[type="number"],
.bwp-page-with-posts .bwp-footer-widgets input[type="date"],
.bwp-page-with-posts .bwp-footer-widgets textarea,
.bwp-page-with-posts .bwp-footer-widgets select {
background: #ffffff;
border: 1px solid #ffffff;
border-bottom-color: #e6e6e9;
}
.bwp-page-with-posts .bwp-footer-widgets input[type="text"]:not(.bwp-search-field):hover,
.bwp-page-with-posts .bwp-footer-widgets input[type="email"]:hover,
.bwp-page-with-posts .bwp-footer-widgets input[type="url"]:hover,
.bwp-page-with-posts .bwp-footer-widgets input[type="password"]:hover,
.bwp-page-with-posts .bwp-footer-widgets input[type="search"]:hover,
.bwp-page-with-posts .bwp-footer-widgets input[type="tel"]:hover,
.bwp-page-with-posts .bwp-footer-widgets input[type="number"]:hover,
.bwp-page-with-posts .bwp-footer-widgets input[type="date"]:hover,
.bwp-page-with-posts .bwp-footer-widgets textarea:hover,
.bwp-page-with-posts .bwp-footer-widgets select:hover,
.bwp-page-with-posts .bwp-footer-widgets input[type="text"]:not(.bwp-search-field):focus,
.bwp-page-with-posts .bwp-footer-widgets input[type="email"]:focus,
.bwp-page-with-posts .bwp-footer-widgets input[type="url"]:focus,
.bwp-page-with-posts .bwp-footer-widgets input[type="password"]:focus,
.bwp-page-with-posts .bwp-footer-widgets input[type="search"]:focus,
.bwp-page-with-posts .bwp-footer-widgets input[type="tel"]:focus,
.bwp-page-with-posts .bwp-footer-widgets input[type="number"]:focus,
.bwp-page-with-posts .bwp-footer-widgets input[type="date"]:focus,
.bwp-page-with-posts .bwp-footer-widgets textarea:focus,
.bwp-page-with-posts .bwp-footer-widgets select:focus {
border-color: #786fff;
}
/* widget: recent posts */
.bwp-page-with-posts .bwp-footer-widgets .widget_recent_entries ul li,
.bwp-page-with-posts .bwp-footer-widgets ul.wp-block-latest-posts > li {
border-color: #e6e6e9;
}
/* widget: calendar */
.bwp-page-with-posts .bwp-footer-widgets .wp-calendar-table caption,
.bwp-page-with-posts .bwp-footer-widgets .widget_calendar .wp-calendar-nav,
.bwp-page-with-posts .bwp-footer-widgets .wp-block-calendar table caption,
.bwp-page-with-posts .bwp-footer-widgets .wp-block-calendar .wp-calendar-nav {
border-color: #e6e6e9;
}
.bwp-page-with-posts .bwp-footer-widgets .wp-calendar-table tbody td:not(.pad):hover,
.bwp-page-with-posts .bwp-footer-widgets .wp-block-calendar table tbody td:not(.pad):hover {
background-color: #ffffff;
}
/* widget: recent comments */
.bwp-page-with-posts .bwp-footer-widgets .widget_recent_comments ul li,
.bwp-page-with-posts .bwp-footer-widgets .wp-block-latest-comments li {
border-color: #e6e6e9;
}
/* widget: search */
.bwp-page-with-posts .bwp-footer-widgets .widget_search .bwp-searchform,
.bwp-page-with-posts .bwp-footer-widgets .wp-block-search .wp-block-search__input {
border: 1px solid #ffffff;
border-bottom-color: #e6e6e9;
}
.bwp-page-with-posts .bwp-footer-widgets .widget_search .bwp-searchform:hover,
.bwp-page-with-posts .bwp-footer-widgets .widget_search .bwp-searchform:focus,
.bwp-page-with-posts .bwp-footer-widgets .wp-block-search .wp-block-search__input:hover,
.bwp-page-with-posts .bwp-footer-widgets .wp-block-search .wp-block-search__input:focus {
border-color: #786fff;
}
.bwp-page-with-posts .bwp-footer-widgets .widget_search .bwp-searchform .bwp-search-field,
.bwp-page-with-posts .bwp-footer-widgets .widget_search .bwp-searchform .bwp-search-submit,
.bwp-page-with-posts .bwp-footer-widgets .wp-block-search .wp-block-search__input {
background: #ffffff;
}
.bwp-page-with-posts .bwp-footer-widgets .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
background-color: #ffffff;
border-color: #ffffff;
border-bottom-color: #e6e6e9;
}
.bwp-page-with-posts .bwp-footer-widgets .wp-block-search.wp-block-search__button-inside .wp-block-search__input {
border: none;
}
/* widget: rss */
.bwp-page-with-posts .bwp-footer-widgets .widget_rss ul li,
.bwp-page-with-posts .bwp-footer-widgets .wp-block-rss > li {
border-color: #e6e6e9;
}
/* halva: social links */
.bwp-page-with-posts .bwp-footer-widgets .widget_bwp_social ul li a {
background-color: #ffffff;
box-shadow: none;
}
.bwp-page-with-posts .bwp-footer-widgets .widget_bwp_social ul li a:hover,
.bwp-page-with-posts .bwp-footer-widgets .widget_bwp_social ul li a:focus {
color: #ffffff;
background-color: #786fff;
box-shadow: none;
}
/*
17.0 - Information about cookies
---------------------------------------
*/
/* container with information about cookies */
.bwp-cookies-info-container {
position: fixed;
bottom: 40px;
left: 50px;
z-index: 920;
width: 265px;
padding: 30px 30px 35px;
overflow-wrap: break-word;
border-radius: 6px;
background-color: #ffffff;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.14);
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transition: visibility 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.3s ease-out;
transition: visibility 0.15s ease-out, opacity 0.15s ease-out, transform 0.3s ease-out;
}
.bwp-hidden-main-nav-shown .bwp-cookies-info-container {
-webkit-transform: translateY(90px);
transform: translateY(90px);
}
.bwp-hidden-sidebar-shown .bwp-cookies-info-container {
-webkit-transform: translateX(-210px);
transform: translateX(-210px);
}
.bwp-cookies-info-container.bwp-cookies-accepted {
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(15px);
transform: translateY(15px);
-webkit-transition: visibility 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
transition: visibility 0.15s ease-out, opacity 0.15s ease-out, transform 0.15s ease-out;
}
/* cookies notice: title */
.bwp-cookies-info-title {
margin: 0 0 17px;
font-size: 18px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.2px;
line-height: 1.4;
color: #34343b;
}
/* cookies notice: content */
.bwp-cookies-info-content {
font-size: 15px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 1.7;
color: #4e4d58;
}
.bwp-cookies-info-content > p {
margin: 0 0 10px;
}
.bwp-cookies-info-content > p:last-child {
margin-bottom: 0;
}
.bwp-cookies-info-content a,
.bwp-cookies-info-content a:hover,
.bwp-cookies-info-content a:focus {
box-shadow: inset 0 -1px 0 0 currentColor;
}
/* button: accept cookies */
.bwp-accept-cookies-button {
margin: 23px 0 0;
padding: 12px 20px 13px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.4px;
line-height: 1.45;
text-align: left;
white-space: normal;
color: #ffffff;
background: #34343b;
border-radius: 6px;
}
.bwp-accept-cookies-button:hover {
color: #ffffff;
background: #786fff;
}
/* cookies notice: close button (appears only on mobile devices) */
.bwp-button-hide-cookies-info {
display: none;
position: absolute;
top: -10px;
right: 10px;
z-index: 930;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
color: #4e4d58;
background: #ffffff;
border-radius: 20px;
box-shadow: 0 8px 15px -4px rgba(15,14,21,0.12);
}
.bwp-button-hide-cookies-info:hover {
color: #ffffff;
background: #786fff;
}
/* button: show information about cookies (appears only on mobile devices) */
.bwp-button-show-cookies-info {
display: none;
position: fixed;
bottom: 20px;
left: 20px;
z-index: 910;
width: calc(100% - 40px);
padding: 16px 20px;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 1.55;
white-space: normal;
overflow-wrap: break-word;
border-radius: 6px;
color: #4e4d58;
background: #ffffff;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.18);
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transition: visibility 0.15s ease-out, opacity 0.15s ease-out, -webkit-transform 0.3s ease-out, color 0.2s ease-out;
transition: visibility 0.15s ease-out, opacity 0.15s ease-out, transform 0.3s ease-out, color 0.2s ease-out;
}
.bwp-button-show-cookies-info.bwp-hidden {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.bwp-button-show-cookies-info > i:first-child {
margin-right: 8px;
}
.bwp-button-show-cookies-info:hover {
color: #786fff;
}
/*
18.0 - Styles for popup windows (magnificPopup)
---------------------------------------
*/
/* zoom cursor */
.bwp-body:not(.bwp-hidden-sidebar-shown) .bwp-post-media a.bwp-popup-image,
.bwp-body:not(.bwp-hidden-sidebar-shown) .bwp-post-media-slider a.bwp-popup-gallery-item,
.bwp-body:not(.bwp-hidden-sidebar-shown) .bwp-content a.bwp-popup-image,
.bwp-body:not(.bwp-hidden-sidebar-shown) .bwp-content .bwp-block-editor-popup-gallery .blocks-gallery-item > figure > a,
.bwp-body:not(.bwp-hidden-sidebar-shown) .bwp-content .bwp-block-editor-popup-gallery > figure > a {
cursor: zoom-in;
}
/* caption */
.mfp-title,
.mfp-counter {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 24px;
color: #000000;
text-shadow: 0 2px 8px rgba(255,255,255,1);
}
/* figure */
.mfp-figure::after {
box-shadow: 0 10px 15px -5px rgba(15,14,21,0.2);
background: #faf9fb;
}
.mfp-figure img.mfp-img {
border-radius: 0;
}
/* close button */
.mfp-close.bwp-mfp-close-button {
font-size: 18px;
color: #000000 !important;
opacity: 1 !important;
}
.mfp-close.bwp-mfp-close-button::after {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.mfp-close.bwp-mfp-close-button::after {
font: var(--fa-font-regular); /* regular style */
content: "\f057"; /* icon: circle-xmark */
}
.mfp-close.bwp-mfp-close-button:hover {
color: #000000 !important;
}
.mfp-close.bwp-mfp-close-button:active {
top: 0;
}
/* gallery arrows */
.bwp-mfp-arrow {
background: rgba(233,233,236,0.7) !important;
outline: none;
box-shadow: none;
position: absolute;
z-index: 1046;
top: 50%;
width: 60px;
height: 150px;
line-height: 150px;
margin: -75px 0 0;
padding: 0;
border: none;
font-size: 17px;
text-align: center;
color: #000000;
opacity: 1;
border-radius: 6px;
-webkit-transition: width 0.3s ease-out, background 0.3s ease-out;
-moz-transition: width 0.3s ease-out, background 0.3s ease-out;
-o-transition: width 0.3s ease-out, background 0.3s ease-out;
transition: width 0.3s ease-out, background 0.3s ease-out;
}
.bwp-mfp-arrow:hover {
width: 75px;
background: rgba(233,233,236,0.9) !important;
opacity: 1;
}
.bwp-mfp-arrow.bwp-mfp-arrow-left {
left: 20px;
}
.bwp-mfp-arrow.bwp-mfp-arrow-right {
right: 20px;
}
.bwp-mfp-arrow.bwp-mfp-arrow-left::after,
.bwp-mfp-arrow.bwp-mfp-arrow-right::after {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.bwp-mfp-arrow.bwp-mfp-arrow-left::after {
font: var(--fa-font-solid); /* solid style */
content: "\f053"; /* icon: chevron-left */
}
.bwp-mfp-arrow.bwp-mfp-arrow-right::after {
font: var(--fa-font-solid); /* solid style */
content: "\f054"; /* icon: chevron-right */
}
/* zoom-in and zoom-out animations */
.bwp-popup-zoom-in .mfp-container {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: scale(0.97);
-moz-transform: scale(0.97);
-ms-transform: scale(0.97);
-o-transform: scale(0.97);
transform: scale(0.97);
}
/* animate in */
.bwp-popup-zoom-in.mfp-ready .mfp-container {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* animate out */
.bwp-popup-zoom-in.mfp-removing .mfp-container {
-webkit-transform: scale(0.97);
-moz-transform: scale(0.97);
-ms-transform: scale(0.97);
-o-transform: scale(0.97);
transform: scale(0.97);
opacity: 0;
}
/* bg overlay, start state */
.mfp-bg {
background: #f2f2f3;
}
.bwp-popup-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
/* animate in */
.bwp-popup-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.bwp-popup-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/* preloader */
.mfp-preloader,
.mfp-preloader a {
color: #000000;
}
.mfp-preloader a {
text-decoration: underline;
box-shadow: none;
}
.mfp-preloader a:hover,
.mfp-preloader a:focus {
color: #000000;
text-decoration: underline;
box-shadow: none;
}
/*
19.0 - Responsive styles
---------------------------------------
*/
/* < 1280px (1279px) */
@media (max-width: 1279px) {
/* sticky buttons (top bar with buttons and "back to top" button) */
.bwp-sticky-buttons-container,
.bwp-scroll-top-wrapper {
right: 40px;
}
/* site navigation */
.bwp-hidden-main-nav {
left: 20px;
width: calc(100% - 40px);
}
.bwp-main-nav-logo-text,
.bwp-main-nav-logo-image {
padding-left: 20px;
}
.bwp-hide-main-nav-button {
padding-right: 25px;
}
.sf-menu a,
.bwp-subscribe-link {
padding-right: 8px;
padding-left: 8px;
}
.bwp-social-links::before {
margin-right: 13px;
}
.bwp-subscribe::before {
margin-left: 8px;
}
/* information about cookies */
.bwp-cookies-info-container {
left: 40px;
}
}
/* < 1250px (1249px) */
@media (max-width: 1249px) {
/* sticky buttons */
.bwp-sticky-buttons-container {
top: 20px;
right: 20px;
}
.admin-bar .bwp-sticky-buttons-container {
top: 52px;
}
.bwp-scroll-top-wrapper {
right: 20px;
bottom: 5px;
}
.bwp-scroll-top-wrapper.bwp-visible {
bottom: 20px;
}
/* information about cookies */
.bwp-cookies-info-container {
bottom: 20px;
left: 20px;
}
}
/* < 1200px (1199px) */
@media (max-width: 1199px) {
/* remove hidden navigation */
.bwp-hidden-main-nav,
.bwp-sticky-buttons-container .bwp-show-main-nav-button {
display: none;
}
/* sticky bar with buttons (color switch, search, etc.) */
.bwp-sticky-buttons-container {
top: 15px;
right: 15px;
height: 48px;
width: auto;
}
.admin-bar .bwp-sticky-buttons-container {
top: 47px;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons .bwp-separator-bottom {
margin-bottom: 0;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons .bwp-separator-bottom::after {
display: none;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons .bwp-separator-left {
position: relative;
margin-left: 1px;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons .bwp-separator-left:last-child {
margin-left: 0;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons .bwp-separator-left::before {
content: '';
display: block;
position: absolute;
left: -1px;
top: 50%;
width: 1px;
height: 20px;
margin-top: -10px;
background-color: #ebebee;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons .bwp-separator-left:last-child::before {
display: none;
}
.bwp-sticky-buttons-container .bwp-show-sidebar-button,
.bwp-sticky-buttons-container .bwp-toggle-color-button,
.bwp-sticky-buttons-container .bwp-font-types,
.bwp-sticky-buttons-container .bwp-dropdown-search {
float: right;
}
.bwp-dropdown-fonts-container,
.bwp-dropdown-search-container {
top: 100%;
right: 0;
margin-top: 8px;
margin-right: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.bwp-dropdown-fonts-container.bwp-visible,
.bwp-dropdown-search-container.bwp-visible {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.bwp-dropdown-fonts-container::after,
.bwp-dropdown-search-container::after {
display: none;
}
.bwp-dropdown-fonts-container::before,
.bwp-dropdown-search-container::before {
content: '';
position: absolute;
z-index: 900;
bottom: 100%;
right: 16px;
margin-bottom: -2px;
border: 8px solid transparent;
border-bottom: 8px solid #ffffff;
}
.bwp-dropdown-search-container {
width: 250px;
padding-right: 2px;
}
/* new width of main containers (1000px -> 910px) */
.bwp-site-header-container,
.bwp-secondary-nav-container,
.bwp-latest-posts-container,
.bwp-footer-widgets-container,
.bwp-site-footer-container,
.bwp-page-404-container,
.bwp-section-separator {
max-width: 910px;
}
/* site navigation */
.bwp-secondary-nav-container {
padding-right: 5px;
padding-left: 5px;
}
.sf-menu a,
.bwp-social-links,
.bwp-subscribe-link {
padding-right: 7px;
padding-left: 7px;
}
.sf-menu a i:first-child,
.bwp-subscribe-link i {
margin-right: 6px;
}
.bwp-social-links a {
margin-right: 2px;
}
.bwp-social-links::before {
margin-right: 10px;
margin-left: 1px;
}
.bwp-subscribe::before {
margin-right: 4px;
margin-left: 3px;
}
/* homepage carousel */
.bwp-carousel-section > .container-fluid {
padding-right: 0;
padding-left: 0;
}
.bwp-carousel-container {
max-width: 1030px;
}
#bwp-homepage-carousel-wrapper,
.bwp-homepage-carousel-item {
height: 285px;
}
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 318px;
}
.bwp-homepage-carousel-item-content {
padding: 30px 20px 25px;
}
/* archive page: title and subtitle */
.bwp-archive-header {
max-width: 640px;
}
/* post list: 1 column layout */
.bwp-col-1-layout {
max-width: 640px;
}
/* posts */
.bwp-post-content {
margin-right: 5px;
margin-left: 5px;
text-align: right;
}
.bwp-col-1-layout .bwp-post-content {
margin-right: 10px;
margin-left: 10px;
padding: 40px;
}
.sticky .bwp-post-sticky-mark {
right: 5px;
}
.bwp-col-1-layout .sticky .bwp-post-sticky-mark {
right: 10px;
}
/* single page: new width of main containers */
.bwp-single-post-header,
.bwp-single-post-content,
.bwp-about-author-container,
.comment-respond,
.bwp-comment-list-wrap,
.bwp-comments-area .bwp-no-comments-wrap,
.bwp-single-post-navigation-container {
max-width: 830px;
}
.bwp-singular .bwp-section-separator {
max-width: 910px;
}
.bwp-single-post-media-container,
.bwp-related-posts,
.bwp-random-posts {
max-width: 950px;
}
/* single page: post content */
.bwp-single-post-article .bwp-post-media-slider .tns-controls {
margin-left: -59px;
padding: 15px;
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls:focus {
outline-offset: -10px;
}
.bwp-content .alignwide {
width: 115.19%; /* 910px */
max-width: 115.19%;
margin: 40px -7.595% !important;
}
.bwp-content h1.alignfull,
.bwp-content h2.alignfull,
.bwp-content h3.alignfull,
.bwp-content h4.alignfull,
.bwp-content h5.alignfull,
.bwp-content h6.alignfull,
.bwp-content .wp-block-file.alignfull,
.bwp-content .wp-block-buttons.alignfull,
.bwp-content .wp-block-columns.alignfull,
.bwp-content .wp-block-archives-list.alignfull,
.bwp-content .wp-block-archives-dropdown.alignfull,
.bwp-content .wp-block-calendar.alignfull,
.bwp-content .wp-block-categories-list.alignfull,
.bwp-content .wp-block-categories-dropdown.alignfull,
.bwp-content .wp-block-latest-comments.alignfull,
.bwp-content ul.wp-block-latest-posts.alignfull,
.bwp-content .wp-block-rss.alignfull,
.bwp-content .wp-block-tag-cloud.alignfull,
.bwp-content .wp-block-details.alignfull {
padding-right: 20px;
padding-left: 20px;
}
.bwp-content .wp-block-pullquote.has-text-align-left.alignwide,
.bwp-content .wp-block-pullquote.has-text-align-right.alignwide {
max-width: 115.19%; /* 910px */
}
/* footer text */
.bwp-footer-text {
max-width: 640px;
}
/* button: "back to top" */
.bwp-scroll-top-wrapper {
right: 15px;
bottom: 0;
}
.bwp-scroll-top-wrapper.bwp-visible {
bottom: 15px;
}
/* information about cookies */
.bwp-cookies-info-container {
bottom: 15px;
left: 15px;
}
}
/* < 992px (991px) */
@media (max-width: 991px) {
/* hide regular menu (secondary navigation) */
.bwp-secondary-nav {
display: none;
}
/* add top padding to the body element */
body {
padding-top: 70px;
}
/* show mobile navigation at the top of the page */
.bwp-sticky-buttons-container {
position: absolute;
top: 0;
right: auto;
left: 0;
margin-left: 0 !important;
padding-right: 18px;
width: 100%;
height: 70px;
border-radius: 0 0 12px 12px;
/* box-shadow: 0 15px 15px -15px rgba(15,14,21,0.08); */
}
.admin-bar .bwp-sticky-buttons-container {
top: 32px;
}
/* .bwp-singular .bwp-sticky-buttons-container {
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.06);
} */
.bwp-sticky-buttons-container .bwp-mobile-buttons {
float: right;
padding-right: 18px;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons .bwp-separator-left {
margin-right: 0;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons .bwp-separator-left::before {
display: none;
}
.bwp-sticky-buttons-container .bwp-sticky-button {
width: 32px;
height: 70px;
line-height: 70px;
background: transparent;
}
.bwp-sticky-buttons-container .bwp-sticky-button:hover,
.bwp-sticky-buttons-container .bwp-sticky-button:focus,
.bwp-sticky-buttons-container .bwp-sticky-button.bwp-active {
color: #786fff;
background: transparent;
}
.bwp-dropdown-fonts-container,
.bwp-dropdown-search-container {
margin-right: -7px;
box-shadow: 0 6px 15px -2px rgba(15,14,21,0.12);
}
.bwp-dropdown-fonts-container::before,
.bwp-dropdown-search-container::before {
right: 15px;
}
/* show mobile menu */
.bwp-mobile-menu-container {
display: block;
}
/* change some shadows */
#bwp-options-for-latest-posts .bwp-central-block,
.bwp-post-content,
.bwp-no-results,
.bwp-page-404-content {
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.08);
}
/* new width of main containers (910px -> 690px) */
.bwp-site-header-container,
.bwp-latest-posts-container,
.bwp-footer-widgets-container,
.bwp-site-footer-container,
.bwp-page-404-container,
.bwp-section-separator {
max-width: 690px;
}
/* change animation for media */
.bwp-homepage-carousel-item:hover .bwp-homepage-carousel-item-bg,
.bwp-post-media:hover img,
.bwp-post-slider-item:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.bwp-col-1-layout .bwp-post-media:hover img,
.bwp-col-1-layout .bwp-post-slider-item:hover img,
.bwp-single-post-article .bwp-post-media:hover a img,
.bwp-single-post-article .bwp-post-slider-item:hover a img {
-webkit-transform: scale(1.04);
transform: scale(1.04);
}
/* latest posts: separator */
.bwp-latest-posts-section > .bwp-section-separator:first-child {
display: block;
}
.home .bwp-latest-posts-section > .bwp-section-separator:first-child {
display: none;
}
/* logo */
.bwp-logo-text:hover,
.bwp-logo-text:focus,
.bwp-logo-image-container .custom-logo-link:hover img,
.bwp-logo-image-container .custom-logo-link:focus img {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* homepage carousel (3 items -> 2 items) */
.bwp-carousel-section,
.bwp-hide-secondary-nav .bwp-carousel-section {
margin-top: 50px;
}
.bwp-carousel-container {
max-width: 730px;
padding-right: 20px;
padding-left: 20px;
}
#bwp-homepage-carousel-wrapper,
.bwp-homepage-carousel-item {
height: 300px;
}
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 333px;
}
.bwp-homepage-carousel-item-content {
padding: 35px 25px 25px;
}
.bwp-carousel-container .tns-controls,
.bwp-hide-secondary-nav .bwp-carousel-container .tns-controls {
top: -10px;
padding-top: 0;
}
/* archive page */
.archive .bwp-latest-posts-section,
.search .bwp-latest-posts-section {
margin-top: 50px;
}
.bwp-archive-header {
max-width: 600px;
}
/* layout options */
.bwp-toggle-layout:not(.bwp-active):hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* post list: 3 columns -> 2 columns */
.bwp-col-3-layout .bwp-col-size {
width: 50%; /* default size for columns (2 columns) */
}
.bwp-col-3 {
width: 50%; /* 2 columns */
}
.bwp-col-3.bwp-width-2x {
width: 100%; /* double width */
}
/* post list: 1 column layout */
.bwp-col-1-layout {
max-width: 690px;
}
/* posts */
.bwp-post-content {
margin-right: 10px;
margin-left: 10px;
}
.bwp-col-1-layout .bwp-post-content {
margin-right: 15px;
margin-left: 15px;
}
.sticky .bwp-post-sticky-mark {
right: 10px;
}
/* pagination */
.pagination .nav-links a.page-numbers:hover,
.pagination .nav-links a.page-numbers:focus {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* single page */
.bwp-single-post-section,
.bwp-hide-secondary-nav .bwp-single-post-section {
margin-top: 50px;
box-shadow: 0 -14px 15px -15px rgba(15,14,21,0.06);
}
.bwp-single-post-article,
.bwp-hide-secondary-nav .bwp-single-post-article {
padding-top: 45px;
}
.bwp-single-post-article.bwp-post-has-no-title,
.bwp-single-post-article.bwp-post-has-no-title.bwp-no-featured-media,
.bwp-hide-secondary-nav .bwp-single-post-article.bwp-post-has-no-title,
.bwp-hide-secondary-nav .bwp-single-post-article.bwp-post-has-no-title.bwp-no-featured-media {
padding-top: 15px;
}
.bwp-single-post-header .bwp-single-post-metadata {
padding-top: 2px;
}
/* single page: new width of main containers */
.bwp-single-post-header,
.bwp-single-post-content,
.bwp-about-author-container,
.comment-respond,
.bwp-comment-list-wrap,
.bwp-comments-area .bwp-no-comments-wrap,
.bwp-single-post-navigation-container,
.bwp-related-posts,
.bwp-random-posts {
max-width: 730px;
}
.bwp-singular .bwp-section-separator {
max-width: 690px;
}
.bwp-single-post-media-container {
max-width: 850px;
}
/* single page: post content */
.bwp-post-image-caption {
padding-right: 10px;
padding-left: 10px;
}
.bwp-content .alignwide {
width: 100%; /* 690px */
max-width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
.bwp-content .wp-block-pullquote.has-text-align-left.alignwide,
.bwp-content .wp-block-pullquote.has-text-align-right.alignwide {
max-width: 100%; /* 690px */
}
/* single page: pagination */
.bwp-content .bwp-single-post-pagination a:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* password protected post: password form */
.bwp-content .post-password-form {
padding-right: 40px;
padding-left: 40px;
}
/* comments */
.comment-reply-title {
max-width: 100%;
}
.bwp-comments-title {
max-width: 730px;
padding-right: 20px;
padding-left: 20px;
}
/* related posts, random posts */
.bwp-related-posts-title,
.bwp-random-posts-title {
max-width: 100%;
}
.bwp-related-posts .post,
.bwp-random-posts .post {
width: 50%; /* 2 columns */
}
.bwp-related-posts-container .post:nth-child(3),
.bwp-random-posts-container .post:nth-child(3) {
display: none;
}
/* footer widgets */
.bwp-footer-widgets-col-1 {
padding-right: 0;
}
.bwp-footer-widgets-col-2 {
padding-left: 0;
padding-right: 0;
}
.bwp-footer-widgets-col-3 {
padding-left: 0;
}
/* site footer */
.bwp-footer-text {
max-width: 100%;
}
}
/* < 783px (782px) */
@media (max-width: 782px) {
/* sticky bar with buttons */
.admin-bar .bwp-sticky-buttons-container {
top: 46px;
}
}
/* < 782px (781px) */
@media (max-width: 781px) {
/* block: columns */
.bwp-content .wp-block-columns.is-layout-flex {
gap: 0;
}
}
/* < 768px (767px) */
@media (max-width: 767px) {
/* headings: h1..h5 */
h1,
.h1 {
font-size: 27px;
line-height: 1.35;
}
h2,
.h2 {
font-size: 25px;
line-height: 1.35;
}
h3,
.h3 {
font-size: 23px;
line-height: 1.35;
}
h4,
.h4 {
font-size: 21px;
line-height: 1.4;
}
h5,
.h5 {
font-size: 18px;
line-height: 1.4;
}
/* legend */
legend {
font-size: 25px;
line-height: 1.35;
}
/* change animation for media */
.bwp-col-1-layout .bwp-post-media:hover img,
.bwp-col-1-layout .bwp-post-slider-item:hover img,
.bwp-single-post-article .bwp-post-media:hover a img,
.bwp-single-post-article .bwp-post-slider-item:hover a img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
/* section separator */
.bwp-section-separator {
max-width: 516px;
}
/* logo (text) */
.bwp-logo-container.bwp-logo-text-container {
margin-bottom: -6px;
}
.bwp-logo-text {
font-size: 46px;
letter-spacing: -1.5px;
}
/* homepage carousel (2 items -> 1 item) */
.bwp-carousel-container {
max-width: 556px;
}
#bwp-homepage-carousel-wrapper,
.bwp-homepage-carousel-item,
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 350px;
}
.bwp-homepage-carousel-item-content {
padding: 35px 30px 30px;
}
.bwp-homepage-carousel-item-text {
width: 100%;
max-width: 380px;
margin: 0 auto;
}
.bwp-homepage-carousel-post-title {
font-size: 27px;
line-height: 36px;
}
.bwp-carousel-container .bwp-carousel-loaded .tns-nav {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition: visibility 0.3s ease-out, opacity 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
transition: visibility 0.3s ease-out, opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
}
/* hide layout options and show page numbers */
.bwp-layout-options,
#bwp-options-for-latest-posts .bwp-separator {
display: none;
}
#bwp-options-for-latest-posts {
height: auto;
margin-bottom: 0;
padding-top: 0;
display:none;
}
#bwp-options-for-latest-posts .bwp-central-block {
display: inline;
padding: 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
}
.bwp-page-numbers {
float: none;
display: inline-block;
margin-top: 10px;
margin-bottom: 20px;
padding: 0 20px;
height: 44px;
line-height: 44px;
background-color: #ffffff;
box-shadow: 0 15px 15px -15px rgba(15,14,21,0.08);
border-radius: 6px;
white-space: nowrap;
}
/* post list: 3 columns -> 1 column */
.bwp-col-3-layout {
margin-right: 0;
}
.bwp-col-3-layout .bwp-masonry-item {
float: none;
}
.bwp-col-3-layout .bwp-post-wrapper {
margin-right: 0;
}
.bwp-col-3-layout .bwp-col-size,
.bwp-col-3,
.bwp-col-3.bwp-width-2x {
width: 100%; /* 1 column */
}
/* post list: 1 column */
.bwp-col-1-layout {
max-width: 100%;
}
.bwp-col-1-layout .bwp-post-wrapper {
margin-bottom: 40px;
}
/* posts */
/* media: hover icon and format icon */
.bwp-post-hover-icon,
.bwp-post-format-icon {
width: 44px;
height: 44px;
line-height: 44px;
}
.bwp-col-1-layout .bwp-post-hover-icon {
top: 10px;
right: 20px;
}
.bwp-col-1-layout .bwp-post-hover-icon.bwp-zoom-image {
top: 10px;
right: 22px;
font-size: 16px;
}
.bwp-col-1-layout .bwp-blog-post.format-link .bwp-post-hover-icon {
font-size: 16px;
}
.bwp-col-1-layout .bwp-post-format-icon {
top: 10px;
left: 10px;
}
.bwp-col-1-layout .bwp-blog-post.format-audio .bwp-post-format-icon {
top: 9px;
font-size: 15px;
}
/* slider: navigation buttons */
.bwp-post-media-slider .tns-controls button {
width: 44px;
height: 44px;
line-height: 44px;
font-size: 13px;
}
.bwp-post-media-slider .tns-controls button[data-controls="prev"] {
box-shadow: -6px 6px 12px -4px rgba(15,14,21,0.08);
}
.bwp-post-media-slider .tns-controls button[data-controls="next"] {
box-shadow: 6px 6px 12px -4px rgba(15,14,21,0.08);
}
.bwp-post-media-slider .tns-controls button[data-controls="next"]::before {
height: 22px;
}
.bwp-col-1-layout .bwp-post-media-slider .tns-controls {
padding: 10px;
}
.bwp-col-1-layout .bwp-post-media-slider .tns-controls:focus {
outline-offset: -5px;
}
/* post content */
.bwp-post-content,
.bwp-col-1-layout .bwp-post-content {
margin-right: 10px;
margin-left: 10px;
padding: 40px;
}
.bwp-post-title,
.bwp-col-1-layout .bwp-post-title {
font-size: 23px;
line-height: 31px;
}
.bwp-post-links li .bwp-separator,
.bwp-col-1-layout .bwp-post-links li .bwp-separator {
margin-right: 6px;
margin-left: 6px;
}
/* post format: quote */
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-post-excerpt.bwp-content blockquote:not(.wp-block-quote) {
font-size: 20px;
line-height: 29px;
}
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-post-links {
margin-top: 14px;
}
.bwp-col-1-layout .bwp-blog-post.format-quote.bwp-post-has-no-title .bwp-post-metadata {
margin-bottom: 10px;
}
/* post format: quote (block editor) */
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-large p,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-large p,
.bwp-col-1-layout .bwp-blog-post.format-quote .bwp-content .wp-block-quote.is-style-plain p {
font-size: 20px;
line-height: 1.45;
}
/* post format: status */
.bwp-col-1-layout .bwp-blog-post.format-status .bwp-post-excerpt.bwp-content {
font-size: 17px;
line-height: 27px;
}
.bwp-col-1-layout .bwp-blog-post.format-status .bwp-post-links {
margin-top: 14px;
}
/* sticky post: icon */
.sticky .bwp-post-sticky-mark {
width: 44px;
height: 44px;
line-height: 44px;
border-radius: 22px;
font-size: 16px;
}
/* pagination */
.pagination .nav-links .page-numbers:not(.current):not(.dots) {
padding-right: 14px;
padding-left: 14px;
}
.pagination .nav-links .page-numbers.dots {
padding-right: 2px;
padding-left: 2px;
}
.pagination .nav-links .page-numbers.next i {
margin-left: 2px;
}
.pagination .nav-links .page-numbers.prev i {
margin-right: 2px;
}
/* single page: new width of main containers */
.bwp-single-post-header,
.bwp-single-post-content,
.bwp-about-author-container,
.bwp-comments-title,
.comment-respond,
.bwp-comment-list-wrap,
.bwp-comments-area .bwp-no-comments-wrap,
.bwp-single-post-navigation-container,
.bwp-related-posts,
.bwp-random-posts {
max-width: 556px;
}
.bwp-singular .bwp-section-separator {
max-width: 516px;
}
.bwp-single-post-media-container {
max-width: 676px;
}
/* single page: post content */
/* metadata */
.bwp-single-post-header .bwp-single-post-metadata {
margin-right: 0;
margin-left: 0;
}
/* title */
.bwp-single-post-title {
font-size: 27px;
line-height: 1.35;
}
/* post format: status */
.bwp-single-post-article.format-status .bwp-content {
font-size: 19px;
line-height: 1.6;
}
/* gallery: 3 columns maximum */
.gallery.gallery-columns-4 .gallery-item,
.gallery.gallery-columns-5 .gallery-item,
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item {
width: 33.3333336%;
}
.gallery.gallery-columns-7 .gallery-item .gallery-caption,
.gallery.gallery-columns-8 .gallery-item .gallery-caption,
.gallery.gallery-columns-9 .gallery-item .gallery-caption {
display: block;
}
/* block editor: text sizes */
.bwp-body .bwp-content .has-large-font-size {
font-size: 26px !important;
line-height: 1.45;
}
.bwp-body .bwp-content .has-huge-font-size,
.bwp-body .bwp-content .has-larger-font-size,
.bwp-body .bwp-content .has-x-large-font-size {
font-size: 32px !important;
line-height: 1.35;
}
/* block: latest posts (3 columns maximum) */
.bwp-content .wp-block-latest-posts.is-grid.columns-4 > li,
.bwp-content .wp-block-latest-posts.is-grid.columns-5 > li,
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li {
width: calc(33.33333% - 20px);
}
.bwp-content .wp-block-latest-posts.is-grid.columns-4 > li:nth-child(4n),
.bwp-content .wp-block-latest-posts.is-grid.columns-5 > li:nth-child(5n),
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li:nth-child(6n) {
margin-right: 30px;
}
.bwp-content .wp-block-latest-posts.is-grid.columns-4 > li:nth-child(3n),
.bwp-content .wp-block-latest-posts.is-grid.columns-5 > li:nth-child(3n),
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li:nth-child(3n) {
margin-right: 0;
}
.bwp-content .wp-block-latest-posts.is-grid.columns-4 > li > a,
.bwp-content .wp-block-latest-posts.is-grid.columns-5 > li > a,
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li > a {
font-size: 15px;
}
/* block: rss (3 columns maximum) */
.bwp-content .wp-block-rss.is-grid.columns-4 > li,
.bwp-content .wp-block-rss.is-grid.columns-5 > li,
.bwp-content .wp-block-rss.is-grid.columns-6 > li {
width: calc(33.33333% - 16.66667px);
}
.bwp-content .wp-block-rss.is-grid.columns-4 > li:nth-child(4n),
.bwp-content .wp-block-rss.is-grid.columns-5 > li:nth-child(5n),
.bwp-content .wp-block-rss.is-grid.columns-6 > li:nth-child(6n) {
margin-right: 25px;
}
.bwp-content .wp-block-rss.is-grid.columns-4 > li:nth-child(3n),
.bwp-content .wp-block-rss.is-grid.columns-5 > li:nth-child(3n),
.bwp-content .wp-block-rss.is-grid.columns-6 > li:nth-child(3n) {
margin-right: 0;
}
/* comments */
.bwp-comment-list .children {
padding-left: 15px;
}
.comment-reply-title small {
position: static;
}
.comment-reply-title #cancel-comment-reply-link {
margin-left: 5px;
}
/* related posts, random posts */
.bwp-related-posts .bwp-post-hover-icon,
.bwp-related-posts .bwp-post-format-icon,
.bwp-random-posts .bwp-post-hover-icon,
.bwp-random-posts .bwp-post-format-icon {
width: 40px;
height: 40px;
line-height: 40px;
}
.bwp-related-posts .bwp-post-media-slider .tns-controls button,
.bwp-random-posts .bwp-post-media-slider .tns-controls button {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px;
}
.bwp-related-posts .bwp-post-media-slider .tns-controls button[data-controls="next"]::before,
.bwp-random-posts .bwp-post-media-slider .tns-controls button[data-controls="next"]::before {
height: 20px;
}
/* page 404 */
.bwp-page-404-content h1 {
font-size: 27px;
line-height: 1.35;
}
.bwp-page-404-content h2 {
font-size: 18px;
font-weight: 500;
line-height: 1.45;
}
/* magnificPopup: gallery arrows */
.bwp-mfp-arrow.bwp-mfp-arrow-left {
left: 15px;
}
.bwp-mfp-arrow.bwp-mfp-arrow-right {
right: 15px;
}
}
/* < 576px (575px) */
@media (max-width: 575px) {
/* mobile navigation */
.bwp-sticky-buttons-container {
padding-left: 10px;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons {
padding-right: 10px;
}
.bwp-dropdown-mobile-menu-container {
margin-left: 0;
}
.bwp-dropdown-mobile-menu-container::before {
left: 12px;
}
.bwp-dropdown-fonts-container,
.bwp-dropdown-search-container {
margin-right: -4px;
}
.bwp-dropdown-fonts-container::before,
.bwp-dropdown-search-container::before {
right: 12px;
}
/* site header */
.bwp-site-header > .container {
padding-right: 20px;
padding-left: 20px;
}
/* section separator */
.bwp-section-separator {
max-width: calc(100% - 40px);
}
/* homepage carousel */
#bwp-homepage-carousel-wrapper,
.bwp-homepage-carousel-item,
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 330px;
}
.bwp-homepage-carousel-item-content {
padding: 35px 30px 25px;
}
.bwp-homepage-carousel-post-title {
font-size: 23px;
line-height: 31px;
}
/* latest posts section */
.bwp-latest-posts-section > .container {
padding-right: 20px;
padding-left: 20px;
}
/* archive page: title and subtitle */
.bwp-archive-title {
font-size: 27px;
line-height: 1.35;
}
.bwp-archive-description {
margin-top: 14px;
}
/* posts */
/* media: hover icon and format icon */
.bwp-post-hover-icon,
.bwp-post-format-icon,
.bwp-col-1-layout .bwp-post-hover-icon,
.bwp-col-1-layout .bwp-post-format-icon {
width: 40px;
height: 40px;
line-height: 40px;
}
/* slider: navigation buttons */
.bwp-post-media-slider .tns-controls button,
.bwp-col-1-layout .bwp-post-media-slider .tns-controls button {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px;
}
.bwp-post-media-slider .tns-controls button[data-controls="prev"],
.bwp-col-1-layout .bwp-post-media-slider .tns-controls button[data-controls="prev"] {
box-shadow: -6px 6px 10px -4px rgba(15,14,21,0.08);
}
.bwp-post-media-slider .tns-controls button[data-controls="next"],
.bwp-col-1-layout .bwp-post-media-slider .tns-controls button[data-controls="next"] {
box-shadow: 6px 6px 10px -4px rgba(15,14,21,0.08);
}
.bwp-post-media-slider .tns-controls button[data-controls="next"]::before,
.bwp-col-1-layout .bwp-post-media-slider .tns-controls button[data-controls="next"]::before {
height: 20px;
}
/* post content */
.bwp-post-content,
.bwp-col-1-layout .bwp-post-content {
padding: 30px 30px 35px;
}
.bwp-post-title,
.bwp-col-1-layout .bwp-post-title {
font-size: 20px;
line-height: 29px;
}
/* sticky post: icon */
.sticky .bwp-post-sticky-mark,
.bwp-col-1-layout .sticky .bwp-post-sticky-mark {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 20px;
font-size: 15px;
}
/* single page: section separator */
.bwp-singular .bwp-section-separator {
max-width: calc(100% - 40px);
}
/* single page: post content */
/* full alignment */
.bwp-content .alignfull {
margin-right: -20px !important;
margin-left: -20px !important;
width: auto;
max-width: 100vw;
}
/* block: pullquote */
.bwp-content .wp-block-pullquote.alignleft,
.bwp-content .wp-block-pullquote.alignright,
.bwp-content .wp-block-pullquote.has-text-align-left.alignleft,
.bwp-content .wp-block-pullquote.has-text-align-right.alignleft,
.bwp-content .wp-block-pullquote.has-text-align-left.alignright,
.bwp-content .wp-block-pullquote.has-text-align-right.alignright {
max-width: 205px;
}
/* block: gallery */
.bwp-content .wp-block-gallery.alignleft,
.bwp-content .wp-block-gallery.alignright {
max-width: 300px;
}
/* block: audio */
.bwp-content .wp-block-audio audio {
min-width: 235px;
}
.bwp-content .wp-block-audio.alignleft,
.bwp-content .wp-block-audio.alignright {
max-width: 235px;
}
/* block: video */
.bwp-content .wp-block-video.alignleft,
.bwp-content .wp-block-video.alignright,
.bwp-content .wp-block-video.alignleft video,
.bwp-content .wp-block-video.alignright video {
max-width: 235px;
}
/* block: cover */
.bwp-content .wp-block-cover,
.bwp-content .wp-block-cover-image {
padding-right: 20px;
padding-left: 20px;
}
.bwp-content .wp-block-cover.alignleft,
.bwp-content .wp-block-cover.alignright,
.bwp-content .wp-block-cover-image.alignleft,
.bwp-content .wp-block-cover-image.alignright {
max-width: 300px;
}
/* block: archives */
.bwp-content .wp-block-archives-dropdown.alignleft,
.bwp-content .wp-block-archives-dropdown.alignright {
width: 235px;
}
/* block: calendar */
.bwp-content .wp-block-calendar.alignleft table,
.bwp-content .wp-block-calendar.alignright table {
width: 235px;
}
/* block: categories */
.bwp-content .wp-block-categories-dropdown.alignleft select,
.bwp-content .wp-block-categories-dropdown.alignright select {
width: 235px;
}
/* block: latest comments */
.bwp-content .wp-block-latest-comments.alignleft,
.bwp-content .wp-block-latest-comments.alignright {
max-width: 235px;
}
/* block: latest posts */
.bwp-content .wp-block-latest-posts.is-grid > li {
margin-right: 0;
}
.bwp-content .wp-block-latest-posts.is-grid.columns-2 > li,
.bwp-content .wp-block-latest-posts.is-grid.columns-3 > li,
.bwp-content .wp-block-latest-posts.is-grid.columns-4 > li,
.bwp-content .wp-block-latest-posts.is-grid.columns-5 > li,
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li {
width: 100%; /* 1 column */
}
.bwp-content .wp-block-latest-posts.is-grid.columns-4 > li > a,
.bwp-content .wp-block-latest-posts.is-grid.columns-5 > li > a,
.bwp-content .wp-block-latest-posts.is-grid.columns-6 > li > a {
font-size: 18px;
line-height: 1.45;
}
.bwp-content ul.wp-block-latest-posts.alignleft,
.bwp-content ul.wp-block-latest-posts.alignright {
max-width: 235px;
}
/* block: rss */
.bwp-content .wp-block-rss.is-grid > li {
margin-right: 0;
}
.bwp-content .wp-block-rss.is-grid.columns-2 > li,
.bwp-content .wp-block-rss.is-grid.columns-3 > li,
.bwp-content .wp-block-rss.is-grid.columns-4 > li,
.bwp-content .wp-block-rss.is-grid.columns-5 > li,
.bwp-content .wp-block-rss.is-grid.columns-6 > li {
width: 100%; /* 1 column */
}
.bwp-content .wp-block-rss.alignleft,
.bwp-content .wp-block-rss.alignright {
max-width: 235px;
}
/* block: social icons */
.bwp-content .wp-block-social-links.alignleft,
.bwp-content .wp-block-social-links.alignright {
max-width: 235px;
}
/* block: tag cloud */
.bwp-content .wp-block-tag-cloud.alignleft,
.bwp-content .wp-block-tag-cloud.alignright {
max-width: 235px;
}
/* block: embed */
.bwp-content .wp-block-embed.alignleft,
.bwp-content .wp-block-embed.alignright {
max-width: 235px;
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper,
.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper {
min-width: 235px;
}
/* password protected post: password form */
.bwp-content .post-password-form {
padding: 40px;
}
/* single post: taxonomies (categories and tags) */
.bwp-single-post-taxonomies {
margin-bottom: 0;
}
.bwp-single-post-taxonomies > div {
display: block;
margin-right: 0;
margin-bottom: 17px;
}
.bwp-single-post-taxonomies .bwp-single-post-tags .bwp-taxonomy-label::before {
margin-right: 5px;
}
/* single post: about the author */
.bwp-about-author .bwp-author-avatar {
margin-right: 15px;
}
.bwp-about-author .bwp-author-avatar img {
width: 56px;
height: 56px;
border-radius: 28px;
}
.bwp-about-author .bwp-author-avatar-overlay {
border-radius: 28px;
}
.bwp-about-author .bwp-author-bio-container {
height: auto;
display: block;
}
.bwp-about-author:not(.bwp-no-avatars) .bwp-author-name {
padding-top: 8px;
padding-left: 71px;
}
.bwp-about-author .bwp-author-name .bwp-name {
margin-right: 0;
}
.bwp-about-author .bwp-author-posts-link {
display: block;
margin-top: 2px;
}
.bwp-about-author .bwp-author-posts-link i {
font-size: 13px;
}
.bwp-about-author:not(.bwp-no-avatars) .bwp-author-bio {
margin-top: 21px;
}
/* single post: post navigation */
.post-navigation .nav-links .nav-previous {
padding-right: 10px;
}
.post-navigation .nav-links .nav-next {
padding-left: 10px;
}
.post-navigation .nav-links .nav-previous a:hover .meta-nav i,
.post-navigation .nav-links .nav-previous a:focus .meta-nav i {
margin-right: 6px;
}
.post-navigation .nav-links .nav-next a:hover .meta-nav i,
.post-navigation .nav-links .nav-next a:focus .meta-nav i {
margin-left: 6px;
}
/* comments */
.bwp-comment-list .children {
padding-left: 10px;
}
.comment-navigation .nav-links .nav-previous a:hover i,
.comment-navigation .nav-links .nav-previous a:focus i {
margin-right: 6px;
}
.comment-navigation .nav-links .nav-next a:hover i,
.comment-navigation .nav-links .nav-next a:focus i {
margin-left: 6px;
}
/* related posts / random posts */
.bwp-related-posts .bwp-section-separator,
.bwp-random-posts .bwp-section-separator {
max-width: 100%;
}
.bwp-related-posts .post .bwp-post-content,
.bwp-random-posts .post .bwp-post-content {
padding-right: 5px;
}
.bwp-related-posts .post .bwp-post-title,
.bwp-random-posts .post .bwp-post-title {
font-size: 16px;
}
/* site footer */
.bwp-footer-widgets-section > .container,
.bwp-site-footer > .container {
padding-right: 20px;
padding-left: 20px;
}
/* page 404 */
.bwp-page-404-section > .container {
padding-right: 20px;
padding-left: 20px;
}
/* hidden sidebar */
.bwp-hidden-sidebar {
right: -400px;
width: 400px;
padding-right: 40px;
padding-left: 40px;
}
.bwp-hidden-sidebar-shown .bwp-site-content,
.bwp-hidden-sidebar-shown .bwp-sticky-buttons-container,
.bwp-hidden-sidebar-shown .bwp-cookies-info-container {
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
}
/* widgets */
.widget_bwp_post_list_item figcaption {
max-width: 80%;
}
/* hide back to top button */
.bwp-scroll-top-wrapper {
display: none;
}
/* information about cookies */
.bwp-cookies-info-container {
bottom: 10px;
left: 10px;
}
}
/* < 500px (499px) */
@media (max-width: 499px) {
/* logo (text) */
.bwp-logo-text {
padding-right: 0;
padding-left: 0;
font-size: 45px;
}
/* section separator */
.bwp-section-separator {
max-width: 100%;
}
.bwp-section-separator.bwp-gradient {
background: #eaeaed;
}
.bwp-section-separator::after {
display: none;
}
/* homepage carousel */
#bwp-homepage-carousel-wrapper,
.bwp-homepage-carousel-item,
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 310px;
}
.bwp-homepage-carousel-item-text {
max-width: 340px;
}
.bwp-carousel-container .tns-controls {
margin-left: -52px;
}
.bwp-carousel-container .tns-controls button {
width: 42px;
height: 42px;
line-height: 42px;
font-size: 12px;
}
.bwp-carousel-container .tns-controls button[data-controls="next"]::before {
top: 11px;
height: 20px;
}
/* page numbers */
.bwp-page-numbers {
height: 42px;
line-height: 42px;
padding-right: 15px;
padding-left: 15px;
}
/* pagination */
.pagination .nav-links .page-numbers.prev,
.pagination .nav-links .page-numbers.next {
display: none;
}
/* single page: section separator */
.bwp-singular .bwp-section-separator {
max-width: 100%;
}
.bwp-singular .bwp-section-separator.bwp-gradient {
background: #efeff2;
}
/* single page: post content */
/* image caption */
.bwp-post-image-caption {
padding-bottom: 10px;
}
/* slider: navigation */
.bwp-single-post-article .bwp-post-media-slider .tns-controls {
margin-left: -50px;
padding: 10px;
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls:focus {
outline-offset: -5px;
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls button {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px;
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls button[data-controls="prev"] {
box-shadow: -6px 6px 10px -4px rgba(15,14,21,0.08);
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls button[data-controls="next"] {
box-shadow: 6px 6px 10px -4px rgba(15,14,21,0.08);
}
.bwp-single-post-article .bwp-post-media-slider .tns-controls button[data-controls="next"]::before {
height: 20px;
}
/* table */
.bwp-content table:not(.wp-calendar-table),
.comment-content table {
display: block;
overflow-x: auto;
}
/* preformatted text */
pre {
padding: 30px;
}
/* ul, ol */
.bwp-content ul,
.comment-content ul {
padding-left: 18px;
}
.bwp-content ol,
.comment-content ol {
padding-left: 25px;
}
.widget_archive ul,
.widget_pages ul,
.widget_categories ul,
.widget_recent_entries ul,
.widget_nav_menu ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_rss ul,
.widget_bwp_post_list > ul,
.widget_bwp_random_posts > ul,
.widget_bwp_recent_posts > ul,
.widget_bwp_popular_posts > ul,
.widget_bwp_social ul {
padding-left: 0;
}
/* audio and video player */
.bwp-body .wp-playlist {
padding: 30px 30px 20px;
}
/* block has background */
.bwp-content .has-background {
padding: 30px;
}
/* block: list */
.bwp-content ul.has-background,
.bwp-content ol.has-background {
padding-left: 48px;
}
/* block: quote */
.bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 0 0 26px;
}
.bwp-content .wp-block-quote.has-text-align-right:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 26px 0 0;
}
.bwp-content .wp-block-quote.is-large,
.bwp-content .wp-block-quote.is-style-large,
.bwp-content .wp-block-quote.is-style-plain {
padding: 0 0 0 30px;
}
.bwp-content .wp-block-quote.is-large.has-text-align-right,
.bwp-content .wp-block-quote.is-style-large.has-text-align-right,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-right {
padding: 0 30px 0 0;
}
/* block: preformatted */
.bwp-content .wp-block-preformatted.has-background {
padding: 30px;
}
/* block: verse */
.bwp-content .wp-block-verse.has-background {
padding: 30px;
}
/* block: cover */
.bwp-content .wp-block-cover,
.bwp-content .wp-block-cover-image {
padding-top: 30px;
padding-bottom: 10px;
}
/* block: search */
.bwp-content .wp-block-search.alignleft,
.bwp-content .wp-block-search.alignright {
width: 240px;
}
/* block: details */
.bwp-content .wp-block-details.has-background[open] {
padding-bottom: 10px;
}
/* password protected post: password form */
.bwp-content .post-password-form {
padding: 0;
background-color: transparent;
border-radius: 0;
}
.bwp-content .post-password-form label {
width: 200px;
}
.bwp-content .post-password-form input[type="password"] {
background: #f8f8fa;
}
/* post navigation */
.post-navigation .nav-links > div:first-child:not(.nav-next) {
border-right: none;
}
.post-navigation .nav-links > .nav-next:first-child {
border-left: none;
}
/* comments */
.comment-reply-title small {
display: block;
}
.comment-reply-title #cancel-comment-reply-link {
margin-top: 8px;
margin-left: 0;
font-size: 12px;
}
.bwp-comment-list-wrap {
padding-bottom: 50px;
border-bottom: 2px solid #efeff2;
}
.bwp-comment-list .children {
padding-left: 15px;
}
.bwp-comment-list .comment .comment-body {
margin-top: 35px;
padding: 0;
border: none;
border-radius: 0;
}
.bwp-comment-list .comment-body .reply {
position: static;
margin-top: 10px;
line-height: 1.3;
}
.bwp-comment-list .comment-body .reply a {
padding: 0;
background-color: transparent;
border-radius: 0;
font-size: 12px;
}
.bwp-comment-list .comment-body .reply a:hover,
.bwp-comment-list .comment-body .reply a:focus {
color: #786fff;
background-color: transparent;
}
.bwp-comment-list li .comment-respond {
margin-top: 40px;
margin-bottom: 40px;
}
.bwp-comment-list .pingback .comment-body,
.bwp-comment-list .trackback .comment-body {
margin-top: 35px;
padding: 0 0 0 20px;
border: none;
border-radius: 0;
}
.bwp-comment-list .pingback .comment-body::before,
.bwp-comment-list .trackback .comment-body::before {
top: 1px;
left: 0;
}
.bwp-comment-list .pingback .comment-body > a,
.bwp-comment-list .trackback .comment-body > a {
margin-left: -21px;
}
.bwp-comment-list .pingback .comment-body .edit-link,
.bwp-comment-list .trackback .comment-body .edit-link {
position: static;
display: block;
margin-top: 10px;
margin-left: -21px;
}
.bwp-comment-list .pingback .comment-body .edit-link a,
.bwp-comment-list .trackback .comment-body .edit-link a {
padding: 0;
background-color: transparent;
border-radius: 0;
font-size: 12px;
}
.bwp-comment-list .pingback .comment-body .edit-link a:hover,
.bwp-comment-list .trackback .comment-body .edit-link a:hover {
color: #786fff;
background-color: transparent;
}
.bwp-comments-area .bwp-no-comments-wrap {
margin-bottom: 30px;
}
.bwp-comments-area .bwp-no-comments {
padding: 30px 0 0;
border: none;
border-radius: 0;
text-align: center;
font-size: 14px;
font-weight: 500;
}
.comment-navigation {
margin: 50px -20px -30px;
padding-top: 20px;
padding-bottom: 0;
border-top: 2px solid #efeff2;
border-bottom: none;
}
.comment-navigation .nav-links > div:first-child:not(.nav-next) {
border-right: none;
}
.comment-navigation .nav-links > .nav-next:first-child {
border-left: none;
}
.comment-navigation .nav-links .nav-previous {
padding-right: 10px;
}
.comment-navigation .nav-links .nav-next {
padding-left: 10px;
}
.comment-navigation .nav-links .nav-previous a {
padding-left: 20px;
}
.comment-navigation .nav-links .nav-next a {
padding-right: 20px;
}
/* related posts, random posts */
.bwp-related-posts,
.bwp-random-posts {
padding-right: 0;
padding-left: 0;
}
.bwp-related-posts-container,
.bwp-random-posts-container {
margin-right: 0;
padding-right: 20px;
padding-left: 20px;
}
.bwp-related-posts-title,
.bwp-random-posts-title {
margin-bottom: 35px;
padding-right: 20px;
padding-left: 20px;
}
.bwp-related-posts .post,
.bwp-random-posts .post {
float: none;
width: 100%; /* 1 column */
}
.bwp-related-posts .post .bwp-post-wrapper,
.bwp-random-posts .post .bwp-post-wrapper {
margin-right: 0;
margin-bottom: 35px;
}
.bwp-related-posts .post:last-child .bwp-post-wrapper,
.bwp-random-posts .post:last-child .bwp-post-wrapper {
margin-bottom: 0;
}
.bwp-related-posts-container .post:nth-child(3),
.bwp-random-posts-container .post:nth-child(3) {
display: block;
}
.bwp-related-posts .post .bwp-post-title,
.bwp-random-posts .post .bwp-post-title {
font-size: 18px;
}
/* page 404 / no results */
.bwp-page-404-content,
.bwp-no-results {
padding-right: 20px;
padding-left: 20px;
}
/* hidden sidebar */
.bwp-hidden-sidebar {
right: -380px;
width: 380px;
padding-right: 30px;
padding-left: 30px;
}
.bwp-hidden-sidebar-shown .bwp-site-content,
.bwp-hidden-sidebar-shown .bwp-sticky-buttons-container,
.bwp-hidden-sidebar-shown .bwp-cookies-info-container,
.bwp-hidden-sidebar-shown .bwp-button-show-cookies-info {
-webkit-transform: translateX(-190px);
transform: translateX(-190px);
}
/* widgets */
.widget_bwp_post_list_item figcaption {
max-width: 85%;
}
/* information about cookies */
.bwp-cookies-info-container {
bottom: 0;
left: 20px;
width: calc(100% - 40px);
padding: 30px;
border-radius: 6px 6px 0 0;
box-shadow: 0 -6px 15px -2px rgba(15,14,21,0.12);
}
.bwp-button-show-cookies-info,
.bwp-button-hide-cookies-info {
display: block;
}
.bwp-cookies-info-container.bwp-hidden-on-mobile,
.bwp-cookies-info-container.bwp-cookies-accepted.bwp-hidden-on-mobile.bwp-visible {
bottom: -15px;
visibility: hidden;
opacity: 0;
pointer-events: none;
-webkit-transition: bottom 0.15s ease-out, visibility 0.15s ease-out, opacity 0.15s ease-out;
transition: bottom 0.15s ease-out, visibility 0.15s ease-out, opacity 0.15s ease-out;
}
.bwp-cookies-info-container.bwp-hidden-on-mobile.bwp-visible {
bottom: 0;
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transition: bottom 0.3s ease-out, visibility 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
transition: bottom 0.3s ease-out, visibility 0.3s ease-out, opacity 0.3s ease-out, transform 0.3s ease-out;
}
.bwp-cookies-info-container.bwp-cookies-accepted.bwp-hidden-on-mobile.bwp-visible {
-webkit-transform: translateY(0);
transform: translateY(0);
}
/* magnificPopup: gallery arrows */
.bwp-mfp-arrow {
width: 50px;
height: 100px;
line-height: 100px;
margin-top: -50px;
font-size: 15px;
}
.bwp-mfp-arrow:hover {
width: 65px;
}
}
/* < 450px (449px) */
@media (max-width: 449px) {
/* homepage carousel */
#bwp-homepage-carousel-wrapper,
.bwp-homepage-carousel-item,
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 290px;
}
}
/* < 400px (399px) */
@media (max-width: 399px) {
/* headings: h1..h5 */
h1,
.h1 {
font-size: 25px;
line-height: 1.35;
}
h2,
.h2 {
font-size: 23px;
line-height: 1.35;
}
h3,
.h3 {
font-size: 21px;
line-height: 1.4;
}
h4,
.h4 {
font-size: 19px;
line-height: 1.4;
}
h5,
.h5 {
font-size: 17px;
line-height: 1.4;
}
/* legend */
legend {
font-size: 23px;
line-height: 1.35;
}
/* mobile navigation */
.bwp-sticky-buttons-container {
padding-left: 5px;
}
.bwp-sticky-buttons-container .bwp-mobile-buttons {
padding-right: 5px;
}
.bwp-searchform-label,
.bwp-mobile-menu-container .bwp-searchform {
display: block;
}
.bwp-sticky-buttons-container .bwp-dropdown-search {
display: none;
}
/* site header */
.bwp-site-header > .container {
padding-right: 15px;
padding-left: 15px;
}
/* logo (text) */
.bwp-logo-text {
font-size: 43px;
letter-spacing: -2px;
}
/* homepage carousel */
.bwp-carousel-container {
padding-right: 15px;
padding-left: 15px;
}
#bwp-homepage-carousel-wrapper,
.bwp-homepage-carousel-item,
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 270px;
}
.bwp-homepage-carousel-item-content {
padding-right: 20px;
padding-left: 20px;
}
.bwp-homepage-carousel-post-metadata {
margin-right: -5px;
margin-left: -5px;
}
.bwp-carousel-container .tns-controls {
margin-left: -50px;
}
.bwp-carousel-container .tns-controls button {
width: 40px;
height: 40px;
line-height: 40px;
}
.bwp-carousel-container .tns-controls button[data-controls="prev"] {
box-shadow: -6px 6px 10px -4px rgba(15,14,21,0.08);
}
.bwp-carousel-container .tns-controls button[data-controls="next"] {
box-shadow: 6px 6px 10px -4px rgba(15,14,21,0.08);
}
.bwp-carousel-container .tns-controls button[data-controls="next"]::before {
top: 10px;
}
/* archive page: title and subtitle */
.bwp-archive-title {
font-size: 23px;
line-height: 1.35;
}
.bwp-archive-description {
margin-top: 15px;
}
/* page numbers */
.bwp-page-numbers {
height: 40px;
line-height: 40px;
}
/* latest posts section */
.bwp-latest-posts-section > .container {
padding-right: 15px;
padding-left: 15px;
}
.bwp-posts {
margin-right: -15px;
margin-left: -15px;
}
.bwp-posts-wrapper {
padding-right: 15px;
padding-left: 15px;
}
.bwp-post-links li .bwp-separator,
.bwp-col-1-layout .bwp-post-links li .bwp-separator {
margin-right: 4px;
margin-left: 4px;
}
/* single page */
.bwp-single-post-header,
.bwp-single-post-media-container,
.bwp-single-post-content,
.bwp-about-author-container,
.bwp-single-post-navigation-container,
.bwp-comments-title,
.bwp-comment-list-wrap,
.bwp-comments-area .bwp-no-comments-wrap,
.comment-navigation .nav-links .nav-next a,
.comment-navigation .nav-links .nav-previous a,
.comment-respond,
.bwp-related-posts-title,
.bwp-random-posts-title,
.bwp-related-posts-container,
.bwp-random-posts-container {
padding-right: 15px;
padding-left: 15px;
}
.comment-navigation {
margin-right: -15px;
margin-left: -15px;
}
/* single page: post content */
/* post header */
.bwp-single-post-header {
margin-bottom: 32px;
}
/* metadata */
.bwp-single-post-header .bwp-single-post-metadata {
margin-right: -5px;
margin-left: -5px;
margin-bottom: 13px;
}
.bwp-single-post-header .bwp-single-post-metadata .bwp-metadata-label {
margin-right: 0;
}
.bwp-single-post-header .bwp-single-post-metadata .bwp-metadata-label > span {
display: none;
}
.bwp-single-post-header .bwp-single-post-metadata .bwp-date .bwp-metadata-label::before,
.bwp-single-post-header .bwp-single-post-metadata .bwp-date-updated .bwp-metadata-label::before,
.bwp-single-post-header .bwp-single-post-metadata .bwp-author .bwp-metadata-label::before {
margin-right: 3px;
}
/* post title */
.bwp-single-post-title {
font-size: 23px;
line-height: 1.35;
}
/* classic editor: gallery with images */
.gallery.gallery-columns-3 .gallery-item,
.gallery.gallery-columns-4 .gallery-item,
.gallery.gallery-columns-5 .gallery-item,
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item {
width: 50%; /* 2 columns */
}
/* full alignment */
.bwp-content .alignfull {
margin-right: -15px !important;
margin-left: -15px !important;
}
.bwp-content h1.alignfull,
.bwp-content h2.alignfull,
.bwp-content h3.alignfull,
.bwp-content h4.alignfull,
.bwp-content h5.alignfull,
.bwp-content h6.alignfull,
.bwp-content .wp-block-file.alignfull,
.bwp-content .wp-block-buttons.alignfull,
.bwp-content .wp-block-columns.alignfull,
.bwp-content .wp-block-archives-list.alignfull,
.bwp-content .wp-block-archives-dropdown.alignfull,
.bwp-content .wp-block-calendar.alignfull,
.bwp-content .wp-block-categories-list.alignfull,
.bwp-content .wp-block-categories-dropdown.alignfull,
.bwp-content .wp-block-latest-comments.alignfull,
.bwp-content ul.wp-block-latest-posts.alignfull,
.bwp-content .wp-block-rss.alignfull,
.bwp-content .wp-block-tag-cloud.alignfull,
.bwp-content .wp-block-details.alignfull {
padding-right: 15px;
padding-left: 15px;
}
/* block: cover */
.bwp-content .wp-block-cover,
.bwp-content .wp-block-cover-image {
padding-right: 15px;
padding-left: 15px;
}
/* password protected post: password form */
.bwp-content .post-password-form label {
display: block;
width: 100%;
}
.bwp-content .post-password-form input[type="submit"] {
margin: 10px 0 0;
}
/* post navigation */
.bwp-single-post-navigation,
.bwp-single-post-navigation .bwp-section-separator {
margin-bottom: 40px;
}
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
width: 100%;
float: none;
}
.post-navigation .nav-links .nav-previous {
padding-right: 0;
}
.post-navigation .nav-links .nav-next {
text-align: left;
padding-left: 0;
}
.post-navigation .nav-links a {
padding-top: 10px;
padding-bottom: 10px;
}
.post-navigation .nav-links > div {
margin-bottom: 5px;
}
.post-navigation .nav-links > div:last-child {
margin-bottom: 0;
}
/* comments */
.comment-reply-title,
.bwp-comments-title,
.comment-notes,
.comment-form label,
.comment-form-cookies-consent,
.comment-form .form-submit,
.comment-respond .must-log-in,
.comment-form .logged-in-as,
.bwp-comments-area .bwp-no-comments {
text-align: left;
}
.comment-reply-title,
.bwp-comments-title {
font-size: 20px;
line-height: 1.45;
}
.comment-form #submit {
padding: 0 20px;
}
.bwp-comment-list .children {
padding-left: 10px;
}
.comment-navigation .nav-links .nav-previous,
.comment-navigation .nav-links .nav-next {
width: 100%;
float: none;
}
.comment-navigation .nav-links .nav-previous {
padding-right: 0;
}
.comment-navigation .nav-links .nav-next {
text-align: left;
padding-left: 0;
}
.comment-navigation .nav-links > div {
margin-bottom: 10px;
}
.comment-navigation .nav-links > div:last-child {
margin-bottom: 0;
}
/* related posts, random posts */
.bwp-related-posts-title,
.bwp-random-posts-title {
text-align: left;
font-size: 20px;
line-height: 1.45;
}
.bwp-related-posts .post .bwp-post-content,
.bwp-random-posts .post .bwp-post-content {
padding-right: 0;
}
/* page 404 / no results */
.bwp-page-404-section > .container {
padding-right: 15px;
padding-left: 15px;
}
.bwp-page-404-content {
padding: 45px 30px 50px;
}
.bwp-page-404-content h1 {
font-size: 23px;
line-height: 1.35;
}
.bwp-page-404-content h2 {
font-size: 16px;
line-height: 1.6;
}
.bwp-no-results {
padding: 45px 30px 50px;
}
.bwp-no-results-content h3 {
font-size: 20px;
line-height: 1.45;
}
/* site footer */
.bwp-footer-widgets-section > .container,
.bwp-site-footer > .container {
padding-right: 15px;
padding-left: 15px;
}
.bwp-site-footer {
text-align: left;
}
.bwp-footer-menu {
margin-left: -10px;
}
/* hidden sidebar */
.bwp-hidden-sidebar {
right: -340px;
width: 340px;
}
.bwp-hidden-sidebar-shown .bwp-site-content,
.bwp-hidden-sidebar-shown .bwp-sticky-buttons-container,
.bwp-hidden-sidebar-shown .bwp-cookies-info-container,
.bwp-hidden-sidebar-shown .bwp-button-show-cookies-info {
-webkit-transform: translateX(-170px);
transform: translateX(-170px);
}
/* information about cookies */
.bwp-cookies-info-container,
.bwp-button-show-cookies-info {
left: 15px;
width: calc(100% - 30px);
}
.bwp-button-show-cookies-info {
bottom: 15px;
}
}
/* < 350px (349px) */
@media (max-width: 349px) {
/* mobile navigation: dropdown fonts */
.bwp-dropdown-fonts-container {
width: 170px;
}
/* homepage carousel */
#bwp-homepage-carousel-wrapper,
.bwp-homepage-carousel-item,
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 260px;
}
.bwp-homepage-carousel-item-content {
padding-right: 15px;
padding-left: 15px;
}
.bwp-homepage-carousel-post-title {
font-size: 21px;
line-height: 30px;
}
/* page numbers */
.bwp-page-numbers {
margin-bottom: 10px;
padding: 0;
height: auto;
line-height: 1.6;
background-color: transparent;
box-shadow: none;
border-radius: 0;
white-space: normal;
}
/* posts */
.bwp-latest-posts-section .bwp-post-media,
.bwp-latest-posts-section .bwp-post-media-overlay,
.bwp-latest-posts-section .bwp-post-media-slider,
.bwp-latest-posts-section .bwp-iframe-video-wrapper,
.bwp-latest-posts-section .bwp-iframe-audio-wrapper {
border-radius: 6px 6px 0 0;
}
.bwp-post-content,
.bwp-col-1-layout .bwp-post-content {
margin: 0;
border-radius: 0 0 6px 6px;
}
.bwp-no-featured-media .bwp-post-content,
.bwp-col-1-layout .bwp-no-featured-media .bwp-post-content {
border-radius: 6px;
}
/* single page: post content */
/* block: gallery */
.bwp-content .wp-block-gallery .blocks-gallery-grid figcaption,
.bwp-content .wp-block-gallery figure.wp-block-image figcaption {
display: none;
}
/* pagination */
.pagination .nav-links .page-numbers:not(.current):not(.dots) {
padding-right: 12px;
padding-left: 12px;
}
.pagination .nav-links .page-numbers.current {
padding-right: 16px;
padding-left: 16px;
}
.pagination .nav-links .page-numbers.dots {
padding: 0;
}
/* hidden sidebar */
.bwp-hidden-sidebar {
right: -310px;
width: 310px;
}
.bwp-hidden-sidebar-shown .bwp-site-content,
.bwp-hidden-sidebar-shown .bwp-sticky-buttons-container,
.bwp-hidden-sidebar-shown .bwp-cookies-info-container,
.bwp-hidden-sidebar-shown .bwp-button-show-cookies-info {
-webkit-transform: translateX(-155px);
transform: translateX(-155px);
}
/* widgets */
.widget_bwp_post_list_item figcaption {
padding: 10px;
}
}
/* < 320px (319px) */
@media (max-width: 319px) {
/* mobile navigation */
.bwp-sticky-buttons-container {
padding-left: 3px;
border-radius: 0 0 6px 6px;
}
.bwp-sticky-buttons-container .bwp-sticky-button {
width: 30px;
}
.bwp-dropdown-mobile-menu-container {
margin-left: -3px;
padding: 5px 15px;
}
.bwp-dropdown-mobile-menu-container::before {
left: 15px;
}
.bwp-mobile-menu,
.bwp-mobile-menu-container .bwp-subscribe,
.bwp-mobile-menu-container .bwp-social-links {
width: 220px;
}
.bwp-dropdown-fonts-container {
width: 160px;
margin-right: -5px;
padding-right: 0;
padding-left: 0;
}
.bwp-dropdown-fonts-container::before {
right: 13px;
}
.bwp-dropdown-fonts-container .bwp-font-type {
padding-right: 15px;
padding-left: 15px;
}
/* homepage carousel */
.bwp-carousel-container {
padding-right: 0;
padding-left: 0;
}
#bwp-homepage-carousel-wrapper,
.bwp-homepage-carousel-item,
#bwp-homepage-carousel-wrapper.bwp-carousel-loaded:not(.bwp-carousel-nav-hidden) {
height: 250px;
}
/* posts */
.bwp-posts-wrapper {
padding-right: 0;
padding-left: 0;
}
.bwp-post-content,
.bwp-col-1-layout .bwp-post-content {
padding-right: 15px;
padding-left: 15px;
}
/* single page */
.bwp-single-post-section {
border-radius: 6px 6px 0 0;
}
/* single page: post content */
/* post header */
.bwp-single-post-header {
text-align: left;
}
/* metadata */
.bwp-single-post-header .bwp-single-post-metadata {
margin: 0 -10px 14px 0;
padding-left: 1px;
}
.bwp-single-post-header .bwp-single-post-metadata li {
margin: 0 10px 3px 0;
}
/* container for featured image and other media */
.bwp-single-post-media-container {
padding-right: 0;
padding-left: 0;
}
/* preformatted text */
pre {
padding: 20px;
}
/* audio and video player */
.bwp-body .wp-playlist {
padding: 20px 20px 10px;
}
/* block has background */
.bwp-content .has-background {
padding: 20px;
}
/* block: list */
.bwp-content ul.has-background,
.bwp-content ol.has-background {
padding-left: 38px;
}
/* block: quote */
.bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 0 0 15px;
}
.bwp-content .wp-block-quote.has-text-align-right:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 15px 0 0;
}
.bwp-content .wp-block-quote.is-large,
.bwp-content .wp-block-quote.is-style-large,
.bwp-content .wp-block-quote.is-style-plain {
padding: 0 0 0 15px;
}
.bwp-content .wp-block-quote.is-large.has-text-align-right,
.bwp-content .wp-block-quote.is-style-large.has-text-align-right,
.bwp-content .wp-block-quote.is-style-plain.has-text-align-right {
padding: 0 15px 0 0;
}
/* post format: quote (block editor) */
.bwp-blog-post.format-quote .bwp-content .wp-block-quote:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 0 0 15px;
}
.bwp-blog-post.format-quote .bwp-content .wp-block-quote.has-text-align-right:not(.is-large):not(.is-style-large):not(.is-style-plain) {
padding: 0 15px 0 0;
}
/* block: preformatted */
.bwp-content .wp-block-preformatted.has-background {
padding: 20px;
}
/* block: verse */
.bwp-content .wp-block-verse.has-background {
padding: 20px;
}
/* block: details */
.bwp-content .wp-block-details.has-background[open] {
padding-bottom: 0;
}
/* related posts, random posts */
.bwp-related-posts-container,
.bwp-random-posts-container {
padding-right: 0;
padding-left: 0;
}
.bwp-related-posts .post .bwp-post-content,
.bwp-random-posts .post .bwp-post-content {
padding-right: 15px;
padding-left: 15px;
}
/* page 404 / no results */
.bwp-page-404-content {
margin-right: -15px;
margin-left: -15px;
padding-right: 15px;
padding-left: 15px;
}
.bwp-no-results {
padding-right: 15px;
padding-left: 15px;
}
/* site footer */
.bwp-singular .bwp-site-footer {
border-radius: 0 0 6px 6px;
}
/* hidden sidebar */
.bwp-hidden-sidebar {
right: -274px;
width: 274px;
padding-right: 20px;
padding-left: 20px;
border-radius: 6px 0 0 6px;
}
.bwp-hidden-sidebar-shown .bwp-site-content,
.bwp-hidden-sidebar-shown .bwp-sticky-buttons-container,
.bwp-hidden-sidebar-shown .bwp-cookies-info-container,
.bwp-hidden-sidebar-shown .bwp-button-show-cookies-info {
-webkit-transform: translateX(-137px);
transform: translateX(-137px);
}
/* information about cookies */
.bwp-cookies-info-container {
left: 0;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.bwp-button-show-cookies-info {
padding-right: 15px;
padding-left: 15px;
}
}
html, body {
overflow-x: hidden;
max-width: 100%;
}
/* Ensure all containers and elements do not exceed the viewport width */
.container,
.bwp-site-content,
.bwp-site-header,
.bwp-main-nav-container,
.bwp-secondary-nav-container,
.bwp-carousel-container,
.bwp-dropdown-mobile-menu-container,
.bwp-mobile-menu {
max-width: 100%;
box-sizing: border-box;
}
/* Make sure images and other media fit within their containers */
img,
video,
iframe {
max-width: 100%;
height: auto;
}
/* Additional adjustments for specific elements that might cause overflow */
.bwp-logo-container,
.bwp-main-nav-logo,
.bwp-main-nav-logo-image,
.bwp-main-nav-logo-text {
max-width: 100%;
overflow-x: hidden;
box-sizing: border-box;
}
/* Ensure the mobile menu does not cause overflow */
.bwp-dropdown-mobile-menu-container {
max-width: 100%;
box-sizing: border-box;
padding: 14px 15px; /* Adjust padding to fit within viewport */
}
/* Additional adjustments for menu items and links */
.bwp-mobile-menu li a,
.bwp-mobile-menu-container .bwp-subscribe-link,
.bwp-mobile-menu-container .bwp-social-links a {
display: block;
max-width: 100%;
box-sizing: border-box;
}