/* 
Theme Name: ISP Myanmar 2023 Child Theme
Theme URI: https://serioustec.com
Description: 
Author: Serioustec Team
Author URI: https://serioustec.com
Template: isp-mm-2023-parent
Version: 4.1.7
Text Domain: isp-mm-2023-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* #region THEME OVERRIDES */

:where(.wp-block-columns) {
    margin-bottom: 0;
}

@media(max-width: 575px){

    .page-header .entry-title {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }

}

@media(min-width: 576px){

    .page-header .entry-title {
        max-width: 100%;
    }

}

@media(min-width: 768px){

    .page-header .entry-title {
        max-width: 100%;
    }

}


body:not([class*=elementor-page-]) .site-main {
    padding-inline-start: var(--page-padding);
    padding-inline-end: var(--page-padding);

}

@media(min-width: 1140px){

    body:not([class*=elementor-page-]) .site-main {
        max-width: 1140px;
    }

}

@media(max-width: 1024px){

    body:not([class*=elementor-page-]) .site-main {
        max-width: 100%;
    }

}

@media(min-width: 992px){

    body:not([class*=elementor-page-]) .site-main {
        max-width: 100%;
    }

}

/* #endregion */

/* #region [global][colors] */

:root {
    --hot-pink: #E83274;
    --magenta: #BC246C;
    --light-purple: #945586;
    --dark-blue: #2B2E40;
    --celo: #3b4761;
    --medium-blue: hsl(231deg 7% 27%);
    --dark-grey: #545454;
    --medium-grey: #828282;
    --light-grey: #BBBBBB;
    --lightest-grey: #F1F3F2;
    --gray85: #D9D9D9;
    --neutral-100: #F1F5F9;
    --neutral-200: #E2E8F0;
    --neutral-400: #94A3B8;
    --chestnut-rose: #c56955;
    --turkish-rose: #a26c76;
    --trendy-pink: #906e92;
    --blue-grey: #9199AA;
}

/* #endregion */

/* #region [global][elementor widgets] */

.elementor-text-editor.--default-link-color a {
    color: inherit;
}

.elementor-text-editor.--default-link-color a:hover {
    color: var(--hot-pink);
    transition-duration: 0.3s;
}

.elementor-text-editor.--no-margin-last-child p:last-child {
    margin: 0;;
}

.--small-play-button .elementor-custom-embed-play svg{
    width: 60px;
    height: 60px;
}

/*Force Loop Grid tiles to fill space of parent container to achieve equal height */
/* Turn off equal height in Loop Grid widget */

.loop-grid-equal-height-grid .e-loop-item{
    height:100%;
}

.loop-grid-equal-height .e-loop-item>section{
    height:100%;
}

.loop-grid-equal-height .e-loop-item>section>.elementor-container{
    height:100%;
}

.loop-grid-equal-height .e-loop-item>section>.elementor-container>.elementor-column{
    height:100%;
}

/* Elementor slider */

.elementor-slider-custom-dots .swiper-pagination-bullets {
    text-align: left;
}

.elementor-slider-custom-dots .swiper-pagination-bullet {
    width: 48px;
    height: 4px;
    border-radius: 3px
}

/* #endregion */

/* #region [global][background-colors] */

.--bg-dark-blue {
    background-color: var(--dark-blue);
}

.--bg-light-grey {
    background-color: var(--light-grey);
}

.--bg-lightest-grey {
    background-color: var(--lightest-grey);
}

.--bg-hot-pink {
    background-color: var(--hot-pink);
}

.--bg-magenta {
    background-color: var(--magenta);
}

.--bg-chestnut-rose {
    background-color: var(--chestnut-rose);
}

.--bg-turkish-rose {
    background-color: var(--turkish-rose);
}

.--bg-trendy-pink {
    background-color: var(--trendy-pink);
}

.--bg-celo {
    background-color: var(--celo);
}


/* #endregion */

/* #region [global][text-colors] */

.--text-black {
    color: black;
}

.--text-white {
    color: white;
}

.--text-dark-grey {
    color: var(--dark-grey);
}

.--text-medium-grey {
    color: var(--medium-grey);
}

.--text-light-grey {
    color: var(--light-grey);
}

.--text-hot-pink {
    color: var(--hot-pink);
}

.--text-dark-blue {
    color: var(--dark-blue);
}

/* #endregion */

/* #region [global][myanmar fonts] */

:root {
    --line-height-mm : 1.9;
}

.--font-family-mm {
    font-family: "Noto Sans Myanmar";
    line-height: var(--line-height-mm)!important;
}

.--line-height-mm {
    line-height: var(--line-height-mm);
}

.--line-height-mm p,
p.--line-height-mm
{
    line-height: var(--line-height-mm);
}

ul.--line-height-mm li
{
    line-height: var(--line-height-mm);
}

h1.--font-family-mm {
    font-size: 30px;
}

/* used in In the News section. Font family is still Manrope */
.--h2-small.--mm-language h2,
.--h2-small.--mm-language
{
    font-size: 17px;
    line-height: var(--line-height-mm);
}


.--h2-small.--line-height-mm h2,
h2.--h2-small.--line-height-mm {
    font-size: 18px;
    line-height: var(--line-height-mm);
}


.--h2-extra-small.--line-height-mm h2,
.--h2-extra-small.--line-height-mm {
    font-size: 16px;
    line-height: var(--line-height-mm); /* adjustment for .elementor-heading-title */
}

/* #endregion */

/* #region [global][typography] */

/* from parent 

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    margin-block-start: 0.5rem;
    margin-block-end: 1rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
}

h1 {
    font-size: 2.5rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.75rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.25rem;
}

h6 {
    font-size: 1rem;
}

p {
    margin-block-start: 0;
    margin-block-end: 0.9rem;
}
  
*/


:root {
    --primary-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --line-height-default: 1.5;
}

body {
    font-family: var(--primary-font);
}

.--line-height-default {
    line-height: var(--line-height-default);
}

.--font-family-primary {
    font-family: var(--primary-font);
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
    line-height: var(--line-height-default);
}

h1 {
    font-size: 32px;
}

h1.--large {
    font-size: 48px;
}

h6 {
    font-weight: var(--font-weight-extra-bold); /* font-size 16px same as body */
}

.section-heading h2,
h2.section-heading {
    font-size: 48px;
    line-height: var(--line-height-default);
}

.section-heading.--medium h2,
.section-heading.--medium
{
    font-size: 32px;
    line-height: var(--line-height-default);
}

.--h2-medium h2,
.--h2-medium {
    font-size: 24px;
    line-height: var(--line-height-default); /* adjustment for .elementor-heading-title */
}

.--h2-small h2,
h2.--h2-small {
    font-size: 20px;
    line-height: var(--line-height-default); /* adjustment for .elementor-heading-title */
}


.--h2-extra-small h2,
.--h2-extra-small {
    font-size: 16px;
    line-height: var(--line-height-default); /* adjustment for .elementor-heading-title */
}


