/*!
Theme Name: Scale360
Theme URI: http://underscores.me/
Author: Emanuele Sanfilippo
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: scale360
*/
/* SCROLLBAR */
/* Scrollable area (body or specific container) */

img.avatar.avatar-26.photo {
    display: none !important;
    visibility: hidden;
}

body, html {
  background-color: var(--grey-dark);
  scrollbar-width: thin;
  scrollbar-color: var(--primary-regular) var(--grey-dark);
}

/* WebKit (Chrome, Edge, Safari) scrollbar styling */
body::-webkit-scrollbar,
html::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  background: var(--grey-dark);
}

body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
  background-color: var(--primary-regular);
  border-radius: 10px;
  border: none;
}

main {
  min-height: 50vh;
}

/* GENERIC LAYOUT */

html {
  scroll-behavior: smooth;
}

body {
  font-size: var(--body-size);
  line-height: 124%;
  background-color: var(--grey-dark);
  color: var(--white);
}
body.unscrollable {
  height: 100dvh;
  overflow: hidden;
  position: relative;
}
main section {
  padding-block: var(--section-padding);
  position: relative;
}
main section.full-vh {
  min-height: 100dvh;
}
.container {
  padding-inline: var(--page-padding);
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 2650px;
}
.inline-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

::selection {
  background: var(--primary-regular);
  color: var(--grey-dark);
}

::-moz-selection {
  background: var(--primary-regular);
  color: var(--grey-dark);
}

.dsk, .tbl, .mbl {
  display: none;
}

@media screen and (min-width:1024px) and (orientation:landscape) {
  .dsk {
    display: block;
  }
}
@media screen and (min-width:768px) and (max-width:990px) and (orientation:portrait) {
  .tbl {
    display: block;
  }
}
@media screen and (min-width:0px) and (max-width:767px) and (orientation:portrait) {
  .mbl {
    display: block;
  }
}

/* IMAGES */

.hero-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.contain {
  object-fit: contain;
}


/* FONTS */

.h0 {
  font-size: var(--h0-size);
  font-weight: var(--font-bold);
  margin-bottom: calc(var(--h0-size) / 8.88);
}
h1,
.h1 {
  font-size: var(--h1-size);
  font-weight: var(--font-bold);
  margin-bottom: calc(var(--h1-size) / 2.2);
}
h2,
.h2 {
  font-size: var(--h2-size);
  font-weight: var(--font-bold);
  margin-bottom: calc(var(--h2-size) / 2);
}
h3,
.h3 {
  font-size: var(--h3-size);
  font-weight: var(--font-bold);
  margin-bottom: calc(var(--h3-size) / 1.88);
  line-height: 100%;
}
h4,
.h4 {
  font-size: var(--h4-size);
  font-weight: var(--font-bold);
  margin-bottom: calc(var(--h4-size) / 1.48);
  line-height: 110%;
}
h5,
.h5 {
  font-size: var(--h5-size);
  font-weight: var(--font-bold);
  margin-bottom: calc(var(--h5-size) / 1.48);
  line-height: 110%;
}
h6,
.h6 {
  font-size: var(--h6-size);
  font-weight: var(--font-bold);
  margin-bottom: calc(var(--h6-size) / 1.58);
  line-height: 110%;
}

body:not(.home) section:not(.banner, .main-contacts) .h1 {
  font-size: calc(var(--h1-size) / 1.5);
  margin-bottom: calc(var(--h1-size) / 5.25);
}

.h0,
h1,
.h1,
h2,
.h2 {
  line-height: 85%;
}

.p,
p,
li,
em,
i,
a {
  font-size: var(--body-size);
  /* line-height: 134%; */
  font-weight: 300;
}

main a {
  display: block;
  width: fit-content;
}

strong,
b,
.strong {
  /* font-size: var(--body-size); */
  /* line-height: 134%; */
  font-weight: var(--font-bold);
}

small, .small {
  font-size: var(--small-size);
  /* line-height: 110%!important; */
  font-weight: 300;
}
.small strong,
.small b,
small strong,
small b {
  font-size: var(--small-size);
}

.slim {
    font-weight: 300;
}

.right {
    text-align: right;
}

/* LINKS & BUTTONS */

