body {
--header-height: 8rem;
--site-padding: var(--wp--preset--spacing--80);
}
@media screen and (max-width: 1400px) {
body {
--site-padding: var(--wp--preset--spacing--56);
--wp--style--global--content-size: 100vw;
--wp--style--global--wide-size: calc(100vw - var(--site-padding));
}
.wrapper {
padding: 0 var(--site-padding);
}
}
@media screen and (max-width: 781px) {
body {
--wp--style--global--wide-size: 100vw;
}
}  #header {
}
#header > .wrapper {
width: var(--wp--style--global--wide-size);
padding: 0;
@media screen and (max-width: 781px) {
padding: 0 var(--site-padding);
}
}
#header.scrolled { --header-height: 5rem;
} .header-logo {
margin-right: var(--wp--preset--spacing--64);
height: 68px;
}
.header-logo svg {
width: auto;
height: 100%;
}
@media screen and (max-width: 781px) {
.header-logo {
height: 56px;
}
} .menu li a {
font-weight: var(--wp--custom--font-weight--medium);
}
.menu-main li a {
padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);
}
#extras {
margin-left: auto;
}
#extras > .wp-element-button {
padding: 10px var(--wp--preset--spacing--12);
border-radius: var(--wp--custom--radius--small);
width: fit-content !important;
@media screen and (max-width: 600px) {
display: none; 
}
}
#search-icon {
font-weight: var(--wp--custom--font-weight--medium);
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--12);
padding-right: var(--wp--preset--spacing--24);
border-right: 1px solid var(--wp--preset--color--grey);
@media screen and (max-width: 1024px) {
span { display: none; } 
}
}
ul.language-switcher {
list-style: none;
padding: 0;
font-weight: var(--wp--custom--font-weight--medium);
}
ul.language-switcher a {
color: inherit;
text-transform: uppercase;
} #header-menu .sub-menu {
background-color: var(--wp--preset--color--light-grey);
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
width: 16rem;
padding: 0 var(--wp--preset--spacing--4);
}
.menu-main ul.sub-menu a {
white-space: normal;
border-radius: var(--wp--custom--radius--small);
margin: var(--wp--preset--spacing--4) 0;
}
.menu-main ul.sub-menu a:hover, 
.menu-main ul.sub-menu a:focus {
background-color: var(--wp--preset--color--beige);
} #hamburger {
background: var(--wp--preset--color--light-grey);
color: inherit;
width: 385px;
height: 100dvh;
padding: var(--wp--preset--spacing--32);
padding-top: calc(var(--wp--preset--spacing--40) + var(--wp-admin--admin-bar--height,0px));
align-items: flex-start;
flex-wrap: nowrap;
}
#header.scrolled #hamburger {
padding-top: calc(var(--wp--preset--spacing--12) + var(--wp-admin--admin-bar--height,0px));
}
.background-overlay {
background: rgba(0,0,0,0.60);
backdrop-filter: none;
}
#hamburger > .wp-element-button {
margin-top: auto;
width: 100%;
}
#hamburger.menu-main > ul {
padding: var(--wp--preset--spacing--24) var(--wp--preset--spacing--8);
}
#hamburger.menu-main > ul > li > a {
padding: var(--wp--preset--spacing--24) 0;
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--h-5);
}
#hamburger.menu-main ul.sub-menu a {
font-weight: var(--wp--custom--font-weight--default);
}
#hamburger.menu-main ul.sub-menu a:hover,
#hamburger.menu-main ul.sub-menu a:focus {
background-color: transparent;
} label#menutogglebutton {
display: none;
}
@media screen and (max-width: 1280px) {
#header-menu.menu-main {
display: none;
}
label#menutogglebutton {
display: flex;
}
}
.menu-toggle {
width: 1.5rem;
}
.menu-toggle span {
margin: 0.2rem 0;
}
input#menutoggle ~ label span:nth-child(3) {
display: none;
}
input#menutoggle:checked ~ label span {
background: var(--wp--preset--color--black);
}
input#menutoggle:checked ~ label span:nth-child(1) {
top: 4px;
}
input#menutoggle:checked ~ label span:nth-child(2) {
top: -2px;
}   .read-more-rollout-link {
color: inherit;
font-weight: var(--wp--custom--font-weight--medium);
text-decoration: underline;
display: none;
}
.read-more-rollout {
--max-height-of-rollout-text: 16em;
--truncated-number-of-lines: 12;
}
@media (max-width: 600px) {
.read-more-rollout {
--max-height-of-rollout-text: 9em;
--truncated-number-of-lines: 6;
}
.read-more-rollout-link {
display: inline;
}
} .is-404 {
padding-top: var(--wp--preset--spacing--32);
padding-bottom: var(--wp--preset--spacing--80);
}
.is-404 .wp-block-columns {
gap: 2em var(--wp--preset--spacing--72);
}
.is-404 h1 {
margin-bottom: var(--wp--preset--spacing--80);
}
.is-404 p {
max-width: 38ch;
}
.is-404 .wp-element-button {
margin: var(--wp--preset--spacing--40) 0 0;
width: fit-content;
}
@media (max-width: 1023px) {
.is-404 .wp-block-column:has(img) {
display: none;
}
} @media screen and (max-width: 781px) {
.legal-page-table.wp-block-table {
display: block;
width: 100%;
overflow-x: auto;
}
.legal-page-table.wp-block-table thead {
display: none;
}
.legal-page-table.wp-block-table tbody,
.legal-page-table.wp-block-table tr {
display: block;
width: 100%;
margin-bottom: 2rem;
border-bottom: 1px solid var(--wp--preset--color--light-gold);
padding-bottom: 1rem;
}
.legal-page-table.wp-block-table tbody tr:last-child {
border-bottom: none;
margin: unset;
padding: unset;
}
.legal-page-table.wp-block-table td {
display: block;
width: 100%;
text-align: left;
padding-left: 0;
padding-bottom: 0.5rem;
position: relative;
border-bottom: none; 
}
.legal-page-table.wp-block-table td:first-child {
width: 100%;
font-weight: bold;
padding: 0.5rem 0;
border-bottom: 1px solid var(--wp--preset--color--light-gold); 
}
.legal-page-table.wp-block-table td:first-child::before {
content: attr(data-label) ": ";
font-weight: bold;
display: block;
width: 100%; 
margin-bottom: 0.75rem;
padding: 0.5rem 0;
border-bottom: 1px solid var(--wp--preset--color--light-gold);
}
.legal-page-table.wp-block-table td:nth-child(2),
.legal-page-table.wp-block-table td:nth-child(3) {
width: 50%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
.legal-page-table.wp-block-table td:not(:first-child)::before {
content: attr(data-label) ": ";
font-weight: bold;
display: block;
margin-bottom: 0.75rem;
}
}       #footer {
background: var(--wp--preset--color--night);
background-image: url(//supercomputers.sk/wp-content/themes/supercomputers/images/footer-background.webp);
background-size: auto;
background-position: bottom right;
background-repeat: no-repeat;
color: var(--wp--preset--color--white);
padding: var(--wp--preset--spacing--80) 0;
color: rgba(255,255,255,0.5);
}
#footer a, #footer li a {
color: var(--wp--preset--color--white);
font-weight: var(--wp--custom--font-weight--medium);
}
#footer a:hover, #footer li a:hover {
color: var(--wp--preset--color--sky-light);
}
.footer-cta::after {
content: '';
display: block;
height: 1px;
width: 100%;
background: var(--wp--preset--color--grey);
opacity: 0.2;
margin-top: var(--wp--preset--spacing--80);
}
.footer-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
padding: var(--wp--preset--spacing--80) 0;
column-gap: var(--wp--preset--spacing--32);
row-gap: var(--wp--preset--spacing--80);
}
.footer-grid > p {
margin: 0;
}
.footer-logo a {
display: flex;
}
.footer-tagline {
grid-column: span 2;
max-width: 28ch;
margin: 0;
}
.footer-menu ul {
list-style: none;
padding: 0;
}
.footer-grid h4 {
font-weight: var(--wp--custom--font-weight--default);
font-size: var(--wp--preset--font-size--large);
margin: 0 0 var(--wp--preset--spacing--24);
}
.footer-contact {
grid-column: 4 / 5;
}
.footer-copyright {
grid-column: 1 / 2;
}
.footer-by {
grid-column: span 2;
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--8);
white-space: nowrap;
}
.footer-social a {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--8);
}
#back-to-top-button a:active {
background-color: var(--wp--preset--color--sky-medium);
}
@media screen and (max-width: 1024px) {
.footer-grid {
grid-template-columns: repeat(3, 1fr);
row-gap: var(--wp--preset--spacing--24);
}
.footer-logo {
grid-column: span 2;
margin-bottom: -1rem;
}
.footer-tagline {
grid-column: span 1;
grid-row: 2 / 3;
}
.footer-menu,
.footer-contact {
padding: var(--wp--preset--spacing--80) 0;
}
.footer-social,
.footer-contact,
.footer-cookie,
.footer-privacy {
grid-column: 3 / 4;
}
.footer-social-1 {
align-content: end;
}
.footer-by {
grid-column: 1 / 2;
}
.footer-privacy {
grid-row: 4 / 5;
}
}
@media screen and (max-width: 781px) {
.footer-menu,
.footer-contact,
.footer-tagline,
.footer-logo,
.footer-copyright,
.footer-by {
grid-column: span 2;
}
.footer-menu {
padding: var(--wp--preset--spacing--56) 0 0;
}
.footer-contact {
padding: var(--wp--preset--spacing--56) 0;
}
.footer-privacy {
grid-row: 6 / 7;
}
}
@media screen and (max-width: 520px) {
.footer-grid {
grid-template-columns: repeat(2, 1fr);
}
.footer-tagline {
padding: 0 0 var(--wp--preset--spacing--56);
}
.footer-social {
grid-row: 3 / 4;
grid-column: initial;
align-content: initial;
}
.footer-by {
padding: 0 0 var(--wp--preset--spacing--56);
}
.footer-privacy,
.footer-cookie {
grid-column: span 2;
grid-row: initial;
}
} figure.wp-block-gallery:not(.flickity-enabled) {
display: block !important;
overflow: hidden !important;
max-height: 600px !important;
}
figure.wp-block-gallery:not(.flickity-enabled) .wp-block-image {
display: none !important;
}
figure.wp-block-gallery:not(.flickity-enabled) .wp-block-image:first-child {
display: block !important;
width: 100% !important;
}