/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
body { font-size: 17px; background: transparent url(/sites/nopolanews.fi/files/background.png) no-repeat; background-size: cover; font-family: 'Work Sans', Arial, sans-serif;  }
.dialog-off-canvas-main-canvas { background: rgba(255,255,255,0.9); min-height: 90vh; }
.navbar.container { max-width: 100%; width: 100%; padding: 20px 10%; }
.navbar.container .region-navigation {  }
.block-field-blocknodeyritysrekisteribody, .block-field-blocknodeyritysrekisterifield-lisatietoa { margin: 20px 0; }
.block-field-blocknodeyritysrekisterititle { font-weight: bold; }
.block-field-blocknodeyritysrekisterifield-postitoimipaikka, .block-field-blocknodeyritysrekisterifield-postinumero,
.block-field-blocknodeyhdistysfield-postinumero, .block-field-blocknodeyhdistysfield-postitoimipaikka,
.field--name-field-postinumero, .field--name-field-postitoimipaikka { display: inline-block; }
.block-field-blocknodeyhdistystitle { font-weight: bold; }
.block-field-blocknodeyritysrekisterifield-yhteyshenkilot > .field--name-field-yhteyshenkilot > .field--item { margin-top: 20px; }
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second { padding: 0 20px 20px 20px;  }
.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first { max-width: 75%; }
.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second { max-width: 25%; }
.page-node-type-article .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second { padding-top: 0; }
.layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second > section:first-child {  }
.layout__region--first section { margin-bottom: 15px; }
.layout__region--second .form-inline .form-group { width: 100%; }
.layout__region--second .form-inline .control-label { width: 25%; }
.path-frontpage .page-header { display: none; }
.path-frontpage .layout__region--first section { margin-bottom: 0; }
section > h2.block-title, .layout__region--second h2 { font-size: 1.2em; padding-bottom: 5px; color: #DC7800; border-bottom: 2px solid #DC7800; }
.views-field-title { line-height: 1.1em; }
.block-views-blockartikkelit-block-8 .views-row { padding-bottom: 8px; padding-bottom: 4px; border-bottom: 1px solid #eee; }
.block-views-blockartikkelit-block-8 .view-content { font-size: 95%; }
section .field--label { margin-top: 10px; }
section .field--items > .field--item { margin: 0px; line-height: 1.2em; }
.layout__region--first .field--name-node-post-date,
.layout__region--first .field--name-field-juttuvinkki,
.layout__region--first .field--name-field-kohde,
.layout__region--first .field--name-user { font-size: 95%; color: #333; display: inline-block; }
.block-field-blocknodearticlecreated, .views-field-created, .views-field-unpublish-on { font-size: 95%; color: #333; display: inline-block; }
.block-field-blocknodearticlefield-kohde, .block-field-blocknodearticlefield-juttuvinkki { font-size: 95%; color: #333; display: inline-block; }
.block-field-blocknodearticleuid { font-size: 95%; color: #333; display: inline-block; }
.block-field-blocknodearticlefield-juttuvinkki .field--item::after,
.layout__region--first .field--name-field-juttuvinkki::after,
.layout__region--first .field--name-field-kohde::after { content: " | "; display: inline-block; padding-left: 5px; }
.block-field-blocknodearticleuid .field--item::before { content: " / "; display: inline-block; padding-right: 5px; }
.field--name-field-ingressi { font-size: 1.15em; font-weight: bold; margin-bottom: 10px; }
.block-field-blocknodevideosivufield-ingressi { margin-bottom: 10px; }
article .field--name-field-kategoria, .path-taxonomy .field--name-name { padding: 5px 15px;  background: orange; margin-top: 0; display: inline-block; }
#block-nakyvakaavakehakupage-1 { float: right; padding-bottom: 15px; padding-top: 20px; }
#block-nakyvakaavakehakupage-1 #edit-haku { width: 255px; }
article.article .field--name-field-image img, article.ostovinkit-ja-tarjoukset .field--name-field-image img { display: none; }
.field--name-field-image .field--item { height: inherit; min-height: 100%; min-width: 100%; display: block; }
.field--name-field-image .field--item a.colorbox { min-height: 100%; min-width: 100%; display: inline-flex; flex-direction: column; }
.field--name-field-image .field--item a.colorbox img { min-height: 100%; object-fit: contain; object-position: center; margin: auto; }
.field--name-field-image .field--item a.colorbox .caption { padding: 5px; background-color: #eee; color: #000 !important; }


#navbar .navbar-header { width: 100%; max-width: 1339px; margin: auto; float: none; color: #fff; }
#navbar.navbar-default .navbar-collapse { max-width: 1360px; margin: auto; padding-left: 0; }
#navbar .navbar-header a { color: #fff!important; }
#block-arkistot { color: #fff!important; float: right; padding: 15px 15px 10px 15px; line-height: 1.2em; }
 .navbar-default { background: #0277B6; }
 .navbar-default .navbar-brand,  .navbar-default .navbar-nav > li > a { color: #fff; font-weight: 600; letter-spacing: 0.05em; padding: 10px 10px; font-size: 1em; }
  .navbar-default .navbar-nav { margin-left: 0px; margin-top: 10px;}
 .navbar-default .navbar-nav > li { margin: 0px; } 
  .navbar-default .navbar-nav > li:hover { background: #fff; }
  .navbar-default .navbar-nav > li a:focus { color: #000!important; text-decoration: underline; }
  
 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #fff; color: #000!important; }
 .label { color: #000; }
 .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
 .menu--account { font-size: 12px; }
 
 .field--name-node-link a, .field--name-body a { text-decoration: underline; }
 .backlink a { text-decoration: none; }
 .path-contact form { max-width: 600px; }
 .path-contact #edit-preview { display: none; }
 .path-contact #edit-actions { margin: 20px 0; }
 b, strong {
    font-weight: 600;
}
 input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 1em; }
 input[type="checkbox"], input[type="radio"] { min-width: 25px; min-height: 25px; vertical-align: middle; }
 button, html input[type="button"], input[type="reset"], input[type="submit"] { min-height: 35px; }
 .btn-default { background-color: #f3f3f3; font-weight: bold; }
 img.align-right { padding-left: 15px; padding-top: 10px; padding-bottom: 10px; }
 img.align-left { padding-right: 15px; padding-top: 10px; padding-bottom: 10px; }
 table .views-field-title { font-weight: bold; }
 .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff; }
 .table-striped > tbody > tr:nth-of-type(even) { background-color: #f0f0f0; }
 h1 { color:#265272; font-weight: 600; font-family: 'Lato', Arial, sans-serif; font-size: 1.8em; }
 .page-node-type-article h1.page-header, .path-taxonomy h1.page-header { display: none; }
 .page-node-type-article h1 { margin-top: 0; }
 #block-nakyvakaavakesearch-contentpage-1 { float: right; padding: 10px; }
.form-type-search-api-autocomplete .input-group-addon { display: none!important; }
#edit-submit-search-content--2 { min-height: 35px; }
iframe { max-width: 100%!important; }

#playerElement { display: block; width:1024px; height:576px; max-width: 100%!important; padding-top: 0px; }
.layout__region--second .nav ul { margin-bottom: 25px; }
.layout__region--second .nav ul { list-style: none; padding-left: 0; }
.layout__region--second .nav ul > li a { position: relative; display: block; padding: 10px 15px; }
.layout__region--second .nav ul > li a::before { content: " > "; }
.layout__region--second .nav li { background: #eee; margin-bottom: 4px;  }
.layout__region--second .nav li.active { background: #ddd; }
.layout__region--second .nav li a { color: #000; }
.layout__region--second .nav li a:focus, .layout__region--second .nav li a:hover { text-decoration: underline; }
 .path-taxonomy .layout__region--second {  }
 section.block-views-blockslideshow-block-1 { margin-bottom: 25px; }
 #views_slideshow_cycle_main_artikkelit-block_5 { }
 .view-slideshow { position: relative; }
 .views-field-field-image { width: 100%; height: auto; max-height: 700px!important; }
 .views-field-field-image-1 { position: absolute; bottom: 3%; left: 15px;  z-index: 9;  }
 .views-field-field-image-1 > div { background: #000; color: #fff; padding: 5px 10px; max-width: 60%;}
 .views_slideshow_cycle_teaser_section { overflow: hidden; max-width: 100%; } 
 .views_slideshow_cycle_slide { width: 100%!important; height: auto!important; max-height: 1000px!important; background: #eee; margin-bottom: 25px;  }
 .path-frontpage .views_slideshow_cycle_slide { max-height: 530px!important; } 
 #views_slideshow_cycle_div_artikkelit-block_4_0,  #views_slideshow_cycle_main_artikkelit-block_4 .views_slideshow_cycle_slide { background: transparent; position:relative!important; max-height: 100%!important; }
 #views_slideshow_cycle_teaser_section_artikkelit-block_4 { overflow: initial; height: 100%; }
 #views_slideshow_cycle_div_artikkelit-block_4_0 .views-row { height: 100%; position: relative; }
  #views_slideshow_cycle_div_artikkelit-block_4_0 .nosto { overflow: initial; height: auto; }
 #views_slideshow_cycle_div_artikkelit-block_4_0 .nostoteksti { bottom: 0; } 
 .views_slideshow_controls_text_pause { display: none; }
 .block-views-blockartikkelit-block-4 .views-slideshow-controls-bottom { bottom: auto; top: 678px;  width: 100%; background: transparent; }
 .block-views-blockartikkelit-block-4 .views-slideshow-controls-bottom .views_slideshow_controls_text_previous { background: #fff; float: left; margin-left: 30px; }
 .block-views-blockartikkelit-block-4 .views-slideshow-controls-bottom .views_slideshow_controls_text_pause { display: none; }
  .block-views-blockartikkelit-block-4 .views-slideshow-controls-bottom .views_slideshow_controls_text_next { background: #fff; float: right;  }
 .views_slideshow_cycle_main { width: 100%; }
 .views_slideshow_cycle_slide img { max-height: 700px!important; margin: auto; }
.view-artikkelit .views_slideshow_cycle_main .views_slideshow_cycle_slide img { max-height: 300px!important;  }
 .views-slideshow-controls-bottom .views-slideshow-pager-bullets { position: absolute; bottom: 25px; z-index: 9; right: 15px; }
.views-slideshow-controls-bottom { position: relative; bottom: 0; right: 0; z-index: 99; text-align: center; margin: 0px; font-size: 95%; font-weight: 600; padding: 10px; }
.views-slideshow-controls-bottom span { padding: 0 10px; }
.views-slideshow-controls-bottom a { color: #000; }
.views_slideshow_controls_text_previous a::before { content: ""; display: inline-block; height: 14px; width: 20px; background: transparent url(../images/caret-left.svg) no-repeat; }
.views_slideshow_controls_text_next a::after { content: ""; display: inline-block; height: 14px; width: 20px; background: transparent url(../images/caret-right.svg) no-repeat; }
.view-artikkelit .views_slideshow_cycle_main .views_slideshow_cycle_slide { text-align: center; padding-top: 0; background: transparent; }
.view-artikkelit .views_slideshow_cycle_main .views_slideshow_cycle_slide > .views-row { width: 32%; display: inline-block; }
.view-artikkelit .views_slideshow_cycle_main .views_slideshow_cycle_slide .nostoteksti { font-size: 14px; height: 230px; background: #FFF3C1; }
.block-views-blockartikkelit-block-6 .views-slideshow-controls-bottom { bottom: 0; left: 14px;  }
.block-views-blockartikkelit-block-6 .views_slideshow_controls_text_pause { display: none; }
.block-views-blockartikkelit-block-6 .block-title { margin-left: 15px; }
.kuvat-slideshow .views_slideshow_cycle_main .views_slideshow_cycle_slide > .views-row { width: 100%; }
.kuvat-slideshow .views_slideshow_cycle_main .views_slideshow_cycle_slide > .views-row .views-field-field-image { max-height: auto!important; }
.kuvat-slideshow .views_slideshow_cycle_main .views_slideshow_cycle_slide > .views-row img { max-height: 720px!important; }
.kuvat-slideshow .views_slideshow_cycle_main .views_slideshow_cycle_slide > .views-row .caption { 
	display: block; position: relative; z-index: 99; bottom: 0; left: 0; padding: 10px 15px; background: transparent; color: #000; max-width: 100%;
}

.field-slideshow-wrapper { position: relative; width: 100%; height: 720px; margin-top: 20px; }
.field-slideshow-wrapper .field-slideshow-items { width: 100%; height: 720px; }
.field-slideshow-wrapper .field-slideshow-items .cycle-slide { visibility: hidden!important; width: 100%; background: #f0f0f0; }
.field-slideshow-wrapper .field-slideshow-items .cycle-slide-active { visibility: visible!important; }
.field-slideshow-wrapper .field-slideshow-items .cycle-slide img { margin: auto; }
.field-slideshow-wrapper .field-slideshow-item .caption { background: rgba(255,255,255,0.9); padding: 15px; color: #000; position: absolute; bottom: 50px; left: 15px; z-index: 999; }
.cycle-controls-prev {
	position: absolute;
    left: 0px;
    bottom: 0;
    z-index: 999;
    background: rgba(255,255,255,0.9);
    color: #000;
    font-size: 90%;
    display: block;
    padding: 10px;
    border: 1px solid #ddd;
}
.cycle-controls-prev::before {
	content: "";
    display: inline-block;
    height: 14px;
    width: 20px;
    background: transparent url(../images/caret-left.svg) no-repeat;
}
.cycle-controls-next {
	position: absolute;
    right: 0px;
    bottom: 0;
    z-index: 999;
    background: rgba(255,255,255,0.9);
    color: #000;
    font-size: 90%;
    display: block;
    padding: 10px;
    border: 1px solid #ddd;
}
.cycle-controls-next::after {
	content: "";
    display: inline-block;
    height: 14px;
    width: 20px;
    background: transparent url(../images/caret-right.svg) no-repeat;
}


.social-link-field { padding-left: 0; padding-top: 15px; }
.social-link-field svg.ext { display: none; }
.social-link-field .fa { font-size: 40px; }
.pager a { color: #000!important; }

.more-link, #block-takaisinlinkki { border: 1px solid #ccc; padding: 5px 10px; border-radius: 4px; float: left; }
.path-frontpage .view-footer {  }
.path-frontpage .view-footer a, a.button { background: #f0f0f0; padding: 8px 20px;color: #000; font-weight: 600; }
a.button.active { background: #ffbd45; }
.path-frontpage .view-display-id-block_5 { margin-top: 30px; }
.view-tapahtumat .view-content { margin: 10px 0; padding-top: 10px; width: 100%; }
.view-tapahtumat .view-content .views-row { padding-bottom: 5px; padding-top: 5px; }
.path-frontpage .view-tapahtumat .view-content { padding-top: 0; margin: 5px 0; }
.path-frontpage .view-tapahtumat .view-content .views-row { padding-top: 0; padding-bottom: 0; }
.view-tapahtumat .views-col { position: relative; margin: 5px 10px;  }
.path-frontpage .layout__region--first .block-views-blockartikkelit-block-1 { width: 32%; display: inline-block; vertical-align: top; }
.path-frontpage .block-views-blockartikkelit-block-8 { width: 32%; display: inline-block; vertical-align: top; padding-top: 60px; }
.path-frontpage .block-views-blocktapahtumat-block-4 { width: 32%; display: inline-block; vertical-align: top; }
.path-frontpage .layout__region--first .block-views-blocktapahtumat-block-4 .views-row .kat,
.path-frontpage .layout__region--first .block-views-blocktapahtumat-block-4 .views-row img { display: none; }
.path-frontpage .layout__region--first .block-views-blocktapahtumat-block-4 .nosto { min-height: 60px; height: auto; }
.path-frontpage .layout__region--first .block-views-blocktapahtumat-block-4 .views-row.row-1 .kat,
.path-frontpage .layout__region--first .block-views-blocktapahtumat-block-4 .views-row.row-2 .kat,
.path-frontpage .layout__region--first .block-views-blocktapahtumat-block-4 .views-row.row-1 img,
.path-frontpage .layout__region--first .block-views-blocktapahtumat-block-4 .views-row.row-2 img { display: block; }
.path-frontpage .layout__region--first .block-views-blocktapahtumat-block-4 .views-row.row-1 .nosto,
.path-frontpage .layout__region--first .block-views-blocktapahtumat-block-4 .views-row.row-2 .nosto {  }

.path-frontpage .layout__region--first .block-views-blockartikkelit-block-1 > h2,
.path-frontpage .block-views-blockartikkelit-block-8 > h2, 
.path-frontpage .block-views-blocktapahtumat-block-4 > h2 { margin-left: 15px; }
.path-frontpage .layout__region--first .block-views-blockartikkelit-block-1 > div,
.path-frontpage .block-views-blockartikkelit-block-8 > div, 
.block-views-blocktapahtumat-block-4 > div { padding: 0 15px; }
.block-views-blocktapahtumat-block-4 .views-col:nth-child(3n+2) { margin: 5px 10px 5px 10px; }
.block-views-blocktapahtumat-block-4 .views-col:nth-child(3n+1) { margin: 5px 10px 5px 0px; }
.block-views-blocktapahtumat-block-4 .views-col:nth-child(3n+0) { margin: 5px 0 5px 10px; }
.block-views-blocktapahtumat-block-3 .views-col { width: 100%!important; }
.view-tapahtumat .views-col .views-field-field-aihe { position: absolute; color: #000; background: orange; padding: 3px 10px; top: 0; left: 0; font-size: 13px;}
.view-tapahtumat .views-col .views-field-field-image { margin-bottom: 15px; max-height: 228px!important; overflow: hidden; object-fit: cover; }
.view-tapahtumat .views-col img { width: 100%;  }
.view-tapahtumat .views-row .views-field-field-tapahtuman-paivamaarat, .view-tapahtumat .views-row .views-field-field-tapahtumapaikka { font-size: 80%; }
.view-display-id-block_3 .views-col, .view-display-id-block_2 .views-col { margin: 10px 0;}
.view-display-id-block_2 .views-col { padding: 0 10px; }
.view-display-id-block_2 .views-col .views-field-field-aihe { left: 10px; }
.view-tapahtumat .nosto { margin: 0; }
.view-tapahtumat .nostoteksti { font-weight: normal; font-size: 13px; text-align: left; background: #ffbd45; }
.view-tapahtumat .nostotitle { font-weight: 600; font-size: 16px; }
.block-field-blocknodetapahtumafield-aihe { color: #DC7800; font-size: 85%; }
.block-field-blocknodetapahtumafield-tapahtuman-paivamaarat { font-weight: 600;  color: #333; }
.block-field-blocknodetapahtumafield-tapahtuman-paivamaarat .field--item::before,
.block-field-blocknodearticlecreated::before,
.layout__region--first .field--name-node-post-date::before {
	content: " ";
	width: 20px; height: 20px; 
	display: inline-block;
	background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1zz' clip-rule='evenodd'/></svg>");
  	background-repeat: no-repeat;
  	background-size: 20px 20px;
  	vertical-align: top;
  	margin-right: 12px; 
  	vertical-align: baseline;
}
.block-field-blocknodetapahtumafield-tapahtuman-paivamaarat > * { display: inline-block; font-size: 1.1em; color: #333; }
.block-field-blocknodetapahtumafield-tapahtuman-paivamaarat .field--items > .field--item { display: inline-block; margin: 0; }
.block-field-blocknodetapahtumafield-tapahtuman-paivamaarat .field--items > .field--item:not(:first-child) {  } 

/* tapahtumat pv kat. */
.path-tapahtumakalenteri .main-container { position: relative; }
.path-tapahtumakalenteri .col-sm-9 {  }
.path-tapahtumakalenteri aside { font-size: 85%;  }
.block-views-exposed-filter-blocktapahtumat-page-1 { padding: 25px 10px; }
.path-tapahtumakalenteri aside h2.block-title { }
.path-tapahtumakalenteri .well.region-sidebar-second { padding: 0 10px; }
.view-tapahtumat.view-display-id-page_1 .view-header { padding-bottom: 25px; padding-left: 8px; }
.view-tapahtumat.view-display-id-page_1 .view-empty { margin-top: 80px; padding-left: 15px; }
.view-tapahtumat.view-display-id-page_1 .view-filters { padding-left: 8px; }
.view-tapahtumat.view-display-id-page_1 .view-content { display: flex; flex-flow: row wrap; margin-top: 50px; }
.view-tapahtumat.view-display-id-page_1 div.table-responsive { width:25%; max-width: 340px; margin: 0px; padding: 8px; flex-grow: 1; }
.view-tapahtumat.view-display-id-page_1 div.table-responsive table {  }
.view-tapahtumat.view-display-id-page_1 div.table-responsive table tr { background-color: #fff!important; }
.view-tapahtumat.view-display-id-page_1 div.table-responsive table td { padding: 8px 0; border: 0; }
.view-tapahtumat.view-display-id-page_1 caption { font-size: 1.2em; padding-bottom: 5px; color: #DC7800;  border-bottom: 2px solid #DC7800; }
.view-tapahtumat.view-display-id-page_1 a { color: #000!important; }
.view-tapahtumat.view-display-id-page_1 time { display: block; font-weight: normal; font-style: italic; }
.view-tapahtumat.view-display-id-page_1 div.table-responsive a { display: block; font-weight: 600; }
.view-tapahtumat.view-display-id-page_1 .views-field-field-tapahtumapaikka { font-weight: normal; }
.view-tapahtumat.view-display-id-page_1 .nosto img { display: none; }
.view-tapahtumat.view-display-id-page_1 div.table-responsive table tr:first-child .nosto img { display: block; }
.block-views-blockkalenteri-block-1 nav.pager > ul { margin-bottom: 0; }
.block-views-blockkalenteri-block-1 h3 { font-size: 20px; }

#block-forecasaa { float: right; margin-top: -20px; }
#block-nimipaivat { position: initial; top: 75px; left: 25px; max-width: 70%; }

table td.mini.has-events a { font-weight: 600;  }

.calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {
	background-color: #005980!important; color: #fff!important;
}
.calendar-calendar td { color: #000; }
.calendar-calendar td .inner div.calendar div { padding: 4px 5px; }
.calendar-calendar td .inner div.calendar div, .calendar-calendar td .inner div.calendar div a { color: #fff!important; font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.view .bef-links ul { list-style: none!important; margin-left: 0!important; padding-left: 0!important; width: 100%; }
.view .bef-links ul li { display: inline-block; margin: 4px;  }
.view-kalenteri #edit-aihe.bef-links ul li a { background: #66c3eb; }
.view .js-form-type-select.form-item-aihe { float: right; margin-top: 20px;}
.view .bef-links ul li a.bef-link--selected { background: #333; color: #fff; font-weight: 600; }
.view .bef-links ul li a { color: #000; background: orange; border: 1px solid #ccc; padding: 5px 10px; border-radius: 4px; }
.view-kalenteri #gridview, #block-views-block-tapahtumat-block-2 .view-header a, .view-kalenteri #tableview { padding-top: 28px; }
#block-views-block-tapahtumat-block-2 { display: none; }

.view-yritysrekisteri .views-col { height: 160px; max-width: 23%; vertical-align: middle; margin: 5px; padding: 15px; background: #fff; border: 2px solid #ddd; border-radius: 5px; text-align: center; }
.view-yritysrekisteri.view-display-id-block_4 .views-col { height: 100px; }
.view-yritysrekisteri.view-display-id-block_3 .views-col,
.view-yritysrekisteri.view-display-id-block_5 .views-col { height: auto; text-align: left; max-width: 100%; }
.block-views-blockyritysrekisteri-block-3 .views-field-field-logo { text-align: center; } 
.view-yritysrekisteri .views-field-field-ingressi { font-size: 90%; line-height: 1.1em; }
.view-yritysrekisteri .views-col img { display: unset; max-height: 70px!important; width: auto; margin-bottom: 10px; }
.view-yritysrekisteri td img { max-height: 50px!important; width: auto; }
.view-yritysrekisteri .views-field-field-kotikunta { font-size: 90%; }
.view-yritysrekisteri td.views-field-field-logo { width: 20%; }
.view-yritysrekisteri td { vertical-align: middle!important; }
.view-yritysrekisteri .view-header {  }
.view .view-header a { cursor: pointer; padding: 10px 20px 10px 10px; display: inline-block; margin: 5px 5px 5px 0px; }
.view .view-header .pager__item a { float: none; }
.view .view-header a:hover, .view-yritysrekisteri .view-header a.focus { text-decoration: underline!important; }

.block-views-blockyritysrekisteri-block-1, .block-views-blockyritysrekisteri-block-4 { padding: 15px; background: #f9f9f9; }
.block-views-blockyritysrekisteri-block-2 { padding: 15px; background: #f9f9f9; display: none; } 

.view-ostovinkit-ja-tarjoukset .views-row { padding: 7px 0; }
.view-ostovinkit-ja-tarjoukset .views-row a { font-weight: 600; line-height: 1.1em; }
.field--name-field-tarjous-voimassa .field--label { font-weight: 600; margin: 0!important;  }
.block-views-blockostovinkit-ja-tarjoukset-block-2 .views-row,
.block-views-blockostovinkit-ja-tarjoukset-block-6 .views-row { max-width: 285px; min-width: 285px; height: 330px;  float: left; font-size: 90%; margin: 5px; padding: 10px; border: 1px solid #ddd; }
.block-views-blockostovinkit-ja-tarjoukset-block-2 .views-field-title,
.block-views-blockostovinkit-ja-tarjoukset-block-6 .views-field-title { margin: 10px 0; font-size: 17px; }
.block-views-blockostovinkit-ja-tarjoukset-block-2 img,
.block-views-blockostovinkit-ja-tarjoukset-block-6 img { max-height: 176px; width: auto;}
.block-views-blockostovinkit-ja-tarjoukset-block-1 .views-field-field-tarjous-voimassa { font-size: 12px; }

.page-node-type-article .layout__region--second { margin-top: 90px; }
.nosto { position: relative; margin: 10px 0 20px 0; border: 1px solid #ddd; }
.path-frontpage .layout__region--first .block-views-blockartikkelit-block-1 .nosto { margin: 10px 0 10px 0; }
.layout__region--first .block-views-blockartikkelit-block-3,
.layout__region--first .block-views-blockartikkelit-block-11 { margin-top: 50px; }
.layout__region--first .block-views-blockartikkelit-block-3 .view-content {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: masonry;
	display: grid;
	vertical-align: top;
	gap: 10px;
}
.layout__region--first .block-views-blockartikkelit-block-3 .views-row {  }
.layout__region--first .block-views-blockartikkelit-block-3 .views-row .nosto,
.layout__region--first .block-views-blockartikkelit-block-11 .views-row .nosto { margin: 0; }
.views-row:first-child .nosto { margin-top: 0; }
.nosto img { 
	width: 100%;
    height: 100%;
    max-height: 195px;
    min-height: 195px;
    -o-object-fit: cover;
    object-fit: cover;
}
.nostobg {
}
.nosto a:hover, .nosto a:focus { text-decoration: underline!important; }
a:hover .nostoteksti, a:focus .nostoteksti {
	background: #eee; text-decoration: underline!important;
}
.nostoteksti { 
	display: block;
	line-height: 1.1em;
	position: relative;
	z-index: 9;
	top: auto;
	bottom: 0px;
	width: 100%; 
	padding: 15px 10px;
	text-align: center;
	color: #333;
	font-weight: 600;
	background: rgb(247,246,241);

}
.views_slideshow_slide .nosto { height: 720px; margin-top: 0; border: 0; }

.views_slideshow_slide .nostoteksti { position: absolute; text-align: left; line-height: 1.2em; bottom: 20px;  padding: 20px 20px 60px 20px; color: #333; background: rgba(247,246,241,0.9); }
 #views_slideshow_cycle_teaser_section_artikkelit-block_4 .views_slideshow_slide .nostoteksti div {  }
#views_slideshow_cycle_teaser_section_artikkelit-block_4 .views-field-field-kohde { margin-bottom: 15px; display: inline-block; padding-left: 35px; width: 100%; }
.views_slideshow_slide .nostotitle { font-size: 1.6em; margin: 15px 0; line-height: 1.1em; font-weight: normal; }
.views_slideshow_slide .luotu { font-size: 90%; color: #b83319; }
.view-artikkelit .view-content { position: relative; }
.view-artikkelit .views-slideshow-controls-bottom {  }
.kat { color: #000; font-size: 12px; background: orange; padding: 3px 10px; position: absolute; z-index: 1; }
.kat a { color: #000; }

.view-kategoriat ul { list-style: none; margin-left: 0; padding-left: 0; }
.view-kategoriat ul li a { display: inline-block; color: #000; }
.view-kategoriat ul li a::before {
	content: "";
	color: #DC7800; fill: #DC7800;
	height: 13px; width: 13px;
	background: url(../images/diamond.svg) no-repeat;
	background-size: cover;
	display: inline-block;
	margin-right: 10px;
}

.view-videoarkisto .views-row { border-bottom: 1px solid #ddd; }
.view-videoarkisto .views-row:last-child { border: 0; }
.view-videoarkisto .views-col { position: relative; font-size: 95%; height: 240px; overflow: hidden; }
.view-videoarkisto .views-col:nth-child(3n+2) { padding: 10px 10px 10px 10px; }
.view-videoarkisto .views-col:nth-child(3n+1) { padding: 10px 10px 10px 0px; }
.view-videoarkisto .views-col:nth-child(3n+0) { padding: 10px 0 10px 10px; }
.view-videoarkisto .views-field-title { padding-top: 10px; }
.view-videoarkisto.view-display-id-block_2 .views-field-title { padding-top: 0px; }
.view-videoarkisto.view-display-id-block_2 li { margin: 8px 0; }
.view-videoarkisto .views-field-field-ingressi { font-size: 13px; }
.view-videoarkisto img { min-height: 128px; }
.view-videoarkisto .views-field-field-tapahtuman-paivamaarat { font-size: 80%; font-weight: 600; }
.videoupotus { max-width: 100%; }
#playerElement { max-width: 100%;  }
#colorbox button { min-height: 32px !important; min-width: 32px !important; margin-top: -12px; background-position: center !important; background-color: #fff; }
#colorbox button:hover { background-color: #eee; }
#cboxPrevious { right: 64px !important; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-caret-left-fill" viewBox="0 0 16 16"><path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/></svg>') !important; background-size: 22px !important; }
#cboxNext { right: 32px !important; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-caret-right-fill" viewBox="0 0 16 16"><path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/></svg>') !important; background-size: 22px !important; }
#cboxClose { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-x" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/></svg>') !important; background-size: 36px !important; }
#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent, #cboxLoadedContent img { max-width: 100%; min-width: 100% !important; min-height: 100vh !important; top: 0px !important; left: 0px !important; object-fit: contain; }


@media screen and (max-width: 1680px) {
	.navbar.container { padding: 20px 5%; }
}
@media screen and (min-width: 601px) {
	.view-artikkelit .views_slideshow_cycle_main .views_slideshow_slide .nosto { height: 530px; margin-bottom: 0; }
}

@media screen and (max-width: 1490px) {
	.navbar.container { padding: 20px 2%; }
	.view-yritysrekisteri .views-col { width: 30%!important; max-width: 100%!important; }
	.view-yritysrekisteri.view-display-id-block_3 .views-col,
	.view-yritysrekisteri.view-display-id-block_5 .views-col  { width: 100%!important; }
}

@media screen and (min-width: 1400px) {
	.path-taxonomy .main-container { min-height: 100vh; }
	.container { width: 1400px; }
}
@media screen and (max-width: 1399px) {
	.container { width: 100%; }
	.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { font-size: 15px; }
	
}
@media screen and (max-width: 1300px) {
	.block-views-blockartikkelit-block-4 .views-slideshow-controls-bottom { top: 586px; }
		.field-slideshow-wrapper .field-slideshow-items, .field-slideshow-wrapper { height: auto;}
	.field-slideshow-wrapper .field-slideshow-items .cycle-slide-active { position: relative!important; }
}
@media screen and (max-width: 1200px) {
	.navbar-default .navbar-nav { margin-left: 0px; }
	.navbar-collapse { padding-left: 0; }
	.path-frontpage .view-footer a { font-size: 90%; }
	.block-views-blockartikkelit-block-4 .views-slideshow-controls-bottom { top: 495px; }
	#playerElement { max-height: 450px; }
	
}
@media screen and (max-width: 1025px) {
	.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a { padding: 10px 10px; font-size: 14px; }
	.block-views-blockartikkelit-block-4 .views-slideshow-controls-bottom { top: 433px; }
	.views_slideshow_slide .nostotitle { font-size: 18px; }
}
@media screen and (max-width: 890px) {
	.layout--twocol-section > .layout__region { max-width: 100%; overflow: hidden; flex: 0 1 100% !important; }
	.views_slideshow_cycle_teaser_section, .views_slideshow_cycle_slide { width: 100%!important;  }
	.views_slideshow_slide .nosto { height: 420px; }
	.views_slideshow_cycle_slide img { }
	.views_slideshow_slide .nostoteksti { padding: 10px 10px 10px 10px; bottom: 0; font-size: 12px!important; min-height: auto!important; }
	.views_slideshow_slide .nostotitle { font-size: 16px; margin: 5px 0 10px 0; }
	.views-slideshow-controls-bottom {  }
	.kuvat-slideshow .views_slideshow_cycle_main .views_slideshow_cycle_slide > .views-row img { max-height: 420px!important; }
	.kuvat-slideshow .views_slideshow_cycle_main .views_slideshow_cycle_slide > .views-row .caption { padding: 5px; font-size: 14px; left: 0; max-width: 100%; }
	.block-views-blockartikkelit-block-4 .views-slideshow-controls-bottom { top: 220px; }
	.views_slideshow_controls_text_pause { display: none; }
	.views-field-field-image-1 > div { font-size: 11px; line-height: 1.1em;}
	section.block-views-blockslideshow-block-1 { min-height: 165px; }
	.view-yritysrekisteri .views-col { width: 48%!important;  }
	.view-yritysrekisteri.view-display-id-block_3 .views-col, .view-yritysrekisteri.view-display-id-block_5 .views-col { width: 100%!important; }
	#views_slideshow_cycle_div_artikkelit-block_4_0, #views_slideshow_cycle_main_artikkelit-block_4 .views_slideshow_cycle_slide { position: relative!important; }
	.view-tapahtumat .nostotitle { font-size: 14px; }
	.nostoteksti { font-size: 14px; }
	.nosto {  }
	.block-views-blockartikkelit-block-7 .views-row { max-width: 48%; display: inline-block; }
	#playerElement { max-height: 350px; }

}
@media screen and (max-width: 768px) {
	body{ font-size: 15px; }
	.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first { flex: 0 1 100%; max-width: 100%; }
	.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second { flex: 0 1 100%; max-width: 100%; margin: 15px 0; }
	.path-frontpage .layout__region--first .block-views-blockartikkelit-block-1 { width: 49%; }
	.path-frontpage .block-views-blockartikkelit-block-8 { width: 49%; }
	.path-frontpage .block-views-blocktapahtumat-block-4 { width: 100%; }
	.path-frontpage .view-tapahtumat .view-content .views-row { width: 49%; display: inline-block; float: none; }
	.path-frontpage .layout__region--second .block-views-blockartikkelit-block-1 .views-row { width: 49%; display: inline-block; }
	.views-slideshow-controls-bottom { bottom: 0px; right: 0; left: 0; width: 100%; font-size: 12px; }
	.block-views-blockartikkelit-block-6 .views-slideshow-controls-bottom { left: 0; position: relative;}
	#widget_pager_bottom_slideshow-block_1 { display: none; }
	.views-field-field-image-1 > div { max-width: 100%; }
	.layout__region--first .block-views-blockartikkelit-block-3 .view-content,
	.layout__region--first .block-views-blockartikkelit-block-11 .view-content { grid-template-columns: repeat(2, 1fr); }
	#block-nakyvakaavakehakupage-1 { padding: 0; margin-right: 70px; margin-top: 20px; }
	#block-nakyvakaavakehakupage-1 #edit-haku { width: 150px; }
	#block-nakyvakaavakehakupage-1 .form-item { display: inline-block; }
	#block-nakyvakaavakehakupage-1 .form-actions { display: inline-block; }
	.navbar-toggle { position: absolute; top: 32px; right: 10px; }
	.view-tapahtumat.view-display-id-page_1 div.table-responsive { border: 0!important; }

	

}
@media screen and (max-width: 600px) {
	.views_slideshow_cycle_teaser_section {   }
	.views_slideshow_cycle_slide, .path-frontpage .views_slideshow_cycle_slide { max-height: initial!important; background: transparent; }
	.path-frontpage .views_slideshow_cycle_slide img { height: 300px; }
	.block-views-blockartikkelit-block-6 .views-slideshow-controls-bottom { display: none; }
	.view-artikkelit .views_slideshow_cycle_main .views_slideshow_cycle_slide > .views-row { width: 100%; margin-bottom: 15px;  }
	.view-artikkelit .views_slideshow_cycle_main .views_slideshow_cycle_slide { padding: 0; }
	.views_slideshow_cycle_slide { margin-bottom: 0; }
	.path-frontpage .views_slideshow_slide .nosto { height: auto; }
	.view-artikkelit .views_slideshow_cycle_main .views_slideshow_cycle_slide .nostoteksti { height: auto; }
	.views_slideshow_slide .nosto { height: auto; }
	.view-yritysrekisteri .views-col { width: 100%!important; height: auto!important; }
	body { background: #fff; }
	body.path-frontpage { background: transparent url(/sites/nopolanews.fi/files/background.png) no-repeat; }
	.layout__region--first .block-views-blockartikkelit-block-3 .view-content,
	.layout__region--first .block-views-blockartikkelit-block-11 .view-content { display: block; width: 100%; }
	.layout__region--first .block-views-blockartikkelit-block-3 .view-content .views-row,
	.layout__region--first .block-views-blockartikkelit-block-11 .view-content .views-row { margin: 10px 0; }
	.navbar .logo img { max-width: 150px; margin-top: 5px; }
	.view-videoarkisto .views-col { width: 45%!important; padding: 10px!important; }
	#playerElement { max-height: 220px; }
	.path-frontpage .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second { padding: 0 0 0 0; }
	.path-frontpage .layout__region--first .block-views-blockartikkelit-block-1 > div, .path-frontpage .block-views-blockartikkelit-block-8 > div, .block-views-blocktapahtumat-block-4 > div 
	{ padding: 0; }
	.cycle-controls-prev, .cycle-controls-next { font-size: 11px; padding:5px; }
	.view-tapahtumat.view-display-id-page_1 div.table-responsive { width: 50%; min-width: 250px; }
	.path-tapahtumakalenteri aside { position: relative; }
	.view-tapahtumat.view-display-id-page_1 .view-content { margin-top: 0; }
	#block-nimipaivat { max-width: 50%; }
	.view-tapahtumat.view-display-id-page_1 .view-content { margin-top: 90px; }
	h1 { font-size: 24px; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	article table td { padding: 5px; }
	#block-arkistot { padding: 0 15px 10px 15px; font-size: 11px; }
	.view-artikkelit .views_slideshow_cycle_main .views_slideshow_slide .nosto {height: 400px; margin-bottom: 0; }
}
@media screen and (max-width: 450px) {
	.path-frontpage .layout__region--first .block-views-blockartikkelit-block-1 { width: 100%; }
	.path-frontpage .block-views-blockartikkelit-block-8 { width: 100%; }
	.path-frontpage .view-tapahtumat .view-content .views-row { width: 100%; }
	.path-frontpage .layout__region--second .block-views-blockartikkelit-block-1 .views-row { width: 100%; }
	.block-views-blockartikkelit-block-7 .views-row { max-width: 100%; display: block; }
	.navbar.container { padding: 0px 10px; }
	.navbar-toggle { top: 10px; }
	.view-videoarkisto .views-col { width: 100%!important; }
	.view-tapahtumat.view-display-id-page_1 div.table-responsive { width: 100%; max-width: 100%; } 
	.block-views-blockkalenteri-block-1 h3 { font-size: 17px; }
	
}