/*
Theme Name: Hello Elementor Child
Author: Vannang
Description: Just a Child Theme
Version: 2.9.6
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/


/* #region [Color variables from theme.json] */

    /*
    Color variables from theme.json

    --wp--preset--color--black
    --wp--preset--color--dark-grey
    --wp--preset--color--blue-grey
    --wp--preset--color--white-grey
    --wp--preset--color--red
    --wp--preset--color--white

    */

    /*
    Font variables from theme.json

    --wp--preset--font-family--playfair-display
    --wp--preset--font-family--plus-jakarta
    --wp--preset--font-family--lora

    */

/* #endregion */

/* #region [global][html] */

html {
    background-color: var(--wp--preset--color--white-grey);
}

/* #endregion */

/* #region [global][links] */

/* #endregion */

/* #region [line-height] */

:root {
    --default-line-height: 1.5;
}

/* #endregion */

/* #region [font families] */

.font-sans-jakarta-plus {
    font-family: var(--wp--preset--font-family--plus-jakarta);
}

.font-playfair-display {
    font-family: var(--wp--preset--font-family--playfair-display);
}

.elementor-heading-title.font-playfair-display {
    font-family: var(--wp--preset--font-family--playfair-display);
}

/* #endregion */

/* #region [Font sizes] */

.text-xs {
  font-size: 0.75rem; /* 12px */
}

.text-sm {
  font-size: 0.875rem; /* 14px */
}

.text-lg {
  font-size: 1.125rem; /* 18px */
}

.text-xl {
  font-size: 1.25rem; /* 20px */
}

.text-3xl {
    font-size: 1.875rem; /* 30px */
}

.text-4xl {
    font-size: 2.25rem; /* 36px */ 
}

.text-6xl {
    font-size: 3.75rem; /* 60px */ 
}

/* #endregion */

/* #region [Font weights] */

.font-300 {
    font-weight: 300; /* light */
}

.font-700 {
    font-weight: 700; /* bold */
}

/* #endregion */

/* #region [headings] */

h2.reset {
    margin-block-start: 0;
    margin-block-end: 0;
    line-height: var(--default-line-height);
}

/* #endregion */

/* #region [paragraphs] */

p.margin-reset {
    margin-block-start: 0;
    margin-block-end: 0;
}

/* #endregion */

/* #region [Other Font Properties] */

.font-sans-serif {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.font-body {
    font-family: "Lora", serif;
}

.text-center {
    text-align: center;
}

/* #endregion */

/* #region [typography] */

/* article heading and front page hero heading are the same style on mobile */

h1.article-heading {
    margin: 0; /*  See h1.wp-block-heading in shared.css for more styles */
}

h1.archive-category-heading {
    font-size: 4.5rem;
    font-family: var(--wp--preset--font-family--plus-jakarta);
    text-transform: lowercase;
    font-weight: 800;
    line-height: 1;
    margin: 0;
}

p.article-motto {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    color: var( --wp--preset--color--black );
    margin: 0;
    line-height: 1.5em;
    font-size: 1.3rem;
}

p.hero-motto-thumbnail {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    color: var(--wp--preset--color--dark-grey);
    line-height: 1.35em;
    font-size: 1.125rem;
}

p.hero-motto-thumbnail:last-child {
    margin: 0;
}

/* used for the excerpt */
p.motto-thumbnail {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 0.875rem;
    line-height: 1.35em;
    color: var(--wp--preset--color--dark-grey);
}

p.motto-thumbnail:last-child {
    margin: 0;
}

/* used for the excerpt */
p.large-motto-thumbnail {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 1.1rem;
    line-height: 1.35em;
    color: var(--wp--preset--color--dark-grey);
}

p.large-motto-thumbnail:last-child {
    margin: 0;
}

@media(max-width: 767px) {

    h1.archive-category-heading {
        font-size: 2rem;
    }

    p.article-motto {
        font-size: 1.125rem;
    }

    p.large-motto-thumbnail {
        font-size: 1.125rem;
    }
    
    p.large-motto-thumbnail-mobile {
        font-size: 1rem;
    }

    p.motto-thumbnail {
        font-size: 1.125rem;
    }

}

/* #endregion */

/* #region [typography][h2 headings] */

h2.heading-thumbnail-hero {
    font-family: var(--wp--preset--font-family--playfair-display);
    color: var( --wp--preset--color--black );
    line-height: 1.35em;
    font-weight: 600;
    font-size: 2.25rem;
}

h2.heading-thumbnail-hero:last-child {
    margin: 0;
}

h2.extra-large-heading-article-thumbnail {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 1.4rem;
    line-height: 1.35em;
    font-weight: 700;
    margin: 0;
    color: var( --wp--preset--color--black );
}

h2.large-heading-article-thumbnail {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 1.2rem;
    line-height: 1.35em;
    font-weight: 700;
    margin: 0;
    color: var( --wp--preset--color--black );
}

h2.heading-article-thumbnail {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 1rem;
    line-height: 1.35em;
    font-weight: 700;
    margin: 0;
    color: var( --wp--preset--color--black );
}

h2.section-heading {
    font-size: 2.5rem;
    font-family: var(--wp--preset--font-family--plus-jakarta);
    text-transform: lowercase;
    font-weight: 800;
    line-height: 1;
    margin: 0;
}

@media(max-width: 767px) {

    h2.heading-thumbnail-hero {
        font-size: 1.625rem;
    }

    h2.section-heading {
        font-size: 2rem;
    }

    h2.extra-large-heading-article-thumbnail-mobile {
        font-size: 1.25rem;
    }

    h2.large-heading-article-thumbnail-mobile {
        font-size: 1.25rem;
    }

}

/* #endregion */

/* #region [line-clamp] */

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
}

