/*!
Theme Name: thedirectorscut
Theme URI: https://happyonline.gr/
Author: HappyOnline
Author URI: https://happyonline.gr/
Description: The Directors Cut 
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thedirectorscut
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
html.lenis, html.lenis body {
 height: auto;
}
.lenis.lenis-smooth {
 scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
 overscroll-behavior: contain;
}

.lenis.lenis-stopped {
 overflow: hidden;
}
.lenis.lenis-smooth iframe {
 pointer-events: none;
}

:root {
--size: 16px;
--size-normal: 18px;
--size-xsmall: 12px;
--size-small: 14px;
--size-medium: 20px;
--size-large: 38px;
--size-xlarge: 56px;
--size-xxlarge: 80px;
/* Paddings */
--space-half: 10px;
--space: 20px;
--space-double: 40px;
--space-triple: 60px;
/* Colors */
--grey: #8DA2AB;
--light-grey: rgb(244, 244, 244, .2);
--black-800: #252525;
--pink: #E21E8F;
--main-color: #111;
--error: #E5362A;
--light-white: rgba(255, 255, 255, 0.1);
--white: #fff;

/* Container */
--width-container: 1444px;
}


@font-face {
font-family: 'Peridot PE XBold';
src: url('../thedirectorscut/fonts/PeridotPE-XBold.eot');
src: url('../thedirectorscut/fonts/PeridotPE-XBold.eot?#iefix') format('embedded-opentype'),
url('../thedirectorscut/fonts/PeridotPE-XBold.woff2') format('woff2'),
url('../thedirectorscut/fonts/PeridotPE-XBold.woff') format('woff'),
url('../thedirectorscut/fonts/PeridotPE-XBold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'Peridot PE Narw';
src: url('../thedirectorscut/fonts/PeridotPE-NarwHeavy.eot');
src: url('../thedirectorscut/fonts/PeridotPE-NarwHeavy.eot?#iefix') format('embedded-opentype'),
url('../thedirectorscut/fonts/PeridotPE-NarwHeavy.woff2') format('woff2'),
url('../thedirectorscut/fonts/PeridotPE-NarwHeavy.woff') format('woff'),
url('../thedirectorscut/fonts/PeridotPE-NarwHeavy.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}

::-moz-selection {
background: #E21E8F;
color: #fff;
}

::selection {
background: var(--pink);
color: #fff;
}

a {
color: var(--black);
text-decoration: none;
transition: 300ms ease-in-out;
}

a:hover {
color: var(--pink);
}
.share-fb {
	clear: both;
}
ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
font-weight: normal;
}

div,
p {
font-weight: normal;
}

a:hover {
text-decoration: none;
}
.single-post div#banner_sqr2 img {
    max-width: 100%;
}
.page-id-19587 h1.entry-title {
color: #e21e8f;
}
body {
font-family: "Geologica", sans-serif;
font-size: var(--size);
color: white;
background-color: var(--main-color);
}
.single-post .entry-content img{
height: auto;max-width: 100%
}

.container {
width: 100%;
max-width: var(--width-container);
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto;
}
.single-post .entry-content img.alignright {
    max-width: 340px;
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}

@media (min-width:768px) {
	.single-post .entry-content img.alignleft {
    max-width: 440px;
}
.container {
max-width: 720px
}
}

@media (min-width:992px) {
.container {
max-width: 960px
}
.relatedtileorasihome h4 {
    min-height: AUTO !important;
    margin-bottom: 30px !important;
    margin-top: 10px !important;
}
}

@media (min-width:1200px) {
.container {
max-width: 1140px
}
.author-archive span.element-image {
  min-width: 300px;
  }
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: calc(-.5* var(--bs-gutter-x));
padding-left: calc(-.5* var(--bs-gutter-x));
margin-right: auto;
margin-left: auto
}

@media (min-width:576px) {

.container,
.container-sm {
max-width: 100%;
padding-right: calc(-.5* var(--bs-gutter-x));
padding-left: calc(-.5* var(--bs-gutter-x));
}
}

@media (min-width:768px) {

.container,
.container-md,
.container-sm {
max-width: 100%;
padding-right: calc(-.5* var(--bs-gutter-x));
padding-left: calc(-.5* var(--bs-gutter-x));
}
}

@media (min-width:992px) {

.container,
.container-lg,
.container-md,
.container-sm {
max-width: 100%;
padding-right: calc(-.5* var(--bs-gutter-x));
padding-left: calc(-.5* var(--bs-gutter-x));
}
}

@media (min-width:1200px) {

.container-lg,
.container-md,
.container-xl,
.container-sm {
max-width: 1740px
}

.container {
max-width: 1444px;
}
}

.container_1150 {
max-width: 1150px;
}

/****************** GENERAL STYLE ******************/
body.fixed {
overflow: hidden;
}

.grid-cols {
display: grid;
grid-template-columns: repeat(2, 1fr);
}

.page-content {
margin-top: 40px;
}
.container-xl {
padding-left: 150px;
}
.pagination {
margin-top: 80px;
}
.pagination ul,
.pagination {
display: flex;
align-items: center;
justify-content: space-between;
}
.pagination ul li {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
color: white;
transition: 300ms ease-in-out;
font-size: var(--size-xsmall);
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.pagination ul li:hover {
color: black;
background-color: var(--pink);
}
.pagination ul li a {
transition: none;
}
.pagination ul li a:hover {
color: black;
}
.pagination .next-page a,
.pagination .prev-page a {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--black-600);
font-weight: 300;
border: 2px solid white;
font-size: 11px;
font-weight: bold;
min-height: 44px;
width: 220px;
padding: 0 20px;
transition: 300ms ease-in-out;
}
.pagination .next-page span,
.pagination .prev-page span {
flex: 1;
text-align: center;
}
.pagination .next-page a:hover,
.pagination .prev-page a:hover {
border-color: var(--pink);
background-color: var(--pink);
color: black;
}
/****************** GENERAL STYLE ******************/

/****************** BREADCRUMBS ******************/
.breadcrumbs {
text-align: left;
}

.breadcrumbs span,
.breadcrumbs a {
font-size: var(--size-xsmall);
color: var(--black-600);
font-weight: 300;
}

.breadcrumbs a {
position: relative;
text-decoration: none;
}

.breadcrumbs a:after {
content: '\2f';
font-family: 'Font Awesome 6 Pro';
color: var(--black-600);
padding: 0;
padding-left: 4px;
font-size: 11px;
}
form.search-form {
display: flex;
align-items: center;
}
.post-thumbnail img {
max-width: 100%;
height: auto;
}

.single-post , .search-results{
overflow-x: hidden;
}
.searchandfilter select {
  text-transform: uppercase;
}
.top-section {
overflow: hidden;
}

.top-section .top-banner-inner-pages .top-banner-image:after {
top: 0;
}

/****************** BREADCRUMBS ******************/

/****************** HEADER ******************/
header#masthead {
position: sticky;
width: 100%;
z-index: 8;
top: 0;
left: 0;
padding: 30px 0;
background-color: var(--main-color);
transition: padding 0.3s ease;
will-change: transform, padding;
}
.close-icon {
display: none;
}
.home  header {
padding: 50px 0 30px 0;
}
header#masthead .header-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
position: relative;
}

.header-menu-right {
display: flex;
align-items: center;
gap: 50px;
}

.header-menu-right .search-icon {
font-size: var(--size);
}

.menu-toggle {
color: white;
padding: 0;
border: none;
cursor: pointer;
z-index: 1000;
background-color: transparent;
display: flex;
align-items: center;
gap: 10px;
font-family: 'Peridot PE Narw', sans-serif;
font-size: var(--size-medium);
}

.offcanvas-menu {
position: fixed;
top: 0;
right: -100%;
width: 800px;
height: 100vh;
background: var(--main-color);
color: white;
transition: all 500ms ease-in-out;
z-index: 12;
padding-top: 55px;
border-radius: 30px 0px 0px 30px;
}
.offcanvas-menu{
display:none;
}
.offcanvas-menu.open {
 display:block;
z-index: 999999;
right: 0;
}

.offcanvas-menu.open .header-menu li {
overflow:hidden;

}
.offcanvas-menu.open .header-menu li a{
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInUp {
  0% {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 

.menu-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
cursor: pointer;
font-family: 'Peridot PE Narw', sans-serif;
}

.menu-close {
font-size: var(--size-normal);
font-family: 'Font Awesome 6 Pro';
}

.header-menu {
padding: 0 60px 60px 90px;
margin-top: 30px;
overflow: scroll;
height: 100%;
margin-right: 30px;
}

.header-menu::-webkit-scrollbar {
width: 4px;
}

.header-menu::-webkit-scrollbar-track {
background: var(--light-gray);
}

.header-menu::-webkit-scrollbar-thumb {
background: var(--pink);
}

.header-menu li {
padding: 15px 0;
border-bottom: 1px solid white;
position: relative;
}

.header-menu>li:first-child {
padding-top: 0;
}

.header-menu li a {
font-size: var(--size-large);
transition: 300ms ease-in-out;
font-family: 'Peridot PE Narw', sans-serif;
display: flex;
align-items: baseline;
justify-content: space-between;
line-height: normal;
}
.header-menu #primary-menu > li:last-child a {
position: relative;
padding-left: 36px;
}
.header-menu #primary-menu > li:last-child a:before {
content: '';
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.91 26"><g transform="translate(-238 -50.024)"><path d="M26.91,7.261V2.29H0V12.326Z" transform="translate(238 47.734)" fill="%23ffffff"/><path d="M0,178.94v12.638H26.91V180.694Z" transform="translate(238 -115.553)" fill="%23ffffff"/></g></svg>');
height: 27px;
width: 28px;
position: absolute;
left: 0;
top: 0;
margin: auto;
transition: 300ms ease-in-out;
bottom: 0;
background-repeat: no-repeat;
}
.header-menu #primary-menu > li:last-child a:hover:before {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.91 26"><g transform="translate(-238 -50.024)"><path d="M26.91,7.261V2.29H0V12.326Z" transform="translate(238 47.734)" fill="%23E21E8F"/><path d="M0,178.94v12.638H26.91V180.694Z" transform="translate(238 -115.553)" fill="%23E21E8F"/></g></svg>');
}
.header-menu li.menu-item-has-children>a:after {
content: '\e093';
font-family: 'Font Awesome 6 Pro';
font-size: var(--size-medium);
}

.header-menu li a:hover {
color: var(--pink);
}

.header-menu li>ul {
opacity: 0;
max-height: 0;
overflow: hidden;
margin-top: 5px;
display: flex;
flex-wrap: wrap;
gap: 15px;
transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
}

.header-menu li>ul>li {
border: none;
padding: 10px 0;
}

.header-menu li>ul>li a {
font-size: var(--size);
font-family: 'Peridot PE XBold', sans-serif;
transition: 300ms ease-in-out;
}

.header-menu li>ul>li a:hover {
color: var(--pink);
}

.header-menu li:hover ul {
opacity: 1;
max-height: 200px;
}

.offcanvas-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: linear-gradient(90deg, #4D37E500 0%, #4D37E5 100%);
display: none;
z-index: 11;
padding-top: 50px;
}

.offcanvas-overlay-logo {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}

.off-canvas-wrap {
display: flex;
align-items: center;
width: 100%;
justify-content: end;
padding: 0 90px;
gap: 48px;
}

.search-container-main {
margin-top: 20px;
}

.search-container-main,
.search-container {
position: relative;
display: flex;
align-items: center;
}

.search-input {
width: 0;
font-size: 16px;
border: none;
outline: none;
background: transparent;
color: white;
border-bottom: transparent 1px solid;
transition: width 0.4s ease-in-out;
padding: 10px 0;
}

.search-input-main {
width: 100%;
border: none;
border-bottom: 1px solid white;
outline: none;
background: transparent;
color: white;
padding: 20px 0;
height: 100%;
}