.--body-extra-small {
    font-size: 14px;
}

.--body-super-small {
    font-size: 12px;
}

.--body-small {
    font-size: 16px;
}

.--body-regular {
    font-size: 20px;
}

.--body-large {
    font-size: 24px;
}

h4 {
    font-size: 20px;
    font-weight: 700;
}

.hero-header {
    font-size: 5vh;
    line-height: 1.25em;
    font-weight: 800;
}

/* desktops with a height of more than 700px */
@media(min-height: 701px) and (min-width: 1025px){

    .hero-header {
        font-size: 5vh;
    }

}

/* desktops with a height up to 700px */
@media(max-height: 700px) and (min-width: 1025px){

    .hero-header {
        font-size: 4vh;
    } 

}

/* iPad landscape */
@media(max-height: 768px) and (max-width: 1024px){

    .hero-header {
        font-size: 3.5vh;
    } 

}

/* iPad portrait */
@media(max-height: 1024px) and (max-width: 768px){

    .hero-header {
        font-size: 3.5vh;
    } 

}

/* mobile portrait */
@media(max-width: 767px){

    .hero-header {
        font-size: 3.5vh;
    } 

}


@media(max-width: 767px) {

    .section-heading h2,
    h2.section-heading,
    h2.section-heading.--medium
    {
        font-size: 24px;
    }

}

/* #endregion */

/* #region [global]typography][font-weight and font-style] */

:root {
    --font-weight-medium: 500;
    --font-weight-extra-bold: 800;
}

.--medium {
    font-weight: var(--font-weight-medium);
}

.--semi-bold,
.--semi-bold h2 {
    font-weight: 600;
}

.--extra-bold,
.--extra-bold h2 {
    font-weight: var(--font-weight-extra-bold);
}

.--italic {
    font-style: italic;
}

.--font-weight-thin {
    font-weight: 100;
}

.--font-weight-bold {
    font-weight: bold;
}

/* #endregion */

/* #region [global][text-attributes] */

.--uppercase {
    text-transform: uppercase;
}

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

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

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

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

.--no-break {
    white-space: nowrap;
}

.--dropcap:first-letter {
    font-size: 94px;
    line-height: 1em;
    color: var(--hot-pink);
    font-weight: 800;
    text-transform: uppercase;
    float: left;
    padding-left: 8px;
    padding-right: 16px;
    margin-top: -4px;
}

.--text-shadow{
    text-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
}

@media(max-width: 1024px){

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

}

@media(max-width: 767px){

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

    .--text-align-left-m {
        text-align: left;
    }

}

/* #endregion */

/* #region [global][block editor overrides] */

pre.wp-block-verse {
    font-family: var(--primary-font);
    background-color: var(--lightest-grey);
    padding: 16px;
    margin-top: 0;
}

/* #endregion */

/* #region [global][borders] */

.--border-bottom-1 {
    border-bottom: 1px solid;
}

.--border-bottom-1.--gray85{
    border-color: var(--gray85);
}

@media(max-width: 1024px){
    
    .--border-bottom-0-m {
        border-bottom-width: 0;
    }

}

/* #endregion */

/* #region [global][gg-icons] */

.gg-external {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 12px;
    height: 12px;
    box-shadow:
    -2px 2px 0 0,
    -4px -4px 0 -2px,
    4px 4px 0 -2px;
    margin-left: -2px;
    margin-top: 1px
}
   
.gg-external::after,
.gg-external::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: -4px
}
   
.gg-external::before {
    background: currentColor;
    transform: rotate(-45deg);
    width: 12px;
    height: 2px;
    top: 1px
}
   
.gg-external::after {
    width: 8px;
    height: 8px;
    border-right: 2px solid;
    border-top: 2px solid;
    top: -4px
} 

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

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

.gg-chevron-down {
    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-down::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);
    left: 4px;
    top: 2px
}

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

.--gg-small {
    /* This value will multiple the actual size  */
    --ggs: .8;
}

.gg-phone {
   box-sizing: border-box;
   position: relative;
   display: block;
   width: 22px;
   height: 22px;
   transform: scale(var(--ggs,1))
}
.gg-phone::after,
.gg-phone::before {
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute
}
.gg-phone::after {
   width: 18px;
   height: 18px;
   border-top-left-radius: 1px;
   border-bottom-right-radius: 1px;
   border-bottom-left-radius: 12px;
   border-left: 4px solid;
   border-bottom: 4px solid;
   left: 2px;
   bottom: 2px;
   background:
      linear-gradient(
         to left,
         currentColor 10px,
         transparent 0
      ) no-repeat right 11px/6px 4px,
      linear-gradient(
         to left,
         currentColor 10px,
         transparent 0
      ) no-repeat -1px 0/4px 6px
}
.gg-phone::before {
   width: 20px;
   height: 20px;
   border: 6px double;
   border-top-color: transparent;
   border-bottom-color: transparent;
   border-left-color: transparent;
   border-radius: 50%;
   transform: rotate(-45deg);
   bottom: 2px;
   left: 2px
}


.gg-mail,
.gg-mail::after {
    display: block;
    box-sizing: border-box;
    height: 14px;
    border: 2px solid
}
.gg-mail {
    overflow: hidden;
    transform: scale(var(--ggs,1));
    position: relative;
    width: 18px;
    border-radius: 2px
}
.gg-mail::after {
    content: "";
    position: absolute;
    border-radius: 3px;
    width: 14px;
    transform: rotate(-45deg);
    bottom: 3px;
    left: 0
}


.gg-pin {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: rotate(45deg) scale(var(--ggs,1));
    width: 18px;
    height: 18px;
    border-radius: 100% 100% 0 100%;
    border: 2px solid;
    margin-top: -4px
}
.gg-pin::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid;
    top: 3px;
    left: 3px;
    border-radius: 40px
}

.gg-software-download {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 16px;
    height: 6px;
    border: 2px solid;
    border-top: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-top: 8px
}
.gg-software-download::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    left: 2px;
    bottom: 4px
}
.gg-software-download::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    border-radius: 3px;
    width: 2px;
    height: 10px;
    background: currentColor;
    left: 5px;
    bottom: 5px
}

/* #endregion */

/* #region [global][loop-c1-c2] */

.loop-c1-c2__column-1 {

}

.loop-c1-c2__column-2 {
    border-left: 1px solid var(--gray85);
    margin-left: 24px;
    padding-left: 24px;
}

@media(max-width: 1024px){

    .loop-c1-c2__column-1 {

    }

    .loop-c1-c2__column-2 {
        border-left-width: 0;
        margin-left: 0;
        padding-left: 0;
    }

}

/* #endregion */

/* #region [global][buttons] */

._button {
    display: inline-block;
    min-width: 96px;
    padding: 10px 16px;
    border-radius: 8px;
    background-color: var(--hot-pink);
    text-align: center;
    color: white;
    font-size: 14px;
    transition-duration: 0.3s;
    text-wrap: nowrap;
}