/* #endregion */

/* #region [text align] */

.text-justify {
    text-align: justify;
}

/* #endregion */

/* #region [text-wrap] */

.text-pretty {
    text-wrap: pretty
}

/* #endregion */

/* #region [icons] */


/* === [Icons][gg-chevron-right] === */

.gg-chevron-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}

.gg-chevron-right::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-45deg);
  right: 6px;
  top: 4px;
}

/* === [Icons][gg-chevron-left] === */

.gg-chevron-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}

.gg-chevron-left::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
  left: 6px;
  top: 4px;
}   

/* === [Icons][gg-search] === */

.gg-search {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 16px;
  border: 2px solid;
  border-radius: 100%;
  margin-left: -4px;
  margin-top: -4px;
}
.gg-search::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 2px;
  height: 8px;
  background: currentColor;
  transform: rotate(-45deg);
  top: 10px;
  left: 12px;
}


/* === [Icons][gg-close] === */

.gg-close {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 40px;
}


.gg-close::after,
.gg-close::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
  border-radius: 5px;
  top: 8px;
  left: 1px;
}
.gg-close::after {
  transform: rotate(-45deg);
}

/* === [Icons][gg-instagram] === */

.gg-instagram {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  border: 2px solid transparent;
  box-shadow: 0 0 0 2px;
  border-radius: 4px;
  width: 20px;
  height: 20px;
}
.gg-instagram::after,
.gg-instagram::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
}
.gg-instagram::after {
  border: 2px solid;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  top: 3px;
}
.gg-instagram::before {
  border-radius: 3px;
  width: 2px;
  height: 2px;
  background: currentColor;
  right: 1px;
  top: 1px;
}

/* === [Icons][gg-facebook] === */

.gg-facebook {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 20px;
  height: 20px;
}
.gg-facebook::after,
.gg-facebook::before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
}
.gg-facebook::before {
  width: 8px;
  height: 20px;
  border-left: 4px solid;
  border-top: 4px solid;
  border-top-left-radius: 5px;
  left: 6px;
}
.gg-facebook::after {
  width: 10px;
  height: 4px;
  background: currentColor;
  top: 7px;
  left: 4px;
  transform: skew(-5deg);
}



/* #endregion */

/* #region [scrollbars] */

.hide-scrollbar {
    /* Hide scrollbar but keep functionality */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;     /* Firefox */
    
    /* Ensure content is still scrollable */
    overflow: auto;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;             /* Chrome, Safari, Opera */
}


/* #endregion */

/* #region [layout][image width and heights */

img.image.w-full {
    width: 100%!important;
}

img.image.h-full {
    height: 100%!important;
}

/* #endregion */

/* #region [image][scale on hover] */

.image-zoom {
    transition: 0.3s;
}

.image-zoom:hover {
    transform: scale(1.02);
}

/* #endregion */

/* #region layout][aspect ratio containers] */

.aspect-4-by-5 {
    width: 100%;
    padding-bottom: 125%;
    position: relative;
}

.aspect-5-by-4 {
    width: 100%;
    padding-bottom: 80%;
    position: relative;
}

