a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
} :where(.wp-site-blocks *:focus) {
outline-width: 2px;
outline-style: solid;
} .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
} .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
} .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
} h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
} .more-link {
display: block;
} :where(pre) {
overflow-x: auto;
}body {
font-family: Kanit;
}
header {
background: #000;
position: sticky;
top: 0;
z-index: 5;
}
header .header-logo a {
outline: none;
}
header ul li a {
font-weight: 400;
color: #fff !important;
outline: none;
}
header ul li a:hover {
text-decoration: none;
color: #686868 !important;
}
header ul li a span {
outline: none;
}
main {
margin-top: 0 !important;
}
.my-popular-post ul {
padding: 0;
margin: 0;
list-style: none;
}
.my-popular-post ul li {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.my-popular-post ul li .my-popular-posts__content {
width: 33.33%;
padding: 0 20px;
}
.my-popular-post ul li .my-popular-posts__thumb {
text-align: end;
width: 66.67%;
outline: none;
}
.my-popular-post ul li .my-popular-posts__thumb img {
width: 100%;
max-height: 50vh;
object-fit: cover;
}
.my-popular-post .my-popular-posts__thumb {
position: relative;
}
.my-popular-post .my-popular-posts__thumb:before {
content: '';
width: 142px;
height: 100%;
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 100%);
position: absolute;
top: 0;
left: 0;
}
.my-popular-post .my-popular-posts__thumb:after {
content: '';
width: 100%;
height: 163px;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
bottom: 0;
left: 0;
}
.play-btn {
color: #fff;
width: 125px;
height: 44px;
background: #DB0000;
border-radius: 50rem;
outline: none;
display: flex;
align-items: center;
justify-content: center;
}
.my-popular-posts {
padding: 0 20px ;
overflow: hidden;
}
.my-popular-posts h2 { }
.my-popular-posts .swiper {
overflow: unset;
}
.my-popular-posts .swiper img {
aspect-ratio: 145 / 207;
object-fit: cover;
}
.my-popular-posts .swiper-button-next {
width: 38px;
height: 38px;
background: #fff;
border-radius: 50%;
outline: none;
}
.my-popular-posts .swiper-button-next:after {
font-size: 24px;
color: #000;
}
footer {
margin: 0;
}
.social-btn {
display: flex;
justify-content: center;
gap: 20px;
}
.social-btn .wp-block-image {
width: fit-content;
margin: 0 !important;
}
.popcorn-img img {
width: 100%;
aspect-ratio: 204 / 274;
object-fit: cover;
}
.popcorn-img-center img {
width: 100%;
aspect-ratio: 858 / 145;
object-fit: cover;
}
.movie-container {
max-width: 1440px;
margin: auto;
gap: 20px;
}
.movie-content iframe {
width: 100%;
height: unset;
border: 0;
aspect-ratio: 16 / 9;
}
.archive-movie .my-popular-posts__list {
display: grid;
grid-template-columns: repeat(8, 1fr);
gap: 20px
}
.archive-movie .my-popular-posts__thumb {
display: flex;
}
.archive-movie .my-popular-posts__list img {
width: 100%;
height: unset;
aspect-ratio: 145 / 207;
object-fit: cover;
}
@media (max-width: 1024px) {
.archive-movie .my-popular-posts__list {
grid-template-columns: repeat(6, 1fr);
}
}
@media (max-width: 767px) {
.my-popular-post ul li .my-popular-posts__content {
width: 100%;
}
.my-popular-post ul li .my-popular-posts__thumb {
width: 100%;
order: -1;
}
.my-popular-post .my-popular-posts__thumb:before {
display: none;
}
.movie-container {
gap: 10px;
}
.singgle-movie :where(.is-layout-flow) > * {
margin-top: 5px;
}
.archive-movie .my-popular-posts__list {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 599px) {
header ul li a {
color: #686868 !important;
}
}
@media (max-width: 350px) {
.archive-movie .my-popular-posts__list {
grid-template-columns: repeat(2, 1fr);
}
}