._button.--pill-button {
    border-radius: 4px;
}

._button.--extra-round {
    border-radius: 40px;
}

._button.--border-radius-0 {
    border-radius: 0;
}

._button:hover {
    background-color: var(--magenta);
    color: white;
}

._button.--lightest-grey {
    background-color: var(--lightest-grey);
    color: black;
}

._button.--celo {
    background-color: var(--celo);
    color: white;
}

._button.--inverted {
    background-color: transparent;
    border: 1px solid var(--magenta);
    color: var(--magenta);
}

._button.--inverted:hover {
    border: 1px solid var(--magenta);
    color: white;
    background-color: var(--magenta);
}

._circular-button {
    border-radius: 100%;
    border: 1px solid var(--medium-grey);
    width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--medium-grey);
}

._circular-button:hover {
    cursor: pointer;
}

._circular-button .gg-chevron-left,
._circular-button .gg-chevron-right
{
    /* This value will multiple the actual size  */
    --ggs: 1.4;
}

/* #endregion */

/* #region [global][hr] */

hr.--black {
    border: none;
    height: 1px;
    color: black; /* old IE */
    background-color: black; /* Modern Browsers */
}

hr.--gray85 {
    border: none;
    height: 1px;
    color: var(--gray85); /* old IE */
    background-color: var(--gray85); /* Modern Browsers */
}

hr.--medium-grey {
    border: none;
    height: 1px;
    color: var(--medium-grey); /* old IE */
    background-color: var(--medium-grey); /* Modern Browsers */
}

hr.--medium-blue {
    border: none;
    height: 1px;
    color: var(--medium-blue); /* old IE */
    background-color: var(--medium-blue); /* Modern Browsers */
}

hr.--hot-pink {
    border: none;
    height: 1px;
    color: var(--hot-pink); /* old IE */
    background-color: var(--hot-pink); /* Modern Browsers */
}

hr.--h-6-px {
    height: 6px;
}

hr.--w-40-px {
    width: 40px;
}

/* #endregion */

/* #region [global][link <a>] */

a.--plain-link {
    color: inherit;
    text-decoration: none;
}

a.--white-link {
    color: white;
}

.--medium-grey-link a{
    color: var(--medium-grey);
}

a.--hot-pink {
    color: var(--hot-pink);
}

a.--darken-on-hover {
    transition: filter 0.3s ease-in-out;
}

a.--darken-on-hover:hover {
    filter: brightness(70%);
}

/* #endregion */

/* #region [global][header] */


#megaMenuWidth {
    width: var(--boxed-content-width);
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
}

.header-masthead-grid {
    display: grid;
    grid-template-columns: max-content 1fr;
}

.header-masthead-grid .grid-item:nth-child(1){
    grid-row: span 2;
}

.header-masthead-grid .grid-item {
    grid-row: span 1;
}

.header__bottom-row {
    align-items: flex-end;
}

.header__show-hero {
    height: 100vh;
}

.header__show-hero.wp-adminbar-visible {
    height: calc(100vh - 32px);
}

.wp-toolbar .header {
    margin-top: calc(32px + 24px);   
}

.header {
    position: relative;
    z-index: 1000;
    padding-top: 16px;
}

.site-logo{
    max-width: 130px;
}

.home .tertiary-menu li a {
    color: white;
}

@media(max-width: 1079px ){

    .header-masthead-grid {
        grid-template-columns: 1fr max-content; 
    }

    .header-masthead-grid .grid-item:nth-child(1){
        grid-column: 1 / span 1;
        grid-row: span 1; 
    }
    
    .header-masthead-grid .grid-item:nth-child(2) {
        grid-column: 2 / span 1;
    }

    .header-masthead-grid .grid-item:nth-child(3) {
        grid-column: 1 / span 2;
        grid-row: 2 / span 1;
    }

    .header__bottom-row {
        align-items: stretch;
    }

    .site-logo{
        max-width: 100px;
    }

}


@media( max-width: 767px ){

    #megaMenuContainer{
        padding-left: 0;
        padding-right: 0;
    }

    #megaMenuWidth {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .header__show-hero {
        height: 85vh;
    }

    .header {
        padding: 0;
        background-color: white;
        overflow: hidden;
    }
    
    ._row.header__top-row {
        display: none;
    }

    .header__bottom-row {
        padding-left: 0;
        padding-right: 0;
    }


}

/* #endregion */

/* #region [global][mega-menu] */

.mega-menu__featured-label {
    display: inline-block;
    padding: 8px 12px;
    position: absolute;
    top: 16px;
    left: -4px;
    letter-spacing: 0.04em;
    line-height: 20px;
}

/* #endregion */

/* #region [global][footer[ */

#site-footer{
    position: relative;
    z-index: 1000;
}

.footer-menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-menu li a {
    font-weight: 500;
    color: inherit;
}

.footer__follow-us-list {
    gap: 16px;
    flex-wrap: wrap;
}


.footer__follow-us-list li a {  
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer__follow-us-list img {
    width: 24px;
    height: 24px;
    margin: auto 0;
    filter: contrast(0);
    transition: filter 0.3s ease; /* Specify the property and duration */
}

.footer__follow-us-list li a:hover img {  
    filter: contrast(100%);
}

/* #endregion */

/* #region [global[footer][vertical-menu] */

.vertical-menu {
    display: flex;
    flex-direction: column;
    padding-inline-start: 24px;
}

.vertical-menu.--white-text {
    color: white;
}

.vertical-menu.--white-text a {
    color: white;
    transition-duration: 0.3s;
}

.vertical-menu.--white-text a:hover {
    color: var(--light-grey);
}

/* #endregion */

/* #region [global][slider-featured] */

.featured-slider__container {
    position: relative;
}

.featured-slider__card {
    position: relative;
}

.featured-slider__cover-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.featured-slider__cover-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .2;
}

.featured-slider__content {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 450px;
    background-color: white;
    padding: 24px;
    border-top: 8px solid var(--hot-pink);
    z-index: 1
}

.featured-slider__navigation-dots {
    position: absolute;
    left: 48px;
    right: 0;
    bottom: 15px;
    margin: 0 auto;
}

.featured-slider__navigation-dots ul  {
  width: calc(100% - 48px);
}

.featured-slider__navigation-dots li  {
 flex-grow: 1;
}

.featured-slider__navigation-dots li button {
    width: 100%!important;
}


@media(max-width: 767px){


    .featured-slider__content {
        position: static;
        max-width: 100%;
        padding: 24px 0;
        
    }

    .featured-slider__cover-image:after {
        opacity: 0;
    }

    .featured-slider__navigation-dots {
        left: 0;
        bottom: 0;
        height: fit-content;
        width: 100vw;
        /*
        position: static;
        background-color: dodgerblue;
        width: 100%;
        */
    }
    
    .featured-slider__navigation-dots ul {
        width: 100%;
    }

    .featured-slider__navigation-dots.flat-slick-dots .slick-dots button {
        background-color: var(--lightest-grey);
    }
}