.absolute-centered-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 0;
}

/* #endregion */

/* #region [Global][Main Menu] */

/* Menu link */
#menu-main-menu a {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 1rem;
    color: var(--wp--preset--color--black);
    transition-duration: 0.3s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 1rem;
    width: 100%;
    width: fit-content;
    font-weight: 700;
    transition-duration: 0.3s;
}

#menu-main-menu a:hover {
    color: var(--wp--preset--color--red)
}

#menu-main-menu .sub-menu {
    /* margin-left: 0.5rem; */
}

#menu-main-menu .sub-menu a {
    font-weight: 400;
}

#menu-main-menu .menu-item-has-children {
    position: relative;
}

.menu-item-has-children > .main-menu__item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu-item-has-children.--open > .main-menu__item-wrapper {
    background-color: white;
}

/* Chevron toggle button */
.main-menu__toggle {
    background: none!important;
    border-style: unset!important;
    color: inherit!important; 
    padding: 0;
    font: inherit!important; 
    cursor: pointer; 
    display: flex;
    align-items: center;    
}

.main-menu__toggle:hover i {
    color: var(--wp--preset--color--red);
}

/* Rotate chevron on open */
.menu-item-has-children.--open .main-menu__toggle img {
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

/* #endregion */

/* #region [post template] */

.author-link {
    color: inherit;
    font-weight: 700;
    text-decoration: underline!important;
    transition: color 0.3s ease;
}

.author-link:hover {
    text-decoration-color: var(--wp--preset--color--red)!important;
}

/* #endregion */

/* #region [Front page][Trending section] */

#section-trending__loop-grid {
    counter-reset: section;
}

#section-trending__loop-grid .ue-grid .ue-grid-item:last-child div > div {
    border-bottom-width: 0
}

#section-trending__loop-grid .e-loop-item {
    /* background-color: var(--wp--preset--color--white-grey); */
}

#section-trending__loop-grid .section-trending__counter::before {
    counter-increment: section;
    content: counter(section);
    font-family: Playfair Display;
    font-variant-numeric: lining-nums;
    font-size: 5rem;
    line-height: 1;
    text-align: left;
    display: block;
}

@media(max-width: 767px){

    #section-trending__loop-grid .section-trending__counter::before {
        font-size: 4rem;
        position: static;
        text-align: left;
        line-height: 1em;
        padding-top: 1rem;
    }   

}

/* #endregion */

/* #region [Front page][Latest section] */

#section-latest__loop-grid .e-loop-item:last-child .elementor-element{
    border-bottom-width: 0;
}

@media(min-width: 1025px){

    #section-latest__loop-grid .e-loop-item:nth-child(even) .section-latest__loop-grid-item{
        padding-right: 1.875rem;
    }

    #section-latest__loop-grid .e-loop-item:nth-child(odd) .section-latest__loop-grid-item {
        padding-left: 1.875rem;
    }

    #section-latest__loop-grid .e-loop-item:nth-last-child(2) .elementor-element{
        border-bottom-width: 0;
    }

}

/* #endregion */

/* #region [Front page][Entertainment section] */

#section-entertainment__loop-grid .ue-grid-item:last-child .e-loop-item > div{
    border-bottom-width: 0;
}

/* #endregion */

/* #region [Front page][Lifestyle section] */

#section-lifestyle__loop-grid .ue-grid-item:last-child .e-loop-item > div{
    border-bottom-width: 0;
}

/* #endregion */

/* #region [Front page][Cars & Tech section] */

#section-cars-tech__loop-grid .ue-grid-item:last-child .e-loop-item > div{
    border-bottom-width: 0;
}

/* #endregion */

/* #region [Front page][Latest News & Top Stories Section */

#section-top-stories__loop-grid .ue-grid-item:last-child .e-loop-item > div{
    border-bottom-width: 0;
}

/* #endregion */

/* #region [side panel][header][category menu] */

.cat-archive__sub-cat-scroll-container {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: auto;
    margin-bottom: 2rem;
}

.cat-archive__sub-cat-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 2rem;
    padding: 0 30px;
}

.cat-archive__sub-cat-list-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cat-archive__sub-cat-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--wp--preset--color--red);
    border-radius: 60px;
    padding: 8px 20px;
    color: var(--wp--preset--color--black);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1em;
    white-space: nowrap;
    transition-duration: 0.3s;
}

