html {}
h1, h1.has-x-large-font-size {font-size:3.5rem;font-weight:normal;}
h2 {font-size:3rem;color: var(--wp--preset--color--grey);line-height: 1.2em;font-weight:normal;}
h3 {font-size:1.6rem;color: var(--wp--preset--color--grey);text-transform:uppercase;font-family:Elias;font-weight:normal;}
a {text-decoration:none;font-weight:bold;}
p {letter-spacing:0.04em;}
p + h3 {padding-top:30px;}
img, video {animation-name:fadeIn;animation-duration:0.8s;animation-timing-function:ease-in;}
strong {font-weight:bold;}

.is-layout-constrained p {margin-block-end: 20px;}
:where(.wp-site-blocks :focus) {outline-width:1px;}

:root :where(.is-layout-constrained) > :first-child {}
:root :where(.is-layout-constrained) > * , :root :where(.is-layout-flow) > * {margin-block-start:1.2rem;}
:root :where(.wp-block-columns) {margin-bottom:1rem;}
:root :where(.wp-block-columns-is-layout-flex) {gap: 1rem;}
:root :where(.wp-block-heading.is-style-text-display--1) {line-height:1.0;}


.wp-site-blocks {height:100vh;}

/* Snap päälle 
.wp-site-blocks {overflow-y:scroll;scroll-snap-type:y mandatory;}
header, .entry-content > div, footer {scroll-snap-align:center;}*/

/* Yleiset Padding */
:root, body {--wp--style--root--padding-right: 30px;--wp--style--root--padding-left: 30px;--wp--preset--spacing--50: 2rem;}

/* Header */
.logoColumn img {height: 100px;}
header {margin-bottom:0px;padding-top:20px;position:relative;z-index:2;display: flex;width: 100%;justify-content: center;}
header > .wp-block-columns {margin-bottom:0;justify-content: space-between;width: 100%;}
header + .wp-block-group {margin-top: -30px;}

.mainHeader {max-width:700px;}
.headerButton {display:none;}

/* Korkeus ja pystyasettelu classit */
.fullHeight {min-height:100vh;}
.verticalCenter {display:flex;align-items:center;margin-block-start:initial !important;min-height:100vh}

/* Etusivu */
.home .wp-site-blocks > .wp-block-group {margin-top:-100px;}
.home .entry-content {padding-top:70px;}

/* Etusivun isokuva */
.mainImage {height:calc(100vh - 100px);margin-block-start: 100px;margin-top:0;}
.wp-block-cover .wp-block-cover__inner-container {bottom:13%;}

.wp-block-cover, .wp-block-post-featured-image {margin-bottom:0px;/*max-width: var(--wp--style--global--content-size)*/; margin-left:auto;margin-right:auto;}

.wp-block-cover {max-width:100vw;height:calc(100vh - 120px);}
.wp-block-cover img.wp-block-cover__image-background {top:0px;}

.mainText {padding-top:40px;}

/* seuraa */
.seuraaMeita {padding-top:14px;}
.follow {font-size:2em;}
.someButtons > .wp-block-button {width:100%;font-size:3rem;}

/* Lomakesivu */
.wp-block-post-featured-image {}
.wp-block-post-featured-image.alignwide img {/*height:calc(100vh - 100px);*/;max-height:60vh;}