/* #endregion */

/* #region [global][slick-slider] */

/* hide the slick navigation dot if there is only one */
#slick-slide-control00[aria-label="1 of 1"] {
    display: none;
}

/* #endregion */

/* #region [global][slick slider navigation dots] */


.flat-slick-dots .slick-dots {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

}

.flat-slick-dots .slick-dots button {
    background-color: white;
    font-size: 0;
    border: none;
    width: 48px;
    height: 4px;
    padding: 0;
}

.flat-slick-dots.--gray85 .slick-dots button {
    background-color: var(--gray85);
}

.flat-slick-dots .slick-dots button:focus {
    outline: none;
}

.flat-slick-dots .slick-dots .slick-active button {
    background-color: var(--hot-pink);
}

/* #endregion */

/* #region [global][post-category] */

/* container for the_category() */
.category-list-container ul {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

.category-list-container a{
    transition-duration: 0.3s;
}


/* #endregion */

/* #region [global][taxonomy-rule] */

.post-category-rule {
    position: relative;
}

.post-category-rule:after {
    content: '';
    background-color: var(--hot-pink);
    height: 8px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    z-index: -1;
}

.post-category-rule > a,
.post-category-rule > span
{
    background-color: white;
    padding-right: 16px;
}

.--lightest-grey.post-category-rule:after {
    background-color: var(--lightest-grey);
}


.taxonomy-rule {
    width: 100%;
    height: 8px;
    background-color: var(--hot-pink);
}

/* #endregion */

/* #region [global][section-heading] */
.section-heading-rule {
    background-color: var(--lightest-grey);
    opacity: .5;
    height: 8px;
    flex-grow: 1;
    margin-left: 16px;
}

/* #endregion */

/* #region [global][primary-menu */

.primary-menu {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--gray85);
}

.primary-menu li a {
    text-transform: uppercase;
    color: black;
    font-weight: 500;
    padding: 16px 0;
    display: block;
}

.primary-menu .current-menu-item a {
    border-bottom: 4px solid var(--hot-pink);
}

.home .primary-menu li a {
    color: white;
}

/* #endregion */

/* #region [global][secondary-menu] */

.secondary-menu__container {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;

}

.secondary-menu {
    width: fit-content;
}

.secondary-menu li a {
    color: white;
    padding: 20px;
}

.secondary-menu li a,
.secondary-menu__overflow-menu li a
{
    display: block;
    white-space: nowrap;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.secondary-menu li.current-menu-item a {
    background-color: var(--hot-pink);
    color: white;
}

.secondary-menu__overflow-container {
    position: relative;
}


.secondary-menu__overflow-container:hover .secondary-menu__overflow-menu  {
    display: block ;
}


.secondary-menu__more-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    width: 112px;
}

.secondary-menu__overflow-menu {
    z-index: 10;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: white;
    transform: translateY(100%);
    border: 1px solid var(--neutral-200);
    border-top-width: 0;
    border-radius: 0 0  8px 8px;
    padding: 4px;
    padding-inline-start: 4px!important;
    display: none;
}

.secondary-menu__overflow-menu li a
{
    padding: 9px 24px 9px 18px;
    border-radius: 8px;
}

.secondary-menu__overflow-menu li.current-menu-item a {
    background-color: var(--neutral-100);
}

.secondary-menu__overflow-count {
    white-space: nowrap;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(max-width: 768px){

    .secondary-menu__more-container {
        width: auto;
    }

    .secondary-menu__overflow-menu{
        left: calc( (var(--page-padding) / 2) * -1 );
        right: auto;
        padding: 8px 4px 4px 4px;
    }

}

/* #endregion */

/* #region [Search & Filter Pro] */

.searchandfilter ul {
    padding-inline-start: 0;
    display: flex;
    gap: 16px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.searchandfilter ul > li {
    padding: 0;
}

.searchandfilter h4 {
    font-weight: 400;
    padding: 4px 0;
}

.searchandfilter select.sf-input-select {
    border-color: var(--gray85);
    appearance: none;
}

.searchandfilter input[type=date], 
.searchandfilter input[type=email], 
.searchandfilter input[type=number],
.searchandfilter input[type=password], 
.searchandfilter input[type=search], 
.searchandfilter input[type=tel], 
.searchandfilter input[type=text], 
.searchandfilter input[type=url], 
.searchandfilter select, 
.searchandfilter textarea {
    border-color: var(--gray85);
}

/* publications filter */
#search-filter-form-9167 > ul > li.sf-field-search,
#search-filter-form-12013 > ul > li.sf-field-search
{
    display: flex;
    flex-grow: 1;
    justify-content: end;
}

/* publications filter */
#search-filter-form-9167 > ul > li.sf-field-reset,
#search-filter-form-12013 > ul > li.sf-field-reset
{
    flex-basis: 100%;
    text-align: right;
}

/* data gallery filter */
#search-filter-form-9206 > ul > li.sf-field-reset,
#search-filter-form-9174 > ul > li.sf-field-reset,
#search-filter-form-12018 > ul > li.sf-field-reset
{
    display: flex;
    flex-grow: 1;
    justify-content: end;
}

/* ISP Column filter */
#search-filter-form-9267 > ul > li.sf-field-reset,
#search-filter-form-12968 > ul > li.sf-field-reset
{
    display: flex;
    flex-grow: 1;
    justify-content: end;
}



@media(max-width: 1024px){

    /* publications filter */
    #search-filter-form-9167 > ul > li.sf-field-search,
    #search-filter-form-12013 > ul > li.sf-field-search    
    {
        justify-content: start;
    }
    
    /* publications filter */
    #search-filter-form-9167 > ul > li.sf-field-reset,    
    #search-filter-form-12013 > ul > li.sf-field-reset
    {
        flex-basis: auto;
    }

    /* data gallery filter */
    #search-filter-form-9206 > ul > li.sf-field-reset,
    #search-filter-form-9174 > ul > li.sf-field-reset,
    #search-filter-form-12018 > ul > li.sf-field-reset
    {
        flex-basis: 100%;
        flex-grow: 1;
        justify-content: start;
    }

    /* ISP Column filter */
    #search-filter-form-9267 > ul > li.sf-field-reset,
    #search-filter-form-12968 > ul > li.sf-field-reset
    {
        flex-basis: 100%;
        flex-grow: 1;
        justify-content: start;
    }


}

/* #endregion */

/* #region [elementor][social sharing widget] */

.social-sharing-widget .elementor-share-btn__icon {
    width: 63px;
    height: 63px;
}

.social-sharing-widget .elementor-share-btn__icon svg {
    width: 24px;
    height: 24px;
    display: block;
  }

/* #endregion */

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

.section-hero {
    overflow: hidden;
    position: relative;
    flex-grow: 1;
}

.section-hero__card {
    justify-content: flex-end;
    /* height: 100%!important; */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    position: relative;
}

.section-hero__background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--dark-blue);
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .4;
}

