.vaakunakuva {
max-width: 320px;
height: auto;
}
.vaakunakuva_footer {
max-width: 250px;
height: auto;
margin-bottom: 10px;
}
.hakukenttasolu .search {
float: right;
}
.mobiilihaku {
display: none;
}
.navbar {
margin-bottom: 6px;
padding: 1rem 0;
}
.mobiililogo {
display: block;
margin-bottom: 1rem;
} .navbar-toggler {
border-width: 0;
outline: #fff;
position: absolute;
top: 2rem;
right: 0;
}
.social img {
max-width: 45px;
height: auto;
margin-right: 10px;
} .animated-icon1,
.animated-icon2,
.animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.first-button:focus,
.first-button span:focus {
outline: 0 none;
border: transparent;
}
.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.animated-icon1 span {
background: #cc0000;
}
.animated-icon2 span {
background: #e3f2fd;
}
.animated-icon3 span {
background: #f3e5f5;
}
.animated-icon1 span:nth-child(1) {
top: 0px;
}
.animated-icon1 span:nth-child(2) {
top: 10px;
}
.animated-icon1 span:nth-child(3) {
top: 20px;
}
.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
} .animated-icon2 span:nth-child(1) {
top: 0px;
}
.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
top: 10px;
}
.animated-icon2 span:nth-child(4) {
top: 20px;
}
.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}
.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
} .animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}
.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
} .box-wrapper {
margin-top: 10px;
}
.nav-side-menu {
overflow: auto;
font-family: verdana;
font-size: 12px;
font-weight: 200;
background-color: #2e353d;
position: relative;
top: 0px;
width: 300px;
height: 100%;
color: #e1ffff;
}
.nav-side-menu .brand {
background-color: #23282e;
line-height: 50px;
display: block;
text-align: center;
font-size: 14px;
}
.nav-side-menu .toggle-btn {
display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
list-style: none;
padding: 0px;
margin: 0px;
line-height: 35px;
cursor: pointer; }
.nav-side-menu ul :not(collapsed) .arrow:after,
.nav-side-menu li :not(collapsed) .arrow:after {
font-family: FontAwesome;
content: "\f078";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
border-left: 3px solid #d19b3d;
background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
background-color: #181c20;
border: none;
line-height: 28px;
border-bottom: 1px solid #23282e;
margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
font-family: FontAwesome;
content: "\f105";
display: inline-block;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
}
.nav-side-menu li {
padding-left: 0px;
border-left: 3px solid #2e353d;
border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
text-decoration: none;
color: #e1ffff;
}
.nav-side-menu li a i {
padding-left: 10px;
width: 20px;
padding-right: 20px;
}
.nav-side-menu li:hover {
border-left: 3px solid #d19b3d;
background-color: #4f5b69;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.asuminen_rakentaminen_ikoni {
left: 10px;
position: absolute;
top: 10px;
} #ylitornio-menu ul {}
#ylitornio-menu li {
flex: unset;
margin-right: 20px;
margin-bottom: 10px;
}
#ylitornio-menu li:hover a {
color: #574C47;
font-weight: 600;
}
#ylitornio-menu .link-title {
height: 100%;
display: inline-block;
margin-left: 10px;
line-height: 1.1rem;
}
#ylitornio-menu a {
font-size: 0.9rem;
color: #191919;
font-weight: 600;
transition: all 0.4s;
}
#ylitornio-menu a:focus {
outline: 1px dotted #A30C34;
}
.menu-icon {
border-radius: 25px;
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-position: center;
background-size: 50% 50%;
float: left;
transition: all 0.4s;
}
#ylitornio-menu li:hover .menu-icon {
background-color: #574C47;
}
.menu-etusivu {
background-color: #ED1C24;
background-image: url(//ylitornio.fi/wp-content/themes/ylitornio/img/menu/Ylitornio_01_etusivu_icon.svg);
}
.menu-kunnan-palvelut {
background-color: #A30C34;
background-image: url(//ylitornio.fi/wp-content/themes/ylitornio/img/menu/Ylitornio_03_Kunnan_palvelut_icon.svg);
}
.menu-sote-palvelut {
background-color: #B63A01;
background-image: url(//ylitornio.fi/wp-content/themes/ylitornio/img/menu/Ylitornio_04_Sos_terveyspalvelut_icon.svg);
}
.menu-kuntainfo {
background-color: #DC4601;
background-image: url(//ylitornio.fi/wp-content/themes/ylitornio/img/menu/Ylitornio_02_kuntainfo_icon.svg);
}
.menu-asuminen {
background-color: #A73C3C;
background-image: url(//ylitornio.fi/wp-content/themes/ylitornio/img/menu/Ylitornio_05_Asuminen_rakentaminen_icon.svg);
}
.menu-yrittaminen {
background-color: #7C0606;
background-image: url(//ylitornio.fi/wp-content/themes/ylitornio/img/menu/Ylitornio_07_Yrittaminen_icon.svg);
}
.menu-aavasaksa {
background-color: #574C47;
background-image: url(//ylitornio.fi/wp-content/themes/ylitornio/img/menu/Ylitornio_08_Matkailu.svg);
}
.menu-ota-yhteytta {
background-color: #000000;
background-image: url(//ylitornio.fi/wp-content/themes/ylitornio/img/menu/Ylitornio_09_yhteystiedot_icon.svg);
}
.box-nuoli {
color: #fff;
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-size: 1.2rem;
position: absolute;
bottom: 10px;
right: 5px;
width: 25px;
height: 25px;
}
#mc_embed_signup_scroll {
width: 100%;
max-width: 360px;
}
#mc_embed_signup {
width: 100%;
}
#mce-EMAIL {
float: left;
max-width: 310px;
} #sivuvalikon_paaotsikko a {
color: #574C47;
letter-spacing: -0.3px;
font-size: 1.4rem;
font-weight: bold;
}
#sivuvalikon_paaotsikko i {
display: none;
}
#sivuvalikon_content a:focus {
outline: 1px dotted #A30C34;
}
.panel-default {
border-color: #fff;
}
.panel-default>.panel-heading {
background-color: transparent;
border-color: #ddd;
color: #333;
padding: 10px 0;
}
.panel-selected { }
.panel-selected .current {
color: #ED2D30;
}
.panel-group {
margin-bottom: 0px;
}
.nuoli {}
.alas:after {
font-family: 'FontAwesome';
content: "\f13a";
display: block;
float: right;
}
.ylos:after {
font-family: 'FontAwesome';
content: "\f139";
display: block;
float: right;
}
.alas {
content: '';
background-color: #8C090B !important;
}
.ylos {
content: "\f139";
background-color: #33C528 !important;
} #sivuvalikon_content {
padding-left: 0rem;
}
.page-sidebar ul li {
list-style-type: none;
}
.page_item a {
color: #898989;
display: block;
font-weight: 600;
padding: 8px;
padding-left: 10px;
width: 100%;
margin-left: 1rem;
text-indent: -0.3rem;
}
.page_item a:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
display: inline-block;
padding-left: 0px;
padding-right: 3px;
vertical-align: middle;
margin-top: -4px;
}
.children {
display: none;
}
.page_item_has_children .children {
margin-top: 0 !important;
}
.current_page_item .children>.page_item>a:after {
content: none;
}
.current_page_item .children>.page_item>a {
padding: 3px 18px 3px 6px;
color: #F1582D;
font-weight: 300;
}
.current_page_item .children>.page_item>a {
padding: 3px 18px 3px 6px;
color: #F1582D;
font-weight: 300;
}
.current_page_parent .children>.page_item>a {
padding: 3px 18px 3px 6px;
color: #F1582D;
font-weight: 300;
background-color: transparent;
}
.current_page_parent .children>.page_item.current_page_item>a {
font-weight: 600;
}
.current_page_parent .children>.page_item>a:after {
content: none;
} .current_page_parent .children>.current_page_item>.children>.page_item a {
padding: 3px 30px 3px 6px;
color: #F1582D;
font-weight: 300;
background-color: transparent;
}
.current_page_ancestor.current_page_parent a { }
.current_page_ancestor.current_page_parent a:after { }
.current_page_ancestor>.current_page_parent>.children>.page_item>a {
padding: 3px 30px 3px 6px;
color: #F1582D;
font-weight: 300;
background-color: transparent;
}
.current_page_parent .children {
background-color: #fff;
}
.current_page_ancestor .children {
background-color: #fff;
padding-left: 0;
}
.page_item_has_children.current_page_ancestor>.children>li>a {
color: #F1582D;
font-weight: 300;
padding-left: 1rem;
}
.page_item_has_children.current_page_ancestor>.children>.page_item>a::after {
content: none !important;
}
.current_page_ancestor .children .current_page_parent a {
background-color: #fff;
padding-left: 0;
padding-right: 20px;
}
.current_page_ancestor .children .current_page_parent a:after {
content: none;
}
.current_page_ancestor .children .current_page_parent .children a {
background-color: #fff;
padding-left: 0;
padding-right: 30px;
}
.current_page_item>.children {
display: block;
padding-left: 30px; }
.current_page_ancestor>a {
background-color: #ffdfb9;
}
.page_item_has_children.current_page_item { }
.current_page_ancestor>.children {
display: block;
}
.current_page_item>a {
background-color: #ffdfb9;
color: #898989;
display: block;
font-weight: 600;
padding: 12px;
width: 100%;
} .current_page_ancestor .children .current_page_parent a {
background-color: #fff;
padding-left: 0;
}
.current_page_ancestor .children .children {
padding-left: 30px;
} #yrityshakuselect .btn:hover {
background-color: #F26522;
}
.btn-orange {
background-color: #F26522 !important;
} .header .header-info .search {
border: 0px dashed #777;
border-radius: 0px;
margin: 0 auto;
max-width: 300px;
}
.header .header-info .search>form>.input-group>input,
.inner-page .sidebar-link .search>form>.input-group>input {
background: #dddddd none repeat scroll 0 0;
border: 0 none;
border-radius: 0;
box-shadow: none !important;
color: #323232;
font-size: 12px;
}
.header .header-info .search>form>.input-group>.input-group-btn>button,
.inner-page .sidebar-link .search>form>.input-group>.input-group-btn>button {
background: #A30C34 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
font-size: 18px;
margin-left: 3px;
padding-bottom: 5px;
padding-top: 3px; }
.hakukentta {
border: 1px dashed #777 !important;
border-radius: 10px !important;
margin: 0 auto;
max-width: 250px;
background: #fff !important;
}
.fa-phone-header {
color: #fff;
}
.hakulabel {
color: #A30C34;
font-size: 18px;
margin-bottom: 0;
padding-top: 3px;
padding-right: 10px;
text-transform: uppercase;
} .karusellin_musta {
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100px;
text-align: left;
padding-left: 20px;
}
.karusellin_mustan_teksti {
font-family: open-sans, sans-serif;
font-size: 45px;
letter-spacing: -1px;
}
.page-header {
border-bottom: 0 solid #eee;
margin: 0 0 40px;
}
.page-header {
font-family: 'Open sans Light';
font-size: 45px;
letter-spacing: -1px;
}
.otsikkopalkki {
background-color: #f1582d;
margin-bottom: 25px;
padding: 10px 15px;
}
.otsikkopalkki h1 {
font-weight: 300;
font-size: calc(25px + (25 - 18) * ((100vw - 300px) / (1600 - 300)));
hyphens: auto;
margin-bottom: 0;
} .smallbox {
text-align: center;
}
.box-varjo h4,
.box-varjo-tumma h4 {
color: #ffffff;
margin: 0;
}
.box-content>h4>a:hover {
text-decoration: underline;
}
.katso_paatokset {
color: #fff;
}
.katso_paatokset:hover {
color: #fff;
text-decoration: underline;
}
.etusivu-ajankohtaista-lista a,
.etusivu-tapahtumat-lista a {
transition: all 0.2s ease-in;
}
.etusivu-ajankohtaista-lista li:hover {
background-color: #fff;
}
.etusivu-ajankohtaista-lista li:hover a {
color: #DC4601 !important;
text-decoration: none !important;
}
.etusivu-tapahtumat-lista li:hover {
background-color: #fff;
}
.etusivu-tapahtumat-lista li:hover a {
color: #A30C34 !important;
text-decoration: none !important;
} .ajankohtatiedot {
font-size: 15px;
}
.sisaltoalue h1,
.sisaltoalue h2,
.sisaltoalue h3,
.sisaltoalue h4,
.sisaltoalue h5,
.sisaltoalue h6 {
font-family: "Open sans";
color: #ED1C24;
letter-spacing: -1.5px;
margin-top: 2rem;
}
.sisaltoalue h1 {
font-size: 35px;
font-weight: 400;
line-height: 45px;
}
.sisaltoalue h3,
.sisaltoalue .h3 {
border-bottom: 0px !important;
font-size: 20px;
margin: 0;
padding-bottom: 0px !important;
font-weight: normal;
line-height: 36px;
}
.sisaltoalue {
font-family: "Open sans";
font-size: 14px;
font-weight: 100;
line-height: 22px;
font-style: normal;
font-variant: normal;
padding: 0.5rem;
}
.sisaltoalue p,
.sisaltoalue ul li,
.sisaltoalue ol li {
color: #574C47;
font-family: "Open sans";
font-size: 1.05rem;
font-weight: 300;
line-height: 25px;
font-style: normal;
font-variant: normal;
}
.sisaltoalue img {
max-width: 100%;
height: auto;
}
.sisaltoalue blockquote {
border-left: 5px solid #f36b41;
font-size: 16.25px;
margin: 0 0 18px;
padding: 9px 18px;
}
.sisaltoalue a {
color: #AA0E13;
}
.sisaltoalue a:hover {
text-decoration: underline;
}
.sisaltoalue .listaus li {
list-style-type: none;
}
.henkiloboksi {
margin-bottom: 15px;
} .yrityksen_nimi {
text-transform: uppercase;
}
.yritykset_lista {
padding-left: 0;
}
.yritykset_lista li {
list-style-type: none;
border: 1px #A0A0A0 solid;
border-radius: 10px;
margin-bottom: 15px;
padding: 15px;
}
#yrityshakuselect label input {
position: absolute;
left: -4000px;
}
#yrityshakuselect {
padding-left: 0;
}
#yrityshakuselect li {
list-style-type: none;
display: inline;
}
#yrityshakuselect li label .btn {
background-color: #eee;
border-radius: 3px;
color: #000;
margin: 0 7px 7px 0;
padding: 3px 10px;
transition: background 0.4s ease 0s, color 0.05s ease 0s;
}
.yritysbox .kategoriatieto {
display: none;
}
.yritysbox span {
border-radius: 2px;
color: #F1582D;
display: inline-block;
font-size: 12px;
height: 25px;
line-height: 20px;
margin-right: 3px;
text-align: center; }
.yritysbox span i {
font-size: 20px;
}
.nomatch {
display: none;
}
.aakkoslista {
padding-left: 0;
}  .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
} table {
width: 100%;
border-collapse: collapse;
} tr:nth-of-type(odd) {
background: #eee;
}
th {
background: #333;
color: white;
font-weight: bold;
}
td,
th {
padding: 6px;
border: 1px solid #ccc;
text-align: left;
}
.contact-info {
color: #7a7a7a;
}
.box {
border: 7px solid #ffffff;
border-radius: 0px;
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1) inset;
margin-top: 7px;
overflow: hidden;
position: relative;
transition-duration: 0.8s;
z-index: 20;
border-right: 0;
}
.box .box-service ul li a {
color: #ffffff;
}
.box .box-service ul li a:hover {
text-decoration: underline;
}
.box-varjo {
display: none;
transition: all 0.8s ease-in;
}
.box:hover .box-varjo {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
padding: 10px;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: block;
}
.box-varjo-tumma {
background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
padding: 15px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
display: block;
}
.box .box-gallery img.box-gallery-img {
border-radius: 0;
}
.br-uutiset {
background: #D04301 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-uutiset a {
color: #fff;
}
.br-korona {
background: #ED1C24 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-korona a {
color: #fff;
}
.br-uutiset ul li::before,
.br-tapahtumat ul li::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
color: #fff;
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-size: 1rem;
float: left;
}
.br-uutiset .box-content,
.br-tapahtumat .box-content {
overflow: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
.br-uutiset .box-content::-webkit-scrollbar,
.br-tapahtumat .box-content::-webkit-scrollbar {
display: none;
}
.br-paatoksenteko {
background: #000000 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-julkiset-kuulutukset {
background: #DC4601 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-latureitit {
background: #011562 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-tarjouspyynnot {
background: #832222 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-kunnanjohtaja {
border-left: 0;
}
.br-terveyskeskus {
background: #ED1C24 none repeat scroll 0 0 !important;
}
.br-kirjaston-aukioloajat {
background: #574C47 none repeat scroll 0 0 !important;
}
.br-mean-opiston-kurssit {
background: #DC4601 none repeat scroll 0 0 !important;
}
.br-varhaiskasvatuksen-easiointi {
background: #574C47 none repeat scroll 0 0 !important;
}
.br-yrityshaku {
background: #832222 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-facebook {
border-left: 0;
}
.br-aavasaksan-mokkitonti {
background: #832222 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-timmi-tilavaraukset {
background: #832222 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-laboratorion-ajanvaraus {
background: #832222 none repeat scroll 0 0 !important;
border-left: 0;
}
.br-paatoksenteko img {
max-width: 31px;
height: auto;
margin-right: 3px;
}
.br-paatoksenteko li a {
font-size: 19px;
}
.br-uutiskirje {
border-left: 0;
}
.br-tilaa-uutiskirje {
height: 250px;
}
.br-tapahtumat {
background: #A30C34 none repeat scroll 0 0 !important;
}
.br-tapahtumat a {
color: #fff;
}
.br-etusivu {
background: #a7a9ab !important;
}
.br-palvelut {
background: #bbbdc0 !important;
}
.br-kuntainfo {
background: #fdc689 !important;
}
.br-asuminen {
background: #ffac51 !important;
}
.br-yrittaminen {
background: #ff8449 !important;
}
.br-matkailu {
background: #f26522 !important;
}
.br-yhteystiedot {
background: #dc4700 !important;
} .sisaltoalue {
color: #000000;
}
.page-sidebar img {
max-width: 100%;
height: auto;
}
.sisaltoalue iframe {
border: 0;
} .footer-widget h5 {
color: #000000;
}
.footer-widget p {
color: #000000;
}
.pikalinkit a {
transition: all 0.4s ease-in-out;
}
.pikalinkit a:hover {
margin-left: 3px;
}
.pikalinkit a::before { font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
color: #ED1C24;
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-size: 1.2rem;
}
.koronatiedotelistaus li {
margin-bottom: 5px;
}  @media only screen and (max-width : 1200px) {
.vaakunakuva {
max-width: 230px;
height: auto;
margin-top: 15px;
transition: all 0.35s ease-in 0s;
}
.vaakunakuva_footer {
max-width: 180px;
height: auto;
margin-bottom: 10px;
}
.header .navbar-default .navbar-nav>li>a {
border-radius: 0;
color: #fff;
height: 78px;
margin-bottom: 7px;
margin-left: 7px;
position: relative;
text-align: center;
transition: all 0.35s ease-in 0s;
width: 78px;
}
.header .navbar-default .navbar-nav>li>a span.link-title {
bottom: 0;
font-size: 11px;
font-weight: 400;
left: 0;
padding: 3px;
position: absolute;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
width: 78px;
}
.box .box-service ul li a {
color: #ffffff;
font-size: 1rem;
}
.box .box-content.navigation span.box-title {
bottom: 10px;
color: #fff;
font-size: 18px;
left: 10px;
position: absolute;
text-align: left;
margin-right: 5px;
}
#mc_embed_signup_scroll {
max-width: 300px;
width: 100%;
}
#mce-EMAIL {
float: left;
max-width: 230px;
}
} @media only screen and (max-width : 992px) {} @media only screen and (max-width : 767px) {
.navbar-toggle-2 {
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 2px;
float: right;
margin-bottom: 0px;
margin-right: 5px;
margin-top: 0px;
padding: 5px 6px;
position: relative;
color: #fff;
}
.header .navbar-default .navbar-nav>li>a {
border-radius: 0;
color: #fff;
height: 35px;
margin-bottom: 5px;
margin-left: 5px;
position: relative;
text-align: left;
transition: all 0.35s ease-in 0s;
width: 100%;
}
.header .navbar-default .navbar-nav>li>a i.link-icon {
display: block;
}
.navbar-default .navbar-nav>li>a i.link-icon {
font-size: 20px;
left: 10px;
position: absolute;
top: 8px;
}
.header .navbar-default .navbar-nav>li>a span.link-title {
bottom: 0;
font-size: 14px;
font-weight: 400;
left: 0;
margin-left: 30px;
padding: 5px;
position: absolute;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
width: auto;
}
.asuminen_rakentaminen_ikoni {
left: 10px;
position: absolute;
top: 10px;
height: 20px;
}
.br-tapahtumat {
border-width: 0;
}
.box.box-lg {
min-height: 530px;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
.vaakunakuva {
max-width: 200px;
height: auto;
margin-top: 15px;
}
.header .navbar-default .navbar-nav>li>a {
border-radius: 0;
color: #fff;
height: 75px;
margin-bottom: 7px;
margin-left: 5px;
position: relative;
text-align: center;
transition: all 0.35s ease-in 0s;
width: 75px;
}
.navbar-nav>li>a {
line-height: 13px;
}
.navbar-toggle-2 {
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 2px;
float: right;
margin-bottom: 0px;
margin-right: 5px;
margin-top: 0px;
padding: 5px 6px;
position: relative;
color: #fff;
}
#sivuvalikon_content {
display: none;
}
.box .box-content.navigation span.box-title {
bottom: 10px;
color: #fff;
font-size: 14px;
left: 10px;
position: absolute;
text-align: left;
}
.box-content h4 {
font-size: 14px;
}
.br-paatoksenteko a {
font-size: 14px !important;
}
.br-paatoksenteko { margin-left: 10px;
}
.sisaltoalue {
padding-left: 0;
}
#sivuvalikon_paaotsikko {
margin-bottom: 15px;
}
#sivuvalikon_paaotsikko a {
font-size: 20px;
}
#sivuvalikon_paaotsikko i {
display: block;
float: right;
}
} @media only screen and (max-width : 480px) {
.vaakunakuva {
max-width: 160px;
height: auto;
margin-top: 0px;
}
.mobiilihaku {
display: block;
padding-top: 15px;
}
.box .box-content.navigation span.box-title {
bottom: 10px;
color: #fff;
font-size: 20px;
left: 10px;
position: absolute;
text-align: left;
}
.box-content h4 {
font-size: 14px;
}
.br-paatoksenteko a {
font-size: 14px !important;
}
#sivuvalikon_paaotsikko {
margin-bottom: 15px;
}
#sivuvalikon_paaotsikko a {
font-size: 20px;
}
#sivuvalikon_paaotsikko i {
display: block;
float: right;
}
} @media only screen and (max-width : 320px) {
.box .box-content.navigation span.box-title {
bottom: 10px;
color: #fff;
font-size: 14px;
left: 10px;
position: absolute;
text-align: left;
}
.box.box-md {
height: 160px;
}
.box .box-content.navigation {
padding: 10px;
}
.boxicon {
max-width: 100%;
}
.box-content h4 {
font-size: 14px;
}
.br-paatoksenteko a {
font-size: 14px !important;
}
.br-blue {
height: 200px !important;
}
} @media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) { table,
thead,
tbody,
th,
td,
tr {
display: block;
} thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr {
border: 1px solid #ccc;
}
td { border: none;
border-bottom: 0;
position: relative;
padding-left: 15px;
}
td:before { position: absolute; top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
}
@media (max-width: 768px) {
.nav-side-menu {
position: relative;
width: 100%;
margin-bottom: 10px;
}
.nav-side-menu .toggle-btn {
display: block;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
z-index: 10 !important;
padding: 3px;
background-color: #ffffff;
color: #000;
width: 40px;
text-align: center;
}
.brand {
text-align: left !important;
font-size: 22px;
padding-left: 20px;
line-height: 50px !important;
}
#sivuvalikon_paaotsikko i {
display: block;
}
}
@media (min-width: 767px) {
.nav-side-menu .menu-list .menu-content {
display: block;
}
.menu-icon {
background-size: 50% 50%;
width: 2.5rem;
height: 2.5rem;
}
.mobiililogo {
display: none;
}
#main {
width: calc(100% - 300px);
float: right;
}
.otsikkopalkki {
background-color: #f1582d;
margin-bottom: 25px;
padding: 20px 35px;
}
.br-tilaa-uutiskirje {
height: 200px;
}
.box-varjo-tumma {
padding: 10px;
}
}
@media (max-width: 767px) {
#accordion {
display: none;
}
#sivuvalikon_content {
display: none;
}
}