/* MAIN STYLES FOR ALAJÄRVI Valakia Interactive, Mika Autio, Jarkko Ruonakoski, Veli-Matti Keskinen, Olli Korpi */ /* CSS CUSTOM PROPERTIES */ :root { --white: #ffffff; --lightblue: #98cdea; --darkblue: #0046AD; --darkblueborder: #003b9f; --teal: #40c1ac; --lightred: #ff6f61; --darkergrey: #585757; --black: #010101; --grey: #f7f6f5; --darkgrey: #c9cac8; --seethroughblue: rgba(36, 79, 95, 0.8); --basefont: Lato; --pagepadding: 4%; /* Koko sivuston reunusten koko (osa on suhteutettuna tähän) */ /* Lato-fontin leikkaukset – – Thin 100 • Light 300 • Regular 400 • Bold 700 • Black 900 */ } /* GLOBAL */ body {font-size: 18px !important; font-family: var(--basefont); line-height: 26px; } p { font-family: var(--basefont); font-size: 100% !important; hyphens: auto; } p strong {font-weight: 700;} p a {text-decoration: underline;} p a:hover {color: var(--teal);} h1, h2, h3, h4, h5, h6 { font-family: var(--basefont); color: var(--darkblue); line-height: 1.25; } h1 { font-weight: 700; font-size: 255.555%;} h2 { font-weight: 500; font-size: 150%;} h3 { font-weight: 700; font-size: 122.222%; color: var(--darkblue); text-transform: uppercase; text-shadow: 1px 1px var(--white); } h4 { font-weight: 700; font-size: 111.111%; color: var(--darkblue); } h5 { font-weight: 900; font-size: 100%; color: var(--darkblue); margin: 0px;} .home p { margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; } .home h1 {text-shadow: 0px 0px 5px var(--black); color: var(--white); } .home h2 {text-shadow: 0px 0px 5px var(--black); color: var(--white); } ul, ol { margin: 0px; } a, a:visited { color: var(--darkblue); transition: all 0.1s ease; } a:hover, a:active { color: var(--teal); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .page { margin: 0; } a:focus, input[type="search"]:focus, button:focus { outline-style: dashed; outline-color: var(--navy); outline-offset: 2px; } .screen-reader-text:focus { background-color: var(--white) !important; color: var(--darkblue) !important; } .entry-content { margin: 0px; } p a { overflow-wrap: break-word !important; word-wrap: break-word !important; -ms-word-break: break-all !important; word-break: break-all !important; word-break: break-word !important; -ms-hyphens: auto !important; -moz-hyphens: auto !important; -webkit-hyphens: auto !important; hyphens: auto !important; } .moove-gdpr-branding-cnt { display: none; visibility: hidden; } /* GUTENBERG ––> WP6 nollausta */ .wp-container-1, .wp-container-2, .wp-container-3, .wp-container-4, .wp-container-5, .wp-container-6, .wp-container-7, .wp-container-8, .wp-container-9, .wp-container-10, .wp-container-11, .wp-container-12, .wp-container-13, .wp-container-14, .wp-container-15, .wp-container-16, .wp-container-17, .wp-container-18, .wp-container-19, .wp-container-20, .wp-container-21, .wp-container-22, .wp-container-23, .wp-container-24, .wp-container-25, .wp-container-26, .wp-container-27, .wp-container-28, .wp-container-29, .wp-container-30, .wp-container-31, .wp-container-32, .wp-container-33, .wp-container-34, .wp-container-35, .wp-container-36, .wp-container-37, .wp-container-38, .wp-container-39, .wp-container-40, .wp-container-41, .wp-container-42, .wp-container-43, .wp-container-44, .wp-container-45, .wp-container-46, .wp-container-47, .wp-container-48, .wp-container-49, .wp-container-50, .wp-container-51, .wp-container-52, .wp-container-53, .wp-container-54, .wp-container-55, .wp-container-56, .wp-container-57, .wp-container-58, .wp-container-59, .wp-container-60, .wp-container-61, .wp-container-62, .wp-container-63, .wp-container-64, .wp-container-65, .wp-container-66, .wp-container-67, .wp-container-68, .wp-container-69, .wp-container-70, .wp-container-71, .wp-container-72, .wp-container-73, .wp-container-74, .wp-container-75, .wp-container-76, .wp-container-77, .wp-container-78, .wp-container-79, .wp-container-80, .wp-container-81, .wp-container-82, .wp-container-83, .wp-container-84, .wp-container-85, .wp-container-86, .wp-container-87, .wp-container-88, .wp-container-89, .wp-container-90, .wp-container-91, .wp-container-92, .wp-container-93, .wp-container-94, .wp-container-95, .wp-container-96, .wp-container-97, .wp-container-98, .wp-container-99, .wp-container-100, .wp-container-101, .wp-container-102, .wp-container-103, .wp-container-104, .wp-container-105, .wp-container-106, .wp-container-107, .wp-container-108, .wp-container-109, .wp-container-110, .wp-container-111, .wp-container-112, .wp-container-113, .wp-container-114, .wp-container-115, .wp-container-116, .wp-container-117, .wp-container-118, .wp-container-119, .wp-container-120, .wp-container-121, .wp-container-122, .wp-container-123, .wp-container-124, .wp-container-125, .wp-container-126, .wp-container-127, .wp-container-128, .wp-container-129, .wp-container-130, .wp-container-131, .wp-container-132, .wp-container-133, .wp-container-134, .wp-container-135, .wp-container-136, .wp-container-137, .wp-container-138, .wp-container-139, .wp-container-140, .wp-container-141, .wp-container-142, .wp-container-143, .wp-container-144, .wp-container-145, .wp-container-146, .wp-container-147, .wp-container-148, .wp-container-149, .wp-container-150, .wp-container-151, .wp-container-152, .wp-container-153, .wp-container-154, .wp-container-155, .wp-container-156, .wp-container-157, .wp-container-158, .wp-container-159, .wp-container-160, .wp-container-161, .wp-container-162, .wp-container-163, .wp-container-164, .wp-container-165, .wp-container-166, .wp-container-167, .wp-container-168, .wp-container-169, .wp-container-170, .wp-container-171, .wp-container-172, .wp-container-173, .wp-container-174, .wp-container-175, .wp-container-176, .wp-container-177, .wp-container-178, .wp-container-179, .wp-container-180, .wp-container-181, .wp-container-182, .wp-container-183, .wp-container-184, .wp-container-185, .wp-container-186, .wp-container-187, .wp-container-188, .wp-container-189, .wp-container-190, .wp-container-191, .wp-container-192, .wp-container-193, .wp-container-194, .wp-container-195, .wp-container-196, .wp-container-197, .wp-container-198, .wp-container-199, .wp-container-200, .wp-container-201, .wp-container-202, .wp-container-203, .wp-container-204, .wp-container-205, .wp-container-206, .wp-container-207, .wp-container-208, .wp-container-209, .wp-container-210, .wp-container-211, .wp-container-212, .wp-container-213, .wp-container-214, .wp-container-215, .wp-container-216, .wp-container-217, .wp-container-218, .wp-container-219, .wp-container-220, .wp-container-221, .wp-container-222, .wp-container-223, .wp-container-224, .wp-container-225, .wp-container-226, .wp-container-227, .wp-container-228, .wp-container-229, .wp-container-230, .wp-container-231, .wp-container-232, .wp-container-233, .wp-container-234, .wp-container-235, .wp-container-236, .wp-container-237, .wp-container-238, .wp-container-239, .wp-container-240, .wp-container-241, .wp-container-242, .wp-container-243, .wp-container-244, .wp-container-245, .wp-container-246, .wp-container-247, .wp-container-248, .wp-container-249, .wp-container-250, .wp-container-251, .wp-container-252, .wp-container-253, .wp-container-254, .wp-container-255, .wp-container-256, .wp-container-257, .wp-container-258, .wp-container-259, .wp-container-260, .wp-container-261, .wp-container-262, .wp-container-263, .wp-container-264, .wp-container-265, .wp-container-266, .wp-container-267, .wp-container-268, .wp-container-269, .wp-container-270, .wp-container-271, .wp-container-272, .wp-container-273, .wp-container-274, .wp-container-275, .wp-container-276, .wp-container-277, .wp-container-278, .wp-container-279, .wp-container-280, .wp-container-281, .wp-container-282, .wp-container-283, .wp-container-284, .wp-container-285, .wp-container-286, .wp-container-287, .wp-container-288, .wp-container-289, .wp-container-290, .wp-container-291, .wp-container-292, .wp-container-293, .wp-container-294, .wp-container-295, .wp-container-296, .wp-container-297, .wp-container-298, .wp-container-299, .wp-container-300 {gap: 0 !important;} /* GUTENBERG */ .wp-block-columns.is-not-stacked-on-mobile {flex-wrap: wrap !important;} :where(.wp-block-columns.is-layout-flex) {gap: 0 !important;} /*Gutenberg nollaus > WP 6.4.1 */ /* GUTENBERG FRONTEND */ .wp-block-cover { padding: 0px var(--pagepadding); } .wp-block-image img { width: 100%; } /* HEADER */ .home-link { display: block; } .site-branding { z-index: 999; } .top-header { background-color: var(--white); margin: 0px var(--pagepadding); display: flex; justify-content: space-between; height: auto; align-items: center; } .header-navigation { display: flex; align-items: center; justify-content: space-between; height: 42px; background-color: var(--darkblue); font-family: var(--basefont); width: 75%; font-size: 88.888%; border-radius: 5px; } .header-navigation a, .header-navigation a:visited { color: var(--white) !important; text-decoration: none; } .plane-icon {width: 22px; height: auto; margin-right: 12px; vertical-align: -3px;} .header-sub-menu ul { list-style: none; margin: 0px; padding: 0px; } .header-sub-menu { min-width: 118px; margin-right: 30px; width: 100%; } .site-search { min-width: 250px; margin-left: 10px; } .search-submit { cursor: pointer; border: 1px solid var(--darkblueborder); height: 27px; border-radius: 0px; background: var(--teal); color: var(--white); line-height: 1.5; padding: 0px 10px; } .search-submit svg {margin-left: 4px;} input.search-field {width: 169px; height: 27px; border-radius: 0px; margin-right: -5px; border: 1px solid var(--darkblueborder); } li.yhteystiedot { width: 100%; text-align: right; } /* .language-menu { min-width: 153px; margin-top: 3px; width: 100%; padding-left: 25px; } .language-menu ul { list-style: none; margin: 0px; display: flex; padding: 0px; } .language-menu a:first-child { vertical-align: top; } .language-menu li:first-child::after, .language-menu li:nth-child(2)::after { color: var(--white); content: ' | '; white-space: pre; } .language-menu li:first-child::before { content: url('../svg/flag.svg'); margin-right: 10px; vertical-align: -3px; } */ .accessibility-menu { background-color: var(--black); height: 100%; display: flex; align-items: center; justify-content: center; min-width: 320px; border-radius: 5px; } .accessibility-menu ul { list-style: none; margin: 0px; display: flex; padding: 0px; } .accessibility-menu li { list-style: none; margin-left: 8px; } .speaker-icon { margin: -5px 12px; height: 22px; width: auto;} .font-icon { margin: -5px 12px; height: 22px; width: auto;} .kuuntele::after { color: var(--white); content: ' | '; white-space: pre; } .logo-with-background { height: 165px; width: auto; } #listenButton1 { border: none; background: none; color: white; padding: 0; font-family: var(--basefont); cursor: pointer; } /* MAIN NAVIGATION - - - - - - - - - */ /* Max Mega Menu: memoo */ #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-5740 .mega-search-wrap {width: calc(100% - 66px); margin: 5px 33px;} /*mobiili-hakuboksi*/ /* MIKA: Megamenun muotoilua aika paljon plugarin asetuksissa, siellä myös css:ää */ .main-navigation { padding: 0px var(--pagepadding); background-color: var(--white); font-family: var(--basefont); font-weight: 700; font-size: 100%; } .main-navigation ul { align-items: center; justify-content: space-between; } .main-navigation .menu-item { padding: 23px 10px; margin-left: auto; margin-right: auto; } .main-navigation .menu-item:first-child { margin-left: 0px; } .main-navigation .menu-item:last-child { margin-right: 0px; } .main-navigation .menu-item-has-children > a { padding-right: 15px; max-width: 100%; } .main-navigation .menu-item-has-children > a:first-child::after { content: url('../svg/chevron-down-blue.svg'); margin-left: 6px; display: inline-table; margin-right: -15px; } .main-navigation .menu-item a:hover, .main-navigation .menu-item a:active { color: var(--darkblue); } .main-navigation .sub-menu .menu-item { padding: 10px 20px; background-color: var(--white); } button.menu-toggle { margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; padding: 0 !important; border: 0 !important; background: none !important; cursor: pointer !important; } .main-navigation .menu-icon { fill: var(--darkblue); } .main-navigation li.current_page_item a { border-bottom: 2px solid var(--lightblue); padding-bottom: 6px; margin-bottom: -8px; width: min-content; } #masthead li ul li a.mega-menu-link { line-height: 1.3!important;} #masthead li ul li ul li a.mega-menu-link { line-height: 1.6!important;} .page-sidebar-left li ul li a.mega-menu-link { line-height: 1.9!important;} #mega-menu-item-5819 { clear: none!important; } .mega-yht::before { content: '';} /** SOSIAALI- JA TERVEYSPALVELUT VALIKKO **/ li#mega-menu-item-5821 { display: none!important;} /** ACCORDION ALASIVUMENU, testiä **/ .wp-block-kioken-accordion .kioken-accordion-item-heading { background-color: var(--darkblue); color:var(--white)!important; opacity: 1; padding-left: 20px;} /* FRONTPAGE */ /* Metaslider-karuselli - tämä on Mikalla kesken (painikkeen luonti) */ .karuselli-painike { display: inline-block; height: 40px; min-width: 100px;text-align: center; text-transform: uppercase; padding: 0.4em 1.0em 0.4em 1.0em; background-color: var(--white); border: 1px solid var(--darkblue); color: var(--darkblue)!important; font-family: var(--basefont); text-decoration: none; position: relative; bottom: 0; font-size: 90%; margin-top: 25px; border-radius: 5px; } .karuselli-painike:hover { background-color: rgba(0,70,173,0) !important; color: #fff !important; border: 1px solid #fff; } .karuselli-tekstialue h1 { margin-bottom: 26px !important; margin-top: -5px !important; } .piilossa { visibility: hidden; display: none; } /*.huomio { background-color: var(--darkblue); padding: 1.2em; padding-bottom: 2.5em;} .huomio h2 { color:#fff; text-shadow: none; font-weight:600; } .huomio p { color: #fff; } .huomio .wp-block-button a { margin-top: 1.1em; background-color: #fff; text-transform: uppercase; border: 1px solid var(--darkblue); } .huomio .wp-block-button a:hover { background-color: var(--darkblue); border: 1px solid #fff; }*/ .huomio .wp-block-button__link { color: var(--darkblue); } .huomio .wp-block-button__link:hover { color: #fff; } a.karuselli-painike:empty { display: none; visibility: hidden; } .karuselli-tekstialue br { display: none; visibility: hidden; } /* Metaslider - Custom post type muotoilut */ .metaslider.ms-theme-simply-dark { overflow: hidden!important; } .metaslider.ms-theme-simply-dark.has-dots-nav { margin-bottom: 0px !important; } .kioken-tabs-content { padding: 20px 0px 20px 0px !important; } .metaslider .caption-wrap { background: transparent!important; opacity: 1!important; bottom: 12% !important; left: 5% !important; } .karuselli-tekstialue { background: rgba(0,70,173,0.8); padding:40px 50px!important; max-width: 600px; border-radius: 5px; } .karuselli-tekstialue h1, .karuselli-tekstialue h2 { margin-right: 0%!important; margin-block-start: 0em; margin-block-end: 0em; text-shadow: none!important; } .karuselli-tekstialue h1 { font-size: 200%;} .karuselli-tekstialue h2 { font-size: 140%; } .karuselli-leipis { margin-top:-20px;} .karuselli-leipis br { line-height: 0!important; display: none;} .karuselli-leipis p { font-size: 115%!important; margin-bottom: 10px!important; margin-top: 10px!important; } .metaslider .flex-control-nav { bottom:10px!important; } .metaslider.ms-theme-simply-dark .flexslider ol.flex-control-nav:not(.flex-control-thumbs) { top:auto!important; justify-content: center!important; background:transparent!important;} .metaslider.ms-theme-simply-dark .flexslider ol.flex-control-nav:not(.flex-control-thumbs) li a { background: var(--white)!important;} .metaslider.ms-theme-simply-dark .flexslider ol.flex-control-nav li a.flex-active { background: var(--darkblue)!important; } /** Ajankohtaista **/ .wp-block-kioken-tabs { padding: 1em 0.1em !important; width: calc(100% - 20%); margin-left: 10%; margin-right: 10%;} /*etusivun ajankohtaista - osio*/ .wp-block-kioken-tabs .kioken-tabs-buttons > .kioken-tabs-buttons-item { font-family: var(--basefont); color: var(--darkergrey); font-weight: 700; font-size: 122%; opacity: 1; } .wp-block-kioken-tabs .kioken-tabs-buttons > .kioken-tabs-buttons-item-active { color: var(--darkblue); } .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item.kioken-tabs-buttons-item-active { border-color: var(--lightblue); border-bottom-color: var(--lightblue); } .kioken-tabs-buttons-item { padding: 0px 0px 6px 0px !important; margin: 10px 20px -8px 20px !important; } .wp-block-kioken-tabs .kioken-tabs-content { margin: 0 !important; border: 1px solid var(--darkgrey) !important; } a.kioken-tabs-buttons-item { border-width: 0px 0px 2px 0px !important; } .kioken-tabs-buttons-item:first-of-type { margin-left: 0px !important; } .wp-block-kioken-tabs .kioken-tabs-buttons { margin-bottom: 1.5em; } .wp-block-kioken-tab { display: flex; flex-wrap: wrap;} .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item.kioken-tabs-buttons-item-active { background-color: var(--lightblue); padding: 10px 15px !important; border: 0 !important; border-radius: 5px; } .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item { padding: 10px 5px !important; } /*ajankohtaista –––> */ .ajankohtaista_container {flex:1 1 50%; font-family: var(--basefont); color: var(--darkergrey); text-transform: none; padding: 0px 20px; border-left: 1px solid var(--darkgrey); position: relative; margin-bottom: 2em; } .ajankohtaista_container h3 { text-transform: none; margin: 10px 0px 10px 0px; } .ajankohtaista_container p.date {font-size: 83.333% !important; color: var(--black); } .ajankohtaista_container p.excerpt { margin-bottom: 65px; } .ajankohtaista_container .btn-tabs { display: block; height: 45px; min-width: 130px; text-align: center; text-transform: uppercase; padding: 0.5em 1.2em 0.6em 1.2em; /*background-color: var(--darkblue);*/ background-color: var(--white); border: 1px solid var(--darkblue); color:var(--darkblue); font-family: var(--basefont); text-decoration: none; position: absolute; bottom: 0; border-radius: 5px; } .ajankohtaista_container a.btn-tabs:hover { background-color: var(--darkblue); color: var(--white); } /*a.btn-tabs:hover { color: var(--white); }*/ .ajankohtaista_container .btn-tabs {margin-bottom: 7px;} .view-all { margin: 20px auto 0px auto;} .view-all .wp-block-button { text-transform: uppercase; } .view-all .wp-block-button__link { padding: 12px 54px ;} .ajankohtaista-tiedotteet-tapahtumat { width: 100%; text-align: center; } /*ALVAR-tintti baneeri etusivulle 31.10.2022 by Valakia */ .alvar-tintti-banneri {padding: 20px calc(var(--pagepadding) + 8%);} /** Etusivun nostot, pikalinkit yms **/ .featured-content-area .wp-block-group__inner-container {width: calc(100% - 20%); margin-left: 10%; margin-right: 10%;} /*etusivun nostot*/ .featured-content-area { padding: 20px var(--pagepadding); /*background-image: url('../img/kirjasto-katto.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover;*/} .featured-content-area .wp-block-columns { margin-bottom: 0px; } /*Pikalinkit*/ h3#pikalinkit { font-size: 140% !important; margin: 10px 0px 20px 0px; } .featured-content-area .wp-block-columns:nth-of-type(1) {flex-wrap: wrap;} /** nollaa gutenbergin flex-wrap pikalinkkeihin **/ .wp-block-column.pikalinkki {align-content: space-evenly; border-radius: 5px; } /** nollaa gutenberg **/ .wp-block-column.pikalinkki:not(:first-child) {margin-left: 0px !important;} .wp-block-column.pikalinkki {text-align: center; background-color: var(--white); padding: 30px 15px 0px 15px; flex-basis: calc(12.5% - 1%) !important; margin-right: 1%; margin-left: 0%; margin-bottom: 1%;} .wp-block-column.pikalinkki:nth-child(8) {margin-right: 0% !important;} .pikalinkki h4 a { font-size: 80%; font-weight: 400; } /*ikonit*/ a.noicon { display: block; } .wp-block-column.pikalinkki .icon-svg { height: 70px; } .seuraa-somessa p a { font-size: 17px; } .museo-ikoni { max-width: 74px; } .kirjasto-ikoni { max-width: 67px; } .uimari-ikoni, .aalto-ikoni { max-width: 94px; } .korona-ikoni { max-width: 80px; } .numerot-ikoni { max-width: 67px; } .poytakirjat-ikoni { max-width: 84px; } .quote-ikoni, .ihmiset-ikoni, .vesihana-ikoni { max-width: 76px; } .pikalinkki a { text-decoration: none; display: block; } .pikalinkki a:hover, .pikalinkki a:active { color: var(--teal); } .seuraa-somessa a { text-decoration: none; } /* Nostot (etusivun) */ .wp-block-column.matkailijalle, .wp-block-column.muuttajalle, .wp-block-column.lapsiperheille {align-content: flex-end; flex-basis: auto !important; width: calc(15%);} /** nollaa gutenberg **/ .featured-content-area .wp-block-column.matkailijalle {background-color: var(--white); padding: 0px 20px 0px 20px; min-width: calc(33.333%); margin-left: 0%; margin-right: 0%;} .featured-content-area .wp-block-column.muuttajalle {background-color: var(--darkblue); padding: 0px 20px 0px 20px; min-width: calc(33.333%); margin-left: 0%; margin-right: 0%;} .featured-content-area .wp-block-column.lapsiperheille {background-color: var(--teal); padding: 0px 20px 0px 20px; min-width: calc(33.333%); margin-left: 0%; margin-right: 0%;} /*.featured-content-area .matkailijalle, .featured-content-area .muuttajalle, .featured-content-area .lapsiperheille { margin-left: 0px; }*/ .featured-content-area .matkailijalle h3 { color: var(--lightred); text-shadow: none; } .featured-content-area .muuttajalle h3 { color: var(--white); text-shadow: none; } .featured-content-area .lapsiperheille h3 { color: var(--white); text-shadow: 2px 2px var(--darkblue); } /*some-palkki*/ .featured-content-area .wp-block-columns:nth-of-type(3) {flex-wrap: wrap;} /** nollaa gutenbergin some + yhteystiedot **/ .wp-block-column.seuraa-somessa .wp-block-columns {margin-bottom: 0px;} /** nollaa gutenberg some aluellea**/ .wp-block-column.seuraa-somessa {align-content: flex-end; flex-basis: auto !important;} /** nollaa gutenberg **/ .wp-block-column.seuraa-somessa .wp-block-column {width: calc(50% - 2%); margin-left: 1%; margin-right: 1%; } /** nollaa gutenberg some aluellea**/ /*.wp-block-column.seuraa-somessa:not(:first-child) {margin-left: 0px !important;}*/ .featured-content-area .wp-block-column.seuraa-somessa {background-color: var(--white); padding: 0px 20px 20px 20px; flex-basis: calc(25%) !important; margin-left: 0%; margin-right: 0%;} /*kehys - */ .featured-content-area .wp-block-column.seuraa-somessa h3 {/*font-size: 122%;*/ text-transform: none; margin-bottom: 0px; text-shadow: none;} .featured-content-area .wp-block-column.seuraa-somessa .wp-block-column {text-align: center;} .featured-content-area .wp-block-column.seuraa-somessa .wp-block-column.wp-block-column {padding: 20px 0px 0px 0px; flex-basis: calc(50% - 2%) !important; margin-left: 1%; margin-right: 1%; /*background-color: lightcyan;*/} .featured-content-area .wp-block-column.seuraa-somessa .icon-svg svg {width: 75px; height: auto;} .wp-block-column.seuraa-somessa { border-radius: 5px; } /** yhteystiedot **/ .wp-block-column.yhteystiedot {align-content: flex-end; flex-basis: auto !important; border-radius: 5px; } /** nollaa gutenberg **/ /*.wp-block-column.yhteystiedot:not(:first-child) {margin-left: 0px !important;}*/ .featured-content-area .wp-block-column.yhteystiedot { background-color: var(--white); padding: 0px 20px 0px 20px; flex-basis: calc(75% - 1%) !important; margin-left: 1%; margin-right: 0%;} .featured-content-area .yhteystiedot .wp-block-column {width: calc(30% - 1%); margin-left: 1% !important; margin-right: 1%; margin-bottom: 6%; padding: 20px 20px 10px 0;} /*teksti-palsta 1/3 - blokki*/ .featured-content-area .yhteystiedot .wp-block-column:nth-of-type(1), .featured-content-area .yhteystiedot .wp-block-column:nth-of-type(2) {border-right: 1px solid var(--darkgrey);} /*.featured-content-area .yhteystiedot .tekstit { margin: 0px; }*/ .featured-content-area .wp-block-column.yhteystiedot { font-size: 100%; text-transform: none; text-shadow: none; } .featured-content-area .wp-block-column.yhteystiedot h3 { margin-left: 1% !important; } .featured-content-area .wp-block-column.yhteystiedot p { color: var(--darkblue); margin-bottom: 20px; } /** palaute **/ .featured-content-area .wp-block-columns:nth-of-type(4) {flex-wrap: wrap;} /** nollaa gutenbergin palautteessa **/ .featured-content-area .palaute { background-color: var(--white); padding: 20px 20px 20px 20px; border-radius: 5px; margin-top: 1%; } /*kehysboksi*/ .featured-content-area .palaute .wp-block-column:nth-of-type(1), .featured-content-area .palaute .wp-block-column:nth-of-type(2), .featured-content-area .palaute .wp-block-column:nth-of-type(3) {display: flex; flex-direction: column; justify-content: center; text-align: center; flex-basis: auto !important;} .featured-content-area .palaute .wp-block-column:nth-of-type(1) {border-right: 1px solid var(--darkgrey);} .featured-content-area .palaute .wp-block-column:nth-of-type(1) {width: calc(15% - 2%); margin-left: 1%; margin-right: 1%;} .featured-content-area .palaute .wp-block-column:nth-of-type(2) {width: calc(55% - 2%); margin-left: 1%; margin-right: 1%; padding: 20px 0;} .featured-content-area .palaute .wp-block-column:nth-of-type(3) {width: calc(30% - 2%); margin-left: 1%; margin-right: 1%;} /*.featured-content-area .palaute p { margin: 0px; }*/ .featured-content-area .palaute h3 {text-transform: none; text-shadow: none; } .featured-content-area .palaute .wp-block-button__link { margin-top: 10px; background-color: var(--darkblue); } .featured-content-area .palaute .wp-block-button { min-width: 172px; } /* HAKU + ERIKOISSIVUT */ body.search .site-main, body.search-no-results .site-main, body.error404 .site-main, body.search-results .site-main {padding: 0px var(--pagepadding); margin-bottom: 1.5em;} .search-results article { border-bottom: solid 2px var(--darkgrey); } /* PAGE */ .page-breadcrumb-container { margin-bottom: 1.5em; } .page-breadcrumb { padding: 12px var(--pagepadding); background-color: var(--grey); font-family: var(--basefont); font-size: 83.333%; } .page-breadcrumb a {text-decoration: none;} .page-breadcrumb a:hover {color: var(--teal); text-decoration: underline;} .page-row { display: flex; flex-wrap: wrap; padding: 0px var(--pagepadding); margin-bottom: 1.5em; } .page-article { width: 60%; } .alvar-aalto-viikko .page-article { width: 100%; } .page-row .entry-content { padding: 0px 20px; } /* Alasivun pääotsikon muotoiluja */ .page-child h1:first-of-type, .alvar-aalto-viikko h1:first-of-type { /*border-bottom: solid 2px var(--darkgrey);*/ padding-bottom: 5px; } /* SIVUPALKKIEN MUOTOILUJA */ .page-sidebar-left { width: 20%; padding: 0px 20px 0px 0px; } .page-sidebar-right { width: 20%; padding: 35px 20px 20px 20px;; border-left: solid 1px var(--darkgrey); /*color: var(--darkblue);*/ color:#404040; } .page-row .wp-block-image figcaption { margin-top: .5em; margin-bottom: 0px !important; padding-left: 1em; font-family: var(--basefont); } .page-row .wp-block-image { background-color: /*var(--grey)*/var(--white); padding-bottom: 1em; margin-bottom: 0px !important; } .page-sidebar-right h2, .page-sidebar-right h3, .page-sidebar-right h4 { text-transform: none; border-bottom: 2px solid #ccc; padding-bottom:7px;} /* Artikkelinostot (page) */ .artikkelinostot-pvm { font-size: 80%; } .artikkelinostot-item p { margin: 0px; } .artikkelinostot-link { text-decoration: none; display: block; } a.artikkelinostot-link { /*text-indent: -28px; font-weight:600; padding-left: 28px;*/ margin-top: 0px; margin-bottom: 25px; /*font-size: 1.17em; color: unset !important;*/ } /* ACCORDION MOBILE MENU (on pages) */ .haitari .accordion { cursor: pointer; padding: 14px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } .haitari .accordion p { margin: 0px; padding: 0px; float: left; } .haitari .active, .haitari .accordion:hover { background-color: #ccc; } .haitari .panel { padding: 0px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .haitari .accordion:after { content: '\f228'; font-family: 'dashicons'; font-size: 20px; float: right; } /* LISÄVALIKKO - alaviujen alasivut */ nav.mobiili-alasivut { /* margin-top: -30px;*/ background: var(--grey); } nav.mobiili-alasivut ul { list-style: none; padding-inline-start: 0px; border-left: 1px solid var(--darkgrey);border-right: 1px solid var(--darkgrey);border-top: 1px solid var(--darkgrey);} nav.mobiili-alasivut ul li { border-bottom: 1px solid var(--darkgrey); padding: 3px 13px; } nav.mobiili-alasivut ul li a { text-decoration: none; font-size: 0.9em;} /* POST & ARCHIVES */ .archive-row { padding: 0px calc(var(--pagepadding) + var(--pagepadding)); margin-bottom: 1.5em; margin-top: 1.5em; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { margin: 2em 0em;} .single article { width: 75%; padding: 0px 20px; } ul.ajankohtaista, ul.artikkelit { margin: 0px; } .single .sidebar-right h3 { margin-left: 40px; text-transform: none; border-bottom: 2px solid #ccc; padding-bottom:7px; } .entry-meta, .single .sidebar-right { font-family: var(--raleway); } .archive h1:first-child { border-bottom: solid 2px var(--darkgrey); padding-bottom: 5px; } .archive h2 { margin-bottom: 5px; } .archive h2 a { text-decoration: none;} .sidebar-right { width: 25%; color: var(--darkblue); border-left: solid 2px var(--darkgrey); } .sidebar-right ul li { margin-bottom: 10px; list-style: none; } .sidebar-right ul li a { text-decoration: none;} .sidebar-right ul li p { margin-block-start: 0em; margin-block-end: 1em; color: var(--black); font-size: 0.8em!important;} .post-breadcrumb-container { padding: 0px var(--pagepadding); margin: 1.5em 0; } .post-breadcrumb { padding: 12px 25px; background-color: var(--grey); font-family: var(--basefont); font-size: 83.333%; } .post-breadcrumb a {text-decoration: none;} .post-breadcrumb a:hover {color: var(--teal); text-decoration: underline;} .article-row { padding: 0px calc(var(--pagepadding) + var(--pagepadding)); margin-bottom: 1.5em; margin-top: 1.5em; display: flex; flex-wrap: wrap; } .post-article { width: 50%; } .post-sidebar-left { width: 25%; padding: 0px 20px; } .post-sidebar-right { width: 25%; padding: 20px; border-left: solid 2px var(--darkgrey); color: var(--darkblue); } /*.post-row .wp-block-image figcaption { margin-top: .5em; margin-bottom: 0px !important; padding-left: 1em; font-family: var(--basefont); } .post-row .wp-block-image { background-color: var(--grey); padding-bottom: 1em; margin-bottom: 0px !important; }*/ .page-id-362 .only-image {max-width: 50%;} .only-image { background-color: var(--white) !important; } .only-image img { width: auto; } /* OSIOIDEN PÄÄSIVUJEN MUOTOILUT */ .hallintokunta-osio { border: 1px solid var(--grey); background-color: var(--grey); } .hallintokunta-osio:hover {background-color: var(--lightblue);} .hallintokunta-osio .wp-block-image { background-color:rgba(255,255,255,0); } .hallintokunta-osio .wp-block-image img:hover { opacity: 0.6; } .hallintokunta-osio figure { margin:0; } .hallintokunta-osio h4 { margin-block-start: 0.33em; margin-block-end: 0.33em; text-align: left; padding: 0 20px; } .hallintokunta-osio a { text-decoration: none;} .hallintokunta-osio p { padding: 0 20px; font-size: 90%!important; line-height: 1.4em; } /* KAUPUNKI JA HALLINTO */ .page-id-206 h1:first-of-type {margin: 0 0 0.67em 0;} .page-id-206 .page-article { width:80%;} .page-id-206 .page-sidebar-right { display: none;} /* ASUMINEN JA YMPÄRISTÖ */ .page-id-433 h1:first-of-type {margin: 0 0 0.67em 0;} .page-id-433 .page-article { width:80%;} .page-id-433 .page-sidebar-right { display: none;} /* KASVATUS JA OPETUS */ .page-id-482 h1:first-of-type {margin: 0 0 0.67em 0;} .page-id-482 .page-article { width:80%;} .page-id-482 .page-sidebar-right { display: none;} /* KULTTUURI JA VAPAA-AIKA */ .page-id-483 h1:first-of-type {margin: 0 0 0.67em 0;} .page-id-483 .page-article { width:80%;} .page-id-483 .page-sidebar-right { display: none;} /* TYÖ JA YRITTÄJYYS */ .page-id-484 h1:first-of-type {margin: 0 0 0.67em 0;} .page-id-484 .page-article { width:80%;} .page-id-484 .page-sidebar-right { display: none;} /* ETÄVASTAANOTTO #eChatBtn_86, #chatFrameCloseBtn_86, #chatFrame_86 { right: 70px !important; }*/ /* YKSITTÄISEN ARTIKKELIN MUOTOILUT */ .single h1.entry-title { margin:0.3em 0; } .single .entry-header .entry-meta {/*border-bottom: solid 2px var(--darkgrey); padding-bottom: 15px;*/ font-weight: 200;} .single .post-meta-separator { padding:0 15px; } /* PAINIKKEET */ .wp-block-button a { border-radius: 5px; background-color: #0046ad; } .wp-block-button a:hover { background-color: rgba(0,70,173,0.8)!important;} .huomio .wp-block-button a:visited { color: var(--darkblue); } .huomio .wp-block-button a:hover { color: var(--white); } .wp-block-button a:visited { color: var(--white); } /* LOMAKKEEN MUOTOILUT */ .wpcf7 form .wpcf7-response-output { border: 2px solid var(--darkblue)!important;} /** Recapthca BADGE */ .grecaptcha-badge { visibility: hidden !important; } /** GDPR **/ #moove_gdpr_save_popup_settings_button:hover { opacity: 1 !important; } /* FOOTER */ .site-footer {background-color: var(--white); } .site-info {padding: 4em var(--pagepadding); display: flex; flex-wrap: wrap; justify-content: start; border-top: 1px solid var(--darkblue); margin: 0;} .site-info-column-1 {text-align: center; width: calc(10%); font-family: var(--basefont); color: var(--darkblue); } /*vaakuna*/ .site-info-column-2 {text-align: center; width: calc(25%); font-family: var(--basefont); color: var(--darkblue); } /*virasto*/ .site-info-column-3 {text-align: center; width: calc(25%); font-family: var(--basefont); color: var(--darkblue); } /*palvelutoimisto*/ .site-info-column-4 {text-align: center; width: calc(20%); font-family: var(--basefont); color: var(--darkblue); } /*some*/ .site-info-column-5 {text-align: center; width: calc(20%); font-family: var(--basefont); color: var(--darkblue); } /*painikkeet*/ .site-info-column-4.some { display: flex; justify-content: flex-end; margin-top: 20px; } .facebook-logo-link { margin-left: 10%; margin-right: 5%; display: table;} .instagram-logo-link { margin-left: 5%; margin-right: 10%; display: table; } .btn-teal { display: block; min-height: 45px; width: 89%; padding: 0.6em 1.2em; background-color: var(--teal); font-family: var(--basefont); text-decoration: none; margin: 20px 6% 0 6%;} a.btn-teal { color: var(--white); border-radius: 5px; } .vaakuna { height: 110px; width: auto; } /* footerin sitemap */ .sitemap {width: 100%; height: auto; background-color: var(--darkergrey); } .footer-sitemap .menu-item {padding: 0 0px !important;} .footer-sitemap ul.menu { display: flex; flex-wrap: wrap; margin: 0; padding: 4em calc(var(--pagepadding) + 2%) 0 calc(var(--pagepadding) + 2%); } .footer-sitemap ul { list-style: none !important; } /*.footer-sitemap li.menu-item-has-children {font-weight: 600; text-transform: uppercase; width: calc(25% - 4em); margin-left: 2em; margin-right: 2em; margin-bottom: 4em !important;}*/ .footer-sitemap li {font-weight: 400; line-height: 1.15; margin-top: 4px;} .footer-sitemap li a {text-decoration: none; font-family: var(--basefont); color: var(--white); font-size: 89%;} .footer-sitemap li a:hover {text-decoration: underline; color: var(--black);} .footer-sitemap ul.sub-menu {margin: 0; padding: 0; text-transform: none; } .footer-sitemap ul li { width: calc(25% - 1em); text-transform: uppercase; font-weight: 600; margin-bottom: 4em; } .footer-sitemap .mmm-mobile-test, .footer-sitemap .mmm-mobile-lang, .footer-sitemap .etusivu, .footer-sitemap ul li ul li .sub-menu { display:none; } .footer-sitemap ul li ul li, .footer-sitemap ul li ul li a { width:100%; text-transform: none; padding-left: 4px; display: inline-block; font-weight: 400; margin-bottom: 0; } /*footerin legalit ja copyrightit*/ .site-copyright { padding: 0.9em calc(var(--pagepadding)) 0.9em calc(var(--pagepadding) + 2%); display: flex; flex-wrap: wrap; justify-content: space-between; background-color: var(--black); font-family: var(--basefont); font-size: 83.333%; font-weight: 400; color: var(--white); } /* copyright + tietosuoja-linkit */ .legal-footer {display: flex; justify-content: flex-start; text-align: left;} .separator { margin: 0 12px; } .site-copyright p { margin: 0px; } .site-copyright a {color: var(--lightblue); text-decoration: none;} .site-copyright a:hover { color: var(--grey); text-decoration: underline;} /* valakia - logo ja linkki */ .valakia-footer {display: flex; justify-content: center;} .valakia-footer svg {height: 12px; width: auto; margin-top: 4px;} .valakia-footer a:hover {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: opacity(50%); -webkit-filter: opacity(50%); -moz-filter: opacity(50%); -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #to_top_scrollup { bottom: 20px !important; } /* --- ONLY MOBILE STYLES BELOW THIS LINE --- */ /* TOP HEADER */ @media (min-width: 1201px) { .top-header { border-bottom: 1px solid lightgrey; } } @media (max-width: 1200px) { .top-header { flex-direction: column; align-items: center; } #masthead .mega-menu-item-object-page { background: #f7f6f5!important;} #masthead #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #masthead #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { color: #fff!important; background: #0046ad!important; } #masthead #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-current_page_item > a.mega-menu-link, #masthead #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-current_page_item > a.mega-menu-link:hover { border-bottom: none!important; } } @media (max-width: 1000px) { .header-sub-menu, .site-search, .accessibility-menu { min-height: 40px; } } /* MAIN NAVIGATION */ @media (max-width: 1200px) and (min-width:1199px) { #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 { display: none !important; } } @media (min-width: 981px) { nav.mobiili-alasivut { display: none;} .main-navigation.toggled ul {display: flex !important;} .haitari { display: none !important; visibility: hidden !important; } .wp-container-15, .wp-container-28, .wp-container-18, .wp-container-21 {gap: 0px !important;} .wp-container-33 {gap: 0px !important; flex-wrap: wrap !important;} } @media (max-width: 980px) { .menu-item { margin-left: 0; padding: 15px 0; } .menu-item:first-child { margin-left: 0; padding: 0 0 15px 0; } .menu-item:last-child { margin-left: 0; padding: 15px 0 23px 0; } .menu-item-has-children > a { width: 100%; } .main-navigation ul ul { box-shadow: none !important; float: none !important; position: initial !important; top: 0 !important; left: 0 !important; } .sub-menu .menu-item { background-color: none !important; padding: 0 !important; top: 5px !important; left: 25px !important; } .page-sidebar-left { display: none !important; visibility: hidden !important; } .metaslider .caption-wrap { left: 0 !important; } } /** FOOTER: MMM + ETUSIVUN INFOT –––> **/ /*** Responsive Styles Large Desktop And Above ***/ @media all and (min-width: 1200px) and (max-width: 1300px) { #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { padding: 7px 15px 7px 15px; line-height: 1.5 !important; text-align: center; min-width: 120px !important; } } @media all and (min-width: 1200px) { li.mega-mmm-only-mobile a{ display: none!important; } } @media all and (max-width: 1200px) { /** mobiili-valikko **/ .header-navigation {display: none; visibility: hidden;} /* <––––– headerin työkalut piiloon mobiilissa ennen 1200px*/ .top-header {flex-direction: row !important; align-items: flex-start !important;} #mega-menu-wrap-menu-1 .mega-menu-toggle { background: none !important; position: absolute; top: -105px; right: 50px; } #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right {justify-content: center !important;} /*keskitä mob-menu*/ /*karuselli*/ body .metaslider .flexslider .slides li {min-height: 600px;} /* etusivun mobiili-karuselli */ body .metaslider .flexslider .slides img {min-height: 600px; width: auto;} /* etusivun mobiili-karuselli */ .metaslider h1, .metaslider h2 {margin-right: 0%;} .wp-block-kioken-tabs { padding: 1em 1em !important; } .kioken-tabs-buttons-item { font-size: 15px !important; padding: 10px 0px !important; } .wp-block-kioken-tabs .kioken-tabs-buttons>.kioken-tabs-buttons-item { padding: 10px 0px !important; } } /*** Responsive Styles Standard Desktop Only ***/ @media all and (min-width: 981px) and (max-width: 1404px) { /*karuselli*/ .metaslider h1, .metaslider h2 {margin-right: 25%;} .wp-block-kioken-tabs {width: calc(100% - 6%); margin-left: 3%; margin-right: 3%;} /*etusivun ajankohtaista - osio*/ .featured-content-area .wp-block-group__inner-container {width: calc(100% - 6%); margin-left: 3%; margin-right: 3%;} /*etusivun nostot - osio*/ /**pikalinkit**/ .wp-block-column.pikalinkki {flex-basis: calc(25% - 1%) !important; margin-right: 1%; margin-bottom: 1%;} /**nostot**/ .featured-content-area .wp-block-column.seuraa-somessa {flex-basis: calc(40% - 1%) !important; margin-left: 0%; margin-right: 1% !important; } .featured-content-area .wp-block-column.yhteystiedot {flex-basis: calc(60%) !important; margin-left: 0% !important; margin-right: 0%; } .featured-content-area .yhteystiedot .wp-block-column {flex-basis: calc(100%) !important; margin-left: 0% !important; margin-right: 0%; /*flex-grow: 1 !important;*/} .featured-content-area .yhteystiedot .wp-block-column:nth-of-type(1), .featured-content-area .yhteystiedot .wp-block-column:nth-of-type(2) {border-right: none; border-bottom: 1px solid var(--darkgrey);} .featured-content-area .wp-block-columns:not(.is-not-stacked-on-mobile)>.yhteystiedot .wp-block-column:not(:first-child) {margin-left: 1% !important;} /*footer*/ .vaakuna {max-height: 88px; width: auto;} .site-info-column-1 {text-align: left; width: calc(10% - 1em); margin-left: 0em; margin-right: 1em;} /*vaakuna*/ .site-info-column-2 {text-align: left; width: calc(27% - 2em); margin-left: 1em; margin-right: 1em;} /*virasto*/ .site-info-column-3 {text-align: left; width: calc(29% - 2em); margin-left: 0em; margin-right: 2em;} /*palvelutoimisto*/ .site-info-column-4 {width: calc(10% - 2em); margin-left: 1em; margin-right: 1em;} /*some*/ .site-info-column-5 {text-align: center; width: calc(24% - 2em); margin-left: 1em; margin-right: 1em;} /*painikkeet*/ .site-info-column-4.some {justify-content: center;} /*sitemap*/ /*.footer-sitemap li.menu-item-has-children {width: calc(33% - 4em); margin-left: 2em; margin-right: 2em; margin-bottom: 3em !important;}*/ /*sitemap*/ .legal-footer {text-align: center; width: calc(80% - 2em); margin-left: 1em; margin-right: 1em;} .valakia-footer {text-align: center; width: calc(20% - 2em); margin-left: 1em; margin-right: 1em;} } /*** Responsive Styles Tablet Only ***/ @media all and (max-width: 980px) { /** mobiili-valikko **/ .top-header {flex-direction: row !important; align-items: flex-start !important;} #mega-menu-wrap-menu-1 .mega-menu-toggle { background: none !important; position: absolute; top: -105px; right: 50px; } #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right {justify-content: center !important;} /*keskitä mob-menu*/ /*ajankohtaista etusivulle ––> */ .wp-block-kioken-tabs {width: calc(100% - 2%); margin-left: 1%; margin-right: 1%;} /*etusivun ajankohtaista - osio*/ .wp-block-kioken-tabs .kioken-tabs-buttons > .kioken-tabs-buttons-item {font-size: 100%;} .kioken-tabs-buttons-item {margin: 10px 20px -8px 0px !important} /*etusivu ––> */ .featured-content-area .wp-block-group__inner-container {width: calc(100% - 10%); margin-left: 5%; margin-right: 5%;} /*etusivun nostot - osio*/ /**pikalinkit*/ .wp-block-column.pikalinkki {flex-basis: calc(48% - 1%) !important; margin-right: 1% !important; margin-bottom: 1%;} /**nostot**/ .featured-content-area .wp-block-column.matkailijalle, .featured-content-area .wp-block-column.muuttajalle, .featured-content-area .wp-block-column.lapsiperheille {width: calc(100%); margin-left: 0%; margin-right: 0%;} .featured-content-area .yhteystiedot .wp-block-column:nth-of-type(1), .featured-content-area .yhteystiedot .wp-block-column:nth-of-type(2) {border-right: none; border-bottom: 1px solid var(--darkgrey);} .featured-content-area .wp-block-columns:nth-of-type(2) {flex-wrap: wrap !important;} .yhteys-alue.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {flex-basis: calc(100%) !important; flex-grow: 1 !important; } .featured-content-area .wp-block-column.seuraa-somessa {flex-basis: calc(100%) !important; margin-left: 0% !important; margin-right: 0% !important; margin-bottom: 1%; } .featured-content-area .wp-block-column.yhteystiedot {flex-basis: calc(100%) !important; margin-left: 0% !important; margin-right: 0% !important; margin-bottom: 1%; } /*palaute*/ .featured-content-area .palaute .wp-block-column:nth-of-type(1) {border-right: none; border-bottom: 1px solid var(--darkgrey); min-width: calc(100% - 2%); margin-left: 1%; margin-right: 1%;} .featured-content-area .palaute .wp-block-column:nth-of-type(2) {width: calc(100% - 2%); margin-left: 1%; margin-right: 1%;} .featured-content-area .palaute .wp-block-column:nth-of-type(3) {width: calc(100% - 2%); margin-left: 1%; margin-right: 1%;} /*footer*/ .site-info-column-1 {text-align: center; width: calc(100% - 2em); margin-left: 1em; margin-right: 1em; padding-bottom: 1em;} /*vaakuna*/ .site-info-column-2 {text-align: center; width: calc(50% - 2em); margin-left: 1em; margin-right: 1em;} /*virasto*/ .site-info-column-3 {text-align: center; width: calc(50% - 2em); margin-left: 1em; margin-right: 1em;} /*palvelutoimisto*/ .site-info-column-4 {width: calc(50% - 2em); margin-left: 1em; margin-right: 1em;} /*some*/ .site-info-column-5 {text-align: center; width: calc(50% - 2em); margin-left: 1em; margin-right: 1em;} /*painikkeet*/ .site-info-column-4.some {justify-content: center;} .footer-sitemap ul li {width: calc(33.333% - 2em); /*margin-left: 2em; margin-right: 2em; margin-bottom: 3em !important;*/} /*sitemap*/ .footer-sitemap ul li ul li, .footer-sitemap ul li ul li a { width:100%; } /**SISÄSIVUT**/ .page-sidebar-left, .page-article, .page-sidebar-right, .single article, .sidebar-right {width: 100%;} .page-sidebar-right, .sidebar-right {border-left: none; border-top: 1px solid lightgrey; } .page-sidebar-left {display: none; visibility: hidden;} /*sivuvalikko mobiilissa piiloon*/ .sidebar-right h3, .sidebar-right ul.ajankohtaista, .single article { padding-left: 0px !important; margin-left: 0px !important; } .article-row { padding: 0px calc( 10px + var(--pagepadding) ); } .featured-content-area .palaute .wp-block-column:nth-of-type(1), .featured-content-area .palaute .wp-block-column:nth-of-type(2), .featured-content-area .palaute .wp-block-column:nth-of-type(3) {text-align: left !important;} .palaute-etusivu-box p.has-text-align-center {text-align: left !important;} .ajankohtaista-tiedotteet-tapahtumat .wp-block-button, .ajankohtaista-tiedotteet-tapahtumat .wp-block-button__link { width: 100%; } .featured-content-area .palaute { margin-top: 0%; } .featured-content-area .yhteystiedot .wp-block-column {margin-bottom: 0%;} /* KAUPUNKI JA HALLINTO */ .page-id-206 .page-article { width:100%;} /* ASUMINEN JA YMPÄRISTÖ */ .page-id-433 .page-article { width:100%;} /* KASVATUS JA OPETUS */ .page-id-482 .page-article { width:100%;} /* KULTTUURI JA VAPAA-AIKA */ .page-id-483 .page-article { width:100%;} /* TYÖ JA YRITTÄJYYS */ .page-id-484 .page-article { width:100%;} nav.mobiili-alasivut { margin: 30px 0px 30px 0px; } } /*** Responsive Styles Tablet Only ***/ @media all and (min-width: 768px) and (max-width: 979px) { /*footer*/ .footer-sitemap ul li {width: calc(50% - 2em);} /*sitemap*/ .footer-sitemap ul li ul li, .footer-sitemap ul li ul li a { width:100%; } /**pikalinkit*/ .wp-block-column.pikalinkki {margin-left: 0% !important; margin-right: 1% !important;} .wp-container-15, .wp-container-28, .wp-container-18, .wp-container-21 { gap: 0px !important;} .wp-container-33 {gap: 0px !important; flex-wrap: wrap !important;} /*pikalinkit*/ } @media all and (min-width: 599px) and (max-width: 780px) { /*.wp-block-column:not(:only-child) {flex-grow: 1;}*/ } @media all and (min-width: 1000px) and (max-width: 1200px) { .wp-block-kioken-tabs { /*padding: 1em 0.1em !important;*/ } } /*** Responsive Styles Smartphone Only ***/ @media all and (max-width: 767px) { p { font-size: 0.95em; line-height: 1.4em; } h1 { font-size: 200%; margin:0.57em 0 0.17em 0;} h2 { font-size: 140%;} h3 { font-size: 110%;} h1, h2, h3, h4, h5, h6 { word-break: break-word; } /*karuselli*/ .metaslider .flexslider .slides img { margin-left: -140%!important;} .metaslider h1 {font-size: 200%;} .metaslider h2 {font-size: 100%;} /**pikalinkit*/ #pikalinkit .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {flex-basis: 100% !important; flex-grow: 1 !important;} .wp-block-column.pikalinkki {flex-basis: calc(100%) !important; margin-left: 0% !important; margin-right: 0% !important; margin-bottom: 1%;} /*pikalinkit*/ .seuraa-somessa h3, .seuraa-somessa p { text-align: center; } .wp-container-15, .wp-container-28, .wp-container-18, .wp-container-21 {gap: 0px !important;} .wp-container-33 {gap: 0px !important; flex-wrap: wrap !important;} /*ajankohtaista*/ .ajankohtaista_container .btn-tabs { margin-bottom: 25px; } .ajankohtaista-tiedotteet-tapahtumat { text-align: left; } .ajankohtaista_container {flex:1 1 100%; border-left: none !important; border-bottom: 1px solid var(--darkgrey); padding: 5px 0px 25px 0px;} /* etusivun ajankohtaista */ /*footer*/ .site-info-column-1 {text-align: center; width: calc(100% - 2em); margin-left: 1em; margin-right: 1em; padding-bottom: 1em;} /*vaakuna*/ .site-info-column-2 {text-align: center; width: calc(100% - 2em); margin-left: 1em; margin-right: 1em; padding-bottom: 1em;} /*virasto*/ .site-info-column-3 {text-align: center; width: calc(100% - 2em); margin-left: 1em; margin-right: 1em; padding-bottom: 1em;} /*palvelutoimisto*/ .site-info-column-4 {width: calc(100% - 2em); margin-left: 1em; margin-right: 1em; padding-bottom: 1em;} /*some*/ .site-info-column-5 {text-align: center; width: calc(100% - 2em); margin-left: 1em; margin-right: 1em; padding-bottom: 1em;} /*painikkeet*/ .footer-sitemap ul li {width: calc(100% - 2em); margin-bottom:1.5em; /*margin-left: 2em; margin-right: 2em; margin-bottom: 3em !important;*/} /*sitemap*/ .footer-sitemap ul li ul li, .footer-sitemap ul li ul li a { width:100%; margin-bottom:0em;} /*.footer-sitemap li.menu-item-has-children {width: calc(100% - 2em); margin-left: 1em; margin-right: 1em; margin-bottom: 1em !important;}*/ /*sitemap*/ .legal-footer {text-align: center; width: calc(100% - 4em); margin-left: 2em; margin-right: 2em; margin-top: 1em; margin-bottom: 1em;} .valakia-footer {text-align: center; width: calc(100% - 4em); margin-left: 2em; margin-right: 2em; margin-bottom: 1em;} /*.sosterv .gdpr-floating-button-custom-position, .sosterv #to_top_scrollup {bottom: 50px !important;}*/ /*#chatFrameCloseBtn_86 {right: 5px !important; margin-bottom: 5px;}*/ .kioken-tabs-buttons-item { font-size: 16px !important; } } /*** Responsive Styles Smartphone Portrait ***/ @media all and (max-width: 479px) { body .metaslider .flexslider .slides li {min-height:300px; max-height: 400px!important;} /* etusivun mobiili-karuselli */ body .metaslider .flexslider .slides img {min-height:300px; max-height: 400px!important; width: auto; margin-left: -140% !important;} /* etusivun mobiili-karuselli */ .metaslider .caption-wrap { bottom: 5% !important; left: 0 !important; width: 100% !important; margin: 0 !important; margin-bottom: 0px !important; padding: 0 !important; margin-bottom: 1em !important; } .karuselli-tekstialue { padding: 20px 30px!important; } .karuselli-leipis { margin-top: -24px;} .metaslider .karuselli-tekstialue h1 { font-size: 150%!important;} .metaslider .karuselli-leipis h2 { font-size: 100%!important;} .metaslider .karuselli-leipis p {font-size: 90%!important;} /*etusivu - pikalinkit ja yhteys-alue*/ /**pikalinkit*/ .seuraa-somessa h3, .seuraa-somessa p { text-align: center; } #pikalinkit .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {flex-basis: 100% !important; flex-grow: 1 !important;} .wp-block-column.pikalinkki {flex-basis: calc(100%) !important; margin-left: 0% !important; margin-right: 0% !important; margin-bottom: 1%;} /*pikalinkit*/ /*footer*/ .legal-footer {text-align: center; width: calc(100% - 2em); margin-left: 1em; margin-right: 1em; margin-top: 1em; margin-bottom: 1em;} .valakia-footer {text-align: center; width: calc(100% - 2em); margin-left: 1em; margin-right: 1em; margin-bottom: 1em;} /*.sosterv .gdpr-floating-button-custom-position, .sosterv #to_top_scrollup {bottom: 50px !important;}*/ /*#chatFrameCloseBtn_86 { right: 5px !important; margin-bottom: 5px; }*/ } @media all and (max-width: 1300px) { .sosterv #moove_gdpr_cookie_info_bar { padding-bottom: 35px !important; } } /* Alvar Aalto -viikon korjauksia */ .alvar-aalto-viikko .top-header { border: 0px !important; display: flex; align-items: center !important; } #mega-menu-wrap-menu-8 #mega-menu-menu-8>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link { background: white; }