.section-hero__content-box {
    z-index: 2;
}

.slick-slide.section-hero__card {
    /* height: 100%!important; */
    display: flex!important;
}


#heroSlickSlider .slick-list,
#heroSlickSlider .slick-track
{
    height: 100%;
}


.section-hero__content {
    max-width: 650px;
}

.section-hero .slick-dots {
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: var(--page-padding);
    margin-inline-end: 0;
    padding-inline-start: 0;
    display: flex;
    gap: 10px;
    
}

.section-hero .slick-dots button {
    background-color: white;
    font-size: 0;
    border: none;
    width: 48px;
    height: 4px;
    padding: 0;
}

.section-hero .slick-dots button:focus {
    outline: none;
}

.section-hero .slick-dots .slick-active button {
    background-color: var(--hot-pink);
}

.section-hero__navigation-dots {
  
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.section-hero__chevron-down {
    /*
    position: absolute;
    bottom: -76px;
    */
    height: 64px;
}

.section-hero__chevron-down .gg-chevron-down
{
    /* This value will multiple the actual size  */
    --ggs: 2.4;
}


/* code to hide slides from showing before load*/
#heroSlickSlider {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

@media(max-width: 767px){

    .section-hero__slick-slider {
        margin-left: calc(-1 * var(--page-padding) );
        margin-right: calc(-1 * var(--page-padding) );
    }

    .section-hero .slick-dots {
        margin-inline-start: 0;
    }

}

/* #endregion */

/* #region [front-page][section-isp-publications] */

.section-isp-publications{
    overflow: hidden;
}

.section-isp-publications__card {
    margin-right: 48px;
}

.section-isp-publications__button-container {
    margin-top: 24px;
    gap: 8px;
}

@media(max-width: 767px){

    .section-isp-publications__card {
        margin-right: 24px;
        width: calc(100vw - 60px);
    }

}

/* #endregion */

/* #region [front-page][section-explainers] */

.section-explainers {
    margin-bottom: 40px;
    overflow: hidden;
}

.section-explainers__section-heading {
    position: relative;
}

.section-explainers__section-heading span {
    position: relative;
    background-color: white;
    padding: 0 20px;
}

.test {
    position: absolute;
    left: 0;
    top: 28px;
    width: 100%;
    padding-bottom: 21%;
    border: 10px solid var(--hot-pink);
    border-bottom-width: 0;
}

.section-explainers__loop-container {
    padding: 0 30px;
    z-index: 1;
}


@media(max-width: 767px){

    .test {
        top: 10px;
        left: -12px;
        width: calc(100% + 24px);
    }

    .section-explainers__loop-container {
        padding: 0 10px;
    }

}

/* #endregion */

/* #region [front-page][section-events] */

.section-isp-events {
    overflow: hidden;
}

.section-isp-events__card {
    margin-right: 24px;
    padding: 16px;
    background-color: var(--lightest-grey);
    transition-duration: 0.3s;
    max-width: 400px;
}

.section-isp-events__card.slick-current {
    background-color: var(--hot-pink);
    color: white;
    transition-duration: 0.3s;
}

@media(max-width: 767px){

    .section-isp-events__card {
        max-width: calc(100vw - 60px);
    }

}

/* #endregion */

/* #region [front-page][section-visual-explainers] */

/* #endregion */

/* #region [front-page][section-isp-data-matters] */

.section-data-matters div[data-type="post-date"] {
    display: none;
}

/* #endregion */

/* #region [front-page[[section-chart-crafters-hub] */

/* make sure the image is always maximum width */
.section-chart-crafters-hub__card .elementor-widget-image a {
    width: 100%;
}

@media (min-width: 1025px) {

    .section-chart-crafters-hub__slick-container {
        padding-left: var(--page-padding);
    }

}

/* used in v1 only */

/*
.section-chart-crafters-hub__card {
    margin: 0 12px;
}


.section-chart-crafters-hub__slick-container {
    position: relative;
    padding: 0 60px;
}

.section-chart-crafters-hub__chevron {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.section-chart-crafters-hub__chevron.left {
    position: absolute;
    left: 0;
}

.section-chart-crafters-hub__chevron.right {
    position: absolute;
    right: 0;
}



@media(max-width: 1025px){

    .section-chart-crafters-hub__slick-container {
        margin-right: 24px;
    }

}
*/

/* #endregion */

/* #region [front-page][section-banner] */

.section-banner {
    position: relative;
}

.section-banner__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 80px);
    z-index: -1;
}

.section-banner__background.isp-column {
    height: calc(100% - 60px);
}

@media(max-width: 1024px){

    .section-banner__background,
    .section-banner__background.isp-column
    {
        height: 100%;
    }

}

/* #endregion */

/* #region [front-page][slick-slider] */

/* add space between slides

/* the slides */
.section-chart-crafters-hub .slick-slide {
    margin: 0 4px;
}
/* the parent */
.section-chart-crafters-hub .slick-list {
    margin: 0 -12px;
}

/*

/* show the last slide partially */
.section-isp-publications__slick-slider .slick-list{
    padding:0 20% 0 0!important;
 }   
 
@media(max-width: 1024px) {
    .section-isp-publications__slick-slider .slick-list{
        padding: 0 0 0 0!important;
    }

    /* on tablet it runs off the page */
    .section-chart-crafters-hub .slick-list {
        padding:0 20% 0 0!important;
        margin-right: 0;
        margin-left: var(--page-padding);
    }

    .section-chart-crafters-hub .slick-slide {
        margin: 0 8px 0 0;
    }

}

@media(max-width: 767px) {
    .section-isp-publications__slick-slider .slick-list{
        padding: 0 0 0 0!important;
    }

    .section-chart-crafters-hub .slick-list {
        margin-left: var(--page-padding);
        margin-right: var(--page-padding);
        padding:0 0 0 0!important;
    }
}

/* end show the last slide partially */


/* make all cards equal height */
.section-isp-events .slick-track {
    align-items: stretch;
    display: flex; /* or @include flexbox if you're using the flexbox mixin */
}

/* make all cards equal height */
.section-isp-events .slick-slide {
    height: auto; 
}

.slick-slide {
    transition: all .4s ease-in-out; /* transformation is smoother*/
}


/* #endregion */

/* #region [front page][media page][in the news] */

.in-the-news
{
    border-bottom: 1px solid var(--gray85);
    padding-bottom: 24px;
}

.in-the-news:nth-last-child(1),
.in-the-news:nth-last-child(2),
.in-the-news:nth-last-child(3)
{
    border-bottom-width: 0;
    padding-bottom: 0;
}

@media(max-width: 767px){

    .in-the-news:nth-last-child(2),
    .in-the-news:nth-last-child(3)
    {
        border-bottom-width: 1px;
        padding-bottom: 24px;
    }

}

/* #endregion */

/* #region [front-page][ISP shorts] */

