.disnone {
display: none;
}
.site-sidebar-footer {
flex-wrap: nowrap;
justify-content: center;
align-items: center;
display: flex;
flex-direction: row;
}
.bitrate {
flex-wrap: nowrap;
justify-content: space-evenly;
align-items: center;
display: flex;
margin: 10px;
font-size: 16px;
}
@font-face {
font-family: 'PF BeauSans Pro XThin';
src: url('./fonts/PFBeauSansPro-XThinItalic.eot');
src: url('./fonts/PFBeauSansPro-XThinItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-XThinItalic.woff') format('woff'), url('./fonts/PFBeauSansPro-XThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-LightItalic.eot');
src: url('./fonts/PFBeauSansPro-LightItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-LightItalic.woff') format('woff'), url('./fonts/PFBeauSansPro-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-Bold.eot');
src: url('./fonts/PFBeauSansPro-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-Bold.woff') format('woff'), url('./fonts/PFBeauSansPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-Italic.eot');
src: url('./fonts/PFBeauSansPro-Italic.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-Italic.woff') format('woff'), url('./fonts/PFBeauSansPro-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-Thin.eot');
src: url('./fonts/PFBeauSansPro-Thin.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-Thin.woff') format('woff'), url('./fonts/PFBeauSansPro-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-Black.eot');
src: url('./fonts/PFBeauSansPro-Black.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-Black.woff') format('woff'), url('./fonts/PFBeauSansPro-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-ThinItalic.eot');
src: url('./fonts/PFBeauSansPro-ThinItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-ThinItalic.woff') format('woff'), url('./fonts/PFBeauSansPro-ThinItalic.ttf') format('truetype');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-SemiBoldItalic.eot');
src: url('./fonts/PFBeauSansPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-SemiBoldItalic.woff') format('woff'), url('./fonts/PFBeauSansPro-SemiBoldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-BlackItalic.eot');
src: url('./fonts/PFBeauSansPro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-BlackItalic.woff') format('woff'), url('./fonts/PFBeauSansPro-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'PF BeauSans Pro XThin';
src: url('./fonts/PFBeauSansPro-XThin.eot');
src: url('./fonts/PFBeauSansPro-XThin.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-XThin.woff') format('woff'), url('./fonts/PFBeauSansPro-XThin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'PF BeauSans Pro Bbook';
src: url('./fonts/PFBeauSansPro-Bbook.eot');
src: url('./fonts/PFBeauSansPro-Bbook.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-Bbook.woff') format('woff'), url('./fonts/PFBeauSansPro-Bbook.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'PF BeauSans Pro Regular';
src: url('./fonts/PFBeauSansPro-Regular.eot');
src: url('./fonts/PFBeauSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-Regular.woff') format('woff'), url('./fonts/PFBeauSansPro-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-BoldItalic.eot');
src: url('./fonts/PFBeauSansPro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-BoldItalic.woff') format('woff'), url('./fonts/PFBeauSansPro-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'PF BeauSans Pro';
src: url('./fonts/PFBeauSansPro-Light.eot');
src: url('./fonts/PFBeauSansPro-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-Light.woff') format('woff'), url('./fonts/PFBeauSansPro-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'PF BeauSans Pro Bbook';
src: url('./fonts/PFBeauSansPro-BbookItalic.eot');
src: url('./fonts/PFBeauSansPro-BbookItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-BbookItalic.woff') format('woff'), url('./fonts/PFBeauSansPro-BbookItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'PF BeauSans Pro Bold';
src: url('./fonts/PFBeauSansPro-SemiBold.eot');
src: url('./fonts/PFBeauSansPro-SemiBold.eot?#iefix') format('embedded-opentype'), url('./fonts/PFBeauSansPro-SemiBold.woff') format('woff'), url('./fonts/PFBeauSansPro-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
figure:hover {
opacity: 0.5;
}
.track-container {
max-width: 260px;
}
.onlineartist{
font-size: 23px;
text-align: center;
line-height: 1.2;
}
.onlinetitle{
font-size: 20px;
padding: 13px 0px 10px 0px;
text-align: center;
line-height: 1.2;
}
.currentimg {
border-radius: 25px;
width:260px;height: 260px
}
.show-info__text {
margin: 20px auto 10px auto;
}
.show-info__text {
margin: 20px auto 10px auto;
}
.badgeactiveair {
border-radius: 6px;
font-size: 16px;
text-align: center;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
position: relative;
font-weight: bold;
text-transform: uppercase;
background-color: #d55e4f;
width: 84px;
margin: -32px auto 0 auto;
-webkit-padding-after: 3px;
-webkit-padding-before: 5px;
color: white;
}
.activeair {
display: none;
opacity: 0;
}
.activeimg {
opacity: 0.8;
/*!
border: 4px solid #ed1a3b;
border-radius: 20px;
*/
}
.endtrack {
font-size: 30px;
}
.listeners {
font-size: 30px;
margin-left: 5px;
}
.theme-timelist {
position: relative;
line-height: 1;
flex-shrink: 0;
display: inline-flex;
justify-content: center;
margin: 10px auto 0px auto;
}
.theme-timelists {
width: 250px;
margin: 10px auto 0px auto;
display: flex;
justify-content: space-between;
}
.wp-block-archives-dropdown label {
display: block
}
.wp-block-avatar {
box-sizing: border-box
}
.wp-block-avatar.aligncenter {
text-align: center
}
.wp-block-audio {
box-sizing: border-box
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
cursor: pointer;
display: inline-block;
text-align: center;
word-break: break-word;
box-sizing: border-box
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
:where(.wp-block-button__link) {
box-shadow: none;
text-decoration: none;
border-radius: 9999px;
padding: calc(.667em + 2px) calc(1.333em + 2px)
}
.wp-block-button[style*=text-decoration] .wp-block-button__link {
text-decoration: inherit
}
.wp-block-buttons>.wp-block-button.has-custom-width {
max-width: none
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
width: 100%
}
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
font-size: inherit
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
width: calc(25% - var(--wp--style--block-gap, .5em)*0.75)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
width: calc(50% - var(--wp--style--block-gap, .5em)*0.5)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width: calc(75% - var(--wp--style--block-gap, .5em)*0.25)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
width: 100%;
flex-basis: 100%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 {
width: 25%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 {
width: 50%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 {
width: 75%
}
.wp-block-button.is-style-squared,
.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius,
.wp-block-button__link.no-border-radius {
border-radius: 0 !important
}
.wp-block-button.is-style-outline>.wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
border: 2px solid;
padding: .667em 1.333em
}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) {
color: currentColor
}
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent;
background-image: none
}
.wp-block-buttons.is-vertical {
flex-direction: column
}
.wp-block-buttons.is-vertical>.wp-block-button:last-child {
margin-bottom: 0
}
.wp-block-buttons>.wp-block-button {
display: inline-block;
margin: 0
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start
}
.wp-block-buttons.is-content-justification-center {
justify-content: center
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between
}
.wp-block-buttons.aligncenter {
text-align: center
}
.wp-block-buttons:not(.is-content-justification-space-between,
.is-content-justification-right,
.is-content-justification-left,
.is-content-justification-center) .wp-block-button.aligncenter {
margin-left: auto;
margin-right: auto;
width: 100%
}
.wp-block-buttons[style*=text-decoration] .wp-block-button,
.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
text-decoration: inherit
}
.wp-block-buttons.has-custom-font-size .wp-block-button__link {
font-size: inherit
}
.wp-block-button.aligncenter,
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
padding: .25em;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories {
box-sizing: border-box
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-code {
box-sizing: border-box
}
.wp-block-code code {
display: block;
font-family: inherit;
overflow-wrap: break-word;
white-space: pre-wrap
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap !important;
align-items: normal !important
}
@media (min-width:782px) {
.wp-block-columns {
flex-wrap: nowrap !important
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
@media (max-width:781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width:782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap !important
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
:where(.wp-block-columns.has-background) {
padding: 1.25em 2.375em
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-post-comments .alignleft {
float: left
}
.wp-block-post-comments .alignright {
float: right
}
.wp-block-post-comments .navigation:after {
content: "";
display: table;
clear: both
}
.wp-block-post-comments .commentlist {
clear: both;
list-style: none;
margin: 0;
padding: 0
}
.wp-block-post-comments .commentlist .comment {
min-height: 2.25em;
padding-left: 3.25em
}
.wp-block-post-comments .commentlist .comment p {
font-size: 1em;
line-height: 1.8;
margin: 1em 0
}
.wp-block-post-comments .commentlist .children {
list-style: none;
margin: 0;
padding: 0
}
.wp-block-post-comments .comment-author {
line-height: 1.5
}
.wp-block-post-comments .comment-author .avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-top: .5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-post-comments .comment-author cite {
font-style: normal
}
.wp-block-post-comments .comment-meta {
font-size: .875em;
line-height: 1.5
}
.wp-block-post-comments .comment-meta b {
font-weight: 400
}
.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
margin-top: 1em;
margin-bottom: 1em;
display: block
}
.wp-block-post-comments .comment-body .commentmetadata {
font-size: .875em
}
.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
display: block;
margin-bottom: .25em
}
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments .comment-form textarea {
display: block;
box-sizing: border-box;
width: 100%
}
.wp-block-post-comments .comment-form-cookies-consent {
display: flex;
gap: .25em
}
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: .35em
}
.wp-block-post-comments .comment-reply-title {
margin-bottom: 0
}
.wp-block-post-comments .comment-reply-title :where(small) {
font-size: var(--wp--preset--font-size--medium, smaller);
margin-left: .5em
}
.wp-block-post-comments .reply {
font-size: .875em;
margin-bottom: 1.4em
}
.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments textarea {
border: 1px solid #949494;
font-size: 1em;
font-family: inherit
}
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments textarea {
padding: calc(.667em + 2px)
}
:where(.wp-block-post-comments input[type=submit]) {
border: none
}
.wp-block-comments-pagination>.wp-block-comments-pagination-next,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous {
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,
.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child {
margin-right: 0
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow {
margin-right: 1ch;
display: inline-block
}
.wp-block-comments-pagination .wp-block-comments-pagination-previous-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow {
margin-left: 1ch;
display: inline-block
}
.wp-block-comments-pagination .wp-block-comments-pagination-next-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-comments-pagination.aligncenter {
justify-content: center
}
.wp-block-comment-template {
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-comment-template li {
clear: both
}
.wp-block-comment-template ol {
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding-left: 2rem
}
.wp-block-comment-template.alignleft {
float: left
}
.wp-block-comment-template.aligncenter {
margin-left: auto;
margin-right: auto;
width: -moz-fit-content;
width: fit-content
}
.wp-block-comment-template.alignright {
float: right
}
.wp-block-cover,
.wp-block-cover-image {
position: relative;
background-position: 50%;
min-height: 430px;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover-image .has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]),
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: #000
}
.wp-block-cover-image .has-background-dim.has-background-gradient,
.wp-block-cover .has-background-dim.has-background-gradient {
background-color: transparent
}
.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__background,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__background,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
opacity: 0
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
opacity: .1
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
opacity: .2
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
opacity: .3
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
opacity: .4
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
opacity: .5
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
opacity: .6
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
opacity: .7
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
opacity: .8
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
opacity: .9
}
.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,
.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
opacity: 1
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 420px;
width: 100%
}
.wp-block-cover-image:after,
.wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports (position:sticky) {
.wp-block-cover-image:after,
.wp-block-cover:after {
content: none
}
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff
}
.wp-block-cover-image.is-light .wp-block-cover__inner-container,
.wp-block-cover.is-light .wp-block-cover__inner-container {
color: #000
}
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover-image.is-position-top-left,
.wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start
}
.wp-block-cover-image.is-position-top-center,
.wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center
}
.wp-block-cover-image.is-position-top-right,
.wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end
}
.wp-block-cover-image.is-position-center-left,
.wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start
}
.wp-block-cover-image.is-position-center-center,
.wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center
}
.wp-block-cover-image.is-position-center-right,
.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end
}
.wp-block-cover-image.is-position-bottom-left,
.wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start
}
.wp-block-cover-image.is-position-bottom-center,
.wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center
}
.wp-block-cover-image.is-position-bottom-right,
.wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,
.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto
}
.wp-block-cover-image .wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background,
.wp-block-cover .wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
object-fit: cover;
outline: none;
border: none;
box-shadow: none
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion:reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax,
.wp-block-cover__image-background.has-parallax,
video.wp-block-cover__video-background.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.is-repeated,
.wp-block-cover.is-repeated,
.wp-block-cover__image-background.is-repeated,
video.wp-block-cover__video-background.is-repeated {
background-repeat: repeat;
background-size: auto
}
.wp-block-cover__image-background,
.wp-block-cover__video-background {
z-index: 0
}
.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content>h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content>h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image>h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: .44em;
text-align: center
}
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align=left]>[data-type="core/embed"],
.wp-block[data-align=right]>[data-type="core/embed"] {
max-width: 360px;
width: 100%
}
.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: 280px
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px
}
.wp-block-embed {
overflow-wrap: break-word
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file:not(.wp-element-button) {
font-size: .8em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file *+.wp-block-file__button {
margin-left: .75em
}
.wp-block-file__embed {
margin-bottom: 1em
}
:where(.wp-block-file__button) {
border-radius: 2em;
padding: .5em 1em
}
:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item {
margin: 0 1em 1em 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
width: calc(50% - 1em)
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure {
margin: 0;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: flex-start
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: auto
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em .77em .7em;
color: #fff;
text-align: center;
font-size: .8em;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
box-sizing: border-box;
margin: 0;
z-index: 2
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid:not(.has-nested-images) figcaption,
.wp-block-gallery:not(.has-nested-images) figcaption {
flex-grow: 1
}
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img {
width: 100%;
height: 100%;
flex: 1;
object-fit: cover
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width:600px) {
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item {
width: calc(33.33333% - .66667em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item {
width: calc(25% - .75em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item {
width: calc(20% - .8em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item {
width: calc(16.66667% - .83333em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item {
width: calc(14.28571% - .85714em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item,
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image,
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item {
width: calc(12.5% - .875em);
margin-right: 1em
}
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid:not(.has-nested-images).alignleft,
.blocks-gallery-grid:not(.has-nested-images).alignright,
.wp-block-gallery:not(.has-nested-images).alignleft,
.wp-block-gallery:not(.has-nested-images).alignright {
max-width: 420px;
width: 100%
}
.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-gallery:not(.is-cropped) .blocks-gallery-item {
align-self: flex-start
}
figure.wp-block-gallery.has-nested-images {
align-items: normal
}
.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2);
margin: 0
}
.wp-block-gallery.has-nested-images figure.wp-block-image {
display: flex;
flex-grow: 1;
justify-content: center;
position: relative;
flex-direction: column;
max-width: 100%;
box-sizing: border-box
}
.wp-block-gallery.has-nested-images figure.wp-block-image>a,
.wp-block-gallery.has-nested-images figure.wp-block-image>div {
margin: 0;
flex-direction: column;
flex-grow: 1
}
.wp-block-gallery.has-nested-images figure.wp-block-image img {
display: block;
height: auto;
max-width: 100% !important;
width: auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent);
bottom: 0;
color: #fff;
font-size: 13px;
left: 0;
margin-bottom: 0;
max-height: 60%;
overflow: auto;
padding: 0 8px 8px;
position: absolute;
text-align: center;
width: 100%;
box-sizing: border-box
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption img {
display: inline
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
color: inherit
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border img {
box-sizing: border-box
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>a,
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border>div,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>a,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded>div {
flex: 1 1 auto
}
.wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption {
flex: initial;
background: none;
color: inherit;
margin: 0;
padding: 10px 10px 9px;
position: relative
}
.wp-block-gallery.has-nested-images figcaption {
flex-grow: 1;
flex-basis: 100%;
text-align: center
}
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
margin-top: 0;
margin-bottom: auto
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
align-self: inherit
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image)>div:not(.components-drop-zone) {
display: flex
}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
width: 100%;
flex: 1 0 0%;
height: 100%;
object-fit: cover
}
.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
width: 100%
}
@media (min-width:600px) {
.wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
width: calc(33.33333% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
}
.wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
width: calc(25% - var(--wp--style--unstable-gallery-gap, 16px)*0.75)
}
.wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
width: calc(20% - var(--wp--style--unstable-gallery-gap, 16px)*0.8)
}
.wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
width: calc(16.66667% - var(--wp--style--unstable-gallery-gap, 16px)*0.83333)
}
.wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
width: calc(14.28571% - var(--wp--style--unstable-gallery-gap, 16px)*0.85714)
}
.wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
width: calc(12.5% - var(--wp--style--unstable-gallery-gap, 16px)*0.875)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*0.66667)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2)~figure.wp-block-image:not(#individual-image) {
width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)*0.5)
}
.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:last-child {
width: 100%
}
}
.wp-block-gallery.has-nested-images.alignleft,
.wp-block-gallery.has-nested-images.alignright {
max-width: 420px;
width: 100%
}
.wp-block-gallery.has-nested-images.aligncenter {
justify-content: center
}
.wp-block-group {
box-sizing: border-box
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 1.25em 2.375em
}
.wp-block-image img {
height: auto;
max-width: 100%;
vertical-align: bottom
}
.wp-block-image.has-custom-border img,
.wp-block-image img {
box-sizing: border-box
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
height: auto;
width: 100%
}
.wp-block-image.aligncenter,
.wp-block-image .aligncenter,
.wp-block-image.alignleft,
.wp-block-image .alignleft,
.wp-block-image.alignright,
.wp-block-image .alignright {
display: table
}
.wp-block-image.aligncenter>figcaption,
.wp-block-image .aligncenter>figcaption,
.wp-block-image.alignleft>figcaption,
.wp-block-image .alignleft>figcaption,
.wp-block-image.alignright>figcaption,
.wp-block-image .alignright>figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.wp-block-image.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.wp-block-image :where(.has-border-color) {
border-style: solid
}
.wp-block-image :where([style*=border-top-color]) {
border-top-style: solid
}
.wp-block-image :where([style*=border-right-color]) {
border-right-style: solid
}
.wp-block-image :where([style*=border-bottom-color]) {
border-bottom-style: solid
}
.wp-block-image :where([style*=border-left-color]) {
border-left-style: solid
}
.wp-block-image :where([style*=border-width]) {
border-style: solid
}
.wp-block-image :where([style*=border-top-width]) {
border-top-style: solid
}
.wp-block-image :where([style*=border-right-width]) {
border-right-style: solid
}
.wp-block-image :where([style*=border-bottom-width]) {
border-bottom-style: solid
}
.wp-block-image :where([style*=border-left-width]) {
border-left-style: solid
}
.wp-block-image figure {
margin: 0
}
ol.wp-block-latest-comments {
margin-left: 0
}
.wp-block-latest-comments .wp-block-latest-comments {
padding-left: 0
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 3.25em
}
.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: .875em;
line-height: 1.8;
margin: .36em 0 1.4em
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: .75em
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none;
padding-left: 0
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - .625em)
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - .83333em)
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - .9375em)
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
display: block;
font-size: .8125em
}
.wp-block-latest-posts__post-excerpt {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-latest-posts__featured-image a {
display: inline-block
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto;
max-width: 100%
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em;
float: left
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em;
float: right
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
ol,
ul {
box-sizing: border-box
}
ol.has-background,
ul.has-background {
padding: 1.25em 2.375em
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
box-sizing: border-box
}
.wp-block-media-text.has-media-on-the-right {
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
height: auto;
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
display: block;
height: 100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media (max-width:600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2
}
}
.wp-block-navigation {
position: relative;
--navigation-layout-justification-setting: flex-start;
--navigation-layout-direction: row;
--navigation-layout-wrap: wrap;
--navigation-layout-justify: flex-start;
--navigation-layout-align: center
}
.wp-block-navigation ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0
}
.wp-block-navigation ul,
.wp-block-navigation ul li {
list-style: none;
padding: 0
}
.wp-block-navigation .wp-block-navigation-item {
display: flex;
align-items: center;
position: relative
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
display: none
}
.wp-block-navigation .wp-block-navigation-item__content {
display: block
}
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus {
text-decoration: underline
}
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus {
text-decoration: line-through
}
.wp-block-navigation:where(:not([class*=has-text-decoration])) a,
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:active,
.wp-block-navigation:where(:not([class*=has-text-decoration])) a:focus {
text-decoration: none
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self: center;
line-height: 0;
display: inline-block;
font-size: inherit;
padding: 0;
background-color: inherit;
color: currentColor;
border: none;
width: .6em;
height: .6em;
margin-left: .25em
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
width: inherit;
height: inherit;
margin-top: .075em
}
.wp-block-navigation.is-vertical {
--navigation-layout-direction: column;
--navigation-layout-justify: initial;
--navigation-layout-align: flex-start
}
.wp-block-navigation.no-wrap {
--navigation-layout-wrap: nowrap
}
.wp-block-navigation.items-justified-center {
--navigation-layout-justification-setting: center;
--navigation-layout-justify: center
}
.wp-block-navigation.items-justified-center.is-vertical {
--navigation-layout-align: center
}
.wp-block-navigation.items-justified-right {
--navigation-layout-justification-setting: flex-end;
--navigation-layout-justify: flex-end
}
.wp-block-navigation.items-justified-right.is-vertical {
--navigation-layout-align: flex-end
}
.wp-block-navigation.items-justified-space-between {
--navigation-layout-justification-setting: space-between;
--navigation-layout-justify: space-between
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
background-color: inherit;
color: inherit;
position: absolute;
z-index: 2;
display: flex;
flex-direction: column;
align-items: normal;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
left: -1px;
top: 100%
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
display: flex;
flex-grow: 1
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
margin-right: 0;
margin-left: auto
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
margin: 0
}
@media (min-width:782px) {
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100%;
top: -1px
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: .5em;
background: transparent
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
margin-right: .25em
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
transform: rotate(-90deg)
}
}
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
left: 0;
top: 100%
}
@media (min-width:782px) {
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100%;
top: 0
}
}
.wp-block-navigation-submenu {
position: relative;
display: flex
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor
}
button.wp-block-navigation-item__content {
background-color: transparent;
border: none;
color: currentColor;
font-size: inherit;
font-family: inherit;
line-height: inherit;
font-style: inherit;
font-weight: inherit;
text-transform: inherit;
text-align: left
}
.wp-block-navigation-submenu__toggle {
cursor: pointer
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
padding-right: .85em
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon {
margin-left: -.6em;
pointer-events: none
}
.wp-block-navigation .wp-block-page-list,
.wp-block-navigation__container,
.wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-dialog {
gap: inherit
}
:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
padding: .5em 1em
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container {
left: auto;
right: 0
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: -1px;
right: -1px
}
@media (min-width:782px) {
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: auto;
right: 100%
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, .15)
}
.wp-block-navigation__container {
display: flex;
flex-wrap: var(--navigation-layout-wrap, wrap);
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
list-style: none;
margin: 0;
padding-left: 0
}
.wp-block-navigation__container .is-responsive {
display: none
}
.wp-block-navigation__container:only-child,
.wp-block-page-list:only-child {
flex-grow: 1
}
@keyframes overlay-menu__fade-in-animation {
0% {
opacity: 0;
transform: translateY(.5em)
}
to {
opacity: 1;
transform: translateY(0)
}
}
.wp-block-navigation__responsive-container {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.wp-block-navigation__responsive-container .wp-block-navigation-link a {
color: inherit
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
display: flex;
flex-wrap: var(--navigation-layout-wrap, wrap);
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial)
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
color: inherit !important;
background-color: inherit !important
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
background-color: inherit;
animation: overlay-menu__fade-in-animation .1s ease-out;
animation-fill-mode: forwards;
padding: var(--wp--style--root--padding-top, 2rem) var(--wp--style--root--padding-right, 2rem) var(--wp--style--root--padding-bottom, 2rem) var(--wp--style--root--padding-left, 2rem);
overflow: auto;
z-index: 100000
}
@media (prefers-reduced-motion:reduce) {
.wp-block-navigation__responsive-container.is-menu-open {
animation-duration: 1ms;
animation-delay: 0s
}
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: calc(2rem + 24px);
overflow: visible;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: var(--navigation-layout-justification-setting, inherit)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
justify-content: flex-start
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
display: none
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
opacity: 1;
visibility: visible;
height: auto;
width: auto;
overflow: initial;
min-width: 200px;
position: static;
border: none;
padding-left: 2rem;
padding-right: 2rem
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
gap: inherit
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
padding-top: var(--wp--style--block-gap, 2em)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
padding: 0
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
display: flex;
flex-direction: column;
align-items: var(--navigation-layout-justification-setting, initial)
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list {
color: inherit !important;
background: transparent !important
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
right: auto;
left: auto
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: none
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
left: 0
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: #fff;
color: #000
}
.wp-block-navigation__toggle_button_label {
font-size: 1rem;
font-weight: 700
}
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
vertical-align: middle;
cursor: pointer;
color: currentColor;
background: transparent;
border: none;
margin: 0;
padding: 0;
text-transform: inherit
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
fill: currentColor;
pointer-events: none;
display: block;
width: 24px;
height: 24px
}
.wp-block-navigation__responsive-container-open {
display: flex
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none
}
}
.wp-block-navigation__responsive-container-close {
position: absolute;
top: 0;
right: 0;
z-index: 2
}
.wp-block-navigation__responsive-close {
width: 100%;
max-width: var(--wp--style--global--wide-size, 100%);
margin-left: auto;
margin-right: auto
}
.wp-block-navigation__responsive-close:focus {
outline: none
}
.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation__responsive-dialog {
box-sizing: border-box
}
.wp-block-navigation__responsive-dialog {
position: relative
}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top: 46px
}
@media (min-width:782px) {
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
margin-top: 32px
}
}
html.has-modal-open {
overflow: hidden
}
.wp-block-navigation .wp-block-navigation-item__label {
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation .wp-block-navigation-item__description {
display: none
}
.wp-block-navigation .wp-block-page-list {
display: flex;
flex-direction: var(--navigation-layout-direction, initial);
justify-content: var(--navigation-layout-justify, initial);
align-items: var(--navigation-layout-align, initial);
flex-wrap: var(--navigation-layout-wrap, wrap);
background-color: inherit
}
.wp-block-navigation .wp-block-navigation-item {
background-color: inherit
}
.is-small-text {
font-size: .875em
}
.is-regular-text {
font-size: 1em
}
.is-large-text {
font-size: 2.25em
}
.is-larger-text {
font-size: 3em
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-drop-cap.has-background {
overflow: hidden
}
p.has-background {
padding: 1.25em 2.375em
}
:where(p.has-text-color:not(.has-link-color)) a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 1em
}
.wp-block-post-author__bio {
margin-bottom: .7em;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0
}
.wp-block-post-author__name {
margin: 0
}
.wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) {
font-weight: inherit
}
.wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) {
font-family: inherit
}
.wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title),
.wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) {
font-size: inherit
}
.wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) {
line-height: inherit
}
.wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) {
font-style: inherit
}
.wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) {
letter-spacing: inherit
}
.wp-block-post-comments-form input[type=submit] {
box-shadow: none;
cursor: pointer;
display: inline-block;
text-align: center;
overflow-wrap: break-word
}
.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
border: 1px solid #949494;
font-size: 1em;
font-family: inherit
}
.wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form textarea {
padding: calc(.667em + 2px)
}
.wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]),
.wp-block-post-comments-form .comment-form textarea {
display: block;
box-sizing: border-box;
width: 100%
}
.wp-block-post-comments-form .comment-form-author label,
.wp-block-post-comments-form .comment-form-email label,
.wp-block-post-comments-form .comment-form-url label {
display: block;
margin-bottom: .25em
}
.wp-block-post-comments-form .comment-form-cookies-consent {
display: flex;
gap: .25em
}
.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: .35em
}
.wp-block-post-comments-form .comment-reply-title {
margin-bottom: 0
}
.wp-block-post-comments-form .comment-reply-title :where(small) {
font-size: var(--wp--preset--font-size--medium, smaller);
margin-left: .5em
}
.wp-block-post-date {
box-sizing: border-box
}
.wp-block-post-excerpt__more-link {
display: inline-block
}
.wp-block-post-featured-image {
margin-left: 0;
margin-right: 0
}
.wp-block-post-featured-image a {
display: block
}
.wp-block-post-featured-image img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: bottom;
box-sizing: border-box
}
.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
width: 100%
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim {
position: absolute;
inset: 0;
background-color: #000
}
.wp-block-post-featured-image {
position: relative
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-gradient {
background-color: transparent
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-0 {
opacity: 0
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-10 {
opacity: .1
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-20 {
opacity: .2
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-30 {
opacity: .3
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-40 {
opacity: .4
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
opacity: .5
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-60 {
opacity: .6
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-70 {
opacity: .7
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-80 {
opacity: .8
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-90 {
opacity: .9
}
.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-100 {
opacity: 1
}
.wp-block-post-terms__separator {
white-space: pre-wrap
}
.wp-block-post-title {
word-break: break-word;
box-sizing: border-box
}
.wp-block-post-title a {
display: inline-block
}
.wp-block-preformatted {
white-space: pre-wrap
}
.wp-block-preformatted.has-background {
padding: 1.25em 2.375em
}
.wp-block-pullquote {
margin: 0 0 1em;
padding: 3em 0;
text-align: center;
overflow-wrap: break-word;
box-sizing: border-box
}
.wp-block-pullquote blockquote,
.wp-block-pullquote cite,
.wp-block-pullquote p {
color: inherit
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 420px
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote.has-text-align-left blockquote {
text-align: left
}
.wp-block-pullquote.has-text-align-right blockquote {
text-align: right
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-post-template {
margin-top: 0;
margin-bottom: 0;
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-post-template.wp-block-post-template {
background: none
}
.wp-block-post-template.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap;
gap: 1.25em
}
.wp-block-post-template.is-flex-container li {
margin: 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li {
width: calc(50% - .625em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
width: calc(33.33333% - .83333em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li {
width: calc(25% - .9375em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li {
width: calc(20% - 1em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li {
width: calc(16.66667% - 1.04167em)
}
}
.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,
.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
margin-right: 0
}
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-next:last-child {
margin-inline-start: auto
}
.wp-block-query-pagination.is-content-justification-space-between>.wp-block-query-pagination-previous:first-child {
margin-inline-end: auto
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
margin-right: 1ch;
display: inline-block
}
.wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
margin-left: 1ch;
display: inline-block
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) {
transform: scaleX(1)
}
.wp-block-query-pagination.aligncenter {
justify-content: center
}
.wp-block-query-title,
.wp-block-quote {
box-sizing: border-box
}
.wp-block-quote {
overflow-wrap: break-word
}
.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
margin-bottom: 1em;
padding: 0 1em
}
.wp-block-quote.is-large:not(.is-style-plain) p,
.wp-block-quote.is-style-large:not(.is-style-plain) p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large:not(.is-style-plain) cite,
.wp-block-quote.is-large:not(.is-style-plain) footer,
.wp-block-quote.is-style-large:not(.is-style-plain) cite,
.wp-block-quote.is-style-large:not(.is-style-plain) footer {
font-size: 1.125em;
text-align: right
}
.wp-block-read-more {
display: block;
width: -moz-fit-content;
width: fit-content
}
.wp-block-read-more:not([style*=text-decoration]),
.wp-block-read-more:not([style*=text-decoration]):active,
.wp-block-read-more:not([style*=text-decoration]):focus {
text-decoration: none
}
ul.wp-block-rss {
list-style: none;
padding: 0
}
ul.wp-block-rss.wp-block-rss {
box-sizing: border-box
}
ul.wp-block-rss.alignleft {
margin-right: 2em
}
ul.wp-block-rss.alignright {
margin-left: 2em
}
ul.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
ul.wp-block-rss.is-grid li {
margin: 0 1em 1em 0;
width: 100%
}
@media (min-width:600px) {
ul.wp-block-rss.columns-2 li {
width: calc(50% - 1em)
}
ul.wp-block-rss.columns-3 li {
width: calc(33.33333% - 1em)
}
ul.wp-block-rss.columns-4 li {
width: calc(25% - 1em)
}
ul.wp-block-rss.columns-5 li {
width: calc(20% - 1em)
}
ul.wp-block-rss.columns-6 li {
width: calc(16.66667% - 1em)
}
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
display: block;
font-size: .8125em
}
.wp-block-search__button {
margin-left: .625em;
word-break: normal
}
.wp-block-search__button.has-icon {
line-height: 0
}
.wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em;
fill: currentColor;
vertical-align: text-bottom
}
:where(.wp-block-search__button) {
border: 1px solid #ccc;
padding: .375em .625em
}
.wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%
}
.wp-block-search__label {
width: 100%
}
.wp-block-search__input {
padding: 8px;
flex-grow: 1;
margin-left: 0;
margin-right: 0;
min-width: 3em;
border: 1px solid #949494;
text-decoration: unset !important
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left: 0
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
padding: 4px;
border: 1px solid #949494
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0 0 .25em
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
outline: none
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
padding: .125em .5em
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin: auto
}
.wp-block-separator {
border: 1px solid;
border-right: none;
border-left: none
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "···";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: 'PF BeauSans Pro Regular', sans-serif
}
.wp-block-site-logo {
box-sizing: border-box;
line-height: 0
}
.wp-block-site-logo a {
display: inline-block
}
.wp-block-site-logo.is-default-size img {
width: 120px;
height: auto
}
.wp-block-site-logo img {
height: auto;
max-width: 100%
}
.wp-block-site-logo a,
.wp-block-site-logo img {
border-radius: inherit
}
.wp-block-site-logo.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center
}
.wp-block-site-logo.is-style-rounded {
border-radius: 9999px
}
.wp-block-social-links {
box-sizing: border-box;
padding-left: 0;
padding-right: 0;
text-indent: 0;
margin-left: 0;
background: none
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-block-social-links .wp-social-link a {
padding: .25em
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em
}
.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
margin-left: .5em;
margin-right: .5em;
font-size: .65em
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px
}
.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
font-size: 24px
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links.alignright {
justify-content: flex-end
}
.wp-block-social-link {
display: block;
border-radius: 9999px;
transition: transform .1s ease;
height: auto
}
@media (prefers-reduced-motion:reduce) {
.wp-block-social-link {
transition-duration: 0s;
transition-delay: 0s
}
}
.wp-block-social-link a {
align-items: center;
display: flex;
line-height: 0;
transition: transform .1s ease
}
.wp-block-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
color: currentColor;
fill: currentColor
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #ff4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color: #2aabee;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp {
background-color: #25d366;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none
}
.wp-block-social-links.is-style-logos-only .wp-social-link a {
padding: 0
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 1.25em;
height: 1.25em
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #ff4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color: #2aabee
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
color: #25d366
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
color: #d32422
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: .66667em;
padding-right: .66667em
}
.wp-block-spacer {
clear: both
}
.wp-block-tag-cloud.aligncenter {
text-align: center;
justify-content: center
}
.wp-block-tag-cloud.alignfull {
padding-left: 1em;
padding-right: 1em
}
.wp-block-tag-cloud a {
display: inline-block;
margin-right: 5px
}
.wp-block-tag-cloud span {
display: inline-block;
margin-left: 5px;
text-decoration: none
}
.wp-block-tag-cloud.is-style-outline {
display: flex;
flex-wrap: wrap;
gap: 1ch
}
.wp-block-tag-cloud.is-style-outline a {
border: 1px solid;
font-size: unset !important;
margin-right: 0;
padding: 1ch 2ch;
text-decoration: none !important
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
border-collapse: collapse;
width: 100%
}
.wp-block-table td,
.wp-block-table th {
border: 1px solid;
padding: .5em
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-table .has-border-color>*,
.wp-block-table .has-border-color td,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color tr {
border-color: inherit
}
.wp-block-table table[style*=border-top-color]>*,
.wp-block-table table[style*=border-top-color]>* td,
.wp-block-table table[style*=border-top-color]>* th,
.wp-block-table table[style*=border-top-color] tr:first-child,
.wp-block-table table[style*=border-top-color] tr:first-child td,
.wp-block-table table[style*=border-top-color] tr:first-child th {
border-top-color: inherit
}
.wp-block-table table[style*=border-top-color] tr:not(:first-child) {
border-top-color: currentColor
}
.wp-block-table table[style*=border-right-color]>*,
.wp-block-table table[style*=border-right-color] td:last-child,
.wp-block-table table[style*=border-right-color] th,
.wp-block-table table[style*=border-right-color] tr {
border-right-color: inherit
}
.wp-block-table table[style*=border-bottom-color]>*,
.wp-block-table table[style*=border-bottom-color]>* td,
.wp-block-table table[style*=border-bottom-color]>* th,
.wp-block-table table[style*=border-bottom-color] tr:last-child,
.wp-block-table table[style*=border-bottom-color] tr:last-child td,
.wp-block-table table[style*=border-bottom-color] tr:last-child th {
border-bottom-color: inherit
}
.wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
border-bottom-color: currentColor
}
.wp-block-table table[style*=border-left-color]>*,
.wp-block-table table[style*=border-left-color] td:first-child,
.wp-block-table table[style*=border-left-color] th,
.wp-block-table table[style*=border-left-color] tr {
border-left-color: inherit
}
.wp-block-table table[style*=border-style]>*,
.wp-block-table table[style*=border-style] td,
.wp-block-table table[style*=border-style] th,
.wp-block-table table[style*=border-style] tr {
border-style: inherit
}
.wp-block-table table[style*=border-width]>*,
.wp-block-table table[style*=border-width] td,
.wp-block-table table[style*=border-width] th,
.wp-block-table table[style*=border-width] tr {
border-width: inherit;
border-style: inherit
}
.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap
}
.wp-block-video {
box-sizing: border-box
}
.wp-block-video video {
width: 100%
}
@supports (position:sticky) {
.wp-block-video [poster] {
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-element-button {
cursor: pointer
}
:root {
--wp--preset--font-size--normal: 16px;
--wp--preset--font-size--huge: 42px
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-very-dark-gray-color {
color: #313131
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
.has-regular-font-size {
font-size: 1em
}
.has-larger-font-size {
font-size: 2.625em
}
.has-normal-font-size {
font-size: var(--wp--preset--font-size--normal)
}
.has-huge-font-size {
font-size: var(--wp--preset--font-size--huge)
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.items-justified-left {
justify-content: flex-start
}
.items-justified-center {
justify-content: center
}
.items-justified-right {
justify-content: flex-end
}
.items-justified-space-between {
justify-content: space-between
}
.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
}
.screen-reader-text:focus {
background-color: #ddd;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
html :where(.has-border-color) {
border-style: solid
}
html :where([style*=border-top-color]) {
border-top-style: solid
}
html :where([style*=border-right-color]) {
border-right-style: solid
}
html :where([style*=border-bottom-color]) {
border-bottom-style: solid
}
html :where([style*=border-left-color]) {
border-left-style: solid
}
html :where([style*=border-width]) {
border-style: solid
}
html :where([style*=border-top-width]) {
border-top-style: solid
}
html :where([style*=border-right-width]) {
border-right-style: solid
}
html :where([style*=border-bottom-width]) {
border-bottom-style: solid
}
html :where([style*=border-left-width]) {
border-left-style: solid
}
html :where(img[class*=wp-image-]) {
height: auto;
max-width: 100%
}
figure {
margin: 0 0 1em
}
.wp-block-audio figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-audio figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-audio {
margin: 0 0 1em
}
.wp-block-code {
border: 1px solid #ccc;
border-radius: 4px;
font-family: 'PF BeauSans Pro Regular', sans-serif;
padding: .8em 1em
}
.wp-block-embed figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-embed figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-embed {
margin: 0 0 1em
}
.blocks-gallery-caption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .blocks-gallery-caption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-image figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-image figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-image {
margin: 0 0 1em
}
.wp-block-pullquote {
border-top: 4px solid;
border-bottom: 4px solid;
margin-bottom: 1.75em;
color: currentColor
}
.wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: currentColor;
text-transform: uppercase;
font-size: .8125em;
font-style: normal
}
.wp-block-quote {
border-left: .25em solid;
margin: 0 0 1.75em;
padding-left: 1em
}
.wp-block-quote cite,
.wp-block-quote footer {
color: currentColor;
font-size: .8125em;
position: relative;
font-style: normal
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: .25em solid;
padding-left: 0;
padding-right: 1em
}
.wp-block-quote.has-text-align-center {
border: none;
padding-left: 0
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-quote.is-style-plain {
border: none
}
.wp-block-search .wp-block-search__label {
font-weight: 700
}
.wp-block-search__button {
border: 1px solid #ccc;
padding: .375em .625em
}
:where(.wp-block-group.has-background) {
padding: 1.25em 2.375em
}
.wp-block-separator.has-css-opacity {
opacity: .4
}
.wp-block-separator {
border: none;
border-bottom: 2px solid;
margin-left: auto;
margin-right: auto
}
.wp-block-separator.has-alpha-channel-opacity {
opacity: 1
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100px
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: none;
height: 1px
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 2px
}
.wp-block-table {
margin: "0 0 1em 0"
}
.wp-block-table thead {
border-bottom: 3px solid
}
.wp-block-table tfoot {
border-top: 3px solid
}
.wp-block-table td,
.wp-block-table th {
word-break: normal
}
.wp-block-table figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-table figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-video figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-video figcaption {
color: hsla(0, 0%, 100%, .65)
}
.wp-block-video {
margin: 0 0 1em
}
.wp-block-template-part.has-background {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0
}
/*! This file is auto-generated */
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
text-decoration: none;
padding: calc(.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em
}
.editor-styles-wrapper {
font-family: 'PF BeauSans Pro Regular', sans-serif !important
}
.editor-styles-wrapper a {
text-decoration: none;
color: inherit
}
.editor-styles-wrapper .entry-action {
display: none
}
.editor-styles-wrapper .wp-block-button__link {
font-size: .875rem;
padding: .8125rem 1.5rem;
line-height: 1
}
.editor-styles-wrapper .slick-alignfull img {
display: none
}
.components-form-token-filter .components-form-token-field__token {
cursor: move
}
.components-select-loop-type {
width: 100%
}
.components-panel .components-autocomplete {
font-size: 13px;
padding: 2px 8px;
margin: 4px 0 4px 0;
box-shadow: 0 0 0 transparent;
border-radius: 4px;
border: 1px solid #8d96a0
}
.components-panel .components-base-control__help,
.components-panel .components-form-token-field__help {
font-size: 11px
}
.components-loop-date {
margin-top: -16px;
margin-bottom: 16px
}
.components-loop-date-popup .components-popover__content {
min-width: 180px !important
}
.components-loop-date-dialog {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px
}
.components-loop-date-dialog .components-base-control__field {
margin-bottom: 0
}
.components-loop-date-dialog input {
width: 50px
}
.components-range-control .components-range-control__slider {
min-width: 3rem
}
.grid-4-col {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 8px
}
.block-permission__help {
font-size: 12px;
color: #888;
user-select: none
}
.plugin-slider,
.wp-block-loop {
position: relative;
--grid-gap: 1.5rem;
--row-gap: 1rem;
--grid-rows: 1;
--grid-columns: 2;
--loop-line: 1;
--loop-line-height: 1.3;
--loop-ratio: 1;
--loop-radius: 4px;
--loop-max-width: 100%
}
.block-loop-items {
margin-bottom: 1.5rem;
list-style: none;
display: grid;
--grid-auto-cols: calc((100% - (var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns));
grid-gap: var(--grid-gap);
grid-template-columns: repeat(auto-fill, minmax(var(--grid-auto-cols), 1fr))
}
.block-loop-slider,
[data-plugin=slider] {
display: grid;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
overscroll-behavior-x: none;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
--grid-auto-cols: calc((var(--loop-max-width) - (var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns));
grid-auto-flow: column;
grid-auto-columns: var(--grid-auto-cols);
grid-template-rows: repeat(var(--grid-rows), -webkit-max-content);
grid-template-rows: repeat(var(--grid-rows), max-content);
grid-template-columns: inherit !important;
box-sizing: border-box
}
.block-loop-slider::-webkit-scrollbar {
display: none
}
.block-slider-scrolling {
-ms-scroll-snap-type: none;
scroll-snap-type: none;
scroll-behavior: inherit
}
.block-loop-slider .entry-content>*,
[data-plugin=slider] .entry-content>* {
width: 100% !important;
max-width: 100% !important
}
.block-loop-slider>* {
scroll-snap-align: start
}
.grid-1 {
--grid-columns: 1
}
.grid-2 {
--grid-columns: 2
}
.grid-3 {
--grid-columns: 3
}
@media (min-width:330px) {
.badgeactiveair {
margin: -27.5px auto 0 auto;
width: 72px;
font-size: 13px;
}
}
@media (min-width:630px) {
.badgeactiveair {
font-size: 16px;
width: 86px;
margin: -32px auto 0 auto;
}
}
@media (min-width:330px) {
.wp-block-loop {
--grid-columns: 3
}
}
@media (min-width:1000px) {
.wp-block-loop {
--grid-columns: 4
}
}
@media (min-width:1260px) {
.wp-block-loop {
--grid-columns: 7
}
.block-loop-items {
--grid-columns: var(--grid-cols, 7)
}
}
@media (max-width:419px) {
.grid-sm-1 {
--grid-columns: 1
}
.grid-sm-2 {
--grid-columns: 2
}
.grid-sm-3 {
--grid-columns: 3
}
.grid-sm-1 .block-loop-items,
.grid-sm-2 .block-loop-items,
.grid-sm-3 .block-loop-items {
--grid-columns: inherit !important
}
}
@media (min-width:1580px) {
.grid-xl-1 {
--grid-columns: 1
}
.grid-xl-2 {
--grid-columns: 2
}
.grid-xl-3 {
--grid-columns: 3
}
.grid-xl-1 .block-loop-items,
.grid-xl-2 .block-loop-items,
.grid-xl-3 .block-loop-items {
--grid-columns: inherit !important
}
}
.block-loop-title {
display: flex;
flex-wrap: wrap;
align-items: center
}
.block-loop-heading {
width: 1%;
flex: 1
}
.block-loop-more {
font-size: 14px;
font-weight: 400
}
.block-loop-subtitle {
font-size: 14px;
font-weight: 400;
color: var(--text-secondary-color, #888);
line-height: 1.6;
text-transform: none;
display: block;
width: 100%
}
.block-loop-nav {
opacity: 0;
transition: opacity .2s;
position: absolute;
display: flex;
align-items: center;
z-index: 5;
height: 0;
width: calc(100% + 2.5rem);
left: -1.25rem;
top: calc(50% - 1.5rem)
}
.alignfull>.block-loop-nav {
width: calc(100% - 2.5rem);
left: 1.25rem
}
.wp-block-loop .block-loop-title~.block-loop-nav,
.wp-block-loop.block-loop-nav-center .block-loop-nav,
.wp-block-loop.block-loop-overlay .block-loop-nav {
top: 50%
}
.wp-block-loop.block-loop-nav-center .block-loop-title~.block-loop-nav,
.wp-block-loop.block-loop-overlay .block-loop-title~.block-loop-nav {
top: calc(50% + 1.5rem)
}
.block-loop-reverse .block-loop-nav {
top: auto;
bottom: calc(50% - 1.5rem)
}
.block-loop-nav span {
flex: 1
}
.wp-block-loop:hover .block-loop-nav {
opacity: 1
}
.block-loop-nav button {
width: 2.5rem;
height: 2.5rem;
padding: 0;
border-radius: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
border: none;
box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}
.block-loop-nav button svg {
pointer-events: none;
transform: rotate(var(--transform-rotate, 0))
}
.block-loop-dot-left .block-loop-dot {
margin: -4rem auto 0 auto;
text-align: left;
max-width: var(--content-width);
width: calc(100% - var(--x-gap) * 0.8)
}
.block-loop-dot {
text-align: center
}
.block-loop-dot button {
width: 1rem;
height: 1rem;
padding: 0;
border-radius: 2rem;
border: none;
background-color: transparent;
color: inherit
}
.block-loop-dot button:after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 6px;
margin: 0 auto;
background-color: currentColor;
opacity: .5
}
.block-loop-dot button.active:after {
opacity: 1
}
.scroller {
width: 15rem;
font-size: 12px !important;
display: block !important;
justify-content: center;
margin: 0 auto
}
.scroller.is-loading {
cursor: wait;
pointer-events: none
}
.block-loop-empty,
.wp-block-loop .pagination,
.wp-block-loop .scroller {
grid-column: 1/-1
}
.wp-block-loop .navigation .nav-next-text,
.wp-block-loop .navigation .nav-prev-text,
.wp-block-loop .navigation .next:before,
.wp-block-loop .navigation .prev:before {
display: none
}
.block-loop-item {
position: relative;
padding: 0;
max-width: 100%;
border-radius: var(--loop-radius);
display: flex;
flex-direction: column;
flex-wrap: wrap;
scroll-snap-align: start
}
.block-loop-item .entry-content,
.block-loop-item .entry-footer,
.block-loop-item .entry-header,
.block-loop-item .post-thumbnail {
width: 100%;
padding-left: 0;
padding-right: 0
}
.block-loop-item .entry-header {
margin-bottom: 1rem
}
.block-loop-item .entry-meta {
margin-top: 0;
margin-bottom: 0
}
.block-loop-item .entry-footer {
margin-bottom: 1rem
}
.block-loop-item .entry-header {
padding: .5rem 0;
margin: 0;
flex: 1
}
.block-loop-item .entry-title {
margin: 0;
font-size: .9375rem;
font-weight: 400;
letter-spacing: 0
}
.block-loop-item .entry-subtitle {
font-size: .8125rem;
color: var(--text-secondary-color, #888)
}
.block-loop-item .entry-meta {
display: block;
font-size: .8125rem;
line-height: 1.25;
margin-bottom: 0;
color: var(--text-secondary-color, #888)
}
.block-loop-item .author,
.block-loop-item .entry-artist,
.block-loop-item .entry-meta,
.block-loop-item .entry-title {
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: var(--loop-line);
word-break: break-all;
line-height: var(--loop-line-height)
}
.block-loop-item .entry-meta>span {
margin: 0
}
.block-loop-item .post-thumbnail {
width: 100%;
position: relative;
margin: 0;
padding: 0;
border-radius: inherit;
background-color: rgba(110, 120, 130, .2)
}
.wp-block-loop-user .post-thumbnail {
width: 80%;
margin: 10% 10% 0 10%;
border-radius: 50%
}
.block-loop-item .post-thumbnail a {
border-radius: inherit
}
.block-loop-item .post-thumbnail .avatar,
.block-loop-item .post-thumbnail img,
.block-loop-item .post-thumbnail video {
border-radius: inherit;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover
}
.block-loop-item .wp-video,
.block-loop-item .wp-video video {
width: 100% !important;
height: auto;
border-radius: inherit
}
.block-loop-item .attachment,
.block-loop-item.attachment {
float: none;
width: 100%
}
.block-loop-item.attachment audio~p {
display: none
}
.block-loop-item .post-thumbnail br,
.block-loop-item .post-thumbnail p {
display: none
}
.block-loop-item .post-thumbnail:after {
padding-top: calc(100% / var(--loop-ratio));
min-height: auto;
content: "";
width: 100%;
display: block
}
.block-loop-item .entry-action {
opacity: 0;
pointer-events: none;
color: #fff;
background-color: rgba(0, 0, 0, .2);
position: absolute;
z-index: 3;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
padding: 0 5%;
border-radius: inherit;
transform: translate(-50%, -50%);
transition: opacity .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-around;
box-sizing: border-box
}
.block-loop-item .entry-action .count {
display: none
}
.block-loop-item .entry-action.show {
z-index: 10
}
.block-loop-item .entry-action button,
.block-loop-item .entry-action button:hover {
flex-shrink: 0
}
.entry-action-link {
position: absolute;
width: 100%;
height: 100%
}
.block-loop-item-link {
padding: .75rem 1rem;
background-color: var(--btn-background, rgba(150, 155, 160, .2));
border-radius: var(--btn-radius, .5rem)
}
.block-loop-item-link.active,
.block-loop-item-link:hover {
background-color: var(--btn-background-hover, rgba(150, 155, 160, .3))
}
.btn-download,
.btn-purchase,
button.btn-like,
button.btn-more {
display: inline-flex;
align-items: center;
padding: .5rem;
min-width: 2rem;
line-height: 1;
color: inherit;
background-color: transparent;
border: none;
outline: 0
}
button.btn-like:hover,
button.btn-more:hover {
color: inherit;
background-color: transparent
}
.block-loop-item .btn-play {
width: 36px;
height: 36px
}
.block-loop-item.active .entry-action,
.block-loop-item:active .entry-action,
.block-loop-item:hover .entry-action {
opacity: 1;
pointer-events: initial
}
.block-loop-item .count,
.comment-toolbar .count,
.entry-meta .count {
color: var(--text-secondary-color, #888);
font-size: .875rem;
padding-inline-start: .5rem;
-webkit-padding-start: .5rem
}
.play-count .count {
padding-inline-end: .5rem;
-webkit-padding-end: .5rem
}
.block-loop-item .entry-footer {
display: none;
margin: 0
}
.block-loop-item .waveform {
width: 100%
}
.block-loop-index.block-loop-row .waveform:before {
content: "";
display: inline-block;
min-width: 1rem
}
.block-loop-inline button.btn-play {
transform: scale(1)
}
.block-loop-inline .btn-play-waveform {
display: none
}
.block-loop-inline .waveform {
flex: 1;
width: 1%;
margin: 0 1rem
}
.wp-block-loop-user .entry-header {
text-align: center
}
.wp-block-loop-user .post-thumbnail {
border-radius: 50% !important
}
.block-loop-row {
--grid-columns: 1;
--grid-cols: 1
}
.block-loop-row .block-loop-item {
display: flex;
grid-gap: var(--row-gap);
flex-direction: row;
align-items: center
}
.block-loop-row .post-thumbnail {
width: 6rem
}
.block-loop-xs .post-thumbnail {
width: 2.75rem
}
.block-loop-sm .post-thumbnail {
width: 4rem
}
.block-loop-lg .post-thumbnail {
width: 10rem
}
.block-loop-row .entry-header {
flex: 1;
overflow: hidden;
display: flex;
flex-wrap: wrap;
padding: 0
}
.album-tracks .block-loop-items {
grid-gap: 0
}
.album-tracks .entry-header {
flex-wrap: nowrap;
padding: 0
}
.album-tracks .post-thumbnail {
border-radius: 2px;
width: 2.5rem
}
.album-track .icon-play {
display: none;
position: absolute;
padding: 1rem .25rem
}
.album-track.active:before,
.album-track:hover:before {
color: transparent
}
.album-track.active .icon-play,
.album-track:hover .icon-play {
display: block
}
.album-tracks .entry-meta a,
.album-tracks .entry-title a {
pointer-events: none
}
.is-album .album-tracks .post-thumbnail {
display: none
}
.block-loop-row .entry-header-inner {
flex: 1;
width: 1%
}
.block-loop-row .post-thumbnail .entry-action .btn-like,
.block-loop-row .post-thumbnail .entry-action .btn-more {
display: none
}
.block-loop-row .entry-footer {
display: flex;
align-items: center;
padding-left: 0;
padding-right: 0;
width: auto
}
.block-loop-row .count,
.block-loop-row .play-duration {
font-size: 12px
}
.block-loop-row .play-duration {
padding: 0 .5rem
}
.block-loop-row .play-count {
white-space: nowrap;
display: inline-flex;
align-items: center;
}
.block-loop-row .play-count::before {
display: inline-block;
width: 0;
height: 0;
content: "";
border-left: .5em solid;
border-top: .3em solid transparent;
border-bottom: .3em solid transparent;
opacity: .5
}
.block-loop-hide-footer .entry-footer {
display: none
}
.block-loop-index {
counter-reset: li
}
.block-loop-index:not(.block-loop-row) .block-loop-item .entry-header:before {
content: counter(li);
counter-increment: li;
font-weight: 400;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: .5;
position: absolute;
right: .75rem
}
.block-loop-index.block-loop-row .block-loop-item:before {
content: counter(li);
counter-increment: li;
min-width: 1rem;
max-width: 1rem;
font-weight: 400;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: .5;
text-align: center;
font-size: .9em;
white-space: nowrap
}
.block-loop-overlay .entry-header {
position: absolute;
bottom: 0;
left: 0;
width: 100% !important;
padding: .75rem 1rem !important;
color: #fff;
background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .85));
border-radius: inherit;
border-top-right-radius: 0;
border-top-left-radius: 0;
display: none
}
.block-loop-overlay .entry-header .entry-title {
height: 1.25rem;
color: inherit;
font-weight: 500
}
.block-loop-overlay .entry-header .entry-meta,
.block-loop-overlay .entry-header .entry-subtitle {
color: rgba(255, 255, 255, .75)
}
.block-loop-overlay .entry-header a:hover {
color: inherit
}
.block-loop-overlay .block-loop-item:hover .entry-header {
display: block
}
.block-loop-overlay-center .entry-header {
top: 0;
font-weight: 700;
font-size: 1rem;
text-align: center;
display: flex !important;
align-items: center;
justify-content: center
}
.block-loop-hover .entry-header {
text-align: center;
padding: .5rem .5rem 1rem .5rem !important
}
.block-loop-hover .entry-meta>span {
justify-content: center
}
.block-loop-hover .block-loop-item.active,
.block-loop-hover .block-loop-item:focus,
.block-loop-hover .block-loop-item:hover {
background-color: #222;
color: #fff
}
.block-loop-hover .block-loop-item.active .entry-header a,
.block-loop-hover .block-loop-item:focus .entry-header a,
.block-loop-hover .block-loop-item:hover .entry-header a,
.block-loop-hover .block-loop-item:hover .waveform .btn-play {
color: #fff !important
}
.block-loop-hover .block-loop-item.active .post-thumbnail:after,
.block-loop-hover .block-loop-item:focus .post-thumbnail:after,
.block-loop-hover .block-loop-item:hover .post-thumbnail:after {
position: relative;
z-index: 1;
background-color: #222;
background: linear-gradient(180deg, rgba(22, 22, 22, .2), #222);
border-radius: inherit;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.block-loop-hover .entry-action {
background-color: transparent
}
.block-loop-reverse .block-loop-item,
.block-loop-reverse .block-loop-item .entry-header {
display: flex;
flex-direction: column-reverse;
padding-top: 0
}
.block-loop-divider .block-loop-title {
padding-top: 1.5rem;
border-top: .5px solid var(--color-border, rgba(150, 160, 170, .1))
}
.wp-block-loop.alignfull {
margin-left: 2rem;
margin-right: 2rem
}
.entry-title-lg .entry-title {
font-size: 1.05rem
}
.wp-admin .display {
font-weight: 900;
line-height: 1;
margin-top: 0;
margin-bottom: 1rem
}
.wp-admin .circle {
border-radius: 50%
}
.wp-admin .rounded {
border-radius: 6px
}
.wp-admin .h-auto {
min-height: auto
}
.white {
color: #222;
background-color: #fff
}
.text-white {
color: #fff
}
.h-auto {
min-height: auto
}
.h-v {
min-height: 100vh
}
.h-1 {
min-height: 100vw
}
.h-2 {
min-height: 50vw
}
.h-3 {
min-height: 33.3vw
}
.h-4 {
min-height: 25vw
}
.h-5 {
min-height: 20vw
}
.h-6 {
min-height: 16.6vw
}
.h-7 {
min-height: 14.3vw
}
.h-8 {
min-height: 12.5vw
}
.h-9 {
min-height: 11.1vw
}
.h-10 {
min-height: 10vw
}
.m-auto {
margin-left: auto;
margin-right: auto
}
.w-75 {
width: 75%
}
.w-50 {
width: 50%
}
.l-h-2 {
line-height: 2
}
.l-h-3 {
line-height: 3
}
.f-w-1 {
font-weight: 100
}
.f-w-2 {
font-weight: 200
}
.f-w-7 {
font-weight: 700
}
.f-w-8 {
font-weight: 800
}
.f-w-9 {
font-weight: 900
}
.border {
border: 1px solid var(--color-border, #eee)
}
.rounded,
.rounded.wp-block-cover>span,
.rounded:before {
border-radius: var(--border-radius, 8px)
}
.no-border {
border: none
}
.no-padding {
padding: 0 !important
}
.no-margin {
margin: 0 !important
}
#ffl-settings .postbox-header {
border-bottom: none
}
.loop-filter {
display: flex;
flex-wrap: wrap;
margin-bottom: 1rem
}
.loop-filter-item-heading {
font-size: .8em;
margin-bottom: .375rem;
text-transform: uppercase
}
.loop-filter-item {
margin-bottom: 1rem;
white-space: nowrap
}
.loop-filter-item:after {
content: "";
display: inline-block;
width: .5rem
}
.loop-filter-item .selected {
position: relative
}
.loop-filter-item .selected:after {
content: '';
display: inline-block;
width: .65em;
height: .35em;
border-left: .1em solid currentColor;
border-bottom: .1em solid currentColor;
transform: translate(-50%, -50%) rotate(-45deg);
position: absolute;
right: .5rem;
top: 45%;
opacity: .6
}
.loop-filter-count {
display: inline-block;
background-color: rgba(150, 160, 170, .2);
padding: 0 .45em;
margin: 0 .125rem;
font-size: 11px;
border-radius: 1rem
}
input[type=range].multirange {
-webkit-appearance: none;
height: 2px;
padding: 0;
margin: 2rem 0 1rem;
width: calc(100% - 0px);
display: inline-block;
vertical-align: top;
background-image: linear-gradient(90deg, #78828c, #78828c 50%, #fff 50%, #fff 100%);
background-size: 6px 1px;
color: currentColor;
border: 0;
border-radius: 6px
}
input[type=range].multirange.original {
position: absolute
}
input[type=range].multirange::-webkit-slider-thumb {
-webkit-appearance: none;
position: relative;
z-index: 2;
border: none;
width: 10px;
height: 10px;
border-radius: 1px;
background-color: currentColor
}
input[type=range].multirange::-moz-range-thumb {
border: none;
width: 10px;
height: 10px;
border-radius: 1px;
background-color: currentColor
}
input[type=range].multirange.original::-moz-range-thumb {
z-index: 2
}
input[type=range].multirange.ghost {
position: relative;
background: var(--track-background);
--track-background: linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%;
--range-color: currentColor
}
input[type=range].multirange.ghost::-webkit-slider-thumb {
position: relative;
z-index: 2
}
input[type=range].multirange.ghost::-moz-range-thumb {
z-index: 2
}
.multi-range {
margin: 0 1rem;
position: relative
}
.range-max,
.range-min {
position: absolute;
top: .5rem;
font-size: 10px;
width: 10px;
display: flex;
justify-content: center;
text-align: center;
left: calc(var(--left) * 1%);
margin-left: calc(0px - var(--left)/ 100 * 10px)
}
.spinner {
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner .75s linear infinite;
animation: spinner .75s linear infinite
}
.font-serif {
font-family: 'PF BeauSans Pro Regular', sans-serif;
font-weight: 500
}
:not(p).has-huge-font-size {
font-size: 12vw !important;
letter-spacing: -.025em
}
:not(p).has-large-font-size {
font-size: 8vw !important;
letter-spacing: -.025em
}
:not(p).has-medium-font-size {
font-size: 5vw !important;
letter-spacing: -.025em
}
:not(p).has-normal-font-size {
font-size: 3vw !important
}
@keyframes spinner {
0% {
transform: scale(0)
}
50% {
opacity: 1
}
}
@media (max-width:576px) {
.wp-block-loop {
--grid-gap: 1rem
}
.block-loop-row .block-loop-items {
--grid-columns: 1 !important
}
.block-loop-row:not(.album-tracks):not(.block-loop-xs):not(.block-loop-inline) .block-loop-item:not(.block-loop-inline) .entry-header-inner {
flex: auto;
width: 100%
}
.block-loop-row:not(.album-tracks):not(.block-loop-xs):not(.block-loop-inline) .block-loop-item:not(.block-loop-inline) .post-thumbnail {
width: 4.5rem
}
.album-tracks .btn-download,
.album-tracks .btn-like,
.album-tracks .play-count,
.block-loop-inline .waveform,
.block-loop-nav {
display: none
}
.modal-open .wp-block-loop-product .block-loop-slider {
overflow: visible
}
:not(p).has-huge-font-size {
font-size: 15vw !important
}
:not(p).has-large-font-size {
font-size: 12.5vw !important
}
:not(p).has-medium-font-size {
font-size: 10vw !important
}
:not(p).has-normal-font-size {
font-size: 5vw !important
}
.wp-block-loop-slider {
width: 100% !important;
--loop-max-width: 85%
}
.wp-block-loop-slider .block-loop-items,
.wp-block-loop-slider .block-loop-title {
padding: 0 var(--x-gap, 1rem);
scroll-snap-type: none
}
.entry-content-inner .wp-block-loop-slider {
margin: 0 calc(var(--x-gap, 1rem) * -1);
width: auto !important
}
}
@media (min-width:1330px) {
:not(p).has-huge-font-size {
font-size: 9rem !important
}
:not(p).has-large-font-size {
font-size: 7rem !important
}
:not(p).has-medium-font-size {
font-size: 5rem !important
}
:not(p).has-normal-font-size {
font-size: 2.5rem !important
}
}
body {
--progress-height: 4px
}
.components-form-token-post {
border: none !important;
box-shadow: none !important;
padding: 0;
flex-direction: column;
align-items: stretch
}
.components-form-token-post .components-form-token-field__token {
max-width: 100%
}
.components-form-token-post .components-form-token-field__suggestions-list {
max-width: 100%
}
.components-form-token-post .components-form-token-field__token-text {
flex: 1
}
.components-form-token-post .components-form-token-field__suggestions-list {
margin: 0;
padding: 3px 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}
.components-form-token-post .components-flex-item {
flex: 1 1 100%
}
.components-form-hidden-empty {
display: none
}
.components-form-hidden-help~[class*='__help'] {
display: none
}
.components-form-token-post .components-form-token-field__token {
cursor: move
}
.components-form-token-post .sortable-placeholder {
min-height: 24px;
flex: 1 1 100%;
margin-bottom: 0
}
.is-medium {
height: 30px;
box-shadow: inset 0 0 0 1px #757575
}
a[href^=play-separate] {
padding: 0 !important;
margin: 8px 12px !important;
border-top: 1px solid rgba(255, 255, 255, .1);
cursor: none;
pointer-events: none
}
.progress {
display: flex;
padding: 0
}
.progress li {
flex: 1 1 auto;
padding: 0;
color: #aaa;
border-bottom: var(--progress-height) solid currentColor;
margin-bottom: calc(var(--progress-height) * -1);
position: relative;
padding: 0 .25rem .75rem .25rem;
text-align: center
}
.progress li:before {
position: absolute;
bottom: calc(var(--progress-height) * -2);
left: 50%;
transform: translateX(-50%);
content: '';
display: inline-block;
width: var(--progress-height);
height: var(--progress-height);
border-radius: 100%;
border: var(--progress-height) solid currentColor;
background-color: #fff
}
.progress li.done:before {
background-color: currentColor
}
.progress li.active,
.progress li.done {
color: #2271b1
}
.import-wrap {
margin: 0 auto;
max-width: 40rem
}
.import-dialog {
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
border-radius: 5px;
margin-top: 2rem
}
.import-footer,
.import-header {
padding: 2rem
}
.import-footer p:last-child,
.import-header p:last-child {
margin-bottom: 0
}
.import-footer {
display: flex
}
.import-footer .button {
margin-inline-start: auto;
-webkit-margin-start: auto
}
.import-content {
border-top: 1px solid rgba(150, 155, 160, .2);
border-bottom: 1px solid rgba(150, 155, 160, .2);
padding: 2rem
}
.import-header h2 {
margin: 0 0 1rem 0
}
.import-content th {
font-weight: 400
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
background-position: var(--plyr-progress-loading-size, 25px) 0
}
}
@keyframes plyr-popup {
0% {
opacity: .5;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes plyr-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.plyr {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
align-items: center;
direction: ltr;
display: flex;
flex-direction: column;
font-family: inherit;
font-family: var(--plyr-font-family, inherit);
font-variant-numeric: tabular-nums;
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
line-height: 1.7;
line-height: var(--plyr-line-height, 1.7);
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow .3s ease;
z-index: 0
}
.plyr audio,
.plyr iframe,
.plyr video {
display: block;
height: 100%;
width: 100%
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto
}
.plyr:focus {
outline: 0
}
.plyr--full-ui {
box-sizing: border-box
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
box-sizing: inherit
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation
}
.plyr__badge {
background: #4a5464;
background: var(--plyr-badge-background, #4a5464);
border-radius: 2px;
border-radius: var(--plyr-badge-border-radius, 2px);
color: #fff;
color: var(--plyr-badge-text-color, #fff);
font-size: 9px;
font-size: var(--plyr-font-size-badge, 9px);
line-height: 1;
padding: 3px 4px
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none
}
.plyr__captions {
animation: plyr-fade-in .3s ease;
bottom: 0;
display: none;
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
left: 0;
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
position: absolute;
text-align: center;
transition: transform .4s ease-in-out;
width: 100%
}
.plyr__captions span:empty {
display: none
}
@media (min-width:480px) {
.plyr__captions {
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
padding: 20px;
padding: calc(var(--plyr-control-spacing, 10px)*2)
}
}
@media (min-width:768px) {
.plyr__captions {
font-size: 18px;
font-size: var(--plyr-font-size-large, 18px)
}
}
.plyr--captions-active .plyr__captions {
display: block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
transform: translateY(-40px);
transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}
.plyr__caption {
background: rgba(0, 0, 0, .8);
background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
color: #fff;
color: var(--plyr-captions-text-color, #fff);
line-height: 185%;
padding: .2em .5em;
white-space: pre-wrap
}
.plyr__caption div {
display: inline
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
border-radius: var(--plyr-control-radius, 3px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px)*.7);
position: relative;
transition: all .3s ease
}
.plyr__control svg {
display: block;
height: 18px;
height: var(--plyr-control-icon-size, 18px);
pointer-events: none;
width: 18px;
width: var(--plyr-control-icon-size, 18px)
}
.plyr__control:focus {
outline: 0
}
.plyr__control.plyr__tab-focus {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
a.plyr__control {
text-decoration: none
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
display: none
}
.plyr--full-ui ::-webkit-media-controls {
display: none
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center
}
.plyr__controls .plyr__progress__container {
flex: 1;
min-width: 0
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
margin-left: calc(var(--plyr-control-spacing, 10px)/ 4)
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
padding-left: calc(var(--plyr-control-spacing, 10px)/ 4)
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
padding: 0 calc(var(--plyr-control-spacing, 10px)/ 2)
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
display: none
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
display: inline-block
}
.plyr__menu {
display: flex;
position: relative
}
.plyr__menu .plyr__control svg {
transition: transform .3s ease
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
transform: rotate(90deg)
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
display: none
}
.plyr__menu__container {
animation: plyr-popup .2s ease;
background: hsla(0, 0%, 100%, .9);
background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
font-size: 15px;
font-size: var(--plyr-font-size-base, 15px);
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3
}
.plyr__menu__container>div {
overflow: hidden;
transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}
.plyr__menu__container:after {
border: 4px solid transparent;
border-top: var(--plyr-menu-arrow-size, 4px) solid hsla(0, 0%, 100%, .9);
border-width: var(--plyr-menu-arrow-size, 4px);
content: "";
height: 0;
position: absolute;
right: 14px;
right: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/ 2);
top: 100%;
width: 0
}
.plyr__menu__container [role=menu] {
padding: 7px;
padding: calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
margin-top: 2px
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
margin-top: 0
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4a5464;
color: var(--plyr-menu-color, #4a5464);
display: flex;
font-size: 13px;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding: 4.66667px 10.5px;
padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
-webkit-user-select: none;
user-select: none;
width: 100%
}
.plyr__menu__container .plyr__control>span {
align-items: inherit;
display: flex;
width: 100%
}
.plyr__menu__container .plyr__control:after {
border: 4px solid transparent;
border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
}
.plyr__menu__container .plyr__control--forward:after {
border-left-color: #728197;
border-left-color: var(--plyr-menu-arrow-color, #728197);
right: 6.5px;
right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
border-left-color: initial
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: 7px;
margin: calc(var(--plyr-control-spacing, 10px)*.7);
margin-bottom: 3.5px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
padding-left: 28px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
position: relative;
width: calc(100% - 14px);
width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}
.plyr__menu__container .plyr__control--back:after {
border-right-color: #728197;
border-right-color: var(--plyr-menu-arrow-color, #728197);
left: 6.5px;
left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
}
.plyr__menu__container .plyr__control--back:before {
background: #dcdfe5;
background: var(--plyr-menu-back-border-color, #dcdfe5);
box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: "";
height: 1px;
left: 0;
margin-top: 3.5px;
margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
overflow: hidden;
position: absolute;
right: 0;
top: 100%
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
border-right-color: initial
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: 7px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
border-radius: 100%
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
background: rgba(0, 0, 0, .1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px);
transition: all .3s ease;
width: 16px
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition: transform .3s ease, opacity .3s ease;
width: 6px
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
background: #00b3ff;
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
opacity: 1;
transform: translateY(-50%) scale(1)
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
background: rgba(35, 40, 47, .1)
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: calc(-7px - -2);
margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
overflow: hidden;
padding-left: 24.5px;
padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
pointer-events: none
}
.plyr--full-ui input[type=range] {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 26px;
border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
color: #00b3ff;
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
display: block;
height: 19px;
height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
margin: 0;
min-width: 0;
padding: 0;
transition: box-shadow .3s ease;
width: 100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
background-image: linear-gradient(90deg, currentColor 0, transparent 0);
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-webkit-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
-webkit-user-select: none;
user-select: none
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: -4px;
margin-top: calc(var(--plyr-range-thumb-height, 13px)/ 2*-1 - var(--plyr-range-track-height, 5px)/ 2*-1);
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-moz-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
position: relative;
-moz-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px)
}
.plyr--full-ui input[type=range]::-ms-track {
color: transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
background: currentColor;
border: 0;
border-radius: 2.5px;
border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
height: 5px;
height: var(--plyr-range-track-height, 5px);
-ms-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-thumb {
background: #fff;
background: var(--plyr-range-thumb-background, #fff);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
height: 13px;
height: var(--plyr-range-thumb-height, 13px);
margin-top: 0;
position: relative;
-ms-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display: none
}
.plyr--full-ui input[type=range]:focus {
outline: 0
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border: 0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
outline-color: #00b3ff;
outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
outline-offset: 2px;
outline-style: dotted;
outline-width: 3px
}
.plyr__poster {
background-color: #000;
background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .2s ease;
width: 100%;
z-index: 1
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
display: none
}
.plyr__time {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__time+.plyr__time:before {
content: "\2044";
margin-right: 10px;
margin-right: var(--plyr-control-spacing, 10px)
}
@media (max-width:767px) {
.plyr__time+.plyr__time {
display: none
}
}
.plyr__tooltip {
background: hsla(0, 0%, 100%, .9);
background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
border-radius: 3px;
border-radius: var(--plyr-tooltip-radius, 3px);
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
color: #4a5464;
color: var(--plyr-tooltip-color, #4a5464);
font-size: 13px;
font-size: var(--plyr-font-size-small, 13px);
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)/ 2*2);
opacity: 0;
padding: 5px 7.5px;
padding: calc(var(--plyr-control-spacing, 10px)/ 2) calc(var(--plyr-control-spacing, 10px)/ 2*1.5);
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s ease .1s, opacity .2s ease .1s;
white-space: nowrap;
z-index: 2
}
.plyr__tooltip:before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid hsla(0, 0%, 100%, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%) scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
left: 0;
transform: translateY(10px) scale(.8);
transform-origin: 0 100%
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
left: 16px;
left: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7)
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translateY(10px) scale(.8);
transform-origin: 100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
left: auto;
right: 16px;
right: calc(var(--plyr-control-icon-size, 18px)/ 2 + var(--plyr-control-spacing, 10px)*.7);
transform: translateX(50%)
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0) scale(1)
}
.plyr__progress {
left: 6.5px;
left: calc(var(--plyr-range-thumb-height, 13px)*.5);
margin-right: 13px;
margin-right: var(--plyr-range-thumb-height, 13px);
position: relative
}
.plyr__progress input[type=range],
.plyr__progress__buffer {
margin-left: -6.5px;
margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
margin-right: -6.5px;
margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px))
}
.plyr__progress input[type=range] {
position: relative;
z-index: 2
}
.plyr__progress .plyr__tooltip {
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
left: 0
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: -2.5px;
margin-top: calc(var(--plyr-range-track-height, 5px)/ 2*-1);
padding: 0;
position: absolute;
top: 50%
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-webkit-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
min-width: var(--plyr-range-track-height, 5px);
-moz-transition: width .2s ease;
transition: width .2s ease
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
-ms-transition: width .2s ease;
transition: width .2s ease
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
background-repeat: repeat-x;
background-size: 25px 25px;
background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
color: transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: hsla(0, 0%, 100%, .25);
background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}
.plyr__volume {
align-items: center;
display: flex;
max-width: 110px;
min-width: 80px;
position: relative;
width: 20%
}
.plyr__volume input[type=range] {
margin-left: 5px;
margin-left: calc(var(--plyr-control-spacing, 10px)/ 2);
margin-right: 5px;
margin-right: calc(var(--plyr-control-spacing, 10px)/ 2);
position: relative;
z-index: 2
}
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto
}
.plyr--audio {
display: block
}
.plyr--audio .plyr__controls {
background: #fff;
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: #4a5464;
color: var(--plyr-audio-control-color, #4a5464);
padding: 10px;
padding: var(--plyr-control-spacing, 10px)
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background: #00b3ff;
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-audio-control-color-hover, #fff)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(193, 200, 209, .6);
background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px rgba(35, 40, 47, .1);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
}
.plyr--audio .plyr__progress__buffer {
color: rgba(193, 200, 209, .6);
color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
}
.plyr--video {
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
overflow: hidden
}
.plyr--video.plyr--menu-open {
overflow: visible
}
.plyr__video-wrapper {
background: #000;
background: var(--plyr-video-background, var(--plyr-video-background, #000));
margin: auto;
overflow: hidden;
position: relative;
width: 100%
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
aspect-ratio: 16/9
}
@supports not (aspect-ratio:16/9) {
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
position: relative
}
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%)
}
.plyr--video .plyr__controls {
background: linear-gradient(transparent, rgba(0, 0, 0, .75));
background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
color: var(--plyr-video-control-color, #fff);
left: 0;
padding: 5px;
padding: calc(var(--plyr-control-spacing, 10px)/ 2);
padding-top: 20px;
padding-top: calc(var(--plyr-control-spacing, 10px)*2);
position: absolute;
right: 0;
transition: opacity .4s ease-in-out, transform .4s ease-in-out;
z-index: 3
}
@media (min-width:480px) {
.plyr--video .plyr__controls {
padding: 10px;
padding: var(--plyr-control-spacing, 10px);
padding-top: 35px;
padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%)
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #00b3ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
color: #fff;
color: var(--plyr-video-control-color-hover, #fff)
}
.plyr__control--overlaid {
background: #00b3ff;
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
border: 0;
border-radius: 100%;
color: #fff;
color: var(--plyr-video-control-color, #fff);
display: none;
left: 50%;
opacity: .9;
padding: 15px;
padding: calc(var(--plyr-control-spacing, 10px)*1.5);
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: .3s;
z-index: 2
}
.plyr__control--overlaid svg {
left: 2px;
position: relative
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
opacity: 1
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color: hsla(0, 0%, 100%, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: hsla(0, 0%, 100%, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: hsla(0, 0%, 100%, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow: 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2), 0 0 0 3px hsla(0, 0%, 100%, .5);
box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
}
.plyr--video .plyr__progress__buffer {
color: hsla(0, 0%, 100%, .25);
color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:fullscreen video {
height: 100%
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-webkit-full-screen video {
height: 100%
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-moz-full-screen video {
height: 100%
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%
}
.plyr:-ms-fullscreen video {
height: 100%
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
bottom: 0;
display: block;
height: 100%;
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 10000000
}
.plyr--fullscreen-fallback video {
height: 100%
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
display: none
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none
}
@media (min-width:1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1
}
.plyr__ads>div,
.plyr__ads>div iframe {
height: 100%;
position: absolute;
width: 100%
}
.plyr__ads:after {
background: #23282f;
border-radius: 2px;
bottom: 10px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
right: var(--plyr-control-spacing, 10px);
z-index: 3
}
.plyr__ads:after:empty {
display: none
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin: -var(--plyr-range-track-height, 5px)/2 0 0;
opacity: .8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3
}
.plyr__preview-thumb {
background-color: hsla(0, 0%, 100%, .9);
background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
margin-bottom: 10px;
margin-bottom: calc(var(--plyr-control-spacing, 10px)/ 2*2);
opacity: 0;
padding: 3px;
padding: var(--plyr-tooltip-radius, 3px);
pointer-events: none;
position: absolute;
transform: translateY(10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s ease .1s, opacity .2s ease .1s;
z-index: 2
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0) scale(1)
}
.plyr__preview-thumb:before {
border-left: 4px solid transparent;
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: 4px solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: 4px solid hsla(0, 0%, 100%, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
bottom: -4px;
bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2
}
.plyr__preview-thumb__image-container {
background: #c1c8d1;
border-radius: 2px;
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
overflow: hidden;
position: relative;
z-index: 0
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, .55);
border-radius: 2px;
border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
color: #fff;
font-size: 13px;
font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
padding: 3px 6px
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
transition: opacity .3s ease;
width: 100%;
z-index: 1
}
.plyr__preview-scrubbing--is-shown {
opacity: 1
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 0;
width: 100%
}
.plyr--no-transition {
transition: none !important
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
border: 0 !important;
height: 1px !important;
overflow: hidden;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.plyr [hidden] {
display: none !important
}
:root {
--plyr-range-thumb-height: 8px;
--plyr-range-track-height: 2px;
--plyr-mini-player-height: 160px;
--plyr-control-height: calc( var(--plyr-control-icon-size, 18px) + var(--plyr-control-spacing, 10px) * 1.4 + 20px);
--plyr-line: 1;
--plyr-line-height: 1.35;
--text-secondary-color: #888
}
[dir=rtl] {
--transform-rotate: 180deg
}
body {
margin: 0
}
.plyr--full-ui input[data-plyr=volume] {
color: currentColor
}
.fixed-bottom .plyr {
--plyr-video-progress-buffered-background: rgba(193, 200, 209, 0.6)
}
.plyr {
font-family: inherit;
border-radius: inherit;
position: relative;
z-index: 1;
min-height: var(--plyr-control-height);
background-color: inherit
}
.plyr__control {
line-height: 1;
font-size: 14px
}
.plyr__timer {
display: flex
}
.plyr__time {
font-size: 11px;
opacity: .5
}
.plyr__menu__container {
--plyr-control-spacing: 10px
}
.icon-play {
line-height: 1
}
.icon-play:after {
content: "";
box-sizing: border-box;
display: inline-block;
border: .5rem solid transparent;
border-left-color: currentColor;
border-left-width: .75rem;
border-right-width: 0;
vertical-align: middle;
transform: rotate(var(--transform-rotate))
}
.icon-play.active:after {
width: .75rem;
height: 1rem;
border-top-width: 0;
border-bottom-width: 0;
border-left-width: .25rem;
border-right-width: .25rem;
border-color: currentColor
}
.icon-plus {
border: none;
padding: .75rem .375rem;
background-color: transparent;
color: currentColor;
position: relative
}
.icon-plus:after,
.icon-plus:before {
content: "";
display: block;
width: 1em;
height: 2px;
background-color: currentColor;
opacity: .5;
border-radius: 2px
}
.icon-plus:after {
width: 2px;
height: 1em;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.icon-plus:hover:after,
.icon-plus:hover:before {
opacity: 1
}
.icon-playlist,
.icon-playlist:after,
.icon-playlist:before {
content: "";
display: inline-block !important;
width: .6em;
height: 2px;
background-color: currentColor;
position: relative;
vertical-align: middle;
border-radius: 1px;
opacity: .5
}
.icon-playlist:before {
position: absolute;
top: -3px;
width: .8em
}
.icon-playlist:after {
position: absolute;
bottom: -3px;
width: .4em
}
.btn-play-now {
cursor: pointer
}
.btn-play-wrap {
display: inline-flex;
align-items: center
}
.btn-play {
width: 2.5rem;
height: 2.5rem;
border-radius: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 !important;
position: relative;
outline: 0;
vertical-align: middle;
background-color: #fff;
color: #333;
cursor: pointer;
transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), transform .4s cubic-bezier(.25, .8, .25, 1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
outline: 0 !important
}
.btn-play:before {
content: '';
width: 0;
height: 0;
border: .5em solid transparent;
border-left-color: currentColor;
border-left-width: .75em;
border-right-width: 0;
margin-inline-start: .25em;
-webkit-margin-start: .25em;
display: inline-block;
transform: rotate(var(--transform-rotate));
box-sizing: border-box
}
.btn-play.active:before {
width: .75em;
height: 1em;
min-width: .5em;
border-top-width: 0;
border-bottom-width: 0;
border-left-width: .25em;
border-right-width: .25em;
border-color: currentColor;
margin: 0
}
.is--repeat svg,
.is--shuffle svg {
fill: #c02afe
}
.btn-like svg {
fill: none;
width: 16px;
height: 16px;
stroke-width: 2;
stroke: currentColor;
}
.btn-like.active svg,
[data-plyr=like] .icon--pressed {
fill: currentColor;
}
.plyr__controls .btn-like {
padding: calc(var(--plyr-control-spacing, 10px)*.7)
}
.is-buffering [data-plyr=play] {
min-width: calc(var(--plyr-control-icon-size, 18px) + var(--plyr-control-spacing, 10px) * 1.4);
min-height: calc(var(--plyr-control-icon-size, 18px) + var(--plyr-control-spacing, 10px) * 1.4)
}
.plyr-initing .plyr__video-wrapper {
display: none
}
.is-buffering [data-play-id].active .entry-header-container .btn-play:after,
.is-buffering [data-play-id].active>.post-thumbnail .btn-play:after,
.is-buffering [data-plyr=play]:after,
.plyr-initing:after {
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
border: 2px solid;
border-left-color: transparent;
border-radius: 100%;
opacity: .5;
-webkit-animation: loading 1s linear infinite;
animation: loading 1s linear infinite
}
.is-buffering .plyr-theme-0 [data-plyr=play] svg,
.is-buffering .plyr-theme-1 [data-plyr=play] svg {
display: none
}
.is-buffering .plyr-theme-0 [data-plyr=play]:after,
.is-buffering .plyr-theme-1 [data-plyr=play]:after,
.plyr-initing:after {
width: 18px;
height: 18px;
left: 50%;
top: 50%;
margin-left: -9px;
margin-top: -9px
}
.plyr-initing:after {
z-index: -1
}
.plyr__cues {
margin: 0;
transform: translate(0, -50%)
}
.plyr--adsing .plyr__controls,
.plyr--adsing~.plyr-list-wrap {
pointer-events: none
}
.plyr--adsing .plyr-list-wrap {
z-index: 0
}
.fixed-bottom.plyr-playlist .plyr__controls {
color: inherit;
background: inherit;
text-align: inherit;
padding: 10px
}
.fixed-bottom.plyr-playlist .plyr__controls .plyr__controls__item {
margin: 0
}
.fixed-bottom.plyr-playlist .plyr__controls .plyr__controls__item.plyr__progress__container {
padding: 0
}
.plyr__row {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
}
.plyr__col {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
padding: 0 calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__col .plyr__timer {
margin: 0 .25rem
}
.plyr__control.plyr__tab-focus,
.plyr__control:hover,
.plyr__control[aria-expanded=true] {
background-color: transparent !important;
color: inherit !important;
box-shadow: none !important
}
.plyr__poster {
margin-left: calc(var(--plyr-control-spacing, 10px)*.5)
}
.plyr-item-title,
.plyr__author,
.plyr__title {
display: block;
display: -webkit-box;
max-height: calc(var(--plyr-line) * var(--plyr-line-height, 1.6rem));
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: var(--plyr-line);
word-break: break-all;
line-height: var(--plyr-line-height)
}
.plyr__title {
font-size: 13px
}
.plyr__author, .plyr__queue {
color: var(--text-secondary-color, #888);
font-size: 14px;
}
.plyr__queue {
display: flex;
cursor: pointer
}
.plyr__queue span {
flex: 1
}
.plyr__queue svg {
width: 24px;
height: 24px;
margin-top: -.75rem;
fill: currentColor
}
.plyr-playlist .plyr__time+.plyr__time:after,
.plyr-playlist .plyr__time+.plyr__time:before {
width: calc(var(--plyr-control-spacing, 10px)/ 2 + 4px);
display: inline-block;
margin: 0
}
.plyr-playlist .plyr__time+.plyr__time:after {
content: ""
}
.plyr__col .plyr__time+.plyr__time:after {
display: none
}
.plyr-playlist .plyr__time+.plyr__time {
padding: 0
}
.plyr-playlist .plyr__volume {
width: auto;
min-width: auto;
background-color: inherit;
position: relative
}
.plyr-playlist .plyr__volume:active input,
.plyr-playlist .plyr__volume:hover input {
display: block
}
.plyr-live {
display: inline-flex;
align-items: center;
grid-gap: 4px;
border-radius: 3px;
text-transform: uppercase;
font-size: 10px
}
.plyr-live:before {
display: inline-block;
content: '';
width: 8px;
height: 8px;
border-radius: 8px;
border: 2px solid;
-webkit-animation: background-color 1s linear infinite;
animation: background-color 1s linear infinite
}
.plyr__toggle-video:not(.plyr-fullscreen) .plyr__video-wrapper {
display: none
}
.plyr-playlist {
font-family: 'PF BeauSans Pro Regular', sans-serif;
color: currentColor;
background-color: inherit;
position: relative
}
.plyr-playlist a {
text-decoration: none;
color: inherit
}
.plyr-playlist.fixed-bottom {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100000000;
box-shadow: 0 -1px 0 rgba(120, 130, 140, .1);
min-height: var(--plyr-control-height)
}
.plyr-list-wrap {
background-color: inherit;
position: relative;
z-index: 2
}
.plyr-playlist.fixed-bottom .plyr-list {
width: 480px;
height: 600px;
max-height: calc(100vh - 12rem);
position: absolute;
bottom: calc(var(--plyr-control-height) + 1rem - 1px);
right: calc(1rem - 1px);
background-color: inherit;
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, .05);
box-shadow: 0 1px 15px rgba(0, 0, 0, .1);
background-clip: padding-box;
pointer-events: none;
opacity: 0;
font-size: 14px;
transform: translate3d(0, 1rem, 0);
transition: opacity .2s, transform .2s cubic-bezier(.25, .8, .25, 1)
}
.plyr-playlist.open .plyr-list {
transform: translate3d(0, 0, 0);
pointer-events: inherit;
opacity: 1
}
.plyr-playlist .add_to_cart_button {
font-size: 11px;
padding: 2px 6px
}
.plyr-list {
display: flex;
flex-direction: column;
position: relative
}
.plyr-list-header {
padding: 1rem 1rem;
border-bottom: 1px solid rgba(0, 0, 0, .05);
display: flex;
align-items: center
}
.plyr-list-header h4 {
font-size: 1rem;
margin: 0;
flex: 1
}
.plyr-list-header .close {
padding: 0 .5rem !important;
font-size: 1.25rem !important;
opacity: .5
}
.plyr-clear {
padding: .125rem .5rem;
background-color: transparent;
color: inherit;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, .05);
font-size: 12px
}
.plyr-list-content {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.plyr-list-empty {
padding: 1rem 5rem;
text-align: center;
color: var(--text-secondary-color, #888)
}
.plyr-item {
display: -ms-flexbox;
display: flex;
padding: .5rem 1rem;
cursor: pointer;
position: relative;
align-items: center
}
.plyr-item.active,
.plyr-item:hover {
background-color: rgba(150, 155, 160, .2);
border-bottom-color: transparent
}
.plyr-list .close {
background: 0 0;
color: inherit;
line-height: 1;
font-weight: 400;
font-size: 1rem;
border: none;
cursor: pointer;
height: auto;
padding: .5rem
}
.plyr-item .close {
display: none
}
.plyr-item:active .close,
.plyr-item:hover .close {
display: block
}
.plyr-item .btn-play {
width: 24px;
height: 24px;
font-size: 10px;
display: none;
margin: 6px;
background: #fff !important;
border: none
}
.plyr-item.active .btn-play,
.plyr-item:active .btn-play,
.plyr-item:hover .btn-play {
display: inline-flex
}
.plyr-item .btn-like {
height: auto;
line-height: 0
}
.plyr-item .plyr-item-poster {
border-radius: 6px;
background-size: cover;
background-position: 50% 50%;
background-color: rgba(110, 120, 130, .1);
flex: 0;
width: 36px;
height: 36px;
min-width: 36px
}
.plyr-item .plyr-item-content {
line-height: 1.4;
padding: 0 1rem;
flex: 1;
width: 1%
}
.plyr-item .plyr-item-author {
color: var(--text-secondary-color, #888)
}
.plyr-fullscreen {
background-color: #000 !important;
color: #fff !important
}
.plyr-fullscreen .plyr__controls {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5))) !important
}
.plyr--video.plyr--hide-controls:not(.plyr-fullscreen) .plyr__controls {
opacity: 1;
transform: none
}
.plyr--video.plyr--hide-controls:not(.plyr-fullscreen) .plyr__controls:not(:empty)~.plyr__captions {
transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
}
.plyr-fullscreen.plyr--is-ios {
position: fixed !important
}
.plyr-fullscreen.plyr--is-ios .plyr__video-wrapper {
top: 50%;
transform: translateY(-50%)
}
.plyr-fullscreen [data-plyr=list] {
display: none
}
.fixed-bottom.plyr-playlist .plyr--video {
overflow: visible;
background-color: transparent;
background-color: inherit;
position: relative
}
.fixed-bottom.plyr-playlist .plyr:not(.plyr-fullscreen) .plyr__video-wrapper {
position: absolute;
bottom: calc(100% + 1rem);
right: 1rem;
height: auto;
width: calc(16 / 9 * var(--plyr-mini-player-height));
padding-bottom: 0 !important;
box-shadow: 0 12px 16px 1px rgba(0, 0, 0, .15), 0 4px 22px 3px rgba(0, 0, 0, .1), 0 6px 7px -4px rgba(0, 0, 0, .3)
}
.fixed-bottom.plyr-playlist .plyr__video-wrapper:after {
content: "";
display: block;
padding-bottom: 56.25%
}
.fixed-bottom.plyr-playlist .plyr__video-wrapper video {
border: 0;
left: 0;
position: absolute;
top: 0
}
.fixed-bottom.plyr-playlist .plyr__video-embed__container {
position: absolute;
width: 100%;
max-width: inherit !important
}
.plyr-playlist [data-plyr=download],
.plyr-playlist [data-plyr=purchase] {
display: inline-flex;
align-items: center
}
.plyr-playlist [data-plyr=download]:not(.is-downloadable),
.plyr-playlist [data-plyr=purchase]:not(.is-purchasable),
.plyr-playlist [data-plyr=video] {
display: none
}
.plyr-playlist .plyr--video [data-plyr=video] {
display: block
}
.plyr--vimeo .plyr__video-wrapper .plyr__poster,
.plyr--youtube .plyr__video-wrapper .plyr__poster {
display: none
}
.plyr-theme-1 .plyr__title:after {
content: "";
display: inline-block;
width: .5rem
}
.plyr-theme-2 .plyr__progress__container {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
padding: 0 !important;
top: -7px
}
.plyr-theme-2 [data-plyr=play] {
border-radius: 100%;
padding: 11px;
margin: -2px .25rem
}
@media (min-width:768px) {
.plyr-theme-3 {
--plyr-range-track-height: 3px
}
}
.plyr-theme-3 .plyr-control-center {
flex-direction: column
}
.plyr-theme-3 [data-plyr=repeat],
.plyr-theme-3 [data-plyr=shuffle] {
transform: scale(.75)
}
.plyr-theme-3 [data-plyr=play] {
--plyr-control-icon-size: 20px
}
.plyr-theme-video .plyr__progress__buffer {
color: rgba(255, 255, 255, .6)
}
.fixed-bottom.plyr-theme-video {
width: 400px;
margin: 0 !important;
left: auto !important;
right: .5rem !important;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .2)
}
.fixed-bottom.plyr-theme-video .plyr-list-wrap {
background-color: transparent;
z-index: 0
}
.plyr-theme-video .plyr--audio:before {
height: 0;
content: '';
display: block;
padding-bottom: 56.25% !important;
z-index: 1
}
.plyr-theme-video .plyr__video-wrapper {
height: 0;
padding-bottom: 56.25%;
display: block !important;
position: relative !important;
right: 0 !important;
width: 100% !important;
box-shadow: none !important
}
.plyr-theme-video .plyr__poster {
display: block !important;
opacity: 1 !important;
position: absolute !important;
width: 100% !important;
height: auto !important;
top: auto;
bottom: 0;
opacity: 1;
z-index: -1;
margin: 0;
background-size: cover;
border-radius: 0 !important
}
.fixed-bottom.plyr-theme-video .plyr__poster {
top: 0
}
.fixed-bottom.plyr-theme-video .plyr--video .plyr__poster {
display: none !important
}
.plyr-theme-video .plyr__poster:before {
content: "";
display: block;
padding-bottom: 56%
}
.plyr-theme-video .plyr__controls {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)));
color: var(--plyr-video-control-color, #fff)
}
.fixed-bottom.plyr-theme-video .plyr__controls {
color: #fff;
background-color: #000;
top: 0;
padding: 1rem 3rem;
justify-content: space-around;
opacity: 1 !important;
transform: none !important
}
.fixed-bottom.plyr-theme-video .plyr--video .plyr__controls {
background-color: transparent
}
.plyr-theme-video .plyr-list-header,
.plyr-theme-video .plyr__progress__container {
position: absolute;
left: calc(var(--plyr-control-spacing, 10px) * 2);
right: calc(var(--plyr-control-spacing, 10px) * 2);
bottom: calc(var(--plyr-control-spacing, 10px) * 2 + 2rem - 7px)
}
.fixed-bottom.plyr-theme-video .plyr__progress__container {
bottom: calc(var(--plyr-range-track-height)/2);
left: 0;
right: 0;
top: auto;
padding: 0;
margin: 0;
transform: translateY(50%)
}
.plyr-duration-wrap {
display: flex;
justify-content: flex-start;
flex: 1
}
.fixed-bottom.plyr-theme-video .plyr-duration-wrap {
position: absolute;
left: .5rem;
bottom: .5rem
}
.fixed-bottom.plyr-theme-video .plyr__controls [data-plyr=list],
.fixed-bottom.plyr-theme-video .plyr__menu,
.fixed-bottom.plyr-theme-video .plyr__volume,
.fixed-bottom.plyr-theme-video [data-plyr=airplay],
.fixed-bottom.plyr-theme-video [data-plyr=captions],
.fixed-bottom.plyr-theme-video [data-plyr=download],
.fixed-bottom.plyr-theme-video [data-plyr=fullscreen],
.fixed-bottom.plyr-theme-video [data-plyr=like],
.fixed-bottom.plyr-theme-video [data-plyr=mini],
.fixed-bottom.plyr-theme-video [data-plyr=pip],
.fixed-bottom.plyr-theme-video [data-plyr=purchase],
.fixed-bottom.plyr-theme-video [data-plyr=repeat],
.fixed-bottom.plyr-theme-video [data-plyr=settings],
.fixed-bottom.plyr-theme-video [data-plyr=shuffle],
.fixed-bottom.plyr-theme-video [data-plyr=video] {
display: none !important
}
.fixed-bottom.plyr-theme-video [data-plyr=next] svg,
.fixed-bottom.plyr-theme-video [data-plyr=play] svg,
.fixed-bottom.plyr-theme-video [data-plyr=prev] svg {
width: 2rem;
height: 2rem
}
.fixed-bottom.plyr-theme-video .plyr-list {
height: 0;
max-height: calc(100vh - 20rem);
border-top: 1px solid rgba(120, 130, 140, .1)
}
.fixed-bottom.plyr-theme-video .plyr-list {
position: static;
width: auto;
transition: height .2s;
border: none;
box-shadow: none
}
.plyr-theme-video.open .plyr-list {
height: 15rem
}
.plyr-theme-video.open [data-plyr=list] svg {
transform: rotate(-180deg)
}
.plyr-theme-video .plyr-list-header .close {
display: none
}
.fixed-bottom.plyr-theme-video .plyr__controls>:not(.plyr__progress__container) {
opacity: 0
}
.fixed-bottom.plyr-theme-video .plyr__controls:hover>:not(.plyr__progress__container) {
opacity: 1
}
.fixed-bottom.plyr-theme-video .plyr--paused .plyr__controls:before,
.fixed-bottom.plyr-theme-video .plyr__controls:hover:before,
.is-buffering .fixed-bottom.plyr-theme-video .plyr__controls:before {
content: "";
width: 100%;
display: block;
padding-bottom: 56%;
position: absolute;
z-index: 0;
top: 0;
background-color: rgba(0, 0, 0, .55)
}
.fixed-bottom.plyr-theme-video .plyr--paused .plyr__controls>*,
.is-buffering .fixed-bottom.plyr-theme-video .plyr__controls>* {
opacity: 1
}
.is-buffering .fixed-bottom.plyr-theme-video [data-plyr=play]:after {
border-width: 5px;
width: 120%;
height: 120%;
opacity: 1;
left: -10%;
top: -10%
}
.plyr-playlist:not(.plyr-theme-video) .plyr__ads {
display: none;
width: 320px;
height: 180px;
top: auto;
left: auto;
right: 1rem;
bottom: calc(100% + 1rem);
box-shadow: 0 12px 16px 1px rgba(0, 0, 0, .15), 0 4px 22px 3px rgba(0, 0, 0, .1), 0 6px 7px -4px rgba(0, 0, 0, .3)
}
.plyr--adsing .plyr__ads {
display: block !important
}
.plyr__ads::after {
right: auto;
left: var(--plyr-control-spacing, 10px);
background-color: transparent;
text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}
.plyr__ads>div,
.plyr__ads>div iframe {
width: 100% !important;
height: 100% !important
}
.dark .play-embed-body {
color: #fff
}
.play-embed-body .plyr,
.play-embed-body .plyr-playlist.fixed-bottom {
min-height: 0
}
.play-embed~.plyr-playlist {
box-shadow: none
}
.play-embed~.plyr-playlist .plyr__controls {
display: none
}
.play-embed~.plyr-playlist .plyr__video-wrapper {
left: 10px;
top: 10px;
right: auto !important;
bottom: auto !important;
position: fixed !important;
width: 120px !important;
height: 120px !important;
border-radius: 4px
}
.play-embed {
display: flex;
font-family: 'PF BeauSans Pro Regular', sans-serif;
font-size: 14px
}
.play-embed a {
text-decoration: none;
color: inherit
}
.play-embed .site-brand {
display: flex;
align-items: center
}
.play-embed .site-logo {
line-height: 0
}
.play-embed .site-logo img,
.play-embed .site-logo svg {
width: auto;
max-height: 1.25rem
}
.play-embed .site-title {
margin: 2px 2px 5px 2px;
font-size: 1.15rem;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.033em;
color: inherit;
white-space: nowrap;
color: var(--text-secondary-color, #888);
}
.play-embed .entry-title {
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: normal;
font-size: 1rem
}
.play-embed .entry-meta {
margin: .25rem 0 0 0;
color: var(--text-secondary-color, #888);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.play-embed figure {
margin: 10px;
width: 120px;
height: 120px;
border-radius: 4px;
position: relative
}
.play-embed figure img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px
}
.play-embed.user .avatar {
border-radius: 100%;
display: block;
background-color: rgba(120, 130, 140, .1);
position: relative
}
.play-embed.user .avatar:after {
content: "";
display: block;
padding-top: 100%
}
.play-embed.user .avatar img,
.play-embed.user .avatar-name {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: bolder;
text-transform: uppercase
}
.play-embed.user .play-embed-footer {
position: absolute;
width: 100%;
bottom: 0
}
.play-embed.user .play-embed-content {
justify-content: center;
position: relative
}
.play-embed-content {
margin: 10px;
flex: 1;
width: 1%;
display: flex;
flex-direction: column
}
.play-embed-header {
display: flex
}
.play-embed-header .btn-play {
flex-shrink: 0;
border-style: solid
}
.play-embed .waveform {
margin: 1rem 0
}
.play-embed .waveform canvas {
height: 30px !important
}
.play-embed .waveform .btn-play,
.play-embed .waveform .sep-1 {
display: none
}
.play-embed-footer {
display: flex;
margin-top: auto;
margin-bottom: .25rem;
align-items: center
}
.play-embed .posted-on {
font-size: 11px;
color: var(--text-secondary-color, #888);
margin-right: auto
}
.share-embed {
margin: -10px -10px 0 -10px
}
.share-embed [type=single] {
max-height: 140px
}
.play-embed-list {
font-family: 'PF BeauSans Pro Regular', sans-serif;
font-size: 13px;
font-weight: 400;
margin: 0 10px;
max-height: 84px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.play-embed-list a {
color: inherit;
text-decoration: none;
pointer-events: none
}
.play-embed-list .post-thumbnail {
width: 1.5rem;
height: 1.5rem;
line-height: 0;
margin: 0;
flex-shrink: 0;
position: relative
}
.play-embed-list img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2px
}
.play-embed-list h3 {
font-weight: 400;
font-size: 13px;
margin: 0 .5rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.play-embed-list .icon-play {
transform: scale(.75);
opacity: .5;
padding: .5rem
}
.play-embed-list .block-loop-title {
display: none
}
.play-embed-list .block-loop-item {
display: flex;
align-items: center;
border-top: 1px solid rgba(150, 160, 170, .2);
padding: .25rem 0;
min-height: 28px
}
.play-embed-list .block-loop-item.active {
background-color: rgba(150, 160, 170, .075)
}
.play-embed-list .btn-playlist,
.play-embed-list .btn-purchase,
.play-embed-list .entry-action,
.play-embed-list .entry-footer {
display: none
}
.play-embed-list .entry-header-inner {
display: flex
}
.play-embed-list .entry-meta {
color: var(--text-secondary-color, #888);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.play-embed-cat {
display: flex;
grid-gap: .25rem
}
.play-embed-cat a {
font-size: 11px;
background-color: #999;
color: #fff;
padding: 2px 8px;
border-radius: 1rem
}
.plyr--mixcloud .plyr__video-wrapper,
.plyr--mixcloud [data-plyr=fullscreen],
.plyr--soundcloud .plyr__video-wrapper,
.plyr--soundcloud [data-plyr=fullscreen] {
display: none
}
.plyr-control-center,
.plyr-control-left,
.plyr-control-right {
display: flex;
flex: 1;
align-items: center
}
.plyr-control-right {
justify-content: flex-end;
background-color: inherit
}
.plyr-control-center {
justify-content: center;
align-items: center
}
.plyr-control-center-top {
display: flex;
justify-content: center;
padding-bottom: 3px;
width: 100%
}
.plyr-control-center-bottom {
display: flex;
width: 100%
}
.plyr__error {
display: none
}
.plyr__error_content {
display: flex;
align-items: center;
grid-gap: 1rem;
position: absolute;
z-index: 100000;
padding: 1rem 1rem;
border-radius: 6px;
background-color: #ff0020;
color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
left: 50%;
transform: translateX(-50%);
bottom: calc(100% + 2rem)
}
.plyr__error .close {
border: none;
font-size: 1rem;
padding: 4px 8px;
line-height: 1;
background: 0 0;
color: inherit
}
@media (min-width:961px) {
:root {
--plyr-mini-player-height: 191px
}
}
@media (max-width:960px) {
.plyr-playlist .plyr__time,
.plyr-playlist .plyr__volume {
display: none !important;
margin: 0
}
}
@media (max-width:767px) {
.plyr-playlist .add_to_cart_button,
.plyr-playlist .plyr__menu,
.plyr-playlist [data-plyr=captions],
.plyr-playlist [data-plyr=mute],
.plyr-playlist [data-plyr=pip],
.plyr-playlist [data-plyr=purchase] {
display: none !important;
margin: 0
}
.plyr-playlist.plyr-muted [data-plyr=mute] {
display: block !important
}
.plyr-playlist.fixed-bottom .plyr__progress__container {
position: absolute;
left: 0;
right: 0;
top: -6px;
bottom: auto;
margin: 0 !important;
padding: 0
}
.plyr-playlist.fixed-bottom .plyr__progress {
margin: 0;
padding: 0
}
.plyr-playlist.fixed-bottom .plyr-list {
width: auto;
left: 1rem
}
.plyr button {
display: block;
height: auto;
margin: 0
}
.plyr .plyr__ads {
right: 50%;
transform: translateX(50%)
}
.plyr-control-center-top {
padding: 0
}
}
@media (max-width:600px) {
:root {
--plyr-mini-player-height: 90px
}
.plyr-playlist .plyr__controls>.plyr__col,
.plyr-playlist .plyr__info,
.plyr-playlist .plyr__poster {
order: -1
}
.plyr-control-center,
.plyr-control-right {
flex: initial
}
}
@media (max-width:480px) {
.plyr-playlist [data-plyr=repeat],
.plyr-playlist [data-plyr=shuffle] {
display: none
}
}
@media (min-width:768px) {
:root {
--plyr-control-spacing: 1rem
}
.plyr-theme-3 {
--plyr-control-height: 5rem
}
.plyr-theme-3 .plyr__poster {
width: 3rem !important;
height: 3rem !important
}
.plyr-control-center {
margin: 0 1rem
}
}
@-webkit-keyframes loading {
0% {
transform: rotate(0)
}
100% {
transform: rotate(359deg)
}
}
@keyframes loading {
0% {
transform: rotate(0)
}
100% {
transform: rotate(359deg)
}
}
@-webkit-keyframes background-color {
0% {
background-color: transparent
}
50% {
background-color: currentColor
}
100% {
background-color: transparent
}
}
@keyframes background-color {
0% {
background-color: transparent
}
50% {
background-color: currentColor
}
100% {
background-color: transparent
}
}
@-webkit-keyframes marquee {
0% {
transform: translate(0, 0)
}
100% {
transform: translate(-100%, 0)
}
}
@keyframes marquee {
0% {
transform: translate(0, 0)
}
100% {
transform: translate(-100%, 0)
}
}
body {
--dropdown-menu-radius: 0.25rem;
--modal-radius: 0.625rem;
--dropdown-menu-width: 10rem;
--dropdown-menu-item-background: rgba(150, 155, 160, 0.2);
--more-line: 2;
--more-line-height: 1.25rem;
--fadeDirection: 270
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: 'PF BeauSans Pro Regular', sans-serif;
font-style: normal;
font-weight: 600;
line-height: 1;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 11px;
word-wrap: break-word;
opacity: 0;
--tooltip: var(--tooltip-color, #222)
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .35rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.tooltip-inner {
max-width: 200px;
padding: .5rem 1rem;
color: #fff;
text-align: center;
background-color: var(--tooltip);
border-radius: 1rem
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
padding: .35rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
top: 0;
border-width: .35rem .35rem 0;
border-top-color: var(--tooltip)
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
padding: 0 .35rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
left: 0;
width: .35rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
right: 0;
border-width: .35rem .35rem .35rem 0;
border-right-color: var(--tooltip)
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
padding: .35rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 .35rem .35rem;
border-bottom-color: var(--tooltip)
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
padding: 0 .35rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
right: 0;
width: .35rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
left: 0;
border-width: .35rem 0 .35rem .35rem;
border-left-color: var(--tooltip)
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 0 1px rgba(0, 0, 0, .35);
border-radius: .3rem
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow::after,
.popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-auto[x-placement^=top],
.bs-popover-top {
margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
bottom: calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right],
.bs-popover-right {
margin-left: .5rem
}
.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
left: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
top: calc((.5rem + 1px) * -1)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],
.bs-popover-left {
margin-right: .5rem
}
.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
right: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: var(--dropdown-menu-width, 10rem);
padding: .5rem 0;
margin: .125rem 0 0;
font-size: .875rem;
color: #212529;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .05);
box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
border-radius: var(--dropdown-menu-radius, .25rem);
text-shadow: none;
text-align: initial
}
.dropdown-toggle {
cursor: pointer;
display: inline-block;
text-align: center;
min-width: 1.5rem
}
.button.dropdown-toggle {
padding-left: 1rem;
padding-right: 1rem
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-inline-start: .3em;
-webkit-margin-start: .3em;
vertical-align: middle;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.dropdown-menu[x-out-of-boundaries] {
display: none
}
.dropdown-menu ul {
display: block !important;
list-style: none;
padding: 0;
margin-bottom: 0
}
.dropdown-item,
.dropdown-menu li a {
display: block;
width: 100%;
padding: .5rem 1.5rem;
box-sizing: border-box;
clear: both;
font-weight: 400;
border-radius: 0;
font-size: 13px;
cursor: pointer
}
.dropdown-item:hover,
.dropdown-menu .cat-item a:hover,
.dropdown-menu .play-notification-item:hover {
color: inherit;
background-color: var(--dropdown-menu-item-background)
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid var(--dropdown-menu-item-background)
}
.dropdown-menu .play-notification-item {
border: none
}
.dropdown-term-filter,
.loop-filter-item .dropdown-menu {
max-height: 15rem;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none
}
.dropdown-term-filter::-webkit-scrollbar {
display: none
}
.dropdown-term-filter ul ul a {
padding-inline-start: 2rem;
-webkit-padding-start: 2rem
}
.archive-header-with-filter {
position: relative;
display: flex;
align-items: center
}
.archive-header-with-filter .archive-title {
margin-top: var(--y-gap, 1.5rem)
}
.archive-description {
display: flex;
align-items: flex-start;
grid-gap: 1.5rem
}
.archive-description img {
flex: 0 0 auto;
width: 25%;
border-radius: 6px
}
.fade {
transition: opacity .15s linear
}
.fade:not(.show) {
opacity: 0
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 100050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 3.5rem);
text-align: initial
}
.modal-loading .modal-dialog {
max-width: 5rem !important;
margin-left: auto;
margin-right: auto
}
.modal-loading .modal-body {
padding: 2rem
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal-content {
position: relative;
width: 100%;
pointer-events: auto;
color: #222;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: var(--modal-radius, .5rem);
outline: 0
}
.modal-body,
.modal-footer,
.modal-header {
padding: 2rem
}
.modal-body+.modal-footer,
.modal-header+.modal-body {
padding-top: 0
}
.modal-header {
display: flex;
align-items: center
}
.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end
}
.modal-title {
margin: 0;
flex: 1
}
.modal-title h2 {
margin: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 100040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal .modal-backdrop {
z-index: -1;
background-color: rgba(0, 0, 0, .75)
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .75
}
.modal .close {
background-color: transparent;
color: inherit;
border: none;
display: inline-block;
padding: 0 .5rem;
margin: -.25rem -.5rem;
font-size: 1.5rem;
font-weight: 400;
opacity: .5;
line-height: 1;
align-self: flex-start
}
.modal .close:hover {
opacity: 1
}
.modal-loading .close {
display: none
}
.moreless,
[data-plugin=moreless] {
word-break: break-word;
position: relative;
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: var(--more-line, 2);
max-height: calc(var(--more-line, 2) * 21px)
}
.btn-moreless {
--bg-start-color: rgba(255, 255, 255, 0);
position: absolute;
right: 0;
bottom: 0;
padding: 0;
border: none;
border-radius: 0;
background-color: transparent;
color: inherit;
font-size: inherit;
padding-inline-start: 2rem;
-webkit-padding-start: 2rem;
background: linear-gradient(90deg, var(--bg-start-color) 0, var(--body-bg-color) 2rem)
}
.dark .btn-moreless {
--bg-start-color: rgba(0, 0, 0, 0)
}
.rtl .btn-moreless {
left: 0;
right: auto;
background: linear-gradient(-90deg, var(--bg-start-color) 0, var(--body-bg-color) 2rem)
}
.btn-moreless span+span {
display: none
}
.moreless.show {
--more-line: 20000
}
.moreless.show .btn-moreless span:first-child {
display: none
}
.moreless.show .btn-moreless span+span {
display: inline-block
}
.btn-follow .following {
display: none
}
.btn-follow.active .follow {
display: none
}
.btn-follow.active .following {
display: inline
}
.block-loop-item .btn-follow {
height: 1.25rem;
padding: 0 .5rem;
font-size: 12px;
vertical-align: text-bottom;
margin: .5rem
}
.entry-cat,
.entry-tag {
list-style: none;
padding: 0
}
.file-upload-wrap {
display: flex;
margin-bottom: 1em
}
.file-upload {
position: relative;
display: flex
}
.file-upload input:focus~.post-thumbnail {
border: 1px solid var(--color-primary, rgba(140, 150, 160, .3))
}
.file-upload input[type=file] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
cursor: pointer
}
.file-upload .pos {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
z-index: 2;
background-color: rgba(50, 50, 50, .25);
color: #fff;
text-align: center
}
.file-upload button {
white-space: nowrap
}
.file-upload:focus .pos,
.file-upload:hover .pos {
opacity: 1
}
.file-upload .post-thumbnail:after {
padding-top: 100%
}
.file-upload .avatar {
position: absolute;
width: 100%;
left: 0;
border-radius: 50%;
vertical-align: middle
}
.file-upload .post-thumbnail {
width: 100%;
position: relative;
padding: 0;
border-radius: 4px;
margin-bottom: 1rem;
padding: 0 !important
}
.file-upload .post-thumbnail.circle {
border-radius: 50%
}
.file-upload .post-thumbnail:after {
content: "";
display: block;
padding-top: 100%
}
.file-upload .post-thumbnail img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit
}
.checkable {
display: flex;
margin-bottom: 1em
}
.checkable>input {
margin-top: 2px !important
}
.checkable>input:checked~* .hide {
display: block !important
}
.form .flex-row p {
flex: 1
}
.form-action {
display: flex;
justify-content: flex-end;
align-items: center
}
.track-list {
display: block;
list-style: none;
padding: 0
}
.track-list .remove {
display: inline-block;
opacity: .5;
font-size: 18px;
cursor: pointer;
line-height: 1;
padding: 1rem
}
.track-list-title {
flex: 1;
width: 1%;
border: none;
background-color: transparent;
padding: 1rem 0;
height: auto
}
.sortable-placeholder {
min-height: 3.5rem;
border: 1px dotted rgba(140, 150, 160, .2)
}
.track-list li {
display: flex;
margin-bottom: 4px;
padding: 0;
height: auto;
position: relative
}
.track-list.single li {
position: static
}
.track-list.single {
height: 0;
overflow: hidden
}
.handle {
width: 16px;
opacity: .5;
cursor: move;
position: relative;
padding: 1rem 1.5rem
}
.handle:after,
.handle:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 1rem;
content: "";
display: block;
height: .75rem;
width: 1rem;
border: 2px solid currentColor;
border-left: none;
border-right: 0
}
.handle:after {
height: 0;
border-top: none
}
.upload-start {
background-color: #fff;
border: 1px solid rgba(140, 150, 160, .2);
display: block
}
.dark .upload-start {
background-color: transparent
}
.upload-start h3 {
font-size: 1.25rem
}
.dragdrop-upload,
.online-upload {
padding: 5rem 2rem;
flex-basis: 100%;
text-align: center
}
.dragdrop-upload {
background-color: rgba(140, 150, 160, .05);
border-bottom: 1px solid rgba(140, 150, 160, .1)
}
.dragdrop-upload.dropover {
background-color: rgba(140, 150, 160, .1)
}
.dragdrop-upload .file-upload {
display: inline-block
}
.url-upload {
display: inline-block;
width: 75%
}
.url-upload input {
width: 100%
}
.file-upload .progress,
.modal .progress {
position: absolute;
z-index: 1;
width: 100%;
height: 2px;
left: 0;
top: 0;
display: flex
}
.progress-bar {
background-color: #0d6efd;
display: inline-block;
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.file-uploaded,
.file-uploading {
display: none
}
.flex {
width: 1%;
flex: 1;
min-width: 1rem
}
@media only screen and (min-width:600px) {
.upload-start {
display: flex
}
.dragdrop-upload {
border-bottom: none;
border-right: 1px solid rgba(150, 160, 170, .1)
}
}
@media only screen and (min-width:992px) {
.flex-row {
display: flex
}
.sep {
width: 2rem;
flex-shrink: 0
}
}
#login-form {
font-size: .9375rem;
max-width: 32rem;
margin: 5rem auto
}
#login-form .input {
width: 100%
}
#login-form .message {
color: #3c3;
margin: 1rem 0
}
.login-form-links {
display: inline-flex;
flex-direction: column
}
.login-form-links a {
margin: .25rem 0
}
#login-form .message #login_error,
.error,
.required {
color: #f35
}
#message,
.form-message {
margin-bottom: 1rem
}
#message:empty,
.form-message:empty {
display: none
}
.success {
color: #390
}
#login-form .message #login_error a {
display: none
}
#login-modal #login-form,
#upload-modal #upload {
margin: 0;
padding: 2rem
}
#login-modal #loginform {
display: block
}
#login-modal h2 {
margin-top: 0
}
#upload-modal .modal-dialog {
max-width: 960px
}
#playlist-modal .entry-title {
font-size: 14px !important
}
#playlist-modal form {
flex: 1;
display: flex;
align-items: center
}
#playlist-modal form label {
margin: 0
}
#playlist-modal form input {
flex: 1;
width: 1%;
margin: 0 .5rem
}
#playlist-modal .block-loop-items {
--grid-gap: 0.75rem;
margin-bottom: 0
}
#playlist-modal .block-loop-item .entry-meta>span:after {
content: '';
display: inline-block;
width: .5rem
}
#playlist-modal .count {
display: inline-block
}
.verified {
width: .75em;
height: .75em;
display: inline-block;
background-color: #999;
color: #fff;
position: relative;
border-radius: 50%;
margin-inline-start: .25em;
-webkit-margin-start: .25rem;
display: inline-flex;
align-items: center;
justify-content: center
}
.verified:after {
content: "";
display: block;
width: .375em;
height: .215em;
border-left: .1em solid currentColor;
border-bottom: .1em solid currentColor;
transform: translate(-50%, -50%) rotate(-45deg);
position: absolute;
left: 50%;
top: 50%
}
#share-modal .input {
width: 100%
}
#embed-code {
margin-bottom: 2rem
}
.share-list {
margin-bottom: 1rem
}
.share-list a {
width: 3.5rem;
height: 3.5rem;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #efefef;
border-radius: 100%;
margin: 4px;
transition: background-color .2s
}
.share-list a:hover {
background-color: #000;
color: #fff
}
.waveform {
display: flex;
align-items: center
}
.waveform .btn-play {
border-width: 3px;
width: 3rem;
height: 3rem;
border-color: currentColor;
font-size: 1.25rem
}
.waveform-container {
color: inherit;
flex: 1;
position: relative;
border-width: 0
}
.waveform-time {
display: flex;
position: absolute;
width: 100%;
top: 50%;
transform: translate(0, -50%)
}
.waveform-time span {
font-size: 10px;
font-weight: 600;
background-color: rgba(255, 255, 255, .6);
padding: 0 5px;
display: inline-block;
height: 1rem;
line-height: 1rem;
border-radius: 1rem;
user-select: none
}
.waveform-time span:first-child {
margin-inline-end: auto;
-webkit-margin-end: auto
}
.dark .waveform-time span {
background-color: rgba(0, 0, 0, .3)
}
.waveform_wrap {
line-height: 0
}
.sep-1 {
width: .5rem;
flex-shrink: 0
}
.editor-note {
margin-top: 1rem
}
.editor-note-title,
.station-copyright {
color: #999
}
.ranks {
list-style: none;
padding: 0;
margin-bottom: 2rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
gap: 1rem
}
.ranks li {
padding: 1rem;
background-color: rgba(140, 150, 160, .075);
border-radius: 4px;
display: block;
font-size: 11px;
text-align: center
}
.ranks strong {
font-size: 1.5rem;
line-height: 1.2;
display: block
}
form.processing {
opacity: .5;
cursor: wait;
pointer-events: none
}
.private {
background-color: #666;
color: rgba(255, 255, 255, 1);
display: inline-block;
border-radius: 2px;
padding: 0 .15rem;
font-style: normal;
font-size: .25em;
vertical-align: .25em;
font-weight: 500
}
.modal table td,
.modal table th {
border: none
}
.entry-meta form {
margin-bottom: 0 !important
}
.dropdown-menu-notificaitons {
width: 320px;
font-size: max(90%, 13px)
}
.dropdown-menu-notificaitons .play-notification-item {
padding: .5rem 1rem
}
.dropdown-menu-notificaitons .user-notifications {
max-height: 360px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.dropdown-menu-notificaitons .block-loop-items {
margin-bottom: 0
}
.dropdown-menu-notificaitons .spinner {
display: block;
margin: 2rem auto
}
.dropdown-menu-notificaitons .block-loop-items .play-notification-item:last-child {
border-bottom: none
}
.user-notifications .block-loop-items {
grid-gap: 0
}
.user-notifications .block-loop-items .scroller {
margin-top: 2rem
}
.dropdown-menu-notificaitons .block-loop-empty {
padding: 2rem 2rem 1rem;
text-align: center
}
.play-notification-item {
display: flex;
align-items: flex-start;
padding: .75rem 0;
border-bottom: 1px solid rgba(150, 160, 170, .15)
}
.play-notification-item .user-avatar .avatar {
width: 2.5rem;
height: 2.5rem
}
.play-notification-content {
flex: 1;
width: 1%
}
.play-notification-item a {
font-weight: 600
}
.play-notification-date {
display: block;
color: var(--text-secondary-color, #888)
}
.view-all-notifications {
padding: .5rem 1rem 0;
border-top: 1px solid rgba(150, 160, 170, .15);
text-align: center
}
.wp-block-loop-empty~.view-all-notifications {
display: none
}
li[data-toggle=dropdown] {
cursor: pointer
}
.edd-loading {
border: .2em solid currentColor;
border-left-color: transparent
}
.menu-cart .cart-quantity,
.nav .count {
position: relative;
top: -10px;
margin: 0 -8px;
display: inline-block;
padding: 0;
font-size: 11px;
text-align: center;
height: 18px;
min-width: 18px;
line-height: 18px;
color: #fff;
border-radius: 18px;
background-color: var(--color-primary, #f50)
}
.nav .count:empty,
.search-loading #icon-search .icon-search {
display: none
}
.search-loading #icon-search:before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
margin: 2px;
border-radius: 50%;
border: 2px solid currentColor;
border-left-color: transparent;
opacity: .6;
-webkit-animation: loading .75s linear infinite;
animation: loading .75s linear infinite
}
.form-pwd {
position: relative
}
.form-pwd label {
display: flex
}
.form-pwd [type=password] {
padding-inline-end: 2rem;
-webkit-padding-end: 2rem
}
.form-pwd .btn-lostpassword {
margin-inline-start: auto;
-webkit-margin-start: auto
}
button.btn-toggle-pwd {
position: absolute;
right: 0;
border: none;
background-color: transparent !important;
padding-left: 1rem;
padding-right: 1rem
}
.rtl .btn-toggle-pwd {
right: auto;
left: 0
}
[type=text]~.btn-toggle-pwd .eye-on {
display: none
}
[type=password]~.btn-toggle-pwd .eye-off {
display: none
}
.pwd-hint {
font-size: 12px;
margin-bottom: 1.5rem
}
.pwd-strength {
padding: 0 1rem;
line-height: 2;
text-align: center;
margin-bottom: 1em;
margin-top: .5em;
color: #000;
border-radius: .25rem
}
.pwd-strength.short {
background-color: #ffabaf
}
.pwd-strength.bad {
background-color: #facfd2
}
.pwd-strength.good {
background-color: #f5e6ab
}
.pwd-strength.strong {
background-color: #b8e6bf
}
@keyframes loading {
0% {
transform: translateZ(0) rotate(0)
}
100% {
transform: translateZ(0) rotate(359deg)
}
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-sm .modal-dialog {
max-width: 300px
}
.dropdown-menu-notificaitons {
width: 400px
}
}
@media (max-width:599px) {
.dropdown-open {
overflow: hidden
}
#dropdown-more {
position: fixed !important;
transform: none !important;
left: .5rem !important;
top: auto !important;
right: .5rem;
bottom: .5rem;
z-index: 100050
}
.dropdown-open .dropdown-backdrop {
background-color: rgba(0, 0, 0, .5);
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
z-index: 100000
}
}
/*
Theme Name: Play
Theme URI: http://music.flatfull.com/play/
Author: Flatfull.com
Author URI: http://flatfull.com/
Support: http://flatfull.com/support/
Description: A responsive music WordPress theme, Manage audio, album, genres, artist and sell the audio files to customer.
Version: 1
Plugin: 11.3
License: Envato License
License URI: http://themeforest.net/licenses/standard
Text Domain: play
Tags: custom-colors, editor-style, featured-images, translation-ready
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Accessibility
# Alignments
# Clearings
# Widgets
# Infinite scroll
# Media
## Captions
## Galleries
# Forms
# Navigation
## Links
## Menus
# Content
## Posts and pages
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root {
--x-gap: 5vw;
--y-gap: 1.5rem;
--column-gap: 2rem;
--color-primary: #FF5500;
--color-secondary: #065fd4;
--color-grey-30: #fafbfc;
--color-grey-40: #f7f8f9;
--color-grey-50: #f1f2f3;
--color-grey-60: #b1b2b3;
--color-grey-70: #919293;
--color-grey-80: #818383;
--color-grey-100: #717273;
--color-grey-200: #636567;
--color-grey-300: #515355;
--color-grey-400: #454749;
--color-grey-500: #3a3c3e;
--color-grey-600: #202326;
--color-grey-700: #101316;
--color-grey-800: #313137;
/* ТЁМНАЯ ТЕМА - ЦВЕТ */
--box-shadow: 0 1px 1px rgba(130, 140, 150, 0.1), 0 -1px 0px rgba(120, 130, 140, 0.05);
--border-radius: 0.5rem;
--button-radius: 2rem;
--input-radius: 0.25rem;
--font-size: 0.875rem;
--font-article-size: 1rem;
--font-weight-heading: 600;
--color-border: rgba(150, 155, 160, 0.66);
--plyr-color-main: var(--color-primary);
--navbar-height: 40px;
--adminbar-height: 0rem;
--open-player-height: 0rem;
--mobile-menu-height: 0;
--mobile-menu-icon-width: 1.25rem;
--mobile-menu-icon-height: 1.625rem;
--mobile-menu-font-size: 0.625rem;
--side-width: 330px;
--side-folded-width: 5rem;
--side-icon-width: 1.5rem;
--side-icon-height: 1rem;
--side-menu-gap: 1.5rem;
--content-width: 60rem;
--body-bg-color: #fff;
--text-color: #212529;
--text-secondary-color: #888;
--offcanvas: -100%;
--transform-rotate: 0;
}
.rtl {
direction: rtl;
--offcanvas: 100%;
--transform-rotate: 180deg;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: 'PF BeauSans Pro Regular', sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
body, ::backdrop {
margin: 0;
font-family: 'PF BeauSans Pro Regular', sans-serif;
overflow-x: hidden;
color: var(--text-color);
background-color: var(--body-bg-color);
font-size: var(--font-size);
font-weight: 400;
line-height: 1.5;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
p {
margin-top: 0;
margin-bottom: 1.5rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
li>ol,
li>ul,
li>ul,
li>ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1rem 2rem;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: 600;
}
small {
font-size: 90%;
}
sub,
sup {
font-size: 0.15em;
letter-spacing: 0;
}
a {
color: inherit;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: inherit;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: 'PF BeauSans Pro Regular', sans-serif;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 0rem 0;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border-style: none;
border-radius: inherit;
}
img[src=""] {
content: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
background-color: rgba(150, 160, 170, 0.1);
}
svg {
fill: var(--text-color);
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: none;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
select {
word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
input::placeholder {
opacity: 0.3;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-top: 0;
margin-bottom: var(--y-gap);
font-weight: var(--font-weight-heading);
line-height: 1.1;
}
h1,
.h1 {
font-size: 2.5rem;
}
h2,
.h2 {
font-size: 2rem;
}
h3,
.h3 {
font-size: 1.5rem;
}
h4,
.h4 {
font-size: 1.25rem;
}
h5,
.h5 {
font-size: 1rem;
}
h6,
.h6 {
font-size: 0.75rem;
}
table {
margin: 0 0 1.5em;
width: 100%;
border-spacing: 0;
}
table td,
table th {
padding: 0.5em 0.75em;
text-align: inherit;
border-bottom: 1px solid #ccc;
}
thead th {
border-bottom-width: 2px;
}
audio,
video {
outline: 0;
width: auto;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: inherit;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: left;
margin-right: var(--x-gap);
margin-bottom: var(--y-gap);
}
.alignright {
float: right;
margin-left: var(--x-gap);
margin-bottom: var(--y-gap);
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.alignmiddle {
display: flex;
align-items: center;
justify-content: center;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}
.sticky-post {
border-radius: 0;
padding: 0px 8px;
font-size: 12px;
border: 1px solid;
position: relative;
display: inline-block;
margin: 0 1rem;
}
.updated:not(.published) {
display: none;
}
.post-navigation .post-title,
.entry-title,
.not-found .page-title,
.error-404 .page-title,
.comments-title,
.user-title,
.user-description,
.comment-author,
.comment-content,
blockquote {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-break: break-word;
word-wrap: break-word;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
font-size: 10px;
line-height: 1.2;
margin: 4px 0;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.button,
.input,
button,
input,
select,
textarea {
position: relative;
align-items: center;
font-weight: 500;
color: inherit;
border: 1px solid var(--color-border);
background-color: #fff;
border-radius: var(--input-radius, 0.25rem);
font-size: 0.875rem;
padding: 0.5rem 0.75rem;
height: 2.5rem;
line-height: 1.5;
outline: none;
transition: border .3s ease-in-out;
}
.button,
button,
input[type='button'],
input[type='submit'],
input[type='reset'] {
color: #333;
display: inline-flex;
cursor: pointer;
text-align: center;
padding: 0.53125rem 1.25rem;
border-radius: var(--button-radius);
height: auto;
}
[disabled] {
pointer-events: none;
opacity: 0.5;
}
input[type='checkbox'],
input[type='radio'] {
width: 18px;
min-width: 18px;
height: 18px;
margin-inline-end: 0.5rem;
-webkit-margin-end: 0.5rem;
vertical-align: middle;
display: inline-block;
padding: 0;
text-align: center;
line-height: 0;
border-color: var(--text-secondary-color);
border-radius: 2px;
border-width: 2px;
transition: all .3s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type='radio'] {
border-radius: 50%;
}
input[type='checkbox']:checked,
input[type='radio']:checked {
border-color: currentColor;
}
input[type='checkbox']:before,
input[type='radio']:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
border-radius: inherit;
width: 10px;
height: 10px;
background-color: currentColor;
transform: translate(-50%, -50%) scale(0);
transition: transform 0.2s;
}
input[type='checkbox']:checked:before,
input[type='radio']:checked:before {
transform: translate(-50%, -50%) scale(1);
}
input[type='checkbox']:checked {
background-color: currentColor;
border-width: 9px;
}
input[type='checkbox']:checked:before {
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
border-radius: 0;
width: 10px;
height: 6px;
transform: translate(-50%, calc(-50% - 1px)) rotate(-45deg);
background-color: transparent;
}
select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23888888' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 8px 10px;
padding-right: 1.75rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select[multiple],
select[size]:not([size="1"]),
textarea,
textarea.input {
height: auto;
padding-right: 0.75rem;
background-image: none;
}
input.switch {
border-radius: 5rem;
width: 36px;
}
input.switch:before {
transform: translate(-14px, -50%);
width: 14px;
height: 14px;
opacity: 0.35;
}
input.switch:checked {
color: #33cc66;
background-color: currentColor;
}
input.switch:checked:before {
transform: translate(0, -50%);
opacity: 1;
color: #fff;
}
form p {
margin-bottom: 1em;
}
form label {
color: var(--text-secondary-color);
font-size: 0.875rem;
display: inline-block;
margin: 0 0 0.5rem 0;
}
form label+label {
margin-left: 1rem;
margin-right: 1rem;
}
.btn-follow,
.button-primary {
border-color: currentColor;
}
button.button-sm,
a.button-sm,
.button-sm a {
padding-top: 0.65rem;
padding-bottom: 0.65rem;
font-size: 13px;
}
button.button-xs,
a.button-xs,
.button-xs a {
height: 1.125rem;
padding: 0 .5rem;
font-size: 12px;
vertical-align: text-bottom;
margin-left: 2px;
margin-right: 2px;
}
a.btn-lg,
.btn-lg a,
a.button-lg,
.button-lg a {
font-size: 1.2rem;
padding: 1.25rem 2rem;
}
.button-rounded {
border-radius: 3rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.button-link {
color: inherit;
border-color: transparent;
background-color: transparent;
}
.button-reverse {
color: #fff;
background-color: #000;
}
.button+.button {
margin-inline-start: 0.5rem;
-webkit-margin-start: 0.5rem;
}
.button ins {
text-decoration: none;
}
.form .input {
width: 100%;
}
.post-password-form {
padding: 4rem 0;
}
.post-password-form label {
margin: 0;
}
button[type="submit"] {
min-width: 10rem;
justify-content: center;
}
.search-form {
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.search-form label input {
width: 100%;
}
.search-form label {
margin-bottom: 0;
}
.search-form .search-submit {
margin: 0 0.5rem;
}
.search-results .product .entry-footer {
display: none;
}
/* search */
.site-header .search-form {
display: flex;
flex: 10;
align-items: center;
background-color: #f7f8f9;
border-radius: 2rem;
padding: 0 0.5rem;
position: relative;
}
.site-header .search-form input {
border: 0;
outline: 0 !important;
box-shadow: none !important;
color: inherit;
display: block;
flex: 1;
width: 1%;
height: 1.5rem;
padding: 0 0.5rem;
background-color: transparent !important;
}
.site-header .search-form input::placeholder {
color: inherit;
opacity: 0.3;
}
.site-header .search-form label {
margin: 0;
}
.site-header .search-form .dropdown-menu:empty {
display: none;
}
.site-header .search-form .dropdown-menu {
width: 100%;
left: 0;
top: 100% !important;
transform: none !important;
min-width: 240px;
max-height: 300px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
}
.site-header .search-form .dropdown-menu a {
display: flex;
grid-gap: 0.5rem;
align-items: center;
padding: 0.5rem 1rem;
word-break: break-word;
}
.site-header .search-form .dropdown-menu img {
border-radius: 3px;
display: inline-block;
vertical-align: middle;
}
.site-header .search-form .dropdown-menu img,
.site-header .search-form .dropdown-menu .avatar {
width: 2.5rem;
}
.site-header .search-form .dropdown-menu span.author {
display: block;
color: var(--text-secondary-color);
font-size: 12px;
}
.site-header .search-form .dropdown-menu a>span:not(.avatar) {
display: block;
width: 1%;
flex: 1;
}
.site-header .search-form .dropdown-menu a>span:not(.avatar) span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.site-header .search-form .dropdown-user img {
border-radius: 50%;
}
.is-touch .site-header .menu-item-has-children>a {
pointer-events: none;
}
#search-state:checked~.site-header .search-form {
position: absolute;
z-index: 1000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
color: #333;
margin: 0;
border-radius: 0;
padding: 0 0.5rem;
max-width: initial;
}
#search-state:checked~.site-header .search-form input {
padding: 0 1rem;
opacity: 1;
display: block;
transform: translate3d(0, 0%, 0);
}
/* header alternative */
.hide-search .site-header .search-form {
display: none;
}
.hide-sidenav-icon .menu-toggle,
.hide-sidenav-icon .site-sidebar {
display: none !important;
}
.site-header-transparent {
--side-width: 0;
--side-folded-width: 0;
--content-width: 70rem;
--sub-menu-color: var(--color-grey-600);
}
.site-header-transparent .site-content {
margin-top: 0;
}
.site-header-transparent .site-header {
color: rgba(255, 255, 255, 1);
position: absolute;
box-shadow: none;
background: transparent !important;
max-width: calc(var(--content-width) + 2rem);
margin: 0 auto;
}
.site-header-transparent .site-header .site-navbar {
padding-top: 1vw;
}
.site-header-transparent .site-sidebar {
top: 0;
border: none;
z-index: 100000;
--side-width: 15rem;
--side-folded-width: 5rem;
transform: translate3d(var(--offcanvas), 0, 0) !important;
}
.site-header-transparent #menu-state.hide-sidenav:checked~.site-sidebar {
transform: none !important;
}
@media (min-width: 600px) {
.site-header-transparent .site-header .search-form {
background-color: rgba(255, 255, 255, 0.35);
}
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.nav,
.nav ul {
margin: 6px 0px 0px 0px;
padding: 0;
list-style: none;
}
.nav {
display: flex;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
}
.nav::-webkit-scrollbar {
display: none;
}
.nav li {
position: relative;
float: none;
display: flex;
flex-direction: column;
}
.nav li>a {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
position: relative;
transition: color linear 0.2s;
}
.nav .current-menu-item>a,
.nav a:hover {
transition: color 0.3s ease;
}
.nav ul a {
white-space: normal;
}
.nav .sub-menu {
display: none;
font-weight: 400;
font-size: max(90%, 13px);
}
.nav li.active>.sub-menu,
.user-navigation .nav li.current-menu-ancestor>.sub-menu,
.site-sidebar .nav li.current-menu-ancestor>.sub-menu {
display: block;
}
.nav .current-menu-item>a {
font-weight: 600;
}
.nav .menu-item-has-children:before,
.nav .menu-item-has-children>a:after {
content: "";
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 3rem;
height: 100%;
opacity: 0.5;
cursor: pointer;
}
.nav .menu-item-has-children>a:after {
position: static;
width: 0;
height: 0;
top: 50%;
margin: 1px 2px 0 2px;
border-color: currentColor transparent transparent;
border-style: solid;
border-width: 4px 3px 0;
background-color: transparent;
opacity: 0.5;
z-index: 0;
transition: transform 0.3s;
}
.is-touch .nav .menu-item-has-children.no-toggle>a {
pointer-events: none;
}
.nav .menu-item-has-children.current-menu-ancestor>a:after {
transform: rotate(180deg);
}
.nav .button {
color: inherit;
mix-blend-mode: different;
}
.nav .avatar {
width: 30px;
border-radius: 100%;
vertical-align: middle;
}
.nav .user-display-name {
margin-inline-end: 0.5rem;
-webkit-margin-end: 0.5rem;
}
.nav .svg-icon+span {
margin-inline-start: 0.5rem;
-webkit-margin-start: 0.5rem;
}
.nav li.btn-link a {
position: relative;
color: #fff !important;
padding: 0.125rem 1rem;
background-color: var(--text-secondary-color);
border-radius: var(--button-radius, 2rem);
min-height: 30px;
}
.nav li.hide-text>a {
padding-left: 0;
padding-right: 0;
min-width: 30px;
text-align: center;
justify-content: center;
}
.nav li.hide-text>a>span {
display: none;
}
.admin-bar {
--adminbar-height: 32px;
}
@media (max-width: 782px) {
.admin-bar {
--adminbar-height: 46px;
}
}
.site-header {
font-size: 0.875rem;
left: 0;
right: 0;
top: var(--adminbar-height);
z-index: 1000;
position: fixed;
background-color: #fff;
box-shadow: var(--box-shadow);
}
.site-header .nav {
min-height: var(--navbar-height);
}
.site-header .nav>li {
flex-direction: row;
align-items: flex-end;
}
.is-touch .site-header li.current-menu-ancestor>.sub-menu,
html:not(.is-touch) .site-header li:hover>.sub-menu {
display: block;
}
.is-touch li.fullscreen {
display: none;
}
.site-header .sub-menu {
position: absolute;
background-color: var(--sub-menu-color, #fff);
right: 50%;
transform: translate(50%, 0);
top: 100%;
min-width: 10rem;
padding: 0.5rem 0;
border-radius: var(--border-radius);
line-height: 1.5;
box-shadow: 0 10px 30px rgb(0, 0, 0, 0.1);
}
.site-header .menu-after-login {
display: flex;
}
.site-header .menu-after-login .sub-menu {
right: 0;
transform: none;
}
.site-header .sub-menu a {
padding-left: 1rem;
padding-right: 1rem;
}
.site-header .sub-menu .sub-menu {
transform: none;
right: 100%;
top: -0.5rem;
}
.site-header .secondary-menu {
display: none;
}
.site-brand {
display: flex;
align-items: flex-end;
user-select: none;
min-height: var(--navbar-height);
}
.site-brand .menu-toggle {
display: flex;
align-items: flex-end;
align-self: stretch;
padding: 10px 10px 16px 10px;
cursor: pointer;
}
.site-brand .site-tagline {
margin: 0 0.25rem;
align-items: flex-end;
}
.site-title {
margin: 0 0.25rem;
font-size: 1.15rem;
line-height: 1.2;
font-weight: 600;
letter-spacing: 0.033em;
color: inherit;
padding: 0px 0px 14px 0px;
white-space: nowrap;
}
.site-title a:hover {
color: inherit;
}
.hide-site-title .site-title {
display: none;
}
.site-logo {
display: inline-flex;
align-items: center;
line-height: 0;
padding: 12px 0px 10px 10px;
}
.site-logo figcaption {
font-size: 1.15rem;
font-weight: bold;
padding: 0 1rem;
margin: 0;
color: inherit;
}
.site-logo svg,
.site-logo img {
width: auto;
height: 2rem;
}
.nav .avatar img {
max-width: 24px;
}
/* side menu */
.site-sidebar {
--icon-width: 0rem;
background-color: #fff;
border-right: 1px solid rgba(130, 140, 150, 0.1);
width: var(--side-width);
padding-top: 20px;
flex-shrink: 0;
position: fixed;
z-index: 990;
left: 0;
top: calc(var(--adminbar-height) + var(--navbar-height));
bottom: 0;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
transition: transform 0.2s;
-webkit-overflow-scrolling: touch;
}
.site-sidebar .site-brand {
display: none;
padding: 0 1rem;
align-items: center;
}
.site-sidebar::-webkit-scrollbar {
width: 0;
height: 0;
}
.site-sidebar .svg-icon {
width: var(--icon-width, 24px);
height: var(--icon-height, 16px);
flex-shrink: 0;
}
.site-sidebar .menu-has-icon {
--icon-width: var(--side-icon-width);
--icon-height: var(--side-icon-height);
}
.site-sidebar .svg-icon+span,
.site-sidebar i+span {
margin: 0 0.5rem;
}
.site-sidebar .nav {
flex-direction: column;
}
.site-sidebar .sub-menu a {
--padding: calc( var(--side-menu-gap) + var(--icon-width) + 0.5rem);
padding-inline-start: var(--padding);
-webkit-padding-start: var(--padding);
}
.site-sidebar .menu-item-has-children {
padding: 0 !important;
}
.site-sidebar .menu-item-has-children>a:after {
margin-inline-start: auto;
-webkit-margin-start: auto;
}
.site-sidebar .menu-header {
padding: 0.5rem var(--side-menu-gap, 1.5rem);
opacity: 0.5;
font-size: 0.85em;
}
.site-sidebar li~.menu-header {
padding-top: 1.5rem;
}
.site-sidebar .menu-header a {
padding: 0;
pointer-events: none;
}
.site-sidebar .site-sidebar-header:not(:empty),
.site-sidebar .site-sidebar-footer:not(:empty) {
margin: 1rem var(--side-menu-gap, 1.5rem);
font-size: 0.875rem;
}
.site-sidebar .site-sidebar-footer a {
color: var(--text-secondary-color);
margin-inline-start: 0.75rem;
margin-inline-end: 0.75rem;
-webkit-margin-start: 0.75rem;
-webkit-margin-end: 0.75rem;
}
.open-player body {
--open-player-height: 3.75rem;
padding-bottom: var(--open-player-height);
}
/* nav links */
.nav-links {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: calc(var(--y-gap)*1.5);
}
.nav-links .page-numbers:not(.prev):not(.next) {
padding: 0.25rem 0.5rem;
font-size: 1rem;
position: relative;
display: inline-block;
margin: 0.25rem 0.25rem;
}
.nav-links a.page-numbers:not(.prev):not(.next):after {
content: "";
display: block;
position: absolute;
left: 25%;
bottom: 0;
width: 50%;
border-bottom: 1px solid;
transform: translate3d(0, 0, 0) scaleX(0);
transform-origin: right top;
transition: transform 0.2s ease-in-out 0.1s;
}
.nav-links a.page-numbers:not(.prev):not(.next):hover:after {
transform: translate3d(0, 0, 0) scaleX(1);
transform-origin: left top;
}
.nav-links .current,
.nav-links .page-numbers span {
color: var(--text-secondary-color);
}
.nav-links .meta-nav {
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
color: var(--text-secondary-color);
top: -4px;
position: relative;
}
.nav-links .prev,
.nav-links .next,
.nav-links .nav-previous,
.nav-links .nav-next {
display: flex;
align-items: center;
width: 50%;
margin-right: auto;
line-height: 1.2;
}
.nav-links .prev:before,
.nav-links .next:before,
.nav-links .nav-previous:before,
.nav-links .nav-next:before {
font-family: serif;
content: "\2039";
display: inline-block;
text-align: center;
height: 2.25rem;
width: 2.25rem;
font-size: 28px;
border-radius: 50%;
flex-shrink: 0;
color: var(--text-secondary-color);
box-shadow: var(--box-shadow);
transform: scale(1);
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
background-color: #fff;
}
.nav-links .next:before,
.nav-links .nav-next:before {
content: "\203a";
}
.nav-links .next,
.nav-links .nav-next {
flex-direction: row-reverse;
margin-left: auto;
margin-right: inherit;
}
.nav-links .post-title {
margin: 0 1rem;
display: block;
}
.nav-links .prev:hover:before,
.nav-links .next:hover:before,
.nav-links .nav-previous:hover:before,
.nav-links .nav-next:hover:before {
border-color: currentColor;
color: currentColor;
}
.nav-links .prev svg,
.nav-links .next svg {
transform: rotate(var(--transform-rotate));
}
.nav-links .nav-next a {
text-align: right;
}
.nav-links .prev,
.nav-links .next {
margin: 0 0.5rem;
width: auto;
}
.page-links {
clear: both;
font-size: 0.85rem;
}
.page-links .page-links-title {
display: none;
}
.page-links .current,
.page-links a {
display: inline-block;
text-align: center;
padding: 0;
width: 2rem;
height: 2rem;
line-height: 1.9rem;
border-radius: 50%;
border: 1px solid rgba(150, 160, 170, 0.2);
color: var(--text-secondary-color);
transition: all 0.3s;
}
.page-links a:hover {
border-color: currentColor;
color: inherit;
}
.page-links .current {
background-color: rgba(150, 160, 170, 0.1);
border-color: transparent;
}
/* entry-meta */
.entry-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
grid-gap: var(--entry-meta-grid-gap, 1rem);
margin-bottom: var(--y-gap);
}
.entry-term>*,
.entry-tag>* {
margin-inline-end: 0.5rem;
-webkit-margin-end: 0.5rem;
margin-bottom: 0.5rem;
}
.entry-tag li,
.entry-cat li {
display: inline-block;
}
.entry-info {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.entry-info>span+span:before,
.entry-cat li+li:before {
display: inline-block;
content: '\00B7';
color: var(--text-secondary-color);
width: 1.25rem;
font-weight: bold;
text-align: center;
}
.cat-links {
display: block;
margin-left: -0.5rem;
margin-right: -0.5rem;
margin-bottom: var(--y-gap);
white-space: pre-wrap;
text-transform: uppercase;
}
.cat-links a {
display: inline-flex;
align-items: center;
position: relative;
margin: 0 0.5rem;
}
.cat-links a:before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-bottom: 1px solid;
transform: translate3d(0, 0, 0) scaleX(0);
transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
transform-origin: right top;
}
.cat-links a:hover:before {
transform: translate3d(0, 0, 0) scaleX(1);
transform-origin: left top;
}
.user-links {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.user-links li {
display: flex;
align-items: center;
}
.user-links li a {
display: inline-block;
padding: 0.375rem;
line-height: 0;
}
.tags {
display: block;
margin-top: calc(var(--y-gap)*2);
margin-bottom: calc(var(--y-gap)*2);
}
.entry-tag a,
.tags a {
color: inherit;
display: inline-block;
padding: 2px 10px;
border: 1px solid rgba(150, 170, 170, 0.2);
background-color: #fff;
border-radius: 4px;
margin-bottom: 4px;
text-transform: capitalize;
transition: all 0.2s;
}
.entry-tag a:hover,
.tags a:hover {
border-color: inherit;
}
.tags+a {
color: var(--text-secondary-color);
margin: 0 var(--tag-gap, 0.5rem);
}
.byline,
.posted-on,
.comments-link,
.post-edit-link {
color: var(--text-secondary-color);
}
.avatar {
display: block;
position: relative;
border-radius: 50%;
flex-shrink: 0;
background-color: #666;
color: #fff;
}
.avatar:before {
content: '';
display: block;
padding-top: 100%;
}
.avatar img,
.avatar>.avatar-name {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: bolder;
text-transform: capitalize;
}
.avatar-name svg {
color: var(--text-secondary-color);
}
#wp-admin-bar-my-account>.ab-item .avatar {
display: none;
}
.count {
color: var(--text-secondary-color);
}
.count:empty {
display: none;
}
.user-social-links {
margin-bottom: 1rem;
color: var(--text-secondary-color);
}
.user-social-links a:after {
content: '';
display: inline-block;
width: 1rem;
}
/* user */
.user-bio {
display: flex;
width: 100%;
font-size: 14px;
margin-bottom: var(--y-gap);
}
.user-bio .user-follower span {
color: var(--text-secondary-color);
}
.user-bio .user-follower .count {
color: inherit;
}
.user-meta {
display: flex;
width: 100%;
}
.user-avatar {
flex-shrink: 0;
display: inline-flex;
align-items: flex-start;
}
.user-avatar .avatar {
width: 3.75rem;
}
.user-link:after,
.user-avatar:after,
.user-title h3:after {
content: '';
display: inline-block;
width: 1rem;
}
.user-title {
text-transform: capitalize;
display: flex;
align-items: center;
}
.author-name {
text-transform: capitalize;
}
.user-info {
flex: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.user-info .user-title>h3 {
font-size: 1.1rem;
margin: 0.25rem 0;
display: flex;
align-items: center;
}
.user-bio .user-links {
margin-top: 0.5rem;
}
.user-bio .btn-follow {
padding: 0.25rem 1rem;
margin: 0.5rem 0;
}
.entry-header .user-title h3 {
font-size: 14px;
}
.entry-footer .user-bio {
padding: 1.5rem 1.5rem;
background-color: #fff;
box-shadow: var(--box-shadow);
border-radius: 4px;
margin-top: var(--y-gap);
}
.entry-footer .user-bio .user-link:after {
display: none;
}
.user-heading {
display: none;
font-size: 10px;
font-weight: bold;
color: var(--text-secondary-color);
}
.user-description {
color: var(--text-secondary-color);
}
.single .user-heading {
display: block;
}
.single-post .entry-content,
.archive-content p {
font-size: var(--font-article-size);
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin-bottom: calc(var(--y-gap)*2);
}
.comment-list,
.comment-list .comment-list,
.comment-list .comment,
.comment-list .children {
list-style: none;
padding: 0;
margin: 0;
}
.comment-list .trackback,
.comment-list .pingback {
padding-left: 0 !important;
padding-right: 0 !important;
}
.comment-list .says {
font-size: 0;
display: none;
}
.comment-content,
.comment-body>.reply,
.children .comment,
.comment-toolbar,
.comment-meta,
.comment .comment-respond {
padding-inline-start: 3.25rem;
-webkit-padding-start: 3.25rem;
line-height: 1.5;
}
#cancel-comment-reply-link {
padding-inline-start: 0.75rem;
-webkit-padding-start: 0.75rem;
}
.comment-body {
margin-bottom: var(--y-gap);
font-size: 14px;
}
.comment-toolbar {
display: flex;
align-items: center;
margin-top: 4px;
color: var(--text-secondary-color);
}
.comment-author .avatar {
position: absolute;
left: 0;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
font-size: 0.85rem;
}
.rtl .nav .menu-item-has-children:before {
left: 0;
right: auto;
}
.rtl .site-header .menu-after-login .sub-menu {
left: 0;
right: auto;
}
.rtl .site-header .sub-menu .sub-menu {
left: 100%;
right: auto;
}
.rtl .site-sidebar {
left: auto;
right: 0;
}
.rtl .comment-author .avatar {
left: auto;
right: 0;
}
.comment-meta {
position: relative;
display: flex;
flex-wrap: wrap;
}
.comment-metadata {
display: flex;
flex: 1;
margin: 0 4px;
}
.comment-metadata>a {
margin-inline-end: auto;
-webkit-margin-end: auto;
}
.comment-metadata time,
.comment-metadata>a {
font-size: 0;
}
.comment-meta,
.comment-metadata>a .comment-human-time {
font-size: 13px;
line-height: 1.5;
}
.comment-metadata>a .comment-human-time {
color: var(--text-secondary-color);
}
.comment-content a {
word-wrap: break-word;
}
.comment-content p {
color: inherit !important;
}
.comment-content p:last-child {
margin-bottom: 0;
}
.bypostauthor>.comment-body .comment-author b a {
background-color: #999;
color: #fff;
font-size: 12px;
padding: 0px 8px;
border-radius: 10px;
display: inline-block;
}
.comment-author a:hover {
color: inherit;
}
/* comment form */
.comment-respond {
position: relative;
margin-bottom: 1.5rem;
display: flex;
grid-gap: 0.75rem;
align-items: start;
}
.comment-list .comment-respond {
margin-top: 2rem;
}
.no-comments {
font-size: 14px;
color: var(--text-secondary-color);
text-align: center;
padding: 1rem;
}
.comment-message {
margin-top: 0.5rem;
order: 2;
}
.comment-message p:empty,
.comment-message p a {
display: none;
}
.comment-respond .avatar {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
margin: 0 !important;
}
.comment-respond textarea {
/*height: 2.5rem;*/
}
.comment-respond .comment-reply-header {
display: flex;
align-items: center;
}
.comment-respond .comment-reply-title {
font-size: 1rem;
margin: 0 1rem;
height: 2rem;
overflow: hidden;
}
.comment-respond .comment-reply-title span {
display: flex;
align-items: center;
color: var(--text-secondary-color);
height: 2rem;
transition: all 0.2s ease-in-out;
}
.comment-respond .comment-reply-header small {
margin-inline-start: auto;
-webkit-margin-start: auto;
}
.comment-form {
/*max-height: 4rem;*/
transition: max-height 0.3s ease-in-out;
overflow: hidden;
display: flex;
flex: 1;
flex-wrap: wrap;
}
.is-logged-in~.comment-form {
max-height: inherit;
}
.comment-form-comment label {
width: 100%;
height: 2.375rem;
position: absolute;
top: 0;
padding: 0.375rem 0.75rem;
margin: 0;
z-index: 2;
}
.is-logged-in+.comment-form .comment-form-comment label {
display: none;
}
#commentform-state {
display: none;
}
#commentform-state:checked~.comment-form {
max-height: 50rem;
}
#commentform-state:checked~.comment-form .comment-form-comment label {
display: none;
}
.comment-form input[name="author"],
.comment-form input[name="email"],
.comment-form input[name="url"],
.comment-form textarea {
display: block;
width: 100%;
}
.comment-form>p {
order: 10;
position: relative;
}
.comment-form .comment-notes {
font-size: 0.85rem;
color: var(--text-secondary-color);
order: 3;
width: 100%;
margin-top: 0.5rem;
}
.comment-form .comment-form-cookies-consent {
display: flex;
}
.comment-form .comment-form-comment {
flex: 1;
display: flex;
}
.comment-form .comment-form-comment:after {
/*content: '';*/
display: inline-block;
width: 1rem;
}
.comment-form .comment-form-comment,
.comment-form .form-submit {
width: 100%;
flex: auto;
/*order: 1;*/
}
.comment-reply-title {
margin-bottom: 0;
}
.comment-form .logged-in-as {
margin-top: 0.5rem;
font-size: 0.85em;
color: var(--text-secondary-color);
}
.comment-list .pingback .comment-body a:not(.comment-edit-link),
.comment-list .trackback .comment-body a:not(.comment-edit-link) {
font-weight: 500;
font-size: 14px;
padding-right: 0.5rem;
display: block;
}
.comment-edit-link,
.comment-reply-link {
font-size: 0.75rem;
color: var(--text-secondary-color);
text-transform: uppercase;
display: inline-block;
}
.comment-toolbar .comment-reply-link {
padding: 0.5rem;
}
.comment-edit-link:hover,
.comment-reply-link:hover {
color: inherit;
border-color: currentColor;
}
#cancel-comment-reply-link {
position: absolute;
top: -1.5rem;
color: #999;
font-size: 13px;
}
.comment-reply-login {
display: none;
}
.comment-respond .must-log-in {
flex: 1;
display: flex;
}
.comment-respond .must-log-in p {
flex: 1;
display: block;
text-align: inherit;
height: auto;
margin-bottom: 0;
}
.comment-respond .must-log-in+button {
display: none;
}
.comment-respond .must-log-in:after {
content: '';
display: inline-block;
width: 0.75rem;
}
.comment-awaiting-moderation {
width: 100%;
display: block;
margin-top: 0.5rem;
font-size: 0.85em;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
width: 100%;
}
.comment-navigation {
margin: 1rem 0;
width: auto !important;
max-width: auto !important;
}
/* Button */
.btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
padding: .375rem 1rem;
border-radius: 0;
font-size: 0.875rem;
color: #222 !important;
background-color: transparent !important;
user-select: none;
outline: none;
cursor: pointer;
}
.btn:before,
.btn:after {
position: absolute;
content: "";
z-index: -2;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background: #fff;
border-radius: inherit;
transform: translate3d(0, 0, 0) scaleX(1);
transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
transform-origin: right center;
}
.btn:after {
z-index: -1;
background-color: #000;
transform: translate3d(0, 0, 0) scaleX(0);
}
.btn:hover,
.btn:focus {
color: #fff !important;
}
.btn:hover:after,
.btn:focus:after {
transform: translate3d(0, 0, 0) scaleX(1);
transform-origin: left center;
}
.btn-sm,
.btn-sm a {
padding: 4px 12px;
font-size: 12px;
}
.btn-reverse {
color: #fff;
}
.btn-reverse:before {
background: #000;
}
.btn-reverse:after {
background: #fff;
}
/* Icon */
#icon-nav,
#icon-search {
line-height: 0;
padding: 0.5rem;
margin: 0;
text-align: center;
color: inherit;
cursor: pointer;
margin: 0;
white-space: nowrap;
}
#icon-nav {
display: none;
}
i.icon-menu {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
cursor: pointer;
font-size: 0;
}
i.icon-menu:before,
i.icon-menu:after,
i.icon-menu i:before,
i.icon-menu i:after {
content: '';
position: absolute;
width: 80%;
height: 2px;
border-radius: 1px;
top: 50%;
left: 10%;
margin-top: -1px;
background-color: currentColor;
transition: transform .2s ease-in-out;
transform-origin: left center;
}
i.icon-menu:before {
top: 37.5%;
transition-delay: .3s;
}
i.icon-menu:after {
top: 62.5%;
transition-delay: .4s;
}
i.icon-menu:hover:after {
transform: scaleX(1);
}
i.icon-menu i {
position: absolute;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
i.icon-menu i:before {
top: 0;
left: 50%;
transform: rotate(90deg) scaleX(0);
transition-delay: 0.1s;
}
i.icon-menu i:after {
top: 50%;
right: 0;
transform: scaleX(0);
transition-delay: 0s;
}
i.icon-nav,
i.icon-nav:before,
i.icon-nav:after {
content: "";
display: inline-block;
position: relative;
height: 1px;
width: 18px;
border-radius: 2px;
background-color: var(--text-secondary-color, currentcolor);
}
i.icon-nav:before {
position: absolute;
left: 0;
top: -0.35em;
}
i.icon-nav:after {
position: absolute;
left: 0;
bottom: -0.35em;
}
i.icon-search {
position: relative;
display: inline-block;
vertical-align: middle;
width: 1.5em;
height: 1.5em;
cursor: pointer;
}
i.icon-search:before,
i.icon-search:after {
content: '';
position: absolute;
width: 25%;
height: 1px;
border-radius: 1px;
background-color: currentColor;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: transform .1s ease-in-out;
}
i.icon-search:before {
width: 50%;
height: 50%;
border-radius: 100%;
border: 1px solid currentColor;
background-color: transparent;
}
i.icon-search:after {
transform: rotate(45deg);
transform-origin: left top;
left: 62.5%;
top: 62.5%;
}
#nav-state,
#menu-state,
#search-state {
display: block;
}
#menu-state:checked~* i.icon-menu:before {
transition-delay: 0.1s;
transform: scaleX(0);
transform-origin: right center;
}
#menu-state:checked~* i.icon-menu:after {
transition-delay: 0s;
transform: scaleX(0);
transform-origin: right center;
}
#menu-state:checked~* i.icon-menu i:before {
transition-delay: .4s;
-webkit-transform: rotate(90deg) scaleX(1);
transform: rotate(90deg) scaleX(1);
}
#menu-state:checked~* i.icon-menu i:after {
transition-delay: .5s;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
#menu-state:checked~.site-sidebar {
transform: translate3d(var(--offcanvas), 0, 0);
}
#search-state:checked~* i.icon-search:before {
width: 75%;
height: 1px;
border-radius: 1px;
background-color: currentColor;
border: none;
transform: translate(-50%, -50%) rotate(45deg);
}
#search-state:checked~* i.icon-search:after {
width: 75%;
transform: translate(-50%, -50%) rotate(-45deg);
left: 50%;
top: 50%;
transform-origin: center center;
}
.theme-color,
.theme-switch {
display: inline-flex;
align-items: center;
margin: 0;
}
.theme-color i {
display: inline-block;
position: relative;
width: 1rem;
height: 1rem;
padding: 0;
margin: 0 0.25rem;
border-radius: 50%;
flex-shrink: 0;
}
.theme-color input {
width: 1px;
height: 1px;
padding: 0;
border: none;
}
.theme-color input::-webkit-color-swatch {
border: none;
}
.theme-switch i {
display: inline-block;
position: relative;
width: 1.5rem;
height: 0.75rem;
border-radius: 2rem;
background-color: rgba(120, 130, 140, 0.2);
line-height: 1;
cursor: pointer;
flex-shrink: 0;
}
.theme-switch i:before {
content: "";
display: block;
opacity: 1;
width: 1rem;
height: 1rem;
margin-top: -2px;
background-color: #fff;
box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
position: absolute;
border-radius: 2rem;
transition: all 0.2s;
left: 0;
}
.dark .theme-switch i:before {
left: 0.5rem;
}
/* Spinner */
.loading-spin {
animation-duration: .75s;
transform-origin: center center;
animation-iteration-count: 1;
animation-name: loading;
}
.loading-bounce>* {
animation-duration: .75s;
animation-name: bounce;
animation-iteration-count: 1;
animation-fill-mode: forwards;
animation-delay: calc(var(--n) * 0.075s);
transform-origin: center center;
}
.page-loading .loading-spin {
animation-iteration-count: infinite;
}
.page-loading .loading-bounce>* {
animation-iteration-count: infinite;
}
.spinner {
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner .75s linear infinite;
animation: spinner .75s linear infinite;
}
.page-loading body,
.page-loading a {
cursor: wait;
}
@keyframes spinner {
0% {
opacity: 0;
transform: scale(0);
}
50% {
opacity: 1;
transform: scale(0.5);
}
100% {
opacity: 0;
transform: scale(1);
}
}
@keyframes loading {
0% {
transform: translateZ(0) rotate(0deg);
}
100% {
transform: translateZ(0) rotate(359deg);
}
}
@keyframes bounce {
0% {
transform: scaleY(1);
}
50% {
transform: scaleY(0);
}
100% {
transform: scaleY(1);
}
}
/* refine */
.has-white-color {
color: #fff !important;
;
}
.has-black-color {
color: #000 !important;
;
}
.has-white-background-color {
background-color: #fff !important;
;
}
.has-black-background-color {
background-color: #000 !important;
;
}
.flex {
width: 1%;
flex: 1;
min-width: 1rem;
}
.flex-sm-row {
display: flex;
}
.separator {
display: flex;
height: 2rem;
}
.separator:before,
.separator:after {
content: '';
border-bottom: 1px solid rgba(156, 160, 170, 0.2);
width: 1%;
height: 1rem;
flex: 1;
}
.separator span {
margin: 0 1rem;
line-height: 2;
}
.wp-block-button__link {
font-size: 0.875rem;
padding: 0.8125rem 1.5rem;
line-height: 1;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
transition: all .3s ease-in-out;
}
.has-drop-cap {
line-height: inherit;
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 5.1em;
line-height: .6;
font-weight: inherit;
margin-top: .15em;
margin-right: .2em;
text-transform: uppercase;
font-style: inherit;
}
.has-drop-cap-2:not(:focus):first-letter {
font-size: 3.2em;
margin-right: .3em;
}
.has-drop-cap:after {
content: "";
display: table;
clear: both;
}
ul,
ol {
padding-inline-start: 1.5rem;
-webkit-padding-start: 1.5rem;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
.wp-block-pullquote blockquote,
blockquote {
padding: 2rem 4rem !important;
color: #333;
background-color: var(--color-blockquote, #fff);
border-radius: 1rem;
border-width: 0;
position: relative;
font-family: 'PF BeauSans Pro Regular', sans-serif;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.025);
margin-bottom: 3rem !important;
font-style: italic;
}
blockquote p {
font-size: 1.25rem;
}
blockquote:after {
position: absolute;
bottom: -1rem;
left: 2rem;
content: "";
display: inline-block;
border-width: 1rem 0 0 2rem;
border-style: solid;
border-color: var(--color-blockquote, #fff) transparent transparent;
}
blockquote.is-style-large:after,
blockquote.has-text-align-right:after {
left: auto;
right: 2rem;
border-width: 1rem 2rem 0 0;
}
blockquote:before {
content: '\201C';
font-family: 'PF BeauSans Pro Regular', sans-serif;
position: absolute;
left: 1rem;
top: 4rem;
font-size: 6rem;
line-height: 0;
opacity: 0.1;
z-index: 1;
}
.wp-block-quote cite,
blockquote cite {
display: block;
color: #888;
position: relative;
bottom: -3rem;
height: 0;
margin: 0 !important;
}
blockquote p:last-of-type {
margin-bottom: 0;
}
.wp-block-pullquote {
border-width: 0;
padding: 0 !important;
}
.wp-block-pullquote cite {
text-align: left;
}
.wp-block-pullquote blockquote {
border-top: 2px solid;
border-color: inherit;
}
.wp-block-pullquote.is-style-solid-color {
border-radius: 1rem;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
background-color: transparent;
border-width: 0;
}
mark,
ins {
background-color: #fff9c0;
color: #000;
text-decoration: none;
}
address {
font-style: italic;
}
.wp-block-separator {
border-color: rgba(150, 160, 170, 0.2);
}
.wp-block-separator.is-style-dots:before {
color: rgba(150, 160, 170, 0.5);
}
.wp-block-cover-contain {
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
}
.wp-block-cover-contain .wp-block-cover__inner-container {
color: inherit;
}
.has-large-font-size,
.has-huge-font-size {
line-height: 1.1;
}
.wp-block-image {
margin-bottom: 2rem;
}
.wp-block-navigation,
.wp-block-buttons,
.wp-block-social-links,
.is-layout-flex {
display: flex;
flex-wrap: wrap;
gap: var(--flex-gap, 0.5em);
}
.is-content-justification-left {
justify-content: flex-start;
}
.is-content-justification-center {
justify-content: center;
}
.is-content-justification-right {
justify-content: flex-end;
}
.is-vertical {
flex-direction: column;
}
.is-content-justification-left.is-vertical {
align-items: flex-start;
}
.is-content-justification-center.is-vertical {
align-items: center;
}
.is-content-justification-right.is-vertical {
align-items: flex-end;
}
.is-nowrap {
flex-wrap: nowrap;
}
.wp-block-columns {
gap: var(--column-gap);
}
.no-gap {
gap: 0;
}
.wp-block-columns.alignfull p {
margin-left: 2rem;
margin-right: 2rem;
}
.wp-block-cover.no-padding .wp-block-cover__inner-container {
width: 100%;
}
.wp-block-cover.has-background-dim {
color: #fff;
}
.wp-block-group.has-background {
margin-bottom: 0;
}
.is-style-squared a {
border-radius: 0;
}
.single-post figure[style] {
max-width: 100% !important;
}
/* container */
.container,
.container-wrap .wp-block-cover__inner-container,
.container-wrap .wp-block-group__inner-container,
.navigation,
.page-header,
.page-content,
.archive-header,
.archive-content,
.archive-footer,
.site-main>.comments-area,
.site-main>.entry>.entry-header-container,
.site-main>.entry>.entry-header,
.site-main>.entry>.entry-summary,
.site-main>.entry>.entry-footer,
.site-main>.entry>.post-thumbnail,
.site-main>.entry>.entry-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
width: calc(100% - var(--x-gap) * 0.7);
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
.entry-content>.alignleft {
margin-left: var(--x-gap);
}
.entry-content>.alignright {
margin-right: var(--x-gap);
}
.entry-content>.alignwide {
width: calc(100% - var(--x-gap) * 1);
max-width: calc(var(--content-width) + 10vw);
margin-left: auto;
margin-right: auto;
}
.container-wrap {
padding: 0 !important;
}
/* Main */
.error-404,
.not-found {
padding: 5rem 0 5rem 0;
}
.error-404,
.not-found {
text-align: center;
}
.error-404 h2 {
font-size: 9rem;
}
.error-404 .search-form,
.not-found .search-form {
margin-left: auto;
margin-right: auto;
max-width: 280px;
margin: 3rem auto;
}
.entry-header {
margin-top: calc(var(--y-gap)*2);
}
.hide-title {
display: none;
}
.entry-description {
color: var(--text-secondary-color);
margin-bottom: 1rem;
}
.entry-footer {
margin-bottom: calc(var(--y-gap)*2);
}
.entry-artist a:after {
display: none;
}
.entry-content>* {
word-wrap: break-word;
margin-bottom: var(--y-gap);
}
.search-title,
.archive-title {
font-size: 1.25rem;
margin-top: calc(var(--y-gap)*2);
line-height: inherit;
}
.archive-description {
color: var(--text-secondary-color);
}
.byline {
display: inline-flex;
align-items: center;
}
.byline .avatar {
width: 24px;
height: 24px;
}
.byline .avatar+.author-name:before,
.byline .svg-icon+.author:before {
content: '';
display: inline-block;
width: 0.25rem;
}
.navigation .nav {
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
}
.navigation .nav a {
white-space: nowrap;
}
.page-navigation .nav {
margin-top: 1rem;
margin-bottom: 0rem;
padding-top: 0px;
padding-bottom: 2px;
}
.user-navigation {
margin-bottom: 1.5rem;
font-weight: 600;
}
.user-navigation a span {
font-size: 0.85em;
margin-inline-start: 4px;
-webkit-margin-start: 4px;
}
.user-navigation a span:empty {
display: none;
}
.user-placeholder {
text-align: center;
padding: 3rem 0;
}
.user-placeholder p {
margin-top: 1rem;
color: var(--text-secondary-color);
}
.menu-mega .menu-item-has-children>a {
font-weight: bold;
}
.menu-divider {
border-top: 1px solid rgba(130, 140, 150, 0.1);
}
/* Footer */
.site-footer {
font-size: 0.875rem;
line-height: 2;
position: relative;
}
.site-footer ul {
list-style: none;
margin: 0 0 1.5rem 0;
padding: 0;
}
.site-footer .site-info {
margin-bottom: calc(var(--y-gap)*2);
}
.site-info {
display: flex;
}
.site-info .site-copyright {
font-size: 85%;
margin-inline-start: auto;
-webkit-margin-start: auto;
margin-top: 1.25rem;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 6rem;
z-index: 10;
}
/* archive */
.archive-content-column {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: calc(var(--y-gap)*2);
margin-top: calc(var(--y-gap)*2);
margin-bottom: calc(var(--y-gap)*2);
}
.archive-content-column>h3 {
grid-column: 1/-1;
margin-bottom: -0.5rem;
}
.archive-content-column>.entry {
display: inline-block;
width: 100%;
}
.archive-content-column .entry-header {
margin-top: 0;
}
.archive-content-column .entry-title {
font-size: 1.25rem;
}
.archive-content-column .block-loop-items {
margin-bottom: 0;
}
.accordion p {
display: none;
}
.accordion h3,
.accordion h4 {
display: flex;
align-items: center;
margin: 0;
padding: 1.5rem 0;
}
.accordion h3~h3,
.accordion h4~h4 {
border-top: 1px solid var(--color-border);
}
.accordion h3:after,
.accordion h4:after {
content: "";
display: block;
border: 0.35rem solid transparent;
border-top-color: currentColor;
border-bottom-width: 0;
opacity: 0.5;
margin-inline-start: auto;
-webkit-margin-start: auto;
}
.accordion h3.open:after,
.accordion h4.open:after {
transform: rotate(-180deg);
}
/* dark theme */
.dark,
.dark body {
--text-color: #fff;
--text-secondary-color: #aaa;
--body-bg-color: var(--color-grey-800);
--tooltip-color: var(--color-grey-500);
--sub-menu-color: var(--color-grey-600);
}
.dark .site-header,
.dark .site-header .search-form,
.dark .site-sidebar,
.dark .plyr-playlist {
background-color: inherit;
}
.dark #search-state:checked~.site-header .search-form,
.dark .search-results-dropdown,
.dark .entry-footer .user-bio,
.dark .modal-content,
.dark .dropdown-menu,
.dark .wp-block-code,
.dark .wp-block-table.is-style-stripes tbody tr:nth-child(odd),
.dark .nav-links .prev:before,
.dark .nav-links .next:before,
.dark .nav-links .nav-previous:before,
.dark .nav-links .nav-next:before,
.dark .button:not(.button-primary) {
color: #fff;
background-color: var(--color-grey-600);
}
.dark .dark-white,
.dark .tags a,
.dark .entry-tag a {
background-color: var(--color-grey-500);
}
.dark .dark-white .has-white-background-color {
background-color: var(--color-grey-500) !important;
}
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark .dark-white .wp-block-cover__inner-container,
.dark .dropdown-menu .dropdown-item {
color: inherit;
}
.dark .input,
.dark input:not([type='range']):not([type='button']):not([type='submit']):not([type='reset']):not([type='checkbox']):not([type='radio']),
.dark select,
.dark textarea,
.dark .button-primary,
.dark input[type="checkbox"],
.dark input[type="radio"] {
background-color: transparent;
}
/* theme color */
.text-primary,
.text-primary:hover,
.site-logo,
.button-primary,
.button-primary,
input.button-primary,
button.button-primary:hover,
input.button-primary:hover,
.btn-follow,
.btn-like.active,
.album-track.active .icon-play,
.user-navigation a span,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
color: var(--color-primary);
}
.text-primary:hover {
text-decoration: underline;
}
input:not([type="radio"]):not([type="checkbox"]):not([type="range"]):focus,
select:focus,
textarea:focus,
.dropdown-toggle.button:hover,
.waveform .waveform-container {
border-color: var(--color-primary);
}
.theme-color i,
.nav li.btn-link a,
.btn-primary a {
color: #fff !important;
background-color: var(--color-primary) !important;
}
.is--repeat svg,
.is--shuffle svg {
fill: var(--color-primary);
}
.wp-block-loop:not(.block-loop-row) .btn-like.active svg {
stroke: currentColor;
fill: currentColor;
}
.progress-bar,
.block-loop-hover .block-loop-item:hover,
.block-loop-hover .block-loop-item.active {
background-color: var(--color-primary);
}
.block-loop-hover .block-loop-item:hover .post-thumbnail:after,
.block-loop-hover .block-loop-item.active .post-thumbnail:after {
background-color: var(--color-primary);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.2), var(--color-primary));
}
.user-description a,
.entry-content>p a,
.entry-content>table a,
.entry-content>dl a,
.entry-content>ul a,
.entry-content>ol a,
.station-content a {
color: var(--color-secondary);
}
/* page animate */
.backdrop {
transform: translate3d(0, 0, 0);
transform-origin: top right;
position: fixed;
z-index: 980;
top: 0;
right: 0;
left: 0;
height: 0;
display: flex;
background-color: inherit;
transition: transform 0.2s cubic-bezier(0.32, 0.08, 0.24, 1);
transition-delay: 0.3s;
}
.backdrop i {
display: flex;
flex: 1;
flex-shrink: 0;
background-color: inherit;
background-clip: padding-box;
}
.backdrop i:before,
.backdrop i:after {
flex: 1;
flex-shrink: 0;
background-color: inherit;
content: "";
display: block;
height: 100vh;
transform: translate3d(0, 0, 0) scaleX(0);
transform-origin: right center;
transition: transform 0.5s cubic-bezier(0.32, 0.08, 0.24, 1);
transition-delay: 1;
border-left: 1px solid rgba(150, 160, 170, 0.1);
}
.page-loading .backdrop i:before,
.page-loading .backdrop i:after {
/*transform: translate3d(0, 0, 0) scaleX(1);
transform-origin: left center;*/
}
.entry-header-container>.entry-header .entry-title {
clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
transform: translate3d(0, 0, 0);
transition: clip-path cubic-bezier(0.075, .82, .165, 1) 1s;
transition-delay: 0.35s;
}
.page-animate.page-animating .featured-image .entry-header-container>.post-thumbnail {
opacity: 0;
transition-delay: 0s;
transform: translate3d(0, 0, 0);
}
.page-animate.page-animating .entry-header-container>.entry-header .entry-title {
clip-path: polygon(0 0, 0 0, 0 120%, 0 120%);
transition-delay: 0s;
}
/* mobile */
.mobile-menu {
position: fixed;
bottom: 0;
background-color: inherit;
z-index: 1000;
width: 100%;
height: var(--mobile-menu-height);
overflow-y: hidden;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
transition: transform 0.2s;
-webkit-overflow-scrolling: touch;
border-top: 0.5px solid rgba(150, 155, 160, 0.35);
background-clip: padding-box;
}
.mobile-menu::-webkit-scrollbar {
display: none;
}
.mobile-menu .nav {
display: flex;
align-items: center;
justify-content: space-between;
font-size: var(--mobile-menu-font-size);
min-height: var(--mobile-menu-height);
}
.mobile-menu .nav li {
flex: 1 1;
}
.mobile-menu .nav li>a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height: 1;
text-align: center;
white-space: nowrap;
}
.mobile-menu .nav li>a span {
margin: 0;
line-height: 1;
}
.mobile-menu .nav li.hide-text a {
max-width: 30px;
margin: 0 auto;
}
.mobile-menu .nav a>svg {
width: var(--mobile-menu-icon-width);
height: var(--mobile-menu-icon-height);
color: inherit;
display: block;
}
.mobile-menu~.plyr-playlist.fixed-bottom {
bottom: var(--mobile-menu-height);
}
.mobile-menu li.current_page_item>a,
.mobile-menu li.current-menu-item>a {
color: var(--color-primary);
}
.mobile-menu .menu-item-has-children>a:after {
display: none;
}
/* simple wp member */
.swpm-login-widget-form input[type="text"],
.swpm-login-widget-form input[type="password"],
.swpm-pw-reset-widget-form input[type="text"],
.swpm-validate-form input[type="text"],
.swpm-validate-form input[type="password"] {
width: 100%;
}
input.swpm-buy-now-button-submit {
min-width: 10rem;
justify-content: center;
color: #fff;
background-color: var(--color-primary);
}
.swpm-validate-form table {
margin-bottom: 0;
}
.swpm-password-input,
.swpm-validate-form td {
position: relative;
}
.swpm-validate-form th,
.swpm-validate-form td {
display: block;
border: none;
padding: 0;
}
.swpm-validate-form tr {
display: block;
margin-bottom: 1rem;
}
.swpm-edit-profile-submit-section,
.swpm-registration-submit-section {
text-align: inherit !important;
}
.swpm-remember-me {
margin-bottom: 1rem;
}
.swpm-registration-widget-form .formError {
display: none !important;
}
.formError .formErrorArrow div,
.formError .formErrorContent {
box-shadow: none !important;
border: none !important;
}
/* responsive */
@media (min-width: 360px) {
.site-header .secondary-menu {
display: block;
}
.site-header .nav>li.menu-has-icon {
min-width: 2.5rem;
justify-content: center;
}
}
@media (max-width: 359px) {
.user-info,
.user-meta {
display: block;
}
}
@media (min-width: 600px) {
.site-header .search-form {
margin: 0 1rem;
;
}
.archive-content-column {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 599px) {
.mobile-menu,
.mobile-menu~.plyr-playlist.fixed-bottom {
--mobile-menu-height: 3rem;
}
.site-header .search-form {
flex: inherit;
margin: 0 0.5rem;
background-color: transparent;
padding: 0;
margin: 0;
}
.site-header .search-form input {
display: none;
}
.site-header .flex~.flex {
/* display: none; */
}
.comment-list .children .children .comment {
margin-left: 0;
margin-right: 0;
}
.hide-sm {
display: none;
}
.no-float-sm {
float: none;
}
.align-center-sm,
.text-center-sm {
text-align: center;
justify-content: center !important;
}
.wp-block-columns.row-sm-2 {
flex-wrap: wrap !important;
}
.wp-block-columns.row-sm-2>.wp-block-column {
flex-basis: calc(50% - var(--column-gap)) !important;
}
}
@media (max-width: 781px) {
.bitrate {
font-size: 19px;
}
h1.entry-title {
font-size: 2rem;
}
.site-brand {
min-width: auto;
}
.admin-bar .site-header {
top: 0;
position: relative;
}
.admin-bar .site-sidebar {
top: 0;
z-index: 100000;
}
.admin-bar .site-content {
margin-top: 0;
}
.site-sidebar {
width: 100%;
transform: translate3d(var(--offcanvas), 0, 0);
}
.site-sidebar .site-brand {
display: flex;
align-items: center;
}
#menu-state:checked~.site-header .menu-toggle {
background-color: #313137;
position: fixed;
z-index: 990;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#menu-state:checked~.site-sidebar {
top: 0;
padding-top: 0;
z-index: 990;
transform: none !important;
}
.site-header .menu-avatar>a>span:not(.avatar),
.site-header .nav>.menu-has-icon>a>span {
display: none;
}
.site-header .menu-has-icon.btn-link a {
padding-left: 0;
padding-right: 0;
min-width: 30px;
text-align: center;
justify-content: center;
}
#icon-nav {
display: block;
padding: 0 0.5rem;
font-size: 12px;
min-height: var(--navbar-height);
line-height: var(--navbar-height);
}
.site-header .secondary-menu .nav {
padding: 0;
border-radius: 0;
min-width: 10rem;
display: block;
opacity: 0;
transform: translate3d(0, 2rem, 0);
transition: opacity .5s 0.25s cubic-bezier(0.52, 0.16, 0.24, 1), transform .5s 0.25s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.site-header .secondary-menu .nav li {
flex-direction: column;
align-items: stretch;
}
.site-header .secondary-menu .nav a {
padding: 0.75rem 1rem;
}
.site-header .secondary-menu>div>.nav>li>a {
border-top: 1px solid rgba(140, 150, 160, 0.1);
}
.site-header .secondary-menu>div {
height: 0;
overflow: hidden;
position: absolute;
right: 0;
left: 0;
top: 100%;
background-color: var(--sub-menu-color, #fff);
transition: height .35s cubic-bezier(0.52, 0.16, 0.24, 1);
-webkit-overflow-scrolling: touch;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
}
.site-header .secondary-menu.current-menu-ancestor>div {
height: calc(100vh - var(--navbar-height));
overflow-y: auto;
padding-bottom: 4rem;
}
.site-header .secondary-menu.current-menu-ancestor .nav {
opacity: 1;
transform: none;
}
.site-header .secondary-menu .sub-menu {
transform: none;
position: static;
padding: 0;
box-shadow: none;
left: 0;
}
.site-header .secondary-menu .menu-item-has-children>a:after {
margin-inline-start: auto;
-webkit-margin-start: auto;
}
.nav-links .prev span,
.nav-links .next span {
display: none;
}
.hide-md {
display: none;
}
}
@media (min-width: 782px) {
.site-sidebar~.loaderifr,
.site-sidebar~.site-content,
.site-sidebar~.site-footer {
margin-inline-start: var(--side-width);
-webkit-margin-start: var(--side-width);
}
#menu-state:checked~.site-content,
#menu-state:checked~.site-footer {
margin-left: 0;
margin-right: 0;
}
#menu-state:checked~.site-sidebar .hide-menu-folded {
display: none;
}
.hide-sidenav~.site-sidebar {
transform: translate3d(var(--offcanvas), 0, 0);
}
.hide-sidenav~.site-content,
.hide-sidenav~.site-footer {
margin-left: 0;
margin-right: 0;
}
#menu-state.hide-sidenav:checked~.site-sidebar {
transform: none;
}
#menu-state.hide-sidenav:checked~.site-content,
#menu-state.hide-sidenav:checked~.site-footer {
margin-inline-start: var(--side-width);
-webkit-margin-start: var(--side-width);
}
.site-header .search-form {
margin: 0 2rem;
max-width: 40rem;
}
.menu-mega .sub-menu .sub-menu {
display: block;
position: static;
padding: 0;
box-shadow: none;
}
.menu-mega:hover>.sub-menu,
.menu-mega.active>.sub-menu {
display: flex !important;
flex-wrap: wrap;
width: 21rem;
}
.menu-mega>.sub-menu>li {
width: 10rem;
}
.menu-mega-3>.sub-menu {
width: 31rem !important;
}
.menu-mega-4>.sub-menu {
width: 41rem !important;
}
#commentform {
display: flex;
flex-wrap: wrap;
}
.comment-form-cookies-consent,
.comment-message {
width: 100%;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
width: calc(33.33% - 0.75rem);
}
.comment-form .comment-form-email {
width: calc(33.33% + 1.5rem);
padding: 0 1rem;
}
.has-medium-gap {
gap: 4rem;
}
.nav .menu-item-has-children.no-toggle>a:after {
display: none;
}
}
@media (min-width: 992px) {
h1,
.h1 {
font-size: 3rem;
}
.with-sidebar .content-area,
.with-sidebar .entry-content-wrap {
display: flex;
}
.with-sidebar .site-main,
.with-sidebar .entry-content-inner {
flex: 1;
width: 1%;
}
.sidebar {
flex-shrink: 0;
width: 300px;
margin-inline-start: 2rem;
-webkit-margin-start: 2rem;
}
.content-area>.sidebar {
margin: 0;
margin-inline-end: 2rem;
-webkit-margin-end: 2rem;
}
.with-sidebar .entry-content-inner .wp-block-loop:not(.block-loop-row) {
--grid-columns: 3;
--grid-cols: 3;
}
}
@media (min-width: 1660px) {
#menu-state:checked~.site-content {
--side-width: 0rem;
}
.site-header .site-brand+.flex {
flex: 2;
}
.entry-content>.alignleft {
position: absolute;
right: calc(( 100vw - var(--content-width) - var(--side-width)) / 2 + var(--content-width));
margin-left: -13rem;
max-width: 11rem;
height: auto;
}
.entry-content>.alignright {
position: absolute;
left: calc(( 100vw - var(--content-width) + var(--side-width)) / 2 + var(--content-width));
margin-right: -13rem;
max-width: 11rem;
height: auto;
}
}
.btnplayernow {
left: 50%;
top: 36%;
transform: translate(-50%, -50%);
position: absolute;
width: 90px;
height: 90px;
border-radius: 50%;
box-shadow: 0 2px 3px 0 rgb(0 0 0 / 50%);
cursor: pointer;
display: inline-block;
z-index: 555;
background: #ffffff linear-gradient(135deg, #ffffff 10%, rgb(197 197 197) 90%);
color: #d65e4e;
}
.btnplayernow svg {
width: 60px;
height: 60px;
fill: #d65e4e !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 60px;
width: 60px;
}
.btnplayernow icon {
border-radius: 50%;
cursor: pointer;
display: inline-block;
z-index: 555;
color: #d65e4e;
}
.card-frame .active {
display: none;
}
.theme-timelistsvg {
width: 30px;
}
.onlinetrackcontainer {
}
@media (max-height:720px) {
.show-info__text {
margin: 15px auto 10px auto;
}
.onlineartist{
font-size: 18px;
text-align: center;
line-height: 1.2;
}
.onlinetitle{
font-size: 15px;
padding: 7px 0px 5px 0px;
text-align: center;
line-height: 1.2;
}
.listeners, .endtrack {
font-size: 30px;
}
.theme-timelistsvg {
width: 30px;
}
.theme-timelist {
margin: 0px auto 0px auto;
}
}
@media (max-width:768px) {
.plyr__author, .plyr__queue {
position: relative;
margin-bottom: unset;
}
}
@media (max-width:782px) {
body {
padding: 10px;
}
.footerbtn{
background-color: #d55e4f;
color: #fff;
font-size: 17px;
padding: 8px;
margin: 5px;
border-radius: 6px;
line-height: 2.7;
white-space: nowrap;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.punkt{
display: none;
}
.footerbtn:hover {
opacity: 0.5;
}
.has-text-align-left {
font-size: 20px;
text-align: center;
}
.plyr-playlist.fixed-bottom {
z-index: 1000001;
}
}
.block-loop-items .post-thumbnail img {
border-radius: 20px;
border: 1px solid #313137;
}
@property --listen {
syntax: "";
initial-value: 0;
inherits: false;
}
@property --temp {
syntax: "";
initial-value: 0;
inherits: false;
}
@property --v1 {
syntax: "";
initial-value: 0;
inherits: false;
}
.listeners {
transition: --listen 2s;
--temp: calc(var(--listen));
--v1: max(var(--temp), 0);
counter-reset: v1 var(--v1);
}
.listeners::before {
content: counter(v1);
}
.btnstream {
padding: 6px 10px 6px 10px;
background-color: #494949;
border-radius: 5px;
color: white;
margin: 10px;
}
.btnstream:hover {
opacity: 0.7;
}
.activep {
background-color: #d55e4f;
}
@media (max-height: 550px) { /* размер для ТВ Смарт - горизонтальное расположение */
.wp-block-loop {
--grid-columns: 7;
}
.site-navbar {
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
max-height: 40px;
min-height: 40px;
}
.site-sidebar {
padding-top: 0;
top: 50px;
width: 270px;
border-right: 0;
}
.site-content {
margin-top: 50px;
}
.plyr-playlist.fixed-bottom {
display: none;
}
.site-sidebar-footer {
}
.open-player body {
--open-player-height: 0;
padding-bottom: 0;
margin-left: 5px;
margin-right: 5px;
}
.plugin-slider, .wp-block-loop {
--grid-gap: 9px;
--row-gap: 1rem;
}
.currentimg {
border-radius: 25px;
width: 220px;
height: 220px;
}
.btnstream {
margin: 0px;
}
.card-frame{
display: flex;
align-items: center;
flex-direction: column;
}
.btnplayernow {
display: none;
}
.block-loop-items {
margin-bottom: 0;
grid-gap: 9px;
}
.wp-block-spacer {
height: 9px;
}
.site-footer {
font-size: 0;
line-height: 0;
position: relative;
}
.wp-block-separator {
border-bottom: 0px solid;
margin-top: -25px;
}
.badgeactiveair {
font-size: 14px;
width: 70px;
margin: -29px auto 0 auto;
}
:root {
--x-gap: 0;
--y-gap: 0;
--box-shadow: 0;
--side-width: 269px;
--side-folded-width: 5rem;
--side-icon-width: 1.5rem;
--side-icon-height: 1rem;
--side-menu-gap: 1.5rem;
--content-width: 60rem;
}
}
.punkt{
padding: 10px;
}
.punkt2{
padding: 0px;
}
.btnradiodwnwhite{
background-color: #494949;
color: #fff;
font-size: 20px;
padding: 5px;
height: 40px;
margin: 0px;
border-radius: 10px;
display: flex;
align-content: stretch;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
width: 155px;
align-items: flex-start;
}
.btnradiodwnwhite:hover{
opacity: 0.5;
}
.btnradiodwn{
background-color: #d55e4f; color: #fff; font-size: 20px;padding: 10px;height: 40px;margin: 0px 5px 10px 5px;border-radius: 10px;
display: flex;
align-content: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.btnradiodwn:hover{
opacity: 0.5;
}
.btndwnhour{
border-radius: 10px;
}
.btndwnhours:hover, .btn2dwnhour:hover{
opacity: 0.5;
}
.dwnpage p {
font-size: 17px;
}
@media (width: 1000px) and (max-height: 651px) { /* размер для ВК приложений - горизонтальное расположение */
.wp-block-loop {
--grid-columns: 6;
}
.site-sidebar {
padding-top: 0;
top: 50px;
width: 270px;
border-right: 0;
}
.site-content {
margin-top: 60px;
}
.plyr-playlist.fixed-bottom {
}
.site-sidebar-footer {
}
.open-player body {
--open-player-height: 0;
padding-bottom: 0;
margin-left: 5px;
margin-right: 5px;
}
.plugin-slider, .wp-block-loop {
--grid-gap: 9px;
--row-gap: 1rem;
}
.currentimg {
border-radius: 25px;
width: 220px;
height: 220px;
}
.btnstream {
margin: 0px;
}
.card-frame{
display: flex;
align-items: center;
flex-direction: column;
}
.btnplayernow {
display: none;
}
.block-loop-items {
margin-bottom: 0;
grid-gap: 9px;
}
.badgeactiveair {
font-size: 14px;
width: 70px;
margin: -29px auto 0 auto;
}
:root {
--x-gap: 0;
--y-gap: 0;
--box-shadow: 0;
--side-width: 269px;
--side-folded-width: 5rem;
--side-icon-width: 1.5rem;
--side-icon-height: 1rem;
--side-menu-gap: 1.5rem;
--content-width: 60rem;
}
}
.components-form-token-post {
border: none !important;
box-shadow: none !important;
padding: 0;
flex-direction: column;
align-items: stretch;
}
.components-form-token-post .components-form-token-field__token {
cursor: move;
max-width: 100%;
}
.components-form-token-post .components-form-token-field__suggestions-list {
max-width: 100%;
}
.components-form-token-post .components-form-token-field__token-text {
flex: 1;
}
.components-form-token-post .components-form-token-field__suggestions-list {
margin: 0;
padding: 3px 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
@keyframes plyr-progress {
to {
background-position: 25px 0;
}
}
@keyframes plyr-popup {
0% {
opacity: 0.5;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes plyr-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.plyr {
-moz-osx-font-smoothing: auto;
-webkit-font-smoothing: subpixel-antialiased;
direction: ltr;
font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
font-variant-numeric: tabular-nums;
font-weight: 500;
line-height: 1.7;
max-width: 100%;
min-width: 200px;
position: relative;
text-shadow: none;
transition: box-shadow 0.3s ease;
}
.plyr audio,
.plyr video {
border-radius: inherit;
height: auto;
vertical-align: middle;
width: 100%;
}
.plyr button {
font: inherit;
line-height: inherit;
width: auto;
}
.plyr:focus {
outline: 0;
}
.plyr--full-ui {
box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
touch-action: manipulation;
}
.plyr__badge {
background: #4f5b5f;
border-radius: 2px;
color: #fff;
font-size: 9px;
line-height: 1;
padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: none;
}
.plyr__captions {
animation: plyr-fade-in 0.3s ease;
bottom: 0;
color: #fff;
display: none;
font-size: 14px;
left: 0;
padding: 10px;
position: absolute;
text-align: center;
transition: transform 0.4s ease-in-out;
width: 100%;
}
.plyr__captions .plyr__caption {
background: rgba(0, 0, 0, 0.8);
border-radius: 2px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 185%;
padding: 0.2em 0.5em;
white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
display: inline;
}
.plyr__captions span:empty {
display: none;
}
@media (min-width: 480px) {
.plyr__captions {
font-size: 16px;
padding: 20px;
}
}
@media (min-width: 768px) {
.plyr__captions {
font-size: 18px;
}
}
.plyr--captions-active .plyr__captions {
display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
transform: translateY(-40px);
}
.plyr__control {
background: 0 0;
border: 0;
border-radius: 3px;
color: inherit;
cursor: pointer;
flex-shrink: 0;
overflow: visible;
padding: 7px;
position: relative;
transition: all 0.3s ease;
}
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
outline: 0;
}
a.plyr__control {
text-decoration: none;
}
a.plyr__control::after,
a.plyr__control::before {
display: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
display: none;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
background: #1aafff;
color: #fff;
}
.plyr--video .plyr__control svg {
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
background: #1aafff;
color: #fff;
}
.plyr__control--overlaid {
background: rgba(26, 175, 255, 0.8);
border: 0;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
color: #fff;
display: none;
left: 50%;
padding: 15px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.plyr__control--overlaid svg {
left: 2px;
position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
background: #1aafff;
}
.plyr--playing .plyr__control--overlaid {
opacity: 0;
visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
display: block;
}
.plyr--full-ui ::-webkit-media-controls {
display: none;
}
.plyr__controls {
align-items: center;
display: flex;
justify-content: flex-end;
text-align: center;
}
.plyr__controls .plyr__progress__container {
flex: 1;
}
.plyr__controls .plyr__controls__item {
margin-left: 2.5px;
}
.plyr__controls .plyr__controls__item:first-child {
margin-left: 0;
margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
padding-left: 0;
}
.plyr__controls .plyr__controls__item.plyr__volume {
padding-right: 5px;
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child {
padding-right: 0;
}
.plyr__controls:empty {
display: none;
}
.plyr--audio .plyr__controls {
background: #fff;
border-radius: inherit;
color: #4f5b5f;
padding: 10px;
}
.plyr--video .plyr__controls {
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
bottom: 0;
color: #fff;
left: 0;
padding: 20px 5px 5px;
position: absolute;
right: 0;
transition:
opacity 0.4s ease-in-out,
transform 0.4s ease-in-out;
z-index: 3;
}
@media (min-width: 480px) {
.plyr--video .plyr__controls {
padding: 35px 10px 10px;
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
opacity: 0;
pointer-events: none;
transform: translateY(100%);
}
.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"] {
display: none;
}
.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
display: inline-block;
}
.plyr__menu {
display: flex;
position: relative;
}
.plyr__menu .plyr__control svg {
transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded="true"] svg {
transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
display: none;
}
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: rgba(255, 255, 255, 0.9);
border-radius: 4px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4f5b5f;
font-size: 16px;
margin-bottom: 10px;
position: absolute;
right: -3px;
text-align: left;
white-space: nowrap;
z-index: 3;
}
.plyr__menu__container > div {
overflow: hidden;
transition:
height 0.35s cubic-bezier(0.4, 0, 0.2, 1),
width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
border: 4px solid transparent;
border-top-color: rgba(255, 255, 255, 0.9);
content: "";
height: 0;
position: absolute;
right: 15px;
top: 100%;
width: 0;
}
.plyr__menu__container [role="menu"] {
padding: 7px;
}
.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
margin-top: 2px;
}
.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
margin-top: 0;
}
.plyr__menu__container .plyr__control {
align-items: center;
color: #4f5b5f;
display: flex;
font-size: 14px;
padding: 4px 11px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr__menu__container .plyr__control > span {
align-items: inherit;
display: flex;
width: 100%;
}
.plyr__menu__container .plyr__control::after {
border: 4px solid transparent;
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: rgba(79, 91, 95, 0.8);
right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
font-weight: 500;
margin: 7px;
margin-bottom: 3px;
padding-left: 28px;
position: relative;
width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: rgba(79, 91, 95, 0.8);
left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
background: #b7c5cd;
box-shadow: 0 1px 0 #fff;
content: "";
height: 1px;
left: 0;
margin-top: 4px;
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role="menuitemradio"] {
padding-left: 7px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::after,
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
border-radius: 100%;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
background: rgba(0, 0, 0, 0.1);
content: "";
display: block;
flex-shrink: 0;
height: 16px;
margin-right: 10px;
transition: all 0.3s ease;
width: 16px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"]::after {
background: #fff;
border: 0;
height: 6px;
left: 12px;
opacity: 0;
top: 50%;
transform: translateY(-50%) scale(0);
transition:
transform 0.3s ease,
opacity 0.3s ease;
width: 6px;
}
.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
background: #1aafff;
}
.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before {
background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
align-items: center;
display: flex;
margin-left: auto;
margin-right: -5px;
overflow: hidden;
padding-left: 25px;
pointer-events: none;
}
.plyr--full-ui input[type="range"] {
-webkit-appearance: auto;
accent-color: #d55e4f!important;
background: 0 0;
border: 0;
border-radius: 26px;
display: block;
height: 19px;
margin: 0;
padding: 0px 5px 7px 5px;
transition: box-shadow 0.3s ease;
width: 100%;
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow 0.3s ease;
-webkit-user-select: none;
user-select: none;
background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(47, 52, 61, 0.2);
height: 13px;
position: relative;
transition: all 0.2s ease;
width: 13px;
-webkit-appearance: none;
margin-top: -4px;
}
.plyr--full-ui input[type="range"]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow 0.3s ease;
-moz-user-select: none;
user-select: none;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(47, 52, 61, 0.2);
height: 13px;
position: relative;
transition: all 0.2s ease;
width: 13px;
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
background: currentColor;
border-radius: 2.5px;
height: 5px;
}
.plyr--full-ui input[type="range"]::-ms-track {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
color: transparent;
}
.plyr--full-ui input[type="range"]::-ms-fill-upper {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
}
.plyr--full-ui input[type="range"]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: 2.5px;
height: 5px;
transition: box-shadow 0.3s ease;
-ms-user-select: none;
user-select: none;
background: currentColor;
}
.plyr--full-ui input[type="range"]::-ms-thumb {
background: #fff;
border: 0;
border-radius: 100%;
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(47, 52, 61, 0.2);
height: 13px;
position: relative;
transition: all 0.2s ease;
width: 13px;
margin-top: 0;
}
.plyr--full-ui input[type="range"]::-ms-tooltip {
display: none;
}
.plyr--full-ui input[type="range"]:focus {
outline: 0;
}
.plyr--full-ui input[type="range"]::-moz-focus-outer {
border: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
outline: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
outline: 0;
}
.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
box-shadow:
0 1px 1px rgba(0, 0, 0, 0.15),
0 0 0 1px rgba(47, 52, 61, 0.2),
0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr__poster {
background-color: #000;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: opacity 0.2s ease;
width: 100%;
z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
opacity: 1;
}
.plyr__time {
font-size: 14px;
}
.plyr__time + .plyr__time::before {
content: "\2044";
margin-right: 10px;
}
@media (max-width: 767px) {
.plyr__time + .plyr__time {
display: none;
}
}
.plyr--video .plyr__time {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.plyr__tooltip {
background: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
color: #4f5b5f;
font-size: 14px;
font-weight: 500;
left: 50%;
line-height: 1.3;
margin-bottom: 10px;
opacity: 0;
padding: 5px 7.5px;
pointer-events: none;
position: absolute;
transform: translate(-50%, 10px) scale(0.8);
transform-origin: 50% 100%;
transition:
transform 0.2s 0.1s ease,
opacity 0.2s 0.1s ease;
white-space: nowrap;
z-index: 2;
}
.plyr__tooltip::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
z-index: 3;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
left: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(0.8);
transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: 16px;
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
transform: translate(0, 0) scale(1);
}
.plyr--video {
background: #000;
overflow: hidden;
}
.plyr--video.plyr--menu-open {
overflow: visible;
}
.plyr__video-wrapper {
background: #000;
border-radius: inherit;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
height: 0;
padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
padding-bottom: 240%;
position: relative;
transform: translateY(-38.28125%);
}
.plyr__progress {
left: 6.5px;
margin-right: 13px;
position: relative;
}
.plyr__progress input[type="range"],
.plyr__progress__buffer {
margin-left: -6.5px;
margin-right: -6.5px;
width: calc(100% + 13px);
}
.plyr__progress input[type="range"] {
position: relative;
z-index: 2;
}
.plyr__progress .plyr__tooltip {
font-size: 14px;
left: 0;
}
.plyr__progress__buffer {
-webkit-appearance: none;
background: 0 0;
border: 0;
border-radius: 100px;
height: 5px;
left: 0;
margin-top: -2.5px;
padding: 0;
position: absolute;
top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
background: currentColor;
border-radius: 100px;
min-width: 5px;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
background: currentColor;
border-radius: 100px;
min-width: 5px;
transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
border-radius: 100px;
transition: width 0.2s ease;
}
.plyr--video .plyr__progress__buffer {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
color: rgba(255, 255, 255, 0.25);
}
.plyr--audio .plyr__progress__buffer {
color: rgba(183, 197, 205, 0.66);
}
.plyr--loading .plyr__progress__buffer {
animation: plyr-progress 1s linear infinite;
background-image: linear-gradient(
-45deg,
rgba(47, 52, 61, 0.6) 25%,
transparent 25%,
transparent 50%,
rgba(47, 52, 61, 0.6) 50%,
rgba(47, 52, 61, 0.6) 75%,
transparent 75%,
transparent
);
background-repeat: repeat-x;
background-size: 25px 25px;
color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
background-color: rgba(255, 255, 255, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(183, 197, 205, 0.66);
}
.plyr__volume {
align-items: center;
display: flex;
flex: 1;
position: relative;
}
.plyr__volume input[type="range"] {
margin-left: 5px;
position: relative;
z-index: 2;
}
@media (min-width: 480px) {
.plyr__volume {
max-width: 90px;
}
}
@media (min-width: 768px) {
.plyr__volume {
max-width: 110px;
}
}
.plyr--is-ios .plyr__volume {
display: none !important;
}
.plyr--is-ios.plyr--vimeo [data-plyr="mute"] {
display: none !important;
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:fullscreen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
.plyr:fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
.plyr:fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr:-webkit-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-webkit-full-screen video {
height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-webkit-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-moz-full-screen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-moz-full-screen video {
height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-moz-full-screen .plyr__captions {
font-size: 21px;
}
}
.plyr:-ms-fullscreen {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
}
.plyr:-ms-fullscreen video {
height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr:-ms-fullscreen .plyr__captions {
font-size: 21px;
}
}
.plyr--fullscreen-fallback {
background: #000;
border-radius: 0 !important;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10000000;
}
.plyr--fullscreen-fallback video {
height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
height: 100%;
width: 100%;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
top: 50%;
transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
cursor: none;
}
@media (min-width: 1024px) {
.plyr--fullscreen-fallback .plyr__captions {
font-size: 21px;
}
}
.plyr__ads {
border-radius: inherit;
bottom: 0;
cursor: pointer;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
height: 100%;
position: absolute;
width: 100%;
}
.plyr__ads::after {
background: rgba(47, 52, 61, 0.8);
border-radius: 2px;
bottom: 10px;
color: #fff;
content: attr(data-badge-text);
font-size: 11px;
padding: 2px 6px;
pointer-events: none;
position: absolute;
right: 10px;
z-index: 3;
}
.plyr__ads::after:empty {
display: none;
}
.plyr__cues {
background: currentColor;
display: block;
height: 5px;
left: 0;
margin: -2.5px 0 0;
opacity: 0.8;
position: absolute;
top: 50%;
width: 3px;
z-index: 3;
}
.plyr__preview-thumb {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 3px;
bottom: 100%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
margin-bottom: 10px;
opacity: 0;
padding: 3px;
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(0.8);
transform-origin: 50% 100%;
transition:
transform 0.2s 0.1s ease,
opacity 0.2s 0.1s ease;
z-index: 2;
}
.plyr__preview-thumb--is-shown {
opacity: 1;
transform: translate(0, 0) scale(1);
}
.plyr__preview-thumb::before {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(255, 255, 255, 0.9);
bottom: -4px;
content: "";
height: 0;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 0;
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: #b7c5cd;
border-radius: 2px;
overflow: hidden;
position: relative;
z-index: 0;
}
.plyr__preview-thumb__image-container img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
position: absolute;
top: 0;
width: 100%;
}
.plyr__preview-thumb__time-container {
bottom: 6px;
left: 0;
position: absolute;
right: 0;
white-space: nowrap;
z-index: 3;
}
.plyr__preview-thumb__time-container span {
background-color: rgba(0, 0, 0, 0.55);
border-radius: 2px;
color: #fff;
font-size: 14px;
padding: 3px 6px;
}
.plyr__preview-scrubbing {
bottom: 0;
filter: blur(1px);
height: 100%;
left: 0;
margin: auto;
opacity: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
transition: opacity 0.3s ease;
width: 100%;
z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
opacity: 1;
}
.plyr__preview-scrubbing img {
height: 100%;
left: 0;
max-height: none;
max-width: none;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 0;
width: 100%;
}
.plyr--no-transition {
transition: none !important;
}
.plyr__sr-only {
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
border: 0 !important;
height: 1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.plyr [hidden] {
display: none !important;
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
background-color: rgba(120, 130, 140, 0.0);
}
.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
background-color: rgba(120, 130, 140, 0.0);
}
.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
background-color: rgba(120, 130, 140, 0.0);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
background-color: rgba(120, 130, 140, 0.0);
}
.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
border-radius: 1px;
height: 2px;
}
.plyr--full-ui input[type="range"]::-moz-range-track {
border-radius: 1px;
height: 2px;
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
border-radius: 1px;
height: 2px;
}
.plyr--full-ui input[type="range"]::-ms-track {
border-radius: 1px;
height: 2px;
}
.plyr--full-ui input[type="range"]::-ms-fill-upper {
border-radius: 1px;
height: 2px;
}
.plyr--full-ui input[type="range"]::-ms-fill-lower {
border-radius: 1px;
height: 2px;
}
.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
height: 8px;
width: 8px;
margin-top: -3px;
}
.plyr--full-ui input[type="range"]::-moz-range-thumb {
height: 8px;
width: 8px;
}
.plyr--full-ui input[type="range"]::-ms-thumb {
height: 8px;
width: 8px;
}
.plyr--full-ui input[type="range"] {
border-radius: 16px;
height: 0px;
}
.plyr__progress {
left: 0;
margin: 0 1rem;
}
.plyr__progress input[type="range"],
.plyr__progress__buffer {
margin-left: -4px;
margin-right: -4px;
width: calc(100% + 8px);
}
.plyr__progress__buffer {
margin-top: -1px;
height: 2px;
}
.plyr {
font-family: inherit;
font-size: 12px;
border-radius: inherit;
position: relative;
}
.plyr button {
display: block;
height: auto;
margin: 0 0.25rem;
}
.btn-play {
width: 2.5rem;
height: 2.5rem;
border-radius: 100%;
display: inline-block;
font-size: 0;
padding: 0 !important;
position: relative;
outline: 0;
vertical-align: middle;
background-color: #fff;
color: #333;
transition:
box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
outline: 0 !important;
}
.btn-play:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-4px, -50%);
border: 6px solid transparent;
border-left-color: currentColor;
border-left-width: 10px;
box-sizing: border-box;
}
.btn-play.active:before {
width: 10px;
height: 10px;
border-top-width: 0;
border-bottom-width: 0;
border-left-width: 3px;
border-right-width: 3px;
border-color: currentColor;
transform: translate(-50%, -50%) rotate(180deg);
}
.btn-play:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
transform: translate3d(0, -1px, 0);
}
.is-buffering [data-plyr="play"] {
min-width: 32px;
min-height: 32px;
}
.is-buffering .btn-play.active:after,
.is-buffering [data-plyr="play"]:after {
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
border: 2px solid;
border-left-color: transparent;
border-radius: 100%;
opacity: 0.5;
transform: translateZ(0);
animation: loading 1s linear infinite;
}
.is-buffering .plyr-theme-0 [data-plyr="play"] svg,
.is-buffering .plyr-theme-1 [data-plyr="play"] svg {
display: none;
}
.is-buffering .plyr-theme-0 [data-plyr="play"]:after,
.is-buffering .plyr-theme-1 [data-plyr="play"]:after {
left: 6px;
right: 6px;
top: 6px;
bottom: 6px;
}
.plyr-playlist .plyr__controls {
color: inherit !important;
background: inherit;
padding: 12px;
}
.plyr-playlist .plyr__captions {
display: none;
}
.plyr-playlist .plyr__controls .plyr__control svg {
-webkit-filter: none !important;
filter: none !important;
}
.plyr-playlist .plyr__progress input[type="range"],
.plyr-playlist .plyr__progress__buffer {
margin-left: 0;
margin-right: 0;
width: 100%;
box-shadow: none !important;
}
.plyr-playlist .plyr__progress__buffer {
color: rgba(120, 130, 140, 0.2);
}
.plyr-playlist .plyr__timer {
display: flex;
margin: 0 1rem;
}
.plyr-playlist .plyr__time {
font-size: 11px;
opacity: 0.5;
margin: 0 4px;
text-shadow: none !important;
}
.plyr__volume input[type="range"] {
margin: 0 4px;
}
.plyr__row {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-align: center;
align-items: center;
}
.plyr__col {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
}
.plyr__col .plyr__progress {
margin-left: 1rem;
flex: 1;
}
.plyr__control.plyr__tab-focus,
.plyr__control:hover,
.plyr__control[aria-expanded="true"] {
background-color: transparent !important;
color: inherit !important;
box-shadow: none !important;
}
.plyr__control + .plyr__poster {
margin-left: 0.5rem;
}
.is--repeat svg,
.is--shuffle svg {
fill: #c02afe;
}
.btn-like svg {
fill: none;
width: 16px;
height: 16px;
stroke-width: 2;
stroke: currentColor;
}
.btn-like.active svg:hover,
{
fill: var(--body-bg-color);
}
.plyr__author,
.plyr__title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
height: 18px;
line-height: 18px;
font-size: 17px;
margin-bottom: 3px;
}
.plyr__author {
opacity: 0.6;
font-size: 15px;
}
.plyr-playlist .plyr-list {
width: 480px;
height: 600px;
max-height: calc(100vh - 11rem);
position: absolute;
z-index: 900;
bottom: calc(100% + 1rem);
right: 1rem;
color: #333;
background-color: #fff;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
background-clip: padding-box;
pointer-events: none;
opacity: 0;
transform: translate3d(0, 1rem, 0);
transition:
opacity 0.2s,
transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.plyr-playlist.open .plyr-list {
transform: translate3d(0, 0, 0);
pointer-events: inherit;
opacity: 1;
}
.plyr-playlist {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif;
color: currentColor;
background-color: inherit;
}
.plyr-playlist.fixed-bottom {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 100000000;
border-top: 1px solid rgba(25, 25, 25, 0.05);
background-clip: padding-box;
}
.plyr-list {
display: flex;
flex-direction: column;
position: relative;
}
.plyr-list:after {
content: "";
display: block;
border: 6px solid transparent;
border-top-color: #fff;
border-top-width: 8px;
position: absolute;
bottom: -13px;
right: 0.75rem;
}
.plyr-list-header {
padding: 1rem 1rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
display: flex;
align-items: center;
}
.plyr-list-header h4 {
font-size: 1rem;
margin: 0;
flex: 1;
}
.plyr-list-header .close {
padding: 0 0.5rem !important;
font-size: 1.25rem !important;
opacity: 0.5;
}
.plyr-clear {
height: 1.5rem;
padding: 0.25rem 0.5rem;
background-color: transparent;
color: inherit;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.05);
font-size: 12px;
}
.plyr-list-content {
flex: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.plyr-list-empty {
padding: 1rem 5rem;
text-align: center;
color: #888;
}
.plyr-item {
display: -ms-flexbox;
display: flex;
padding: 0.5rem 1rem;
cursor: pointer;
position: relative;
align-items: center;
font-size: 11px;
border-bottom: 1px solid rgba(0, 0, 0, 0.025);
}
.plyr-item.active {
background-color: #f9f9f9;
border-bottom-color: transparent;
}
.plyr-list .close {
background: 0 0;
color: inherit;
line-height: 1;
font-weight: 400;
font-size: 1rem;
border: none;
cursor: pointer;
height: auto;
padding: 0.5rem;
}
.plyr-item .close {
display: none;
}
.plyr-item:active .close,
.plyr-item:hover .close {
display: block;
}
.plyr-item .btn-play {
width: 24px;
height: 24px;
display: none;
margin: 4px;
background: #fff !important;
border: none;
}
.plyr-item.active .btn-play,
.plyr-item:active .btn-play,
.plyr-item:hover .btn-play {
display: block;
}
.plyr-item .btn-like {
height: auto;
line-height: 0;
}
.plyr-item .plyr-item-poster {
border-radius: 2px;
background-size: cover;
background-position: 50% 50%;
background-color: rgba(110, 120, 130, 0.1);
flex: 0;
width: 32px;
height: 32px;
min-width: 32px;
}
.plyr-item .plyr-item-content {
font-size: 11px;
padding: 0 1rem;
flex: 1;
}
.plyr-item .plyr-item-title {
display: block;
font-size: 12px;
overflow: hidden;
height: 1rem;
text-overflow: ellipsis;
flex: 1;
}
.plyr-item .plyr-item-author {
opacity: 0.5;
}
.plyr-theme-0 .plyr__author {
padding: 0 4px;
}
.plyr-theme-2 .plyr__progress {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
top: -8px;
}
.plyr-theme-2 [data-plyr="play"] {
border-radius: 100%;
padding: 3px;
}
.plyr-playlist .plyr--video {
overflow: visible;
background-color: transparent;
min-height: 4rem;
background-color: inherit;
position: relative;
}
.plyr-playlist .plyr__video-wrapper {
padding-bottom: 4rem;
background-color: inherit;
}
.plyr-playlist .plyr__video-wrapper:after {
content: "";
display: block;
position: absolute;
width: 1.5rem;
height: 1.5rem;
border: 2px solid;
border-radius: 50%;
border-right-color: transparent;
opacity: 0.35;
left: 50%;
top: 50%;
margin-left: -0.75rem;
margin-top: -0.75rem;
-webkit-animation: loading 0.75s linear infinite;
animation: loading 0.75s linear infinite;
}
.plyr__controls + .plyr__video-wrapper {
padding-bottom: 0 !important;
}
.plyr__controls-show-video + .plyr__video-wrapper {
position: fixed;
z-index: 2;
left: 0;
top: 0;
bottom: 4rem;
height: calc(100% - 4rem);
width: 100%;
background-color: rgba(0, 0, 0, 0.35);
}
.plyr__controls-show-video + .plyr__video-wrapper:after {
display: none;
}
.plyr-playlist [data-plyr="download"],
.plyr-playlist [data-plyr="purchase"],
.plyr-playlist [data-plyr="video"] {
display: none;
}
.plyr-playlist .plyr--video [data-plyr="video"] {
display: block;
}
@media (max-width: 960px) {
.plyr-playlist .plyr__volume {
display: none !important;
margin: 0;
}
}
@media (max-width: 768px) {
.plyr-playlist .add_to_cart_button,
.plyr-playlist .plyr__time,
.plyr-playlist [data-plyr="mute"],
.plyr-playlist [data-plyr="purchase"],
.plyr-playlist [data-plyr="repeat"],
.plyr-playlist [data-plyr="shuffle"] {
display: none !important;
margin: 0;
}
.plyr-playlist .plyr__progress {
position: absolute;
left: 0;
right: 0;
top: -8px;
margin: 0 !important;
}
.plyr-playlist .plyr-list {
width: auto;
left: 1rem;
}
.plyr button {
display: block;
height: auto;
margin: 0;
}
.plyr-playlist .plyr--video [data-plyr="video"] {
position: absolute;
left: 3rem;
}
}
@keyframes loading {
0% {
transform: translateZ(0) rotate(0);
}
100% {
transform: translateZ(0) rotate(359deg);
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.tooltip-inner {
max-width: 200px;
padding: 0.5rem 1rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.125rem;
}
.bs-tooltip-auto[x-placement^="top"],
.bs-tooltip-top {
padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
bottom: 0;
}
.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.bs-tooltip-top .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-auto[x-placement^="right"],
.bs-tooltip-right {
padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow,
.bs-tooltip-right .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-auto[x-placement^="bottom"],
.bs-tooltip-bottom {
padding: 0.4rem 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow,
.bs-tooltip-bottom .arrow {
top: 0;
}
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-auto[x-placement^="left"],
.bs-tooltip-left {
padding: 0 0.4rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow,
.bs-tooltip-left .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.bs-tooltip-left .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.25),
0 0 1px rgba(0, 0, 0, 0.35);
border-radius: 0.3rem;
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem;
}
.popover .arrow::after,
.popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-auto[x-placement^="top"],
.bs-popover-top {
margin-bottom: 0.5rem;
}
.bs-popover-auto[x-placement^="top"] > .arrow,
.bs-popover-top > .arrow {
bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-auto[x-placement^="top"] > .arrow::before,
.bs-popover-top > .arrow::before {
bottom: 0;
border-width: 0.5rem 0.5rem 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="top"] > .arrow::after,
.bs-popover-top > .arrow::after {
bottom: 1px;
border-width: 0.5rem 0.5rem 0;
border-top-color: #fff;
}
.bs-popover-auto[x-placement^="right"],
.bs-popover-right {
margin-left: 0.5rem;
}
.bs-popover-auto[x-placement^="right"] > .arrow,
.bs-popover-right > .arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^="right"] > .arrow::before,
.bs-popover-right > .arrow::before {
left: 0;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="right"] > .arrow::after,
.bs-popover-right > .arrow::after {
left: 1px;
border-width: 0.5rem 0.5rem 0.5rem 0;
border-right-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"],
.bs-popover-bottom {
margin-top: 0.5rem;
}
.bs-popover-auto[x-placement^="bottom"] > .arrow,
.bs-popover-bottom > .arrow {
top: calc((0.5rem + 1px) * -1);
}
.bs-popover-auto[x-placement^="bottom"] > .arrow::before,
.bs-popover-bottom > .arrow::before {
top: 0;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="bottom"] > .arrow::after,
.bs-popover-bottom > .arrow::after {
top: 1px;
border-width: 0 0.5rem 0.5rem 0.5rem;
border-bottom-color: #fff;
}
.bs-popover-auto[x-placement^="bottom"] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7;
}
.bs-popover-auto[x-placement^="left"],
.bs-popover-left {
margin-right: 0.5rem;
}
.bs-popover-auto[x-placement^="left"] > .arrow,
.bs-popover-left > .arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
.bs-popover-auto[x-placement^="left"] > .arrow::before,
.bs-popover-left > .arrow::before {
right: 0;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[x-placement^="left"] > .arrow::after,
.bs-popover-left > .arrow::after {
right: 1px;
border-width: 0.5rem 0 0.5rem 0.5rem;
border-left-color: #fff;
}
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529;
}
.dropdown-toggle {
cursor: pointer;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.3em;
vertical-align: middle;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent;
}
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="top"] {
right: auto;
bottom: auto;
}
.dropdown-menu ul {
display: block !important;
list-style: none;
padding: 0;
}
.dropdown-item,
.dropdown-menu li a {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #333;
border-radius: 0;
}
.dropdown-item:hover {
color: inherit;
background-color: rgba(0, 0, 0, 0.05);
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.dropdown-term-filter {
max-height: 20rem;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
}
.dropdown-term-filter::-webkit-scrollbar {
display: none;
}
.dropdown-term-filter ul ul {
margin-bottom: 0.5rem;
}
.dropdown-term-filter ul:not(.children) > li > a {
border-bottom: 1px solid #eee;
color: #999;
}
.fade {
transition: opacity 0.15s linear;
}
.fade:not(.show) {
opacity: 0;
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
max-width: 500px;
margin: 1.75rem auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 3.5rem);
}
.modal-loading .modal-dialog {
max-width: 5rem !important;
}
.modal-loading .modal-body {
padding: 2rem 2rem;
}
.modal.fade .modal-dialog {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition:
transform 0.3s ease-out,
-webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none;
}
.modal-content {
position: relative;
width: 100%;
pointer-events: auto;
color: #222;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-body,
.modal-footer,
.modal-header {
padding: 2rem 3rem;
}
.modal-title {
margin: 0;
font-size: 1rem;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal .close {
background-color: transparent;
color: inherit;
position: absolute;
right: 0;
top: 0;
display: inline-block;
padding: 2rem 1.5rem;
font-size: 1.25rem;
opacity: 0.5;
line-height: 0;
border: none;
}
.modal-loading .close {
display: none;
}
@media (min-width: 576px) {
.modal-sm .modal-dialog {
max-width: 300px;
}
}
.btn-follow .following {
display: none;
}
.btn-follow.active .follow {
display: none;
}
.btn-follow.active .following {
display: inline;
}
.block-loop-item .btn-follow {
height: 1.125rem;
padding: 0 0.5rem;
font-size: 12px;
border-radius: 3px;
vertical-align: text-bottom;
margin: 0 0.5rem;
}
.is-album + .dropdown-menu .btn-playlist {
display: none;
}
.btn-edit,
.btn-remove {
display: none;
}
.is-editable + .dropdown-menu .btn-edit,
.is-editable + .dropdown-menu .btn-remove {
display: block;
}
span.tag {
display: inline-block;
font-size: 0.8125em;
background: #444;
color: #fff;
border-radius: 50px;
padding: 0.5em 1em;
margin: 1px 2px;
line-height: 1;
}
span.tag span:after {
display: inline-block;
content: "\00d7";
width: 12px;
text-align: center;
cursor: pointer;
}
.file-upload {
position: relative;
display: flex;
}
.file-upload input[type="file"] {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
}
.file-upload .pos {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
z-index: 2;
background-color: rgba(50, 50, 50, 0.25);
color: #fff;
text-align: center;
}
.file-upload button {
white-space: nowrap;
}
.file-upload:focus .pos,
.file-upload:hover .pos {
opacity: 1;
}
.file-upload .post-thumbnail:after {
padding-top: 100%;
}
.file-upload .avatar {
left: 0;
border-radius: 50%;
vertical-align: middle;
}
.file-upload .post-thumbnail {
width: 100%;
position: relative;
padding: 0;
border-radius: 4px;
margin-bottom: 1rem;
}
.file-upload .post-thumbnail.circle {
border-radius: 50%;
}
.file-upload .post-thumbnail:after {
content: "";
display: block;
padding-top: 100%;
}
.file-upload .post-thumbnail img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
#downloadable:checked ~ input {
display: block !important;
}
.bootstrap-tagsinput {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.bootstrap-tagsinput input {
flex: 1;
}
#login-form {
font-size: 0.9375rem;
max-width: 32rem;
margin: 5rem auto;
}
#login-form form {
display: none;
}
#login-form .input {
width: 100%;
}
#login-form [class*="btn-"] {
display: block;
margin: 0.25rem 0;
}
#login-form .message {
color: #3c3;
margin: 1rem 0;
}
#login-form .message #login_error,
.error,
.required {
color: #f35;
}
.success {
color: #390;
}
#login-form .message #login_error a {
display: none;
}
#login-modal #login-form {
margin: 0;
}
#login-modal #loginform {
display: block;
}
#login-modal h2 {
margin-top: 0;
}
#playlist-form .entry-title {
font-size: 12px !important;
}
#playlist-form form {
display: flex;
align-items: center;
}
#playlist-form form input {
flex: 1;
width: 1%;
margin: 0 0.5rem;
}
#share-modal .input {
width: 100%;
}
.share-list {
display: flex;
justify-content: center;
}
.share-list a {
width: 3.5rem;
height: 3.5rem;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #efefef;
border-radius: 100%;
margin: 4px;
transition: background-color 0.2s;
}
.share-list a:hover {
background-color: #000;
color: #fff;
}
.loop-filter {
display: flex;
margin-bottom: 2rem;
}
.loop-filter-item + .loop-filter-item {
margin: 0 1rem;
}