body{
font-family: 'Lato', sans-serif;
color:rgb(30,30,30);
background:white;
font-size:16px;
}
h1,h2,h3{
color:rgb(30,30,30);
}
img{
max-width:100%;
}
h1{
font-size:2rem;
}
h2{
font-size:1.8rem;
}
h3{
font-size:1.4rem;
}
h4{
font-size:1.2rem;
}
a:link, a:visited{
color:#791323;
text-decoration: none;
}
a:hover{
text-decoration:underline;
}
ul, ol{
padding-left:1rem;
list-style-type:square;
}
#header h1, #header h2{
color:rgb(30,30,30);
font-weight:700;
}
#mainmenu{
background:white;
padding:0;
}
#breadcrum{
color:white;
text-align:center;
padding:1rem;
width:100%;
background:#791323;
font-weight:700;
}
#breadcrum h1{
color:white;
padding:0;
margin:0;
text-transform: uppercase;
font-size:1.6rem;
}
#mainmenu-container{
}
#navbutton{
padding:1rem;
color:rgb(30,30,30);
font-size:1rem;
}
#mainmenu a:link, #mainmenu a:visited{
padding:1rem;
color:rgb(30,30,30);
transition:color 0.2s ease-in-out;
font-weight:700;
text-transform: uppercase;
}
#mainmenu-container a:hover{
color:#791323;
}
#mainmenu .current-menu-item:link, #mainmenu .current-menu-item:visited{
color:#791323;
}
.bar{
padding:0;
padding-top:2.5rem;
padding-bottom:2.5rem;
}
.white-background{
background-color:white;
}
.dark-background{
background-color:rgb(40,40,40);
color:white;
}
.bg-image{
background-image:url(//www.macomtech.fi/wordpress/wp-content/themes/macomtech/img/headerikuva10.png);
background-size:cover;
padding-top:8%;
padding-bottom:8%;
text-shadow: 0px 0px 3px black;
}
.bg-image-2{
padding-top:3rem;
padding-bottom:3rem;
background-image:url(//www.macomtech.fi/wordpress/wp-content/themes/macomtech/img/bg2.jpg);
background-size:cover;
}
.dark-background h1, .dark-background h2, .dark-background h3, .dark-background h4{
color:inherit;
}
.footer{
background:#1b1b1b;
color:rgb(160,160,160);
}
.footer h1, .footer h2, .footer h3, .footer h4{
color:white;
}
#footer-menu{
padding-top:1rem;
padding-bottom:1rem;
text-align:center;
}
#footer-menu a:link, #footer-menu a:visited{
color:white;
}
#some-menu{
background:rgb(35,35,35);
width:100%;
padding:0.5rem;
text-align:center;
}
.some-icon{
display:inline-block;
padding:0.6rem;
margin:0.3rem;
font-size:1.2rem;
border-radius:5px;
}
.some-icon:link, .some-icon:visited{
color:rgb(220,220,220);
}
.some-icon:hover{
text-decoration: none;
color:white;
}
.block{
margin:0.5rem;
border:1px solid rgb(200,200,200);
border-bottom:5px solid #791323;
padding:1rem;
}
.block-header{
padding:0.5rem;
font-weight:700;
}
.block-content{
padding:0.5rem;
}
.block-footer{
padding:0.5rem;
}
.price-head{
margin-bottom:0;
font-weight:bold;
}
.price{
margin-top:-10px;
font-size:3rem;
}
.wp-block-table td, .wp-block-table th{
padding:0.5rem;
}
.wp-block-table, .wp-block-table td, .wp-block-table th{
border:1px solid rgb(30,30,30);
} .page-template-frontpage-template-php{
--brand:#f5c518;
--brand-dark:#171400;
--brand-light:#ffe066;
--brand-ink:#7a5c00;
--accent:#e0891c;
--ink:#f2ede2;
--ink-soft:#d8d2c5;
--muted:#9c9587;
--line:rgba(255,255,255,0.12);
--surface:#151515;
--surface-dim:#1c1c1c;
--nav-hover-bg:rgba(245,197,24,0.08);
--radius-sm:8px;
--radius-md:14px;
--radius-lg:22px;
--shadow-sm:0 1px 2px rgba(20,10,12,0.06), 0 1px 1px rgba(20,10,12,0.04);
--shadow-md:0 10px 30px -12px rgba(20,10,12,0.28);
--shadow-lg:0 24px 48px -20px rgba(20,10,12,0.38);
--ease:cubic-bezier(.4,0,.2,1);
--fast:150ms;
--med:300ms;
--font-display:'Manrope', 'Lato', sans-serif;
}
@media (prefers-reduced-motion: reduce){
.page-template-frontpage-template-php *{ animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important; }
}
.page-template-frontpage-template-php *{ box-sizing:border-box; }
.page-template-frontpage-template-php{ scroll-behavior:smooth; }
.page-template-frontpage-template-php{
font-family: 'Lato', sans-serif;
color:var(--ink);
font-size:16px;
line-height:1.65;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
position:relative; background-color:var(--surface);
background-image:
radial-gradient(circle at 40px 40px, rgba(245,197,24,0.12) 1.6px, transparent 1.7px),
radial-gradient(circle at 120px 120px, rgba(245,197,24,0.12) 1.6px, transparent 1.7px),
repeating-linear-gradient(90deg, transparent 0 159px, rgba(245,197,24,0.06) 159px 160px),
repeating-linear-gradient(0deg, transparent 0 159px, rgba(245,197,24,0.06) 159px 160px);
background-size:160px 160px;
} .page-template-frontpage-template-php::before{
content:"";
position:fixed;
inset:0;
z-index:2000;
pointer-events:none;
opacity:0.05;
mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.page-template-frontpage-template-php ::selection{
background:var(--brand);
color:#171400;
}
.page-template-frontpage-template-php h1,
.page-template-frontpage-template-php h2,
.page-template-frontpage-template-php h3,
.page-template-frontpage-template-php h4{
color:var(--ink);
font-family:var(--font-display);
font-weight:700;
line-height:1.2;
letter-spacing:-0.01em;
text-wrap:balance;
}
.page-template-frontpage-template-php h1{
font-size:clamp(2.1rem, 1.5rem + 2.4vw, 3.5rem);
font-weight:800;
}
.page-template-frontpage-template-php h2{
font-size:clamp(1.6rem, 1.3rem + 1.4vw, 2.35rem);
}
.page-template-frontpage-template-php h3{
font-size:1.4rem;
}
.page-template-frontpage-template-php h4{
font-size:1.2rem;
}
.page-template-frontpage-template-php a:link,
.page-template-frontpage-template-php a:visited{
color:var(--brand);
text-decoration: none;
transition:color var(--fast) var(--ease);
}
.page-template-frontpage-template-php a:hover{
color:var(--brand-light);
text-decoration:underline;
}
.page-template-frontpage-template-php a:focus-visible,
.page-template-frontpage-template-php button:focus-visible,
.page-template-frontpage-template-php input:focus-visible,
.page-template-frontpage-template-php textarea:focus-visible,
.page-template-frontpage-template-php select:focus-visible{
outline:3px solid var(--accent);
outline-offset:2px;
border-radius:4px;
}
.page-template-frontpage-template-php ul,
.page-template-frontpage-template-php ol{
padding-left:1.1rem;
}
.page-template-frontpage-template-php ul{
list-style-type:disc;
}
.page-template-frontpage-template-php ul::marker,
.page-template-frontpage-template-php li::marker{
color:var(--brand);
} .page-template-frontpage-template-php #mainmenu-container,
.page-template-frontpage-template-php #mainmenu-container li{
list-style:none;
}
.page-template-frontpage-template-php #mainmenu-container li::marker{
content:none;
} .page-template-frontpage-template-php .btn{
border-radius:999px;
font-weight:700;
padding:0.7rem 1.75rem;
letter-spacing:0.01em;
transition:transform var(--fast) var(--ease), box-shadow var(--fast) var(--ease), background-color var(--fast) var(--ease);
}
.page-template-frontpage-template-php .btn:hover{
transform:translateY(-2px);
}
.page-template-frontpage-template-php .btn-primary{
background:linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%);
border-color:var(--brand-dark);
box-shadow:var(--shadow-sm);
font-weight:800;
color:#171400;
} .page-template-frontpage-template-php .btn-primary:link,
.page-template-frontpage-template-php .btn-primary:visited{
color:#171400;
}
.page-template-frontpage-template-php .btn-primary:hover,
.page-template-frontpage-template-php .btn-primary:focus{
background:linear-gradient(135deg, var(--brand) 0%, var(--accent) 100%);
border-color:var(--brand-dark);
box-shadow:var(--shadow-md);
color:#171400;
} .page-template-frontpage-template-php #header h1,
.page-template-frontpage-template-php #header h2{
color:var(--ink);
font-weight:700;
}
.page-template-frontpage-template-php #mainmenu{
background:#151515;
padding:0;
position:sticky;
top:1rem;
z-index:1000;
width:min(1240px, calc(100% - 2rem));
margin:1rem auto 0;
border-radius:var(--radius-lg);
box-shadow:var(--shadow-lg);
overflow:hidden;
} .page-template-frontpage-template-php #mainmenu .navbar-collapse{
flex-basis:100%;
}
.page-template-frontpage-template-php #mainmenu-container{
justify-content:center;
margin-left:auto;
margin-right:auto;
gap:0.25rem;
flex-wrap:wrap;
} .page-template-frontpage-template-php #mainmenu::after{
content:"";
position:absolute;
top:50%;
right:2rem;
width:110px;
height:80px;
transform:translateY(-50%);
pointer-events:none;
opacity:0.18;
background-repeat:no-repeat;
background-size:contain;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 90'%3E%3Cg fill='none' stroke='%23f5c518' stroke-width='2.5'%3E%3Crect x='15' y='8' width='70' height='48' rx='3'/%3E%3Cpath d='M4 66 L15 56 H85 L96 66 Z'/%3E%3Cpath d='M40 66 H60'/%3E%3C/g%3E%3C/svg%3E");
animation:floatY 5s ease-in-out infinite;
}
@keyframes floatY{
0%, 100%{ transform:translateY(-50%); }
50%{ transform:translateY(calc(-50% - 8px)); }
}
@media (max-width:1400px){
.page-template-frontpage-template-php #mainmenu::after{ display:none; }
} .page-template-frontpage-template-php .navbar-brand{
display:inline-block;
background:#fff;
padding:0.6rem 1rem;
border-radius:var(--radius-md);
margin:0.75rem 0;
}
.page-template-frontpage-template-php #breadcrum{
color:white;
text-align:center;
padding:1.75rem 1rem;
width:100%;
background:linear-gradient(120deg, var(--brand-dark), #2b2200);
border-bottom:3px solid var(--brand);
font-weight:700;
}
.page-template-frontpage-template-php #breadcrum h1{
color:white;
padding:0;
margin:0;
text-transform: uppercase;
letter-spacing:0.03em;
font-size:1.6rem;
}
.page-template-frontpage-template-php #navbutton{
padding:1rem;
color:var(--brand);
font-size:1rem;
border-radius:var(--radius-sm);
transition:background-color var(--fast) var(--ease);
}
.page-template-frontpage-template-php #navbutton:hover,
.page-template-frontpage-template-php #navbutton:focus{
background:var(--nav-hover-bg);
}
.page-template-frontpage-template-php #mainmenu a:link,
.page-template-frontpage-template-php #mainmenu a:visited{
margin:0.35rem 0.15rem;
padding:0.6rem 1.1rem;
color:rgb(210,210,210);
transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);
font-weight:700;
text-transform: uppercase;
letter-spacing:0.03em;
font-size:0.85rem;
border-radius:999px;
position:relative;
white-space:nowrap;
}
.page-template-frontpage-template-php #mainmenu-container a:hover{
color:var(--brand);
background:var(--nav-hover-bg);
text-decoration:none;
}
.page-template-frontpage-template-php #mainmenu .current-menu-item:link,
.page-template-frontpage-template-php #mainmenu .current-menu-item:visited{
color:#171400;
background:var(--brand);
} .page-template-frontpage-template-php .bar{
padding:0;
padding-top:clamp(2.5rem, 1.2rem + 4vw, 5.5rem);
padding-bottom:clamp(2.5rem, 1.2rem + 4vw, 5.5rem);
}
.page-template-frontpage-template-php .white-background{
background-color:var(--surface);
}
.page-template-frontpage-template-php .dark-background{
background-color:#1c1c1c;
color:#f2f2f2;
}
.page-template-frontpage-template-php .bg-image{
position:relative;
background-image:
radial-gradient(60% 90% at 50% 15%, rgba(245,197,24,0.18), transparent 70%),
linear-gradient(125deg, rgba(6,5,0,0.88) 0%, rgba(20,16,0,0.7) 55%, rgba(6,5,0,0.9) 100%),
url(//www.macomtech.fi/wordpress/wp-content/themes/macomtech/img/hero-circuit-gold.jpg);
background-size:cover;
background-position:center;
padding-top:clamp(3.5rem, 6vw, 6rem);
padding-bottom:clamp(5rem, 10vw, 9rem);
text-shadow: 0px 1px 3px rgba(0,0,0,0.5);
clip-path:polygon(0 0, 100% 0, 100% 94%, 0 100%);
overflow:hidden;
}
.page-template-frontpage-template-php .bg-image-2{
padding-top:3.5rem;
padding-bottom:3.5rem;
background-image:
linear-gradient(125deg, rgba(6,5,0,0.75) 0%, rgba(0,0,0,0.6) 100%),
url(//www.macomtech.fi/wordpress/wp-content/themes/macomtech/img/motherboard-gold.jpg);
background-size:cover;
background-position:center;
}
.page-template-frontpage-template-php .dark-background h1,
.page-template-frontpage-template-php .dark-background h2,
.page-template-frontpage-template-php .dark-background h3,
.page-template-frontpage-template-php .dark-background h4{
color:inherit;
}
.page-template-frontpage-template-php .bg-image .text-center{
text-align:left;
}
.page-template-frontpage-template-php .bg-image h1,
.page-template-frontpage-template-php .bg-image h2,
.page-template-frontpage-template-php .bg-image h3{
animation:fadeInUp var(--med) var(--ease) both;
max-width:40ch;
margin-left:0;
margin-right:auto;
position:relative;
z-index:1;
}
.page-template-frontpage-template-php .bg-image h2:first-of-type{
font-size:clamp(2.5rem, 1.6rem + 4.2vw, 5rem);
font-weight:800;
letter-spacing:-0.02em;
}
.page-template-frontpage-template-php .bg-image h3{
max-width:52ch;
font-family:var(--font-display);
font-weight:600;
font-size:1.15rem;
opacity:0.92;
}
.page-template-frontpage-template-php .bg-image h2:last-of-type{
font-size:1rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:0.06em;
display:inline-block;
max-width:none;
padding:0.6rem 1.5rem;
margin-top:1.5rem;
border-radius:999px;
background:rgba(245,197,24,0.1);
border:1px solid rgba(245,197,24,0.4);
box-shadow:0 0 24px rgba(245,197,24,0.15);
backdrop-filter:blur(6px);
-webkit-backdrop-filter:blur(6px);
}
@keyframes fadeInUp{
from{ opacity:0; transform:translateY(10px); }
to{ opacity:1; transform:translateY(0); }
} .page-template-frontpage-template-php .footer{
background:#151515;
color:rgb(175,175,175);
}
.page-template-frontpage-template-php .footer .row.text-center{
display:flex;
flex-wrap:wrap;
gap:1.5rem;
margin:0;
text-align:left;
}
.page-template-frontpage-template-php .footer .row.text-center > [class*="col-"]{
flex:1 1 240px;
max-width:none;
width:auto;
padding:1.75rem;
background:var(--surface-dim);
border:1px solid var(--line);
border-radius:var(--radius-md);
}
.page-template-frontpage-template-php .footer .row.text-center > [class*="col-"]::before{
content:"";
display:block;
height:3px;
width:2.5rem;
background:var(--brand);
margin-bottom:1.25rem;
border-radius:2px;
}
.page-template-frontpage-template-php .footer h1,
.page-template-frontpage-template-php .footer h2,
.page-template-frontpage-template-php .footer h3,
.page-template-frontpage-template-php .footer h4{
color:white;
font-size:1.05rem;
text-transform:uppercase;
letter-spacing:0.04em;
margin-bottom:0.75rem;
padding-bottom:0;
border-bottom:none;
display:block;
}
.page-template-frontpage-template-php .footer a:link,
.page-template-frontpage-template-php .footer a:visited{
color:rgb(210,210,210);
}
.page-template-frontpage-template-php .footer a:hover{
color:var(--accent);
}
.page-template-frontpage-template-php #footer-menu{
padding-top:1.5rem;
padding-bottom:1.5rem;
text-align:center;
border-top:1px solid rgba(255,255,255,0.08);
margin-top:1rem;
}
.page-template-frontpage-template-php #footer-menu a:link,
.page-template-frontpage-template-php #footer-menu a:visited{
color:white;
padding:0 0.4rem;
}
.page-template-frontpage-template-php #footer-menu a:hover{
color:var(--accent);
}
.page-template-frontpage-template-php #some-menu{
background:#101010;
width:100%;
padding:0.75rem;
text-align:center;
}
.page-template-frontpage-template-php .some-icon{
display:inline-block;
padding:0.6rem 1rem;
margin:0.3rem;
font-size:1rem;
font-weight:700;
border-radius:var(--radius-lg);
border:1px solid rgba(255,255,255,0.15);
transition:background-color var(--fast) var(--ease), transform var(--fast) var(--ease), border-color var(--fast) var(--ease);
}
.page-template-frontpage-template-php .some-icon:link,
.page-template-frontpage-template-php .some-icon:visited{
color:rgb(220,220,220);
}
.page-template-frontpage-template-php .some-icon:hover{
text-decoration: none;
color:#171400;
background:var(--brand);
border-color:var(--brand);
transform:translateY(-2px);
} .page-template-frontpage-template-php .block{
margin:0.5rem;
background:var(--surface);
border:1px solid var(--line);
border-radius:var(--radius-lg);
border-bottom:none;
box-shadow:var(--shadow-sm);
padding:0;
overflow:hidden;
display:flex;
flex-direction:column;
height:calc(100% - 1rem);
transition:transform var(--med) var(--ease), box-shadow var(--med) var(--ease);
position:relative;
}
.page-template-frontpage-template-php .block::before{
content:"";
display:block;
height:6px;
background:linear-gradient(90deg, var(--brand), var(--accent));
}
@media (hover:hover) and (pointer:fine){
.page-template-frontpage-template-php .block:hover{
transform:translateY(-6px);
box-shadow:0 28px 45px -18px rgba(23,20,0,0.4);
}
}
.page-template-frontpage-template-php .block:focus-within{
box-shadow:0 28px 45px -18px rgba(23,20,0,0.4);
}
.page-template-frontpage-template-php .block-header{
padding:1rem;
font-weight:700;
font-size:1.1rem;
font-family:var(--font-display);
}
.page-template-frontpage-template-php .block-content{
padding:1rem;
flex:1;
}
.page-template-frontpage-template-php .block-footer{
padding:1rem;
margin-top:auto;
}
.page-template-frontpage-template-php .price-head{
margin-bottom:0.5rem;
font-weight:800;
color:#171400;
background:var(--brand);
display:inline-block;
text-transform:uppercase;
font-size:0.75rem;
letter-spacing:0.05em;
padding:0.25rem 0.7rem;
border-radius:999px;
}
.page-template-frontpage-template-php .price{
margin-top:-2px;
font-size:3.25rem;
font-weight:800;
font-family:var(--font-display);
color:var(--ink);
} .page-template-frontpage-template-php .wp-block-heading{
font-family:var(--font-display);
}
.page-template-frontpage-template-php .wp-block-paragraph,
.page-template-frontpage-template-php .wp-block-column p{
line-height:1.7;
}
.page-template-frontpage-template-php .wp-block-columns{
row-gap:2.5rem;
}
.page-template-frontpage-template-php .wp-block-column{
min-width:0;
} .page-template-frontpage-template-php .wp-block-columns > .wp-block-column:first-child{
flex-grow:1.4;
}
.page-template-frontpage-template-php .wp-block-cover .wp-block-columns > .wp-block-column:first-child{
flex-grow:1;
}
@media (min-width:782px){
.page-template-frontpage-template-php .wp-block-columns > .wp-block-column:not(:first-child){
border-left:1px solid var(--line);
padding-left:2rem;
}
}
@media (min-width:768px){
.page-template-frontpage-template-php .row > .col-md-6:nth-child(2){
border-left:1px solid var(--line);
padding-left:2.5rem;
}
.page-template-frontpage-template-php .row > .col-md-6:first-child{
flex:0 0 58%;
max-width:58%;
}
.page-template-frontpage-template-php .row > .col-md-6:nth-child(2){
flex:0 0 42%;
max-width:42%;
}
} .page-template-frontpage-template-php .feature-photo{
width:100%;
display:flex;
flex-wrap:wrap;
align-items:stretch;
}
.page-template-frontpage-template-php .feature-photo figure{
flex:1 1 320px;
height:420px;
overflow:hidden;
margin:0;
}
.page-template-frontpage-template-php .feature-photo img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.page-template-frontpage-template-php .wp-block-image{
margin-top:1rem;
margin-bottom:1rem;
}
.page-template-frontpage-template-php .wp-block-image img{
border-radius:var(--radius-md);
box-shadow:var(--shadow-md);
} .page-template-frontpage-template-php .shop-banner{
display:flex;
align-items:center;
justify-content:flex-end;
max-width:1400px;
min-height:clamp(280px, 24vw, 420px);
margin:1rem auto;
border-radius:var(--radius-lg);
overflow:hidden;
background-image:
linear-gradient(90deg, rgba(6,5,0,0.05) 0%, rgba(6,5,0,0.72) 52%, rgba(6,5,0,0.92) 100%),
url(//www.macomtech.fi/wordpress/wp-content/themes/macomtech/img/webstore-banner-gold.jpg);
background-size:cover;
background-position:left center;
padding:2.5rem 3rem;
text-decoration:none !important;
}
.page-template-frontpage-template-php .shop-banner__content{
text-align:right;
max-width:380px;
}
.page-template-frontpage-template-php .shop-banner h2{
color:#fff;
margin-bottom:1rem;
}
@media (max-width:640px){
.page-template-frontpage-template-php .shop-banner{
justify-content:center;
padding:2rem 1.5rem;
}
.page-template-frontpage-template-php .shop-banner__content{
text-align:center;
}
} .page-template-frontpage-template-php .info-grid{
display:flex;
flex-wrap:wrap;
gap:1.25rem;
max-width:1200px;
margin:1.5rem auto;
padding:0 1rem;
}
.page-template-frontpage-template-php .info-card{
flex:1 1 280px;
background:var(--surface-dim);
border:1px solid var(--line);
border-radius:var(--radius-md);
padding:1.5rem;
position:relative;
overflow:hidden;
}
.page-template-frontpage-template-php .info-card::before{
content:"";
position:absolute;
top:0; left:0; right:0;
height:3px;
background:linear-gradient(90deg, var(--brand), var(--accent));
}
.page-template-frontpage-template-php .info-card h3{
font-size:1.02rem;
line-height:1.35;
margin-bottom:0.6rem;
}
.page-template-frontpage-template-php .info-card p{
font-size:0.88rem;
color:var(--ink-soft);
line-height:1.6;
margin:0;
}
.page-template-frontpage-template-php .info-checklist{
list-style:none;
padding:0;
margin:0;
font-size:0.88rem;
}
.page-template-frontpage-template-php .info-checklist li{
padding:0.45rem 0 0.45rem 1.4rem;
position:relative;
border-bottom:1px solid var(--line);
color:var(--ink-soft);
}
.page-template-frontpage-template-php .info-checklist li:last-child{
border-bottom:none;
}
.page-template-frontpage-template-php .info-checklist li::before{
content:"\2713";
position:absolute;
left:0;
color:var(--brand);
font-weight:700;
}
.page-template-frontpage-template-php .wp-block-cover{
border-radius:0;
clip-path:polygon(0 5%, 100% 0, 100% 100%, 0 95%);
padding-top:3rem !important;
padding-bottom:3rem !important;
}
.page-template-frontpage-template-php .wp-block-cover .has-large-font-size{
font-family:var(--font-display);
font-weight:800;
text-transform:uppercase;
letter-spacing:0.08em;
font-size:1.1rem !important;
color:var(--accent);
}
.page-template-frontpage-template-php .wp-block-cover p:not(.has-large-font-size){
max-width:56ch;
margin-left:auto;
margin-right:auto;
line-height:1.75;
} .page-template-frontpage-template-php .wp-block-table{
overflow-x:auto;
}
.page-template-frontpage-template-php .wp-block-table td,
.page-template-frontpage-template-php .wp-block-table th{
padding:0.65rem 0.75rem;
font-variant-numeric:tabular-nums;
}
.page-template-frontpage-template-php .wp-block-table table,
.page-template-frontpage-template-php .wp-block-table td,
.page-template-frontpage-template-php .wp-block-table th{
border:1px solid var(--line);
border-collapse:collapse;
}
.page-template-frontpage-template-php .wp-block-table table{
width:100%;
}
.page-template-frontpage-template-php .wp-block-table thead th{
background:var(--surface-dim);
font-family:var(--font-display);
}
.page-template-frontpage-template-php .wp-block-table tbody tr:hover{
background:var(--surface-dim);
}