.glowing-btn {
  min-width: 180px;
  padding: 8px 22px;
  min-height: 52px;
  border-radius: 100px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.88rem;
  font-size: var(--body-size);
  font-weight: var(--font-bold);

  position: relative;
  color: var(--glow-color);
  cursor: pointer;
  border: 2px solid var(--glow-color);
  background: none;
  perspective: 2em;

  -webkit-box-shadow: inset 0px 0px 0.5em 0px var(--glow-color),
    0px 0px 0.5em 0px var(--glow-color);
  -moz-box-shadow: inset 0px 0px 0.5em 0px var(--glow-color),
    0px 0px 0.5em 0px var(--glow-color);
  box-shadow: inset 0px 0px 0.5em 0px var(--glow-color),
    0px 0px 0.5em 0px var(--glow-color);

  animation: border-flicker 3s linear infinite;
}

.glowing-btn .glowing-txt {
  -webkit-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
    0 0 0.45em var(--glow-color);
  -moz-text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3),
    0 0 0.45em var(--glow-color);
  text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.3), 0 0 0.45em var(--glow-color);
}

.glowing-btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.25;
  filter: blur(1em);
  transform: translateY(120%) rotateX(95deg) scale(1, 0.35);
  background: var(--glow-color);
  pointer-events: none;
  border-radius: 100px;
}

.glowing-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: -1;
  background-color: var(--primary-light);
  box-shadow: 0 0 2em 0.2em var(--glow-color);
  transition: opacity 100ms linear;
  border-radius: 100px;
}

.glowing-btn:hover {
  color: rgba(0, 0, 0, 0.8);
  text-shadow: none;
  animation: none;
}

.glowing-btn:hover .glowing-txt {
  animation: none;
}

.glowing-btn:hover:before {
  filter: blur(1.5em);
  opacity: 1;
}

.glowing-btn:hover:after {
  opacity: 1;
}

@keyframes border-flicker {
  0% { opacity: 0.55; }
  25% { opacity: 1; }
  70% { opacity: 0.79; }
  100% { opacity: 0.55; }
}

/* NEW BUTTONS */

.button {
  margin-top:var(--column-gap);
  display: flex;
  cursor: pointer;
  position: relative;
}

/* Simple links */

.btn-simple-link {
  padding-bottom:6px;
  transition: var(--smooth);
}
.btn-simple-link::after {
  content:'';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 1px;
  width: 100%;
  transition: var(--smooth);
  background: var(--white);
}

/* Plain links */

.btn-button-solid {
  display: flex;
  padding-inline: calc(var(--column-gap) * 1.5);
  min-height: 60px;
  border-radius: 40px;
  align-items: center;
  justify-content: center;
  transition: var(--smooth);
}
.btn-button-solid span {
  position: relative;
  font-weight: var(--font-bold);
  transition: var(--smooth);
}
.btn-button-solid::before {
  content:'';
  display: block;
  position: absolute;
  top:50%;
  left:0;
  right: 0;
  margin: 0 auto;
  transform:translateY(-50%);
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  border-radius:40px;
  transition: var(--smooth);
  opacity: 40%;
}

.btn-button-solid.btn-black {
  background-color: var(--black);
}
.btn-button-solid.btn-black::before {
  background: #3d403d;
  background: linear-gradient(152deg, rgba(61, 64, 61, 1) 1%, rgba(0, 0, 0, 1) 45%, rgba(36, 37, 36, 1) 100%);
}

.btn-button-solid.btn-grey {
  background-color: var(--grey-dark);
}
.btn-button-solid.btn-grey::before {
  background: #5f635f;
  background: linear-gradient(152deg, rgba(95, 99, 95, 1) 1%, rgba(36, 37, 36, 1) 45%, rgba(53, 56, 53, 1) 100%); 
}

.btn-button-solid.btn-primary {
  background-color: var(--primary-regular);
}
.btn-button-solid.btn-primary::before {
 background: #27CBB9;
  background: linear-gradient(152deg, rgba(39, 203, 185, 1) 1%, rgba(47, 222, 201, 1) 45%, rgba(28, 158, 143, 1) 100%);
}

/* Button outline */

.btn-button-outline {
  display: flex;
  padding-inline: calc(var(--column-gap) * 1.5);
  min-height: 60px;
  border-radius: 40px;
  align-items: center;
  justify-content: center;
  transition: var(--smooth);
  background-color: transparent;
  border:1px solid;
}
.btn-button-outline.btn-black {
  border-color: var(--white);
}
.btn-button-outline.btn-grey {
  border-color: var(--grey-medium);
  color: var(--grey-light);
}
.btn-button-outline.btn-primary {
  border-color: var(--primary-regular);
}

