/*
Theme Name: Movie3
Theme URI: https://movielinkdata.com
Author: https://movielinkdata.com
Author URI: https://movielinkdata.com
Description: Designed and created by @movielinkdata
Version: 3.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Movie3
Tags: Anonymous #Movielinkdata
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
*/
.slider .row {
display: flex;
align-items: center;
margin-left: 8%;
}
.slider-detail {
width: 40%;
}
.slider-detail h3 {
font-size: 35px;
font-family: Kanit, sans-serif;
margin-bottom: 10px;
}
#site-title,
#site-title a,
.entry-title,
.entry-title a,
.site-title,
.site-title a,
.widget-title,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
.detail-1 {
display: flex;
margin-bottom: 15px;
}
.detail-1 a,
.detail-1 span {
font-size: 18px;
color: #fff;
}
span.slide-hd {
display: inline-block;
font-size: 14px;
font-family: Kanit, sans-serif;
background: linear-gradient(to right, #a82060, #8d34b7);
line-height: 1;
padding: 7px 15px;
border-radius: 15px;
margin-right: 20px;
}
.cates {
width: 70%;
margin-bottom: 15px;
}
.sep {
margin: 0 10px;
}
.detail-1 span {
font-size: 22px;
}
.btn-slide {
margin-top: 70px;
}
.btn-slide a {
background: linear-gradient(to right, #ffb10a, #ff5517);
padding: 5px 35px;
font-size: 24px;
font-family: Kanit, sans-serif;
color: #201f1f;
border-radius: 27px;
display: inline-flex;
align-items: center;
}
.btn-slide a:hover {
color: #4d4d4d;
}
.times {
margin-right: 30px;
display: flex;
align-items: center;
}
.detail-1 img,
.detail-2 img {
margin: 0 15px 0 0;
}
.slider {
background-size: cover !important;
background-position: center !important;
position: relative;
display: grid;
height: 600px;
}
ul.social {
margin: -5% 0 5px;
overflow: hidden;
padding: 0;
}
ul.social li {
width: 23%;
text-align: center;
color: #fff;
font-size: 20px;
border-radius: 5px;
padding: 1%;
float: left;
list-style: none;
margin: 1%;
}
.fb-link {
background: #e00;
}
ul.social li a {
color: #fff !important;
width: 100% !important;
display: block;
}
.youtube-link {
background: #e00;
}
.twit-link {
background: #e00;
}
.telegram-link {
background: #e00;
}
#start-resizable-editor-section {
display: none;
}
.wp-block-audio {
margin: 0 0 1em;
}
.wp-block-audio figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-audio audio {
width: 100%;
min-width: 300px;
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
text-align: center;
text-decoration: none;
overflow-wrap: break-word;
box-sizing: border-box;
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
color: #f201ff;
}
.wp-block-button__link.aligncenter {
text-align: center;
}
.wp-block-button__link.alignright {
text-align: right;
}
.wp-block-buttons > .wp-block-button.has-custom-width {
max-width: none;
}
.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
width: 100%;
}
.wp-block-buttons
> .wp-block-button.has-custom-font-size
.wp-block-button__link {
font-size: inherit;
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
width: calc(50% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
width: calc(75% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
width: calc(100% - 0.5em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {
margin-right: 0;
width: 100%;
}
@supports (column-gap: 0.5em) {
.wp-block-buttons.is-content-justification-right
> .wp-block-button.wp-block-button,
.wp-block-buttons > .wp-block-button.wp-block-button {
margin-right: 0;
margin-left: 0;
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
width: calc(25% - 0.375em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
width: calc(50% - 0.25em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
width: calc(75% - 0.125em);
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
width: auto;
flex-basis: 100%;
}
}
.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 {
border: 2px solid;
padding: 0.667em 1.333em;
}
.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: currentColor;
}
.is-style-outline > .wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent;
}
.wp-block-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 0.5em;
}
.wp-block-buttons.is-vertical {
flex-direction: column;
}
.wp-block-buttons.is-vertical > .wp-block-button {
margin-right: 0;
}
.wp-block-buttons.is-vertical > .wp-block-button:last-child {
margin-bottom: 0;
}
.wp-block-buttons > .wp-block-button {
display: inline-block;
margin-left: 0;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-buttons > .wp-block-button:last-child {
margin-right: 0;
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start;
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start;
}
.wp-block-buttons.is-content-justification-center {
justify-content: center;
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center;
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end;
}
.wp-block-buttons.is-content-justification-right > .wp-block-button {
margin-left: 0.5em;
margin-right: 0;
}
.wp-block-buttons.is-content-justification-right
> .wp-block-button:first-child {
margin-left: 0;
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end;
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between;
}
.wp-block-buttons.aligncenter {
text-align: center;
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: 0.5em;
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0;
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: 0.5em;
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0;
}
.wp-block-buttons:not(
.is-content-justification-space-between,
.is-content-justification-right,
.is-content-justification-left,
.is-content-justification-center
)
.wp-block-button.aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: 0.5em;
width: 100%;
}
.wp-block-button.aligncenter,
.wp-block-calendar {
text-align: center;
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
padding: 0.25em;
border: 1px solid #ddd;
}
.wp-block-calendar tfoot td {
border: none;
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd;
}
.wp-block-calendar a {
text-decoration: underline;
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: #40464d;
}
.wp-block-categories.alignleft {
margin-right: 2em;
}
.wp-block-categories.alignright {
margin-left: 2em;
}
.wp-block-code code {
display: block;
white-space: pre-wrap;
overflow-wrap: break-word;
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap;
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap;
}
}
.wp-block-columns.has-background {
padding: 1.25em 2.375em;
}
.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 {
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:not(:only-child) {
flex-basis: calc(50% - 1em) !important;
flex-grow: 0;
}
.wp-block-column:nth-child(2n) {
margin-left: 2em;
}
}
@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: 2em;
}
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start;
}
.wp-block-column.is-vertically-aligned-center {
align-self: center;
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end;
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%;
}
.wp-block-cover,
.wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box;
}
.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.is-repeated,
.wp-block-cover.is-repeated {
background-repeat: repeat;
background-size: auto;
}
.wp-block-cover-image.has-background-dim:not([class*='-background-color']),
.wp-block-cover.has-background-dim:not([class*='-background-color']) {
background-color: #0f00ff;
}
.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
content: '';
background-color: inherit;
}
.wp-block-cover .wp-block-cover__gradient-background,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0.5;
}
.wp-block-cover-image.has-background-dim.has-background-dim-10
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-10
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10:not(
.has-background-gradient
):before {
opacity: 0.1;
}
.wp-block-cover-image.has-background-dim.has-background-dim-20
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-20
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20:not(
.has-background-gradient
):before {
opacity: 0.2;
}
.wp-block-cover-image.has-background-dim.has-background-dim-30
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-30
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30:not(
.has-background-gradient
):before {
opacity: 0.3;
}
.wp-block-cover-image.has-background-dim.has-background-dim-40
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-40
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40:not(
.has-background-gradient
):before {
opacity: 0.4;
}
.wp-block-cover-image.has-background-dim.has-background-dim-50
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-50
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50:not(
.has-background-gradient
):before {
opacity: 0.5;
}
.wp-block-cover-image.has-background-dim.has-background-dim-60
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-60
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60:not(
.has-background-gradient
):before {
opacity: 0.6;
}
.wp-block-cover-image.has-background-dim.has-background-dim-70
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-70
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70:not(
.has-background-gradient
):before {
opacity: 0.7;
}
.wp-block-cover-image.has-background-dim.has-background-dim-80
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-80
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80:not(
.has-background-gradient
):before {
opacity: 0.8;
}
.wp-block-cover-image.has-background-dim.has-background-dim-90
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-90
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90:not(
.has-background-gradient
):before {
opacity: 0.9;
}
.wp-block-cover-image.has-background-dim.has-background-dim-100
.wp-block-cover__gradient-background,
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(
.has-background-gradient
):before,
.wp-block-cover.has-background-dim.has-background-dim-100
.wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100:not(
.has-background-gradient
):before {
opacity: 1;
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 420px;
width: 100%;
}
.wp-block-cover-image:after,
.wp-block-cover:after {
display: block;
content: '';
font-size: 0;
min-height: inherit;
}
@supports (position: sticky) {
.wp-block-cover-image:after,
.wp-block-cover:after {
content: none;
}
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex;
}
.wp-block-cover .wp-block-cover__inner-container,
.wp-block-cover-image .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff;
}
.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),
.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) {
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 img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background,
.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: 0;
border: none;
box-shadow: none;
}
.wp-block-cover__image-background,
.wp-block-cover__video-background {
z-index: 0;
}
.wp-block-cover-image-text,
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
color: #fff;
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start;
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end;
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content > h2 {
margin-left: 0;
text-align: left;
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content > h2 {
margin-right: 0;
text-align: right;
}
.wp-block-cover .wp-block-cover-text,
.wp-block-cover-image .wp-block-cover-image-text,
section.wp-block-cover-image > h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: 0.44em;
text-align: center;
}
.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align='left'] > [data-type='core/embed'],
.wp-block[data-align='right'] > [data-type='core/embed'] {
max-width: 360px;
width: 100%;
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,
.wp-block-embed.alignright .wp-block-embed__wrapper,
.wp-block[data-align='left']
> [data-type='core/embed']
.wp-block-embed__wrapper,
.wp-block[data-align='right']
> [data-type='core/embed']
.wp-block-embed__wrapper {
min-width: 280px;
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px;
}
.wp-block-embed {
margin: 0 0 1em;
}
.wp-block-embed figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-embed iframe {
max-width: 100%;
}
.wp-block-embed__wrapper {
position: relative;
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: '';
display: block;
padding-top: 50%;
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%;
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%;
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%;
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%;
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%;
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%;
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%;
}
.wp-block-file {
margin-bottom: 1.5em;
}
.wp-block-file.aligncenter {
text-align: center;
}
.wp-block-file.alignright {
text-align: right;
}
.wp-block-file .wp-block-file__embed {
margin-bottom: 1em;
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 0.8em;
padding: 0.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: 0.85;
text-decoration: none;
}
.wp-block-file * + .wp-block-file__button {
margin-left: 0.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 1em 1em 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
align-self: flex-start;
width: calc(50% - 1em);
}
.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 .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: 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: 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: 3em 0.77em 0.7em;
color: #fff;
text-align: center;
font-size: 0.8em;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.7),
rgba(0, 0, 0, 0.3) 70%,
transparent
);
box-sizing: border-box;
margin: 0;
}
.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 figcaption,
.wp-block-gallery figcaption {
flex-grow: 1;
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image,
.blocks-gallery-grid.is-cropped .blocks-gallery-item,
.wp-block-gallery.is-cropped .blocks-gallery-image,
.wp-block-gallery.is-cropped .blocks-gallery-item {
align-self: inherit;
}
.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: 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;
-o-object-fit: cover;
object-fit: cover;
}
}
.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% - 0.66667em);
margin-right: 1em;
}
.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% - 0.75em);
margin-right: 1em;
}
.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% - 0.8em);
margin-right: 1em;
}
.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% - 0.83333em);
margin-right: 1em;
}
.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% - 0.85714em);
margin-right: 1em;
}
.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% - 0.875em);
margin-right: 1em;
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
.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-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
.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: 420px;
width: 100%;
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,
.wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center;
}
.wp-block-group {
box-sizing: border-box;
}
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
padding: 1.25em 2.375em;
}
.wp-block-image img {
max-width: 100%;
}
.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit;
}
.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 {
display: table;
}
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption {
display: table-caption;
caption-side: bottom;
}
.wp-block-image .alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.wp-block-image .alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-image figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
border-radius: 9999px;
}
@supports ((-webkit-mask-image: none) or (mask-image: none)) or
(-webkit-mask-image: none) {
.wp-block-image.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0;
}
}
.wp-block-image figure {
margin: 0;
}
ol.wp-block-latest-comments {
margin-left: 0;
}
.wp-block-latest-comments .wp-block-latest-comments {
padding-left: 0;
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em;
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none;
}
.has-avatars
.wp-block-latest-comments__comment
.wp-block-latest-comments__comment-excerpt,
.has-avatars
.wp-block-latest-comments__comment
.wp-block-latest-comments__comment-meta {
margin-left: 3.25em;
}
.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5;
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 0.875em;
line-height: 1.8;
margin: 0.36em 0 1.4em;
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: 0.75em;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: 0.75em;
width: 2.5em;
}
.wp-block-latest-posts.alignleft {
margin-right: 2em;
}
.wp-block-latest-posts.alignright {
margin-left: 2em;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none;
padding-left: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both;
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.wp-block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - 0.625em);
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0;
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - 0.83333em);
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0;
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - 0.9375em);
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0;
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 1em);
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0;
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 1.04167em);
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0;
}
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
display: block;
color: #555;
font-size: 0.8125em;
}
.wp-block-latest-posts__post-excerpt {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-latest-posts__featured-image a {
display: inline-block;
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto;
max-width: 100%;
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em;
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em;
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center;
}
.block-editor-image-alignment-control__row .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center;
}
.block-editor-image-alignment-control__row
.components-base-control__field
.components-base-control__label {
margin-bottom: 0;
}
ol.has-background,
ul.has-background {
padding: 1.25em 2.375em;
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr; /*!rtl:end:ignore*/
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
}
.wp-block-media-text.has-media-on-the-right {
grid-template-columns: 1fr 50%;
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
align-self: start;
}
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media,
.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 {
align-self: center;
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
align-self: end;
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1; /*!rtl:end:ignore*/
margin: 0;
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr; /*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1; /*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1; /*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1; /*!rtl:end:ignore*/
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {
display: block;
height: 100%;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
}
}
.wp-block-navigation {
position: relative;
}
.wp-block-navigation ul,
.wp-block-navigation ul li {
list-style: none;
padding: 0;
}
.wp-block-navigation .wp-block-navigation-link,
.wp-block-navigation .wp-block-pages-list__item {
display: flex;
align-items: center;
position: relative;
}
.wp-block-navigation
.wp-block-navigation-link
.wp-block-navigation-link__container:empty,
.wp-block-navigation
.wp-block-pages-list__item
.wp-block-navigation-link__container:empty {
display: none;
}
.wp-block-navigation .wp-block-navigation-link__content,
.wp-block-navigation .wp-block-pages-list__item__link {
color: inherit;
display: block;
}
.wp-block-navigation[style*='text-decoration'] .wp-block-navigation-link,
.wp-block-navigation[style*='text-decoration']
.wp-block-navigation-link__container,
.wp-block-navigation[style*='text-decoration']
.wp-block-navigation-link__content,
.wp-block-navigation[style*='text-decoration']
.wp-block-navigation-link__content:active,
.wp-block-navigation[style*='text-decoration']
.wp-block-navigation-link__content:focus,
.wp-block-navigation[style*='text-decoration'] .wp-block-pages-list__item,
.wp-block-navigation[style*='text-decoration'] .wp-block-pages-list__item__link,
.wp-block-navigation[style*='text-decoration']
.wp-block-pages-list__item__link:active,
.wp-block-navigation[style*='text-decoration']
.wp-block-pages-list__item__link:focus {
text-decoration: inherit;
}
.wp-block-navigation:not([style*='text-decoration'])
.wp-block-navigation-link__content,
.wp-block-navigation:not([style*='text-decoration'])
.wp-block-navigation-link__content:active,
.wp-block-navigation:not([style*='text-decoration'])
.wp-block-navigation-link__content:focus,
.wp-block-navigation:not([style*='text-decoration'])
.wp-block-pages-list__item__link,
.wp-block-navigation:not([style*='text-decoration'])
.wp-block-pages-list__item__link:active,
.wp-block-navigation:not([style*='text-decoration'])
.wp-block-pages-list__item__link:focus {
text-decoration: none;
}
.wp-block-navigation .wp-block-navigation-link__submenu-icon,
.wp-block-navigation .wp-block-page-list__submenu-icon {
height: inherit;
}
.wp-block-navigation .wp-block-navigation-link__submenu-icon svg,
.wp-block-navigation .wp-block-page-list__submenu-icon svg {
stroke: currentColor;
}
.wp-block-navigation
.wp-block-navigation-link
.wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content,
.wp-block-navigation
.wp-block-pages-list__item
.wp-block-pages-list__item__link {
padding: 0;
}
.wp-block-navigation .has-child > .wp-block-navigation-link__content,
.wp-block-navigation .has-child > .wp-block-pages-list__item__link {
margin-right: 0.5em;
}
.wp-block-navigation .has-child .submenu-container,
.wp-block-navigation .has-child .wp-block-navigation-link__container {
background-color: inherit;
color: inherit;
position: absolute;
z-index: 2;
flex-direction: column;
align-items: normal;
min-width: 200px;
display: none;
opacity: 0;
transition: opacity 0.1s linear;
visibility: hidden;
}
.wp-block-navigation
.has-child
.submenu-container
> .wp-block-navigation-link
> .wp-block-navigation-link__content,
.wp-block-navigation
.has-child
.submenu-container
> .wp-block-navigation-link
> .wp-block-pages-list__item__link,
.wp-block-navigation
.has-child
.submenu-container
> .wp-block-pages-list__item
> .wp-block-navigation-link__content,
.wp-block-navigation
.has-child
.submenu-container
> .wp-block-pages-list__item
> .wp-block-pages-list__item__link,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
> .wp-block-navigation-link
> .wp-block-navigation-link__content,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
> .wp-block-navigation-link
> .wp-block-pages-list__item__link,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
> .wp-block-pages-list__item
> .wp-block-navigation-link__content,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
> .wp-block-pages-list__item
> .wp-block-pages-list__item__link {
flex-grow: 1;
}
.wp-block-navigation
.has-child
.submenu-container
> .wp-block-navigation-link
> .wp-block-navigation-link__submenu-icon,
.wp-block-navigation
.has-child
.submenu-container
> .wp-block-navigation-link
> .wp-block-page-list__submenu-icon,
.wp-block-navigation
.has-child
.submenu-container
> .wp-block-pages-list__item
> .wp-block-navigation-link__submenu-icon,
.wp-block-navigation
.has-child
.submenu-container
> .wp-block-pages-list__item
> .wp-block-page-list__submenu-icon,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
> .wp-block-navigation-link
> .wp-block-navigation-link__submenu-icon,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
> .wp-block-navigation-link
> .wp-block-page-list__submenu-icon,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
> .wp-block-pages-list__item
> .wp-block-navigation-link__submenu-icon,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
> .wp-block-pages-list__item
> .wp-block-page-list__submenu-icon {
padding-right: 0.5em;
}
@media (min-width: 782px) {
.wp-block-navigation .has-child .submenu-container .submenu-container:before,
.wp-block-navigation
.has-child
.submenu-container
.wp-block-navigation-link__container:before,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.submenu-container:before,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link__container:before {
content: '';
position: absolute;
right: 100%;
height: 100%;
display: block;
width: 0.5em;
background: 0 0;
}
.wp-block-navigation
.has-child
.submenu-container
.wp-block-navigation-link__submenu-icon
svg,
.wp-block-navigation
.has-child
.submenu-container
.wp-block-page-list__submenu-icon
svg,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link__submenu-icon
svg,
.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.wp-block-page-list__submenu-icon
svg {
transform: rotate(-90deg);
}
}
.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container {
display: flex;
visibility: visible;
opacity: 1;
}
.wp-block-navigation
.has-child:focus-within
> .wp-block-navigation-link__container {
display: flex;
visibility: visible;
opacity: 1;
}
.wp-block-navigation .has-child:hover {
cursor: pointer;
}
.wp-block-navigation .has-child:hover > .submenu-container {
display: flex;
visibility: visible;
opacity: 1;
}
.wp-block-navigation .has-child:focus-within {
cursor: pointer;
}
.wp-block-navigation .has-child:focus-within > .submenu-container {
display: flex;
visibility: visible;
opacity: 1;
}
.wp-block-navigation.wp-block-navigation.items-justified-right
> .submenu-container
.has-child
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .submenu-container
.has-child
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .wp-block-navigation__container
.has-child
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .wp-block-navigation__container
.has-child
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .submenu-container
> .has-child:last-child
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .submenu-container
> .has-child:last-child
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .wp-block-navigation__container
> .has-child:last-child
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .wp-block-navigation__container
> .has-child:last-child
.wp-block-navigation-link__container {
left: auto;
right: 0;
}
.wp-block-navigation.wp-block-navigation.items-justified-right
> .submenu-container
.has-child
.submenu-container
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .submenu-container
.has-child
.submenu-container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .submenu-container
.has-child
.wp-block-navigation-link__container
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .submenu-container
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .wp-block-navigation__container
.has-child
.submenu-container
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .wp-block-navigation__container
.has-child
.submenu-container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .wp-block-navigation__container
.has-child
.wp-block-navigation-link__container
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-right
> .wp-block-navigation__container
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .submenu-container
> .has-child:last-child
.submenu-container
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .submenu-container
> .has-child:last-child
.submenu-container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .submenu-container
> .has-child:last-child
.wp-block-navigation-link__container
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .submenu-container
> .has-child:last-child
.wp-block-navigation-link__container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .wp-block-navigation__container
> .has-child:last-child
.submenu-container
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .wp-block-navigation__container
> .has-child:last-child
.submenu-container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .wp-block-navigation__container
> .has-child:last-child
.wp-block-navigation-link__container
.submenu-container,
.wp-block-navigation.wp-block-navigation.items-justified-space-between
> .wp-block-navigation__container
> .has-child:last-child
.wp-block-navigation-link__container
.wp-block-navigation-link__container {
left: auto;
right: 100%;
}
.wp-block-navigation.wp-block-navigation
.wp-block-navigation__container
> .wp-block-navigation-link,
.wp-block-navigation.wp-block-navigation .wp-block-page-list,
.wp-block-navigation.wp-block-navigation
.wp-block-page-list
> .wp-block-pages-list__item {
margin: 0 2em 0 0;
}
.wp-block-navigation.wp-block-navigation
.wp-block-navigation__container
> .wp-block-navigation-link:last-child,
.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child,
.wp-block-navigation.wp-block-navigation
.wp-block-page-list
> .wp-block-pages-list__item:last-child {
margin-right: 0;
}
.wp-block-navigation.wp-block-navigation.has-background
.wp-block-navigation__container
> .wp-block-navigation-link,
.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list,
.wp-block-navigation.wp-block-navigation.has-background
.wp-block-page-list
> .wp-block-pages-list__item {
margin: 0 0.5em 0 0;
}
.wp-block-navigation.wp-block-navigation.has-background
.wp-block-navigation__container
.wp-block-navigation-link__content,
.wp-block-navigation.wp-block-navigation.has-background
.wp-block-page-list
.wp-block-pages-list__item__link {
padding: 0.5em 1em;
}
.wp-block-navigation.wp-block-navigation .has-child .submenu-container,
.wp-block-navigation.wp-block-navigation
.has-child
.wp-block-navigation-link__container {
left: -1em;
top: 100%;
}
.wp-block-navigation.wp-block-navigation
.has-child
.submenu-container
.wp-block-navigation-link,
.wp-block-navigation.wp-block-navigation
.has-child
.submenu-container
.wp-block-pages-list__item,
.wp-block-navigation.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link,
.wp-block-navigation.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.wp-block-pages-list__item {
margin: 0;
}
.wp-block-navigation.wp-block-navigation
.has-child
.submenu-container
.wp-block-navigation-link__content,
.wp-block-navigation.wp-block-navigation
.has-child
.submenu-container
.wp-block-pages-list__item__link,
.wp-block-navigation.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link__content,
.wp-block-navigation.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.wp-block-pages-list__item__link {
padding: 0.5em 1em;
}
.wp-block-navigation.wp-block-navigation
.has-child
.submenu-container
.submenu-container,
.wp-block-navigation.wp-block-navigation
.has-child
.submenu-container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.submenu-container,
.wp-block-navigation.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link__container {
left: -1px;
}
@media (min-width: 782px) {
.wp-block-navigation.wp-block-navigation
.has-child
.submenu-container
.submenu-container,
.wp-block-navigation.wp-block-navigation
.has-child
.submenu-container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.submenu-container,
.wp-block-navigation.wp-block-navigation
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link__container {
left: 100%;
top: -1px;
}
}
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.submenu-container,
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.wp-block-navigation-link__container {
left: 0;
top: 100%;
}
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.submenu-container
.submenu-container,
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.submenu-container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.wp-block-navigation-link__container
.submenu-container,
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link__container {
left: 0;
}
@media (min-width: 782px) {
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.submenu-container
.submenu-container,
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.submenu-container
.wp-block-navigation-link__container,
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.wp-block-navigation-link__container
.submenu-container,
.wp-block-navigation.wp-block-navigation.has-background
.has-child
.wp-block-navigation-link__container
.wp-block-navigation-link__container {
left: 100%;
top: 0;
}
}
.wp-block-navigation:not(.has-background) .submenu-container,
.wp-block-navigation:not(.has-background)
.wp-block-navigation__container
.wp-block-navigation-link__container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.wp-block-navigation__container {
align-items: center;
list-style: none;
margin: 0;
padding-left: 0;
}
.wp-block-navigation__container .is-responsive {
display: none;
}
@media (min-width: 600px) {
.wp-block-navigation__container {
display: flex;
flex-wrap: wrap;
}
.is-vertical .wp-block-navigation__container {
display: block;
flex-direction: column;
align-items: flex-start;
}
}
.items-justified-center .wp-block-navigation__container {
justify-content: center;
}
.items-justified-right .wp-block-navigation__container {
justify-content: flex-end;
}
.items-justified-space-between .wp-block-navigation__container {
justify-content: space-between;
}
.is-vertical.items-justified-center > ul {
align-items: center;
}
.is-vertical.items-justified-right > ul {
align-items: flex-end;
}
.is-vertical.items-justified-right > ul .wp-block-navigation-link,
.is-vertical.items-justified-right > ul .wp-block-pages-list__item {
margin-right: 0;
justify-content: flex-end;
}
.wp-block-navigation__responsive-container {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
align-items: flex-start;
justify-content: flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
overflow: auto;
z-index: 100000;
padding: 24px;
background-color: inherit;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container {
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
align-items: flex-start;
line-height: 48px;
padding: 0;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container
.wp-block-page-list {
flex-direction: column;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-link,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-link
.wp-block-navigation-link__container,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-pages-list__item,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-pages-list__item
.submenu-container {
background: 0 0 !important;
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container:not(.is-menu-open) {
display: flex;
flex-direction: row;
position: relative;
background-color: inherit;
}
.wp-block-navigation__responsive-container:not(.is-menu-open)
.wp-block-navigation__responsive-container-close {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open
.submenu-container.submenu-container.submenu-container.submenu-container,
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {
left: 0;
}
}
.wp-block-navigation:not(.has-background)
.wp-block-navigation__responsive-container.is-menu-open {
background-color: #fff;
color: #000;
}
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
vertical-align: middle;
cursor: pointer;
color: currentColor;
background: 0 0;
border: none;
margin: 0;
padding: 0;
}
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
fill: currentColor;
pointer-events: none;
display: block;
width: 24px;
height: 24px;
}
.wp-block-navigation__responsive-container-open {
display: flex;
}
@media (min-width: 600px) {
.wp-block-navigation__responsive-container-open {
display: none;
}
}
.items-justified-left .wp-block-navigation__responsive-container-open {
margin-left: 0;
margin-right: auto;
}
.items-justified-center .wp-block-navigation__responsive-container-open {
margin-left: auto;
margin-right: auto;
}
.items-justified-right .wp-block-navigation__responsive-container-open {
margin-left: auto;
margin-right: 0;
}
.wp-block-navigation__responsive-container-close {
position: absolute;
top: 24px;
right: 24px;
z-index: 2;
}
.wp-block-navigation__responsive-close {
width: 100%;
}
.is-menu-open .wp-block-navigation__responsive-close,
.is-menu-open .wp-block-navigation__responsive-container-content,
.is-menu-open .wp-block-navigation__responsive-dialog {
width: 100%;
height: 100%;
}
.wp-block-navigation
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-link__submenu-icon,
.wp-block-navigation
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-page-list__submenu-icon {
display: none;
}
.wp-block-navigation
.wp-block-navigation__responsive-container.is-menu-open
.has-child
.submenu-container,
.wp-block-navigation
.wp-block-navigation__responsive-container.is-menu-open
.has-child
.wp-block-navigation-link__container {
position: relative;
opacity: 1;
visibility: visible;
padding: 0 0 0 32px;
border: none;
}
.wp-block-navigation
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-link,
.wp-block-navigation
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-pages-list__item {
flex-direction: column;
align-items: flex-start;
}
html.has-modal-open {
overflow: hidden;
}
.wp-block-navigation .wp-block-navigation-link__label {
word-break: normal;
overflow-wrap: break-word;
}
.wp-block-navigation .wp-block-home-link__content {
color: inherit;
display: block;
padding: 0.5em 1em;
}
.wp-block-navigation[style*='text-decoration'] .wp-block-home-link,
.wp-block-navigation[style*='text-decoration'] .wp-block-home-link__content,
.wp-block-navigation[style*='text-decoration']
.wp-block-home-link__content:active,
.wp-block-navigation[style*='text-decoration']
.wp-block-home-link__content:focus {
text-decoration: inherit;
}
.wp-block-navigation:not([style*='text-decoration'])
.wp-block-home-link__content,
.wp-block-navigation:not([style*='text-decoration'])
.wp-block-home-link__content:active,
.wp-block-navigation:not([style*='text-decoration'])
.wp-block-home-link__content:focus {
text-decoration: none;
}
.wp-block-navigation:not(.has-background)
.wp-block-navigation__container
.wp-block-home-link__container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.wp-block-navigation:not(.has-background)
.wp-block-navigation__container
.wp-block-home-link__container
.wp-block-home-link__container {
top: -1px;
}
.wp-block-navigation .wp-block-page-list {
display: flex;
flex-wrap: wrap;
background-color: inherit;
}
.wp-block-navigation .wp-block-pages-list__item {
background-color: inherit;
}
.wp-block-navigation .wp-block-page-list__submenu-icon {
display: none;
}
.is-open .wp-block-navigation__container .wp-block-page-list,
.is-vertical .wp-block-navigation__container .wp-block-page-list,
.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {
display: block;
}
@media (min-width: 480px) {
.is-open .wp-block-navigation__container .wp-block-page-list {
display: flex;
}
}
.items-justified-space-between .wp-block-page-list {
display: contents;
}
.is-small-text {
font-size: 0.875em;
}
.is-regular-text {
font-size: 1em;
}
.is-large-text {
font-size: 2.25em;
}
.is-larger-text {
font-size: 3em;
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: 0.68;
font-weight: 100;
margin: 0.05em 0.1em 0 0;
text-transform: uppercase;
font-style: normal;
}
p.has-drop-cap.has-background {
overflow: hidden;
}
p.has-background {
padding: 1.25em 2.375em;
}
p.has-text-color a {
color: inherit;
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 0.5em;
}
.wp-block-post-author__avatar {
margin-right: 1em;
}
.wp-block-post-author__bio {
margin-bottom: 0.7em;
font-size: 0.7em;
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0;
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0;
}
.wp-block-post-comments .commentlist {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-post-comments .commentlist .comment {
min-height: 2.25em;
padding-left: 3.25em;
}
.wp-block-post-comments .commentlist .comment p {
font-size: 0.875em;
line-height: 1.8;
margin: 0.36em 0 1.4em;
}
.wp-block-post-comments .commentlist .children {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-post-comments .comment-author {
line-height: 1.5;
margin-left: -3.25em;
}
.wp-block-post-comments .comment-author .avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: 0.75em;
width: 2.5em;
}
.wp-block-post-comments .comment-author cite {
font-style: normal;
}
.wp-block-post-comments .comment-meta {
line-height: 1.5;
margin-left: -3.25em;
}
.wp-block-post-comments .comment-body .commentmetadata {
font-size: 0.75em;
}
.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
display: block;
}
.wp-block-post-comments .comment-form-comment textarea {
box-sizing: border-box;
width: 100%;
}
.wp-block-post-comments .reply {
font-size: 0.75em;
margin-bottom: 1.4em;
}
.wp-block-post-comments input,
.wp-block-post-comments textarea {
border: 1px solid #949494;
}
.wp-block-post-comments-form input[type='submit'] {
border: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
text-align: center;
overflow-wrap: break-word;
}
.wp-block-post-excerpt__more-link,
.wp-block-post-title a {
display: inline-block;
}
.wp-block-preformatted {
white-space: pre-wrap;
}
.wp-block-preformatted.has-background {
padding: 1.25em 2.375em;
}
.wp-block-pullquote {
margin: 0 0 1em;
padding: 3em 0;
text-align: center;
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 420px;
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 1.25em;
}
.wp-block-pullquote p {
font-size: 1.75em;
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: 0 0;
}
.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: 2em;
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal;
}
.wp-block-pullquote cite {
color: inherit;
}
.wp-block-post-template,
.wp-block-query-loop {
max-width: 100%;
list-style: none;
padding: 0;
}
.wp-block-post-template li,
.wp-block-query-loop li {
clear: both;
}
.wp-block-post-template.is-flex-container,
.wp-block-query-loop.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap;
}
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
margin: 0 0 1.25em;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-post-template.is-flex-container li,
.wp-block-query-loop.is-flex-container li {
margin-right: 1.25em;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
width: calc(50% - 0.625em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2
> li:nth-child(2n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-2
> li:nth-child(2n) {
margin-right: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
width: calc(33.33333% - 0.83333em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3
> li:nth-child(3n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-3
> li:nth-child(3n) {
margin-right: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
width: calc(25% - 0.9375em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4
> li:nth-child(4n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-4
> li:nth-child(4n) {
margin-right: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
width: calc(20% - 1em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5
> li:nth-child(5n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-5
> li:nth-child(5n) {
margin-right: 0;
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
width: calc(16.66667% - 1.04167em);
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6
> li:nth-child(6n),
.wp-block-query-loop.is-flex-container.is-flex-container.columns-6
> li:nth-child(6n) {
margin-right: 0;
}
}
.wp-block-query-pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.wp-block-query-pagination > .wp-block-query-pagination-next,
.wp-block-query-pagination > .wp-block-query-pagination-numbers,
.wp-block-query-pagination > .wp-block-query-pagination-previous {
display: inline-block;
margin-right: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-query-pagination > .wp-block-query-pagination-next:last-child,
.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child,
.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child {
margin-right: 0;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin-bottom: 1em;
padding: 0 1em;
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 1.5em;
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: 1.125em;
text-align: right;
}
.wp-block-rss.wp-block-rss {
box-sizing: border-box;
}
.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 1em 1em 0;
width: 100%;
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(50% - 1em);
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 1em);
}
.wp-block-rss.columns-4 li {
width: calc(25% - 1em);
}
.wp-block-rss.columns-5 li {
width: calc(20% - 1em);
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 1em);
}
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
display: block;
color: #555;
font-size: 0.8125em;
}
.wp-block-search .wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: 0.375em 0.625em;
color: #32373c;
margin-left: 0.625em;
word-break: normal;
}
.wp-block-search .wp-block-search__button.has-icon {
line-height: 0;
}
.wp-block-search .wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em;
}
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
.wp-block-search .wp-block-search__label {
width: 100%;
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left: 0;
}
.wp-block-search.wp-block-search__button-inside
.wp-block-search__inside-wrapper {
padding: 4px;
border: 1px solid #949494;
}
.wp-block-search.wp-block-search__button-inside
.wp-block-search__inside-wrapper
.wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0 0 0.25em;
}
.wp-block-search.wp-block-search__button-inside
.wp-block-search__inside-wrapper
.wp-block-search__input:focus {
outline: 0;
}
.wp-block-search.wp-block-search__button-inside
.wp-block-search__inside-wrapper
.wp-block-search__button {
padding: 0.125em 0.5em;
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin: auto;
}
.wp-block-separator {
border-top: 1px solid;
border-bottom: 1px solid;
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px;
}
.wp-block-separator.is-style-dots {
background: 0 0 !important;
border: none;
text-align: center;
width: none;
line-height: 1;
height: auto;
}
.wp-block-separator.is-style-dots:before {
content: 'ยทยทยท';
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif;
}
.wp-block-site-logo {
line-height: 0;
}
.wp-block-site-logo a {
display: inline-block;
}
.wp-block-site-logo.is-default-size img {
width: 120px;
height: auto;
}
.wp-block-site-logo .aligncenter {
display: table;
}
.wp-block-site-logo.is-style-rounded img {
border-radius: 9999px;
}
.wp-block-social-links {
display: flex;
flex-wrap: wrap;
padding-left: 0;
padding-right: 0;
text-indent: 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-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 8px 4px 0;
}
.wp-block-social-links .wp-social-link a {
padding: 0.25em;
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em;
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px;
}
.wp-block-social-links,
.wp-block-social-links.has-normal-icon-size {
font-size: 24px;
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px;
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px;
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex;
}
.wp-block-social-links.alignright {
justify-content: flex-end;
}
.wp-block-social-link {
display: block;
border-radius: 9999px;
transition: transform 0.1s ease;
height: auto;
}
@media (prefers-reduced-motion: reduce) {
.wp-block-social-link {
transition-duration: 0s;
transition-delay: 0s;
}
}
.wp-block-social-link a {
display: block;
line-height: 0;
transition: transform 0.1s ease;
}
.wp-block-social-link:hover {
transform: scale(1.1);
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,
.wp-block-social-links
.wp-block-social-link
.wp-block-social-link-anchor:active,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links
.wp-block-social-link
.wp-block-social-link-anchor:visited {
color: currentColor;
fill: currentColor;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #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-telegram {
background-color: #2aabee;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff;
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-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: 0 0;
padding: 4px;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #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-telegram {
color: #2aabee;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
color: #d32422;
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red;
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto;
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: 0.66667em;
padding-right: 0.66667em;
}
.wp-block-spacer {
clear: both;
}
.wp-block-tag-cloud.aligncenter {
text-align: center;
}
.wp-block-tag-cloud.alignfull {
padding-left: 1em;
padding-right: 1em;
}
.wp-block-table {
margin: 0 0 1em;
overflow-x: auto;
}
.wp-block-table table {
border-collapse: collapse;
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-table .has-border-color td,
.wp-block-table .has-border-color th,
.wp-block-table .has-border-color tr,
.wp-block-table .has-border-color > * {
border-color: inherit;
}
.wp-block-table table[style*='border-style'] td,
.wp-block-table table[style*='border-style'] th,
.wp-block-table table[style*='border-style'] tr,
.wp-block-table table[style*='border-style'] > * {
border-style: inherit;
}
.wp-block-table table[style*='border-width'] td,
.wp-block-table table[style*='border-width'] th,
.wp-block-table table[style*='border-width'] tr,
.wp-block-table table[style*='border-width'] > * {
border-width: inherit;
}
.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
display: flex;
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0;
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0;
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0;
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%;
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%;
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%;
}
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap;
}
.wp-block-video {
margin: 0 0 1em;
}
.wp-block-video video {
width: 100%;
}
@supports (position: sticky) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover;
}
}
.wp-block-video.aligncenter {
text-align: center;
}
.wp-block-video figcaption {
margin-top: 0.5em;
margin-bottom: 1em;
}
.wp-block-post-featured-image {
margin-left: 0;
margin-right: 0;
}
.wp-block-post-featured-image a {
display: inline-block;
}
.wp-block-post-featured-image img {
max-width: 100%;
height: auto;
}
.wp-block-post-featured-image.alignfull img,
.wp-block-post-featured-image.alignwide img {
width: 100%;
}
:root .has-pale-pink-background-color {
background-color: #f78da7;
}
:root .has-vivid-red-background-color {
background-color: #cf2e2e;
}
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900;
}
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900;
}
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5;
}
:root .has-vivid-green-cyan-background-color {
background-color: #00d084;
}
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc;
}
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3;
}
:root .has-vivid-purple-background-color {
background-color: #9b51e0;
}
:root .has-white-background-color {
background-color: #fff;
}
:root .has-very-light-gray-background-color {
background-color: #eee;
}
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3;
}
:root .has-very-dark-gray-background-color {
background-color: #313131;
}
:root .has-black-background-color {
background-color: #000;
}
:root .has-pale-pink-color {
color: #f78da7;
}
:root .has-vivid-red-color {
color: #cf2e2e;
}
:root .has-luminous-vivid-orange-color {
color: #ff6900;
}
:root .has-luminous-vivid-amber-color {
color: #fcb900;
}
:root .has-light-green-cyan-color {
color: #7bdcb5;
}
:root .has-vivid-green-cyan-color {
color: #00d084;
}
:root .has-pale-cyan-blue-color {
color: #8ed1fc;
}
:root .has-vivid-cyan-blue-color {
color: #0693e3;
}
:root .has-vivid-purple-color {
color: #9b51e0;
}
:root .has-white-color {
color: #fff;
}
:root .has-very-light-gray-color {
color: #eee;
}
:root .has-cyan-bluish-gray-color {
color: #abb8c3;
}
:root .has-very-dark-gray-color {
color: #313131;
}
:root .has-black-color {
color: #000;
}
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg, #0693e3, #9b51e0);
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3);
}
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg, #7adcb4, #00d082);
}
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg, #fcb900, #ff6900);
}
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg, #ff6900, #cf2e2e);
}
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg, #eee, #a9b8c3);
}
:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(
135deg,
#4aeadc,
#9778d1 20%,
#cf2aba 40%,
#ee2c82 60%,
#fb6962 80%,
#fef84c
);
}
:root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg, #ffceec, #9896f0);
}
:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e);
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
}
:root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0);
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec);
}
:root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5);
}
:root .has-electric-grass-gradient-background {
background: linear-gradient(135deg, #caf880, #71ce7e);
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671);
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59);
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf);
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc);
}
.has-small-font-size {
font-size: 0.8125em;
}
.has-normal-font-size,
.has-regular-font-size {
font-size: 1em;
}
.has-medium-font-size {
font-size: 1.25em;
}
.has-large-font-size {
font-size: 2.25em;
}
.has-huge-font-size,
.has-larger-font-size {
font-size: 2.625em;
}
.has-text-align-center {
text-align: center;
}
.has-text-align-left {
text-align: left;
}
.has-text-align-right {
text-align: right;
}
#end-resizable-editor-section {
display: none;
}
.aligncenter {
clear: both;
}
.items-justified-left {
justify-content: flex-start;
}
.items-justified-center {
justify-content: center;
}
.items-justified-right {
justify-content: flex-end;
}
.items-justified-space-between {
justify-content: space-between;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #ddd;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
@font-face {
font-family: Kanit, sans-serif;
font-weight: 400;
font-style: normal;
}
.content-footer h1 {
margin: 0;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
-webkit-appearance: button;
}
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
*,
:after,
:before {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
body,
button,
input,
optgroup,
select,
textarea {
color: #404040;
font-family: Kanit, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: Kanit, sans-serif;
}
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.fa,
.fas {
font-weight: 900;
}
p {
font-family: Kanit, sans-serif;
margin: 0;
}
cite,
dfn,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: 'Courier 10 Pitch', courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins,
mark {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
body {
background: #0a0a0a;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ol,
ul {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ol,
li > ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
embed,
iframe,
object {
max-width: 100%;
border-radius: 1rem;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
a {
color: #c4cdd5;
text-decoration: none;
}
a:active,
a:focus,
a:hover {
outline: 0 !important;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0 !important;
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
border: 1px solid;
background: #ffb10a;
border: 1px solid #444 !important;
border-radius: 3px;
color: #1c1b1b !important;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type='button']:active,
input[type='button']:focus,
input[type='reset']:active,
input[type='reset']:focus,
input[type='submit']:active,
input[type='submit']:focus {
border-color: #aaa #bbb #bbb;
}
input[type='color'],
input[type='date'],
input[type='datetime-local'],
input[type='datetime'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='range'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type='color']:focus,
input[type='date']:focus,
input[type='datetime-local']:focus,
input[type='datetime']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='range']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='week']:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
.menu-movie-menu-container {
width: 100%;
text-align: center;
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.post-navigation .nav-links,
.posts-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
.sticky {
display: block;
}
.page,
.post {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.entry-content,
.entry-summary,
.page-content {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.widget {
margin: 0 !important;
}
.widget select {
max-width: 100%;
}
.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*='wp-image-'] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
.infinity-end.neverending .site-footer {
display: block;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#primary[tabindex='-1']:focus {
outline: 0;
}
.alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.site-header {
width: 1200px;
}
.site-branding {
width: 100%;
background-color: #040404;
}
.header-info {
width: 1216px;
margin: 0 auto;
display: grid;
-ms-grid-columns: 21.25% 62.08333333333333% 16.66666666666667%;
grid-template-columns: 21.25% 62.08333333333333% 16.66666666666667%;
align-items: center;
padding: 20px 0;
}
.site-logo {
width: 1216px;
margin: 0 auto;
display: grid;
-ms-grid-columns: 21.25% 62.08333333333333% 16.66666666666667%;
grid-template-columns: 21.25% 62.08333333333333% 16.66666666666667%;
align-items: center;
padding: 20px 0;
}
.site-branding ul {
margin: 0;
padding: 0;
text-align: center;
}
.site-branding h1 {
text-align: center;
color: #999;
font-size: 18px;
font-family: Kanit, sans-serif;
}
.site-logo h1 {
font-size: 24px;
color: #b6bbcc;
text-align: center;
margin-top: 37px;
}
input#input-ser {
width: 100%;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
color: #c5c5c5;
outline: 0;
border-radius: 17px;
background: #212120;
border: 0;
}
input#input-ser::placeholder {
font-size: 13px;
padding: 0 5px;
color: #707070;
}
button#searchsubmit {
background: #3b3d45;
border: none;
color: #fff;
padding: 8px 10px 5px;
font-size: 13px;
margin-left: -5px;
border: 0 !important;
}
nav#site-navigation {
display: block;
width: 100%;
background: #0a0a0a;
border-top: 1px solid #1c1c1c;
}
.width-auto {
width: 1250px;
margin: 0 auto;
/* display: flex;
align-items: center; */
}
.grid-main {
display: grid;
-ms-grid-columns: 202px 782px 202px;
grid-template-columns: 202px 782px 202px;
grid-gap: 15px;
margin-top: 32px;
}
.h1-text h1,
.h1-text h2,
.h1-text h4 {
display: block;
border-radius: 10px;
background: #181818;
padding: 7px 0;
margin: 0 0 10px;
text-align: center;
font-size: 20px;
color: #fff;
}
.other-movie {
margin-top: 20px;
}
.sidebar-filter h4 {
color: #d4d4d4;
text-align: center;
font-family: Kanit, sans-serif;
}
section#tag_cloud-3 .widgettitle {
display: none;
}
h2.widget-title {
background: linear-gradient(to right, #181818, #181818);
font-size: 16px !important;
color: #eee !important;
text-align: center;
padding: 7px 0;
margin: 0 0 6px !important;
border-bottom: 1px solid #181818;
border-radius: 6px;
}
.widgettitle,
/* h3.widget-title {
background: #181818;
padding: 12.5px 0;
margin: 0;
text-align: center;
font-size: 18px;
font-family: kanit;
line-height: 1;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom: 1px solid #424040;
} */
.widget_wp_categories_widget ul li,
.widget_wpcategorieswidget ul li {
font-size: 16px;
margin: 0;
border-bottom: 1px solid #2d2e36 !important;
position: relative;
list-style-type: none;
line-height: 35px;
display: flow-root;
text-align: right;
color: #9fc1e0 !important;
}
.widget_wp_categories_widget ul li,
li#tag_cloud-3 {
font-size: 16px;
margin: 0;
border-bottom: 1px solid #2d2e36 !important;
position: relative;
list-style-type: none;
line-height: 35px;
display: flow-root;
}
.widget_wp_categories_widget ul li:last-child {
border-bottom: none !important;
}
.widget_wp_categories_widget ul li a {
display: inline-block;
color: #9fc1e0 !important;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
font-size: 14px !important;
float: left !important;
}
.widget_wp_categories_widget ul li span.post-count {
height: auto !important;
min-width: 35px;
text-align: center;
background: 0 0 !important;
color: #9fc1e0 !important;
border-radius: 0 !important;
box-shadow: none !important;
float: right;
margin-top: 2px;
font-size: 14px;
}
.title-box-movie {
overflow: hidden;
}
/* .h1-text h2 {
margin-top: 50px;
} */
.main-movie {
overflow: hidden;
border-radius: 5px;
margin-bottom: 30px;
}
.grid-movie {
display: -ms-grid;
display: grid;
-ms-grid-columns: repeat(4, 189px);
grid-template-columns: repeat(4, 189px);
grid-gap: 8px;
margin-bottom: 15px;
}
.grid-movie-ct {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-gap: 10px;
margin-bottom: 15px;
}
.sidebar-cate {
margin-bottom: 15px;
}
.widget_wpcategorieswidget li:hover {
background: #212120;
}
.widget_wpcategorieswidget ul li.active-cat a,
.widget_wpcategorieswidget ul li.active-cat span.post-count {
color: #fff !important;
}
.widget_wp_categories_widget ul li a:hover,
.widget_wp_categories_widget ul li.active-cat a,
.widget_wp_categories_widget ul li.active-cat span.post-count {
color: #fff !important;
}
.widget_wpcategorieswidget ul li ul li {
padding: 0 5px 0 20px;
}
.widget_wpcategorieswidget ul li ul li:nth-child(odd) {
background: #181818;
}
.widget_wpcategorieswidget ul li ul li:nth-child(even) {
background: #1c1c1c;
}
.title {
color: #ffb10a;
}
.movie_box {
overflow: hidden;
position: relative;
margin-bottom: 15px;
}
.movie_box a {
text-decoration: none;
}
.movie_box span {
font-size: 12px;
color: #c5cade;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
display: block;
background: 0 0;
}
.movie_box p {
font-size: 14px;
font-family: Kanit, sans-serif;
text-align: center;
color: #fff;
margin: 10px 5px;
height: 40px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
span.movie-lang {
font-family: Kanit, sans-serif;
font-size: 14px;
line-height: 1;
color: #999;
background: #292627;
margin: 0 auto;
padding: 5px 15px;
border-radius: 15px;
text-align: center;
display: table;
}
.movie_box:hover span.movie-lang {
color: #ffc917;
background: #292627;
}
.movie_box a img {
vertical-align: middle;
width: 100%;
}
.movie_box a img {
border-radius: 10px;
}
.movie_box a img:hover {
opacity: 0.8;
cursor: pointer;
}
.figure-box span.movie-hd {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #f0f;
}
span.movie-hd {
background: #0d0d0c;
color: #f0f;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.movie-ultrahd {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #f0f;
}
span.movie-ultrahd {
background: #0d0d0c;
color: #f0f;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.movie-4k {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #00e7ff;
}
span.movie-4k {
background: #0d0d0c;
color: #00e7ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.movie-zoom {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0f6;
}
span.movie-zoom {
background: #0d0d0c;
color: #0f6;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.movie-series {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.movie-series {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.movie-onair {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.movie-onair {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.movie-recommend {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #ff9100;
}
span.movie-recommend {
background: #0d0d0c;
color: #ff9100;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.movie-end {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.movie-end {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.movie-coming {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.movie-coming {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
/* ===== New Quality Types from 25-hd.com ===== */
/* FHD - Full HD - Blue */
.figure-box span.movie-fhd {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #f0f;
}
span.movie-fhd {
background: #0d0d0c;
color: #f0f;
padding: 5px 13px;
border-radius: 17px;
}
/* 4K HDR - Deep Blue */
.figure-box span.movie-4khdr {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #00bfff;
}
span.movie-4khdr {
background: #0d0d0c;
color: #00bfff;
padding: 5px 13px;
border-radius: 17px;
}
/* WEB-DL - Purple */
.figure-box span.movie-webdl {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #8b5cf6;
}
span.movie-webdl {
background: #0d0d0c;
color: #8b5cf6;
padding: 5px 13px;
border-radius: 17px;
}
/* WEBRip - Purple Light */
.figure-box span.movie-webrip {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #a78bfa;
}
span.movie-webrip {
background: #0d0d0c;
color: #a78bfa;
padding: 5px 13px;
border-radius: 17px;
}
/* BluRay - Blue Premium */
.figure-box span.movie-bluray {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #2563eb;
}
span.movie-bluray {
background: #0d0d0c;
color: #2563eb;
padding: 5px 13px;
border-radius: 17px;
}
/* BDRip - Blue */
.figure-box span.movie-bdrip {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #60a5fa;
}
span.movie-bdrip {
background: #0d0d0c;
color: #60a5fa;
padding: 5px 13px;
border-radius: 17px;
}
/* HDRip - Green */
.figure-box span.movie-hdrip {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #10b981;
}
span.movie-hdrip {
background: #0d0d0c;
color: #10b981;
padding: 5px 13px;
border-radius: 17px;
}
/* HDTV - Green Light */
.figure-box span.movie-hdtv {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #34d399;
}
span.movie-hdtv {
background: #0d0d0c;
color: #34d399;
padding: 5px 13px;
border-radius: 17px;
}
/* 720p - Teal */
.figure-box span.movie-720p {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #14b8a6;
}
span.movie-720p {
background: #0d0d0c;
color: #14b8a6;
padding: 5px 13px;
border-radius: 17px;
}
/* ZMV2 - Cyan */
.figure-box span.movie-zmv2 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #06b6d4;
}
span.movie-zmv2 {
background: #0d0d0c;
color: #06b6d4;
padding: 5px 13px;
border-radius: 17px;
}
/* ZMV3 - Orange */
.figure-box span.movie-zmv3 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #f97316;
}
span.movie-zmv3 {
background: #0d0d0c;
color: #f97316;
padding: 5px 13px;
border-radius: 17px;
}
/* CAM - Red/Orange */
.figure-box span.movie-cam {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #ef4444;
}
span.movie-cam {
background: #0d0d0c;
color: #ef4444;
padding: 5px 13px;
border-radius: 17px;
}
/* TS - Red */
.figure-box span.movie-ts {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #f87171;
}
span.movie-ts {
background: #0d0d0c;
color: #f87171;
padding: 5px 13px;
border-radius: 17px;
}
/* HDCAM - Orange */
.figure-box span.movie-hdcam {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #f97316;
}
span.movie-hdcam {
background: #0d0d0c;
color: #f97316;
padding: 5px 13px;
border-radius: 17px;
}
/* HDTS - Orange Light */
.figure-box span.movie-hdts {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #fb923c;
}
span.movie-hdts {
background: #0d0d0c;
color: #fb923c;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.calidad1 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.calidad1 {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.calidad2 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #fac346;
}
span.calidad2 {
background: #0d0d0c;
color: #fac346;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.calidad3 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.calidad3 {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.calidad4 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.calidad4 {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.calidad5 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.calidad5 {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.calidad6 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.calidad6 {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.calidad7 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.calidad7 {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.calidad8 {
position: absolute;
top: 5px;
left: 5px;
border-radius: 10px;
background: #000000cc;
padding: 5px 10px;
font-size: 14px;
font-family: Kanit, sans-serif;
line-height: 1;
color: #0095ff;
}
span.calidad8 {
background: #0d0d0c;
color: #0095ff;
padding: 5px 13px;
border-radius: 17px;
}
.figure-box span.box-movie-star {
background: url(/wp-content/themes/8MNET/img/star.png) no-repeat left;
background-position: 8px;
background-position-y: 5px;
position: absolute;
top: 5px;
right: 5px;
color: #f2b000;
font-size: 14px;
line-height: 1;
border-radius: 10px;
font-family: Kanit, sans-serif;
background-color: #000000cc;
padding: 5px 10px 5px 25px;
}
/* Series Episode Badge (EP 6/8) - Green */
.figure-box span.box-movie-episode {
position: absolute;
top: 5px;
right: 5px;
color: #0ff;
font-size: 13px;
line-height: 1;
border-radius: 10px;
font-family: Kanit, sans-serif;
background-color: #000000cc;
padding: 5px 10px;
font-weight: 600;
}
/* กำลังอัพเดท Badge */
.movie_box a {
position: relative !important;
display: block !important;
}
.updating-badge {
position: absolute !important;
top: 50% !important;
left: 0 !important;
right: 0 !important;
transform: translateY(-50%) !important;
background: rgba(230, 180, 30, 0.85) !important;
color: #fff !important;
text-align: center !important;
font-size: 13px !important;
font-weight: 600 !important;
padding: 6px 0 !important;
z-index: 100 !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
letter-spacing: 1px !important;
display: block !important;
}
/* Series Ended Badge (จบแล้ว) - Red/Orange */
.figure-box span.box-movie-episode.episode-ended {
color: #fb923c;
background: linear-gradient(135deg, #000000cc, #1a0500cc);
}
.figure-box span.info1 {
top: -353px;
left: 0;
float: left;
position: relative;
background: url(./img/imdb-icon.jpg) no-repeat left center;
background-color: #080808;
padding: 0 5px 2px 44px;
}
.figure-box span.info2-1 {
position: relative;
top: -366px;
float: right;
background: linear-gradient(to bottom, #f40c6c 10%, #dd0505 84%, #da0303);
padding: 0 6px 0 6px;
color: #fff;
border-radius: 0 0 0 5px;
}
.figure-box span.info2-2 {
position: relative;
top: -368px;
float: right;
letter-spacing: 1px;
font-weight: 700;
background: linear-gradient(to bottom, #c70cf4 10%, #8405dd 84%, #7c03da);
padding: 2px 2px 0 3px;
color: #fff;
text-shadow: 1px 1px 1px #222;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.figure-box span.info2-3 {
position: relative;
top: -342px;
float: right;
background-color: #0693e3;
padding: 2px 15px;
color: #fff;
}
.figure-box span.info2-ZOOM {
position: relative;
top: -366px;
float: right;
background: linear-gradient(to bottom, #0c49f4 10%, #0579dd 84%, #0381da);
padding: 0 3px 0 5px;
color: #fff;
border-radius: 0 0 0 5px;
}
.figure-box span.coming-soon {
top: -240px;
text-transform: uppercase;
position: relative;
width: 100%;
float: left;
margin-top: -30px;
}
.figure-box span.info2-END {
position: relative;
top: -366px;
float: right;
background: linear-gradient(to bottom, #f4370c 10%, #dd7305 84%, #da8403);
padding: 0 6px 0 6px;
color: #fff;
border-radius: 0 0 0 5px;
}
.figure-box span.info2-OnAir {
position: relative;
top: -366px;
float: right;
background: linear-gradient(to bottom, #f4370c 10%, #dd7305 84%, #da8403);
padding: 0 6px 0 6px;
color: #fff;
border-radius: 0 0 0 5px;
}
.figure-box span.info2-Series {
position: relative;
top: -366px;
float: right;
background: linear-gradient(to bottom, #b00cf4 10%, #053ddd 84%, #362cd7);
padding: 0 6px 0 6px;
color: #fff;
border-radius: 0 0 0 5px;
}
.tagcloud {
background: #181818;
overflow: hidden;
padding: 10px 15px;
border-radius: 10px;
}
.movie-excerpt {
padding: 10px 15px;
}
.movie-excerpt p {
color: #d4d4d4;
font-size: 14px;
margin: 15px 0;
}
.movie-tags a:hover {
color: #212121;
background: #ffc917;
}
.movie-tags span li {
list-style: none;
margin: 5px 0;
font-weight: 200;
display: inline-flex;
}
body,
button,
input,
optgroup,
select,
textarea {
color: #d4d4d4;
font-family: Kanit, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.header-search {
margin: 25px 0 50px;
padding: 0 100px;
}
.movie-tags a {
display: inline-flex;
margin: 0 5px 5px 0;
padding: 3px 20px;
background: #212120;
border-radius: 20px;
font-size: 14px;
font-family: Kanit, sans-serif;
color: #999;
}
.movie-description {
margin-bottom: 15px;
display: grid;
grid-template-columns: 270px 501px;
grid-gap: 10px;
}
.movie-description .thumb-img img {
border-radius: 10px;
}
/* === Sidebar Year - Premium Design (2-column row) === */
.sidebar-year .tagcloud {
background: linear-gradient(145deg, #1a1a1a, #111);
overflow: hidden;
padding: 10px 8px;
border-radius: 12px;
border: 1px solid #2a2a2a;
display: flex;
flex-wrap: wrap;
gap: 6px;
justify-content: center;
}
.sidebar-year .tagcloud a {
font-size: 14px !important;
display: block;
width: calc(50% - 6px);
letter-spacing: 0.7px;
color: #b0b0b0;
font-family: Kanit, sans-serif !important;
background: linear-gradient(145deg, #252525, #1e1e1e);
padding: 7px 0;
border-radius: 10px;
text-align: center;
text-decoration: none;
border: 1px solid transparent;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
position: relative;
overflow: hidden;
}
.sidebar-year .tagcloud a::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 177, 10, 0.1),
transparent
);
transition: left 0.5s ease;
}
.sidebar-year .tagcloud a:hover::before {
left: 100%;
}
.sidebar-year .tagcloud a:hover {
color: #fff;
background: linear-gradient(145deg, #2d2d2d, #333);
border-color: #ffb10a;
box-shadow:
0 0 12px rgba(255, 177, 10, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
transform: translateY(-1px);
}
.sidebar-year .tagcloud a:active {
transform: translateY(0) scale(0.97);
box-shadow: 0 0 6px rgba(255, 177, 10, 0.15);
}
/* Highlight recent years */
.sidebar-year .tagcloud a[aria-label='2026'],
.sidebar-year .tagcloud a[aria-label='2025'] {
background: linear-gradient(145deg, #332200, #2a1a00);
color: #ffc917;
border-color: rgba(255, 177, 10, 0.3);
font-weight: 500;
}
.sidebar-year .tagcloud a[aria-label='2026']:hover,
.sidebar-year .tagcloud a[aria-label='2025']:hover {
background: linear-gradient(135deg, #ffb10a, #ffc917);
color: #1c1b1b;
font-weight: 600;
box-shadow:
0 0 18px rgba(255, 177, 10, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.director .tagcloud a {
font-size: 16px !important;
margin: 0;
display: block;
border-bottom: 1px solid #2d2e36 !important;
}
.pagination-x {
overflow: hidden;
text-align: center;
margin: 60px 0;
}
span.page-numbers.current {
background: #ffb10a;
display: inline-flex;
padding: 6px 16px;
margin: 0 5px;
color: #1c1b1b;
font-family: Kanit, sans-serif;
border-radius: 9px;
}
.f-tag a {
font-size: 14px;
font-family: Kanit, sans-serif;
color: #999;
background: #212120;
border-radius: 40px;
padding: 7px 15px;
margin: 0 4px 7px 0;
display: inline-flex;
}
.f-tag a:hover {
background: linear-gradient(to right, #ffb10a, #ffc917);
color: #212121;
}
a.page-numbers,
span.page-numbers.dots {
background: #212120;
display: inline-flex;
padding: 6px 16px;
margin: 0 5px;
border-radius: 9px;
font-family: Kanit, sans-serif;
color: #fff;
}
a.page-numbers:hover {
color: #ffb10a;
}
.coming {
position: absolute;
margin-top: -140px;
padding: 0 44.5px;
background: #ff0000cf;
color: #fff;
font-weight: 300;
width: 189px;
}
p.t-footer {
font-size: 18px;
font-family: Kanit, sans-serif;
color: #fff;
margin-bottom: 15px;
}
.content-footer p {
font-size: 14px;
color: #989799;
}
.footer-tag {
margin-top: -25px;
}
.content-footer .width-auto {
display: grid;
grid-template-columns: 40% 55%;
grid-column-gap: 5%;
}
p.title-t {
font-size: 28px;
color: #fff;
border-bottom: 2px solid #303030;
padding-bottom: 10px;
margin-bottom: 20px;
}
.content-footer {
background: url(/wp-content/themes/8MNET/img/footer-bg.jpg);
min-height: 342px;
padding: 40px 0;
}
.content-footer a.foot-logo {
text-align: center;
display: block;
}
.content-footer summary {
text-align: center;
color: #9fc1e0;
outline: 0;
}
.menu-footer-menu-container ul {
text-align: center;
list-style: none;
margin: 0;
padding: 0;
}
.menu-footer-menu-container li {
position: relative;
display: inline-flex;
padding: 0 1.3%;
}
.menu-footer-menu-container li a {
display: block;
text-decoration: none;
color: #9fc1e0;
font-weight: 400;
padding: 20px 0 15px;
outline: 0;
}
.menu-footer-menu-container li a:hover {
color: #fff;
border-radius: 4px;
border-bottom: 5px solid #ffb10a;
}
.menu-footer-menu-container .current-menu-ancestor > a,
.menu-footer-menu-container .current-menu-item > a,
.menu-footer-menu-container .current_page_ancestor > a,
.menu-footer-menu-container .current_page_item > a {
color: #fff;
border-radius: 4px;
border-bottom: 5px solid #ffb10a;
}
.site-info {
display: block;
overflow: hidden;
text-align: center;
background: #080808;
}
.site-info p {
border-top: 1px solid #2a2936;
font-size: 14px;
color: #c6c6c6;
padding: 10px 0;
margin: 0;
}
iframe.form-contact {
width: 100%;
height: 700px;
margin-bottom: 50px;
}
.blog2-titlemov h4 {
font-size: 18px;
color: #fff;
}
.informs-movie {
max-width: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
row-gap: 25px;
}
.box-triler iframe {
width: 100%;
}
.rll-youtube-player {
position: relative;
padding-bottom: 56.23%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.h2-text h2 {
color: #d4d4d4;
font-size: 16px;
font-family: Kanit, sans-serif;
text-align: center;
margin: -15px 0 -10px;
}
.rll-youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: 0 0;
}
.rll-youtube-player img:hover {
-webkit-filter: brightness(75%);
}
.info-blog .blog1 {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAL0lEQVQYV2NUVlb+z4AE+Pn5GRiRBUECHz9+RAjCBECawCqRBcCCRkZG/0FakAEAnN4TOyNqMA4AAAAASUVORK5CYII=)
repeat;
color: #eee;
font-weight: 200;
padding: 6px 10px;
display: flex;
display: -ms-flexbox;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
}
.info-blog .blog1 img {
vertical-align: top;
padding: 0 5px;
}
.blog1 a {
color: #eee;
}
.info-blog .detail-movie {
background: #212120;
color: #eee;
padding: 15px 20px;
display: flex;
display: -ms-flexbox;
justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
border-radius: 17px;
}
.info-blog .detail-movie span {
font-size: 14px;
font-family: Kanit, sans-serif;
}
.info-blog .detail-movie span.star {
background: #0d0d0c;
padding: 1px 10px 0 0;
border-radius: 5px;
color: #f5c518;
font-size: 16px;
}
.info-blog .detail-movie img {
margin-bottom: -5px;
margin-right: 5px;
}
.blog5 {
color: #d3d5df;
font-size: 14px;
font-weight: 200;
}
.blog5 p {
padding: 0 10px;
}
.blog4 {
margin: 2px 0;
}
.blog4 span {
display: block;
overflow: hidden;
}
.blog4 span li {
list-style: none;
margin: 5px 0;
font-weight: 200;
display: inline-flex;
}
.blog4 a {
margin-right: 1px;
border: 1px solid #2d2e36;
padding: 0 10px;
background: #1d1e22;
}
.blog4 a:hover {
background: #2d2e36;
}
.button-sub {
display: block;
text-align: center;
}
.site-footer {
width: 1200px;
}
iframe.res-iframe {
width: 100%;
height: 550px;
}
.button-comment {
display: flex;
}
.comment,
.ss {
background: #3b3d45;
color: #fff;
padding: 6px 20px;
cursor: pointer;
margin: 20px 0;
border-radius: 5px;
font-size: 13px;
font-weight: 200;
}
.ss {
background: #c01e22;
}
.active:active {
background: #c01e22;
}
.show-ss {
display: none;
}
.promo-c li,
.promo-l li,
.promo-r li {
list-style: none;
}
.ad-left,
.ad-right {
margin-top: 10px;
margin-bottom: 10px;
}
.ad-left li,
.ad-right li,
.bottom-center li {
list-style: none;
margin-bottom: 2px;
}
.ad-float {
position: fixed;
z-index: 1;
}
.ad_left_top {
position: fixed;
top: 13%;
left: 15px;
list-style: none;
}
.ad_left_bottom {
position: fixed;
top: 56%;
left: 15px;
list-style: none;
}
.ad_right_top {
position: fixed;
top: 13%;
right: 15px;
list-style: none;
}
.ad_right_bottom {
position: fixed;
top: 56%;
right: 15px;
list-style: none;
}
.ad-float-bottom {
position: fixed;
bottom: 0;
left: 50%;
-webkit-transform: translatex(-50%);
transform: translatex(-50%);
list-style: none;
width: 1000px;
height: 150px;
text-align: center;
}
.ad-float-top {
display: inline-table;
position: fixed;
bottom: 0;
left: 50%;
-webkit-transform: translatex(-50%);
transform: translatex(-50%);
list-style: none;
width: 960px;
height: 150px;
text-align: center;
}
.ad-float-top li {
position: relative;
}
.close-ad {
color: #fff;
background: #f7b40d;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
width: 25px;
height: 25px;
font-size: 31px;
line-height: 0.75;
text-align: center;
}
.ad_right_bottom .close-ad,
.ad_right_top .close-ad {
left: 0;
}
.playing-movie {
position: relative;
}
.ads-player {
position: absolute;
top: -1861px;
left: 36%;
}
.ads-player li {
list-style: none;
}
.ads-player .close-ads {
color: #fff;
background: #f7b40d;
font-weight: bolder;
position: absolute;
top: 0;
right: -40px;
cursor: pointer;
width: 40px;
height: 35px;
font-size: 23px;
text-align: center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 2px 3px 0 0;
}
.archive-description {
display: none;
}
span.page-numbers.dots {
background: #212120;
display: inline-flex;
padding: 6px 16px;
margin: 0 5px;
font-family: Kanit, sans-serif;
color: #fff;
}
.content-cate p {
font-size: 14px;
}
section.no-results.not-found {
margin-bottom: 30px;
}
section.no-results.not-found h1 {
color: #fff;
}
.page-content form input.search-submit {
padding: 7px;
}
.show-comment {
background: #d3d3d3;
margin-bottom: 15px;
}
.ad_f1 {
list-style: none;
margin-bottom: 20px;
}
div#histats_counter {
display: none;
}
@media screen and (min-width: 1200px) {
.site-footer,
.site-header,
.site-main {
width: 100%;
}
}
@media screen and (max-width: 780px) {
.ad_left_top,
.ad_right_top {
top: 35%;
}
.ad_left_bottom,
.ad_right_bottom {
top: 63%;
}
}
@media screen and (max-width: 480px) {
.ad_left_top,
.ad_right_top {
top: 38%;
}
.site-main {
background: 0 0;
}
}
.select-filter p {
margin: 0;
margin-top: 10px;
margin-bottom: 5px;
font-size: 14px;
}
.sidebar-filter select {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
font-size: 14px;
font-family: Kanit, sans-serif;
padding: 15px 0 15px 20px;
width: 100%;
margin-bottom: 15px;
background-color: #212120;
border: 0;
color: #fff;
outline: 0;
background-image:
linear-gradient(45deg, transparent 50%, #ffb10a 50%),
linear-gradient(135deg, #ffb10a 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 8px),
calc(100% - 14px) calc(1em + 8px),
calc(100% - 2.5em) 0.5em;
background-size:
8px 9px,
6px 9px,
1px 0;
background-repeat: no-repeat;
}
.sidebar-filter select {
-moz-appearance: none;
-webkit-appearance: none;
}
.box-imdb {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 20px;
}
.box-imdb span#valueIMDB {
font-size: 16px;
color: #fff;
background: #0d0d0c;
padding: 0 10px;
border-radius: 3px;
min-width: 42px;
text-align: center;
}
.content-imdb {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
background: #262626;
padding: 15px;
border-radius: 17px;
}
input[type='range'] {
-webkit-appearance: none;
-moz-appearance: none;
height: 0;
width: 100%;
border-radius: 2px;
outline: 0;
cursor: pointer;
background: #f5c518;
border: 0;
border-radius: 5px;
}
input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-border-radius: 5px;
height: 16px;
width: 16px;
border-radius: 5px;
background: #e7e7e7;
border: 1px solid #c5c5c5;
}
.content-imdb span#valueIMDB {
font-size: 14px;
color: #9fc1e0;
background: #2d2e36;
padding: 2px 10px;
border-radius: 3px;
min-width: 42px;
text-align: center;
}
.select-filter select::-webkit-scrollbar {
width: 5px;
}
.select-filter select::-webkit-scrollbar-thumb {
background: #bd1e24;
}
.select-filter select::-webkit-scrollbar-track {
background: #131a20;
}
.zone-button {
text-align: center;
margin: 25px 0 30px;
}
input#submit-search {
font-size: 16px;
font-family: Kanit, sans-serif;
padding: 10px 35px;
background: linear-gradient(to right, #ffb10a, #ffc917);
border-radius: 17px;
color: #212121;
outline: 0;
border: 0;
cursor: pointer;
}
.sidebar-filter .textwidget {
padding: 10px 20px !important;
background: #181818;
border-radius: 10px;
margin-top: 55px;
}
.content-filter p {
text-align: center;
font-size: 36px;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #464646;
min-width: 140px;
z-index: 1;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #2b2b2b;
}
.dropdown-content a {
color: #fff;
padding: 10px 15px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #ddd;
color: #000;
}
.show {
display: block;
}
div.skipBtn {
display: block;
padding: 7px 15px;
background-color: #000000ab;
font-family: sans-serif;
cursor: pointer;
position: absolute;
z-index: 0;
right: 0;
top: 10%;
color: #fff;
min-width: 100px;
border-radius: 4px;
}
div.skipBtn a {
color: #fff;
text-decoration: none;
}
div.regisBtn {
padding: 15px 20px;
background-color: #29bb2fcc;
font-family: sans-serif;
cursor: pointer;
position: absolute;
z-index: 0;
right: 0;
top: 19%;
color: #fff;
font-size: 20px;
min-width: 120px;
border-radius: 4px;
}
div.regisBtn a {
color: #fff;
text-decoration: none;
}
div.regisBtn.disabled {
display: none !important;
}
div.skipBtn.disabled {
display: none !important;
background-color: #333;
cursor: no-drop;
}
.movie-corner {
position: absolute;
text-align: center;
line-height: 20px;
letter-spacing: 1px;
color: #f0f0f0;
top: 10px;
right: -20px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
font-weight: 700;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
text-shadow: 1px 1px 1px #222;
}
#group-url .active > i {
color: #fff !important;
}
iframe {
width: 100%;
}
.fb-comments,
.fb-comments iframe,
.fb-comments span {
min-width: 100% !important;
max-width: 100% !important;
}
.button-members {
position: relative;
float: right;
color: #fff;
}
.m-description {
font-size: 12px;
color: #c5cade;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
display: block;
background: url(./img/auramov.jpg);
}
span.rate-up {
position: relative;
background: url(./img/imdb-icon.jpg) no-repeat left center;
padding: 0 109px 0 39px;
}
.ad {
width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 0;
}
.widgettitle-banner {
display: none;
}
.ad .adlf {
margin-right: 1%;
}
.ad .adlf .close-ad {
display: none;
}
.ad .adcen {
display: block;
}
.ad .adrg {
margin-left: 1%;
}
.ad .adrg .close-ad {
display: none;
}
.m_sounds {
font-size: 12px;
color: #c5cade;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
display: block;
background: linear-gradient(to bottom, #540000 10%, #8f0000 84%, #ff5605);
}
.iframe {
border: 1px solid #3e0002;
}
.c_rc {
color: #fff;
}
.c_mw {
padding-top: 16px;
}
.c_lh {
background-color: rgb(195 0 0);
}
.c_iz {
padding-bottom: 16px;
}
.c_gf {
margin-right: auto;
}
.c_ge {
margin-left: auto;
}
.c_r {
align-items: center;
-webkit-box-align: center;
}
.c_c {
display: flex;
}
.sidebar-kind {
margin-top: 55px;
}
.sidebar-cate,
.sidebar-filter,
.sidebar-kind,
.sidebar-year {
margin-bottom: 15px;
}
/* Sidebar Year - Title Override */
.sidebar-year h2.widget-title {
background: linear-gradient(135deg, #1a1a1a, #111);
font-size: 15px !important;
color: #ffc917 !important;
text-align: center;
padding: 10px 0;
margin: 0 0 0px !important;
border: 1px solid #2a2a2a;
border-bottom: 2px solid #ffb10a;
border-radius: 12px 12px 0 0;
letter-spacing: 1px;
text-transform: uppercase;
}
.sidebar-year .widget_tag_cloud {
margin: 0;
}
.sidebar-year .tagcloud {
border-radius: 0 0 12px 12px !important;
border-top: none !important;
}
.widget {
margin: 0 0 1.5em;
}
ul {
display: block;
list-style-type: disc;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px;
}
.widget_wp_categories_widget > ul,
.widget_wpcategorieswidget > ul {
padding: 0;
}
.widget_wp_categories_widget > ul,
.widget_wpcategorieswidget > ul {
padding: 0;
}
/* === Movie Categories - Premium Design === */
.sidebar-year .widget_wpcategorieswidget > ul {
padding: 0 !important;
margin: 0 !important;
border-radius: 0 0 12px 12px;
overflow: hidden;
background: linear-gradient(145deg, #1a1a1a, #111);
border: 1px solid #2a2a2a;
border-top: none;
}
.widget_wpcategorieswidget > ul {
padding: 0 !important;
margin: 0 !important;
border-radius: 12px;
overflow: hidden;
background: linear-gradient(145deg, #1a1a1a, #111);
border: 1px solid #2a2a2a;
}
.widget_wp_categories_widget ul li,
.widget_wpcategorieswidget ul li {
font-size: 16px;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
position: relative;
list-style-type: none;
line-height: 35px;
}
.widget_wpcategorieswidget ul li,
li#tag_cloud-3 {
display: flex !important;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
line-height: 1.4 !important;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
border-left: 3px solid transparent;
}
.widget_wpcategorieswidget ul li:last-child {
border-bottom: none !important;
}
.widget_wpcategorieswidget ul li:hover {
background: linear-gradient(
90deg,
rgba(255, 177, 10, 0.08),
transparent
) !important;
border-left-color: #ffb10a !important;
}
.widget_wp_categories_widget ul li a,
.widget_wpcategorieswidget ul li a {
display: inline-block;
color: #007acc;
transition: all 0.3s ease;
text-decoration: none;
}
.widget_wpcategorieswidget ul li a {
display: block;
color: #b0b0b0 !important;
transition: all 0.3s ease;
font-size: 13px !important;
float: none !important;
font-weight: 300;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
}
.widget_wpcategorieswidget ul li a {
padding: 12px 8px 12px 12px;
font-family: Kanit, sans-serif;
}
.widget_wpcategorieswidget ul li a i {
margin-right: 8px;
color: #ffb10a;
font-size: 13px;
width: 18px;
text-align: center;
transition: all 0.3s ease;
}
.widget_wpcategorieswidget ul li:hover a i {
color: #ffc917;
transform: scale(1.15);
}
.widget_wp_categories_widget ul li span.post-count,
.widget_wpcategorieswidget ul li span.post-count {
height: auto;
min-width: 35px;
text-align: center;
background: #fff;
color: #605f5f;
border-radius: 5px;
box-shadow: inset 2px 1px 3px rgb(0 122 204 / 10%);
float: none;
margin-top: 0;
flex-shrink: 0;
}
.widget_wpcategorieswidget ul li span.post-count {
height: auto !important;
background: linear-gradient(
135deg,
rgba(255, 177, 10, 0.15),
rgba(255, 177, 10, 0.08)
) !important;
box-shadow: none !important;
font-size: 12px;
color: #ffb10a !important;
font-family: Kanit, sans-serif;
border-radius: 8px !important;
padding: 2px 8px;
border: 1px solid rgba(255, 177, 10, 0.2);
transition: all 0.3s ease;
}
.widget_wpcategorieswidget ul li:hover span.post-count {
background: linear-gradient(135deg, #ffb10a, #ffc917) !important;
color: #1c1b1b !important;
border-color: #ffb10a;
box-shadow: 0 0 8px rgba(255, 177, 10, 0.3) !important;
}
.widget_wpcategorieswidget ul li span {
margin: 0 12px 0 0 !important;
font-family: Kanit, sans-serif;
}
.widget_wpcategorieswidget li a:hover {
color: #fff !important;
}
/* Category title styling */
.sidebar-year .widget_wpcategorieswidget h2.widget-title,
.sidebar-year > section > h2.widget-title {
background: linear-gradient(135deg, #1a1a1a, #111);
font-size: 15px !important;
color: #ffc917 !important;
text-align: center;
padding: 10px 0;
margin: 0 0 0 !important;
border: 1px solid #2a2a2a;
border-bottom: 2px solid #ffb10a;
border-radius: 12px 12px 0 0;
letter-spacing: 1px;
text-transform: uppercase;
}
ul#menu-footermenu {
list-style: none;
display: flex;
justify-content: flex-start;
flex-flow: row wrap;
align-items: center;
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
}
ul#menu-footermenu li {
min-width: 100px;
max-height: 34px;
text-align: center;
margin-bottom: 10px;
margin-right: 10px;
}
ul#menu-footermenu li a {
display: block;
border-radius: 15px;
font-weight: 400;
font-size: 14px;
background: #222126;
padding: 7px 10px;
color: #fff;
text-decoration: none;
outline: 0;
}
ul#menu-footermenu li a:hover {
background: linear-gradient(to right, #ffb10a, #ffc917);
color: #212121;
}
/* hover post-count handled above */
#page,
.carousel.slide,
.site-footer,
.site-header {
width: 1216px;
}
#box-owl {
min-height: 500px;
}
@media screen and (min-width: 1200px) {
.carousel.slide,
.site-footer,
.site-header,
.site-main,
div#page {
width: 100%;
}
}
.result-filter {
color: #fff;
margin: -5px 0 25px;
display: flex;
align-items: center;
}
span.intro-resfilter {
font-family: Kanit, sans-serif;
color: #797880;
margin-right: 10px;
}
.result-text {
padding: 10px 15px;
margin-right: 5px;
line-height: 1;
background: #212121;
border-radius: 20px;
outline: 0;
font-size: 14px;
font-family: Kanit, sans-serif;
}
.result-star span {
color: #f2b000;
}
.result-star img {
margin-bottom: -1px;
}
nav {
display: block;
}
.main-navigation {
display: block;
width: 100%;
border-top: 2px solid #424040;
}
.main-navigation ul {
display: block;
list-style: none;
margin: 0;
padding-left: 0;
text-align: center;
}
.menu-menu-1-container {
width: 100%;
text-align: center;
}
.main-navigation li {
position: relative;
display: inline-flex;
padding: 0 2%;
}
.main-navigation .current-menu-item a,
.main-navigation a:hover {
color: #fff;
}
.main-navigation a {
display: block;
text-decoration: none;
padding: 20px 0;
font-family: Kanit, sans-serif;
color: #999;
position: relative;
}
.main-navigation .current-menu-item a:before,
.main-navigation a:hover:before {
visibility: visible;
}
.main-navigation a:before {
content: '';
position: absolute;
height: 5px;
left: 20%;
right: 20%;
bottom: 12px;
border-radius: 15px;
background-color: #ffb10a;
visibility: hidden;
}
button.mov_source.active {
background: #ffb10a !important;
border: 1px solid #080808 !important;
cursor: pointer;
color: #1c1b1b;
margin-bottom: 10px;
}
button.mov_sound.active {
background: #cb0000 !important;
border: 1px solid #fff !important;
cursor: pointer;
color: #fff;
margin-bottom: 10px;
}
.dropdown-content a {
color: #fff;
padding: 10px 15px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #ddd;
color: #000;
}
.show {
display: block;
}
div.skipBtn {
display: block;
padding: 7px 15px;
background-color: #000000ab;
font-family: sans-serif;
cursor: pointer;
position: absolute;
z-index: 0;
right: 0;
top: 10%;
color: #fff;
min-width: 100px;
border-radius: 4px;
}
div.skipBtn a {
color: #fff;
text-decoration: none;
}
div.regisBtn {
padding: 15px 20px;
background-color: #29bb2fcc;
font-family: sans-serif;
cursor: pointer;
position: absolute;
z-index: 0;
right: 0;
top: 19%;
color: #fff;
font-size: 20px;
min-width: 120px;
border-radius: 4px;
}
div.regisBtn a {
color: #fff;
text-decoration: none;
}
div.regisBtn.disabled {
display: none !important;
}
div.skipBtn.disabled {
display: none !important;
background-color: #333;
cursor: no-drop;
}
.movie-corner {
position: absolute;
text-align: center;
line-height: 20px;
letter-spacing: 1px;
color: #f0f0f0;
top: 10px;
right: -20px;
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
font-weight: 700;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
text-shadow: 1px 1px 1px #222;
}
#group-url .active > i {
color: #fff !important;
}
.mov_source {
margin-bottom: 1%;
padding: 10px;
text-align: left;
min-width: 100px;
font-size: 16px;
border: 1px solid #fff;
border-radius: 5px;
background: #ffb10a !important;
color: #fff;
padding: 10px;
font-size: 14px;
margin: auto;
width: 24%;
text-align: center;
text-transform: uppercase;
cursor: pointer;
}
.mov_source:hover {
background: #111;
}
.mov_source > i {
color: #fff;
}
.mov_source:hover {
background: #111;
}
.mov_source > i {
color: #fff;
}
.dropbtn {
padding: 8px 17px;
height: auto;
outline: 0 !important;
min-width: 140px;
box-shadow: none;
border-radius: 4px;
background: #ffb10a;
color: #fff;
}
.dropbtn:focus,
.dropbtn:hover {
background: #ffb10a;
}
.header-description,
.header-logo,
.header-search li {
list-style: none;
}
.promo-hero {
display: grid;
grid-template-columns: 204px 848px 204px;
grid-column-gap: 4px;
width: 1264px;
margin: 15px auto 20px;
justify-content: center;
}
.promo-c li {
height: auto;
min-height: 148px;
margin-bottom: 4px !important;
}
.promo-c,
.promo-l,
.promo-r {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
overflow: hidden;
}
.promo-c img,
.promo-l img,
.promo-r img {
max-width: 100%;
width: 100%;
height: auto;
display: block;
}
.widget {
margin: 0 !important;
}
.rw-date span {
display: inline-flex;
color: #999;
font-size: 14px;
line-height: 1;
background: #000;
padding: 5px 10px;
border-radius: 15px;
}
.ct-news {
margin-top: 25px;
}
.ct-news {
color: #d4d4d4;
}
.content-reviews .rw-cates {
padding: 40px 0;
border-bottom: 2px solid #303030;
margin: 0;
margin-bottom: 25px;
}
.rw-cates {
margin-top: 10px;
}
.rw-cates a {
display: inline-flex;
color: #1c1b1b;
background: #ffc917;
font-size: 14px;
line-height: 1;
font-family: Kanit, sans-serif;
margin: 0 5px 5px 0;
padding: 5px 10px;
border-radius: 15px;
}
.other-news {
display: grid;
grid-template-columns: repeat(3, 252px);
grid-column-gap: 13px;
margin-bottom: 80px;
}
.h1-text h2 {
display: flex;
align-items: center;
font-size: 24px;
font-family: Kanit, sans-serif;
/* border-bottom: 2px solid #303030; */
padding-bottom: 20px;
/* margin-bottom: 20px; */
}
.index-news h2 img {
margin-right: 15px;
}
.grid-news {
display: grid;
grid-template-columns: repeat(4, 292px);
grid-gap: 16px;
margin-bottom: 100px;
}
.news-box {
position: relative;
}
.grid-news .img {
height: 165px;
overflow: hidden;
}
.grid-news .img img {
width: 100%;
}
.news-date span {
position: absolute;
top: 5px;
right: 5px;
font-size: 14px;
line-height: 1;
font-family: Kanit, sans-serif;
color: #1c1b1b;
background: #ffc917;
border-radius: 10px;
padding: 5px 10px;
}
.news-box h4 {
margin: 10px 0;
font-family: Kanit, sans-serif;
}
.arw-title-news {
margin-left: 5px;
margin-bottom: -1px;
}
a:active,
a:hover {
outline: 0;
}
.other-news .img {
height: 145px;
overflow: hidden;
}
.content-news .box-rw {
display: grid;
grid-template-columns: 295px 462px;
grid-gap: 25px;
margin-bottom: 25px;
}
.content-news .img {
height: 165px;
overflow: hidden;
}
.content-news .img img {
width: 100%;
}
.content-news .tw-title {
margin-top: 10px;
}
.content-news .tw-title a {
font-size: 18px;
font-family: Kanit, sans-serif;
}
a:active,
a:focus,
a:hover {
color: #ffb10a;
}
.rw-cates a {
display: inline-flex;
color: #1c1b1b;
background: #ffc917;
font-size: 14px;
line-height: 1;
font-family: Kanit, sans-serif;
margin: 0 5px 5px 0;
padding: 5px 10px;
border-radius: 15px;
}
.content-category {
margin: 10px 0;
background: #131313;
border-radius: 13px;
}
.banner-top {
display: grid;
grid-template-columns: 204px 847px 204px;
grid-column-gap: 4px;
width: 1216px;
margin: 15px auto 20px;
justify-content: center;
}
/* กำลังอัพเดท Badge */
.movie_box a {
position: relative;
display: block;
}
.updating-badge {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
background: rgba(230, 180, 30, 0.85);
color: #fff;
text-align: center;
font-size: 13px;
font-weight: 600;
padding: 6px 0;
z-index: 100;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
letter-spacing: 1px;
display: block;
}
/* ============================================================
HEADER POLISH — modernized look on top of existing layout
Appended at end so it overrides earlier rules without
touching original selectors / responsive widths.
============================================================ */
/* Subtle gradient + glow border on the branding strip */
.site-branding {
background:
radial-gradient(
1200px 200px at 50% -50px,
rgba(255, 177, 10, 0.08),
transparent 60%
),
linear-gradient(180deg, #0a0a0a 0%, #050505 100%);
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
box-shadow: 0 1px 0 rgba(255, 177, 10, 0.06) inset;
}
/* Logo: gentle scale + subtle drop shadow on hover */
.header-logo a {
display: inline-block;
transition:
transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
filter 0.35s ease;
will-change: transform;
}
.header-logo a:hover {
transform: translateY(-1px) scale(1.02);
/* filter: drop-shadow(0 4px 14px rgba(255, 177, 10, 0.35)); */
}
.header-logo img {
display: block;
border-radius: 6px;
}
/* Tagline / H1: refined typography + gradient accent */
.site-branding h1,
.header-description h1 {
margin: 0;
font-family: Kanit, sans-serif;
font-weight: 500;
font-size: 22px;
letter-spacing: 0.3px;
background: linear-gradient(90deg, #d8d8d8 0%, #ffb10a 50%, #d8d8d8 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% auto;
animation: header-tagline-shine 8s linear infinite;
}
@keyframes header-tagline-shine {
0% {
background-position: 0% center;
}
100% {
background-position: 200% center;
}
}
/* Search: pill with focus glow + inline search icon (pure CSS, no markup change) */
.header-search {
position: relative;
}
.header-search .searchform {
position: relative;
}
.header-search .searchform::before {
content: '';
position: absolute;
top: 50%;
left: 14px;
width: 14px;
height: 14px;
transform: translateY(-50%);
border: 2px solid #707070;
border-radius: 50%;
pointer-events: none;
transition: border-color 0.25s ease;
}
.header-search .searchform::after {
content: '';
position: absolute;
top: 50%;
left: 26px;
width: 8px;
height: 2px;
margin-top: 4px;
background: #707070;
transform: rotate(45deg);
transform-origin: left center;
border-radius: 2px;
pointer-events: none;
transition: background-color 0.25s ease;
}
input#input-ser {
padding: 9px 14px 9px 38px;
font-size: 14px;
background: #1a1a1a;
border: 1px solid rgba(255, 255, 255, 0.06);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.02),
0 2px 8px rgba(0, 0, 0, 0.25);
transition:
border-color 0.25s ease,
box-shadow 0.25s ease,
background-color 0.25s ease;
}
input#input-ser:hover {
background: #1f1f1e;
border-color: rgba(255, 177, 10, 0.18);
}
input#input-ser:focus {
background: #1f1f1e;
border-color: rgba(255, 177, 10, 0.55);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.03),
0 0 0 3px rgba(255, 177, 10, 0.12),
0 4px 14px rgba(255, 177, 10, 0.18);
}
.header-search .searchform:focus-within::before {
border-color: #ffb10a;
}
.header-search .searchform:focus-within::after {
background: #ffb10a;
}
/* Navigation: smoother feel, sleeker active indicator */
.main-navigation {
background: linear-gradient(180deg, #0a0a0a 0%, #060606 100%);
border-top: 1px solid rgba(255, 255, 255, 0.04);
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}
.main-navigation a {
font-weight: 500;
letter-spacing: 0.4px;
transition:
color 0.25s ease,
transform 0.25s ease;
}
.main-navigation a:hover {
color: #fff;
transform: translateY(-1px);
}
.main-navigation a::before {
height: 3px;
bottom: 8px;
left: 15%;
right: 15%;
background: linear-gradient(90deg, #ffb10a, #ffd35a);
box-shadow: 0 0 10px rgba(255, 177, 10, 0.55);
transform: scaleX(0);
transform-origin: center;
transition:
transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
visibility 0s;
visibility: visible; /* always present, animate via scale */
}
.main-navigation a:hover::before,
.main-navigation .current-menu-item a::before {
transform: scaleX(1);
}
/* Active menu item: subtle gold tint */
.main-navigation .current-menu-item a {
color: #ffd25a;
}
/* Tiny accent line below the entire header for visual separation */
.site-header {
position: relative;
}
.site-header::after {
content: '';
display: block;
height: 2px;
background: linear-gradient(
90deg,
transparent 0%,
rgba(255, 177, 10, 0.55) 50%,
transparent 100%
);
opacity: 0.6;
}
/* ============================================================
FOOTER POLISH — modernized footer styling
============================================================ */
/* Top accent line above footer */
.site-footer {
position: relative;
}
.site-footer::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(
90deg,
transparent 0%,
rgba(255, 177, 10, 0.55) 50%,
transparent 100%
);
opacity: 0.6;
}
/* Content area: layered gradient over the existing background image */
.content-footer {
background:
linear-gradient(180deg, rgba(8, 8, 8, 0.92) 0%, rgba(4, 4, 4, 0.96) 100%),
url(/wp-content/themes/8MNET/img/footer-bg.jpg) center / cover no-repeat;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
/* Footer logo: centered + soft glow on hover */
.footer-logo-link {
display: inline-block;
transition:
transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1),
filter 0.35s ease;
}
.footer-logo-link:hover {
transform: translateY(-2px);
filter: drop-shadow(0 6px 18px rgba(255, 177, 10, 0.35));
}
.footer-logo {
max-width: 200px;
height: auto;
border-radius: 8px;
}
/* Footer tagline — gradient text shimmer */
p.t-footer {
font-size: 20px;
font-weight: 500;
letter-spacing: 0.3px;
background: linear-gradient(90deg, #f0f0f0 0%, #ffb10a 50%, #f0f0f0 100%);
background-size: 200% auto;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: header-tagline-shine 10s linear infinite;
}
/* Body text */
.content-footer .footer-desc,
.content-footer p {
color: #a8a8a8;
line-height: 1.7;
}
/* Section title above tag cloud */
p.title-t {
position: relative;
border-bottom: none;
padding-bottom: 14px;
}
p.title-t::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 60px;
height: 3px;
background: linear-gradient(90deg, #ffb10a, #ffd35a);
border-radius: 3px;
box-shadow: 0 0 10px rgba(255, 177, 10, 0.4);
}
/* Tag cloud chips: pill shape, gold hover */
.f-tag a {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 999px;
padding: 6px 14px;
transition:
background 0.25s ease,
color 0.25s ease,
border-color 0.25s ease,
transform 0.25s ease,
box-shadow 0.25s ease;
}
.f-tag a:hover {
background: linear-gradient(135deg, #ffb10a, #ffd35a);
color: #1a1a1a;
border-color: #ffb10a;
transform: translateY(-2px);
box-shadow: 0 6px 14px rgba(255, 177, 10, 0.25);
}
/* Bottom bar: copyright + nav row */
.site-info {
background: linear-gradient(180deg, #080808 0%, #030303 100%);
border-top: 1px solid rgba(255, 255, 255, 0.04);
padding: 14px 0 18px;
}
.site-info .footer-nav {
border-top: none; /* override .main-navigation top border in footer */
background: transparent;
box-shadow: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
margin-bottom: 14px;
}
.site-info .footer-nav a {
padding: 12px 0; /* tighter than header nav */
font-size: 14px;
}
.site-info p.copyright,
.site-info p {
border-top: none;
margin: 0;
font-size: 13px;
color: #888;
letter-spacing: 0.3px;
}
/* ============================================================
iOS AUTO-ZOOM FIX
iOS Safari ignores user-scalable=no since iOS 10 and will
auto-zoom into any focused /