.kuvateksti {font-size:0.9rem;color:#ddd;margin-top:0;}


/* Slider */
.wp-block-group .headingNumber {
    color: var(--wp--preset--color--pink);
    font-family: Elias;
    font-size: 12rem !important;
    line-height:0.8em;
    margin-bottom:50px;
    margin-block-end:50px;
}
.karuselli {max-width:100%;}
.karuselli h2 {line-height: 1.0em;font-size:3.5rem;}
.karuselli h3 {min-height:45px;font-size:1.8rem;}
.karuselli p {min-height:80px;}
.karuselli .wp-block-columns-is-layout-flex {gap:1rem;}

.wp-block-makeiteasy-slider {max-width:95vw;}

/* Secondary button: layout and visuals */
/* === Secondary Button Style === *//* Make link fill available space and become a positioning context */
.wp-block-button.is-style-secondary > .wp-block-button__link {
  display: block;                 /* block so width applies predictably */
  width: 100%;                    /* fill wrapper */
  position: relative;             /* positioning context for ::after */
  padding: 0.6em 2.5em 0.6em 1.2em;/* right padding to make room for the icon */
  box-sizing: border-box;
  text-decoration: none;
  color: var(--wp--preset--color--grey);
  background: transparent;
  border: none;
  font-family: var(--wp--preset--font-family--elias);
  font-size: var(--wp--preset--font-size--large);
  text-align: left;       /* force text to align left */
  white-space: normal;      /* allow wrapping if needed */
  word-break: break-word;   /* break long words nicely */
  font-weight: normal;
}

/* Place arrow absolutely inside the link at the right edge */
.wp-block-button.is-style-secondary > .wp-block-button__link::after {
  content: "";
  position: absolute;
  right:0;                 
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background-image: url("../images/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;          /* icon is decorative */
}

/* Optional: hover state that changes color (icon inherits via currentColor) */
.wp-block-button.is-style-secondary > .wp-block-button__link:hover {
  color: var(--wp--preset--color--dark-grey);
}

.wp-block-buttons.is-vertical .wp-block-button {
  border-bottom: 1px solid var(--wp--preset--color--grey); /* or your divider color */
  margin-bottom:0.5rem; /* spacing below each button */
  padding-bottom:0.5rem; /* extra space for the divider */
}

.wp-block-buttons.is-vertical .wp-block-button:last-child {
  border-bottom: none; /* remove divider from the last button */
  margin-bottom: 0;
  padding-bottom: 0;
}

.karuselli {padding-bottom:40px;padding-top:40px;}
.karuselli > .wp-block-group {padding:10px;background: #fff;}
.karuselli .wp-block-button.is-style-secondary > .wp-block-button__link {padding:0;font-weight:normal;}

.wp-block-button.is-style-secondary > .wp-block-button__link {padding-right: 60px;display: block;}
.wp-block-button.is-style-secondary > .wp-block-button__link {font-size:3rem;line-height:1.3em;padding:10px 70px 10px 0;}

.wp-block-makeiteasy-slider {max-height: 500px; aspect-ratio: 16 / 7;}
.swiper-button-prev, .swiper-button-next {border:2px solid #000;  border-radius: 100%;  color: #000; padding: 5px;  bottom: 2px;  align-items:flex-end; top:auto;width:35px;height:35px;}
.swiper-button-prev::after, .swiper-button-next::after {font-size:20px;line-height:35px;}
.swiper-button-next {right:auto;left:80px;}
.swiper-pagination {display:none;}

/* Lomake */
form {font-family:Lora,  Arial, Verdana, Helvetica;}
form label {color:#444;font-size:1.0rem;margin-bottom:5px;display:inline-block;}
form input, form textarea {padding: 7px 8px;border: 1px solid #ccc;border-radius:5px;max-width:85vw;}
form textarea {width:100%;}
select {padding:5px 10px;border: 1px solid #ccc;background:none;border-radius:0;border-color:1px solid #ccc;width:100%;color:#444;font-size:1.0em;font-family:Lora}
option {color:#444;font-family:Lora}
select:focus {outline-width:1px;}
form input:active, form input:focus {border-width:1px;}
label.required::after {content:' * ';color:#b94a48;}
input[type="submit"] {font-family:Lora;padding:10px 50px; border-radius:0;background:#fff;border:2px solid #000;font-size:1.5rem;display: inline-block; margin: 0 auto;color:black;cursor:pointer;}
.wpcf7 {display:flex;justify-content:center;}
.wpcf7-list-item {
margin: 0 0 0 1em;
margin: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #4B7869; /* Green */
}

:where(.wp-site-blocks :focus) {
  outline-width: 0;
}
.wp-site-blocks a:focus,
.wp-site-blocks a:focus-visible {
  outline: none;
  box-shadow: none;
}

/* Footer */
footer :where(.wp-block-columns.has-background) {padding:0}
footer.wp-block-template-part figure.bottomLogo {max-width:200px;margin-block-end:30px;}
.footerImages {gap:1rem;}
footer .wp-block-group {margin-bottom:0}
body footer .is-layout-flex {display:block}

@media (max-width: 781px) {
    .swiper-pagination {display:none;}
    .wp-block-button.is-style-secondary > .wp-block-button__link {font-size: 2rem; padding: 0;line-height:1.3em;}
    header .wp-block-buttons.is-content-justification-right {justify-content: center;}
    body .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { /*flex-basis:auto !important;*/}
    .footerImages > .wp-block-column {width:40%;}
    header > .wp-block-columns {gap: 0;}
    header .wp-block-buttons > .wp-block-button {display:none;}
    .wp-block-cover {margin-left:calc(-1 * var(--wp--style--root--padding-left)) !important;margin-right:calc(-1 * var(--wp--style--root--padding-right)) !important;}
}

@media (min-width: 782px) {
    .headerButton {display:block;}
    h1 {font-size:4rem;}
    h2 {font-size:3rem;}
    h3 {font-size:2.5rem}
    
    /* Karuselli */
    .karuselli > .wp-block-group {padding:52px;}
    .karuselli h3 {font-size:2.2rem;}
    .wp-block-group .headingNumber {font-size: 20rem !important;letter-spacing:0em;}
    .swiper-slide .wp-block-column {min-height: 400px;}
    
    .wp-block-cover {/*min-height:100vh;*/}
    .mainText {max-width: 800px;}
    
    /* Lomakesivu */
    .wp-block-post-featured-image {margin-left:30px;margin-right:30px;}
    
    body footer .is-layout-flex {display:flex;}
}

@media (min-width: 1200px) {
    .headingNumber {font-size: 28rem !important;}
}

@keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}
@keyframes fadeOut {
  from {opacity:1;}
  to {opacity:0;}
}