.search-container-main .search-input-main::placeholder {
color: white;
font-size: 46px;
font-weight: bold;
}

.search-container .search-input::placeholder {
color: white;
font-size: var(--size-xsmall);
}

.search-container.active .search-input {
width: 480px;
border-bottom: 1px solid white;
}

.search-icon-main {
position: absolute;
right: 0;
font-size: 24px;
}

.search-icon {
cursor: pointer;
color: white;
font-size: var(--size-normal);
}

.social-menu {
display: flex;
margin-top: 50px;
flex-direction: column;
}

.social-menu .social-title {
color: rgba(255, 255, 255, 0.5);
font-size: 10px;
letter-spacing: 2px;
margin-bottom: 10px;
}

.social-menu ul {
display: flex;
gap: 5px;
padding-bottom: 60px;
}

.social-menu ul li {
border: none;
padding: 0;
}

.social-menu ul li a {
width: 46px;
min-width: 46px;
height: 46px;
min-height: 46px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--light-white);
color: rgba(255, 255, 255, 0.8);
font-size: var(--size-small);
transition: 300ms ease-in-out;
}

.social-menu ul li a:hover {
background-color: white;
color: var(--main-color);
}
.home header .logo .main-logo {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease-in-out;
}
.home header.scroll {
padding: 30px 0
}
.home header.scroll .logo .main-logo {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
}
.home header .scrolled-logo {
opacity: 0;
visibility: hidden;
height: 0;
}
.home header.scroll .scrolled-logo {
opacity: 1;
visibility: visible;
height: auto;
}
.category-1695 a.element-block .element-tags span:nth-child(2) {
display: none;
}
.category-1695 span.element-date {
display: flex !important;
}
/****************** HEADER ******************/

/****************** FOOTER ******************/
.to-top {
display: flex;
align-items: center;
flex-direction: column;
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
border: 1px solid white;
border-radius: 50%;
font-family: 'Peridot PE XBold', sans-serif;
font-size: 10px;
justify-content: center;
transition: 300ms ease-in-out;
position: fixed;
right: 20px;
bottom: 6%;
cursor: pointer;
}
.to-top span {
display: none;
}
.to-top:hover {
background-color: var(--pink);
border-color: var(--pink);
}
.to-top:hover span {
display: flex;
}
footer {
background-color: var(--black);
padding: 200px 80px 0 80px;
}

footer .footer-container {
padding: 0 90px
}
footer .grid-cols {
grid-template-columns: repeat(4, 1fr);
}

footer .footer-col h5.social-title {
font-size: var(--size-xsmall);
font-family: 'Peridot PE XBold', sans-serif;
}
footer .footer-col h5 {
color: white;
font-family: "PEridot PE Narw", sans-serif;
font-size: 24px;
margin-bottom: 15px;
}
footer .social-menu {
margin-top: 60px;
}
footer .social-menu ul {
padding-bottom: 100px;
}
footer .social-menu ul li a {
width: 66px;
min-width: 66px;
height: 66px;
min-height: 66px;
}
footer .footer-col ul li {
margin-bottom: 10px;
}
footer .footer-col ul li a {
color: white;
font-family: 'Peridot PE XBold', sans-serif;
font-size: 13px;
}
footer .footer-col:first-of-type ul li a {
font-family: "PEridot PE Narw", sans-serif;
font-size: 24px;
}
footer .footer-col:first-of-type ul li:not(:last-child) {
margin-bottom: 30px;
}
.copyright {
background-color: var(--black);
padding: 0px 0 40px 0;
}

.copyright svg {
margin-bottom: 28px;
}

.copyright,
.copyright a {
color: #9A9A9A;
font-size: var(--size-xsmall);
transition: 300ms ease-in-out;
}

.copyright .row .copy,
.copyright .row .dev {
width: auto;
}

/****************** FOOTER ******************/

/****************** home ******************/
.news-container.top-section .element-layout.featured .element-block {
align-items: start;
grid-template-columns: 5fr 3fr;
gap: 90px;
}
.home .news-grid .element-layout:first-child .element-block {
justify-content: start;
}
.home .news-grid .element-layout:nth-child(2) .element-block {
padding: 0 0 43px 40px;
}
.news-container.top-section .news-grid .element-layout:nth-last-child(2) .element-block {
flex-direction: row;
padding-top: 0;
}
.news-container.top-section .news-grid .element-layout:first-child .element-block {
justify-content: start;
}
.news-container.top-section .news-grid .element-layout:not(:first-child) .element-block .element-image img {
max-width: 436px;
height: 350px;
}
.news-container.top-section .news-grid .element-layout .element-block h2 {
/* font-size: 30px; */
}
.news-container.top-section .element-block .element-tags {
display: none;
}
.home .banner_sqr {
margin: 90px auto;
}
.home .trending-section {
overflow: hidden;
padding-bottom: 30px;
}
.home .trending-section h1 {
font-size: var(--size-xxlarge);
color: var(--pink);
font-family: 'PEridot PE Narw', sans-serif;
margin-bottom: 0;
}
.marquee {
position: relative;
padding: 30px 0;
overflow: hidden;
}
.marquee-scroll {
display: flex;
gap: 30px;
animation: marquee-animation 15s linear infinite;
animation-duration: 30s;
}

