:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87
}
#start-resizable-editor-section {
display: none
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border: none;
border-radius: 28px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
color: #fff
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
.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
}
.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline {
color: #32373c;
background-color: transparent;
border: 2px solid
}
.wp-block-buttons .wp-block-button {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px
}
.wp-block-buttons .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: 8px
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: 8px
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0
}
.wp-block-button.aligncenter, .wp-block-buttons.aligncenter, .wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td, .wp-block-calendar th {
padding: 4px;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar tfoot a {
color: #007cba;
color: var(--wp-admin-theme-color)
}
.wp-block-calendar table caption, .wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-columns {
display: flex;
margin-bottom: 28px;
flex-wrap: wrap
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap
}
}
.wp-block-columns.has-background {
padding: 20px 38px
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width: 599px) {
.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-column {
flex-basis: calc(50% - 16px) !important;
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 32px
}
}
@media (min-width: 782px) {
.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 32px
}
}
.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
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: 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-cover, .wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 16px
}
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion: reduce) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
background-color: #000
}
.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__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient):before, .wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .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__gradient-background {
opacity: .5
}
.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:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
opacity: .1
}
.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:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
opacity: .2
}
.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:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
opacity: .3
}
.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:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
opacity: .4
}
.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:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
opacity: .5
}
.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:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
opacity: .6
}
.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:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
opacity: .7
}
.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:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
opacity: .8
}
.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:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
opacity: .9
}
.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:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
opacity: 1
}
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright {
max-width: 290px;
width: 100%
}
.wp-block-cover-image:after, .wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (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: calc(100% - 70px);
z-index: 1;
color: #fff
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .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 .wp-block-subhead: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__video-background {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
object-fit: cover
}
.wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2 {
color: #fff
}
.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 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 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: 580px;
padding: 14px;
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-embed {
margin-bottom: 1em
}
.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-6 .wp-block-embed__wrapper:before {
padding-top: 66.66%
}
.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.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file * + .wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid, .wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 16px 16px 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative
}
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent)
}
.blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img, .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
object-fit: cover
}
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
width: calc(50% - 16px)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width: 600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc(33.33333% - 10.66667px);
margin-right: 16px
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - 12px);
margin-right: 16px
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc(20% - 12.8px);
margin-right: 16px
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc(16.66667% - 13.33333px);
margin-right: 16px
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc(14.28571% - 13.71429px);
margin-right: 16px
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc(12.5% - 14px);
margin-right: 16px
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-right: 0
}
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 0
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-right: 0
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-right: 0
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-right: 0
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
max-width: 290px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure, .wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
padding: 20px 38px
}
.wp-block-image {
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
display: table
}
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > 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
}
.is-style-circle-mask img, .is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.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-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
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: 52px
}
.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: 14px;
line-height: 1.8;
margin: 5px 0 20px
}
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px
}
.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
border-radius: 24px;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px
}
.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
}
.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 20px 20px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - 20px)
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - 20px)
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - 20px)
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 20px)
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 20px)
}
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
margin-bottom: 20px
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns:50% 1fr;
-ms-grid-rows: auto;
grid-template-rows:auto
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
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 {
-ms-grid-row-align: start;
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 {
-ms-grid-row-align: center;
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 {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
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*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text__media img, .wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill figure.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 {
-ms-grid-columns: 100% !important;
grid-template-columns:100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
}
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color), .wp-block-navigation .wp-block-navigation-link:not(.has-text-color) {
color: #1e1e1e
}
.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container, .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
background-color: #fff
}
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) {
color: #fff
}
.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container {
background-color: #1e1e1e
}
.items-justified-left > ul {
justify-content: flex-start
}
.items-justified-center > ul {
justify-content: center
}
.items-justified-right > ul {
justify-content: flex-end
}
.wp-block-navigation-link {
display: flex;
align-items: center;
position: relative;
margin: 0
}
.wp-block-navigation-link .wp-block-navigation__container:empty {
display: none
}
.wp-block-navigation__container {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap
}
.is-vertical .wp-block-navigation__container {
display: block
}
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0, 0, 0, .15);
background-color: inherit;
color: inherit;
position: absolute;
left: 0;
top: 100%;
width: fit-content;
z-index: 1;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
flex-grow: 1
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
padding-right: 8px
}
@media (min-width: 782px) {
.has-child .wp-block-navigation__container {
left: 24px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container {
left: 100%;
top: -1px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: 8px;
background: transparent
}
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(0)
}
}
.has-child:hover {
cursor: pointer
}
.has-child:hover > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.has-child:focus-within {
cursor: pointer
}
.has-child:focus-within > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.wp-block-navigation-link__content {
text-decoration: none;
padding: 8px 16px
}
.wp-block-navigation-link__content + .wp-block-navigation-link__content {
padding-top: 0
}
.has-text-color .wp-block-navigation-link__content {
color: inherit
}
.wp-block-navigation-link__label {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: 6px 16px
}
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor
}
@media (min-width: 782px) {
.wp-block-navigation-link__submenu-icon svg {
transform: rotate(90deg)
}
}
.is-small-text {
font-size: 14px
}
.is-regular-text {
font-size: 16px
}
.is-large-text {
font-size: 36px
}
.is-larger-text {
font-size: 48px
}
.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-background {
padding: 20px 38px
}
p.has-text-color a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
line-height: 1.5
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 16px
}
.wp-block-post-author__bio {
margin-bottom: 8px;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 290px
}
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 20px
}
.wp-block-pullquote p {
font-size: 28px;
line-height: 1.6
}
.wp-block-pullquote cite, .wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin: 0 0 16px;
padding: 0 1em
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 24px;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
font-size: 18px;
text-align: right
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(50% - 16px)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 16px)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 16px)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 16px)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 16px)
}
}
.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-search {
display: flex;
flex-wrap: wrap
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
max-width: 360px
}
.wp-block-search .wp-block-search__button {
margin-left: 10px
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-social-links {
display: flex;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
margin-left: 0
}
.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-social-link {
display: block;
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 8px;
transition: transform .1s ease
}
@media (prefers-reduced-motion: reduce) {
.wp-social-link {
transition-duration: 0s
}
}
.wp-social-link a {
padding: 6px;
display: block;
line-height: 0;
transition: transform .1s ease
}
.wp-social-link a, .wp-social-link a:active, .wp-social-link a:hover, .wp-social-link a:visited, .wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.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-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: #fe4500;
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-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-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;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 28px;
height: 28px
}
.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-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: #fe4500
}
.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-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-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.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: 16px;
padding-right: 16px
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.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-text-columns, .wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
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%
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
max-width: 100%
}
@supports ((position:-webkit-sticky) or (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
}
:root .editor-styles-wrapper .has-pale-pink-background-color, :root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-background-color, :root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color, :root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color, :root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-background-color, :root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-background-color, :root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-background-color, :root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color, :root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-background-color, :root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .editor-styles-wrapper .has-white-background-color, :root .has-white-background-color {
background-color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-background-color, :root .has-very-light-gray-background-color {
background-color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, :root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-background-color, :root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .editor-styles-wrapper .has-black-background-color, :root .has-black-background-color {
background-color: #000
}
:root .editor-styles-wrapper .has-pale-pink-color, :root .has-pale-pink-color {
color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-color, :root .has-vivid-red-color {
color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-color, :root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-color, :root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-color, :root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-color, :root .has-vivid-green-cyan-color {
color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-color, :root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-color, :root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-color, :root .has-vivid-purple-color {
color: #9b51e0
}
:root .editor-styles-wrapper .has-white-color, :root .has-white-color {
color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-color, :root .has-very-light-gray-color {
color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-color, :root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-color, :root .has-very-dark-gray-color {
color: #313131
}
:root .editor-styles-wrapper .has-black-color, :root .has-black-color {
color: #000
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background, :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg, #0693e3, #9b51e0)
}
:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background, :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background, :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg, #7adcb4, #00d082)
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background, :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg, #fcb900, #ff6900)
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background, :root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg, #ff6900, #cf2e2e)
}
:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background, :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg, #eee, #a9b8c3)
}
:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background, :root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c)
}
:root .editor-styles-wrapper .has-blush-light-purple-gradient-background, :root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg, #ffceec, #9896f0)
}
:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background, :root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e)
}
:root .editor-styles-wrapper .has-purple-crush-gradient-background, :root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:root .editor-styles-wrapper .has-luminous-dusk-gradient-background, :root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0)
}
:root .editor-styles-wrapper .has-hazy-dawn-gradient-background, :root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:root .editor-styles-wrapper .has-pale-ocean-gradient-background, :root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5)
}
:root .editor-styles-wrapper .has-electric-grass-gradient-background, :root .has-electric-grass-gradient-background {
background: linear-gradient(135deg, #caf880, #71ce7e)
}
:root .editor-styles-wrapper .has-subdued-olive-gradient-background, :root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:root .editor-styles-wrapper .has-atomic-cream-gradient-background, :root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:root .editor-styles-wrapper .has-nightshade-gradient-background, :root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:root .editor-styles-wrapper .has-midnight-gradient-background, :root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
:root .editor-styles-wrapper .has-link-color a, :root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link, #00e)
}
.editor-styles-wrapper .has-small-font-size, .has-small-font-size {
font-size: 13px
}
.editor-styles-wrapper .has-normal-font-size, .editor-styles-wrapper .has-regular-font-size, .has-normal-font-size, .has-regular-font-size {
font-size: 16px
}
.editor-styles-wrapper .has-medium-font-size, .has-medium-font-size {
font-size: 20px
}
.editor-styles-wrapper .has-large-font-size, .has-large-font-size {
font-size: 36px
}
.editor-styles-wrapper .has-huge-font-size, .editor-styles-wrapper .has-larger-font-size, .has-huge-font-size, .has-larger-font-size {
font-size: 42px
}
.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
}
.editor-styles-wrapper {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", 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
}
.ui-sortable-handle {
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
}
.wp-block-loop {
position: relative;
--grid-gap: 20px;
--grid-rows: 1;
--grid-columns: 2
}
.block-loop-items {
--grid-auto-cols: calc((100% - (var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns));
margin-bottom: 1.5rem;
list-style: none;
display: grid;
grid-gap: var(--grid-gap);
grid-template-columns:repeat(auto-fill, minmax(var(--grid-auto-cols), 1fr))
}
.block-loop-slider, [data-plugin=slider] {
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-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
}
.block-loop-items::-webkit-scrollbar {
display: none
}
.block-loop-slider .entry-content > *, [data-plugin=slider] .entry-content > * {
width: 100% !important;
max-width: 100% !important
}
.block-loop-slider > * {
scroll-snap-align: start
}
@media only screen and (min-width: 420px) {
.wp-block-loop {
--grid-columns: 3
}
}
@media only screen and (min-width: 1000px) {
.wp-block-loop {
--grid-columns: 4
}
}
@media only screen and (min-width: 1260px) {
.wp-block-loop {
--grid-columns: 5
}
.block-loop-items {
--grid-columns: var(--grid-cols)
}
}
.block-loop-subtitle {
font-size: 14px;
color: #888;
line-height: 1.6;
text-transform: none;
display: block
}
.block-loop-nav {
opacity: 0;
transition: opacity .2s;
position: absolute;
display: flex;
z-index: 5;
height: 0;
width: calc(100% + 2.5rem);
left: -1.25rem;
top: calc(50% - 1.25rem)
}
.wp-block-loop:not(.block-loop-overlay) .block-loop-nav {
top: calc(50% - 3rem)
}
.wp-block-loop:not(.block-loop-overlay) .block-loop-title ~ .block-loop-nav {
top: 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
}
.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 !important;
max-width: 100% !important;
border-radius: 4px;
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% !important;
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 0 4px 0;
font-size: .9375rem;
font-weight: 400;
letter-spacing: 0
}
.block-loop-item .entry-meta {
display: block;
font-size: .8125rem;
line-height: 1;
margin-bottom: 0;
color: #888
}
.block-loop-item .author, .block-loop-item .entry-artist, .block-loop-item .entry-meta, .block-loop-item .entry-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.block-loop-item .entry-meta > span {
margin: 0
}
.block-loop-item .post-thumbnail {
width: 100%;
position: relative;
margin: 0;
padding: 0;
border-radius: 4px;
background-color: rgba(110, 120, 130, .2)
}
.wp-block-loop-user .post-thumbnail {
width: 80% !important;
margin: 10% 10% 0 10%;
border-radius: 50% !important
}
.block-loop-item .post-thumbnail a {
border-radius: inherit
}
.block-loop-item .post-thumbnail .avatar, .block-loop-item .post-thumbnail img {
border-radius: inherit;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover
}
.block-loop-item .post-thumbnail br, .block-loop-item .post-thumbnail p {
display: none
}
.block-loop-item .post-thumbnail:after {
padding-top: 100%;
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: 4px;
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
}
.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
}
.btn-download, .btn-purchase, button.btn-like, button.btn-more {
display: inline-flex;
align-items: center;
padding: .5rem;
line-height: 1;
color: inherit !important;
background-color: transparent !important;
border: none;
outline: 0 !important
}
.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 {
color: #888;
font-size: 12px;
margin: 0 .5rem
}
.block-loop-item .entry-footer {
display: none;
margin: 0 !important
}
.block-loop-item .waveform {
width: 100%;
margin-top: 1rem;
margin-bottom: 0
}
.block-loop-index.block-loop-row .waveform:before {
content: "";
display: inline-block;
min-width: 2.25rem
}
.wp-block-loop-user .entry-header {
text-align: center
}
.wp-block-loop-user .post-thumbnail {
border-radius: 50%
}
.post-thumbnail-21x9 .post-thumbnail:after {
padding-top: 42.857143%
}
.post-thumbnail-16x9 .post-thumbnail:after {
padding-top: 56.25%
}
.post-thumbnail-4x3 .post-thumbnail:after {
padding-top: 75%
}
.post-thumbnail-2x3 .post-thumbnail:after {
padding-top: 150%
}
.post-thumbnail-3x4 .post-thumbnail:after {
padding-top: 133.33333%
}
.post-thumbnail-1x2 .post-thumbnail:after {
padding-top: 200%
}
.post-thumbnail-2x1 .post-thumbnail:after {
padding-top: 50%
}
.post-thumbnail-3x1 .post-thumbnail:after {
padding-top: 33%
}
.post-thumbnail-4x1 .post-thumbnail:after {
padding-top: 25%
}
.post-thumbnail-1-4 .post-thumbnail:after {
padding-top: 25vh;
min-height: 10rem
}
.post-thumbnail-1-3 .post-thumbnail:after {
padding-top: 33vh;
min-height: 12.5rem
}
.post-thumbnail-1-2 .post-thumbnail:after {
padding-top: 50vh;
min-height: 15rem
}
.block-loop-row {
--grid-columns: 1
}
.block-loop-row .block-loop-item {
display: flex;
flex-direction: row;
align-items: center
}
.block-loop-row .post-thumbnail {
width: 6rem !important
}
.block-loop-xs .post-thumbnail {
width: 2.75rem !important
}
.block-loop-sm .post-thumbnail {
width: 4rem !important
}
.block-loop-lg .post-thumbnail {
width: 10rem !important
}
.block-loop-row .entry-header {
flex: 1;
overflow-x: hidden;
display: flex;
flex-wrap: wrap;
margin-left: 1rem !important
}
.rtl .block-loop-row .entry-header {
margin-left: 0 !important;
margin-right: 1rem !important
}
.album-tracks .block-loop-items {
grid-gap: 0
}
.album-tracks .entry-header {
flex-wrap: nowrap;
padding: 0 !important
}
.album-tracks .post-thumbnail {
border-radius: 2px !important;
width: 2.5rem !important;
min-width: auto !important;
margin-left: 1rem !important
}
.album-track.active:before, .album-track:hover:before {
content: '' !important;
display: inline-block;
border: .375rem solid transparent;
border-left-color: currentColor;
border-left-width: .5rem;
margin: 0 .4375rem;
min-width: .75rem !important
}
.rtl .album-tracks .post-thumbnail {
margin-left: 0 !important;
margin-right: 1rem !important
}
.album-tracks .entry-meta a, .album-tracks .entry-title a {
pointer-events: none
}
.is-album .album-tracks .post-thumbnail {
display: none
}
.block-loop-index.block-loop-row.album-tracks .block-loop-item:before {
min-width: 1.75rem
}
.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 !important;
padding-right: 0 !important;
width: auto !important
}
.block-loop-row .play-count {
white-space: nowrap;
line-height: 1;
padding: .25rem .5rem;
display: inline-flex;
align-items: center;
white-space: nowrap
}
.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: 600;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: .5;
position: absolute;
right: .75rem;
line-height: 1.4
}
.block-loop-index.block-loop-row .block-loop-item:before {
content: counter(li);
counter-increment: li;
min-width: 2.25rem;
font-weight: 600;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: .5
}
.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: 18px;
color: inherit;
font-weight: 500
}
.block-loop-overlay .entry-header .entry-meta {
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: 4px 4px 0 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
}
.wp-block-loop.alignfull {
margin-left: 2rem;
margin-right: 2rem
}
.entry-title-lg .entry-title {
font-size: 18px !important
}
.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 !important
}
.caption {
display: flex !important;
flex-direction: column;
align-items: start
}
.caption figcaption {
white-space: nowrap;
transform: rotate(-90deg);
transform-origin: top left;
margin: 0 -2rem;
font-size: 11px;
text-transform: uppercase
}
.caption-right, .caption-top {
flex-direction: column-reverse
}
.caption-top figcaption {
transform-origin: bottom left;
transform: rotate(90deg)
}
.caption-right figcaption {
transform-origin: bottom right;
transform: rotate(-90deg);
align-self: flex-end
}
.caption-bottom figcaption {
transform-origin: top right;
transform: rotate(90deg);
align-self: flex-end
}
.wp-block-block-grids, .wp-block-block-grids > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: grid;
grid-template-columns:repeat(var(--grid-cols, 12), 1fr);
grid-template-rows:repeat(var(--grid-rows, 1), auto);
grid-column-gap: var(--grid-col-gap, 0);
grid-row-gap: var(--grid-row-gap, 0)
}
.wp-block-block-grid, [data-type="block/grid"] {
grid-column-start: var(--grid-col-start, 1);
grid-column-end: var(--grid-col-end, --grid-cols);
grid-row-start: var(--grid-row-start, 1);
grid-row-end: var(--grid-row-end, 1)
}
@media (max-width: 600px) {
.wp-block-block-grids, .wp-block-block-grids > .block-editor-inner-blocks > .block-editor-block-list__layout {
grid-template-columns:repeat(var(--grid-cols-sm, 8), 1fr);
grid-template-rows:repeat(var(--grid-rows-sm, 1), auto);
grid-column-gap: var(--grid-col-gap-sm, 0);
grid-row-gap: var(--grid-row-gap-sm, 0)
}
.wp-block-block-grid, [data-type="block/grid"] {
grid-column-start: var(--grid-col-start-sm, 1);
grid-column-end: var(--grid-col-end-sm, --grid-cols);
grid-row-start: var(--grid-row-start-sm, 1);
grid-row-end: var(--grid-row-end-sm, 1)
}
}
.wp-admin .wp-block-block-grids {
--grid-rows: 1 !important
}
.wp-block-block-grids > .block-editor-inner-blocks {
grid-column-start: 1;
grid-column-end: calc(var(--grid-cols) + 1)
}
.wp-block-block-grids > .block-editor-inner-blocks > .block-editor-block-list__layout {
background-color: #f3f3f3;
min-height: 2.5rem;
background-image: repeating-linear-gradient(90deg, #fff 0 var(--grid-col-gap, 1px), transparent var(--grid-col-gap, 1px) 100%);
background-size: calc((100% + var(--grid-col-gap)) / var(--grid-cols, 1));
background-position: calc(-1 * var(--grid-col-gap, -1px))
}
.wp-block-block-grids > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender {
position: absolute;
z-index: 1000;
bottom: -32px;
left: 50%;
margin-left: -1.5rem
}
.wp-block-block-grids .block-editor-block-list__block {
margin: 0;
max-width: inherit
}
.grid-setting {
display: flex;
align-items: center
}
.grid-2-col {
display: grid;
grid-template-columns:repeat(2, 1fr);
grid-column-gap: 8px
}
.grid-2-col .components-base-control {
margin-bottom: 0
}
.wp-admin .wp-grids {
display: grid;
--grid-col-gap: 6px !important;
--grid-row-gap: 6px !important;
border: 1px solid #ddd;
border-radius: 2px;
padding: 6px;
margin-bottom: 1rem;
cursor: pointer
}
.wp-admin .wp-grid {
padding: 6px;
border-radius: 2px;
border: 1px solid #ddd;
border-radius: 3px;
cursor: pointer;
background-color: #fff
}
.wp-admin .wp-grid:not(.wp-grid-selected):hover, .wp-admin .wp-grids:not(.wp-grid-selected):hover {
border-color: #ccc
}
.wp-admin .wp-grid-selected {
border-color: #00a0d0;
box-shadow: 0 0 0 1px #00a0d0;
background-color: rgba(0, 150, 210, .1)
}
.z-index-1 {
position: relative;
z-index: 1
}
.z-index-2 {
position: relative;
z-index: 2
}
.z-index-3 {
position: relative;
z-index: 3
}
.white {
color: #222;
background-color: #fff
}
.text-white {
color: #fff
}
.h-auto {
min-height: auto !important
}
.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-9 {
font-weight: 900
}
.rounded {
border-radius: 6px
}
.no-border {
border: none
}
.no-padding {
padding: 0 !important
}
.no-margin {
margin: 0 !important
}
.is-inview {
visibility: visible !important;
opacity: 1 !important
}
.text-line {
overflow: hidden;
display: block;
white-space: nowrap
}
.text-line > span {
transform: translate3d(0, 300%, 0);
transition: transform 1.5s cubic-bezier(.425, .005, 0, 1);
white-space: pre-wrap;
display: inline-block;
transition-delay: calc(var(--n) * .015s);
will-change: transform;
backface-visibility: hidden
}
.text-line img, .text-line svg {
vertical-align: baseline
}
.text-line strong {
font-weight: inherit;
-webkit-text-stroke: none;
-webkit-text-fill-color: currentColor
}
.is-inview > .text-line > span {
transform: translate3d(0, 0, 0)
}
.text-perspective .text-line {
overflow: visible
}
.text-perspective .text-line > span {
perspective: 150vw;
transform: translate3d(0, 0, 0);
transition-delay: calc(var(--n) * .035s);
display: inline-block
}
.text-perspective .text-line > span > span {
will-change: transform;
transform-style: preserve-3d;
transform: rotate3d(0, 1, 0, 90deg);
display: inline-block
}
.text-perspective .text-line > span > span > * {
backface-visibility: hidden;
transform: rotateY(0) translateZ(4vw);
transition: opacity 1.4s cubic-bezier(.435, .015, .1, 1);
display: inline-block
}
.text-perspective.is-inview .text-line > span > span > * {
opacity: 1
}
.text-perspective.is-inview .text-line > span > span {
transform: rotate3d(0, 1, 0, .01deg);
transition: transform 1.5s cubic-bezier(.435, .015, .1, 1);
transition-delay: inherit
}
.font-serif {
font-family: serif
}
h2.has-huge-font-size {
font-size: 12vw;
letter-spacing: -.025em;
line-height: .85;
font-weight: 500
}
h3.has-large-font-size {
font-size: 8vw;
letter-spacing: -.025em;
line-height: .9;
font-weight: 500
}
h4.has-medium-font-size {
font-size: 5vw;
letter-spacing: -.025em;
line-height: .95;
font-weight: 500
}
.has-sub sub, .has-sub sup {
letter-spacing: 0;
font-size: .75vw;
font-family: -apple-system, "Helvetica Neue", Arial;
line-height: 1.2;
display: inline-block;
margin: 0 2vw;
text-transform: uppercase;
max-width: 15vw;
max-height: 8vw;
overflow: hidden;
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
vertical-align: middle;
text-align: initial
}
.text-outline {
-webkit-text-stroke: .6px currentColor;
-webkit-text-fill-color: transparent
}
.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
}
@keyframes spinner {
0% {
transform: scale(0)
}
50% {
opacity: 1
}
}
@media (max-width: 576px) {
.wp-block-loop {
--grid-gap: 10px
}
.block-loop-row:not(.album-tracks) .entry-header-inner {
flex: auto;
width: 100%
}
.block-loop-row:not(.album-tracks) .entry-footer {
width: 100% !important;
margin: .5rem -.5rem 0 !important
}
.block-loop-row .post-thumbnail {
width: 4.5rem !important
}
.block-loop-nav {
display: none
}
.modal-open .wp-block-loop-product .block-loop-slider {
overflow: visible
}
}
.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, .1)
}
@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 {
from {
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);
height: 100%;
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: calc(10px * 2);
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(calc(10px * -4));
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: calc(10px * .7);
padding: calc(var(--plyr-control-spacing, 10px) * .7);
position: relative;
transition: all .3s ease
}
.plyr__control svg {
display: block;
fill: currentColor;
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
}
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--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: calc(10px / 4);
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: calc(10px / 4);
padding-left: calc(var(--plyr-control-spacing, 10px) / 4)
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 calc(10px / 2);
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__controls:empty {
display: none
}
.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 .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: rgba(255, 255, 255, .9);
background: var(--plyr-menu-background, rgba(255, 255, 255, .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: var(--plyr-menu-arrow-size, 4px) solid transparent;
border-top-color: rgba(255, 255, 255, .9);
border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, .9));
content: '';
height: 0;
position: absolute;
right: calc(((18px / 2) + calc(10px * .7)) - (4px / 2));
right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * .7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
top: 100%;
width: 0
}
.plyr__menu__container [role=menu] {
padding: calc(10px * .7);
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-bottom: calc(calc(10px * .7) / 1.5);
padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 1.5);
padding-left: calc(calc(10px * .7) * 1.5);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
padding-right: calc(calc(10px * .7) * 1.5);
padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
padding-top: calc(calc(10px * .7) / 1.5);
padding-top: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 1.5);
-webkit-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;
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: calc(calc(10px * .7) * 4);
padding-right: calc(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: calc((calc(10px * .7) * 1.5) - 4px);
right: calc((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: currentColor
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: calc(10px * .7);
margin: calc(var(--plyr-control-spacing, 10px) * .7);
margin-bottom: calc(calc(10px * .7) / 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 2);
padding-left: calc(calc(10px * .7) * 4);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4);
position: relative;
width: calc(100% - (calc(10px * .7) * 2));
width: calc(100% - (calc(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: calc((calc(10px * .7) * 1.5) - 4px);
left: calc((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: calc(calc(10px * .7) / 2);
margin-top: calc(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: currentColor
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: calc(10px * .7);
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((calc(10px * .7) - 2) * -1);
margin-right: calc((calc(var(--plyr-control-spacing, 10px) * .7) - 2) * -1);
overflow: hidden;
padding-left: calc(calc(10px * .7) * 3.5);
padding-left: calc(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: calc(13px * 2);
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: calc((3px * 2) + 13px);
height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
margin: 0;
padding: 0;
transition: box-shadow .3s ease;
width: 100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
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;
background-image: linear-gradient(to right, currentColor 0, transparent 0);
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;
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;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
-webkit-appearance: none;
margin-top: calc(((13px - 5px) / 2) * -1);
margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1)
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
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: calc(5px / 2);
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 {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
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;
-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: calc(5px / 2);
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;
-ms-user-select: none;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
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;
-ms-user-select: none;
user-select: none;
background: currentColor
}
.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);
position: relative;
-ms-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 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 {
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-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__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: calc(768px - 1)) {
.plyr__time + .plyr__time {
display: none
}
}
.plyr__tooltip {
background: rgba(255, 255, 255, .9);
background: var(--plyr-tooltip-background, rgba(255, 255, 255, .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: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
opacity: 0;
padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(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 .1s ease, opacity .2s .1s ease;
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 rgba(255, 255, 255, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
bottom: calc(4px * -1);
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%, 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(.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: calc((18px / 2) + calc(10px * .7));
left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * .7))
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(.8);
transform-origin: 100% 100%
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: calc((18px / 2) + calc(10px * .7));
right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(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, 0) scale(1)
}
.plyr__progress {
left: calc(13px * .5);
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: calc(13px * -.5);
margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
margin-right: calc(13px * -.5);
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: calc((5px / 2) * -1);
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 25%, transparent 50%, rgba(35, 40, 47, .6) 50%, rgba(35, 40, 47, .6) 75%, transparent 75%, 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: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .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: calc(10px / 2);
margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
margin-right: calc(10px / 2);
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;
overflow: hidden
}
.plyr--video.plyr--menu-open {
overflow: visible
}
.plyr__video-wrapper {
background: #000;
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%
}
.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;
left: 0;
position: absolute;
top: 0
}
.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(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), 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: calc(10px / 2);
padding: calc(var(--plyr-control-spacing, 10px) / 2);
padding-top: calc(10px * 2);
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: calc(10px * 3.5);
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: calc(10px * 1.5);
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: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .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 rgba(255, 255, 255, .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, rgba(255, 255, 255, .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 rgba(255, 255, 255, .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, rgba(255, 255, 255, .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 rgba(255, 255, 255, .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, rgba(255, 255, 255, .5))
}
.plyr--video .plyr__progress__buffer {
color: rgba(255, 255, 255, .25);
color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
}
.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%;
position: static
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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;
font-size: var(--plyr-font-size-xlarge, 21px)
}
.plyr:-ms-fullscreen .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__video-wrapper {
height: 100%;
position: static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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__video-wrapper {
height: 100%;
position: static
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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__video-wrapper {
height: 100%;
position: static
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
display: block;
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%;
position: static
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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: rgba(255, 255, 255, .9);
background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, .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: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
opacity: 0;
padding: 3px;
padding: var(--plyr-tooltip-radius, 3px);
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .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-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 rgba(255, 255, 255, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
bottom: calc(4px * -1);
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: calc(3px - 1px);
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: calc(3px - 1px);
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;
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
}
:root {
--plyr-range-thumb-height: 8px;
--plyr-range-track-height: 2px;
--plyr-control-height: calc(var(--plyr-control-icon-size, 18px) + var(--plyr-control-spacing, 10px) * 1.4 + 20px)
}
.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;
font-size: 12px;
border-radius: inherit;
position: relative;
z-index: 1;
min-height: var(--plyr-control-height);
background-color: inherit
}
.plyr__control {
line-height: 1
}
.plyr__timer {
display: flex
}
.plyr__time {
font-size: 11px;
opacity: .5;
margin: 0 4px
}
.icon-play:after {
content: "";
display: inline-block;
border: .375em solid transparent;
border-left-color: currentColor;
border-left-width: .625em
}
.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: flex;
align-items: center
}
.btn-play {
width: 2.5rem;
height: 2.5rem;
border-radius: 100%;
display: inline-block;
padding: 0 !important;
position: relative;
outline: 0;
vertical-align: middle;
background-color: #fff;
color: #333;
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;
position: absolute;
top: 50%;
left: 50%;
border: .5em solid transparent;
border-left-color: currentColor;
border-left-width: .75em;
margin-left: .375em;
transform: translate(-50%, -50%);
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
}
.btn-play:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
transform: translate3d(0, -1px, 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
}
.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)
}
.is-buffering .fixed-bottom .plyr--video:after, .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 {
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 .fixed-bottom .plyr--video:after, .is-buffering .plyr-theme-0 [data-plyr=play]:after, .is-buffering .plyr-theme-1 [data-plyr=play]:after {
width: 18px;
height: 18px;
left: 50%;
top: 50%;
margin-left: -9px;
margin-top: -9px
}
.plyr__cues {
margin: 0;
transform: translate(0, -50%)
}
.plyr__ads {
display: none
}
.plyr--adsing .plyr__ads {
display: block
}
.plyr--adsing .plyr__controls, .plyr--adsing ~ .plyr-list-wrap {
pointer-events: none
}
.fixed-bottom.plyr-playlist .plyr__controls {
color: inherit;
background: inherit;
padding: 10px
}
.fixed-bottom.plyr-playlist .plyr__controls .plyr__poster {
position: static;
opacity: 1;
width: 2rem;
height: 2rem;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 2px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: rgba(120, 120, 120, .1)
}
.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;
width: 1%
}
.plyr__col .plyr__progress {
flex: 1;
margin: 0 1rem
}
.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__control + .plyr__poster {
margin-left: .5rem
}
.plyr__info {
margin: 0 1rem
}
.plyr__author, .plyr__title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
height: 1rem;
line-height: 1rem;
font-size: 13px
}
.plyr__author, .plyr__queue {
color: #888;
font-size: 13px
}
.plyr-volume-wrap {
display: flex
}
.plyr-volume-wrap .plyr__volume {
min-width: 0;
max-width: 0;
width: 0;
overflow: hidden;
transition: width .2s cubic-bezier(.4, 0, 1, 1), max-width .2s cubic-bezier(.4, 0, 1, 1)
}
.plyr-volume-wrap:hover .plyr__volume {
width: 110px;
max-width: 110px
}
.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;
position: relative
}
.plyr-playlist.fixed-bottom {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
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 - 11rem);
position: absolute;
bottom: calc(var(--plyr-control-height) + 1rem);
right: 1rem;
background-color: inherit;
border-radius: 3px;
border: 1px solid rgba(120, 130, 140, .15);
box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
background-clip: padding-box;
pointer-events: none;
opacity: 0;
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:after {
content: "";
display: block;
border: 6px solid transparent;
border-top-color: #fff;
border-top-width: 8px;
position: absolute;
bottom: -14px;
right: .75rem
}
.dark .plyr-list:after {
border-top-color: rgba(120, 130, 140, .15)
}
.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 {
height: 1.5rem;
padding: .25rem .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: #888
}
.plyr-item {
display: -ms-flexbox;
display: flex;
padding: .5rem 1rem;
cursor: pointer;
position: relative;
align-items: center;
font-size: 11px;
border-bottom: 1px solid rgba(0, 0, 0, .025)
}
.plyr-item.active {
background-color: rgba(120, 130, 140, .1);
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: 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, .1);
flex: 0;
width: 32px;
height: 32px;
min-width: 32px
}
.plyr-item .plyr-item-content {
font-size: 11px;
line-height: 1.4;
padding: 0 1rem;
flex: 1
}
.plyr-item .plyr-item-title {
font-size: 12px;
overflow: hidden;
height: 1rem;
text-overflow: ellipsis;
flex: 1;
word-break: break-all
}
.plyr-item .plyr-item-author {
color: #888
}
.fixed-bottom.plyr-playlist .plyr--video {
overflow: visible;
background-color: transparent;
background-color: inherit;
position: relative
}
.fixed-bottom.plyr-playlist .plyr__video-wrapper {
position: fixed;
bottom: 0;
height: calc(100% - var(--plyr-control-height));
transform: translate(0, 100%);
transition: transform .2s
}
.fixed-bottom.plyr-playlist .plyr__controls-show-video ~ .plyr__video-wrapper {
transform: translate(0, 0);
bottom: var(--plyr-control-height)
}
.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
}
.plyr-theme-0 .plyr__title:after {
content: "";
display: inline-block;
width: .5rem
}
.plyr-theme-0 .plyr__time + .plyr__time::before {
margin-right: 10px
}
.plyr-theme-2 .plyr__progress {
position: absolute;
top: 0;
left: calc(var(--plyr-range-thumb-height, 13px) * .5);
right: calc(var(--plyr-range-thumb-height, 13px) * .5);
margin: 0;
top: -7px
}
.plyr-theme-2 .plyr__info {
flex: 0 0 50%;
max-width: calc(50% - 10.5rem)
}
.plyr-theme-2 [data-plyr=play] {
border-radius: 100%;
padding: 11px;
margin: -2px .25rem
}
.plyr-theme-3 .plyr__progress__buffer {
color: rgba(255, 255, 255, .6)
}
.fixed-bottom.plyr-theme-3 {
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-3 .plyr-list-wrap {
background-color: transparent
}
.plyr-theme-3 .plyr--audio:before {
height: 0;
content: '';
display: block;
padding-bottom: 56.25% !important;
z-index: 1
}
.plyr-theme-3 .plyr__video-wrapper {
height: 0;
padding-bottom: 56.25%;
display: block !important
}
.plyr-theme-3 video {
border: 0;
left: 0;
position: absolute;
top: 0
}
.plyr-theme-3 .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;
background-size: cover;
border-radius: 0 !important
}
.fixed-bottom.plyr-theme-3 .plyr__poster {
top: 0
}
.plyr-theme-3 .plyr__poster:before {
content: "";
display: block;
padding-bottom: 56%
}
.plyr-theme-3 .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-3 .plyr__controls {
color: #fff;
background-color: #000;
top: 0;
padding: 1rem 3rem;
justify-content: space-around;
opacity: 1 !important;
transform: none !important
}
.plyr-theme-3 .plyr-list-header {
display: none
}
.plyr-theme-3 .plyr__info {
padding: .75rem 1rem;
margin: 0
}
.plyr-theme-3 .plyr__progress {
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);
margin: 0
}
.fixed-bottom.plyr-theme-3 .plyr__progress {
bottom: -7px;
left: calc(var(--plyr-range-thumb-height, 13px) * .5);
right: calc(var(--plyr-range-thumb-height, 13px) * .5);
top: auto
}
.plyr-duration-wrap {
display: flex;
justify-content: flex-start;
flex: 1
}
.fixed-bottom.plyr-theme-3 .plyr-duration-wrap {
position: absolute;
left: .5rem;
bottom: .5rem
}
.fixed-bottom.plyr-theme-3 .plyr-volume-wrap {
position: absolute;
right: .25rem;
bottom: 0;
left: auto
}
.fixed-bottom.plyr-theme-3 .plyr__volume, .fixed-bottom.plyr-theme-3 [data-plyr=captions], .fixed-bottom.plyr-theme-3 [data-plyr=fullscreen], .fixed-bottom.plyr-theme-3 [data-plyr=mini] {
display: none
}
.fixed-bottom.plyr-theme-3 [data-plyr=next] svg, .fixed-bottom.plyr-theme-3 [data-plyr=play] svg, .fixed-bottom.plyr-theme-3 [data-plyr=prev] svg {
width: 2rem;
height: 2rem
}
.fixed-bottom.plyr-theme-3 .plyr-list {
height: 0;
max-height: calc(100vh - 20rem);
border-top: 1px solid rgba(120, 130, 140, .1)
}
.fixed-bottom.plyr-theme-3 .plyr-list {
position: static;
width: auto;
transition: height .2s;
border: none;
box-shadow: none
}
.plyr-theme-3.open .plyr-list {
height: 15rem
}
.plyr-theme-3.open [data-plyr=list] svg {
transform: rotate(-180deg)
}
.plyr-theme-3 .plyr-list-header .close {
display: none
}
.fixed-bottom.plyr-theme-3 .plyr__controls > :not(.plyr__progress) {
opacity: 0
}
.fixed-bottom.plyr-theme-3 .plyr__controls:hover > :not(.plyr__progress) {
opacity: 1
}
.fixed-bottom.plyr-theme-3 .plyr__controls:hover:before {
content: "";
width: 100%;
display: block;
padding-bottom: 56%;
position: absolute;
z-index: 0;
top: 0;
background-color: rgba(0, 0, 0, .5)
}
.is-buffering .plyr-theme-3 [data-plyr=play]:after {
display: none
}
.is-buffering .plyr-theme-3 .plyr__poster:after, .is-buffering .plyr-theme-3 .plyr__video-wrapper:after {
content: "";
display: block;
position: absolute;
width: 4rem;
height: 4rem;
border: 5px solid #fff;
border-radius: 50%;
border-right-color: transparent;
left: 50%;
top: 50%;
margin-left: -2rem;
margin-top: -2rem;
-webkit-animation: loading .75s linear infinite;
animation: loading .75s linear infinite
}
.plyr .plyr__ads {
width: 320px;
height: 180px;
top: auto;
left: auto;
bottom: 100%
}
.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
}
@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] {
display: none !important;
margin: 0
}
.plyr-playlist.fixed-bottom .plyr__progress {
position: absolute;
left: 0;
right: 0;
top: -8px;
bottom: auto;
margin: 0 !important
}
.plyr-playlist.fixed-bottom .plyr-list {
width: auto;
left: 1rem
}
.plyr button {
display: block;
height: auto;
margin: 0
}
.plyr-theme-0 .plyr__info {
display: flex;
flex-direction: column;
align-items: flex-start
}
.plyr-theme-2 .plyr__info {
max-width: calc(50% - 9.5rem)
}
}
@media (max-width: 480px) {
.plyr-playlist [data-plyr=repeat], .plyr-playlist [data-plyr=shuffle] {
display: none
}
.plyr-theme-2 .plyr__info {
max-width: calc(50% - 7.5rem)
}
.fixed-bottom.plyr-theme-3 {
width: 100%;
left: 0 !important;
right: 0 !important
}
}
@media (min-width: 768px) {
:root {
--plyr-control-spacing: 1rem
}
.plyr-theme-3 {
--plyr-control-spacing: 0.5rem
}
}
@keyframes loading {
0% {
transform: rotate(0)
}
100% {
transform: 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: 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: 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(120, 130, 140, .15);
border-radius: .25rem;
text-shadow: none;
text-align: initial
}
.dropdown-toggle {
cursor: pointer
}
.button.dropdown-toggle {
padding-left: 1rem;
padding-right: 1rem
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .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[data-window] {
z-index: 5
}
.dropdown-menu[x-out-of-boundaries] {
display: none
}
.dropdown-menu ul {
display: block !important;
list-style: none;
padding: 0
}
.dropdown-item, .dropdown-menu li a {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
border-radius: 0;
font-size: 13px;
cursor: pointer
}
.dropdown-item:hover {
color: inherit;
background-color: rgba(0, 0, 0, .05)
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid rgba(120, 130, 140, .1)
}
.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: .5rem
}
.dropdown-term-filter ul:not(.children) > li > a {
border-bottom: 1px solid rgba(120, 130, 140, .1);
color: #999
}
.fade {
transition: opacity .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: .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 .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: .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: .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: .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.25rem;
padding: 0 .5rem;
font-size: 12px;
vertical-align: text-bottom;
margin: .5rem
}
.entry-cat, .entry-tag {
list-style: none;
padding: 0
}
.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;
margin-left: auto
}
.sortable-placeholder {
height: 2.5rem;
border: 1px dotted rgba(120, 130, 140, .2)
}
.track-list li {
display: flex;
margin-bottom: 4px;
cursor: move
}
.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, .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;
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
}
#downloadable:checked ~ input {
display: block !important
}
@media only screen and (min-width: 992px) {
.flex-row {
display: flex
}
.sep {
width: 3rem
}
}
#login-form {
font-size: .9375rem;
max-width: 32rem;
margin: 5rem auto
}
#login-form form {
display: none
}
#login-form .input {
width: 100%
}
#login-form [class*=btn-] {
display: block;
margin: .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 label {
margin: 0
}
#playlist-form form input {
flex: 1;
width: 1%;
margin: 0 .5rem
}
.verified {
width: .75em;
height: .75em;
display: inline-block;
background-color: #999;
color: #fff;
position: relative;
border-radius: 50%;
margin: 0 .5em;
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%
}
.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 .2s
}
.share-list a:hover {
background-color: #000;
color: #fff
}
.loop-filter {
display: flex;
margin-bottom: 2rem
}
.loop-filter-item:after {
content: "";
display: inline-block;
width: .5rem
}
.waveform {
display: flex;
align-items: center;
margin-bottom: 1.5rem
}
.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-right: auto
}
.dark .waveform-time span {
background-color: rgba(0, 0, 0, .3)
}
.rtl .waveform-time span:first-child {
margin-right: 0;
margin-left: auto
}
.waveform_wrap {
line-height: 0
}
.sep-1 {
width: .5rem
}
.editor-note {
font-size: 12px;
line-height: 1.3
}
.editor-note-title {
color: #999
}
.station-copyright {
color: #999;
font-size: 11px
}
.ranks {
list-style: none;
padding: 0;
margin-bottom: 2rem;
display: grid;
grid-template-columns:repeat(auto-fill, minmax(92px, 1fr));
gap: .75rem
}
.ranks li {
padding: 1rem;
background-color: rgba(120, 130, 140, .075);
border-radius: 4px;
display: block;
font-size: 11px;
text-align: center
}
.ranks strong {
font-size: 1.5rem;
line-height: 1.2;
display: block
}
.ranks span {
color: #888
}
form.processing {
opacity: .5;
cursor: wait;
pointer-events: none
}
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87
}
#start-resizable-editor-section {
display: none
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border: none;
border-radius: 28px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
color: #fff
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
.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
}
.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline {
color: #32373c;
background-color: transparent;
border: 2px solid
}
.wp-block-buttons .wp-block-button {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px
}
.wp-block-buttons .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: 8px
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: 8px
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0
}
.wp-block-button.aligncenter, .wp-block-buttons.aligncenter, .wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td, .wp-block-calendar th {
padding: 4px;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar tfoot a {
color: #007cba;
color: var(--wp-admin-theme-color)
}
.wp-block-calendar table caption, .wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-columns {
display: flex;
margin-bottom: 28px;
flex-wrap: wrap
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap
}
}
.wp-block-columns.has-background {
padding: 20px 38px
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width: 599px) {
.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-column {
flex-basis: calc(50% - 16px) !important;
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 32px
}
}
@media (min-width: 782px) {
.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 32px
}
}
.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
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: 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-cover, .wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 16px
}
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion: reduce) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
background-color: #000
}
.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__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient):before, .wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .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__gradient-background {
opacity: .5
}
.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:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
opacity: .1
}
.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:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
opacity: .2
}
.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:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
opacity: .3
}
.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:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
opacity: .4
}
.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:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
opacity: .5
}
.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:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
opacity: .6
}
.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:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
opacity: .7
}
.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:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
opacity: .8
}
.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:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
opacity: .9
}
.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:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
opacity: 1
}
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright {
max-width: 290px;
width: 100%
}
.wp-block-cover-image:after, .wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (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: calc(100% - 70px);
z-index: 1;
color: #fff
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .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 .wp-block-subhead: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__video-background {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
object-fit: cover
}
.wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2 {
color: #fff
}
.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 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 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: 580px;
padding: 14px;
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-embed {
margin-bottom: 1em
}
.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-6 .wp-block-embed__wrapper:before {
padding-top: 66.66%
}
.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.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file * + .wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid, .wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 16px 16px 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative
}
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent)
}
.blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img, .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
object-fit: cover
}
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
width: calc(50% - 16px)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width: 600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc(33.33333% - 10.66667px);
margin-right: 16px
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - 12px);
margin-right: 16px
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc(20% - 12.8px);
margin-right: 16px
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc(16.66667% - 13.33333px);
margin-right: 16px
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc(14.28571% - 13.71429px);
margin-right: 16px
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc(12.5% - 14px);
margin-right: 16px
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-right: 0
}
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 0
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-right: 0
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-right: 0
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-right: 0
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
max-width: 290px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure, .wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
padding: 20px 38px
}
.wp-block-image {
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
display: table
}
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > 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
}
.is-style-circle-mask img, .is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.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-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
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: 52px
}
.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: 14px;
line-height: 1.8;
margin: 5px 0 20px
}
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px
}
.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
border-radius: 24px;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px
}
.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
}
.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 20px 20px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - 20px)
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - 20px)
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - 20px)
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 20px)
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 20px)
}
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
margin-bottom: 20px
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns:50% 1fr;
-ms-grid-rows: auto;
grid-template-rows:auto
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
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 {
-ms-grid-row-align: start;
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 {
-ms-grid-row-align: center;
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 {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
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*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text__media img, .wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill figure.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 {
-ms-grid-columns: 100% !important;
grid-template-columns:100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
}
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color), .wp-block-navigation .wp-block-navigation-link:not(.has-text-color) {
color: #1e1e1e
}
.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container, .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
background-color: #fff
}
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) {
color: #fff
}
.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container {
background-color: #1e1e1e
}
.items-justified-left > ul {
justify-content: flex-start
}
.items-justified-center > ul {
justify-content: center
}
.items-justified-right > ul {
justify-content: flex-end
}
.wp-block-navigation-link {
display: flex;
align-items: center;
position: relative;
margin: 0
}
.wp-block-navigation-link .wp-block-navigation__container:empty {
display: none
}
.wp-block-navigation__container {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap
}
.is-vertical .wp-block-navigation__container {
display: block
}
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0, 0, 0, .15);
background-color: inherit;
color: inherit;
position: absolute;
left: 0;
top: 100%;
width: fit-content;
z-index: 1;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
flex-grow: 1
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
padding-right: 8px
}
@media (min-width: 782px) {
.has-child .wp-block-navigation__container {
left: 24px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container {
left: 100%;
top: -1px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: 8px;
background: transparent
}
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(0)
}
}
.has-child:hover {
cursor: pointer
}
.has-child:hover > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.has-child:focus-within {
cursor: pointer
}
.has-child:focus-within > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.wp-block-navigation-link__content {
text-decoration: none;
padding: 8px 16px
}
.wp-block-navigation-link__content + .wp-block-navigation-link__content {
padding-top: 0
}
.has-text-color .wp-block-navigation-link__content {
color: inherit
}
.wp-block-navigation-link__label {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: 6px 16px
}
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor
}
@media (min-width: 782px) {
.wp-block-navigation-link__submenu-icon svg {
transform: rotate(90deg)
}
}
.is-small-text {
font-size: 14px
}
.is-regular-text {
font-size: 16px
}
.is-large-text {
font-size: 36px
}
.is-larger-text {
font-size: 48px
}
.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-background {
padding: 20px 38px
}
p.has-text-color a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
line-height: 1.5
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 16px
}
.wp-block-post-author__bio {
margin-bottom: 8px;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 290px
}
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 20px
}
.wp-block-pullquote p {
font-size: 28px;
line-height: 1.6
}
.wp-block-pullquote cite, .wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin: 0 0 16px;
padding: 0 1em
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 24px;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
font-size: 18px;
text-align: right
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(50% - 16px)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 16px)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 16px)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 16px)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 16px)
}
}
.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-search {
display: flex;
flex-wrap: wrap
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
max-width: 360px
}
.wp-block-search .wp-block-search__button {
margin-left: 10px
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-social-links {
display: flex;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
margin-left: 0
}
.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-social-link {
display: block;
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 8px;
transition: transform .1s ease
}
@media (prefers-reduced-motion: reduce) {
.wp-social-link {
transition-duration: 0s
}
}
.wp-social-link a {
padding: 6px;
display: block;
line-height: 0;
transition: transform .1s ease
}
.wp-social-link a, .wp-social-link a:active, .wp-social-link a:hover, .wp-social-link a:visited, .wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.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-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: #fe4500;
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-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-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;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 28px;
height: 28px
}
.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-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: #fe4500
}
.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-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-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.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: 16px;
padding-right: 16px
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.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-text-columns, .wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
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%
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
max-width: 100%
}
@supports ((position:-webkit-sticky) or (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
}
:root .editor-styles-wrapper .has-pale-pink-background-color, :root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-background-color, :root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color, :root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color, :root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-background-color, :root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-background-color, :root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-background-color, :root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color, :root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-background-color, :root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .editor-styles-wrapper .has-white-background-color, :root .has-white-background-color {
background-color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-background-color, :root .has-very-light-gray-background-color {
background-color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, :root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-background-color, :root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .editor-styles-wrapper .has-black-background-color, :root .has-black-background-color {
background-color: #000
}
:root .editor-styles-wrapper .has-pale-pink-color, :root .has-pale-pink-color {
color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-color, :root .has-vivid-red-color {
color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-color, :root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-color, :root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-color, :root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-color, :root .has-vivid-green-cyan-color {
color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-color, :root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-color, :root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-color, :root .has-vivid-purple-color {
color: #9b51e0
}
:root .editor-styles-wrapper .has-white-color, :root .has-white-color {
color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-color, :root .has-very-light-gray-color {
color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-color, :root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-color, :root .has-very-dark-gray-color {
color: #313131
}
:root .editor-styles-wrapper .has-black-color, :root .has-black-color {
color: #000
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background, :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg, #0693e3, #9b51e0)
}
:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background, :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background, :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg, #7adcb4, #00d082)
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background, :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg, #fcb900, #ff6900)
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background, :root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg, #ff6900, #cf2e2e)
}
:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background, :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg, #eee, #a9b8c3)
}
:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background, :root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c)
}
:root .editor-styles-wrapper .has-blush-light-purple-gradient-background, :root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg, #ffceec, #9896f0)
}
:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background, :root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e)
}
:root .editor-styles-wrapper .has-purple-crush-gradient-background, :root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:root .editor-styles-wrapper .has-luminous-dusk-gradient-background, :root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0)
}
:root .editor-styles-wrapper .has-hazy-dawn-gradient-background, :root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:root .editor-styles-wrapper .has-pale-ocean-gradient-background, :root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5)
}
:root .editor-styles-wrapper .has-electric-grass-gradient-background, :root .has-electric-grass-gradient-background {
background: linear-gradient(135deg, #caf880, #71ce7e)
}
:root .editor-styles-wrapper .has-subdued-olive-gradient-background, :root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:root .editor-styles-wrapper .has-atomic-cream-gradient-background, :root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:root .editor-styles-wrapper .has-nightshade-gradient-background, :root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:root .editor-styles-wrapper .has-midnight-gradient-background, :root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
:root .editor-styles-wrapper .has-link-color a, :root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link, #00e)
}
.editor-styles-wrapper .has-small-font-size, .has-small-font-size {
font-size: 13px
}
.editor-styles-wrapper .has-normal-font-size, .editor-styles-wrapper .has-regular-font-size, .has-normal-font-size, .has-regular-font-size {
font-size: 16px
}
.editor-styles-wrapper .has-medium-font-size, .has-medium-font-size {
font-size: 20px
}
.editor-styles-wrapper .has-large-font-size, .has-large-font-size {
font-size: 36px
}
.editor-styles-wrapper .has-huge-font-size, .editor-styles-wrapper .has-larger-font-size, .has-huge-font-size, .has-larger-font-size {
font-size: 42px
}
.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
}
.editor-styles-wrapper {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", 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
}
.ui-sortable-handle {
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
}
.wp-block-loop {
position: relative;
--grid-gap: 20px;
--grid-rows: 1;
--grid-columns: 2
}
.block-loop-items {
--grid-auto-cols: calc((100% - (var(--grid-columns) - 1) * var(--grid-gap)) / var(--grid-columns));
margin-bottom: 1.5rem;
list-style: none;
display: grid;
grid-gap: var(--grid-gap);
grid-template-columns:repeat(auto-fill, minmax(var(--grid-auto-cols), 1fr))
}
.block-loop-slider, [data-plugin=slider] {
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-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
}
.block-loop-items::-webkit-scrollbar {
display: none
}
.block-loop-slider .entry-content > *, [data-plugin=slider] .entry-content > * {
width: 100% !important;
max-width: 100% !important
}
.block-loop-slider > * {
scroll-snap-align: start
}
@media only screen and (min-width: 420px) {
.wp-block-loop {
--grid-columns: 3
}
}
@media only screen and (min-width: 1000px) {
.wp-block-loop {
--grid-columns: 4
}
}
@media only screen and (min-width: 1260px) {
.wp-block-loop {
--grid-columns: 5
}
.block-loop-items {
--grid-columns: var(--grid-cols)
}
}
.block-loop-subtitle {
font-size: 14px;
color: #888;
line-height: 1.6;
text-transform: none;
display: block
}
.block-loop-nav {
opacity: 0;
transition: opacity .2s;
position: absolute;
display: flex;
z-index: 5;
height: 0;
width: calc(100% + 2.5rem);
left: -1.25rem;
top: calc(50% - 1.25rem)
}
.wp-block-loop:not(.block-loop-overlay) .block-loop-nav {
top: calc(50% - 3rem)
}
.wp-block-loop:not(.block-loop-overlay) .block-loop-title ~ .block-loop-nav {
top: 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
}
.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 !important;
max-width: 100% !important;
border-radius: 4px;
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% !important;
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 0 4px 0;
font-size: .9375rem;
font-weight: 400;
letter-spacing: 0
}
.block-loop-item .entry-meta {
display: block;
font-size: .8125rem;
line-height: 1;
margin-bottom: 0;
color: #888
}
.block-loop-item .author, .block-loop-item .entry-artist, .block-loop-item .entry-meta, .block-loop-item .entry-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.block-loop-item .entry-meta > span {
margin: 0
}
.block-loop-item .post-thumbnail {
width: 100%;
position: relative;
margin: 0;
padding: 0;
border-radius: 4px;
background-color: rgba(110, 120, 130, .2)
}
.wp-block-loop-user .post-thumbnail {
width: 80% !important;
margin: 10% 10% 0 10%;
border-radius: 50% !important
}
.block-loop-item .post-thumbnail a {
border-radius: inherit
}
.block-loop-item .post-thumbnail .avatar, .block-loop-item .post-thumbnail img {
border-radius: inherit;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover
}
.block-loop-item .post-thumbnail br, .block-loop-item .post-thumbnail p {
display: none
}
.block-loop-item .post-thumbnail:after {
padding-top: 100%;
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: 4px;
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
}
.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
}
.btn-download, .btn-purchase, button.btn-like, button.btn-more {
display: inline-flex;
align-items: center;
padding: .5rem;
line-height: 1;
color: inherit !important;
background-color: transparent !important;
border: none;
outline: 0 !important
}
.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 {
color: #888;
font-size: 12px;
margin: 0 .5rem
}
.block-loop-item .entry-footer {
display: none;
margin: 0 !important
}
.block-loop-item .waveform {
width: 100%;
margin-top: 1rem;
margin-bottom: 0
}
.block-loop-index.block-loop-row .waveform:before {
content: "";
display: inline-block;
min-width: 2.25rem
}
.wp-block-loop-user .entry-header {
text-align: center
}
.wp-block-loop-user .post-thumbnail {
border-radius: 50%
}
.post-thumbnail-21x9 .post-thumbnail:after {
padding-top: 42.857143%
}
.post-thumbnail-16x9 .post-thumbnail:after {
padding-top: 56.25%
}
.post-thumbnail-4x3 .post-thumbnail:after {
padding-top: 75%
}
.post-thumbnail-2x3 .post-thumbnail:after {
padding-top: 150%
}
.post-thumbnail-3x4 .post-thumbnail:after {
padding-top: 133.33333%
}
.post-thumbnail-1x2 .post-thumbnail:after {
padding-top: 200%
}
.post-thumbnail-2x1 .post-thumbnail:after {
padding-top: 50%
}
.post-thumbnail-3x1 .post-thumbnail:after {
padding-top: 33%
}
.post-thumbnail-4x1 .post-thumbnail:after {
padding-top: 25%
}
.post-thumbnail-1-4 .post-thumbnail:after {
padding-top: 25vh;
min-height: 10rem
}
.post-thumbnail-1-3 .post-thumbnail:after {
padding-top: 33vh;
min-height: 12.5rem
}
.post-thumbnail-1-2 .post-thumbnail:after {
padding-top: 50vh;
min-height: 15rem
}
.block-loop-row {
--grid-columns: 1
}
.block-loop-row .block-loop-item {
display: flex;
flex-direction: row;
align-items: center
}
.block-loop-row .post-thumbnail {
width: 6rem !important
}
.block-loop-xs .post-thumbnail {
width: 2.75rem !important
}
.block-loop-sm .post-thumbnail {
width: 4rem !important
}
.block-loop-lg .post-thumbnail {
width: 10rem !important
}
.block-loop-row .entry-header {
flex: 1;
overflow-x: hidden;
display: flex;
flex-wrap: wrap;
margin-left: 1rem !important
}
.rtl .block-loop-row .entry-header {
margin-left: 0 !important;
margin-right: 1rem !important
}
.album-tracks .block-loop-items {
grid-gap: 0
}
.album-tracks .entry-header {
flex-wrap: nowrap;
padding: 0 !important
}
.album-tracks .post-thumbnail {
border-radius: 2px !important;
width: 2.5rem !important;
min-width: auto !important;
margin-left: 1rem !important
}
.album-track.active:before, .album-track:hover:before {
content: '' !important;
display: inline-block;
border: .375rem solid transparent;
border-left-color: currentColor;
border-left-width: .5rem;
margin: 0 .4375rem;
min-width: .75rem !important
}
.rtl .album-tracks .post-thumbnail {
margin-left: 0 !important;
margin-right: 1rem !important
}
.album-tracks .entry-meta a, .album-tracks .entry-title a {
pointer-events: none
}
.is-album .album-tracks .post-thumbnail {
display: none
}
.block-loop-index.block-loop-row.album-tracks .block-loop-item:before {
min-width: 1.75rem
}
.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 !important;
padding-right: 0 !important;
width: auto !important
}
.block-loop-row .play-count {
white-space: nowrap;
line-height: 1;
padding: .25rem .5rem;
display: inline-flex;
align-items: center;
white-space: nowrap
}
.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: 600;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: .5;
position: absolute;
right: .75rem;
line-height: 1.4
}
.block-loop-index.block-loop-row .block-loop-item:before {
content: counter(li);
counter-increment: li;
min-width: 2.25rem;
font-weight: 600;
-ms-flex-negative: 0;
flex-shrink: 0;
opacity: .5
}
.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: 18px;
color: inherit;
font-weight: 500
}
.block-loop-overlay .entry-header .entry-meta {
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: 4px 4px 0 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
}
.wp-block-loop.alignfull {
margin-left: 2rem;
margin-right: 2rem
}
.entry-title-lg .entry-title {
font-size: 18px !important
}
.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 !important
}
.caption {
display: flex !important;
flex-direction: column;
align-items: start
}
.caption figcaption {
white-space: nowrap;
transform: rotate(-90deg);
transform-origin: top left;
margin: 0 -2rem;
font-size: 11px;
text-transform: uppercase
}
.caption-right, .caption-top {
flex-direction: column-reverse
}
.caption-top figcaption {
transform-origin: bottom left;
transform: rotate(90deg)
}
.caption-right figcaption {
transform-origin: bottom right;
transform: rotate(-90deg);
align-self: flex-end
}
.caption-bottom figcaption {
transform-origin: top right;
transform: rotate(90deg);
align-self: flex-end
}
.wp-block-block-grids, .wp-block-block-grids > .block-editor-inner-blocks > .block-editor-block-list__layout {
display: grid;
grid-template-columns:repeat(var(--grid-cols, 12), 1fr);
grid-template-rows:repeat(var(--grid-rows, 1), auto);
grid-column-gap: var(--grid-col-gap, 0);
grid-row-gap: var(--grid-row-gap, 0)
}
.wp-block-block-grid, [data-type="block/grid"] {
grid-column-start: var(--grid-col-start, 1);
grid-column-end: var(--grid-col-end, --grid-cols);
grid-row-start: var(--grid-row-start, 1);
grid-row-end: var(--grid-row-end, 1)
}
@media (max-width: 600px) {
.wp-block-block-grids, .wp-block-block-grids > .block-editor-inner-blocks > .block-editor-block-list__layout {
grid-template-columns:repeat(var(--grid-cols-sm, 8), 1fr);
grid-template-rows:repeat(var(--grid-rows-sm, 1), auto);
grid-column-gap: var(--grid-col-gap-sm, 0);
grid-row-gap: var(--grid-row-gap-sm, 0)
}
.wp-block-block-grid, [data-type="block/grid"] {
grid-column-start: var(--grid-col-start-sm, 1);
grid-column-end: var(--grid-col-end-sm, --grid-cols);
grid-row-start: var(--grid-row-start-sm, 1);
grid-row-end: var(--grid-row-end-sm, 1)
}
}
.wp-admin .wp-block-block-grids {
--grid-rows: 1 !important
}
.wp-block-block-grids > .block-editor-inner-blocks {
grid-column-start: 1;
grid-column-end: calc(var(--grid-cols) + 1)
}
.wp-block-block-grids > .block-editor-inner-blocks > .block-editor-block-list__layout {
background-color: #f3f3f3;
min-height: 2.5rem;
background-image: repeating-linear-gradient(90deg, #fff 0 var(--grid-col-gap, 1px), transparent var(--grid-col-gap, 1px) 100%);
background-size: calc((100% + var(--grid-col-gap)) / var(--grid-cols, 1));
background-position: calc(-1 * var(--grid-col-gap, -1px))
}
.wp-block-block-grids > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender {
position: absolute;
z-index: 1000;
bottom: -32px;
left: 50%;
margin-left: -1.5rem
}
.wp-block-block-grids .block-editor-block-list__block {
margin: 0;
max-width: inherit
}
.grid-setting {
display: flex;
align-items: center
}
.grid-2-col {
display: grid;
grid-template-columns:repeat(2, 1fr);
grid-column-gap: 8px
}
.grid-2-col .components-base-control {
margin-bottom: 0
}
.wp-admin .wp-grids {
display: grid;
--grid-col-gap: 6px !important;
--grid-row-gap: 6px !important;
border: 1px solid #ddd;
border-radius: 2px;
padding: 6px;
margin-bottom: 1rem;
cursor: pointer
}
.wp-admin .wp-grid {
padding: 6px;
border-radius: 2px;
border: 1px solid #ddd;
border-radius: 3px;
cursor: pointer;
background-color: #fff
}
.wp-admin .wp-grid:not(.wp-grid-selected):hover, .wp-admin .wp-grids:not(.wp-grid-selected):hover {
border-color: #ccc
}
.wp-admin .wp-grid-selected {
border-color: #00a0d0;
box-shadow: 0 0 0 1px #00a0d0;
background-color: rgba(0, 150, 210, .1)
}
.z-index-1 {
position: relative;
z-index: 1
}
.z-index-2 {
position: relative;
z-index: 2
}
.z-index-3 {
position: relative;
z-index: 3
}
.white {
color: #222;
background-color: #fff
}
.text-white {
color: #fff
}
.h-auto {
min-height: auto !important
}
.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-9 {
font-weight: 900
}
.rounded {
border-radius: 6px
}
.no-border {
border: none
}
.no-padding {
padding: 0 !important
}
.no-margin {
margin: 0 !important
}
.is-inview {
visibility: visible !important;
opacity: 1 !important
}
.text-line {
overflow: hidden;
display: block;
white-space: nowrap
}
.text-line > span {
transform: translate3d(0, 300%, 0);
transition: transform 1.5s cubic-bezier(.425, .005, 0, 1);
white-space: pre-wrap;
display: inline-block;
transition-delay: calc(var(--n) * .015s);
will-change: transform;
backface-visibility: hidden
}
.text-line img, .text-line svg {
vertical-align: baseline
}
.text-line strong {
font-weight: inherit;
-webkit-text-stroke: none;
-webkit-text-fill-color: currentColor
}
.is-inview > .text-line > span {
transform: translate3d(0, 0, 0)
}
.text-perspective .text-line {
overflow: visible
}
.text-perspective .text-line > span {
perspective: 150vw;
transform: translate3d(0, 0, 0);
transition-delay: calc(var(--n) * .035s);
display: inline-block
}
.text-perspective .text-line > span > span {
will-change: transform;
transform-style: preserve-3d;
transform: rotate3d(0, 1, 0, 90deg);
display: inline-block
}
.text-perspective .text-line > span > span > * {
backface-visibility: hidden;
transform: rotateY(0) translateZ(4vw);
transition: opacity 1.4s cubic-bezier(.435, .015, .1, 1);
display: inline-block
}
.text-perspective.is-inview .text-line > span > span > * {
opacity: 1
}
.text-perspective.is-inview .text-line > span > span {
transform: rotate3d(0, 1, 0, .01deg);
transition: transform 1.5s cubic-bezier(.435, .015, .1, 1);
transition-delay: inherit
}
.font-serif {
font-family: serif
}
h2.has-huge-font-size {
font-size: 12vw;
letter-spacing: -.025em;
line-height: .85;
font-weight: 500
}
h3.has-large-font-size {
font-size: 8vw;
letter-spacing: -.025em;
line-height: .9;
font-weight: 500
}
h4.has-medium-font-size {
font-size: 5vw;
letter-spacing: -.025em;
line-height: .95;
font-weight: 500
}
.has-sub sub, .has-sub sup {
letter-spacing: 0;
font-size: .75vw;
font-family: -apple-system, "Helvetica Neue", Arial;
line-height: 1.2;
display: inline-block;
margin: 0 2vw;
text-transform: uppercase;
max-width: 15vw;
max-height: 8vw;
overflow: hidden;
display: -webkit-inline-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
vertical-align: middle;
text-align: initial
}
.text-outline {
-webkit-text-stroke: .6px currentColor;
-webkit-text-fill-color: transparent
}
.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
}
@keyframes spinner {
0% {
transform: scale(0)
}
50% {
opacity: 1
}
}
@media (max-width: 576px) {
.wp-block-loop {
--grid-gap: 10px
}
.block-loop-row:not(.album-tracks) .entry-header-inner {
flex: auto;
width: 100%
}
.block-loop-row:not(.album-tracks) .entry-footer {
width: 100% !important;
margin: .5rem -.5rem 0 !important
}
.block-loop-row .post-thumbnail {
width: 4.5rem !important
}
.block-loop-nav {
display: none
}
.modal-open .wp-block-loop-product .block-loop-slider {
overflow: visible
}
}
.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, .1)
}
@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 {
from {
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);
height: 100%;
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: calc(10px * 2);
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(calc(10px * -4));
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: calc(10px * .7);
padding: calc(var(--plyr-control-spacing, 10px) * .7);
position: relative;
transition: all .3s ease
}
.plyr__control svg {
display: block;
fill: currentColor;
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
}
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--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: calc(10px / 4);
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: calc(10px / 4);
padding-left: calc(var(--plyr-control-spacing, 10px) / 4)
}
.plyr__controls .plyr__controls__item.plyr__time {
padding: 0 calc(10px / 2);
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__controls:empty {
display: none
}
.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 .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: rgba(255, 255, 255, .9);
background: var(--plyr-menu-background, rgba(255, 255, 255, .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: var(--plyr-menu-arrow-size, 4px) solid transparent;
border-top-color: rgba(255, 255, 255, .9);
border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, .9));
content: '';
height: 0;
position: absolute;
right: calc(((18px / 2) + calc(10px * .7)) - (4px / 2));
right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * .7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
top: 100%;
width: 0
}
.plyr__menu__container [role=menu] {
padding: calc(10px * .7);
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-bottom: calc(calc(10px * .7) / 1.5);
padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 1.5);
padding-left: calc(calc(10px * .7) * 1.5);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
padding-right: calc(calc(10px * .7) * 1.5);
padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
padding-top: calc(calc(10px * .7) / 1.5);
padding-top: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 1.5);
-webkit-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;
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: calc(calc(10px * .7) * 4);
padding-right: calc(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: calc((calc(10px * .7) * 1.5) - 4px);
right: calc((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: currentColor
}
.plyr__menu__container .plyr__control--back {
font-weight: 400;
font-weight: var(--plyr-font-weight-regular, 400);
margin: calc(10px * .7);
margin: calc(var(--plyr-control-spacing, 10px) * .7);
margin-bottom: calc(calc(10px * .7) / 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 2);
padding-left: calc(calc(10px * .7) * 4);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4);
position: relative;
width: calc(100% - (calc(10px * .7) * 2));
width: calc(100% - (calc(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: calc((calc(10px * .7) * 1.5) - 4px);
left: calc((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: calc(calc(10px * .7) / 2);
margin-top: calc(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: currentColor
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
padding-left: calc(10px * .7);
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((calc(10px * .7) - 2) * -1);
margin-right: calc((calc(var(--plyr-control-spacing, 10px) * .7) - 2) * -1);
overflow: hidden;
padding-left: calc(calc(10px * .7) * 3.5);
padding-left: calc(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: calc(13px * 2);
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: calc((3px * 2) + 13px);
height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
margin: 0;
padding: 0;
transition: box-shadow .3s ease;
width: 100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
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;
background-image: linear-gradient(to right, currentColor 0, transparent 0);
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;
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;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 13px);
-webkit-appearance: none;
margin-top: calc(((13px - 5px) / 2) * -1);
margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1)
}
.plyr--full-ui input[type=range]::-moz-range-track {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
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: calc(5px / 2);
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 {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
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;
-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: calc(5px / 2);
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;
-ms-user-select: none;
user-select: none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background: 0 0;
border: 0;
border-radius: calc(5px / 2);
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;
-ms-user-select: none;
user-select: none;
background: currentColor
}
.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);
position: relative;
-ms-transition: all .2s ease;
transition: all .2s ease;
width: 13px;
width: var(--plyr-range-thumb-height, 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 {
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-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__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: calc(768px - 1)) {
.plyr__time + .plyr__time {
display: none
}
}
.plyr__tooltip {
background: rgba(255, 255, 255, .9);
background: var(--plyr-tooltip-background, rgba(255, 255, 255, .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: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
opacity: 0;
padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(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 .1s ease, opacity .2s .1s ease;
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 rgba(255, 255, 255, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
bottom: calc(4px * -1);
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%, 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(.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: calc((18px / 2) + calc(10px * .7));
left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * .7))
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
left: auto;
right: 0;
transform: translate(0, 10px) scale(.8);
transform-origin: 100% 100%
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: calc((18px / 2) + calc(10px * .7));
right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(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, 0) scale(1)
}
.plyr__progress {
left: calc(13px * .5);
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: calc(13px * -.5);
margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
margin-right: calc(13px * -.5);
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: calc((5px / 2) * -1);
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 25%, transparent 50%, rgba(35, 40, 47, .6) 50%, rgba(35, 40, 47, .6) 75%, transparent 75%, 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: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .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: calc(10px / 2);
margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
margin-right: calc(10px / 2);
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;
overflow: hidden
}
.plyr--video.plyr--menu-open {
overflow: visible
}
.plyr__video-wrapper {
background: #000;
height: 100%;
margin: auto;
overflow: hidden;
position: relative;
width: 100%
}
.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;
left: 0;
position: absolute;
top: 0
}
.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(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75));
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), 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: calc(10px / 2);
padding: calc(var(--plyr-control-spacing, 10px) / 2);
padding-top: calc(10px * 2);
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: calc(10px * 3.5);
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: calc(10px * 1.5);
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: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25)))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, .25);
background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .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 rgba(255, 255, 255, .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, rgba(255, 255, 255, .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 rgba(255, 255, 255, .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, rgba(255, 255, 255, .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 rgba(255, 255, 255, .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, rgba(255, 255, 255, .5))
}
.plyr--video .plyr__progress__buffer {
color: rgba(255, 255, 255, .25);
color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, .25))
}
.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%;
position: static
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:fullscreen .plyr__video-wrapper {
height: 100%;
position: static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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;
font-size: var(--plyr-font-size-xlarge, 21px)
}
.plyr:-ms-fullscreen .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__video-wrapper {
height: 100%;
position: static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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__video-wrapper {
height: 100%;
position: static
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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__video-wrapper {
height: 100%;
position: static
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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;
height: 100%;
margin: 0;
width: 100%;
bottom: 0;
display: block;
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%;
position: static
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
height: 0;
position: relative
}
.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: rgba(255, 255, 255, .9);
background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, .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: calc(calc(10px / 2) * 2);
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
opacity: 0;
padding: 3px;
padding: var(--plyr-tooltip-radius, 3px);
pointer-events: none;
position: absolute;
transform: translate(0, 10px) scale(.8);
transform-origin: 50% 100%;
transition: transform .2s .1s ease, opacity .2s .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-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 rgba(255, 255, 255, .9);
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
bottom: calc(4px * -1);
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: calc(3px - 1px);
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: calc(3px - 1px);
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;
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
}
:root {
--plyr-range-thumb-height: 8px;
--plyr-range-track-height: 2px;
--plyr-control-height: calc(var(--plyr-control-icon-size, 18px) + var(--plyr-control-spacing, 10px) * 1.4 + 20px)
}
.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;
font-size: 12px;
border-radius: inherit;
position: relative;
z-index: 1;
min-height: var(--plyr-control-height);
background-color: inherit
}
.plyr__control {
line-height: 1
}
.plyr__timer {
display: flex
}
.plyr__time {
font-size: 11px;
opacity: .5;
margin: 0 4px
}
.icon-play:after {
content: "";
display: inline-block;
border: .375em solid transparent;
border-left-color: currentColor;
border-left-width: .625em
}
.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: flex;
align-items: center
}
.btn-play {
width: 2.5rem;
height: 2.5rem;
border-radius: 100%;
display: inline-block;
padding: 0 !important;
position: relative;
outline: 0;
vertical-align: middle;
background-color: #fff;
color: #333;
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;
position: absolute;
top: 50%;
left: 50%;
border: .5em solid transparent;
border-left-color: currentColor;
border-left-width: .75em;
margin-left: .375em;
transform: translate(-50%, -50%);
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
}
.btn-play:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
transform: translate3d(0, -1px, 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
}
.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)
}
.is-buffering .fixed-bottom .plyr--video:after, .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 {
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 .fixed-bottom .plyr--video:after, .is-buffering .plyr-theme-0 [data-plyr=play]:after, .is-buffering .plyr-theme-1 [data-plyr=play]:after {
width: 18px;
height: 18px;
left: 50%;
top: 50%;
margin-left: -9px;
margin-top: -9px
}
.plyr__cues {
margin: 0;
transform: translate(0, -50%)
}
.plyr__ads {
display: none
}
.plyr--adsing .plyr__ads {
display: block
}
.plyr--adsing .plyr__controls, .plyr--adsing ~ .plyr-list-wrap {
pointer-events: none
}
.fixed-bottom.plyr-playlist .plyr__controls {
color: inherit;
background: inherit;
padding: 10px
}
.fixed-bottom.plyr-playlist .plyr__controls .plyr__poster {
position: static;
opacity: 1;
width: 2rem;
height: 2rem;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 2px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: rgba(120, 120, 120, .1)
}
.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;
width: 1%
}
.plyr__col .plyr__progress {
flex: 1;
margin: 0 1rem
}
.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__control + .plyr__poster {
margin-left: .5rem
}
.plyr__info {
margin: 0 1rem
}
.plyr__author, .plyr__title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
height: 1rem;
line-height: 1rem;
font-size: 13px
}
.plyr__author, .plyr__queue {
color: #888;
font-size: 13px
}
.plyr-volume-wrap {
display: flex
}
.plyr-volume-wrap .plyr__volume {
min-width: 0;
max-width: 0;
width: 0;
overflow: hidden;
transition: width .2s cubic-bezier(.4, 0, 1, 1), max-width .2s cubic-bezier(.4, 0, 1, 1)
}
.plyr-volume-wrap:hover .plyr__volume {
width: 110px;
max-width: 110px
}
.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;
position: relative
}
.plyr-playlist.fixed-bottom {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
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 - 11rem);
position: absolute;
bottom: calc(var(--plyr-control-height) + 1rem);
right: 1rem;
background-color: inherit;
border-radius: 3px;
border: 1px solid rgba(120, 130, 140, .15);
box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
background-clip: padding-box;
pointer-events: none;
opacity: 0;
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:after {
content: "";
display: block;
border: 6px solid transparent;
border-top-color: #fff;
border-top-width: 8px;
position: absolute;
bottom: -14px;
right: .75rem
}
.dark .plyr-list:after {
border-top-color: rgba(120, 130, 140, .15)
}
.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 {
height: 1.5rem;
padding: .25rem .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: #888
}
.plyr-item {
display: -ms-flexbox;
display: flex;
padding: .5rem 1rem;
cursor: pointer;
position: relative;
align-items: center;
font-size: 11px;
border-bottom: 1px solid rgba(0, 0, 0, .025)
}
.plyr-item.active {
background-color: rgba(120, 130, 140, .1);
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: 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, .1);
flex: 0;
width: 32px;
height: 32px;
min-width: 32px
}
.plyr-item .plyr-item-content {
font-size: 11px;
line-height: 1.4;
padding: 0 1rem;
flex: 1
}
.plyr-item .plyr-item-title {
font-size: 12px;
overflow: hidden;
height: 1rem;
text-overflow: ellipsis;
flex: 1;
word-break: break-all
}
.plyr-item .plyr-item-author {
color: #888
}
.fixed-bottom.plyr-playlist .plyr--video {
overflow: visible;
background-color: transparent;
background-color: inherit;
position: relative
}
.fixed-bottom.plyr-playlist .plyr__video-wrapper {
position: fixed;
bottom: 0;
height: calc(100% - var(--plyr-control-height));
transform: translate(0, 100%);
transition: transform .2s
}
.fixed-bottom.plyr-playlist .plyr__controls-show-video ~ .plyr__video-wrapper {
transform: translate(0, 0);
bottom: var(--plyr-control-height)
}
.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
}
.plyr-theme-0 .plyr__title:after {
content: "";
display: inline-block;
width: .5rem
}
.plyr-theme-0 .plyr__time + .plyr__time::before {
margin-right: 10px
}
.plyr-theme-2 .plyr__progress {
position: absolute;
top: 0;
left: calc(var(--plyr-range-thumb-height, 13px) * .5);
right: calc(var(--plyr-range-thumb-height, 13px) * .5);
margin: 0;
top: -7px
}
.plyr-theme-2 .plyr__info {
flex: 0 0 50%;
max-width: calc(50% - 10.5rem)
}
.plyr-theme-2 [data-plyr=play] {
border-radius: 100%;
padding: 11px;
margin: -2px .25rem
}
.plyr-theme-3 .plyr__progress__buffer {
color: rgba(255, 255, 255, .6)
}
.fixed-bottom.plyr-theme-3 {
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-3 .plyr-list-wrap {
background-color: transparent
}
.plyr-theme-3 .plyr--audio:before {
height: 0;
content: '';
display: block;
padding-bottom: 56.25% !important;
z-index: 1
}
.plyr-theme-3 .plyr__video-wrapper {
height: 0;
padding-bottom: 56.25%;
display: block !important
}
.plyr-theme-3 video {
border: 0;
left: 0;
position: absolute;
top: 0
}
.plyr-theme-3 .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;
background-size: cover;
border-radius: 0 !important
}
.fixed-bottom.plyr-theme-3 .plyr__poster {
top: 0
}
.plyr-theme-3 .plyr__poster:before {
content: "";
display: block;
padding-bottom: 56%
}
.plyr-theme-3 .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-3 .plyr__controls {
color: #fff;
background-color: #000;
top: 0;
padding: 1rem 3rem;
justify-content: space-around;
opacity: 1 !important;
transform: none !important
}
.plyr-theme-3 .plyr-list-header {
display: none
}
.plyr-theme-3 .plyr__info {
padding: .75rem 1rem;
margin: 0
}
.plyr-theme-3 .plyr__progress {
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);
margin: 0
}
.fixed-bottom.plyr-theme-3 .plyr__progress {
bottom: -7px;
left: calc(var(--plyr-range-thumb-height, 13px) * .5);
right: calc(var(--plyr-range-thumb-height, 13px) * .5);
top: auto
}
.plyr-duration-wrap {
display: flex;
justify-content: flex-start;
flex: 1
}
.fixed-bottom.plyr-theme-3 .plyr-duration-wrap {
position: absolute;
left: .5rem;
bottom: .5rem
}
.fixed-bottom.plyr-theme-3 .plyr-volume-wrap {
position: absolute;
right: .25rem;
bottom: 0;
left: auto
}
.fixed-bottom.plyr-theme-3 .plyr__volume, .fixed-bottom.plyr-theme-3 [data-plyr=captions], .fixed-bottom.plyr-theme-3 [data-plyr=fullscreen], .fixed-bottom.plyr-theme-3 [data-plyr=mini] {
display: none
}
.fixed-bottom.plyr-theme-3 [data-plyr=next] svg, .fixed-bottom.plyr-theme-3 [data-plyr=play] svg, .fixed-bottom.plyr-theme-3 [data-plyr=prev] svg {
width: 2rem;
height: 2rem
}
.fixed-bottom.plyr-theme-3 .plyr-list {
height: 0;
max-height: calc(100vh - 20rem);
border-top: 1px solid rgba(120, 130, 140, .1)
}
.fixed-bottom.plyr-theme-3 .plyr-list {
position: static;
width: auto;
transition: height .2s;
border: none;
box-shadow: none
}
.plyr-theme-3.open .plyr-list {
height: 15rem
}
.plyr-theme-3.open [data-plyr=list] svg {
transform: rotate(-180deg)
}
.plyr-theme-3 .plyr-list-header .close {
display: none
}
.fixed-bottom.plyr-theme-3 .plyr__controls > :not(.plyr__progress) {
opacity: 0
}
.fixed-bottom.plyr-theme-3 .plyr__controls:hover > :not(.plyr__progress) {
opacity: 1
}
.fixed-bottom.plyr-theme-3 .plyr__controls:hover:before {
content: "";
width: 100%;
display: block;
padding-bottom: 56%;
position: absolute;
z-index: 0;
top: 0;
background-color: rgba(0, 0, 0, .5)
}
.is-buffering .plyr-theme-3 [data-plyr=play]:after {
display: none
}
.is-buffering .plyr-theme-3 .plyr__poster:after, .is-buffering .plyr-theme-3 .plyr__video-wrapper:after {
content: "";
display: block;
position: absolute;
width: 4rem;
height: 4rem;
border: 5px solid #fff;
border-radius: 50%;
border-right-color: transparent;
left: 50%;
top: 50%;
margin-left: -2rem;
margin-top: -2rem;
-webkit-animation: loading .75s linear infinite;
animation: loading .75s linear infinite
}
.plyr .plyr__ads {
width: 320px;
height: 180px;
top: auto;
left: auto;
bottom: 100%
}
.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
}
@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] {
display: none !important;
margin: 0
}
.plyr-playlist.fixed-bottom .plyr__progress {
position: absolute;
left: 0;
right: 0;
top: -8px;
bottom: auto;
margin: 0 !important
}
.plyr-playlist.fixed-bottom .plyr-list {
width: auto;
left: 1rem
}
.plyr button {
display: block;
height: auto;
margin: 0
}
.plyr-theme-0 .plyr__info {
display: flex;
flex-direction: column;
align-items: flex-start
}
.plyr-theme-2 .plyr__info {
max-width: calc(50% - 9.5rem)
}
}
@media (max-width: 480px) {
.plyr-playlist [data-plyr=repeat], .plyr-playlist [data-plyr=shuffle] {
display: none
}
.plyr-theme-2 .plyr__info {
max-width: calc(50% - 7.5rem)
}
.fixed-bottom.plyr-theme-3 {
width: 100%;
left: 0 !important;
right: 0 !important
}
}
@media (min-width: 768px) {
:root {
--plyr-control-spacing: 1rem
}
.plyr-theme-3 {
--plyr-control-spacing: 0.5rem
}
}
@keyframes loading {
0% {
transform: rotate(0)
}
100% {
transform: 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: 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: 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(120, 130, 140, .15);
border-radius: .25rem;
text-shadow: none;
text-align: initial
}
.dropdown-toggle {
cursor: pointer
}
.button.dropdown-toggle {
padding-left: 1rem;
padding-right: 1rem
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .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[data-window] {
z-index: 5
}
.dropdown-menu[x-out-of-boundaries] {
display: none
}
.dropdown-menu ul {
display: block !important;
list-style: none;
padding: 0
}
.dropdown-item, .dropdown-menu li a {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
border-radius: 0;
font-size: 13px;
cursor: pointer
}
.dropdown-item:hover {
color: inherit;
background-color: rgba(0, 0, 0, .05)
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid rgba(120, 130, 140, .1)
}
.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: .5rem
}
.dropdown-term-filter ul:not(.children) > li > a {
border-bottom: 1px solid rgba(120, 130, 140, .1);
color: #999
}
.fade {
transition: opacity .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: .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 .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: .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: .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: .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.25rem;
padding: 0 .5rem;
font-size: 12px;
vertical-align: text-bottom;
margin: .5rem
}
.entry-cat, .entry-tag {
list-style: none;
padding: 0
}
.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;
margin-left: auto
}
.sortable-placeholder {
height: 2.5rem;
border: 1px dotted rgba(120, 130, 140, .2)
}
.track-list li {
display: flex;
margin-bottom: 4px;
cursor: move
}
.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, .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;
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
}
#downloadable:checked ~ input {
display: block !important
}
@media only screen and (min-width: 992px) {
.flex-row {
display: flex
}
.sep {
width: 3rem
}
}
#login-form {
font-size: .9375rem;
max-width: 32rem;
margin: 5rem auto
}
#login-form form {
display: none
}
#login-form .input {
width: 100%
}
#login-form [class*=btn-] {
display: block;
margin: .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 label {
margin: 0
}
#playlist-form form input {
flex: 1;
width: 1%;
margin: 0 .5rem
}
.verified {
width: .75em;
height: .75em;
display: inline-block;
background-color: #999;
color: #fff;
position: relative;
border-radius: 50%;
margin: 0 .5em;
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%
}
.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 .2s
}
.share-list a:hover {
background-color: #000;
color: #fff
}
.loop-filter {
display: flex;
margin-bottom: 2rem
}
.loop-filter-item:after {
content: "";
display: inline-block;
width: .5rem
}
.waveform {
display: flex;
align-items: center;
margin-bottom: 1.5rem
}
.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-right: auto
}
.dark .waveform-time span {
background-color: rgba(0, 0, 0, .3)
}
.rtl .waveform-time span:first-child {
margin-right: 0;
margin-left: auto
}
.waveform_wrap {
line-height: 0
}
.sep-1 {
width: .5rem
}
.editor-note {
font-size: 12px;
line-height: 1.3
}
.editor-note-title {
color: #999
}
.station-copyright {
color: #999;
font-size: 11px
}
.ranks {
list-style: none;
padding: 0;
margin-bottom: 2rem;
display: grid;
grid-template-columns:repeat(auto-fill, minmax(92px, 1fr));
gap: .75rem
}
.ranks li {
padding: 1rem;
background-color: rgba(120, 130, 140, .075);
border-radius: 4px;
display: block;
font-size: 11px;
text-align: center
}
.ranks strong {
font-size: 1.5rem;
line-height: 1.2;
display: block
}
.ranks span {
color: #888
}
form.processing {
opacity: .5;
cursor: wait;
pointer-events: none
}