/*
Theme Name: Psalmbok
Theme URI: http://psalmbok.fi
Author: Juho Ruohola / Kirkon tiedotuskeskus
Author URI: http://www.evl.fi
Description: Psalmbok.fi theme for Wordpress
Version: 0.5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: virsikirja_sv
Tags: two-columns
*/

@import 'martti/martti.css';

/* VÄRIT
tummanharmaa: #151f2a, turkoosi: #064f66, punainen: #b53038 
*/

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/virsikirja_sv/fonts/open-sans-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/virsikirja_sv/fonts/open-sans-v36-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/virsikirja_sv/fonts/open-sans-v36-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* YLEISET */
body{margin:0px;padding:0px;font-size:16px;background:#151f2a;color:#fff;font-family:"Open Sans",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.4;}
div{box-sizing:border-box;}
img{max-width:100%;height:auto;}
a{color:#1b8c9d/*#006c90*/;text-decoration:none;font-weight:bold;}
h1,h2,h3,h4,h5,h6{font-family:Martti,Georgia,serif;font-weight:normal;margin-top:1.2em;margin-bottom:0.8em;color:#fff;}
h1{font-size:1.8em;margin-top:20px;}
h2{font-size:1.4em;}
table,td{border-color:transparent;}
header{display:none;}
footer{overflow:hidden;clear:both;}
p{margin-bottom:15px;margin-top:0px;}
p:empty{display:none;}


/* NAVI */



/* TÄSMÄ */
.palautefloater{position:fixed;bottom:80px;right:0px;width:100px;height:100px;font-size:11px;color:#fff;background:#064f66;box-shadow:1px 1px 20px rgba(0,0,0,0.5);padding:10px;text-align:center;box-sizing:border-box;}
.sidebar{display:none;}
/*.etusivullelinkki{display:none;position:absolute;top:10px;right:10px;font-size:0.7em;}
.etusivullelinkki a{color:#999;}
.home .etusivullelinkki{display:none;}*/
.favorites-list p{margin-bottom:0px;}
.favorites-list li{width:100%;}
.wrap{width:1024px;max-width:100%;margin:0px auto;position:relative;}
.wrap_footer{width:1024px;max-width:100%;margin:20px auto;overflow:auto;position:relative;}
.box_sivupalkki{background:#064f66;padding:20px;margin-bottom:5px;}
.box_front{background:#064f66;margin-bottom:5px;}
.box_front a{padding:20px;width:100%;box-sizing:border-box;font-size:1em;font-weight:bold;text-transform:uppercase;color:#fff;display:block;}
.box_front a:hover{background:#064f66;}
.box_haku{background:#064f66;padding:20px;margin-bottom:5px;}
#searchform{overflow:auto;}
#searchform input{float:left;}
.box_haku input#s{width:80%;height:48px;padding:12px 18px;box-sizing:border-box;font-size:1em;font-family:"Open Sans",Helvetica,Arial,sans-serif;color:#333;}
.box_haku #searchsubmit{height:48px;padding:10px auto;width: 20%;text-align: center;border:none;text-indent: -200px;cursor:pointer;background:#fff url("img/suurennuslasi_haku.png") no-repeat right center/auto 30px;}
.ui-autocomplete.ui-widget-content{font-family:"Open Sans",Helvetica,Arial,sans-serif;color:#333;font-size:1em;padding:10px;}
.box_teemat{background:#b53038;padding:20px;margin-bottom:5px;}
.box_kirkkovuosi{padding:20px;margin-bottom:5px;}
.box_teemat img{max-width: 500px;max-height: 220px;}
.box_teemat ul, .box_sivupalkki ul{list-style:none;padding:0px;margin:0px;}
.box_teemat ul li, .box_sivupalkki ul li{list-style:none;display:inline-block;margin-right:10px;}
.box_teemat a, .box_sivupalkki a, .kaikkivirret a{color:#fff;}
.box_teemat > div > p > a{color:#61070f;font-weight: 800;text-transform:uppercase;}
.tarina{font-size:0.8em;margin-top:40px;}
.tarina h2, .maincontent .tarina h2{font-size:1.6em;color:#000;}
.kustomoitu{color:#000;font-size:0.8em;}
.kustomoitu img{max-height: 100% !important;max-width:100% !important;}
.backto{margin-top:30px;font-size:0.8em;}
.tag .maincontent{background:#b53038;color:#fff;}
.tag .maincontent ul{list-style:none;padding-left:0px;font-size:1.2em;}
.tag .maincontent ul li{padding:10px;border-bottom:1px solid #a51018;font-family:Martti,Georgia,serif;font-weight:normal;}
.tag .maincontent a{color:#fff;}
.headerphoto{position:relative;}
.headerphoto img{display:block;}
.headerphoto .theme_title{background:rgba(181,48,56,0.7);position:absolute;bottom:0px;width:100%;padding:20px;}
.headerphoto .theme_title h1{margin:0px;color:#fff;}
.kaikkivirretlista{list-style:none;padding-left:0px;}
.kaikkivirretlista li{list-style:none;margin-bottom:4px;}
.kaikkivirreta{margin-top:10px;}
.kaikkivirreta,.kaikkivirretl{font-size:0.7em;color:#999;display:block;}
a.kaikkivirreta,a.kaikkivirretl{color:#fff;}
.catvirreta{font-size:0.7em;color:#999;display:block;margin-top:0px;}
.home .catvirreta{font-size:0.9em;}
.home .kaikkivirreta, .home .kaikkivirretl{font-size:0.9em;}
.kaikkivirretlista{font-size:0.8em;}
.kaikkikaikkivirretlista{font-size:0.8em;list-style:none;padding-left:0px;margin-left:0px;}
.kaikkikaikkivirretlista li:nth-child(even){background:#eee;}
.kaikkikaikkivirretlista span{background:#f99;padding:2px 3px;font-size:0.8em;}
.kaikkikaikkivirretlista span:first-child{background: inherit;width: 150px !important;overflow: hidden !important;display: inline-block;max-height: 10px;white-space:nowrap;}
.kaikkikaikkivirretlista span.ok{background:#9f9;}

.virsilinkit{margin:20px;text-transform:uppercase;font-weight:bold;}

.wpp-list{padding:0px;color:#064f66;}
.wpp-list a{font-family: Martti,Georgia,serif;color:#fff;}

.widgettitle{margin-top:0px;font-family:"Open Sans",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:bold;font-size:1em;}
input[type="text"]{border:none;padding:8px 12px;}
.nf-field-element input[type="text"], .nf-field-element input[type="email"], .nf-field-element textarea {border: 1px solid #ccc;padding:8px 12px;font-family:Arial,Helvetica,sans-serif;}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text.skip-link {
  margin: 5px;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 0;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.single .headerinfo{padding-bottom:10px;padding-left:20px;}
.single .virrennro{font-size:2em;color:#fff;margin-right:2%;}
.single .virrennimi{color:#fff;font-size:1.5em !important;display:inline;}
.single .virrenkuva,.single .virrenkuva-kustomoitu{background:#fff;padding:8px;max-height:50vh;overflow-y:scroll;}
.sticky-element-placeholder{max-height:50vh;}
.single .virrenkuva img,.single .virrenkuva-kustomoitu img, .sticky-element-placeholder img{max-height:43vh;-webkit-filter: contrast(1);filter: contrast(1);}
.single .content-wrap article{background:#fff;color:#000;padding:20px 40px 0px 0px;margin-bottom:5px;position:relative;}
.extramenu{width:40px;position:absolute;right:0;top:20px;}
input::placeholder {color:#ccc;}
.single .virrenkuva img.minified{max-height:45vh !important;}

.maincontent{background:#fff;color:#000;padding-bottom:60px;margin-bottom:20px;}
.content-wrap{padding:20px 20px 10px 20px;}
.wrap > .content-wrap {padding: 0px 0px 40px 0px;}
.maincontent h1, .maincontent h2, .maincontent h3{color:#064f66;}
.page-id-76 .maincontent{background:none;color:#fff;}
.page-id-76 .maincontent h1{color:#fff;}

#teemat{width:100%;height:155px;overflow:hidden;position:relative;}
#teemat .wrapper{position:absolute;height:156px;white-space: nowrap;cursor:pointer;transition:all 0.5s ease-out;}
.teema{width:150px;height:150px;background:#000;margin:0px 10px 0px 0px;display:inline-block;overflow:hidden;position:relative;}
.content-wrap > .teema{width:46%;margin:0px 2% 10px 2%;}
.teema span{position:absolute;bottom:0px;left:0px;background:rgba(181,48,56,0.7);color:#fff;font-family:Martti,Georgia,serif;font-weight:normal;padding:10px;width:100%;box-sizing:border-box;font-size:1.1em;}
#teemat .teema a{pointer-events:none;}
.box_teemat .widgettitle{cursor:pointer;}
.teema img{max-width: 500px;max-height: 220px;width:100%;}

#pop_suosikit, #pop_lisatiedot{display:none;z-index:99;position:fixed;top:5%;left:5%;width:90%;height:85%;box-shadow:0px 0px 30px #333;padding:20px;}
#pop_virrentiedot{padding:20px;color:#000;margin:20px auto 0px auto;border-top: 1px solid #ccc;}
#pop_virrentiedot .info{margin-bottom:10px;}
#pop_suosikit{background:#074e66;color:#fff;overflow:scroll;}
#pop_suosikit::-webkit-scrollbar              {background:#074e66;}
#pop_suosikit::-webkit-scrollbar-button       {background:#074e66;}
#pop_suosikit::-webkit-scrollbar-track        {background:#074e66;}
#pop_suosikit::-webkit-scrollbar-track-piece  {background:#074e66;}
#pop_suosikit::-webkit-scrollbar-thumb        {background:#074e66;}
#pop_suosikit::-webkit-scrollbar-corner       {background:#074e66;}
#pop_suosikit::-webkit-resizer                {background:#074e66;}
#pop_lisatiedot{background:#fff;color:#000;overflow:scroll;}
#pop_suosikit a, #pop_suosikit h2{color:#fff;}
#pop_lisatiedot h2{color:#064f66;}
#pop_suosikit .box_sivupalkki{padding:0px;}
#pop_suosikit .box_sivupalkki .widgettitle{display:none;}
#pop_suosikit .box_sivupalkki:last-child{background:none;color:#064f66;}
.simplefavorite-button{border:1px solid #ccc;padding:0px;font-size:0.8em;border-radius:4px;cursor:pointer;display:inline-block;}
.box_sivupalkki .simplefavorite-button{display:none;}
.simplefavorite-button{margin-top:20px;}
.extramenu .simplefavorite-button{margin-top:0px;}
.extramenu .simplefavorite-button{border:none;}
.extramenu .lisaa-suosikki{display:none;}
.ei-suosikki{color:#aaa;}
.suosikki{color:#f00;}
.suosikki img, .ei-suosikki img{max-width:25px;}

.jaetutvirret{list-style:none;padding-left:0px;}
.jaetutvirret .simplefavorite-button{margin-left:10px;margin-top:0px;padding:2px 4px;}
.jaetutvirret .simplefavorite-button .lisaa-suosikki{display:none;}

.mobilemenu{z-index:100;position:fixed;bottom:0px;width:100%;height:40px;box-shadow:0px 3px 10px #000;background:#151f2a;}
.mobinappi{height:40px;width:25%;display:inline-block;float:left;text-align:center;cursor:pointer;position:relative;}
.mobinappi img{max-height:40px;width:auto;}
.mobinappi:hover, .mobinappi.active{background:#074e66;}
#btn1,#btn2,#btn3{border-right:1px solid rgba(255,255,255,0.2);}
.suosikitnum{border-radius:50%;color:#fff;font-weight:bold;background:#e55;padding:5px;width:30px;height:30px;position:absolute;top:-5px;right:5px;}
/*.backtohome{margin:10px 0px 80px 0px; color:#fff; display:block; padding:10px;}*/

.kirkkovuosi{width:560px;max-width:100%;}
.box_kirkkovuosi h2{color:#1b8c9d;font-weight: 800;}
.kirkkovuosi h3{color:#fff;font-size:1.4em;position:relative;cursor:pointer;display:inline-block;margin:0px;padding-right:20px;}
.kirkkovuosi h3:after{content: " ›";font-size: 3em;position: absolute;top: -40px;right: -10px;}
.kirkkovuosi h3.active:after{transform:rotate(90deg);}

.kvvirret{padding-left:0px;list-style:none;display:none;}
.kvvirret li{padding:12px 0px;border-top:1px solid #064f66;}
.kvvirret a {color:#fff;font-family:Martti,Gerogia,serif;font-size:1em;}

.heateor_sss_sharing_ul li:nth-child(1), .heateor_sss_sharing_ul li:nth-child(2){display:none !important;}
.heateorSssSharing, .heateorSssSharingButton{margin:0px !important;}
.page-template-page-shared .simplefavorite-button{max-width:24px;}

footer .palsta{display:none;}
.virrenkuvaactions{font-size:0.7em;text-align:right;color:#555555;cursor:pointer;}

#playvirsi{cursor:pointer;}
.tarina p, .tarina font {font-family: "Open Sans" !important;font-weight: normal !important;}
.ui-autocomplete.ui-widget-content{}
.audiot{padding:10px 20px 20px 20px;margin-top:10px;display:none;position: fixed;width: 90vw;top: 10px;left:5vw;background: #fff;box-shadow:1px 1px 20px #333;box-sizing:border-box;z-index:989;max-height:92vh;overflow-y:scroll;font-size:0.9em;}
.audiot h2{padding-top:0px;}
.audiot p{font-size:0.8em;}
.closeaudiot{margin:12px 0px;padding:10px;color:#fff;font-weight:bold;text-transform:uppercase;background:#064f66;display:block;border:none;}
.audiobtn{cursor:pointer;}

/* SIVUKOHTAISET TYYLIT */
.home .introtext{padding:8px 20px 4px 20px;}
/*.home .introtext > p{display:none;}*/
.home .introtext h1{margin:0px 0px 10px 0px;}
/*.home .content-wrap div.box_sivupalkki:last-child{display:none;}*/
.home #btn1{background:#074e66;}

.langlink {color: #fff;text-align: right;display: block;font-size: 0.8em;padding:4px;}

/* RUUDUNLUKIJAT */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);	position: absolute !important;        white-space: nowrap;height: 1px;width: 1px;overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */
}

/* WP-YLEISET */
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}

/* RESPO */
@media screen and (orientation:landscape){}
@media screen and (orientation:portrait){}

@media screen and (min-width:480px){
.content-wrap > .teema{width:32%;margin:0px 1% 0px 0px;}
}

@media screen and (min-width:780px){
body{padding:20px;font-size:18px;}
.wrap > .content-wrap {padding: 0px 0px 20px 0px;}
.home .introtext{padding:0px 0px 10px 0px;}
.home .introtext > p{display:block;}

.single .virrenkuva,.single .virrenkuva-kustomoitu{padding:25px 20px;max-height:100%;overflow-y:auto;}
.single .headerinfo{padding-left:0px;}
.maincontent{width:65%;display:inline-block;margin-right:1%;float:left;padding-bottom:20px;}
.page-template-page-all-all .maincontent{width:100%;}
.sidebar{width:34%;display:inline-block;float:left;}
.single .virrenkuva img,.single .virrenkuva-kustomoitu img, .sticky-element-placeholder img{max-height:200vh;}
.mobilemenu{display:none;}
.single .virrenkuva,.single .virrenkuva-kustomoitu, .sticky-element-placeholder, .single .virrenkuva img,.single .virrenkuva-kustomoitu img, .sticky-element-placeholder img{max-height:100%;}
.single #pop_lisatiedot{display:none;}
.home .box_haku input#s{width:50%;padding:12px 18px;}
.home .box_haku #searchsubmit{width: 7%;}
/*.backtohome{display:none;}*/
footer{border-top:1px solid #064f66;margin:0px;font-size:0.9em;}
footer .textwidget{display:flex;}
footer .palsta{width:25%;display:inline-block;padding:20px 0px 10px 20px;position:relative;}
footer .palsta a{color:#fff;}
footer .palsta span{position:absolute;top:50%;transform:translateY(-50%);width: 100%;}
footer .palsta span:before {content: " › ";color:#064f66;font-weight: bold;}
/*.page-id-76 .sidebar .box_teemat{display:none;}*/
}

@media screen and (min-width:920px){
.etusivullelinkki{display:block;}
.home .box_haku input#s{width:93%;padding:12px 18px;}
.home .box_haku #searchsubmit{width: 7%;}
.home .box_haku{min-height: 40vh;background: url("/wp-content/uploads/2018/04/2017_09-vihkihetki-Oulun-tuomiokirkko_0544.jpg");background-size: cover;background-position: center;position:relative;}
.home .box_haku #searchform{}
.home .box_haku #searchform > div{width:640px;max-width:100%;margin:0px auto;display:block;top:45%;transform: translate(-50%);-webkit-transform: translate(-50%);left:50%;position:absolute;box-shadow:0px 0px 70px #555;}
.home .box_haku .widgettitle{text-shadow: 1px 1px 10px #444;}
.kaikkivirreta{margin-top:14px;}
.kaikkivirretl{margin-top:7px;}
.home .kaikkivirreta{position: absolute; top: 50%;left: 50%; margin-top: 40px; transform: translatex(-50%);font-size: 1em;color:#fff;text-shadow:0px 0px 10px #555;font-weight:bold;}
.home .kaikkivirretl{position: absolute; top: 50%;left: 50%; margin-top: 70px; transform: translatex(-50%);font-size: 1em;color:#fff;text-shadow:0px 0px 10px #555;font-weight:bold;}
.extramenu{right:0px;}
.single .content-wrap article{padding:20px 20px 0px 20px;}
}

@media screen and (min-width:1024px){
.content-wrap > .teema{width:24%;margin:0px 1% 0px 0px;}
}

@media print{
body{font-size:12pt;margin:20px;color:#000;background:none;}
a,span,div,h1,p{color:#000 !important;background:none;}
.wrap{width:100%;max-width:100%;}
.headerinfo{margin-top:40px;margin-bottom:20px;}
.virrennro{color:#000 !important;font-size:3em;}
.virrennimi{color:#000 !important;font-size:2.6em;}
.extramenu, .simplefavorite-button, .mobilemenu, .palautefloater, .virrenkuvaactions, .langlink{display:none;}
.virrenkuva,.virrenkuva-kustomoitu{overflow:hidden !important;overflow-y:hidden !important;max-width:50%;}
.single .virrenkuva{overflow-y:hidden !important;}
.tarina{page-break-before: always;}
img{max-height:20cm !important;}
section.virrenkuva.sticky-element-original.element-is-not-sticky.sticky-element-active{overflow: hidden !important;}
}

.song-image-controls {
  display: flex;
  justify-content: end;
  margin: 1.2rem 1rem 0;
}

.song-image-controls .button {
  background-color: #f5f5f5;
  color: #000;
  border: 0;
  padding: .5rem .8rem;
  font-size: .9rem;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  margin: 0 0 0 .4rem;
}

.song-sticky {
  z-index: 1;
}

.song-image-controls .button:hover,
.song-image-controls .button:focus {
  text-decoration: underline;
}

.song-image-controls .button img {
  margin-right: .5rem;
  height: 1rem;
}

.song-image-controls .button:disabled,
.song-image-controls .button[disabled] {
  opacity: .4;
  cursor: default;
}

.song-image-controls .button:disabled:hover,
.song-image-controls .button[disabled]:hover,
.song-image-controls .button:disabled:focus,
.song-image-controls .button[disabled]:focus {
  text-decoration: none;
}

.song-image-controls .button.hidden {
  display: none;
}

@media screen and (max-width: 780px) {
  .lock-song-image.button,
  .unlock-song-image.button {
    display: none;
  }

  .song-image-controls {
    padding-top: 1rem;
    margin-bottom: .5rem;
  }
}

.extrabtn,
.extrabtn .simplefavorite-button {
  background: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: .3rem;
}

.extrabtn:hover,
.extrabtn .simplefavorite-button:hover,
.extrabtn:focus,
.extrabtn .simplefavorite-button:focus {
  background-color: #e2e2e2;
}

.extrabtn .ei-suosikki img,
.extrabtn .suosikki img {
  margin-top: .6rem;
  width: 1.3rem;
}

.heateor_sss_sharing_container {
  margin-top: -.1rem;
}

.extrabtn.print img {
  margin-top: .4rem;
}

div.heateor_sss_follow_ul a,
div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
  margin-bottom: .3rem;
  background-color: #f5f5f5 !important;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

div.heateor_sss_follow_ul a:hover,
div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:hover,
div.heateor_sss_follow_ul a:focus,
div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:focus {
  background-color: #e2e2e2 !important;
}

.virsi-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 65%;
  margin: -1.5rem 0 1.5rem;
}

.virsi-pagination a {
  color: #fff;
  font-size: .9rem;
}

.virsi-pagination a:hover,
.virsi-pagination a:focus {
  text-decoration: underline;
}

.next-prev-link {
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
}

.prev-link img {
  transform: rotate(180deg);
}

@media screen and (max-width: 780px) {
  .virsi-pagination {
    width: 100%;
    margin-top: 1.5rem;
    padding: 0 .5rem;
  }

  .langlink {
    padding-right: 1rem;
  }
}

@media screen and (min-width: 780px) {
  .single .virrenkuva,
  .single .virrenkuva-kustomoitu,
  .single .virrenkuva img,
  .single .virrenkuva-kustomoitu img {
    max-height: max-content;
  }

  #js-song-image {
    width: 100%;
    height: auto;
  }
}