/* --- Branding 2026 & ClickHelp Default Controls --- */

/* SearchBox */
.Home_page .searchCenteringContainer {
  width: 50%;
  margin-block-start: auto;
  margin-inline-end: auto;
  margin-block-end: auto;
  margin-inline-start: auto;
}

@media (max-width: 460px) {
  .Home_page .searchCenteringContainer .btnSearch i {
    border: 0.1px grey solid;
    border-radius: 0px 8px 8px 0px;
  }
  .Home_page .searchCenteringContainer .searchBox {
    border: 0.1px grey solid;
    border-radius: 8px 0px 0px 8px;
  }
}

/* Original Footer Controls (ClickHelp) */
.Home_page .footer {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
}

.Home_page .footer h3 {
  font-size: 20.59px;
  text-align: inherit;
}

.Home_page .footer p {
  font-size: 17.92px;
}

/* --- KORJATTU: Footer sarakkeiden joustavuus --- */
.FooterFlexContainer .flexCol {
  flex: 1;
  min-width: 250px; /* Estää sarakkeiden puristumisen liian pieneksi */
}

/* --- KORJATTU: Main Content Layout --- */
/* Tämä osio varmistaa, ettei teksti ja kuva mene päällekkäin */
.MainFlexContainer {
  display: flex;
  flex-wrap: wrap; /* Sallii elementtien siirtyä allekkain, jos tila loppuu */
  justify-content: center;
  align-items: center;
  gap: 40px; /* Lisää tilaa tekstin ja kuvan väliin */
}

.navContainer .MainFlexContainer {
  flex-wrap: wrap-reverse;
}

.MainFlexContainer span {
  overflow-wrap: break-word;
}

.MainFlexContainer a.link {
  color: #007ACA;
  text-decoration: none;
}

.MainFlexContainer a:hover {
  color: #007ACA;
  text-decoration: underline;
}

/* --- KORJATTU: flexCol sääntö --- */
.MainFlexContainer .flexCol {
  flex: 1;
  min-width: 350px; /* TÄMÄ ESTÄÄ PÄÄLLEKKÄISYYDEN: teksti siirtyy allekkain ennen kuin se osuu kuvaan */
  box-sizing: border-box;
}

.MainFlexContainer .flexCol img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1050px) {
  .MainFlexContainer .flexCol img {
    width: 100%;
    max-width: 500px;
  }
}

@media (max-width: 1400px) {
  .MainFlexContainer .flexCol {
    width: 100% !important; /* Muutettu 80% -> 100% varmuuden vuoksi */
    text-align: center !important;
  }
  .pubitem .linksList .linksList a .linksList li {
    width: 100% !important;
    text-align: center !important;
  }
}

@media (min-width: 1400px) and (max-width: 1870px) {
  .MainFlexContainer .flexCol img {
    max-width: 700px;
  }
}

/* App layout changes: hide search box in app header */
.Home_page .BaseMaster_searchBoxContainer {
  display: none;
}

.Home_page .BaseMaster_contentContainer {
  height: auto !important;
}

.Home_page .CHMenu_menuItem > a,
.Home_page .BaseMaster_profileLink {
  color: white;
}

.Home_page .BaseMaster_mainMenuContainer {
  border-bottom: 0 none;
  background: #FFFFFF;
}

.Home_page .BaseMaster_mainMenuContainer,
.Home_page .CHMenu_menuItem:hover,
.Home_page .BaseMaster_profileLink:hover,
.Home_page .BaseMaster_helpMenu:hover {
  background: #FFFFFF;
}

/* Fonts and Typography */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.Home_page body {
  background: #FFFFFF;
}

.Home_noPubsAvailable {
  font-size: 1.5em;
}

h1 {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  color: #FFFFFF;
  font-weight: 400;
  text-align: center;
  font-size: 4em;
  margin-top: 250px;
  margin-bottom: 0px;
  padding-top: 15px;
}

h2 {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  color: #000000;
  text-align: inherit;
  font-size: 3em;
  font-weight: 300;
  margin-top: 50px;
  margin-bottom: 20px;
}

h3 {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  color: #000000;
  text-align: start;
  font-size: 1.3em;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 10px;
}

p {
  font-family: 'Open Sans', 'Tahoma', 'Geneva', 'Verdana', sans-serif;
  margin-block-start: 0px;
  margin-inline-end: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  font-size: 1.4em;
}

.fixedWidth {
  max-width: 1170px;
  margin-block-start: auto;
  margin-inline-end: auto;
  margin-block-end: auto;
  margin-inline-start: auto;
}

.greybg {
  background: #f2f2f2 !important;
}

/* Link overrides */
.Home_customContent .navContainer a,
.Home_customContent .footer a,
.Home_customContent .pubsBlock a {
  color: #007ACA;
  text-decoration: none;
}

.Home_customContent .navContainer:hover {
  color: #007ACA;
  text-decoration: underline;
}

/* Footer Link Overrides */
.footer a:hover {
  color: #999999;
  text-decoration: underline;
}

/* Social Media Styles (ClickHelp) */
.followUs {
  float: inline-end;
}

.followUsNavList, .followUsNavListItem {
  display: inline-block;
}

.followUs .fab, .followUs .fas {
  color: #333;
  font-size: 1.2em;
  padding: 10px;
  border: 2px solid;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-inline-start: 5px;
}

.followUs .fab:hover, .followUs .fas:hover {
  color: white;
  background-color: #2C72FF;
  border-color: #2C72FF;
}

/* Responsive Styles */
@media (max-width: 767px) {
  .nav2ColOuter { width: 100%; }
  .footer { padding-top: 30px; }
}

@media (max-width: 1200px) {
  .fixedWidth { max-width: none; padding: 0 20px; }
  .navText { text-align: center; }
}.CHBlock_richTextContent, .CHBlock_container * {font-family: 'Segoe UI',Frutiger,'Frutiger Linotype','Dejavu Sans','Helvetica Neue',Arial,sans-serif;}