.cat-archive__sub-cat-link:hover {
    background-color: var(--wp--preset--color--white-grey)
}

.cat-breadcrumb__list-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: .25rem;
}

.cat-breadcrumb__list {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.cat-breadcrumb__list-item-link {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1em;
    white-space: nowrap;
    color: var(--wp--preset--color--red);
    transition-duration: 0.3s;
}

a.cat-breadcrumb__list-item-link:hover {
    text-decoration: underline;
    color: var(--wp--preset--color--red);
}

.cat-breadcrumb__divider {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--wp--preset--color--red);
    transform: scale(.5);
}

.cat-archive__pagination ul.page-numbers {

    display: flex;
    gap: 0.5rem;

}

.cat-archive__pagination a.page-numbers,
.cat-archive__pagination span.current
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 36px;
    line-height: 1;
    transition-duration: 0.3s;
}


.cat-archive__pagination a.page-numbers,
.cat-archive__pagination span.current
{
    background-color: var(--wp--preset--color--white-grey);
    color: var(--wp--preset--color--black);
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: .75rem;
}

.cat-archive__pagination .page-numbers.current {
    background-color: var(--wp--preset--color--red);
    color: white;
}

.cat-archive__pagination a.page-numbers.next,
.cat-archive__pagination a.page-numbers.prev
{
    background-color: transparent;
}

.cat-archive__pagination a.page-numbers.next:before,
.cat-archive__pagination a.page-numbers.prev:before
{
    font-size: 32px;
    line-height: 1;   
    font-weight: 200;
    margin-top: -6px;
}

.cat-archive__pagination a.page-numbers.prev:before
{
    content: '\2039';
}

.cat-archive__pagination a.page-numbers.next:before {
    content: '\203A';
}

.cat-archive__pagination a.page-numbers.next:hover,
.cat-archive__pagination a.page-numbers.prev:hover
{
    background-color: var(--wp--preset--color--white-grey);
}


@media(max-width: 767px){

    .cat-archive__sub-cat-scroll-container {
        justify-content: flex-start;
    }    

}

/* #endregion */

/* #region [category archive][elementor] */

#category-archive__loop-grid .ue-grid-item:last-child .e-loop-item > div{
    border-bottom-width: 0;
}

/* #endregion */

/* #region [single post][language switcher */

.language-switcher__link {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.875rem;
    color: black;
    transition-duration: 0.3s;
    border-bottom: 2px solid transparent;
}

.language-switcher__link:hover:NOT(.language-switcher__link.active) {
    color: var(--wp--preset--color--red);
}

.language-switcher__link.active{
    border-bottom: 2px solid black;
    pointer-events: none;
    cursor: default;
}

/* #endregion */

/* #region [single post][share widget] */

.share-widget {
    position: relative;
}

.share-widget__button {
    transition-duration: 0.3s;
}

.share-widget__button.active {
    background-color: var(--wp--preset--color--white-grey);
}

.share-widget__item {
    display: flex;
    justify-content:space-between;
    align-items: center;
    gap: .625rem;
    cursor: pointer;
    padding: 0.625rem 0.5rem;
    white-space: nowrap;
    width: 100px;
    transition-duration: 0.3s;
}

.share-widget__item:hover {
    background-color: var(--wp--preset--color--white-grey);
}

.share-widget__panel {
    top: 16px;
    position: absolute;
    padding: 0.5rem;
    margin-top: 2rem;
    border: 1px solid black;
    background: white;
    border-radius: .5rem;
    width: max-content;
    transition-duration: 0.3s;
}

.share-widget__svg-icon {
    height: 1rem;
    width: 1rem;
}

.triangle-border:after {
    content: "";
    position: absolute;
    border-color: white transparent;
}

.triangle-border:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 20px 20px 0;
    border-style: solid;
    border-color: black transparent;
    display: block;
    width: 0;
}

.triangle-border.top:before {
    left: 14px;
    bottom: auto;
    top: -10px;
    border-width: 0px 10px 10px;
}

.triangle-border.top:after {
    left: 15px;
    bottom: auto;
    top: -9px;
    border-width: 0 9px 9px;
}




/* #endregion */

/* #region [global][page-wrapper] */

.page-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 100vh;
}

.logged-in.admin-bar .page-wrapper {
    min-height: calc(100vh - 32px);
}

/* #endregion */

/* #region [global][header] & [search-panel] */

.esquire-header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.logged-in.admin-bar .esquire-header {
    top: 32px;
}

