:root{
--primary-color: #0072e5;
} .banner-section.banner-section-style-1 .banner-section-wrapper {
display: flex;
align-items: flex-start;
margin-inline: -10px;
}
@media (max-width: 991px) {
.banner-section.banner-section-style-1 .banner-section-wrapper {
flex-wrap: wrap;
}
}
@media (max-width: 600px) {
.banner-section.banner-section-style-1 .banner-section-wrapper {
flex-direction: column;
gap: 20px;
}
}
.banner-section.banner-section-style-1 .banner-section-wrapper > * {
padding-inline: 10px;
}
@media (min-width: 992px) {
.banner-section.banner-section-style-1 .banner-section-wrapper > * {
position: sticky;
top: 40px;
}
}
.banner-section.banner-section-style-1 .banner-section-wrapper > *:not(.slider-part) {
width: 25%;
container-type: inline-size;
}
@media (max-width: 991px) {
.banner-section.banner-section-style-1 .banner-section-wrapper > *:not(.slider-part) {
width: 50%;
}
}
@media (max-width: 600px) {
.banner-section.banner-section-style-1 .banner-section-wrapper > *:not(.slider-part) {
width: 100%;
}
}
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part {
width: 50%;
}
@media (max-width: 991px) {
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part {
width: 100%;
order: 1;
}
}
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part .mag-post-single .mag-post-img {
aspect-ratio: 1 / 0.7;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part .mag-post-single .mag-post-detail .mag-post-title {
font-size: var(--font-size-md);
}
@media (min-width: 1024px) {
.banner-section.banner-section-style-1 .banner-section-wrapper .slider-part .mag-post-single .mag-post-detail .mag-post-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
}
@media (max-width: 991px) {
.banner-section.banner-section-style-1 .banner-section-wrapper .editors-pick-part {
order: 2;
}
}
.banner-section.banner-section-style-1 .banner-section-wrapper .editors-pick-part .editors-pick-wrapper .mag-post-single {
margin-bottom: 20px;
}
@container (max-width: 480px) {
.banner-section.banner-section-style-1 .banner-section-wrapper .editors-pick-part .editors-pick-wrapper .mag-post-single .mag-post-detail .mag-post-title {
margin: 0 0 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: calc(var(--font-size-sm) + 2px);
}
}
@media (max-width: 991px) {
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part {
order: 3;
}
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single {
margin-bottom: 20px;
gap: 15px;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-img {
width: 35%;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-img .trending-no {
position: absolute;
inset-inline-start: 5px;
bottom: 5px;
z-index: 1;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background: var(--theme-color);
color: var(--white);
font-size: calc(var(--font-size-sm) + 2px);
line-height: 1;
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-img + .mag-post-detail {
width: calc(65% - 20px);
}
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-detail {
align-self: center;
padding: 10px 0;
padding-inline-end: 5px;
}
@container (max-width: 480px) {
.banner-section.banner-section-style-1 .banner-section-wrapper .trending-part .trending-wrapper .mag-post-single .mag-post-detail .mag-post-title {
margin: 0 0 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
font-size: calc(var(--font-size-sm) + 2px);
}
} .magazine-tile-section.style-2 .magazine-tile-section-wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@container (max-width: 991px) {
.magazine-tile-section.style-2 .magazine-tile-section-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@container (max-width: 600px) {
.magazine-tile-section.style-2 .magazine-tile-section-wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@container (min-width: 601px) {
.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child {
grid-column: span 2;
}
.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:first-child .mag-post-detail .mag-post-title {
font-size: var(--font-size-md);
}
}
@container (min-width: 601px) {
.magazine-tile-section.style-2 .magazine-tile-section-wrapper .mag-post-single:nth-child(2) {
grid-row: span 2;
}
} .magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single {
min-height: 60px;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-img {
max-width: 70px;
background-color: transparent;
box-shadow: unset;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-img a {
display: none;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-img .trending-counter {
background-color: transparent;
color: var(--clr-foreground);
font-size: var(--font-size-lg);
bottom: unset;
top: 50%;
opacity: 0.2;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-detail {
padding: 5px;
padding-block: 15px;
padding-inline-end: 15px;
}
@container (max-width: 480px) {
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-detail {
padding-block: 5px;
}
}
@container (max-width: 480px) {
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-detail .mag-post-title {
margin: 0 0 5px;
font-size: calc(var(--font-size-base) - 3px);
}
}
@container (max-width: 375px) {
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single .mag-post-detail .mag-post-title {
font-size: var(--font-size-sm);
}
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single:focus-within .mag-post-img .trending-counter, .magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single:hover .mag-post-img .trending-counter {
opacity: 0.7;
}
.magazine-trending-carousel-section .magazine-trending-carousel-section-wrapper.style-3 .mag-post-single:not(:nth-child(n+10)) .mag-post-img .trending-counter::before {
content: "0";
}.wp-block-table{overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-collapse:inherit;border-spacing:0}.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:#0000}.wp-block-table.is-style-stripes{border-bottom:1px solid #f0f0f0}.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-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-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-style:inherit;border-width:inherit}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}