.marquee-scroll .element-container {
display: flex;
gap: 30px;
}
.marquee-scroll .element-container:nth-child(2) {
animation: none;
}
.trending-section .element-layout {
transition: 300ms ease-in-out;
}
.trending-section .element-layout:hover {
transform: rotate(-5deg);
}
.trending-section .element-layout .element-block {
flex-direction: column;
border: 2px solid var(--pink);
padding: 0;
position: relative;
justify-content: start;
height: 100%;
}
.trending-section .element-layout .element-block .element-caption .element-tags {
position: absolute;
top: 10px;
right: 10px;
}
.trending-section .element-layout .element-block .element-caption {
padding: 15px;
}
.trending-section .element-layout .element-block .element-caption h2 {
font-size: var(--size-normal);
line-height: 1.6;
}
.trending-section .element-layout .element-block .element-image img {
min-width: 320px;
height: 182px;
object-fit: cover;
}
.marquee:hover .marquee-scroll {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
cursor: pointer;
}
@keyframes marquee-animation {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.podcasts-section .swipe-me-button {
letter-spacing: 2px;
font-size: 10px;
display: flex;
align-items: center;
justify-content: end;
z-index: 6;
position: relative;
}
.podcasts-section .swipe-me-button .icon {
width: 80px;
height: 80px;
}
.podcasts-section:after {
content: '';
background: linear-gradient(270deg, #111111 0%, #11111100 100%);
position: absolute;
right: 0;
bottom: 0;
top: 0;
margin: auto;
display: flex;
justify-content: center;
height: 100%;
z-index: 5;
width: 14%;
}
.podcasts-section h1 {
position: absolute;
left: 45px;
bottom: 0;
top: 0;
margin: auto;
display: flex;
justify-content: center;
writing-mode: tb-rl;
transform: rotate(-180deg);
font-size: 100px;
color: #5273FF;
font-weight: bold;
z-index: 6;
font-family: 'Peridot PE Narw', sans-serif;
}
.podcasts-section .element-container {
max-width: 1715px;
margin-left: auto;
}
.podcasts-section .element-container .element-layout {
height: auto;
}
.podcasts-section .element-container .element-block {
flex-direction: column;
border-bottom: 0;
padding: 0;
border-right: 1px dashed white;
height: 100%;
justify-content: start;
}
.podcasts-section.video-section .element-container .element-block .element-image img {
height: 238px;
}
.podcasts-section .element-container .element-block .element-image img {
height: 390px;
width: 360px;
object-fit: cover;
}
.podcasts-section .element-container .element-block .element-caption {
text-align: center;
margin-top: 20px;
padding: 0 40px;
}
.podcasts-section .element-container .element-block h2 {
font-size: 27px;
text-align: center;
margin-top: 10px;
}
.home .newsletter-wrapper {
margin-top: 200px;
margin-bottom: 120px;
max-width: 1444px;
padding: 90px 0;
margin-left: auto;
margin-right: auto;
}
.home .newsletter-wrapper h5 {
font-size: 44px;
margin-bottom: 30px;
}
.home .newsletter-wrapper .intro {
font-size: var(--size);
max-width: 32%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.home .newsletter-wrapper .form-content {
max-width: 630px;
padding: 0 30px;
margin-left: auto;
margin-right: auto;
}
.home .newsletter-wrapper .agree-form-check p {
margin-bottom: 0;
}
.home .newsletter-wrapper .agree-form-check label {
text-align: left;
padding-right: 80px;
}
.home .newsletter-wrapper .row-agree {
display: flex;
align-items: center;
}
.home .newsletter-wrapper .submit-wrapper {
margin-top: 0;
}
.home .news-container-wrapper {
margin: auto;
}
.home .related-container-nav h4 {
font-size: 80px;
color: var(--pink);
font-family: 'Peridot PE Narw', sans-serif;
}
.home .related-container {
margin-top: 30px;
}
.home .element-column h4 {font-size: 33px;color: var(--pink);font-family: 'Peridot PE Narw', sans-serif;}
.home .news-grid {
margin-top: 40px;
}
.home .news-grid .element-layout:first-child .element-block {
padding: 0 40px 30px 0;
}
.home .related-container .element-layout .element-block {
padding: 0;
}
.home .oscar-section {
margin-bottom: 120px;
}
.home .oscar-section .related-container-nav h4 {
color: white;
font-size: 54px;
}
.home .oscar-section .related-container-grid {
gap: 16px;
margin-top: 30px;
}
.home .oscar-section .element-layout .element-block .element-image:after {
content: none;
}
.home .oscar-section .element-layout .element-block {
background-color: #252525;
height: 100%;
justify-content: space-between;
padding: 15px;
}
.home .oscar-section .element-layout .element-block .element-caption {
transform: none;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
}
.home .oscar-section .element-layout .element-block .element-caption h2 {
margin-top: 15px;
font-size: 24px;
}
.home .oscar-section .element-layout .element-block .element-image img {
height: 330px;
width: 318px;
}
@keyframes animatedGradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
  
.animated-gradient {
background: linear-gradient(60deg, #0400ff, #c900ff, #ff007a, #f1009b);
background-size: 300% 300%;
animation: animatedGradient 13s ease infinite;
display: flex;
justify-content: center;
align-items: center;
color: white;
}
.quick-search {
padding: 90px 0 150px 0px;
margin-top: 120px;
}
.quick-search h1 {
font-size: 80px;
font-family: 'Peridot PE Narw', sans-serif;
}
.quick-search h2 {
font-size: 24px;
font-family: 'Peridot PE XBold', sans-serif;
max-width: 25%;
}
.quick-search .button-quicksearch , form.searchandfilter input[type="submit"] {
color: white;
font-size: var(--size-small);
border: 2px solid white;
background-color: transparent;
font-weight: bold;
transition: 300ms ease-in-out;
min-height: 60px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
min-width: 276px;
margin-left: auto;
margin-top: 60px;
}

.searchandfilter option {
font-weight: normal !important;
font-family: 'Geologica' !important;
font-size: 13px;
text-transform: uppercase;
cursor: pointer;
transition: 300ms ease-in-out;
background: black;
color: white;
}

.searchandfilter select:hover , .searchandfilter select:focus {
background: black;
color: white;
}

.quick-search .button-quicksearch:hover , form.searchandfilter input[type="submit"]:hover {
color: white;
border: 2px solid #000;
background-color: #000;

}
.quick-search .dropdown-wrapper , .searchandfilter ul{
display: flex;
gap: 16px;
margin-top: 60px;
}
.quick-search .dropdown-menu,
.quick-search .dropdown , .searchandfilter li{
width: 100%;
}
.quick-search .dropdown-menu {
background-color: black;
border-radius: 0;
top: -3px!important;
border: none;
}
.quick-search .dropdown-menu li .dropdown-item , .searchandfilter li  {
color: white;
font-size: 13px;
text-transform: uppercase;
cursor: pointer;
transition: 300ms ease-in-out;
}
.quick-search .dropdown-menu li:hover .dropdown-item {
color: var(--pink);
background-color: transparent;
}
.searchandfilter li {
max-width: 20%;
background: transparent;
display: block;
}
.searchandfilter li h4 {
display: none;
}

.searchandfilter  select{padding: 6px;min-height: 60px;width: 100%;}
.searchandfilter li{
background: transparent !important;
}
.searchandfilter li:last-child {
margin: 0 !important;
padding: 0 !important;
}



.searchandfilter  input[type="submit"] {
margin-top: 0 !important;
}
.quick-search .dropdown-toggle , .searchandfilter li {padding: 0;border-radius: 0;border: none;cursor: pointer;font-size: var(--size);font-family: 'Peridot PE Narw', sans-serif;background-size: 9px 12px;text-transform: uppercase;transition: 300ms ease-in-out;background-color: white;color: black;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.quick-search .dropdown-toggle i {
font-size: 12px;
}
.quick-search .dropdown-toggle.show,
.quick-search .dropdown-toggle:hover {
background-color: black;
color: white;
}
.quick-search .dropdown-toggle.show {
color: var(--pink);
}
.quick-search .dropdown-toggle.show i {
transform: rotate(180deg);
}
.quick-search .dropdown-toggle:after {
content: none;
}
/****************** home ******************/

/****************** SEARCH PAGE ******************/
.search-input-title {
font-family: var(--size-small);
}

.pagin-results,
.search-count-results {
font-size: var(--size-small);
color: rgba(255, 255, 255, 0.5);
margin-top: 30px;
}

.pagin-results {
text-align: center;
margin-top: 100px;
}

.element-block {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px 0;
transition: 300ms ease-in-out;
border-bottom: 1px solid white;
}

.search-container-results .element-layout:last-child .element-block {
border-bottom: none;
}
.element-block:hover {
color: white;
}
.element-block .element-tags {
display: flex;
gap: 5px;
}
.element-block .element-tags span {
letter-spacing:-0.025rem;
background-color: var(--pink);
font-size: var(--size-xsmall);
color: black;
font-family: 'Peridot PE Narw', sans-serif;
min-height: 26px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 4px;
}

.search-container-results .element-block h1 {
transition: 300ms ease-in-out;
font-size: 34px;
margin: 20px 0 40px 0;
display: flex;
padding-right: 50px;
font-family: 'Peridot PE XBold', sans-serif;
}
.element-block .element-author {
font-size: 10px;
letter-spacing: 1px;
}
.news-left-container .element-block .element-image,
.search-container-results .element-block .element-image {
max-width: 276px;
}
.loadmore {
border: 2px solid white;
color: white;
padding: 10px 20px;
font-size: var(--size-small);
font-weight: bold;
transition: 300ms ease-in-out;
width: fit-content;
cursor: pointer;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
.loadmore:hover {
background-color: white;
color: var(--main-color);
}
/****************** SEARCH PAGE ******************/

/****************** CATEGORY PAGE ******************/
.category-page .page-content {
margin-top: 0;
}
.news-container h1 {
font-size: var(--size-xxlarge);
color: var(--pink);
font-family: 'PEridot PE Narw', sans-serif;
border-bottom: 1px solid var(--pink);
margin-bottom: 0;
}
.news-container-wrapper {
margin-left: 0;
}
.news-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(3, auto);  
}
.element-layout {
color: white;
grid-column: span 3;
grid-row: span 2;
}
.element-layout .element-block {
padding: 20px 0;
justify-content: center;
justify-content: space-between;
border-bottom: 2px solid white;
}
.news-grid .element-layout:first-child .element-block .element-image img {
height: 456px;
object-fit: cover;
}
.news-grid .element-layout:first-child {
grid-row: span 6;
grid-column: span 2;
border-right: 2px solid white;
height: 100%;
}
.news-grid .element-layout:not(:first-child) .element-block h2 {
margin-bottom: 40px;
}
.news-grid .element-layout:not(:first-child) .element-block .element-image img {
max-width: 250px;
height: 200px;
object-fit: cover;
}
.news-grid .element-layout .element-block {
padding: 43px 0 43px 40px;
justify-content: start;
gap: 30px;
}
.element-layout .element-block h2 {
font-family: 'Peridot PE XBold', sans-serif;
}
.news-grid .element-layout .element-block h2 {
font-size: 28px;
margin-top: 15px;
}
.news-grid .element-layout .element-block h3 {font-size: var(--size-small);font-weight: normal;line-height: 2;}
.news-grid .element-layout:nth-last-child(2) .element-block {
flex-direction: row-reverse;
}
.news-grid .element-layout:first-child .element-block {flex-direction: column;justify-content: start;height: 100%;padding: 40px 40px 30px 0;}
.news-grid .element-layout:first-child .element-block h2 {
/* line-height: 1; */
font-size: 35px;
}
.news-grid .element-layout:first-child .element-block h3 {margin-bottom: 15px;}
.element-layout.featured {
border-right: none;
}
.element-layout.featured .element-block {
display: grid;
grid-template-columns: 2fr 1fr;
padding: 40px 0;
border-bottom: 2px solid white;
align-items: end;
}
.element-layout.featured .element-block .element-caption {
padding-bottom: 60px;
}
.element-layout.featured .element-block .element-tags {
gap: 15px;
}
.element-layout.featured .element-block .element-tags-wrapper {
gap: 10px;
padding: 0;
background-color: transparent;
}
.element-layout.featured .element-block .element-date {
background-color: transparent;
color: white;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
font-size: 10px; 
font-family: 'Geologica', sans-serif;
}
.element-block .element-author , span.posted-on{
   text-transform: uppercase;  
}
.element-layout.featured .element-block h2 {
font-size: 55px;
margin-top: 20px;
}
.element-layout.featured .element-block .element-caption {
padding-left: 20px;
}
textarea#comment {
background: #202020;
}
.element-layout.featured .element-block h3 {
font-size: var(--size);
margin-top: 40px;
margin-bottom: 40px;
line-height: 2;
font-weight: normal;
}
.bottom-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.bottom-grid .element-layout {
grid-row: unset;
grid-column: unset;
}
.bottom-grid .element-layout .element-block {
padding: 40px;
gap: 30px;
}
.bottom-grid .element-layout .element-block .element-image img {
max-width: 158px;
height: 228px;
object-fit: cover;
}
.bottom-grid .element-layout:first-child .element-block {
flex-direction: row;
}
.bottom-grid .element-layout .element-block h2 {
font-size: 20px;
margin-top: 20px;
margin-bottom: 30px;
}
.bottom-grid .element-layout:not(:last-child) {
border-right: 2px solid white;
}
.banner_sqr {
letter-spacing: 6px;
font-size: 10px;
background-color: var(--light-white);
max-width: 970px;
margin: 60px auto;
min-height: 250px;
display: flex;
align-items: center;
justify-content: center;
}
.related-container {
margin-bottom: 40px;
}
.related-container h4 {
letter-spacing: -0.025rem;
color: var(--pink);
font-size: 38px;
font-family: 'Peridot PE Narw', sans-serif;
}
.related-container .related-container-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
margin-top: 20px;
}
.related-container-nav .view-all {
border: 2px solid white;
width: fit-content; 
min-height: 44px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 25px 0 20px;
font-size: var(--size-small);
font-weight: bold;
min-width: 166px;
}
.related-container-nav .view-all:hover {
border: 2px solid var(--pink);
background-color: var(--pink);
color: black;
}
.related-container .element-layout {
grid-column: unset;
grid-row: unset;
}
.related-container .element-layout .element-block {
flex-direction: column;
border-bottom: none;
padding: 0
}
.related-container .element-layout .element-block .element-image {
position: relative;
width: 100%;
}
.related-container .element-layout .element-block .element-image img {
height: 265px;
object-fit: cover;
}
.related-container .element-layout .element-block .element-image:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40%;
background: linear-gradient(180deg, #11111100 0%, #111111DA 74%, #111111 100%);
}
.related-container .element-layout .element-block .element-caption {
transform: translateY(-26px);
width: 100%;
}
.related-container .element-layout .element-block h2 {
font-size: 24px;
margin-top: 10px;
margin-bottom: 40px;
}
.related-container.more-series-container .related-container-grid {
gap: 0;
}
.related-container.more-series-container .related-container-grid .element-column h4 {margin-top: 30px;min-height: 102px;padding-left: 30px;margin-bottom: 0;}
.related-container.more-series-container .related-container-grid .element-column .element-layout {
padding: 0 30px;
}
.related-container.more-series-container .related-container-grid .element-column:last-child .element-layout {
padding-right: 0;
}
.related-container.more-series-container .related-container-grid .element-column:first-child h4,
.related-container.more-series-container .related-container-grid .element-column:first-child .element-layout {
padding-left: 0;
}
.related-container.more-series-container .related-container-grid .element-column:not(:last-child) .element-layout {
border-right: 2px dashed white;
}
.home .news-container .element-layout .element-block .element-caption {
width: 100%;
}
.related-container.more-series-container .element-column .element-layout .element-block {
padding: 15px 0 15px 0;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block:after {
content: '';
background: linear-gradient(90deg, #5273FF80 0%, #5273FF00 100%);
height: 1px;
display: flex;
margin-top: 10px;
position: absolute;
bottom: 0;
width: 100%;
left: 0;
}
.related-container.more-series-container .element-column .element-layout:not(:first-child) .element-block {
padding-top: 15px;
}
.related-container.more-series-container .element-column .element-layout:not(:last-child) .element-block {
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block,
.related-container.more-series-container .element-column .element-layout:not(:first-of-type) .element-block {
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: 20px;
}
.related-container.more-series-container .element-column .element-layout:first-of-type .element-block {
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
margin-bottom: 3px;
}
.news-right-container .related-container.more-series-container .element-column .element-layout:first-of-type .element-block {
border-bottom: none;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block {
margin-bottom: 0;
padding: 10px 0;
}
.related-container.more-series-container .element-layout .element-block .element-image:after {
content: none;
}
.related-container.more-series-container .element-column .element-layout .element-block .element-image img {
height: 200px;
width: 100%;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block .element-image,
.related-container.more-series-container .element-column .element-layout:not(:first-of-type) .element-block .element-image {
width: 100%;
max-width: 100px;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block .element-image img,
.related-container.more-series-container .element-column .element-layout:not(:first-of-type) .element-block .element-image img {
height: 80px;
max-width: 100px;
}
.related-container.more-series-container .element-column .element-layout .element-block .element-caption {
transform: none;
}
.related-container.more-series-container .element-column .element-layout .element-block .element-caption h2 {
margin-top: 20px;
line-height: 1.4;
font-size: 23px;
display: -webkit-box;
height: 100%;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block .element-caption h2,
.related-container.more-series-container .element-column .element-layout:not(:first-of-type) .element-block .element-caption h2 {
margin-bottom: 0;
font-size: var(--size);
margin-top: 0;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block .element-caption h2 {
font-size: var(--size-small);
line-height: 1.6;
position: relative;
z-index: 5;
}
.news-grid-cols {
display: flex;
gap: 90px;
margin-top: 90px;
}
.news-right-container {
max-width: 29%;
position: relative;
}
.news-right-container .social-menu {
margin-top: 60px;
}
.news-right-container .social-menu .social-title {
text-align: center;
margin-bottom: 15px;
}
.news-right-container .social-menu ul {
justify-content: center;
padding-bottom: 0;
}
.news-right-container .social-menu ul li a {
font-size: var(--size-normal);
}
.news-right-container .banner_sqr {
height: 250px;
width: 100%;
max-width: 300px;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 6px;
font-size: 10px;
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.5);
margin-left: auto;
}
.news-right-container .element-column {
position: relative;
margin: 30px 0;
}
.news-right-container .element-column.podcast-column h1 {
color: var(--pink);
}
.news-right-container .element-column.interview-column h1 {
font-size: 74px;
color: #BBFC5E;
}
.news-right-container .element-column:after {
content: '';
background: linear-gradient(270deg, #111111 0%, #11111100 100%);
position: absolute;
right: 0;
bottom: 0;
height: 100%;
width: 30%;
}
.news-right-container h1 {
border-bottom: none;
position: absolute;
right: 0;
margin: 0;
writing-mode: tb-rl;
transform: rotate(-180deg);
font-size: 100px;
color: #5273FF;
}
.newsletter-wrapper {
background-color: var(--pink);
padding: 30px 25px;
text-align: center;
margin-bottom: 40px;
}
.newsletter-wrapper h5 {
font-size: var(--size-medium);
font-family: 'Peridot PE Narw', sans-serif;
color: black;
}
.newsletter-wrapper .intro {
color: black;
font-size: 13px;
margin-bottom: 15px;
}
.newsletter-wrapper .control-form input {
background-color: transparent;
border: none;
border-bottom: 2px solid black;
padding: 10px 0;
width: 100%;
}
.newsletter-wrapper .control-form input:focus {
box-shadow: none;
outline: none;
}
.newsletter-wrapper .control-form input::placeholder {
color: black;
font-size: var(--size);
font-weight: bold;
text-align: center;
}
.newsletter-wrapper .row-agree {
color: black;
font-size: var(--size-xsmall);
margin-top: 25px;
}
.newsletter-wrapper .row-agree a {
transition: 300ms ease-in-out;
border-bottom: 1px solid black;
}
.newsletter-wrapper .row-agree a:hover {
color: black;
}
.newsletter-wrapper .row-agree .agree-form-check input {
display: none;
}
.newsletter-wrapper .wpcf7-submit {
border: none;
background-color: transparent;
font-weight: bold;
transition: 300ms ease-in-out;
padding: 0;
font-size: var(--size-small);
}
.newsletter-wrapper .submit-wrapper {
background-color: transparent;
border: 2px solid black;
min-height: 44px;
padding: 0 25px;
font-weight: bold;
width: fit-content;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
margin: 20px auto 0 auto;
transition: 300ms ease-in-out;
min-width: 166px;
color: black;
}
.newsletter-wrapper .submit-wrapper i {
font-size: var(--size-xsmall);
display: flex;
}
.newsletter-wrapper .submit-wrapper:hover .wpcf7-submit,
.newsletter-wrapper .submit-wrapper .wpcf7-submit:hover {
background-color: transparent;
color: white;
}
.newsletter-wrapper .submit-wrapper:hover {
background-color: black;
color: white;
}
.news-left-container  {
max-width: 70%;
}
.news-left-container .element-block {
justify-content: start;
padding: 40px 0;
align-items: start;
gap: 20px;
}
.news-left-container .element-layout:first-child .element-block {
padding-top: 0;
}
.news-left-container .element-block .element-caption {
margin-top: 15px;
}
.news-left-container .element-block h2 {
font-size: 34px;
margin-top: 10px;
max-width: 80%;
line-height: 1.4;
margin-bottom: 20px;
}
.news-left-container .element-block .element-image img {
height: 220px;
object-fit: cover;
}
/****************** CATEGORY PAGE ******************/

/****************** NEWS SINGLE PAGE ******************/
.news-single-page .page-content {
margin-top: 0;
}
.top-section {
max-width: 1670px;
margin-left: auto;
}
.top-section .top-banner-inner-pages {
display: flex;
align-items: center;
}
.top-section .top-banner-inner-pages .top-banner-caption {
max-width: 40%;
}
.top-section .top-banner-inner-pages .top-banner-date {
letter-spacing: 2px;
font-size: 10px;
}
.top-section .top-banner-inner-pages .top-banner-title {letter-spacing: -0.025em;font-size: 60px;font-family: 'Peridot PE XBold', sans-serif;line-height: 1.2;margin-top: 20px;}
.top-section .top-banner-inner-pages .top-banner-subtitle {
font-size: 24px;
line-height: 1.6;
margin-top: 40px;
}
.top-section .top-banner-inner-pages .top-banner-author {
font-size: var(--size-xsmall);
line-height: 1.2;
margin-top: 60px;
}
.top-section .top-banner-inner-pages .top-banner-image {
position: relative;
}
.top-section .top-banner-inner-pages .top-banner-image:after {
content: '';
position: absolute;
left: 0;
height: 100%;
width: 40%;
background: linear-gradient(90deg, #111111 0%, #11111100 100%);
}
.news-single-page .news-grid-cols {
margin-top: 120px;
}
.news-single-page .news-left-container {
max-width: 72%;
}
.news-single-page .news-left-container h1 {
border-bottom: none;
font-size: 50px;
margin-bottom: 40px;
}
.news-single-page .news-left-container p:first-of-type {
margin-top: 0;
}
.news-single-page .news-left-container {
font-weight: 100;
}
.news-single-page .news-left-container .intro {
line-height: 1.8;
font-weight: 100;
font-size: var(--size-normal)
}
.news-single-page .news-left-container p {
font-family: "Geologica", sans-serif;
line-height: 1.8;
font-weight: 100;
font-size: var(--size-normal);
margin: 60px 0;
}
.news-single-page .news-left-container .element-layout:first-of-type .element-block .element-caption {
margin-top: 0;
}
.news-single-page .news-left-container .element-layout:first-of-type .element-block {
padding-top: 0;
}
.news-single-page .news-left-container .intro b,
.news-single-page .news-left-container p b {
color: var(--pink);
font-weight: 600;
}
.share-fb {
border-radius: 23px;
background-color: rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
width: fit-content;
min-height: 46px;
color: rgba(255, 255, 255, 0.5);
font-size: 10px;
letter-spacing: 2px;
min-width: 220px;
padding: 0 20px;
gap: 20px;
font-weight: 600;
transition: 300ms ease-in-out;
margin-top: 60px;
}
.share-fb i {
color: rgba(255, 255, 255, 0.8);
transition: 300ms ease-in-out
}
.share-fb:hover {
background-color: var(--pink);
color: black;
}
.share-fb:hover i {
color: black;
}
.main-element-author {
display: flex;
align-items: center;
gap: 16px;
border-top: 1px solid white;
border-bottom: 1px solid white;
padding: 60px 0;
margin: 60px 0;
}
.main-element-author .author-caption-title {
font-size: 10px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.4);
}
.main-element-author .author-caption-name {
font-size: var(--size-medium);
transition: 300ms ease-in-out;
position: relative;
cursor: pointer;
}
.main-element-author .author-caption-name:after {
content: '';
height: 1px;
width: 0;
background-color: var(--pink);
left: 0;
bottom: 0;
display: block;
position: absolute;
transition: 300ms ease-in-out;
}
.main-element-author .author-caption-name:hover {
color: var(--pink);
}
.main-element-author .author-caption-name:hover:after {
width: 100%
}
.list-items-section h1 {
color: white;
font-size: 54px;
margin-bottom: 90px;
font-family: 'Peridot PE XBold', sans-serif;
}
.new-series-section {
margin-top: 90px;
}
.list-items-block {
font-size: var(--size-normal);
font-weight: 300;
}
.list-items-block img {
margin: 30px 0 0 0;
display: flex;
}
.list-items-block iframe {
margin: 30px auto 0 auto;
display: flex;
}
.list-items-block:not(:last-of-type) {
margin-bottom: 90px;
}
.list-items-block .list-item-title {
font-size: 32px;
font-weight: bold;
margin-bottom: 40px;
}
.list-items-block .list-item-intro {
font-weight: 300;
margin-bottom: 30px;
line-height: 2;
}
.list-items-block .list-item-intro b {
font-weight: 600;
color: var(--pink);
}
.list-items-block .list-item-location {
font-weight: 100;
margin-bottom: 10px;
gap: 10px;
display: flex;
}
.list-items-block .list-item-location span {
font-weight: bold;
}
/****************** NEWS SINGLE PAGE ******************/

/****************** NEWS ARCHIVE ******************/
.read-more-list {
max-width: 860px;
margin: 90px auto;
}
.read-more-list .read-more-list-title {
font-size: 32px;
font-family: 'Peridot PE Narw', sans-serif;
color: var(--pink);
}
.read-more-list ul li a {
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
padding: 16px 0;
width: 100%;
display: flex;
font-size: var(--size-medium);
}
.series-list .series-layout .series-block {
display: flex;
align-items: center;
gap: 145px;
margin-bottom: 90px;
transition: 300ms ease-in-out;
}
.series-list .series-layout:last-child .series-block {
margin-bottom: 0;
}
.series-list .series-layout:nth-child(even) .series-block {
flex-direction: row-reverse;
}
.series-list .series-layout .series-image img {
height: 578px;
width: 420px;
object-fit: cover;
object-position: top;
}
.series-list .series-layout .series-caption .series-list-title span {
font-weight: bold;
padding-right: 5px;
font-size: 32px;
display: inline-flex;
transition: 300ms ease-in-out;
position: relative;
}
.series-list .series-layout .series-caption .series-list-title {
font-weight: 100;
font-size: 24px;
margin-bottom: 30px;
display: inline-block;
}
.series-list .series-layout .series-block .series-caption .series-list-title span:after,
.series-list .series-layout .series-block.has-link .series-caption .series-list-title span:after {
content: '';
width: 0;
height: 1px;
background-color: var(--pink);
left: 0;
bottom: 0;
display: block;
position: absolute;
transition: 300ms ease-in-out;
}
.series-list .series-layout .series-block.no-link .series-caption .series-list-title span:after {
background-color: white;
}
.series-list .series-layout .series-block.has-link .series-caption .series-list-title span {
color: var(--pink);
}
.series-list .series-layout .series-block:hover {
color: white;
}
.series-list .series-layout .series-block:hover .series-caption .series-list-title span:after {
content: '';
width: 100%;
}
.series-list .series-layout .series-caption .series-list-intro {
line-height: 2;
font-size: var(--size-normal);
font-weight: 100;
}
.news-archive .news-left-container .element-block h2 {
max-width: 90%;
}   
.news-archive .news-left-container .element-block .element-caption {
width: 100%;
}
.news-archive .news-left-container .element-block .element-image img {
width: 276px;
}
/****************** NEWS ARCHIVE ******************/

/****************** SIMPLE PAGES ******************/
.simple-pages h1 {
color: var(--pink);
font-family: 'Peridot PE Narw', sans-serif;
font-size: 50px;
margin-bottom: 30px;
}
.simple-pages .text p,
.simple-pages .text {
font-size: var(--size-normal);
color: var(--black);
line-height: 2;
}

/****************** SIMPLE PAGES ******************/

/****************** 404 PAGE ******************/
.error-page-not-found {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
}

.error-page-not-found .page-banner {
width: 100%;
}
.error-page-not-found .page-banner h1 {
color: var(--pink);
font-family: 'Peridot PE Narw', sans-serif;
}
/****************** 404 PAGE ******************/



html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}

/* Sections
 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
font-size: 2em;
margin: 0.67em 0;
}

/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}

.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;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
span.element-image img {
max-width: 100%;
height: auto;
}
body.home.page-template {
overflow-x: hidden;
}
/* Alignments
--------------------------------------------- */
.alignleft {

/*rtl:ignore*/
float: left;

/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}

.alignright {

/*rtl:ignore*/
float: right;

/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}

.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}

.post-categories a {
background: #E21E8F 0% 0% no-repeat padding-box;
text-align: left;
font: normal normal 900 12px/25px Geologica;
letter-spacing: 0px;
color: #000000;
}
.displayarticles {
display: grid;
grid-template-columns: auto auto auto;
}
.post-categories a {
padding: 0 10px;
text-align: center;
display: inline-block;
width: auto;
height: 25px;
text-decoration: none;
text-transform: uppercase;
}
.top-section .top-banner-inner-pages .top-banner-date{
   text-transform: uppercase; 
}
.apospasma {text-align: left;
font: normal normal normal 16px/30px Geologica;
letter-spacing: 0px;
color: #FFFFFF;}

.homepage section h2 {
text-align: left;
font: normal normal 900 80px/40px Geologica;
letter-spacing: 0px;
color: #E21E8F;
}

.element-column.podcast-column img {
width: auto;
max-height: 80px;
}

.element-column.podcast-column .element-layout .element-block {
align-items: center;
justify-content: start;
}

.element-column.podcast-column span.element-caption {
padding-left: 10px;
}
.element-column.interview-column img {
max-height: 80px;
width: auto;
min-width: 90px;
padding-right: 10px;
}


.single-post .related-posts  .element-layout {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}

.single-post .related-posts  .news-left-container .element-block h2 {
text-align: left;
padding: 30px;
}

.single-post .related-posts  .element-layout a {
width: 100%;
}
.single-post .nav-links {
display: none;
}
.single-post .related-posts .element-layout a {
flex-direction: row-reverse !important;
}
.author-image img {
/* border-radius: 50%; */
}
.author-image {
    border-radius: 50%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 80px;
    width: 80px;
}

.author-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
a.prev.page-numbers {
min-width: 200px !important;
}
body.page-template-default.page , body.archive.category{
overflow-x: hidden;
}
span.page-numbers.current {
max-width: 40px;
justify-content: center;
}
a.page-numbers {
text-align: CENTER !important;
align-items: center !important;
justify-content: center !important;
}
a.page-numbers {
max-width: 40px !important;
min-width: 40px !important;
}
span.page-numbers.dots {
border: none !important;
}

a.next.page-numbers {
min-width: 200px !important;
}
/*.element-layout.featured .element-block .element-caption h2:hover {
transition: all .3s ease-in;
color: #e21e8f;
}*/
.nav-links a , .nav-links span {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--black-600);
font-weight: 300;
border: 2px solid white;
font-size: 11px;
font-weight: bold;
min-height: 44px;
width: 220px;
padding: 0 20px;
transition: 300ms ease-in-out;
}



.nav-links {
width: 100%;
}
.logoscroll {
display: none;
}

.home header#masthead.scroll .logo {
display: none;
}
header#masthead.scroll .logoscroll {
display: block;
-webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 
/* MIN WIDTH */
@media only screen and (min-width: 1199px)  {

}
@media only screen and (min-width: 992px)  {

}
/* MIN WIDTH */

/* MAX WIDTH */
@media only screen and (max-width: 1880px)  {
.podcasts-section .container-xl {
display: flex;
align-items: center;
justify-content: space-between;
}
.podcasts-section h1 {
position: unset;
justify-content: start;
writing-mode: unset;
transform: none;
margin: 0;
font-size: 50px;
}
.home .trending-section h1{
font-size: 50px;
}
}
@media only screen and (max-width: 1735px)  {
/* NEWS LIST */
.top-section {
max-width: 1600px;
padding-left: 10px;
}
/* NEWS LIST */
}
@media only screen and (max-width: 1680px)  {
/* HOMEPAGE */
 .homepage .trending-section h1 {
padding: 0 16px;
}
.podcasts-section .element-container .element-block {
padding: 0 10px;
}
/* HOMEPAGE */
}
@media only screen and (max-width: 1570px)  {
   
}
@media only screen and (max-width: 1480px)  {
/* HOMEPAGE */
.homepage .news-container-wrapper {
padding: 0 16px;
}
.quick-search .container {
padding: 0 16px;
}
/* HOMEPAGE */

/* NEWS LIST */
.top-section .top-banner-inner-pages .top-banner-title {
font-size: 50px;
}
.news-single-page .news-left-container {
max-width: 66%;
}
.news-right-container {
max-width: 33%;
}
/* NEWS LIST */

/* SIMPLE PAGE */
.simple-pages .page-content .container {
padding: 0 16px;
max-width: 1590px;
padding-left: 155px;
}
/* SIMPLE PAGE */

/* CATEGORY PAGE */
.element-layout.featured .element-block {
grid-template-columns: 1fr 1fr;
gap: 30px;
}
.element-layout.featured .element-block h2 {
font-size: 50px !important;
}
.news-grid .element-layout .element-block h2 {
line-height: 1.1;
font-size: 24px;
}
.news-grid .element-layout:first-child .element-block h2 {
font-size: 28px;
}
.bottom-grid .element-layout .element-block {
padding: 20px;
}
.news-grid .element-layout .element-block {
padding: 20px 0 20px 20px;
}
.news-grid .element-layout:first-child .element-block {
padding: 20px 20px 20px 0;
}
.news-grid .element-layout:last-of-type {
border-bottom: 2px solid white;
}
.news-grid .element-layout:last-of-type .element-block {
border-bottom: 0;
}
/* CATEGORY PAGE */
}
@media only screen and (max-width: 1380px)  {
/* NEWS LIST */
.series-list .series-layout .series-block {
gap: 30px;
}
/* NEWS LIST */

/* HOMEPAGE */
.homepage .news-container.top-section .element-layout.featured .element-block {
padding-top: 0;
gap: 30px;
}
/* HOMEPAGE */
}
@media only screen and (max-width: 1290px)  {
/* NEWS LIST */
.top-section .top-banner-inner-pages .top-banner-title {
font-size: 40px;
}
.news-single-page .news-left-container h1 {
font-size: 36px;
}
.news-single-page .news-left-container {
max-width: 54%;
}
.news-right-container {
max-width: 46%;
}
.list-items-block .list-item-title,
.news-left-container .element-block h2 {
font-size: 24px;
}
.series-list .series-layout:nth-child(even) .series-block,
.series-list .series-layout .series-block {
flex-direction: column;
}
.series-list .series-layout .series-block {
margin-bottom: 50px;
}
.series-list .series-layout .series-caption .series-list-title {
display: flex;
}
/* NEWS LIST */

/* CATEGORY PAGE */
.bottom-grid .element-layout .element-block h2 {
font-size: var(--size-normal);
}
/* CATEGORY PAGE */
}
@media only screen and (max-width: 1199px)  {
/* GENERAL */
.container-xl {
padding: 0 16px
}
/* GENERAL */

/* NEWS LIST */
.top-section {
padding-left: 0;
}
.top-section .top-banner-inner-pages {
flex-direction: column;
}
.top-section .top-banner-inner-pages .top-banner-caption {
order: 2;
width: 100%;
max-width: 100%;
padding: 0 16px;
}
.top-section .top-banner-inner-pages .top-banner-image,
.top-section .top-banner-inner-pages .top-banner-image img {
width: 100%;
}
.top-section .top-banner-inner-pages .top-banner-image:after {
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #11111100 0%, #111111DA 74%, #111111 100%);
}
.top-section .top-banner-inner-pages .top-banner-title {
font-size: 36px;
}
.top-section .top-banner-inner-pages .top-banner-subtitle {
margin-top: 25px;
font-size: var(--size-normal);
}
.news-single-page .news-grid-cols {
margin-top: 60px;
}
/* NEWS LIST */

/* SEARCH PAGE */
.search-page .container_1150 {
padding: 0 16px
}
/* SEARCH PAGE */

/* SIMPLE PAGE */
.simple-pages .page-content .container {
padding-left: 16px;
}
/* SIMPLE PAGE */

/* CATEGORY PAGE */
.news-container h1 {
font-size: 42px;
border-bottom: none;
}
/* CATEGORY PAGE */

/* HOMEPAGE */
.podcasts-section .element-container .element-block .element-caption {
padding: 0;
}
.podcasts-section .element-container .element-block h2 {
font-size: var(--size);
}
.homepage .related-container {
padding: 0 16px;
}
/* HOMEPAGE */
}
@media only screen and (max-width: 1100px)  {
/* CATEGORY PAGE */
.homepage .news-container.top-section .element-layout.featured .element-block,
.element-layout.featured .element-block {
grid-template-columns: repeat(1, 1fr) !important;
padding-bottom: 0;
}
.element-layout.featured .element-block .element-image {
margin: 0 -16px;
position: relative;
}
.element-layout.featured .element-block .element-image:after {
content: '';
background: linear-gradient(180deg, #11111100 0%, #111111DA 74%, #111111 100%);
width: 100%;
height: 30%;
position: absolute;
bottom: 0;
left: 0;
}
.element-layout.featured .element-block h2 {
font-size: 32px !important;
}
.element-layout.featured .element-block .element-image img {
width: 100%;
}
.element-layout.featured .element-block .element-caption {
padding-bottom: 0;
transform: translateY(-60px);
}
.element-layout.featured .element-block .element-tags span {
background-color: transparent;
color: var(--pink);
font-size: 10px;
}
.element-layout.featured .element-block .element-tags span.element-date {
font-size: 8px;
letter-spacing: 1.6px;
color: white;
}
.homepage .news-grid.top-section {
margin-top: 30px;
}
.homepage .news-grid.top-section .element-layout .element-block {
padding-right: 0;
}
.news-container.top-section .news-grid .element-layout:first-child .element-block .element-image img {
max-width: 436px;
height: 350px;
}
.news-grid {
grid-template-columns: unset;
grid-template-rows: unset;
}
.news-grid .element-layout,
.news-grid .element-layout:first-child {
grid-row: unset;
grid-column: unset;
}
.news-grid .mobile-news-wrapper .element-layout:last-child,
.news-grid .element-layout:first-child {
border-right: none;
}
.news-grid .mobile-news-wrapper .element-layout,
.news-grid .element-layout {
border-right: 2px solid white;
}
.mobile-news-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.news-grid .element-layout:nth-last-child(2) .element-block,
.news-grid .element-layout .element-block {
flex-direction: column;
height: 100%;
}
.news-grid .element-layout:first-child .element-block {

}
.news-grid .mobile-news-wrapper .element-layout:first-child .element-block h2,
.news-grid .element-layout .element-block h2 {
font-size: var(--size-normal);
}
.news-grid .element-layout:first-child .element-block h2  {
font-size: 24px;
margin-bottom: 20px;
}
.news-grid .element-layout span.element-caption {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.news-grid .element-layout:not(:first-child) .element-block .element-image,
.news-grid .element-layout:first-child .element-block .element-image {
width: 100%;
}
.news-grid .element-layout:not(:first-child) .element-block .element-image img,
.news-grid .element-layout:first-child .element-block .element-image img {
width: 100%;
max-width: 100%;
height: 230px;
}
.news-grid .element-layout.element-block .element-image img {
max-width: 250px;
height: 200px;
}
.bottom-grid {
grid-template-columns: repeat(1, 1fr);
}
.bottom-grid .element-layout .element-block .element-image img {
max-width: 140px;
height: 110px;
}
.bottom-grid .element-layout:first-child .element-block,
.bottom-grid .element-layout .element-block {
flex-direction: row-reverse;
padding-left: 0;
padding-right: 0;
}
.bottom-grid .element-layout:not(:last-child) {
border-right: none;
}
.category-page .news-right-container,
.category-page .news-left-container {
max-width: 100%;
}
.category-page .news-grid-cols {
flex-direction: column;
}
.category-page .news-right-container .related-container.more-series-container .element-column .element-layout .element-block, 
.category-page .related-container.more-series-container .element-column .element-layout:not(:first-of-type) .element-block {
grid-template-columns: 1fr 8fr;
}
.news-left-container .element-block {
position: relative;
}
.element-block .element-tags span {
background-color: transparent;
color: var(--pink);
padding: 0;
}
.news-grid .element-layout .element-block {
padding: 20px 20px 20px;
}
.news-grid .element-layout:last-child .element-block {
padding-right: 0;
}
.related-container .related-container-grid {
grid-template-columns: repeat(2, 1fr); 
}
.related-container .element-layout .element-block .element-image img {
width: 100%;
}
.related-container.more-series-container .related-container-grid {
grid-template-columns: repeat(1, 1fr);
}
.element-column-rest-list {
display: none;
}
.related-container.more-series-container .related-container-grid .element-column:first-child h4,
.related-container.more-series-container .related-container-grid .element-column h4 {min-height: auto;transition: 300ms ease-in-out;background-color: var(--pink);color: black;font-size: 28px;display: flex;align-items: center;justify-content: space-between;padding: 15px 10px;padding-left: 10px;margin-bottom: 5px !important;margin-top: 0 !important;}
.related-container.more-series-container .element-column .element-layout .element-block {
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
padding-bottom: 10px;
margin-bottom: 10px;
}
.related-container.more-series-container .element-column .element-layout:first-of-type .element-block {
display: grid;
grid-template-columns: 1fr 9fr;
column-gap: 20px;
}
.related-container.more-series-container .element-column .element-layout .element-block .element-caption h2 {
font-size: var(--size);
}
.related-container.more-series-container .element-column .element-layout .element-block .element-image img,
.related-container.more-series-container .element-column .element-layout:not(:first-of-type) .element-block .element-image img {
height: 80px;
width: 100px;
max-width: 100px;
}
.related-container.more-series-container .element-layout .element-block .element-image {
max-width: 100%;
width: auto;
}
.related-container.more-series-container .related-container-grid .element-column .element-layout {
padding: 0;
}
.related-container.more-series-container .related-container-grid .element-column:not(:last-child) .element-layout {
border-right: none;
padding-right: 0;
}
.related-container.more-series-container .related-container-grid .element-column h4:after {
content: '\f107';
font-family: 'Font Awesome 6 Pro';
font-size: 14px;
}
.related-container.more-series-container .related-container-grid .element-column .element-block .element-author {
display: none;
}
.related-container.more-series-container .related-container-grid .element-column h4.show:after {
content: '\f106';
}
.related-container.more-series-container .related-container-grid .element-column h4.show {
background-color: transparent;
color: white;
padding-left: 0;
}
/* CATEGORY PAGE */

/* HOMEPAGE */
.news-container.top-section .news-grid .mobile-news-wrapper {
grid-template-columns: repeat(2,1fr);
}
.news-container.top-section .news-grid .element-layout .element-block {
padding: 10px 0 10px 10px;
}
.news-container.top-section .news-grid .element-layout:nth-last-child(2) .element-block {
flex-direction: column;
padding: 10px 10px 0 0;
}
.homepage .news-grid .mobile-news-wrapper .element-layout:first-child .element-block {
padding: 10px 10px 10px 0 
}
.homepage .news-grid .element-layout:first-child .element-block {
padding: 0 0px 30px 0;
}
.homepage .related-container-nav h4 {
font-size: 42px;
}
.trending-section .container:first-of-type {
padding: 0;
}
.trending-section .element-layout .element-block .element-caption {
position: relative;
}
.trending-section .element-layout .element-block .element-caption .element-tags {
right: unset;
left: 16px;
top: -15px
}
.homepage .news-container-wrapper {
padding: 0 16px;
}
.marquee-scroll .element-container {
gap: 10px;
}
.trending-section .element-layout {
width: 100%;
}
.homepage .trending-section {
padding-left: 16px;
}
.trending-section .element-layout .element-block .element-image img {
height: 170px;
min-width: 140px;
}
.trending-section .element-layout .element-block .element-caption {
padding: 10px
}
.trending-section .element-layout .element-block .element-caption h2 {
font-size: var(--size-small);
margin-bottom: 0;
}
.homepage .trending-section h1 {
padding: 0;
font-size: 42px;
}
.trending-section .element-layout .element-block {
flex-direction: row;
}
.related-container .element-layout .element-block h2 {
font-size: var(--size);
}
.homepage .oscar-section .related-container-nav h4 {
font-size: 32px;
}
.homepage .related-container.more-series-container .element-column .element-layout:not(:first-of-type) .element-block {
grid-template-columns: 1fr 9fr;
}
.homepage .oscar-section .element-layout .element-block .element-image img {
width: 100%;
}
.homepage .oscar-section .element-layout .element-block .element-caption {
width: 100%;
}
.quick-search h1 {
text-align: center;
font-size: 52px;
}
.quick-search h2 {
max-width: 100%;
text-align: center;
font-size: var(--size-normal);
}
.quick-search .dropdown-wrapper {
flex-direction: column;
gap: 5px;
}
.quick-search .button-quicksearch {
min-width: unset;
width: 100%;
margin-top: 40px;
}
.quick-search .button-quicksearch span {
flex: 1;
text-align: center;
}
.homepage .related-container .related-container-grid {
padding: 0;
}
/* HOMEPAGE */
}
@media only screen and (max-width: 1024px)  {
.search-container.active .search-input {
width: 300px;
}
}
@media only screen and (max-width: 992px)  {

.news-grid-cols {
flex-wrap: WRAP;
}
/* HEADER */
.offcanvas-overlay {
top: 90px;
}
.header-menu li:hover ul,
.header-menu li ul {
/* opacity: 0;
max-height: 0; */
}
.offcanvas-menu.open  ul#primary-menu li.menu-item-has-children a {
    pointer-events: none;
}

.offcanvas-menu.open  ul#primary-menu ul.sub-menu li a{pointer-events:all}
.header-menu li.active ul {
opacity: 1;
max-height: 200px;
}
.search-container.active .search-input {
width: 200px;
order: 1;
border-bottom: none;
padding-left: 10px;
}
.offcanvas-menu .search-container.active .search-icon {
order: 2;
}
header .header-menu-right .search-container.active .search-icon {
order: 2;
}
.offcanvas-menu {
right: -100%;
width: 100%;
z-index: 8;
padding-top: 0;
}
.header-menu li a {
font-size: 28px;
}
.header-menu {
padding: 0 20px 60px 20px;
}
.menu-header div:first-of-type  {
display: none;
}
.off-canvas-wrap {
padding: 15px 20px
}
.social-menu .social-title {
text-align: center;
}
.social-menu ul {
justify-content: center;
}
.offcanvas-menu.open .logo.mobile-only {
display: flex;
justify-content: start;
align-items: start;
margin-right: auto;
}
.search-container .close-icon {
display: none;
position: unset;
}
.search-container.active {
border-bottom: 1px solid white;
}
.search-container.active .close-icon {
display: flex;
order: 2;
}
/* HEADER */

/* FOOTER */
footer {
padding: 200px 16px 0 16px;
}
footer .footer-container {
padding: 0;
}
/* FOOTER */

/* HOMEPAGE */
.homepage .news-grid .element-layout:first-child,
.homepage .news-grid .element-layout {
border-bottom: 2px solid white;
}
.homepage .news-grid .element-layout .element-block,
.homepage .news-grid .element-layout:first-child .element-block {
border-bottom: none;
}
.homepage .oscar-section .element-layout .element-block .element-caption h2 {
font-size: var(--size);
}
/* HOMEPAGE */
}
@media only screen and (max-width: 768px) {
.logo svg {
width: 180px;
}
/* NEWS LIST */
.top-section .top-banner-inner-pages .top-banner-caption {
position: relative;
}
.top-section .top-banner-inner-pages .top-banner-author {
position: absolute;
top: 2px;
right: 16px;
margin: 0;
font-size: 10px;
letter-spacing: 1px;
}
.news-single-page .news-grid-cols {
flex-direction: column;
}
.news-single-page .news-right-container,
.news-single-page .news-left-container {
max-width: 100%;
}
.share-fb {
margin-left: auto;
margin-right: auto;
}
.main-element-author {
flex-direction: column;
text-align: center;
}
.news-left-container .element-block .element-caption {
z-index: 3;
}
.search-page .element-block .element-tags span,
.news-left-container .element-block .element-tags span {
background-color: transparent;
color: var(--pink);
}
.news-left-container .element-block h2 {
font-size: var(--size-normal);
}
.main-element-author .author-caption-name {
font-weight: bold;
}
.search-page .element-layout .element-block,
.news-single-page .news-left-container .element-layout .element-block {
position: relative;
}
.search-page .element-layout .element-block .element-image:after,
.news-left-container .element-block .element-image:after {
content: '';
background: linear-gradient(271deg, #11111100 0%, #111111 100%);
left: 0;
position: absolute;
height: 100%;
width: 30%;
left: 0;
}
.news-left-container .element-block {
padding: 20px 0;
}
.news-single-page .news-left-container h1 {
font-size: 28px;
}
.search-container-results .element-block h1 {
font-size: 18px;
position: relative;
z-index: 4;
max-width: 90%;
}
.search-page .element-layout .element-block .element-image img,
.news-left-container .element-block .element-image img {
height: 165px;
}
.archive .related-posts .element-block .element-tags , .archive .related-posts .element-block .element-author{
padding: 0 10px;
}
.news-left-container .element-block .element-image, 
.search-container-results .element-block .element-image {
max-width: 100%;
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block:after,
.news-right-container .element-column:after {
content: none;
}
.news-right-container .element-column.interview-column h1,
.news-right-container h1 {
position: unset;
writing-mode: unset;
transform: none;
font-size: 28px !important;
}
.news-right-container .related-container .element-column-scroll {
display: flex;
transform: none;
flex-wrap: nowrap;
overflow-x: scroll;
justify-content: left;
gap: 10px;
margin-right: -16px;
}
.news-right-container .related-container .element-column .element-layout {
margin: 0 2.5px;
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
position: relative;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block {
display: flex;
align-items: start;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block .element-image, 
.related-container .element-column .element-layout:not(:first-of-type) .element-block .element-image {
max-width: 166px;
position: relative;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block .element-image:after, 
.related-container .element-column .element-layout:not(:first-of-type) .element-block .element-image:after {
content: '';
background: linear-gradient(180deg, #11111100 0%, #111111DA 74%, #111111 100%);
position: absolute;
bottom: 0;
left: 0;
height: 40%;
width: 100%;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block .element-image img, 
.related-container .element-column .element-layout:not(:first-of-type) .element-block .element-image img {
width: 166px;
max-width: 166px;
height: 120px;
object-fit: cover;
}
.news-right-container .banner_sqr,
.news-right-container .social-menu {
display: none;
}
.series-list .series-layout .series-caption .series-list-title {
display: inline-block;
}
.news-archive .news-left-container .element-block .element-image img {
width: auto;
}
.news-archive .news-left-container .element-block h2 {
min-height: 60px;
}
.news-single-page .news-left-container .element-layout:first-of-type .element-block {
padding-top: 20px;
position: relative;
}
/* NEWS LIST */

/* CATEGORY PAGE */
.pagination {
flex-direction: column;
margin-top: 40px;
position: relative;
}
.pagination ul {
order: 1;
}
.pagination .prev-page,
.pagination .next-page {
order: 2;
position: absolute;
bottom: -70px;
}
.pagination .next-page {
right: 0;
}
.pagination .prev-page {
left: 0;
}
.pagination .next-page a, .pagination .prev-page a {
width: auto;
gap: 10px;
}
.news-grid .element-layout {
border-bottom: 2px solid white;
}
.news-grid .element-layout .element-block,
.news-grid .element-layout:first-child .element-block {
border-bottom: none;
}
.header-menu {
margin-right: 10px;
}
.search-container.active {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999999999999999999999;
padding: 10px 10px;
background-color: var(--main-color);
width: 100%;
max-width: 100%;
flex-direction: row-reverse;
}
.offcanvas-overlay {
BACKGROUND: linear-gradient(90deg, #02000eed 0%, #4D37E5 100%);
top: 60px;Z-INDEX: 9999;
}

.search-container.active i.fa-regular.fa-magnifying-glass {
VISIBILITY: HIDDEN;
}
.search-container .close-icon {
display: none!important;
}
.search-container.active .close-icon {
position: absolute;
right: 20px;
display: flex!important;
}
.search-container .search-input {
width: 100%;
display: none;
}
.search-container.active .search-input {
border-bottom: none;
width: 100%;
padding-left: 20px;
display: flex;
}
/* CATEGORY PAGE */

/* SEARCH PAGE */
.search-input-title {
font-size: var(--size-xsmall);
}
.search-container-main .search-input-main::placeholder {
font-size: 28px;
}
.search-container-results {
margin-top: 20px;
}
/* SEARCH PAGE */

/* SIMPLE PAGE */
.simple-pages h1 {
font-size: 24px;
}
.simple-pages .text p, 
.simple-pages .text {
font-size: 15px;
}
/* SIMPLE PAGE */

/* FOOTER */
footer {
padding-top: 60px;
}
footer .footer-col {
margin-bottom: 30px;
}
footer .footer-col ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
footer .footer-col ul li a {
font-size: 13px !important;
}
footer .footer-col h5.social-title {
text-align: center;
color: white;
}
footer .grid-cols {
grid-template-columns: repeat(1, 1fr);
}
footer .footer-col .social-menu ul {
display: flex;
justify-content: center;
padding-bottom: 40px;
}
.copyright .row {
flex-direction: column;
align-items: center;
gap: 25px;
}
/* FOOTER */

/* HOMEPAGE */
.homepage .newsletter-wrapper .intro {
max-width: 100%;
}
.homepage .newsletter-wrapper h5 {
font-size: 20px;
}
.homepage .newsletter-wrapper .row-agree {
flex-direction: column;
}
.homepage .newsletter-wrapper .agree-form-check label {
text-align: center;
padding-right: 0;
}
.newsletter-wrapper .submit-wrapper .checkmark {
display: none;
}
.newsletter-wrapper .submit-wrapper .wpcf7-spinner {
display: none;
}
.newsletter-wrapper .submit-wrapper {
background-color: black;
color: white;
justify-content: center;
}
.homepage .newsletter-wrapper .submit-wrapper {
margin-top: 24px;
}
.newsletter-wrapper .wpcf7-submit {
color: white;
}
.single-post .related-posts .element-layout a {
justify-content: start;
}

.homepage .related-container.more-series-container {
padding: 0;
}
/* HOMEPAGE */
}
@media only screen and (max-width: 680px) {
.entry-content img {
max-width: 100%;
height: auto;
}
/* CATEGORY PAGE */
.related-container h4 {
font-size: 28px; 
}
.related-container-nav .view-all {
border: none;
padding: 0;
min-width: unset;
gap: 15px;
font-size: 8px;
}
.related-container-nav .view-all:hover {
border: none;
background-color: transparent;
color: white;
}
.banner_sqr {
height: 300px;
max-width: 300px;
}
.news-grid .element-layout:first-child .element-block .element-image img,
.news-grid .element-layout:not(:first-child) .element-block .element-image img {
max-width: 180px;
height: 130px;
}
.news-container-wrapper {
padding: 0;
}
.news-grid .element-layout:first-child .element-block .element-image img {
max-width: 100%;
height: 100%;
}
.news-grid .element-layout:first-child .element-block {
padding-right: 0;
}
.mobile-news-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.news-grid .mobile-news-wrapper .element-layout, .news-grid .element-layout {
border-right: none;
}
.news-grid .element-layout:first-child .element-block .element-image img, 
.news-grid .element-layout:not(:first-child) .element-block .element-image img {
max-width: 100%;
height: 100%;
}
.news-grid .element-layout:nth-last-child(2) .element-block, .news-grid .element-layout .element-block {
padding-left: 0 !important;
padding-right: 0 !important;
}
a.prev.page-numbers {
min-width: auto !important;
}
a.next.page-numbers {
min-width: auto !important;
}
a.page-numbers {
max-width: 28px !important;
min-width: 33px !important;
padding: 0 !important;
border: none !important;
}
/* CATEGORY PAGE */
}
@media only screen and (max-width: 576px)  {
/* HEADER */
header {
padding: 20px 0 !important;
}
.logo img {
max-width: 180px;
}
.menu-toggle span {
display: none;
}
.header-menu-right {
gap: 36px;
}
/* HEADER */

/* NEWS LIST */
.news-left-container iframe,
.list-items-block iframe {
width: 100%;
}
.news-single-page .news-left-container .intro,
.news-single-page .news-left-container p,
.list-items-block .list-item-location,
.list-items-block .list-item-intro {
font-size: 15px;
}
.banner_sqr {height: auto;max-width: 100%;}
.read-more-list {
max-width: 300px;
margin-top: 40px;
}
.read-more-list ul li a {
font-size: var(--size-small);
}
.read-more-list .read-more-list-title {
font-size: 24px;
}
.series-list .series-layout .series-image img {
width: 100%;
}
/* NEWS LIST */

/* HOMEPAGE */
.podcasts-section .element-container .element-block .element-image img {
height: 200px;
width: 186px;
}
.podcasts-section .container-xl:first-of-type {
margin-bottom: 10px;
}
.podcasts-section h1 , .home .trending-section h1{font-size: 42px !important;}
.podcasts-section .swipe-me-button span {
display: none;
}
.news-container.top-section .news-grid .mobile-news-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.news-container.top-section .news-grid .element-layout .element-block {
padding: 10px 0 10px 0;
}
.podcasts-section .swipe-me-button .icon {
width: 40px;
height: 40px;
}
.homepage .newsletter-wrapper {
margin-top: 60px;
margin-bottom: 40px;
background-color: transparent;
padding: 0 16px;
}
.homepage .newsletter-wrapper .container {
background-color: var(--pink);
padding: 40px;
}
.homepage .news-container-wrapper {
padding: 0;
}
.homepage .news-container:not(.top-section) .news-container-wrapper {
padding: 0 16px;
}
.podcasts-section .element-container .element-block {
border-color: rgba(255, 255, 255, 0.2);
}
.homepage .newsletter-wrapper .form-content {
padding: 0;
}
/* HOMEPAGE */

/* FOOTER */
.copyright .row .copy, 
.copyright .row .dev {
text-align: center;
}
/* FOOTER */
.news-left-container {
max-width: 100%;
}
.single-post .news-left-container {
max-width: 100%;
}
.single-post  .news-right-container {
max-width: 100%;
}
.single-post .news-left-container .element-block span.element-image {
overflow: hidden;
max-width: 100% !important;
z-index: -1;
}
.home .related-container-nav h4 {
font-size: 40px;
}
.quick-search .dropdown-wrapper, .searchandfilter ul {
flex-wrap: wrap;
display: flex;
gap: 15px;
}
.searchandfilter li {
max-width: 100%;
}
header#masthead.scroll .logoscroll {
max-width: 180px;
}
.home .newsletter-wrapper .agree-form-check label {
text-align: left;
padding-right: 30px;
}

.home .newsletter-wrapper .intro {

max-width: 100%;
}
.single-post .news-left-container .element-block .element-image {
max-width: 276px !important;
}

.single-post .related-posts .element-layout a {
flex-direction: row;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block {
display: grid
}
.home span.element-date {
text-transform: uppercase;
font-size: 12px;
}
.home .oscar-section  .element-image img{
width: 100% !important;
height: 260px !important;
}
.archive   .news-right-container {
max-width: 100% !important;
}
.archive .news-left-container .element-block {
flex-direction: row-reverse;
justify-content: start !important;
}

}
@media only screen and (max-width: 480px)  {
.related-container .related-container-grid {
gap: 20px
}
.homepage .logo img.main-logo {
max-width: 135px;
}
}
@media only screen and (max-width: 390px)  {
.related-container .related-container-grid {
grid-template-columns: repeat(1, 1fr);
}
}
/* MAX WIDTH */


span.element-image:before {
content: "";
background: transparent;
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
}

span.element-image {
position: relative;
}

/* span.element-image:hover:before {
transition: all .3s ease;
background: #f900966e;
background-blend-mode: difference;
} */

.single-post .entry-content a {
color: #f84bcd;
}

.single-post .news-right-container span.element-image:before {

max-width:81px;
}
div#respond input#submit {
border: none;
background-color:#E21E8F;
font-weight: bold;
transition: 300ms ease-in-out;
padding: 10px;
font-size: var(--size-small);
}


.nav-links {
display: flex;
 
}
.nav-links {
   
align-items: center;
justify-content: start;
gap: 10px;
}
.nav-previous a, .nav-next a {
    text-transform: uppercase;
}

.nav-previous a , .nav-next a {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--black-600);
font-weight: 300;
border: 2px solid white;
font-size: 11px;
font-weight: bold;
min-height: 44px;
width: 220px;
padding: 0 20px;
transition: 300ms ease-in-out;
}

.single-post .related-posts .element-layout a {
justify-content: space-between;
flex-direction: row-reverse !important;
}

.nav-links {
margin-top: 10px;
}
div#comments {
padding-top: 2rem;
}
div#comments input {
margin-right: 10px;
min-height: 40px;
background: #202020;
color: white;
border: none;
}

div#comments form#commentform {
display: flex;
flex-wrap: wrap;
}

div#comments p.comment-form-comment {
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}

div#comments p.form-submit {
display: block;
width: 100%;
}

div#comments textarea#comment {
color: white;
width: 75%;
}

div#comments label {
display: block;
}
footer a{
background-image:linear-gradient(#ffffff,#e1e1e3);
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 0 1px;
position: relative;
text-decoration: none;
-webkit-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
-moz-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
-ms-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
-o-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s
}
footer a:hover{
background-image:linear-gradient(#ffffff,#e1e1e3);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 1px;
text-decoration: none;
-webkit-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
-moz-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
-ms-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
-o-transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s;
transition: background-size 1s cubic-bezier(.19,1,.22,1) 0s,color 1s cubic-bezier(.19,1,.22,1) 0s
}

.paged .news-container-wrapper.container ,

.paged .news-grid , .paged  div#mini-series , .paged .related-container.more-series-container ,

.paged .bottom-grid {display:none}

.archive .news-left-container .element-block {
flex-direction: row-reverse;
justify-content: space-between;
}
.archive .news-right-container  h1 {
font-family:'PEridot PE Narw', sans-serif;
border-bottom: none;
position: absolute;
right: 0;
margin: 0;
writing-mode: tb-rl;
transform: rotate(-180deg);
font-size: 99px !important;
color: #5273FF;
}
span.element-date {
text-transform: uppercase;
font-size: 12px;
}

.archive .news-right-container .element-layout .element-block {

justify-content: start;
}
body.search.search-results .element-layout a {
display: flex;
flex-direction: row-reverse;
width: 100%;
}
.home .element-layout:first-child h3 {
display: block;
}

.home .element-layout h3 {
display: none;
}
.related-container .related-container-grid .element-layout h3 , .news-left-container .element-layout h3{
display: none;
}
.home .bottom-grid h3 {
display: none !important;
}
.series-mocker {
margin-bottom: 3rem;
gap: 80px;
display: flex;
align-items: center;
justify-content: center;
}

span.series-image {
min-width: 400px;
}

.series-mocker:nth-child(even) {
flex-direction: row-reverse;
}



.post-template-single-template-komix .related-posts .element-layout {
position: relative;
}

.post-template-single-template-komix  .related-posts .element-layout a {
align-items: center;
}
.post-template-single-template-komix .related-posts span.element-tags {
position: absolute;
left: 0;
top: 30px;
}

.post-template-single-template-video .related-posts .element-layout {
position: relative;
}

.post-template-single-template-video  .related-posts .element-layout a {
align-items: center;
}

.post-template-single-template-video .related-posts span.element-tags {
position: absolute;
left: 0;
top: 30px;
}

.post-template-single-template-video  .entry-content iframe {
display: block;
margin: 30px auto;
}

.single-post .related-posts span.element-tags {
top: 40px;
position: absolute;
left: 0;
}

.single-post .related-posts .element-layout {
position: relative;
}
.single-post .related-posts .element-layout a {
align-items: center;
}

.postsatsidebar span.element-image {
margin-right: 10px;
position: relative;
height: 0;
padding-bottom: 80px;
min-width: 80px;
overflow: hidden;
max-width: 80px;
}

.postsatsidebar span.element-image img {
width: 100%;
position: absolute;
height: 100%;
object-fit: cover;
}
@media(max-width:780px){
.author-archive a.element-block {
flex-wrap: WRAP;
}
.post-template-single-template-komix .related-posts span.element-tags , .single-post .related-posts span.element-tags{
display: none;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block .element-image, .related-container .element-column .element-layout:not(:first-of-type) .element-block .element-image , .news-right-container .related-container.more-series-container .element-column .element-layout .element-block .element-image img, .related-container .element-column .element-layout:not(:first-of-type) .element-block .element-image img{
max-width: 80px;
}

.post-template-single-template-komix .related-posts .element-layout a {
align-items: start;
}
.post-template-single-template-video  .related-posts .element-layout a {
align-items: start;
}

.related-posts  .element-block h2 {
padding: 10px;
max-width: 100%;
}
 .series-mocker {
flex-wrap: wrap;
}

.arvhive .element-column.podcast-column  h1 , .archive .related-container h1{
font-size: 28px !important;
}
.news-right-container .element-column.podcast-column h1{
  font-size: 28px !important;  
}
.news-right-container .element-column.interview-column h1, .news-right-container h1 {
position: unset !important;
writing-mode: unset !important;
transform: none !important;
font-size: 28px !important;
}
.single-post .related-posts .element-block h2 {
width: 100%;
}
.archive  .news-left-container .element-layout:first-child  .element-image img {
 
padding-bottom: 10px;
}
.archive .element-layout.featured .element-block .element-caption {
padding-left: 0;
}

}
.post-template-single-template-video .entry-content h3 {
text-align: left;
font: normal normal 800 45px/46px 'Peridot PE Xbold';
letter-spacing: 0px;
color: #FFFFFF;
margin-top: 30px;
margin-bottom: 50px;
}

.post-template-single-template-video  .entry-content h4 {text-align: left;
font: normal normal bold 32px/35px 'Geologica' ;
letter-spacing: 0px;
   margin-top: 20px;
margin-bottom: 30px;
color: #FFFFFF;}
.nav-previous a:hover, .nav-next a:hover {
background: #e21e8f;
color: black;
}
.news-right-container .element-layout {
z-index: 4;
position: relative;
}
@media(min-width:1380px){
.top-section .top-banner-inner-pages {

justify-content: space-between;
}
div#comments textarea#comment {
color: white;
width: 61%;
}
.archive .news-right-container {
max-width: 350px;
}

}
input#wp-comment-cookies-consent {
float: left;
}

p.comment-form-cookies-consent label {
font-size: 14px;
}
.author-archive span.element-image {
max-width: 330px;
}
.author-archive a.element-block {
justify-content: start !important;
gap: 30px;
}

.author  .bottom-grid  , .author  .news-grid , .author .news-container-wrapper.container {display:none;}
@media(min-width:1980px){
.top-section {
margin-right: auto;
max-width: 1670px;
margin-left: auto;
}
.podcasts-section .element-container {
margin-right: auto;
max-width: 1715px;
margin-left: auto;
}

}
.top-banner-author a {
text-transform: uppercase;
}
.element-layout.featured .element-block h2 {
line-height: 1;
font-size: 55px;
margin-top: 20px;
letter-spacing: -0.025em;
}

.home .page-content {
margin-top: 0;
}

@media screen and (max-width: 1690px) and (min-width:1400px) {
.container-lg, .container-md, .container-xl, .container-sm , .container {max-width: calc(100% - 5rem) !important;padding: 0 !important;}
.podcasts-section .element-container .element-block h2 {
font-size: 25px;
}
.top-section {
max-width: calc(100% - 50px);
}
}

@media screen and (max-width: 1400px) and (min-width:1300px) {
.container-lg, .container-md, .container-xl, .container-sm , .container {
max-width: 1200px !important;
padding: 0 !important;
}
.podcasts-section .element-container .element-block h2 {
font-size: 25px;
}
.top-section {
max-width: calc(100% - 50px);
}
}
@media screen and (max-width: 1300px) and (min-width:1100px) {
.container-lg, .container-md, .container-xl, .container-sm , .container {
max-width: calc(100% - 40px) !important;
padding: 0 !important;
}
.top-section {
max-width: calc(100% - 50px);
}
}
.news-right-container .related-container.more-series-container .element-column .element-image{
width: 100%;
max-width: 80px;
}
.news-right-container .related-container.more-series-container .element-column .element-layout .element-block{

display: grid;
grid-template-columns: 1fr 4fr;
column-gap: 8px;
}


.element-column.interview-column .element-block {

justify-content: start;
}
@media(max-width:680px){

.home  .element-column-rest-list {
padding: 10px;
}

.home  .related-container.more-series-container .related-container-grid .element-column h4.show {

padding-left: 10px;
}
.social-menu {
   
margin-top: 80px;
}
  
.afieromatahome span.element-image img {
height: 200px !important;
} 
.home .oscar-section .element-layout .element-block .element-caption h2 {
margin-top: 15px;
font-size: 18px;
}
.archive .related-container .element-layout .element-block .element-image img {
height: 200px;
}
.home .trending-section h1 {
padding-left: 10px;
font-size: 40px;
}
.archive .news-left-container span.element-image:before {
 
background: #00000069;
}
.marquee-scroll {

animation-duration: 20s;
}

.home .news-grid , .home .bottom-grid{
padding: 10px;
}
}
span.page-numbers.dots {
width: 50px;
}
.related-container.more-series-container h4 {
text-transform: uppercase;
}
.author  .author-image {
width: 100px;
position: relative;
height: 0;
padding-bottom: 88px;
overflow: hidden;
}

.author  .author-image img {
object-position: center center !important;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
div#comments p.comment-form-author {
order: 1;
}

div#comments p.comment-form-email {
order: 2;
}

div#comments p.comment-form-url {
order: 3;
}

div#comments p.comment-form-cookies-consent {
order: 5;
}

div#comments p.form-submit {
order: 6;
}

div#comments p.comment-notes {
order: 1 ;
width: 100% !important;
}

div#comments p.comment-form-comment{
order: 4;
}

@media(min-width:1440px){
body.archive.category .container-xl {
padding-left: 0;
padding-right: 0;
max-width: 1440px;
margin: auto;
}
}

@media (min-width: 1590px) {
body.archive.category .container-xl {
padding-left: 0;
padding-right: 0;
max-width: 1460px;
margin: auto;
}
body.archive.category  .news-grid-cols {
justify-content: space-between;
align-items: start;
}
}

@media (min-width: 1200px) {
.element-layout.featured span.element-image img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
object-fit: cover;
}

.element-layout.featured span.element-image {
padding-bottom: 650px;
}
}
.home .news-container .element-block .element-tags {
    display: none;
}
.bottom-grid .element-block .element-tags {

    display: none;
}
@media (max-width: 740px) {
.home .related-container-nav.d-flex.align-items-center.justify-content-between {
padding: 0 10px;
}
article#post-19587 img {
display: block;
clear: both;
float: none;
max-width: 250px;
}
form.search-form {
width: 100%;
display: grid;
grid-template-columns: auto auto auto;
justify-content: space-around;
}

body.search.search-results span.element-image {
        z-index: 0;
      }

body.search.search-results span.element-image:before {
  pointer-events: none;
          z-index: 1;
    background: #0000008a;
  }

body.search.search-results span.element-image {width: 100%;max-width: unset !important;height: 0;position: relative;display: block !important;padding-bottom: 230px;overflow: HIDDEN;}
body.search.search-results .element-layout a {
  position: relative;
    flex-wrap: wrap;
  }
  body.search.search-results  span.element-image img {z-index: 0;max-width: 100%;height: 100%;object-fit: cover;width: 100%;position: absolute;left: 0;}

  body.search.search-results .element-layout .element-block h2 {
    font-size: 19px;
  }
  body.search.search-results span.element-caption {
    position: absolute;
    left: 10px;
    bottom: 25px;
}
.home span.element-author {
padding-bottom: 15px;
}
.home .newsletter-wrapper .row-agree {
gap: 10px;
flex-wrap: wrap;
display: flex;
}

.agree-form-check label {
text-align: center !important;
}
footer .footer-col:first-of-type ul li a {
font-family: "PEridot PE Narw", sans-serif;
font-size: 24px !important;
}
}
.author-archive span.element-image {
max-width: unset;
position: relative;
height: 0;
overflow: HIDDEN;
padding-bottom: 250px;
width: 300px;
}

.author-archive span.element-image img {position: ABSOLUTE;left: 0;object-fit: cover;width: 100%;height: 100%;top: 0;}
@media (max-width: 440px) {
.author-archive span.element-image {

width: 100% !important;
}
.quick-search .button-quicksearch, form.searchandfilter input[type="submit"] {
margin-right: auto;
}
footer .footer-col ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
span.series-image {
min-width: auto;
}
}
footer.comment-meta {
padding: 35px 10px;
}
.nav-links a:hover {
background: #e21e8f;
}

.newsletter-wrapper  span.wpcf7-not-valid-tip {
color: white;
}

span.page-numbers.current {
background: #ff0093;
}
body.archive.category.category-997 .element-block .element-tags span:nth-child(3) {
    display: none !important;
}
a.view-all-fortags {
    font-weight: bold;
    color: #e21e8f;
    margin-top: 10px;
    border: 1px solid;
    width: 100%;
    padding: 6px;
    display: flex;
    text-align: center;
    max-width: 170px;
    align-items: center;
    justify-content: CENTER;
    margin-left: auto;
    margin-right: auto;
}
a.view-all-fortags span {
    font-size: 13px !important;
    padding-right: 4px;
}

a.view-all-fortags i {
    font-size: 12px;
}
a.view-all-fortags:hover {
    background: #e21e8f;
}

a.view-all-fortags:hover span , a.view-all-fortags:hover i {
    color: white;
}
@media(max-width:800px){
	.home .banner_sqr img {
    max-width: 100%;
}

.home .banner_sqr {
    background: transparent;
}
 .archive.tag .element-layout {
    overflow: hidden;
}
.single-post .entry-content img.alignright {
    margin: 10px auto;
    max-width: 308px;
   
    float: none;
}
.banner_sqr img {
    max-width: 100%;
}

.banner_sqr {
    background: transparent;
}
}
@media screen and (max-width: 1380px) and (min-width:1160px) {
.container-lg, .container-md, .container-xl, .container-sm , .container {max-width: 1100px !important;padding: 0 !important;}

}

@media(max-width:544px){
.home .trending-section .element-layout .element-block .element-caption h2 {
   
    line-height: 1.16;
}
.trending-section .element-layout .element-block .element-caption .element-tags {
right: unset;
left: 10px;
}
.trending-section .element-layout a {
    min-width: 290px;
    display: grid;
    grid-template-columns: 115px  1fr;
    gap: 10px;
}
.home .marquee-scroll {
	width:900vw;
}	
    .trending-section .element-layout .element-block .element-image img {
        height: 140px;
        min-width: 120px;
    }	
}

.single-post .related-container.more-series-container .element-column .element-layout:not(:last-child) .element-block{
	border-bottom:none !important;
}
figure#attachment_22256 {
    max-width: 100%;
    width: auto;
}

.searchandfilter  select{

  appearance: none;/* standard */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("https://thedirectorscut.gr/wp-content/uploads/2026/02/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  padding-right: 20px; /* χώρος για το βελάκι */
	
}
.searchandfilter select:hover{
	  appearance: none;/* standard */
  -webkit-appearance: none;
  -moz-appearance: none;
 background-image: url("https://thedirectorscut.gr/wp-content/uploads/2026/02/arrow-down-white.svg");
	 background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
  padding-right: 20px; /* χώρος για το βελάκι */
}