@media screen and (max-width:1440px) {
  .btn-button-outline,
  .btn-button-solid {
    min-height: 44px;
  }
}

@media screen and (min-width:1024px) and (orientation:landscape){
  
  .btn-simple-link:hover {
    text-shadow: 0 0 2.8em 0.22em  var(--glow-color);
  }
  .btn-simple-link:hover::after {
    box-shadow: 0 0 2.8em 0.22em  var(--glow-color);
    background: var(--primary-regular);
  }

  .btn-button-solid:hover {
    box-shadow: 0 0 2.5rem 0.001rem  var(--glow-color);
  }
  .btn-button-solid.btn-primary:hover {
    box-shadow: 0 0 2.5rem 0.001rem  var(--primary-light);
  }
  .btn-button-solid:hover::before{
    width: 100%;
    height: 100%;
  }

  .btn-button-outline:hover {
    box-shadow:
      0 0 10px rgba(0, 255, 255, 0.5),
      0 0 20px rgba(0, 255, 255, 0.4),
      0 0 40px rgba(0, 255, 255, 0.4),
      inset 0 0 10px rgba(0, 255, 255, 0.5);
  }
  .btn-button-outline.btn-primary:hover,
  .btn-button-outline.btn-grey:hover {
    color: var(--white);
    box-shadow:
      0 0 10px rgba(0, 255, 255, 0.5),
      0 0 20px rgba(0, 255, 255, 0.4),
      0 0 40px rgba(0, 255, 255, 0.4),
      inset 0 0 10px rgba(0, 255, 255, 0.5);
  }

}

/* COLORS */

.white { color: var(--white); }
.black { color: var(--black); }
.grey-dark { color: var(--grey-dark); }
.grey-medium { color: var(--grey-medium); }
.primary { color: var(--primary-regular); }
.primary-light { color: var(--primary-light); }
.primary-medium { color: var(--primary-medium); }
.primary-dark { color: var(--primary-dark); }

.white-bg { background-color: var(--white); }
.black-bg { background-color: var(--black); }
.grey-dark-bg { background-color: var(--grey-dark); }
.grey-medium-bg { background-color: var(--grey-medium); }
.primary-bg { background-color: var(--primary-regular); }
.primary-light-bg { background-color: var(--primary-light); }
.primary-medium-bg { background-color: var(--primary-medium); }
.primary-dark-bg { background-color: var(--primary-dark); }




/* PADDINGS */

main section.padding--zero { padding-block: 0; }
main section.padding--1-2 { padding-block: calc(var(--section-padding) / 2); }

main section.padding-top--zero { padding-top: 0; }
main section.padding-top--2-1 { padding-top: calc(var(--section-padding) * 1.5); }
main section.padding-top--1-3 { padding-top: calc(var(--section-padding) / 3); }
main section.padding-top--1-2 { padding-top: calc(var(--section-padding) / 2); }
main section.padding-top--2-3 { padding-top: calc((var(--section-padding) / 3) * 2); }

main section.padding-bottom--zero { padding-bottom: 0; }
main section.padding-bottom--2-1 { padding-bottom: calc(var(--section-padding) * 1.5); }
main section.padding-bottom--1-3 { padding-bottom: calc(var(--section-padding) / 3); }
main section.padding-bottom--1-2 { padding-bottom: calc(var(--section-padding) / 2); }
main section.padding-bottom--2-3 { padding-bottom: calc((var(--section-padding) / 3) * 2); }

.add-padding-top--0 { padding-top: 0; }
.add-padding-top--2-1 { padding-top: calc(var(--section-padding) * 1.5); }
.add-padding-top--1-1 { padding-top: var(--section-padding); }
.add-padding-top--1-3 { padding-top: calc(var(--section-padding) / 3); }
.add-padding-top--1-2 { padding-top: calc(var(--section-padding) / 2); }
.add-padding-top--2-3 { padding-top: calc((var(--section-padding) / 3) * 2); }

.add-padding-bottom--0 { padding-bottom: 0; }
.add-padding-bottom--2-1 { padding-bottom: calc(var(--section-padding) * 1.5); }
.add-padding-bottom--1-1 { padding-bottom: var(--section-padding); }
.add-padding-bottom--1-3 { padding-bottom: calc(var(--section-padding) / 3); }
.add-padding-bottom--1-2 { padding-bottom: calc(var(--section-padding) / 2); }
.add-padding-bottom--2-3 { padding-bottom: calc((var(--section-padding) / 3) * 2); }

