/* IS STYLE BLOG POST */
.is-style-blog-post{padding:140px 30px 30px 15px;height:370px;margin:70px 20px -70px 50px;transition:all 1s;position:relative;font:400 18px/24px 'IBM Plex Sans';}
.is-style-blog-post:before{content:'';position:absolute;bottom:100%;right:30px;width:1px;height:29px;background:black;}
.is-style-blog-post img{position:absolute;top:0;left:0;}
.is-style-blog-post figcaption{background:black;padding:0;margin-left:-45px;position:relative;color:white;transition:color .3s;position:relative;z-index:200;font:400 24px/24px 'IBM Plex Sans';width:calc(100% + 45px);display:inline-block;}
.is-style-blog-post figcaption a{color:white;float:left;width:100%;padding:20px;}
.is-style-blog-post figcaption strong{font:400 18px/24px 'IBM Plex Sans';padding:20px;display:none;}
.is-style-blog-post figcaption:before{content:'';position:absolute;bottom:100%;left:0;width:100%;height:182px;border:1px solid black;border-right:none;transition:height 1s;}
.is-style-blog-post:after{content:'';transition:all 1s;position:absolute;top:0;left:0;height:262px;right:0;opacity:0;}
.is-style-blog-post:hover{padding-top: 30px !important;}
.is-style-blog-post:hover:after{background-color:var(--cyan);opacity:1;}
.is-style-blog-post:hover figcaption a{color:var(--cyan);}
.is-style-blog-post:hover figcaption:before{height: 72px !important;}
.is-style-blog-post:hover figcaption{opacity:1;height:auto;}
.is-style-blog-post:hover figcaption strong{display:block;}
.blog.related .section-title h4{font:400 36px/36px 'IBM Plex Sans';}

/* IS STYLE ARROW */
.is-style-arrow{font:24px/48px 'IBM Plex Sans';}
.is-style-arrow a:before{content:'';background:url('images/arrow-right-black.png') no-repeat left center;width:60px;height:15px;display:inline-block;}

/* PAGE ABOUT US */
.page.page-id-21 article h2{position:relative;}
.page.page-id-21 article h2:before{content: '';width:1px;height:500px;position:absolute;left:-40px;top:-40px;background:black;}
.page.page-id-21 article h2:after{content:'';width:7px;height:7px;position:absolute;left:-43px;top:-43px;background:black;border-radius:100%;}

/* QUOTES - block */
.quotes {color: white;padding: 0 60px;}
.quotes .container-fluid{padding:0;max-width:100%;background:black;}
.quotes .container-fluid:after{display:none;}
.quotes ul{list-style:none;padding:0;}
.quotes .images li{padding:0;}
.quotes .images figure{height:700px;margin:0;}
.quotes .texts{padding:80px 30px;}
.quotes .texts p{font:24px/36px 'IBM Plex Sans';}
.quotes .texts p:before{content:'';display:block;width:50px;height:40px;background:url(images/quote.png);margin-bottom:15px;}
.quotes .texts strong{font:800 24px/26px 'IBM Plex Sans';color:var(--cyan);text-transform:uppercase;display:block;margin-bottom:10px;}
.quotes .texts span{font:100 18px/22px 'IBM Plex Sans';color:var(--gray);}
.quotes .photos{margin:-20px 40px 0 0;padding-bottom:40px !important;overflow:hidden;}
.quotes .photos .slick-list{padding:0 30px;overflow: initial;}
.quotes .photos li{margin:30px 5px;position:relative;padding:0;transition:all .3s;cursor:pointer;}
.quotes .photos li img{filter:grayscale(1);transition:all 1s;}
.quotes .photos li.slick-current{transform:scale(1.2);z-index:1;}
.quotes .photos li.slick-current img{filter:grayscale(0);}
.quotes .photos li.slick-current:before{content:'';position:absolute;width:100%;height:100%;border:1px solid var(--gray);top:-9px;left:-9px;z-index:1;}
.quotes .photos .slick-arrow{position:absolute;bottom:0;left:calc(50% + 10px);cursor:pointer;z-index:999;}
.quotes .photos .slick-prev{transform:rotate(-180deg);left:calc(50% - 57px);}

/* TIMELINE */
.timeline {padding-bottom: 100px;height: calc(100vh - 27.38px);margin-top: 60px;margin-bottom: -60px;}
.timeline h3{color:#000;z-index:250;padding-bottom:80px;font:900 34px/36px 'IBM Plex Sans'}
.timeline > div{display:flex;justify-content:center;align-items:center;height:100%;position:relative;flex-wrap:wrap;flex-direction:column;}
.timeline .slick-images{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;z-index:200;}
.timeline .slick-images li{padding:0;}
.timeline .slick-text{z-index:250;max-width:100vw;}
.timeline .item{position:relative;display:flex !important;z-index:250;align-items:center;justify-content:center;max-width:100vw;transition:opacity 2s;opacity:0;}
.timeline .item.slick-current{opacity:1;}
.timeline figure{height:100vh;margin:0;width: 100vw;filter:grayscale(1) opacity(0.5);}
.timeline .text article{background-color:var(--cyan);max-width:550px;padding:30px;}
.timeline .text article h4{color:white;margin:0;}
.timeline .text article p{color:white;padding-bottom:0;font-size:20px;line-height:24px;font-weight:400;}
/*.timeline .text{position:absolute;right:0;left:0;display:flex;align-items:flex-end;justify-content:center;}*/
.timeline .slick-dots{position:absolute;left:0;right:0;display:flex !important;padding: 0;justify-content:center;max-width:100vw;margin-top:90px;}
.timeline .slick-dots:before{content:'';height:1px;width:100vw;position:absolute;top:10px;background-color:black;}
.timeline .slick-dots li{float:left;font-size:0;margin:0 25px;background:black;border:0;width:21px;height:21px;border-radius:100%;position:relative;cursor:pointer;border:5px solid white;}
.timeline .slick-dots li button{display:none;}
.timeline .slick-dots li:before{content:'';width: 43px;height: 43px;background-color:transparent;position:absolute;left: calc(50% - 21px);top: calc(50% - 21px);border-radius:100%;display:none;cursor:pointer;border:5px solid white;}
.timeline .slick-dots li.slick-active:before{background-color:var(--cyan);display:block;}

/* FONTS */
article h4{font:400 36px/36px 'IBM Plex Sans';position:relative;padding-bottom:30px;margin-bottom:65px;margin-top:70px;}
article h4:before{content:'';border-bottom: 1px solid black;width:100%;height:1px;position:absolute;bottom:0;display: none;}
article h4:after{content: '';width:8px;height:8px;position:absolute;right:0;display: none;bottom:-3px;background:black;border-radius:100%;}

/* Medium devices (tablets, less than 992px) */
@media(max-width:991px){

    /* EDITOR */
    .is-style-blog-post{height:305px;padding-top:100px;}
    .is-style-blog-post figcaption:before{height:142px;}

    .is-style-arrow{font:18px/28px 'IBM Plex Sans';}

    /* QUOTES */
    .quotes{padding:0;}


}
/* Small devices (landscape phones, less than 768px) */
@media(max-width:767px){

    /* CONTAINER */
    .content .container-fluid{padding-left:15px;}

    /* FONTS */
    main h2, .block-editor-writing-flow h2{font-size:30px;line-height:30px;}
    .header-image p{font-size:16px;line-height:18px;}

    /* EDITOR */
    .is-style-blog-post{padding-top:60px;height:250px;}
    .is-style-blog-post figcaption{font-size:18px;line-height:22px;}
    .is-style-blog-post figcaption:before{height:99px;}

}