.custom-logo {
        height: 1.875rem;
        width: auto;
        margin-top: 4px;
}

.search-panel {
    z-index: -1;
}

/* #endregion */

/* #region [global][full screen overlay] */

.full-screen-overlay.header-is-visible {
    z-index: 500;
}

.full-screen-overlay.header-not-visible {
    z-index: 2000;
}

/* #endregion */

/* #region [global][ side-panel ]*/
.side-panel {
    position: fixed;
    left: 0;
    top: 0;
    transform: translateX(-100%);
}

.logged-in.admin-bar .side-panel {
    top: 32px;
}

.header-cat-menu li a {
    padding: 12px 24px;
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.04em;
    color: var(--wp--preset--color--black);
    transition-duration: 0.3s;
}

.header-cat-menu li a:hover {
    color: var(--wp--preset--color--red);
}


.header-cat-menu-secondary li a {
    padding: 8px 16px;
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0.04em;
    color: var(--wp--preset--color--black);
    transition-duration: 0.3s;

}

.header-cat-menu-secondary li a:hover {
    color: var(--wp--preset--color--red);
}

.header-cat-menu.mobile li a {
    padding: 4px 16px;
}

.secondary-menu-container .swiper-container {
  max-width: 100vw
}

.secondary-menu-container .swiper-slide {
  display: flex;
  justify-content: space-around; /* center text inside each slide */
}

a.header-social-media-icon-link svg {
    color: var(--wp--preset--color--black);
    transition-duration: 0.3s;
    height: 1rem;
}

a.header-social-media-icon-link:hover svg {
    color: var(--wp--preset--color--red);
}

/* #endregion */

/* #region [global][animations] */

.fade-in {
  opacity: 0; /* start hidden */
  animation: fadeIn 0.2s ease-in forwards;
}

.fade-out {
  opacity: 1; /* start visible */
  animation: fadeOut 0.2s ease-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes fadeOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}

/* #endregion */

/* #region [front-page][swiper buttons */

.swiper__button-prev,
.swiper__button-next
{
    border: 1px solid white;
    width: 42px;
    height: 42px;
    background-color: black;
    border-radius: 100%;
    color: white;
    opacity: 1;
    top: 36%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.swiper__button-prev:hover,
.swiper__button-next:hover
{
    background-color: white;
    color: black;
    transition-duration: 0.3s;
}

/* #endregion */

/* #region [front-page][hero] */

#swiperHero .swiper-slide {
    height: auto; /* ensure equal heights */
}

#swiperHero .swiper-pagination {
    margin-top: 1rem;
    position: static;
}

#swiperHero .swiper-pagination-bullet {
    height: 14px;
    width: 14px;
    background-color: var(--wp--preset--color--black);
}

.swiperHero.swiper__button-next,
.swiperHero.swiper__button-prev
{
    position: absolute;
    top: 35%;
    z-index: 1000;
}

.swiperHero.swiper__button-prev {
    left: 16px
}

.swiperHero.swiper__button-next {
    right: 16px;
}


@media(max-width: 767px){

    #swiperHero .swiper-pagination {
        margin-top: 0.5rem;
        position: static;
    }


    #swiperHero .swiper-pagination-bullet {
        height: 8px;
        width: 8px;
    }
}



/* #endregion */

/* #region [global][search bar] */



/* #endregion */

/* #region [single authors page] */

h1.single-authors__author-name {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
}

h4.single-authors__author-title {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 0 1.5rem 0;
}

.single-authors__author-info p {
    font-family: var(--wp--preset--font-family--plus-jakarta);
    font-size: 1.1rem;
    line-height: 1.35em;
    color: var(--wp--preset--color--black); 
    margin: 0 0 1rem 0;
}

.single-authors__author-info p:last-child {
    margin-bottom: 0;
}

.single-authors__author-info a {
    color: var(--wp--preset--color--black);
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: var(--wp--preset--color--red);
    transition: color 0.3s ease;
}

.single-authors__author-info a:hover {
    color: var(--wp--preset--color--dark-grey);
}
/* #endregion */

/* #region [single post password protected][.post-password-form] */

.single .post-password-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.single .post-password-form p {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.single .post-password-form input[type="password"] {
    margin-top: .5rem;
}

.single .post-password-form input[type="submit"] {
    margin-top: 1rem;
    border-radius: 10rem;
    padding: 1rem 2rem;
}



/* #endregion */