/* MARGINS */

.add-margin-top--2-1 { margin-top: calc(var(--section-padding) * 1.5); }
.add-margin-top--1-1 { margin-top: var(--section-padding); }
.add-margin-top--1-3 { margin-top: calc(var(--section-padding) / 3); }
.add-margin-top--1-2 { margin-top: calc(var(--section-padding) / 2); }
.add-margin-top--2-3 { margin-top: calc((var(--section-padding) / 3) * 2); }

.add-margin-bottom--2-1 { margin-bottom: calc(var(--section-padding) * 1.5); }
.add-margin-bottom--1-1 { margin-bottom: var(--section-padding); }
.add-margin-bottom--1-3 { margin-bottom: calc(var(--section-padding) / 3); }
.add-margin-bottom--1-2 { margin-bottom: calc(var(--section-padding) / 2); }
.add-margin-bottom--2-3 { margin-bottom: calc((var(--section-padding) / 3) * 2); }


/* COLUMNS */

.columns {
  display: flex;
  flex-wrap: wrap;
  gap: var(--column-gap);
  justify-content: space-between;
}
.columns.no-gap { gap: 0; }

.columns .col-1 { width: 100%; }
.columns .col-2 { width: calc(50% - (var(--column-gap) / 2)); }
.columns .col-3 { width: calc(33.33% - ((var(--column-gap) * 2) / 3)); }
.columns .col-4 { width: calc(25% - ((var(--column-gap) * 3) / 4)); }
.columns .col-5 { width: calc(20% - ((var(--column-gap) * 4) / 5)); }
.columns .col-6 { width: calc(16.666% - ((var(--column-gap) * 5) / 6)); }
.columns .col-7 { width: calc(14.285% - ((var(--column-gap) * 6) / 7)); }
.columns .col-8 { width: calc(12.5% - ((var(--column-gap) * 7) / 8)); }

.columns.no-gap > .col-2 { width: 50%; }
.columns.no-gap > .col-3 { width: 33.33%; }
.columns.no-gap > .col-4 { width: 25%; }
.columns.no-gap > .col-5 { width: 20%; }
.columns.no-gap > .col-6 { width: 16.666%; }
.columns.no-gap > .col-7 { width: 14.285%; }
.columns.no-gap > .col-8 { width: 12.5%; }


/* GLOW BORDERS */

.glow-borders-vert,
.glow-borders-vert > *:not(.glow-border--v),
.glow-borders-horz,
.glow-borders-horz > *:not(.glow-border--h) {
  position: relative;
}

/* Vertical */

.glow-borders-vert > .glow-border--v {
  left: 0;
}
.glow-borders-vert > div > .glow-border--v {
  right: 0;
}