.section-isp-shorts .slick-slide {
    margin: 0 8px;
}

.isp-shorts__play-button .elementor-custom-embed-play {
    position: absolute;
    height: 100%;
    width: 100%;
}

.isp-shorts__play-button .elementor-custom-embed-play svg {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 16px;
    bottom: 16px;
}

.isp-shorts__video-duration {
    position: absolute;
    left: 60px;
    bottom: 16px;
    height: 40px;
    color: white;
}

/* fix for playing vertical videos */
.elementor-lightbox .elementor-video-container .elementor-video-portrait iframe {
    height: 80vh!important;
}

/* #endregion */

/* #region [media page][press release & statements] */

/* class is addded to elementor loop grid widget */
.media__press-release-loop-grid-elementor .e-loop-item {
    border-bottom: 1px solid var(--gray85);
    padding-bottom: 24px;
}

.media__press-release-loop-grid-elementor .e-loop-item:nth-last-child(1),
.media__press-release-loop-grid-elementor .e-loop-item:nth-last-child(2),
.media__press-release-loop-grid-elementor .e-loop-item:nth-last-child(3)
{
    border-bottom-width: 0;
    padding-bottom: 0;
}

@media(max-width: 1024px){

    .media__press-release-loop-grid-elementor .e-loop-item:nth-last-child(3)
    {
        border-bottom: 1px solid var(--gray85);
        padding-bottom: 24px;
    }

}

@media(max-width: 767px){

    .media__press-release-loop-grid-elementor .e-loop-item:nth-last-child(2)
    {
        border-bottom: 1px solid var(--gray85);
        padding-bottom: 24px;
    }

}

/* #endregion */

/* #region [resources-page][section-1] */

.page-id-4702 div[data-type='post-date'] {
    display: none;
}

/* #endregion */

/* #region [resources-page][section-1] */

.page-id-4704 div[data-type='post-date'] {
    display: none;
}

/* #endregion */

/* #region [resources-page][section-most-read] */

/* #endregion */

/* #region [explainers][section-visual-explainers] */


.grid-container {
    display: inline-grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr;
}

@media(max-width: 767px){

    .grid-container {
        grid-template-columns: 1fr;
    }
    
}

/* #endregion */

/* #region [explainers][section-isp-clips][isp-clips-archive-page] */

.--isp-clips__border-bottom div[data-elementor-type="loop-item"] {

    border-bottom: 1px solid var(--gray85);
    padding-bottom: 24px;

}

.explainers-isp-clips__clips-container article {
    width: 33%;
}

@media(max-width: 767px){

    .explainers-isp-clips__clips-container article {
        width: 100%;
    }

}

/* #endregion */

/* #region [article template] */

.post .wp-post-image {
    max-height: none;
}

.single-post .page-content p {

    line-height: 1.7em;

}

/* #endregion */

/* #region [page template] */

.isp-mm-default-page ul {
    margin-bottom: 14px;
}

/* #endregion */

/* #region Keen test */

.navigation-wrapper {
    position: relative;
  }
  
  .dots {
    display: flex;
    padding: 10px 0;
    justify-content: center;
  }
  
  .dot {
    border: none;
    width: 10px;
    height: 10px;
    background: #c5c5c5;
    border-radius: 50%;
    margin: 0 5px;
    padding: 5px;
    cursor: pointer;
  }
  
  .dot:focus {
    outline: none;
  }
  
  .dot--active {
    background: #000;
  }
  
  .arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    fill: #fff;
    cursor: pointer;
  }
  
  .arrow--left {
    left: 5px;
    fill: "#fff";
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
  }
  
  .arrow--right {
    left: auto;
    right: 5px;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
  }
  
  .arrow--disabled.arrow--left {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
  }
  
  .arrow--disabled.arrow--right {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
  }

  /* #endregion */

/* #region [category-archive] */

.category-archive-grid {
    display: grid;
    column-gap: 24px;
    row-gap: 40px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas:
    "feature-1 feature-1 feature-1 feature-1  feature-1 feature-1 feature-1 feature-1 feature-2 feature-2 feature-2 feature-2"
    "feature-1 feature-1 feature-1 feature-1 feature-1 feature-1  feature-1 feature-1 feature-3 feature-3 feature-3 feature-3";
}

.category-archive-grid article:first-child {
    grid-area: feature-1;
    margin-right: 12px;
    position: relative;
}

.category-archive-grid article:first-child:after {
    content: '';
    height: 100%;
    width: 1px;
    background-color: var(--gray85);
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(24px);
}

.category-archive-grid article:first-child ._three-by-two-container {
    padding-bottom: 100%;
}

.category-archive-grid article:nth-child(2) {
    grid-area: feature-2;
    margin-left: 12px;
}

.category-archive-grid article:nth-child(3) {
    grid-area: feature-3;
    margin-left: 12px;
}

.category-archive-grid article {
    grid-column: span 4;
}

/* #endregion */

/* #region [events][upcoming events] */

.events-upcoming__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
}

.events-upcoming__grid article:nth-child(1) {
    grid-column: span 7;
}    

.events-upcoming__grid article:nth-child(2) {
    grid-column: span 5;
}  

.events-upcoming__grid article {
    grid-column: span 4;
} 

@media(max-width: 1024px){

    .events-upcoming__grid article:nth-child(1),
    .events-upcoming__grid article:nth-child(2),
    .events-upcoming__grid article
    {
        grid-column: span 12;
    }    
    
}

/* #endregion */

/* #region [category archive elementor] */

/* classes in post widget .archive__grid-loop-elementor.elementor-grid.elementor-archive */

.archive__grid-loop-elementor div[data-elementor-type='loop-item']:nth-of-type(1) .loop-c1 .post-info__title {
    font-size: 24px;
    margin-bottom: 16px;
}

.archive__grid-loop-elementor div[data-elementor-type='loop-item']:nth-of-type(1) .loop-c1 .post-info__title.--font-family-mm {
    font-size: 20px;
    margin-bottom: 8px;
}

.archive__grid-loop-elementor div[data-elementor-type='loop-item']:nth-of-type(1) .loop-c1 .post-info__title.--font-family-isp1 {
    margin-bottom: 0;
}

.archive__grid-loop-elementor div[data-elementor-type='loop-item']:nth-of-type(1) .loop-c1 .post-info__excerpt {
    font-size: 16px;
}

.archive__grid-loop-elementor .elementor-grid {
    display: grid;
    column-gap: 24px;
    row-gap: 40px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas:
    "feature-1 feature-1 feature-1 feature-1  feature-1 feature-1 feature-1 feature-2 feature-2 feature-2 feature-2 feature-2"
    "feature-1 feature-1 feature-1 feature-1 feature-1 feature-1  feature-1 feature-3 feature-3 feature-3 feature-3 feature-3";
}

.archive__grid-loop-elementor .elementor-grid div[data-elementor-type='loop-item'] {
    grid-column: span 4!important;
    border-bottom: 1px solid var(--gray85);
    padding-bottom: 24px;
} 

