@font-face {
font-family: 'Satoshi';
src: url(//supercomputers.sk/wp-content/themes/supercomputers/fonts/satoshi-variable.woff2) format('woff2');
font-weight: 400; font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Satoshi';
src: url(//supercomputers.sk/wp-content/themes/supercomputers/fonts/satoshi-variable.woff2) format('woff2');
font-weight: 500; font-style: medium;
font-display: swap;
}
@font-face {
font-family: 'Satoshi';
src: url(//supercomputers.sk/wp-content/themes/supercomputers/fonts/satoshi-variable.woff2) format('woff2');
font-weight: 640; font-style: bold;
font-display: swap;
}
body, input, label, textarea, button {
font-family: 'Satoshi', Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, summary {
font-family: 'Satoshi', Helvetica, sans-serif;
} body {
background: var(--wp--preset--color--light-grey);
font-size: var(--wp--preset--font-size--normal);
}  h1, h2, h3 {
font-weight: var(--wp--custom--font-weight--medium);
}
h4, h5, h6, strong {
font-weight: var(--wp--custom--font-weight--bold);
}
.has-h-1-font-size strong, 
.has-h-2-font-size strong, 
.has-h-3-font-size strong {
font-weight: var(--wp--custom--font-weight--medium);
}
h1, .has-h-1-font-size {
font-size: var(--wp--preset--font-size--h-1);
letter-spacing: var(--wp--custom--letter-spacing--heading);
line-height: var(--wp--custom--line-height--heading);
}
h2, .has-h-2-font-size {
font-size: var(--wp--preset--font-size--h-2);
letter-spacing: var(--wp--custom--letter-spacing--heading);
line-height: var(--wp--custom--line-height--heading);
}
h3, .has-h-3-font-size {
font-size: var(--wp--preset--font-size--h-3);
letter-spacing: var(--wp--custom--letter-spacing--heading);
line-height: var(--wp--custom--line-height--heading);
}
h4, .has-h-4-font-size {
font-size: var(--wp--preset--font-size--h-4);
letter-spacing: var(--wp--custom--letter-spacing--default);
line-height: var(--wp--custom--line-height--heading-2);
}
h5, .has-h-5-font-size {
font-size: var(--wp--preset--font-size--h-5);
letter-spacing: var(--wp--custom--letter-spacing--default);
line-height: var(--wp--custom--line-height--heading-2);
}
.has-x-large-font-size {
font-size: var(--wp--preset--font-size--x-large);
letter-spacing: var(--wp--custom--letter-spacing--default);
line-height: var(--wp--custom--line-height--heading-2);
}
h6 {
font-size: var(--wp--preset--font-size--large);
letter-spacing: var(--wp--custom--letter-spacing--default);
line-height: var(--wp--custom--line-height--heading-2);
}
small, .has-tiny-font-size {
font-size: var(--wp--preset--font-size--tiny);
} .certified > figure {
position: relative;
top: 2px;
flex-shrink: 0;
}
.certified p > img {
margin-left: 4px;
margin-right: 2px;
top: 3px; 
}
.we-develop p {
line-height: var(--wp--custom--line-height--default);
}
.hero p.has-large-font-size {
max-width: 34ch;
}
.hero .wp-block-heading img {
top: 8px;
margin-top: -4px;
} .is-style-checkmark {
padding-left: 32px;
}
.is-style-checkmark li::before {
font-size: 32px;
color: var(--wp--preset--color--blue-dark);
top: 2px;
left: -30px;
}
@media screen and (max-width: 781px) {  
.is-style-checkmark li::before {
top: 6px; 
}
} summary, legend {
font-size: var(--wp--preset--font-size--normal);
font-weight: var(--wp--custom--font-weight--medium);
}
details {
border-bottom: 1px solid var(--wp--preset--color--grey);
padding-left: 0;
padding-bottom: 0;
}
details:last-of-type {
border-bottom: 0;
}
details summary {
padding: var(--wp--preset--spacing--28) 0;
margin-left: 0;
opacity: 0.5;
transition: opacity var(--wp--custom--animation-speed);
}
details[open] summary,
details summary:hover, details summary:focus {
opacity: 1;
}
details summary::before {
display: none;
}
details summary::after {
font-family: "icons";
content: '\2304';
margin-left: auto;
transition: transform var(--wp--custom--animation-speed);
}
details[open] summary::after {
transform: rotate(180deg);
}
details summary + * {
margin-top: 0 !important;
}
details > :last-child {
padding-bottom: var(--wp--preset--spacing--28);
} .is-style-rounded-small, .is-style-rounded-small > img {
border-radius: var(--wp--custom--radius--small);
}
.is-style-rounded-medium, .is-style-rounded-medium > img {
border-radius: var(--wp--custom--radius--default);
}
.is-style-rounded-large, .is-style-rounded-large > img {
border-radius: var(--wp--custom--radius--large);
}
.object-position-right-bottom, .object-position-right-bottom > img {
object-position: right bottom;
} input[type='submit'], .button, 
.wp-element-button, .wp-block-button__link, .wp-block-button .wp-block-button__link, 
.forminator-button {
background: var(--wp--preset--color--black);
padding: var(--wp--preset--spacing--18) var(--wp--preset--spacing--28);
}
.is-style-outline .wp-element-button, 
.is-style-outline.wp-element-button {
color: var(--wp--preset--color--black);
background-color: transparent;
}
input[type='submit']:hover, input[type='submit']:focus, 
.wp-element-button:hover, .wp-element-button:focus, 
.button:hover, .button:focus, 
.forminator-button:hover, .forminator-button:focus {
background-color:  var(--wp--preset--color--primary) !important;
}
.is-style-outline .wp-element-button:hover, .is-style-outline.wp-element-button:hover, 
.is-style-outline .wp-element-button:focus, .is-style-outline.wp-element-button:focus {
color:  var(--wp--preset--color--primary) !important;
}
.is-style-link-back .wp-element-button,
.is-style-link-forward .wp-element-button {
background: none !important;
padding: 0;
color: inherit;
font-size: inherit;
}
.is-style-link-back .wp-element-button::before {
font-family: "icons";
content: '\2304';
transform: rotate(90deg);
}
.is-style-link-forward .wp-element-button::after {
font-family: "icons";
content: '\2304';
transform: rotate(-90deg);
}   .wp-block-cover.cta .wp-block-cover__image-background {
object-fit: contain !important;
z-index: 1;
}
@media screen and (max-width: 781px) { 
.wp-block-cover.cta .wp-block-cover__image-background {
object-fit: cover !important;
}
}
.wp-block-cover.cta .wp-block-cover__inner-container {
z-index: 2;
}  .is-build-column{
border-radius: 20px;
border: 1px solid rgba(245, 245, 245, 0.70);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.20);
padding: var(--wp--preset--spacing--40);
height: 100%;
} .wp-block-column > .wp-block-image:only-child {
height: 100%;
}
.wp-block-column > .wp-block-image:only-child img {
height: 100%;
object-fit: cover;
} .large-icons-columns figure {
flex-shrink: 0;
}
@media screen and (max-width: 600px) { 
.large-icons-columns .wp-block-group {
flex-direction: column;
align-items: center;
text-align: center;
}
}
@media screen and (min-width: 1025px) { 
.small-icons-columns h5 {
min-height: 3.6rem;
}
} .cards-grid {
grid-template-rows: repeat(5, 4.25rem);
}
.cards-grid > div {
border-radius: var(--wp--custom--radius--default);
grid-row: span 2;
}
.cards-grid > div:nth-child(1) { grid-row: span 3; }
.cards-grid > div:nth-child(2) { grid-row: span 3; }
.cards-grid > div:nth-child(3) { grid-row: span 5; }
.cards-grid > div:nth-child(4) { grid-row: span 2; }
.cards-grid > div:nth-child(5) { grid-row: span 3; }
.cards-grid > div:nth-child(6) { grid-row: span 3; }
.cards-grid > div:nth-child(7) { grid-row: span 2; }
.cards-grid .wp-block-heading {
max-width: 24ch;
}
@media screen and (max-width: 1280px) { 
.cards-grid {
grid-template-columns: repeat(8, 1fr) !important;
grid-template-rows: auto auto auto;
}
.cards-grid > div:nth-child(1) { grid-column: span 2; grid-row: initial; }
.cards-grid > div:nth-child(2) { grid-column: span 2; grid-row: initial;}
.cards-grid > div:nth-child(3) { grid-column: span 8; grid-row: initial;}
.cards-grid > div:nth-child(4) { grid-column: 5 / 9;  grid-row: 1 / 2; }
.cards-grid > div:nth-child(5) { grid-column: span 4; grid-row: initial;}
.cards-grid > div:nth-child(6) { grid-column: span 2; grid-row: initial;}
.cards-grid > div:nth-child(7) { grid-column: span 2; grid-row: initial; }
}
@media screen and (max-width: 781px) { 
.cards-grid {
grid-template-columns: repeat(2, 1fr) !important;
grid-template-rows: auto auto auto auto auto;
}
.cards-grid > div:nth-child(1) { grid-column: span 1; grid-row: initial; }
.cards-grid > div:nth-child(2) { grid-column: span 1; grid-row: initial;}
.cards-grid > div:nth-child(3) { grid-column: span 2; grid-row: 3 / 4;}
.cards-grid > div:nth-child(4) { grid-column: span 2; grid-row: initial; }
.cards-grid > div:nth-child(5) { grid-column: span 2; grid-row: initial;}
.cards-grid > div:nth-child(6) { grid-column: span 1; grid-row: initial;}
.cards-grid > div:nth-child(7) { grid-column: span 1; grid-row: initial; }
.cards-grid br { 
display: none; 
}
}   .wp-block-quote {
border: 0;
padding: 0;
margin: 0;
} .testimonials .wp-block-quote {
margin-top: auto;
}
.testimonials .wp-block-column > .wp-block-image img {
height: 344px;
}
.testimonials .wp-block-column:has(blockquote) {
display: flex;
flex-direction: column;
}
.testimonials .wp-element-button {
padding: 10px var(--wp--preset--spacing--12);
border-radius: var(--wp--custom--radius--small);
} .hero::after {
content: '';
position: absolute;
top: calc(0rem - var(--header-height));
right: 0;
margin-right: calc(50% - 50vw);
width: 100vw;
max-width: 1280px;
aspect-ratio: 1 / 1;
background: transparent url(//supercomputers.sk/wp-content/themes/supercomputers/images/hero-background.svg) no-repeat top right;
background-size: cover;
@media screen and (max-width: 1023px) {
display: none; 
}
} .scroll-highlight {
font-weight: var(--wp--custom--font-weight--bold);
}
.scroll-highlight .word { 
display: inline-block; opacity: .2; will-change: opacity, transform;
} .process-step {
position: relative;
display: contents; 
}
.process-step h3 {
grid-column: 1;
}
.process-step .wp-block-column:nth-child(2) p {
position: relative;
padding-left: var(--wp--preset--spacing--40);
}
.process-step .wp-block-column:nth-child(2) p::before {
content: "";
position: absolute;
left: 0;
margin: 6px 0;
width: 12px;
height: 12px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><circle cx='6' cy='6' r='5.5' stroke='%23D2D3E1'/></svg>") no-repeat center center;
background-size: contain;
z-index: 2;
}
.process-step div:nth-child(2)::after {
content: "";
position: absolute;
margin: 0 5.5px;
top: 24px; 
width: 1px;
height: calc(100% + 47px); 
background: var(--wp--preset--color--grey); 
z-index: 0;
}
.process-timeline > .process-step:last-child  > .wp-block-column::after {
display: none;
}
@media screen and (max-width: 480px) {
.process-step div:nth-child(2)::after{
height: calc(100% + 80px);
}
}  @media screen and (max-width: 1280px) {
.stats .wp-block-group {
flex-direction: column;
align-content: flex-start;
}
.stats .wp-block-group h2 br{
display: none;
}
}
@media screen and (max-width: 781px) { .starting-research .wp-block-columns{
flex-direction: column;
}
.process-timeline .wp-block-columns{
flex-wrap: wrap !important;
}
.process-timeline .wp-block-columns > .wp-block-column:nth-child(1) {
padding-left: 30px;
}
.process-step p::before {
top: -55px;
}
.process-step div:nth-child(2)::after{
top: -31px;
height: calc(100% + 94px);
} 
}
@media screen and (max-width: 600px) {
.stats.wp-block-group{
padding-bottom: unset !important;;
}
.stats .wp-block-group {
align-content: center;
} .solutions .wp-block-columns {
width: 100% !important;
padding: unset !important;
background: transparent !important;
}
.solutions .wp-block-column:has(img) {
width: 100vw;
min-width: 100vw;
margin-left: 50%;
transform: translateX(-50%);
}
.solutions img{
border-radius: unset;
}
.solutions .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
width: 100% !important;
} .process-step div:nth-child(2)::after{
height: calc(100% + 86px);
} 
}
@media screen and (max-width: 480px) {
.process-step div:nth-child(2)::after{
height: calc(100% + 80px);
}
}  @media screen and (max-width: 1400px) {
.alignwide {
margin-left: calc(0rem - var(--site-padding)/2);
margin-right: calc(0rem - var(--site-padding)/2);
padding-left: var(--site-padding);
padding-right: var(--site-padding);
border-radius: var(--wp--custom--radius--large);
}
} @media screen and (max-width: 1080px) { :root {
font-size: 0.9em;
}
body {
--wp--preset--font-size--h-1: inherit;
--wp--preset--font-size--h-2: inherit;
--wp--preset--font-size--x-large: inherit;
--wp--preset--font-size--large: inherit;
--wp--preset--font-size--normal: inherit;
--wp--preset--font-size--small: inherit;
--site-padding: var(--wp--preset--spacing--56);
}
}
@media screen and (max-width: 1024px) { .stack-on-tablet {
flex-direction: column;
}
.stack-on-tablet .wp-block-column {
flex-basis: auto !important;
}
.stack-on-tablet .wp-block-column:has(>.wp-block-image:only-child) {
order: -1;
}
}  @media screen and (max-width: 781px) { :root {
font-size: 0.8em;
}
body {
--wp--preset--spacing--128: 5rem;
--wp--preset--spacing--104: 4.5rem;
--wp--preset--spacing--80: 4rem;
--wp--preset--spacing--12: 0.85rem;
}
.alignwide {
margin-left: calc(0rem - var(--site-padding));
margin-right: calc(0rem - var(--site-padding));
border-radius: 0;
}
#cta.alignwide {
padding-left: var(--site-padding);
padding-right: var(--site-padding);
}
} @media screen and (max-width: 600px) { :root {
font-size: 0.725em;
} .wp-block-column:has(>.wp-block-buttons:only-child) {
order: 2;
} .wp-block-buttons, .wp-block-button {
width: 100%;
}
button, input[type='submit'], .button,
.wp-element-button, .wp-block-button__link, 
.wp-block-button .wp-block-button__link {
width: 100%;
} 
}
.frontendhidden {
background: rgba(0,0,0,0.8) !important;
}
.frontendtodo {
border: dashed red 2px;
}