.glow-border--v {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    background: #ffffff;
    background: linear-gradient( 0deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(114, 219, 204, 1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-size: 120% 120%;
    animation: gradient-animation-vert 6s ease infinite;
    background-repeat: no-repeat;
}

@keyframes gradient-animation-vert {
    0% {
        background-position: 0% 100%;
    }
    50% {
        background-position: 0% -150%;
    }
    100% {
        background-position: 0% 100%;
    }
}

/* Horizontal */

.glow-border--h {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background: #ffffff;
    background: linear-gradient( 90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(114, 219, 204, 1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-size: 120% 120%;
    animation: gradient-animation-horz 6s ease infinite;
    background-repeat: no-repeat;
}

.glow-borders-horz > .glow-border--h {
    bottom: 0;
}

.glow-borders-horz > * > .glow-border--h {
    top: 0;
}

@keyframes gradient-animation-horz {
    0% {
        background-position: 100% 0%;
    }
    50% {
        background-position: -150% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}

/* SLIDER SETTINGS */

.splide__arrows.splide__arrows--ltr {
    position: absolute;
    width: calc(100% - (var(--page-padding) * 2));
    bottom: 0;
    display: flex;
    justify-content: flex-start;
    gap:calc(var(--column-gap) / 2);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.splide__arrows.splide__arrows--ltr::after {
    content:'';
    position: absolute;
    top: 50%;
    height: 1px;
    width: calc(100% - (68px * 2) - (var(--column-gap) * 2));
    display: block;
    border-radius: 2px;
    background: #ffffff;
    background: linear-gradient( 90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(114, 219, 204, 1) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    background-size: 120% 120%;
    animation: gradient-animation-horz 6s ease infinite;
    background-repeat: no-repeat;
    right: 0;
}

.splide__arrows .splide__arrow {
    background-color: transparent;
    transition: var(--smooth);
    position: initial;
    width: 68px;
    height: 68px;
    border-radius: 100px;
    transform: unset;
    border: 1px solid var(--primary-regular);
    box-shadow: 0 0 20px rgba(39, 203, 185, 0.35);
}

.splide__arrow svg {
    fill: var(--primary-regular)!important;
    width: 28px;
    opacity: 100%;
}

.splide__arrow:disabled {
    opacity: unset;
}

.splide__arrows .splide__arrow:hover {
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.5), 0 0 20px rgba(0, 255, 255, 0.4), 0 0 40px rgba(0, 255, 255, 0.4), inset 0 0 10px rgba(0, 255, 255, 0.5);
}

span.slide-counter {
  -webkit-text-stroke: 1px var(--primary-medium);
  font-weight: var(--font-bold);
  letter-spacing: -6px;
}

/* ARROW DECORATIVE */

.has-arrow svg {
    stroke:var(--primary-regular);
    stroke-width: 1px;
    width: var(--arrow-size);
    height: var(--arrow-size);    
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--smooth);
}

/* PARALLAX TEXTS / SECTIONS */

.parallax {
    transition: transform 0.2s ease-out;
    will-change: transform;
}

/* BLOG CARDS */

article.news {
    position: relative;
    min-height: 684px;
}

article.news figure {
    display: flex;
    flex-direction: column;
    gap: calc(var(--column-gap) / 1.5);
}

article.news figure img {
    object-position: bottom;
    height: max(440px,30vh);
    transition: var(--smooth);
}

article.news:hover figure img {
    height: max(540px,40vh);
}

article.news figcaption {
    display: flex;
    flex-direction: column;
}

article.news figcaption small {
    text-transform: uppercase;
    margin-bottom: calc(var(--column-gap) / 2);   
}

article.news figcaption a {
    transition: var(--smooth);
    text-transform: uppercase;
}

article.news figcaption a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

article.news figcaption a:hover {
    text-shadow: 0px 0px 14px rgba(114, 219, 204, 1);
}

article.news figcaption a span {
    transition: var(--smooth);
}

article.news figcaption a:hover span {
    transform: rotate(90deg);
}


/* RESPONSIVE STARTS HERE */

@media screen and (min-width:2201px) and (orientation: landscape){

  /* Links */
  .glowing-btn {
    min-width: 260px;
    min-height: 72px;
    margin-top: 3.88rem;
  }

  /* Slider */
  .splide__arrows.splide__arrows--ltr {
    gap: calc(var(--column-gap) / 1.5);
  }
  .splide__arrows .splide__arrow {
    width: 84px;
    height: 84px;
  }
  .splide__arrow svg {
    width: 32px;
  }
  .splide__arrows.splide__arrows--ltr::after {
    width: calc(100% - (84px * 2) - (var(--column-gap) * 2));
  }

  /* Blog Cards */
  article.news {
    min-height: 920px;
  }
  article.news figure img {
    height: max(580px, 28vh);
  }
  article.news:hover figure img {
    height: max(720px, 34vh);
  }  

}

@media screen and (min-width:1921px) and (max-width:2200px) and (orientation: landscape) {

  /* Links */
  .glowing-btn {
    min-width: 220px;
    min-height: 68px;
    margin-top: 3.48rem;
  }

  /* Blog Cards */
  article.news {
    min-height: 800px;
  }
  article.news figure img {
    height: max(520px, 28vh);
  }
  article.news:hover figure img {
    height: max(640px, 34vh);
  }

}

@media screen and (max-width: 1680px) and (max-height: 1050px) and (orientation: landscape) {

  /* Blog Cards */
  article.news {
    min-height: 620px;
  }
  article.news figure img {
    height: max(420px, 28vh);
  }
  article.news:hover figure img {
    height: max(480px, 34vh);
  }
  
}

@media screen and (max-width: 1440px) and (max-height: 900px) and (orientation: landscape) {

  /* Links */
  .glowing-btn {
    min-height: 48px;
    min-width: 168px;
    margin-top:2.468rem
  }

  /* Slider */
  .splide__arrows.splide__arrows--ltr {
    gap: calc(var(--column-gap) / 1.5);
  }
  .splide__arrows .splide__arrow {
    width: 54px;
    height: 54px;
  }
  .splide__arrow svg {
    width: 22px;
  }  
  
}

@media screen and (max-width: 1366px) and (max-height: 768px) and (orientation: landscape) {

  /* Blog Cards */
  article.news {
    min-height: 540px;
  }
  article.news figure img {
    height: max(320px, 28vh);
  }
  article.news:hover figure img {
    height: max(400px, 34vh);
  }
  
  
}

@media (max-width: 1280px) and (max-height: 800px) and (orientation: landscape) {

  /* Links */
  .glowing-btn {
    min-height: 46px;
    min-width: 158px;
    margin-top:2.2rem
  }

  /* Blog Cards */
  article.news {
    min-height: 490px;
  }
  article.news figure img {
    height: max(300px, 22vh);
  }
  article.news:hover figure img {
    height: max(360px, 30vh);
  }
  

}

@media screen and (min-width:1024px) and (max-width:1279px) and (max-height:620px) and (orientation:landscape) {

  /* Slider */
  .splide__arrows.splide__arrows--ltr {
    gap: calc(var(--column-gap) / 2);
  }
  .splide__arrows .splide__arrow {
    width: 48px;
    height: 48px;
  }
  .splide__arrow svg {
    width: 16px;
  }
  .splide__arrows.splide__arrows--ltr::after {
    width: calc(100% - (48px * 2) - var(--column-gap));
  }

  /* Blog Cards */
  article.news {
    min-height: 480px;
  }
  article.news figure img {
    height: max(280px, 22vh);
  }
  article.news:hover figure img {
    height: max(340px, 30vh);
  }

}

@media screen and (min-width: 768px) and (max-width: 1100px) and (max-height: 800px) and (orientation: landscape) {

  /* Links */
  .glowing-btn {
    min-height: 40px;
    min-width: 120px;
    margin-top: 1.78rem;
  }

  /* Blog Cards */
  article.news {
    min-height: 420px;
  }
  article.news figure img {
    height: max(220px, 22vh);
  }
  article.news:hover figure img {
    height: max(300px, 30vh);
  }

}

/* TABLET & MOBILE NAVIGATION STARTS HERE */



/* MOBILE */

@media screen and (max-width: 1024px) and (orientation: portrait){

  .h0 {
    letter-spacing: -2px;
  } 

  /* Blog Cards */
  article.news {
    min-height:unset;
  }
  article.news figure img {
    height: max(440px, 22vh);
  }
  article.news:hover figure img {
    height: max(440px, 22vh);
  }

  /* Slider */  
  .splide__arrows .splide__arrow {
    width: 82px;
    height: 82px;
  }
  .splide__arrows.splide__arrows--ltr::after {
    width: calc(100% - (82px * 2) - (var(--column-gap) * 2));
  }
  

}

@media screen and (max-width:990px) and (orientation:portrait){

  /* Button */
  .glowing-btn {
    min-height: 54px;
    min-width: 200px;
  }

  /* NEW BUTTONS */

  .button {
    margin-top:calc(var(--column-gap) * 2.5);
    display: flex;
    cursor: pointer;
    position: relative;
  }

  /* Slider */
  .splide__arrows.splide__arrows--ltr {
    gap:calc(var(--column-gap) / 1.5)
  }
  .splide__arrows.splide__arrows--ltr::after {
    width: calc(100% - (82px * 2) - (var(--column-gap) * 1.5));
  }

}


@media screen and (max-width:520px) and (orientation:portrait) {  

  body:not(.home) section:not(.banner, .main-contacts) .h1 {
    font-size: calc(var(--h1-size) / 1.25);
  }

  .h0,
  h1,
  .h1,
  h2,
  .h2 {
    line-height: 95%;
  }

  /* Buttons */
  .glowing-btn {
    margin-top: 1.48rem;
  }
  .glowing-btn::before {
    content: unset;
  }
  .btn-button-outline, .btn-button-solid {
    min-height: 48px;
  }

  /* Slider */
  .splide__arrows .splide__arrow {
    width: 54px;
    height: 54px;
    border: 2px solid var(--primary-medium);
    background-color: transparent;
  }
  span.slide-counter {
    letter-spacing: -2px;
    font-size: var(--h0-size)!important;
  }
  .splide__arrows .splide__arrow {
    width: 48px;
    height: 48px;
  }

}

/* TEMPORARY */

nav#blogNav {
    display: none !important;
}