.archive__grid-loop-elementor .elementor-grid div[data-elementor-type='loop-item']:nth-of-type(1){
    grid-area: feature-1!important;
    border-bottom-width: 0;
    padding-bottom: 0; 
}

.archive__grid-loop-elementor .elementor-grid div[data-elementor-type='loop-item']:nth-of-type(2){
    grid-area: feature-2!important;
    border-bottom-width: 0;
    padding-bottom: 0;  
}

.archive__grid-loop-elementor .elementor-grid div[data-elementor-type='loop-item']:nth-of-type(3){
    grid-area: feature-3!important; 
    border-bottom-width: 0;
    padding-bottom: 0;   
}

.archive__grid-loop-elementor.square-first ._square-container:NOT(.archive__grid-loop-elementor .elementor-grid div[data-elementor-type='loop-item']:nth-of-type(1) ._square-container ){
    padding-bottom: 66.67%;
}


.archive__grid-loop-elementor.square-with-border ._square-container {
    border: 1px solid var(--gray85);
}

.elementor-archive .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}


@media(max-width: 1024px){

    .archive__grid-loop-elementor .elementor-grid {
        grid-template-areas:
        "feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1"
        "feature-2 feature-2 feature-2 feature-2 feature-2 feature-2 feature-3 feature-3 feature-3 feature-3 feature-3 feature-3"
    }
    
    .archive__grid-loop-elementor .elementor-grid div[data-elementor-type='loop-item'] {
        grid-column: span 6!important;
    } 

    .archive__grid-loop-elementor .elementor-grid div[data-elementor-type='loop-item']:nth-of-type(2),
    .archive__grid-loop-elementor .elementor-grid div[data-elementor-type='loop-item']:nth-of-type(3)
    {
        border-bottom: 1px solid var(--gray85);
        padding-bottom: 24px;  
    }

}


@media(max-width: 767px){

    .archive__grid-loop-elementor .elementor-grid {
        grid-template-areas:
        "feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1 feature-1"
        "feature-2 feature-2 feature-2 feature-2 feature-2 feature-2 feature-2 feature-2 feature-2 feature-2 feature-2 feature-2"
        "feature-3 feature-3 feature-3 feature-3 feature-3 feature-3 feature-3 feature-3 feature-3 feature-3 feature-3 feature-3";
    }
    
    .archive__grid-loop-elementor .elementor-grid div[data-elementor-type='loop-item'] {
        grid-column: span 12!important;
    } 


}

/* #endregion */

/* #region [isp-column archive */

#ispColumn__banner-2 {
    grid-column: span 12!important;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
}

/* #endregion */

/* #region [publication page] */

.publication__main-container {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--gray85);
}

.publication__main-container {
    position: relative;
    overflow: hidden;
}

.publication__button-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    transition-duration: 0.3s;
}

.publication__main-container:hover .publication__button-container {
    transform: translateY(0%);
}

.publication__button {
    position: relative;
}

.publication__main-button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1px;
}

.publication__main-button-link {
    flex-basis: 100%;
    display: flex;
    padding: 8px 16px;
    color: white;
    justify-content: space-between;
    align-items: center;    
    background-color: var(--hot-pink);
}

.publication__main-button-link:hover {
    color: white;
}

.publication__accordion-button {
    color: white;
    background-color: var(--hot-pink);
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
   
}

.publication__accordion-button i {
    transition-duration: .3s;
}

.publication__accordion-button.--active i {
    transform: rotate(180deg);
}

.publication__accordion-button:hover {
    cursor: pointer;
}

.publication__links-panel {
    padding: 0 16px;
    box-shadow: 0 8px 16px #00000029;
    border: 1px solid var(--gray85);
    border-top-width: 0 ;
    background-color: white;
    position: absolute;
    display: none;
    width: 100%;
    z-index: 1;

}

.publication__links-panel.--expand-down {
    bottom: 0;
    transform: translateY(100%);

}

.publication__links-panel.--expand-up {
    top: 0;
    transform: translateY(-100%);

}

.publication__links-panel.--visible {
    display: block;
}

.publication__download-list-item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
    border-bottom: 1px solid var(--gray85);
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.publication__download-list-item:last-child a {
    border-bottom-width: 0;
}

/* #endregion */

/* #region [Post][wp-block-button] */

.wp-block-button a {
    border-radius: 4px;
}

.wp-block-button a:hover {
    color: white;
}

/* #endregion */

/* #region [Post][Quote */

blockquote.wp-block-quote {
    position: relative;
    z-index: 1;
    margin-top: 120px;
    margin-bottom: 90px;
}

blockquote.wp-block-quote:before {
    content: '“';
    color: var(--hot-pink);
    font-size: 130px;
    line-height: 1;
    position: absolute;
    top: -96px;
    text-align: center;
    width: 100%;
    z-index: -1;
}

blockquote.wp-block-quote:after {
    content: '';
    width: 100px;
    height: 1px;
    background-color: var(--hot-pink);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    margin: auto;
}

blockquote.wp-block-quote p {
    font-size: 20px;
    text-align: center;
}

/* #endregion */

/* #region [Post][Post Custom Block][Quote full width] */

.quote-full-width {
    position: relative;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-bottom: 16px;
}

.quote-full-width.with-image {
    margin-bottom: 0;
}

.quote-full-width__background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.quote-full-width.with-image .quote-full-width__background {
    height: calc(100% - 100px);
}

.quote-full-width__text-container {
    margin-top: 60px;
}

.quote-full-width.with-image .quote-full-width__text-container {
    margin-top: -60px;
    width: 60%;
}

p.quote-full-width__quote {
    position: relative;
    font-size: 24px;
}

.single-post .page-content p.quote-full-width__quote {
    line-height: 1.5em;
}


p.quote-full-width__quote:before {
    content: '“';
    font-size: 230px;
    color: white;
    opacity: .25;
    position: absolute;
    top: 48px;
    left: -32px;
    line-height: 0;
}

.with-citation p.quote-full-width__quote:before {
    bottom: 0;
}


@media(max-width: 1024px){

    .quote-full-width.with-image .quote-full-width__background {
        height: 100%;
    }

    .quote-full-width.with-image .quote-full-width__text-container {
        margin-top: 60px;
    }

}

@media(max-width: 767px){
    .quote-full-width.with-image .quote-full-width__text-container {
        width: 100%;
    }
}


/* #endregion */

/* #region [Post][Post Custom Block][Insight emails subheadings block] */

.insight-emails-subheading__item {
    padding: 8px 16px;
    border-radius: 0 8px 8px 0;
    transition-duration: 0.3s;
}

.insight-emails-subheading__item.with-link {
    background-color: var(--lightest-grey);
}

.insight-emails-subheading__item.current-article {
    background-color: var(--light-grey);
    color: white;
}

.insight-emails-subheading__item.with-link:hover {
    background-color: var(--light-grey);
    color: white;
}

