body{
	margin-top: 0px !important;
}
body, body .dialog-off-canvas-main-canvas { font-family: 'Lato', Arial sans-serif; font-size: 18px; line-height: 1.5em; color: #000; badding-top: 0; margin-top: 0; overflow-x: hidden; }
.dialog-off-canvas-main-canvas { overflow-x: hidden; }
#drupal-off-canvas-wrapper ul { margin-left: 0; }
.logo { margin: 20px 15px !important; }
.logo img { width: 240px; height: auto; }
img { max-width: 100%; }

h1.page-header { border-bottom: 0; }
.region-highlighted h1.page-header { 
	position: absolute;
	bottom: 0; left: 0; 
	margin: 0;
	padding: 30px;
	background: #FEEBC5;
	font-weight: 800;
	color: #000;
}
body h2, .h2 {
    font-size: 30px;
    font-weight: 800;
}
body h3, .h3 {
    font-size: 22px;
    font-weight: 600;
}

article{
	/*font-size: unset !important;*/
}

.view-ajankohtaista a h2, .view-ajankohtaista a h3 { color: #000; text-decoration: none; }
.view-ajankohtaista .views-field-nothing-1 a { text-decoration: none; }
.view-ajankohtaista .views-field-nothing-1 a:hover h3, .view-ajankohtaista .views-field-nothing-1 a:focus h3,
.view-ajankohtaista .views-field-field-tags a:hover, .view-ajankohtaista .views-field-field-tags a:focus { color: #3344DD; }
.view-ajankohtaista .views-field-nothing-1 a:hover img, .view-ajankohtaista .views-field-nothing-1 a:focus img { outline: 1px solid #000; }
a { color: #3344DD; }
a:focus { outline: 1px solid #000; }
.bottom-footer a:focus { outline: 1px solid #fff; }
.main-container { width: 100% !important; margin: auto; padding-left: 0 !important; padding-right: 0 !important; }
.region-content > article { max-width: 1200px; margin: auto; padding: 0 25px; }

.path-frontpage .region-content { max-width: 1560px; margin: auto; padding: 0 25px; }
.region-content > section { padding: 0 25px; }
.region-content a { text-decoration: underline; color: #3344DD; }
.region-content h2 > a, .region-content h3 > a, .region-content h4 > a { color: #000; text-decoration: none; }
#block-takaisinlinkki { max-width: 1120px; margin: auto; }
.backLink { text-align: right; margin: 15px; }
.backLink a { }

.breadcrumb { background-color: #fff !important; border: 0; margin-left: 15px; margin-top: 25px; }
.breadcrumb a { color: #000; text-decoration: underline; }
.breadcrumb > .active { color: #595959; }

svg.ext {
    width: 20px;
    height: 20px;
    margin-left: 0.2em;
    fill: #000;
    vertical-align: middle;
    margin-bottom: 5px;
}

.huomio { width: 100%; background: #FEEBC5; color: #000; text-align: center; padding: 20px; }
.huomio::before { content:"\f071"; font-family: FontAwesome; font-size:35px; color: #333; margin-right: 20px; vertical-align: middle; display: inline-block; }
.huomio-close { display: inline-block; float: right; cursor: pointer; font-size: 35px; color: #333; }
.huomio-close:focus { outline: 2px solid #000; }
.huomio > div { display: inline-block; }
.huomio a { color: #000; text-decoration: underline; }
.huomio a:focus { outline: 1px solid #000; }

.crt-widget .crt-post-text a { color: #3344DD!important; }
.dialog-off-canvas-main-canvas > .col-sm-12 { float: none; height: 125px; padding-right: 0; padding-left: 0; }
.region-header { max-width: 1900px; margin: auto; }
.region-header a { color: #000; }
.region-header a:focus { outline: 1px solid #000; }
.region-header ul { list-style: none; margin: 20px 15px; }
.region-header li { color: #000; font-size: 1em; font-weight: 700; display: inline-block; margin: 10px 12px; }
.region-navigation { width: 100%; }
#block-ylatunnisteenpikalinkit { display: inline-block; float: right; margin: 20px 40px 0 0;  }
#block-hakulomake { display: inline-block; float: right; width: 84px; height: 125px;}
#block-hakulomake input.form-search { visibility: hidden; padding: 0; width: 1px; }
#block-hakulomake button.form-submit { z-index: 5; pointer-events: none; cursor:pointer; font-size: 35px; border-radius: 0 !important; background: #2508a8; padding: 20px 30px !important; height: 125px; border: 0; }
#block-hakulomake button.form-submit:hover, #block-hakulomake button.form-submit:focus {background: #000;cursor:pointer;}
#block-hakulomake .input-group-btn:hover, #block-hakulomake .input-group-btn:focus { cursor: pointer; }

.col-sm-12 form { max-width: 1200px; margin: auto; }
input, button, select, textarea { max-width: 700px; }

.navbar { margin-bottom: 0!important; max-width: 100%; min-width: 100%; background-color: #000 !important; padding-left: 0px !important; padding-right: 0px !important; margin-top: 0px !important; }
.navbar.container { width: 100%; max-width: 100%; text-align: center; border: 0; border-radius: 0px; min-height: 56px; }
.navbar-header { width: 100%; display: flex; justify-content: center; min-height: 56px; }
.user-logged-in .navbar-header { /*margin-top: -15px;*/ }
.navbar-default { background: #000; color: #fff; text-align: center; }
.navbar-default a { color: #fff; font-weight: 700; }
.navbar-default a:hover, .navbar-default a:focus { color: #fff!important; }
.navbar-default .navbar-nav > li > a { color: #fff; padding-top: 19px; padding-bottom: 19px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: #2508a8; color: #fff;
}

/*megamenu*/
.tbm {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #000;
	margin-bottom: -10px;
	width: fit-content;
  	margin: auto;
}

.tbm-submenu {
	z-index: 100;
	padding: 15px 30px 30px 30px;
	background-color: #e5e8ea;
}

.tbm-row {
	max-width: 1200px;
	margin: auto;
}

.tbm:not(.tbm--mobile) .tbm-item.level-1 {
	border-right: none;
	min-height: 56px;
}

.tbm-link {
	transition: background 0.3s, color 0.3s;
}

.tbm-link.level-1 {
	color: #fff;
	font-weight: bold;
}

.tbm-link:not(.level-1) {
	padding: 5px !important;
	text-align: left;
}

.tbm-item.level-1.open .tbm-link[aria-expanded="true"] {
	color: #000 !important;
	background-color: #e5e8ea;
	text-decoration: none;
}

.tbm .tbm-link:hover,
.tbm .tbm-link:focus {
	color: #000 !important;
	background-color: #e5e8ea;
	text-decoration: underline;
}

.tbm-link.level-1.active-trail {
	color: #fff !important;
	background-color: #2508A8;
}

.tbm.tbm-arrows:not(.tbm--mobile) button.tbm-submenu-toggle {
	display: none;
}

.tbm-item .tbm-link.level-5 {
	font-size: 18px;
	font-weight: normal;
	padding: 8px 0px 0px 0px;
}

.tbm-item .tbm-link.level-2,
.tbm-item .tbm-link.level-3,
.tbm-item .tbm-link.level-4 {
  	font-size: 20px;
  	font-weight: 700;
  	text-transform: none;
  	padding: 10px 0 5px 0 !important;
	margin-top: 10px;
	text-align: center;
}

.tbm-item .tbm-link.level-2:not(.no-link),
.tbm-item .tbm-link.level-3:not(.no-link),
.tbm-item .tbm-link.level-4:not(.no-link){
	color: #2508A8;
	text-align: left;
}

.tbm-item.piilo .tbm-link-container .no-link.tbm-group-title,
.tbm-item.piilo .tbm-link-container .no-link.tbm-no-submenu {
	display: none;
}

.tbm-group-container {
	border: none;
}

.tbm .tbm-item.hyodyllisia .tbm-link:not(.no-link){
	background: #D2CCF7;
  	font-size: 18px;
  	line-height: 1.1em;
  	font-weight: normal;
  	color: #000 !important;
  	padding: 10px 15px !important;
 	border: 1px solid #D2CCF7;
  	border-radius: 25px;
  	text-align: center;
  	margin: 5px 0;
}

.tbm-subnav > .tbm-item.hyodyllisia > .tbm-link-container > .tbm-link.no-link.tbm-group-title {
	color: #000 !important;
}

.tbm--mobile{
	justify-content: end;
	width: auto;
}

.tbm.tbm--mobile .tbm-item,
.tbm.tbm--mobile .tbm-item .tbm-link{
	border: none !important;
}

.tbm--mobile .tbm-link,
.tbm--mobile .tbm-link.tbm,
.tbm--mobile .tbm-item .tbm-link.level-2,
.tbm--mobile .tbm-item .tbm-link.level-3,
.tbm--mobile .tbm-item .tbm-link.level-4{
	padding: 10px !important;
	font-size: 18px !important;
	color: #000 !important;
}

.tbm--mobile .tbm-item.level-1{
	color: #fff !important;
	background-color: #2508A8;
	transition: 0.3s background;
}

.tbm--mobile .tbm-item .tbm-link.level-1{
	color: #fff !important;
	background-color: #363636;
}

.tbm--mobile .tbm-item .tbm-link.level-1[aria-expanded="true"]{
	color: #fff !important;
	background-color: #000;
}

.tbm--mobile .tbm-item.level-1.open{
	background-color: #f6b324;
}

.tbm-submenu-toggle{
	background: transparent !important;
	border: none !important;
	rotate: 0deg;
  	width: 60px;
  	height: 60px;
	transition: 0.3s rotate;
}
.open .tbm-submenu-toggle{
	rotate: 90deg;
}

.tbm-submenu-toggle::before{
	display: none;
}
.tbm-submenu-toggle::after{
	content: "\f054";
    font-family: "FontAwesome";
	color: #fff;
}
.tbm-submenu-toggle span{
	display: none;
}

.tbm-button{
	background: transparent;
	border-radius: 0px;
  	border: none;
	background-color: #2508A8;
	margin-bottom: 0px;
	font-size: 0px;
	max-height: 60px;
  	max-width: 60px;
}

.tbm-button-container {
	display: block;
	margin: 14px;
	position: relative;
	width: 30px;
	height: 30px;
}

.tbm-collapse{
	padding-top: 0px !important;
}

article section { margin: 15px 0; }
.layout--twocol-section--75-25 > div,
.layout--twocol-section--67-33 > div { padding-right: 40px; }

.highlighted { position: relative; min-height: 300px; 
	background: #fbb228 url(/sites/default/files/tiedostot/ylakuvat/Nivalan-kaupunki-bg.jpg) repeat-x; 
	background-size: cover!important 
}
.highlighted2 { position: relative; height: 100px; 
	background: #fbb228 url(/sites/default/files/tiedostot/ylakuvat/Nivalan-kaupunki-bg.jpg) repeat-x; 
	background-size: auto!important;
	background-position: center 25%;
}
.path-frontpage .highlighted { min-height: 70vh; }
.has-ylakuva .highlighted { min-height: 500px; background-color: transparent;}
.region-highlighted { height: 100%; width: 100%; height: 45px; background: #fff; display: block; }
.region-highlighted2 { display: flex; align-items: center; justify-content: right; }
.highlighted2 .field--name-body { text-align: center; }
.highlighted2 .field--name-body ul { list-style: none; display: inline-block; margin-top: 10px; }
.highlighted2 .field--name-body li { display: inline-block; margin: 10px; background: #fff; padding: 15px 20px; border: 2px solid #fff; border-radius: 30px; }
.highlighted2 .field--name-body a { color: #000; text-decoration: none; font-weight: bold; }
.highlighted2 #block-kohderyhmaoikopolut { display: inline-block; width: 75%; }
.highlighted2 #block-kuntaakkuna { display: inline-block; background: #D2CCF7; float: right; height: 100px; 
	text-align: center;
    vertical-align: middle;
    padding: 25px 15px;
    margin-top:-2px;
    font-weight: 800;
    font-size: 18px;
    line-height: 1.1em;
    text-transform: uppercase;
}
.highlighted2 #block-kuntaakkuna a svg.ext { display: none; }
.highlighted2 #block-kuntaakkuna .field--name-body a { font-size: 18px; line-height: 1.1em; }
.highlighted2 .field--name-body div:last-child a { color: #000; text-decoration: none; }
.highlighted a:hover, .highlighted2 a:hover, .highlighted a:focus, .highlighted2 a:focus { text-decoration: underline!important; }

.view-etusivun-ylakuvat .views-row { display: flex; min-height: 70vh; align-items: center; justify-content: center;}
.view-etusivun-ylakuvat .views-field-field-kuvateksti { text-align: center; color: #fff; position: relative; margin: auto; }
.view-etusivun-ylakuvat .views-field-field-kuvateksti h1,
.view-etusivun-ylakuvat .views-field-field-kuvateksti h2 { font-size: 48px; font-weight: 800; padding: 4px 10px; }
.view-etusivun-ylakuvat .views-field-field-kuvateksti a, 
.view-etusivun-ylakuvat .views-field-field-kuvateksti a h1,
.view-etusivun-ylakuvat .views-field-field-kuvateksti a h2 { color: #fff; background: #000; padding: 4px 10px; }
.view-etusivun-ylakuvat .views-field-field-kuvateksti span,
.view-etusivun-ylakuvat .views-field-field-kuvateksti p { color: #fff; background: #000; padding: 4px 10px; }

.views-field-created span { font-size: 90%; }
.block-field-blocknodearticlecreated span { font-weight: 600; }
.field--name-field-tags .field--item, .views-field-field-tags ul li { display: inline-block; padding: 5px 15px; margin: 3px; background: #d2ccf7; border-radius: 25px; border: 2px solid #d2ccf7;}
.field--name-field-tags .field--item a, .views-field-field-tags a { color: #000; text-decoration: none; font-size: 90%;   }
.views-field-field-tags > div { text-transform: uppercase; font-size: 90%; margin-top: 10px; }
.views-field-field-tags ul { list-style: none; padding-left: 0; }

#block-quicktabsetusivunajankohtaiset { text-align: center; max-width: 1200px; margin: 30px auto; }
#block-views-block-ajankohtaista-nostot-block-1 { max-width: 1200px;  margin: 30px auto;}
.block-views-blockajankohtaista-nostot-block-1 h2 { font-weight: 800; text-align: center; margin-bottom: 25px; } 
.block-views-blockajankohtaista-nostot-block-1 .views-field-body { font-size: 90%; margin-top: 10px; }
a.views-more-link { font-weight: 800; display: block; margin: 10px 0; }
.view-ajankohtaista .views-col { text-align: left;}
.view-ajankohtaista img { max-width: 100%!important; width: 400px; height: 210px; }
.view-ajankohtaista .views-field-body { line-height: 1.1em; font-size: 90%; }
.views-field-created { margin-bottom: 8px; }
.block-quicktabs h2 { text-align: center; }


a.ankkuri { font-size: 20px; }
img.align-left { margin-right: 25px; margin-bottom: 10px; }
img.align-right { margin-left: 25px; margin-bottom: 10px; }
#block-tapahtumatiframe { max-width: 1200px; margin: auto;}

#views_slideshow_cycle_main_etusivun_ylakuvat-block_1, .views_slideshow_cycle_teaser_section,
.views_slideshow_cycle_slide { width: 100%!important; }

ul.quicktabs-tabs { list-style: none; margin-top: 30px; margin-bottom: 20px; }
ul.quicktabs-tabs li { display: inline-block; margin: 5px; }
ul.quicktabs-tabs li a { color: #2508A8; font-weight: bold; text-decoration: none; font-size: 18px; padding: 10px 15px; }
ul.quicktabs-tabs li.active a { color: #fff; background: #2508A8; }
ul.quicktabs-tabs li a:hover, ul.quicktabs-tabs li a:focus { color: #fff; background: #000; }
.quicktabs-main ul { list-style: none; }
.quicktabs-main ul li { display: inline-block; margin: 5px 0 ; padding: 0; text-align: left; }
#quicktabs-container-etusivun_ajankohtaiset #rssfeed ul { display: flex; flex-wrap: wrap; }
#quicktabs-container-etusivun_ajankohtaiset #rssfeed ul li { width: 32%; background: #FEEBC5; font-size: 90%;  padding: 15px; }
#quicktabs-container-etusivun_ajankohtaiset #rssfeed ul li a { font-weight: bold; font-size: 22px; color: #000; line-height: 1.1em; }
#quicktabs-container-etusivun_ajankohtaiset section { margin-bottom: 15px; }
.quicktabs-main .block-title { font-size: 20px;  }
#quicktabs-container-etusivun_ajankohtaiset .pager__item { background: transparent; width: auto; }

.more-link, .pager li { float: right; margin: 5px 12px; }
.more-link a, .pager li > a, .pager li > span {
	color: #3344DD !important; background: #fff !important; border: 1px solid #2508A8 !important; text-decoration: none !important;
	border-radius: 0 !important; font-size: 90%; padding: 5px 10px !important; font-weight: 800; display: block!important; 
}
.more-link a:hover, .more-link a:focus, .pager li > a:hover, .pager li > a:focus { color: #fff!important; background: #000 !important;}

#block-textresize { background: #fff; padding: 4px 20px; display: inline-block; float: right; position: relative; z-index: 99; }
#block-textresize .content::before { display: inline-block; content: "Tekstikoko"; padding: 5px 15px; font-size: 14px; }
a#text_resize_increase { background: transparent; text-indent: 0; color: #000; font-weight: bold; margin-top: 5px; }
a#text_resize_decrease { background: transparent; text-indent: 0; color: #000; font-weight: bold; margin-top: 5px; }
a#text_resize_reset { background: transparent; text-indent: 0; color: #000; font-weight: bold; margin-top: 5px; width: 20px; }

.views-view-grid .views-col { padding: 15px 10px 15px 10px; }
.views-view-grid .col-1 { padding-left: 0; padding-right: 20px; }
.views-view-grid .col-3 { padding-right: 0; padding-left: 20px; }

.servicesMenu { display: flex; flex-wrap: wrap; }
.servicesMenu > div { flex: 1; min-width: 47%;}

.hoxboxkehys { 
	display: flex; 	
	justify-content: flex-start;
	align-self: center;
	align-items: center;
	flex-wrap: wrap;
}
.hoxbox1, .hoxboxkehys > a, .hoxboxkehys > p { background: #feebc5; padding: 10px 15px; color: #000; }
.hoxbox2 { background: #e5e8ea; padding: 10px 15px; color: #000; }
.layout__region--first .hoxbox1,
.layout__region--first .hoxbox2,
.hoxboxkehys > a,
.hoxboxkehys > p { 
	line-height: 1.2em; 
	margin: 10px; 
	display: flex; 
	justify-content: left;
	align-self: center;
	align-items: center;
	font-size: 1.4em; 
	font-weight: 700; padding: 25px; 
	min-width: 341px;
	max-width: 341px;
    vertical-align: middle;
    min-height: 110px;
}
.hoxboxkehys > a,
.hoxboxkehys > p {  }
.layout__region--first .hoxbox1:first-child,
.layout__region--first .hoxbox2:first-child {  } 
.layout__region--first .hoxbox1 a,
.layout__region--first .hoxbox2 a, .hoxboxkehys a { color: #000; text-decoration: underline; }

.weekday { font-weight: 500; width: 30px; display: inline-block; }

.form-inline .form-group { margin-right: 10px; }
.form-inline .form-control { color: #000; }
.btn-lg, .btn-group-lg > .btn, .btn-default {
	padding: 5px 15px !important;
  	color: #fff !important;
  	background: #2508A8 !important;
  	border-radius: 0 !important;
  	text-transform: uppercase !important;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}
.totop { float: right; margin: 15px 0; color: #3344DD; cursor: pointer; text-decoration: underline; }

.non-administrator {}
.is-administrator { }
/* layout builder */
.node-layout-builder-form { margin: 25px; }
.non-administrator .layout-builder__add-section,
.non-administrator .layout-builder__link--remove,
.non-administrator .layout-builder__link--configure { display: none!important; }

.rns {
    max-width: 1024px;
    margin: auto;
    padding: 25px 25px;
}

.footer.container { width: 100%; background: transparent; padding: 0; }
.footer .footer2 { background: #FEEBC5; width: 100%; border-bottom: 2px solid #fff; }
.footer .footer3 { background: #E5E8EA; width: 100%; }
.footer .footer2 .region, .footer .footer3 .region {     
	max-width: 1200px;
    margin: auto;
    padding: 35px 25px; 
}
.bottom-footer { padding: 35px 25px; background: #000; color: #fff; text-align: center; }
.bottom-footer a { color: #fff; text-decoration: underline; }

/* Nostolaatikot */
.block-views-blocknostot-kustomoitu-lokko--block-1 { margin: 0; }
.view-nostot-kustomoitu-lokko- { max-width: 1080px; margin: 0px; text-align: left;  }
.view-nostot-kustomoitu-lokko- .views-row { display: inline-block; vertical-align: top; width: 32.5%; padding-top: 7.5px; padding-bottom: 7.5px; margin-top: 7.5px; margin-bottom: 7.5px; }
.view-nostot-kustomoitu-lokko- .views-row a { color: #fff; text-decoration: none;  }
.view-nostot-kustomoitu-lokko- .nostolaatikko { position: relative; overflow: hidden;  }
.view-nostot-kustomoitu-lokko- .views-row:nth-child(3n) .nostolaatikko { margin-left: 10px; }
.view-nostot-kustomoitu-lokko- .views-row:nth-child(3n - 1) .nostolaatikko { margin-right: 5px; margin-left: 5px;}
.view-nostot-kustomoitu-lokko- .views-row:nth-child(3n - 2) .nostolaatikko { margin-right: 10px; }
.view-nostot-kustomoitu-lokko- .nostolaatikko figure { background: #000; }
.view-nostot-kustomoitu-lokko- .nostolaatikko img { width: 100%; height: 100%; opacity: 0.8; }
.view-nostot-kustomoitu-lokko- .nostolaatikko .nostotitle { position: absolute; top: 45%; left: 0; width: 100%; padding: 10px 10px; line-height: 1.2em; text-align: center; font-size: 135%; font-weight: bold; text-shadow: 1px 2px 10px rgba(0,0,0, 1); }
.view-nostot-kustomoitu-lokko- .views-row a:hover .nostotitle, .view-nostot-kustomoitu-lokko- .views-row a:focus .nostotitle { background: #000;  }

/* end nostot */

/*cookie banneri */
.eu-cookie-withdraw-tab { left: auto; right: 5px; opacity: 1; border-radius: 0!important; }
.eu-cookie-compliance-message p { font-size: 1em; font-weight: normal; }
.eu-cookie-compliance-secondary-button { font-weight: bold; background: #fff; color: #000; }
.eu-cookie-compliance-message h2 { font-size: 20px; margin-top: 20px;} 
.eu-cookie-compliance-banner button { border-radius: 0px!important; min-height: 44px; box-shadow: none;  }
.eu-cookie-compliance-banner button:hover, .eu-cookie-compliance-banner button:focus {
	color: #000!important; outline-color: #fff!important;
}
button.eu-cookie-compliance-save-preferences-button,
button.eu-cookie-withdraw-button,
button.agree-button { color: #000!important; text-shadow: none !important; }
button.eu-cookie-compliance-save-preferences-button:hover,
button.eu-cookie-withdraw-button:hover,
button.agree-button:hover { color: #000!important; text-shadow: none !important;}
.eu-cookie-compliance-banner input[disabled],
#cookie-category-valttamattomat { background-color: #eee!important; opacity: 1!important; color: #000!important; }
.eu-cookie-compliance-banner input[type="checkbox"] { width: 34px; height: 34px; }
.eu-cookie-compliance-buttons { float: left; }
.eu-cookie-compliance-banner .eu-cookie-compliance-more-button { padding: 5px; min-height: 24px; }
.eu-cookie-compliance-more-button:hover, .eu-cookie-compliance-more-button:focus,
.eu-cookie-compliance-save-preferences-button:hover, .eu-cookie-compliance-save-preferences-button:focus,
.eu-cookie-compliance-default-button:focus, .eu-cookie-compliance-default-button:hover { outline: 1px solid #000; color: #000!important; background: #bababa; }
#sliding-popup > button { background: #000!important; color: #fff!important; border-radius: 0!important; }
#sliding-popup > button:hover, #sliding-popup > button:focus { background: #bababa!important; color: #000!important; }
.eu-cookie-compliance-status-2 #addtoany-block .block__title,
.eu-cookie-compliance-status-2 #addtoany-block .ext { display: none; }
.eu-cookie-compliance-categories label { font-weight: normal; }
/*cookie banneri */

span.luelisaa{
	display: block;
}

.luelisaa-teksti.revealed { display:block!important; padding-left: 15px; line-height: 1.15em;  } 

/* RESPONSIVE */



@media (min-width: 1170px) {
   
}
@media (min-width: 980px) {
   .col-md-3.col-sidebar { width: 30%; }
   .col-md-9.col-main { width: 70%; }
   	/*responsive mobile menu */
	.mm-menu_offcanvas { display: none; }
}

@media (max-height: 880px) {
	.path-frontpage .highlighted {   min-height: 65vh; }
}
@media (max-width: 1680px){
	#block-ylatunnisteenpikalinkit ul{
		padding-left: 0px;
	}
	#block-ylatunnisteenpikalinkit li{
		font-size: 0.9em;
		margin: 10px 4px;
	}
	#block-ylatunnisteenpikalinkit {
  		margin: 20px 0px 0 0;
	}
}
	
@media (max-width: 1480px) {
	ul.quicktabs-tabs { padding-left: 0; }
   ul.quicktabs-tabs li { margin: 5px 0;  }
   ul.quicktabs-tabs li a { padding: 10px 10px; }
   
	#block-ylatunnisteenpikalinkit li{
		font-size: 0.8em;
	}
}
@media (max-width: 1299px) {
	.highlighted { min-height: 250px; }
	.has-ylakuva .highlighted { min-height: 320px; }
	#block-ylatunnisteenpikalinkit li { margin: 10px 5px; font-size: 0.7em;}
}

@media (max-width: 1169px) {
   .region-header li { margin: 5px 8px; font-size: 13px; }
   .logo img { width: 200px; }
   .highlighted2 { height: auto;}
	.highlighted2 li { margin: 5px; padding: 4px 12px; border-radius: 20px; }
	.highlighted2 #block-kuntaakkuna { height: 70px; padding: 20px 10px; font-size: 16px; }
	#block-ylatunnisteenpikalinkit ul { margin: 0px; dispaly:flex; flex-wrap:wrap; width: 650px;}
	#block-ylatunnisteenpikalinkit li { margin: 10px 5px; }
	.layout__region--first .hoxbox1, .layout__region--first .hoxbox2, .hoxboxkehys > a, .hoxboxkehys > p {  }
	.view-nostot-kustomoitu-lokko- .nostolaatikko .nostotitle { font-size: 18px; line-height: 1.1em; }
}

@media (max-width: 979px) {
	.navbar.container { height: auto; min-height: auto; border-top: 1px solid #eee; background: transparent; margin-right: 0; padding: 0; }
	.navbar-header { height: auto; }
	.container > .navbar-header { margin-left: 0; margin-right: 0; padding-right: 0; }
	.region-navigation { width: 100%; }
	
	.nav-prev { color: #000; font-size: 18px; font-weight: bold; margin: 15px; text-align: left; cursor: pointer; }
	.nav-prev::before { content:"\f053"; font-family: "FontAwesome"; float: left; margin-right: 15px; font-weight: normal; }
	
	#block-ylatunnisteenpikalinkit {
	    display: block;
	    position: absolute;
	    left: 5px; top: 5px;
	    margin: 0;
	    width: 100%;
	    height: 40px;
	    width: 100%;
	    background: #eee;
	    overflow: hidden;
	}
	.region-header ul,
	#block-ylatunnisteenpikalinkit ul { margin: 5px 5px; padding-left: 0; }
	.region-header ul li { margin: 0 4px; font-size: 11px; }
	#block-ylatunnisteenpikalinkit li { margin: 5px 5px; font-size: 13px; }
	.logo img { width: 170px; margin-top: 25px;  }
	
	#block-hakulomake button.form-submit { height: 60px; margin-top: 45px; padding: 10px 20px !important; background: #fff !important; color: #2508a8; }
	#block-hakulomake button.form-submit .glyphicon,
	#block-hakulomake button.form-submit .glyphicon::before { color: #2508a8; }
	#block-hakulomake { margin-right: 80px; }
	.dialog-off-canvas-main-canvas > .col-sm-12 { height: 105px; }
	
	.logo img { margin-top: 30px; }
	h1, .h1 { font-size: 24px; }
	.view-etusivun-ylakuvat .views-field-field-kuvateksti h1, .view-etusivun-ylakuvat .views-field-field-kuvateksti h2 { font-size: 24px; line-height: 1.6em; }
	.region-highlighted h1.page-header { padding: 15px; }
	h2, .h2 { font-size: 20px; }
	h3, .h3,
	.layout__region--first .hoxbox1 a, .layout__region--first .hoxbox2 a { font-size: 18px; }
	.layout__region--first .hoxbox1, .layout__region--first .hoxbox2, .hoxboxkehys > a, .hoxboxkehys > p { font-size: 20px; min-height: 80px; }
	.highlighted { min-height: 180px; }
	.has-ylakuva .highlighted, .path-frontpage .highlighted { min-height: 280px; }
	.highlighted2 { height: auto; }
	.highlighted2 li { margin: 2px; padding: 2px 8px; border-radius: 20px; font-size: 12px; }
	svg.ext { width: 13px; height: 13px; }
	.highlighted2 #block-kuntaakkuna { height: auto; padding: 10px; font-size: 16px; }
	
	.views-view-grid .views-col { width: 50%!important; }
	iframe { max-width: 100%!important; }
	iframe.youtube { height: auto; }
	
	#block-views-block-etusivun-ylakuvat-block-1 { padding-top: 40px; }
	.view-etusivun-ylakuvat .views-row { display: flex; position: relative; min-height: 220px;  }
	.view-etusivun-ylakuvat .views-field-field-kuvateksti { margin: auto; }
	
	#block-responsivemenumobileicon { 
		display: none;
		position: absolute;
		right: 0;
		top: 45px;
		height: 60px;
		width: 60px;
		background: #2508a8; color: #fff;
		z-index: 9;
	}
	.mm-wrapper_opened #block-responsivemenumobileicon { position: relative; top: 0; }
	#block-responsivemenumobileicon a#toggle-icon { }
	#block-responsivemenumobileicon a#toggle-icon .icon { }
	#block-responsivemenumobileicon a#toggle-icon .label { color: #2508a8; background: url(bars.svg) no-repeat; background-size: 40px 40px; background-position: 10px 10px; height: 60px; width: 60px; display: block; }
	.mm-wrapper_opened #block-responsivemenumobileicon a#toggle-icon .label { background: url(times.svg) no-repeat; background-size: 35px 35px; background-position: 13px 13px;}

	.tbm-button{
		position: absolute;
  		top: -60px;
	}
	.navbar{
		position: absolute !important;
		background: transparent !important;
	}
}

@media (min-width: 769px) {
	#block-kohderyhmaoikopolut .block-title { display: none; }
}

@media (max-width: 768px) {
	.navbar-header{
		margin: 0px !important;
	}
	body {  }
	.region-header li { margin: 0 8px; }
	.region-content > article { padding: 0 15px; }
	.region-content > section { padding: 0 15px; }
	.layout--twocol-section .layout__region--first, .layout--twocol-section .layout__region--second
	 {
		flex: 0 1 100%!important; padding-right: 0!important;  max-width: 100% !important;
	}
	.highlighted2 #block-kuntaakkuna { float: none; }
	#block-kohderyhmaoikopolut .block-title { display: block; font-size: 18px;
		font-weight: normal;
		padding: 18px 10px 10px 20px;
		margin: 0;
		position: relative;
		height: 60px;
	}
	#block-kohderyhmaoikopolut .block-title::after {
		font-family: "Glyphicons Halflings";
		content:"\e260";
		height: 60px; width: 60px;
		background: #F6B324; color: #000; 
		font-size: 22px;
		position: absolute; right: 0; bottom: 0;
		padding: 18px;
		cursor: pointer;
	}
	#quicktabs-container-etusivun_ajankohtaiset #rssfeed ul li a { font-size: 18px; }
	.highlighted2 #block-kohderyhmaoikopolut .block-title.revealed::after { content:"\e259"; }
	.highlighted2 { background: #fff; height: auto; }
	.region-highlighted2 { flex-direction: column; }
	.highlighted2 #block-kohderyhmaoikopolut { width: 100%; }
	.highlighted2 #block-kohderyhmaoikopolut .field--name-body {
		display: none;
	    position: absolute;
	    z-index: 9; 
	    width: 100%;
	    /*bottom: 120px;*/
	    min-height: 260px;
	    height: auto;
	    background: #fbb228 url(/sites/default/files/tiedostot/ylakuvat/Nivalan-kaupunki-bg.jpg) repeat-x;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto;
	    background-size: auto !important;
	    background-position: center 25%;
	}
	
	.highlighted2 #block-kuntaakkuna {
		z-index: 1;
		display: block;
		width: 100%;
		padding: 20px 10px;
	}	
	.highlighted2 li { font-size: 13px; padding: 10px 10px; margin: 10px; display: block; }
	#quicktabs-container-etusivun_ajankohtaiset ul li { width: 48%; }
	ul.quicktabs-tabs { padding-left: 0; }
	#quicktabs-container-etusivun_ajankohtaiset ul { padding-left: 0; }
	#quicktabs-container-etusivun_ajankohtaiset ul li { width: 47%!important; }
	.huomio { padding: 5px; }
	.huomio a { font-size: 12px; }
	.huomio::before { font-size: 20px; margin-right: 10px; }
	.huomio-close { font-size: 20px; }
	.block-extra-field-blocknodepagelinks { margin: 0; }
	.breadcrumb { margin-top: 5px; margin-bottom: 0px; font-size: 12px;}
	#block-textresize{
		position: absolute;
		right: 0px;
	}
	.region-content img { max-width: 100%!important; height: auto!important; }
		
	/*cookie banneri */
	.eu-cookie-compliance-banner { font-size: 14px; line-height: 15px; }
	.eu-cookie-compliance-banner button { font-size: 14px; }
	.eu-cookie-compliance-categories-buttons { max-width: 100%; }
	.eu-cookie-compliance-banner--categories .eu-cookie-compliance-buttons { width: 100%; float: none; margin: 5px 0; }
	.eu-cookie-compliance-popup-open #sliding-popup { max-height: 100%; overflow: auto; }
	.eu-cookie-compliance-popup-open .eu-cookie-withdraw-tab { transform: initial!important; }
	.eu-cookie-compliance-popup-open .eu-cookie-compliance-banner { padding-top: 20px; }
	/*cookie banneri */
}

@media (max-width: 600px) {
	.views-view-grid .views-col { padding: 15px 0; width: 100%!important; }
	#quicktabs-container-etusivun_ajankohtaiset ul li { width: 100%!important; }
	article section { margin: 0 0; }
	.view-nostot-kustomoitu-lokko- .views-row { width: 49%; padding: 0 0 5px 0!important; }
	.view-nostot-kustomoitu-lokko- .views-row:nth-child(3n) .nostolaatikko { margin-left: 0px; margin-right: 10px; }
	
}	

@media (max-width: 480px) {
	.views-view-grid .views-col { padding: 15px 0; width: 100%!important; }
	.path-frontpage .region-content > section { padding: 0 0; }
	#block-ylatunnisteenpikalinkit { display: none; }
	.dialog-off-canvas-main-canvas > .col-sm-12 { height: 60px; }
	.logo { margin: 0 10px !important; }
	.logo img { margin-top: 5px; }
	#block-hakulomake button.form-submit { margin-top: 0; }
	#block-hakulomake { margin-right: 60px; }
	#block-hakulomake button.form-submit { font-size: 25px; float: right; }
	table { max-width: 100%; overflow: auto; word-break: break-word; display: block; }
	.view-etusivun-ylakuvat .views-field-field-kuvateksti h1, .view-etusivun-ylakuvat .views-field-field-kuvateksti h2 { font-size: 22px; line-height: 1.4em; }
	#quicktabs-container-etusivun_ajankohtaiset ul li { width: 100%!important; }
	.more-link svg.ext { display: none; }
	.path-frontpage .region-content { padding: 0 15px; }
	.more-link, .pager li { float: none; }
	#quicktabs-container-etusivun_ajankohtaiset .pager__item { text-align: center; }
	#block-mainnavigation { margin-top: -50px; }
	.navbar.container { height: 0px;}
	.layout__region--first .hoxbox1, .layout__region--first .hoxbox2, .hoxboxkehys > a, .hoxboxkehys > p {  }
	.tbm-button {
		top: -11px;
	}
	.tbm.tbm--mobile .tbm-collapse{
		top: 50px;
	}
}