@media(min-width: 768px) {

    .insight-emails-subheading__item {
        max-width: 90%;
    }

}

/* #endregion */

/* #region [Post][Post Custom Block][Related Articles] */

/* #endregion */ 

/* #region [Post][Post Custom Block][Collection] */

.single-post__collection-absolute-container {
    width: 180px;
    position: absolute;
    top: 40px;
    left: 0;
    transform: translateX( -100% );
    height: 100%;
    z-index: 1
}

.single-post__collection-sticky-container {
    position: sticky;
    top: inherit;
    left: 0
}

@media(max-width: 1024px){

    .single-post__collection-absolute-container {
        width: auto;
        position: static;
        transform: translateX(0);
    }
    
    .single-post__collection-sticky-container {
        position: static;
    }



}

/* #endregion */

/* #region [Post][Comments Section] */

.title-comments,
.comment-reply-title
{
    font-size: 20px;
    font-weight: 700;
}

.title-comments {
    margin-bottom: 0;
}

.comment-reply-title {
    margin-top: 24px;
    margin-bottom: 24px;
}

.comment-reply-title small {
    margin-left: 12px;
}

.comment-form input,
.comment-form textarea
 {
    border-color: var(--neutral-400);
    color: #1f2124;
    border-radius: 4px;
}

.comment-form input[type="submit"] {
    background-color: var(--hot-pink);
    color: white;
    border: none;
    border-radius: 4px;
}

.comment-form input[type="submit"]:hover {
    background-color: var(--magenta);
    color: white;
}

.comment-form .comment-notes {
    font-size: 12px;
}

.comment-form-cookies-consent,
.comment-form-consent-no-hate-speech {
    display: flex;
    gap: 4px;
    align-items: flex-start;
}


.comment-form-cookies-consent input,
.comment-form-consent-no-hate-speech input{
    display: block;
    padding: 4px;
    
}

.comment-form label[for="wp-comment-cookies-consent"],
.comment-form label[for="wp-comment-consent-no-hate-speech"]
{
    font-size: 14px;
}

@media(max-width: 767px){

    #comments .comment-meta {
       flex-wrap: wrap;
    }

    #comments .comment-meta .comment-metadata {
        width: 100%;
        margin-top: 10px;
    }

    #comments .comment-meta .comment-author.vcard {
        display: flex;
        align-items: center;
    }
    
    #comments .comment-meta b.fn {
        margin-right: 8px;
    }

    #comments .comment-meta .comment-awaiting-moderation {
        margin-top: 8px;
    }

}

/* #endregion */

/* #region [Search Results Page] */

.search-page__search-form .elementor-search-form__container {
    gap: 16px;
    
}

.search-page__search-form .elementor-search-form__container:not(.elementor-search-form--full-screen) {
    background-color: transparent;
}

.search-page__search-form .elementor-search-form__input[type="search"] {
    border: 1px solid var(--blue-grey);
    border-radius: 8px;
}

.search-page__search-form .elementor-search-form .elementor-search-form__submit,
.search-page__search-form .elementor-search-form .elementor-search-form__submit:hover
{
    border-radius: 8px;
}

/* #endregion */

/* #region [Template][content with TOC] */

:root {
    --toc-width : 160px;
}

.toc-and-content-container {
    margin-left: calc( 50vw - (728px / 2) - var(--toc-width) );
    width: fit-content;
}

.toc-column {
    width: var(--toc-width);
    font-size: 14px;
    flex-shrink: 0;
}

.toc-column.--sticky {
    position: sticky;
    top: 24px;
    height: fit-content;
}

.content-column {
    /* width: calc(728px - 24px); */
    max-width: var(--narrow-content-width);
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    flex-shrink: 1;
}

a.toc-link{
    color: var(--default-link-color);
    transition-duration: 0.3s;
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    display: block;
}

a.toc-link:hover{
    color: inherit;
}

a.toc-link.--active {
    color: var(--hot-pink);
}

@media(max-width: 1047px){

    .toc-and-content-container {
        margin-left: 0;
        margin-right: auto;
        padding-left: var(--page-padding) ;
    }

}

@media(max-width: 767px) {

    .toc-and-content-container {
        padding-left: 0 ;
    }

    .content-column {
        max-width: 100%;
    }

    .toc-column {
        display: none;
    }

}

/* #endregion */

/* #region [About Us Timeline] */

.about-us-timeline__year-container {
    position: relative;
    overflow: hidden;
}

.about-us-timeline__year-container-bg-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: .5;
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1.2); /* set initial value before scrollTrigger */
}

.about-us-timeline__year {
    font-size: 30vh;
    font-weight: 700;
    line-height: 1em;
    z-index: 1;
    opacity: 0; /* hide initially */
}

.about-us-timeline__year-description {
    font-size: 36px;
    font-weight: 700;
    line-height: 1em;
    opacity: 0; /* hide initially */ 
}

.about-us-timeline__cover-image-bg {
    height: 320px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    transform: translateY(20px);
}

.acf-oembed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.milestone-timeline-navigation {
    position: fixed;
    right: 48px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.milestone-timeline-navigation:before {
    position: absolute;
    content: '';
    right: 4px;
    top: 8px;
    width: 8px;
    height: calc(100% - 16px);
    background-color: var(--gray85);
}

.milestone-timeline-navigation__year{
    z-index: 2
}

.milestone-timeline-navigation__link {
    color: black;
    transition-duration: 0.3s;
}

.milestone-timeline-navigation__link.--active {
    color: var(--hot-pink);
}

.milestone-timeline-navigation__link:hover {
    color: var(--hot-pink);
}

.milestone-timeline-navigation__bullet{
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: var(--medium-grey);
    transition-duration: 0.3s;
}

.milestone-timeline-navigation__link.--active .milestone-timeline-navigation__bullet{
    background-color: var(--hot-pink);
}

.milestone-timeline-navigation__link:hover .milestone-timeline-navigation__bullet{
    background-color: var(--hot-pink);
}

@media(max-width: 767px){

    .about-us-timeline__year {
        font-size: 30vw;
    }

    .about-us-timeline__cover-image-bg {
        margin-left:  -24px;
        width: 100vw;
    }

    
}

.acf-oembed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.acf-oembed-container iframe,
.acf-oembed-container object,
.acf-oembed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
}


@media(max-width: 768px){

    .milestone-timeline-navigation {
        left: 0;
        top: 78px;
        background-color: white;
        padding: 4px 8px;
        width: 100%;
        overflow-x: auto;
    }

    .milestone-timeline-navigation:before {
        width: 0;
        height: 0;
    }

} 

/* #endregion */

/* #region [single contributors] */

.single-contributors__feature-image {
    width: 200px;
    height: auto;
    object-fit: contain;
}

/* #endregion */

/* #region [/membership-account/membership-orders/] */

.page-id-16341 {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page-id-16341 .pmpro {
    height: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-id-16341 .pmpro_actions_nav {
}

/* #endregion */