/*
Theme Name: EGradiva Luther Theme
Theme URI: https://pressbooks.com/themes/pressbooks-luther
Description: Named after Martin Luther, this is a traditional book theme, good for novels, and text-heavy non-fiction. An earlier version of this theme was commissioned by Fortress Press / Augsburg Fortress.
Author: Pressbooks (Book Oven Inc.)
Author URI: https://pressbooks.com
Copyright 2011-2018 Book Oven Inc. (Pressbooks.com) code@pressbooks.com
License: GPL v3 or later
Version: 1.8.3
Template: pressbooks-book
GitHub Theme URI: pressbooks/pressbooks-luther
*/

/* CLEAR */
body:after, ul:after, ul li:after, .clear:after
{content:"."; display:block; height:0px; font-size:0; clear:both; visibility:hidden; line-height: 0;}
/* BOX SIZING */
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.wp1300 {max-width: 1300px; width: 100%; height: auto; margin: 0 auto; padding: 0; position: relative;}
.wp960 {max-width: 960px; width: 100%; height: auto; margin: 0 auto; padding: 0; position: relative;}
/***********************************************
***************** COLORS ***********************
***********************************************/
.front-matter a, .part a, .chapter a, .back-matter a, a {
    text-decoration: none !important; color: #317eb4;
}
.front-matter, .part, .chapter, .back-matter, body#tinymce.wp-editor {font-size: 14px !important; line-height: 19px !important;}
* {font-family: 'Roboto', sans-serif !important;}
span, p, a {font-size: 15px; line-height: 20px;}
p {margin-bottom: 10px;}
input.all {max-width: 100%; width: 100%; height: 37px; display: block; }
input.checkbox {}
a.check {max-width: 150px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-top: 10px;height: 30px; line-height: 30px;display: block; text-decoration: none; color: #fff; text-align: center; font-size: 15px; border: 1px solid #77b04a; background: #adcf75;}
a.check:hover {background: #a0c463;}
.literature a.check {max-width: none; width: auto; display: inline-block; padding: 0 10px;}
input[type=checkbox], input[type=radio] {
    margin-right: 10px; font-size: 15px;
}
.literature h2 {margin-bottom: 20px; margin-top: 20px;}
#testnaStran .flex {display: flex; flex-wrap: wrap; justify-content: center;}
#testnaStran .flex .col1_2 {width: 50%; padding: 0 30px;}
#testnaStran .flex .col1_2#left {border-right: 1px solid #d2d2d2;}
#testnaStran .flex .col1_2 h1 {font-size: 25px; line-height: 30px;}
#testnaStran .flex .col1_2 .questionBox {margin: 20px 0;}
#testnaStran .flex .col1_2 ul {list-style-type: none; margin: 0; padding: 0;}
#testnaStran .flex .col1_2 ul li span,
#testnaStran .flex .col1_2 p {font-size: 15px; line-height: 20px;}
#testnaStran .flex .col1_2 .questionBox ul {list-style-type: none; margin: 0; padding: 0; margin-top: 10px;}
#testnaStran .flex .col1_2 .questionBox ul li{display: flex; align-items: center; font-size: 15px;}
#testnaStran .flex .col1_2 .questionBox ul li span.num {font-size: 15px; font-weight: 600; padding-right: 10px;}
#testnaStran .flex .col1_2 .questionBox ul li span.anserwsBox {max-width: 400px; width: 100%; background: #f6f6f6; display: inline-block; padding: 5px 10px; margin: 5px 0; text-transform: uppercase; font-size: 15px;}
#testnaStran .flex .col1_2 .questionBox #passwordApp {display: flex;}
#testnaStran .flex .col1_2 .questionBox #passwordApp span#password {line-height: 35px; display: block; padding-right: 5px;}
#testnaStran .flex .col1_2 .questionBox #passwordApp input#small {margin-right: 20px; width: 100%;}
#testnaStran .flex .col1_2 .questionBox #passwordApp a {min-width: 110px; text-align: center; display: inline-block; text-decoration: none; background: #f6f6f6; border: 1px solid #cccccc; font-size: 12px; color: #000; padding: 5px 10px;}

#testnaStran .flex .col1_2 .questionBox#importantInfo {position: relative; background: #f4e0df; padding: 10px; padding-bottom: 5px; border-bottom: 2px solid #cc5d5b;}
#testnaStran .flex .col1_2 .questionBox#importantInfo p {font-size: 15px; margin: 0;}
#testnaStran .flex .col1_2 .questionBox#importantInfo .triangle {width: 0px; height: 0px; border-style: solid; border-width: 0 34px 26px 0; position: absolute; top: 0; right: 0;}
#testnaStran .flex .col1_2 .questionBox#importantInfo .triangle-red {border-color: transparent #e09e9d transparent transparent;}

#testnaStran .flex .col1_2 .questionBox #choose {padding: 5px; border: 1px solid #000;}
#testnaStran .flex .col1_2 .questionBox #choose p {margin: 0;}
#testnaStran .flex .col1_2 .questionBox span#falseNum {margin-top: 10px; display: block; border-bottom: 1px solid #d2d2d2; padding-bottom: 15px;}

header.header{padding-top: 0;}
.header__inside,
.block.block-reading-meta,
.footer.footer--reading{display: none;}

.reading-header {margin-top: 0;}
.reading-header__title {border: none; position: relative; left: -80px;}
.reading-header__toc.dropdown {z-index: 10;}

.reading-header__end-container, .reading-header__title, nav.reading-header__inside,
.reading-header__toc.dropdown, .reading-header__toc__title,
.reading-header__toc__title button {min-height: 2rem !important; height: 2rem  !important;}
.block-reading-toc {background: #444; margin-top: 0;}
/*top right menu
#content {position: unset;}*/
ul#rightTopLinks  {position: absolute; top: 2px; right: 0; list-style-type: none; margin: 0;}
ul#rightTopLinks li {float: left; padding: 0 5px;}
ul#rightTopLinks li a {display: block; background: url(https://eucbeniki.sio.si/img/nav_icn_meta.png) no-repeat 8px 6px; display: inline-block; width: 34px; height: 32px; text-indent: -123456px; overflow: hidden;}
ul#rightTopLinks li a#cc {background-position: -160px 6px;}
ul#rightTopLinks li a#print {background-position: 8px 6px;}
ul#rightTopLinks li a#edit {background-position: -80px 6px;}
ul#rightTopLinks li a#download {background-position: -36px 6px;}
ul#rightTopLinks li a#speech {background-position: -120px 6px;}

/*PRINT*/
#testnaStran.print h1,
#testnaStran.print h2,
#testnaStran.print p {margin: 0; font-size: 15px; line-height: 20px; text-align: center;}

#testnaStran.print h2.italic {font-style: italic;}
#testnaStran.print .col1_2 p.marg {margin-bottom: 20px;}
#testnaStran.print .col1_2 ul {margin: 20px 0;}

/*ANTIKA*/
#testnaStran.antika input {max-width: 100%; width: 100%; margin-top: 10px;}

/*SPECIES*/
#testnaStran.species table tbody tr {margin: 10px 0; display: flex;}
#testnaStran.species table tbody tr td {width: 200px;}
#testnaStran.species table tbody tr td.tableBox {background: #fcefa1; padding: 15px;}
#testnaStran.species span#wrongAnswers span#number {background: #66a7d0; padding: 5px; color: #fff;}
#testnaStran.species table#connect tbody tr {background: #ffffff;}
#testnaStran.species table#connect tbody tr:nth-child(2n + 2) {background: #f2f2f2;}

/*SUMMARY*/
#testnaStran.summary .col1_2 #imageCheckInp {display: flex; flex-wrap: wrap; align-items: center; border: 1px solid #000; padding: 10px; margin-top: 10px;}
#testnaStran.summary .col1_2 #imageCheckInp ul {padding-left: 10px;}
#testnaStran.summary .col1_2 p input.inlineText {width: 80px; display: inline-block; margin-bottom: 5px;}

/*EXERCISES*/
#testnaStran.exercises .col1_2 table tr {background: #fff;}
#testnaStran.exercises .col1_2 table tr:nth-child(2n+2) {background: #f2f2f2;}
#testnaStran.exercises .col1_2 table thead tr {background: #f2f2f2;}
#testnaStran.exercises .col1_2 table tbody select {width: 100px;}
#testnaStran.exercises .col1_2 p.posRel {position: relative; padding-left: 30px;}
#testnaStran.exercises .col1_2 span.numExercise {position: absolute; left: 0; top: 0; padding: 5px; background: #f2f2f2; border: 1px solid #cccccc; color: #ef3e48;}
#testnaStran.exercises .col1_2 #drag {margin: 20px 0; border: 2px solid #156D09; padding: 10px;}
#testnaStran.exercises .col1_2 #drag p#par {border: 1px solid #156D09; padding: 10px;}
#testnaStran.exercises .col1_2 #drag .flex {justify-content: space-evenly;}

@media screen and (min-width: 60rem){
    #content {max-width: 1200px; width: 100%;}
}
@media only screen and (max-width: 750px){
    .single-chapter #content{padding: 0;}
    #testnaStran .flex {width: 100%; display: block;}
    #testnaStran .flex .col1_2 {width: 100%; }
}



.reading-header__toc.dropdown .toc [class*="--empty"]>.toc__title,
.reading-header__toc.dropdown .toc [class*="--full"]>.toc__title>span
{background: none;margin: 0;padding: 0;min-height: 10px;height: auto;color: #fff;}

.block-reading-toc {
    padding-top: 0;
}

.reading-header__toc.dropdown li.toc__front-matter.introduction toc__front-matter--empty {
    padding: 0;
    margin: 0;
    border: 1px solid red;
}

.reading-header__toc.dropdown li.toc__part toc__part--full {
    border: 1px solid red;
    padding-top: 0;
    margin-top: 0;
}

.reading-header__toc.dropdown li.toc__part.toc__part--full.toc__parent {
    /* border: 1px solid red; */
    margin: 0;
    padding: 0;
    border-top: 1px solid #555;
}

.reading-header__toc.dropdown .toc [class*="--empty"]>.toc__title {
    text-indent: 0; margin-bottom: 10px !important;
}

.block-reading-toc .toc>li {
    padding: 0;
    margin: 0;
}

.reading-header__toc.dropdown .toc [class*="--full"]>.toc__title>span {
    text-indent: 0;
    padding: 10px 20px;
}

.reading-header__toc.dropdown .toc [class*="--empty"]>.toc__title a,
.reading-header__toc.dropdown .toc [class*="--full"]>.toc__title>span a {display: block;padding: 5px 20px;color: #fff;border-top: 1px solid #555;}

.reading-header__toc.dropdown .toc li+li, .toc li ol li:first-child {
    margin-top: 0; border-bottom: 1px solid #555;
}
.reading-header__toc.dropdown .toc li ol li {border-bottom: 1px solid #444444;background: #555;}

.reading-header__toc.dropdown .toc__chapter.standard.toc__chapter--empty.toc__selected a {
    background: #07b0ef;
    text-decoration: none;
}

.reading-header__toc.dropdown .toc .toc__part--empty>.toc__title, .toc .toc__part--full>.toc__title span {
    background: none;
}
.toc__part>p.toc__title {margin-bottom: 10px !important;}
.reading-header__toc.dropdown .toc [class*="--full"]>.toc__title>span {font-weight: 100;}
.reading-header__toc.dropdown .toc__part>.toc__title button {
    background: #07b0ef;
    cursor: pointer; height:40px;
}

.reading-header__toc.dropdown .toc__title button {background: #07b0ef;}

.reading-header__toc.dropdown .toc button svg {
    fill: #fff;
}

.reading-header__toc.dropdown .toc li ol li:last-child {
    border-bottom: none;
}
button {cursor: pointer;}

.button.focus, .button:focus, button.focus, button:focus, input[type=submit].focus, input[type=submit]:focus {
    box-shadow: none;
}
.reading-header__toc.dropdown .reading-header__toc__title {
    height: 50px !important;
    margin-top: 0;
}


@media only screen and (max-width: 960px){
    .reading-header__end-container, .reading-header__title, nav.reading-header__inside, .reading-header__toc.dropdown, .reading-header__toc__title, .reading-header__toc__title button {
        min-height: 2rem !important;
        height: auto !important;
    }
    .reading-header__toc .reading-header__toc__title, .reading-header__toc__title button, .reading-header__toc.dropdown, nav.reading-header__inside {

        margin-top: 0;
        min-height: 40px !important;

    }
    div#content.site-content {
        padding-bottom: 50px;
    }
    .book-header, .home #content .block {padding: 0 20px;}
    .toc__toggle {
        right: 20px;
    }
    .header {padding: 0;}
}

@media only screen and (max-width: 500px) {
    .toc__toggle {
        position: absolute;
        top: 45px;
        right: 20px;
        margin: 0;
    }

}

.reading-header__toc.dropdown .toc__chapter.standard.toc__chapter--empty.toc__selected a,
.reading-header__toc.dropdown .toc__part > .toc__title button {background: #444444; border: none;}

.reading-header__toc.dropdown .toc__chapter--empty.toc__selected a {color: #00b0ef !important;}

@media screen and (min-width: 60rem) {
    body:not(.has-annotator-pane) .reading-header__toc .reading-header__toc__title button {
        padding-left: 16px;
        padding-right: 8px !important;
    }
}


@media screen and (min-width: 60rem) {
    .header { padding: 0;
    }
}
.book-header {background: #f6f6f6; color: #222;}
.home h1, .home h2, .home h3, .home h4, .home h5, .home h6,
.book-header__share svg{color: #07b0ef;}
#knjiznaPolica {width: 160px; display: block;  padding: 0 20px; padding-top: 8px; color: #fff; border-right: 1px solid #666;}

.reading-header__toc .reading-header__toc__title button .arrow {margin-top: 2px;}
.reading-header__toc .reading-header__toc__title button {font-size: 17px; line-height: 14px;}

.book-header__inner {min-height: 200px;}
section.book-header.focusable {
    padding: 30px;
}
.book-header__cta .call-to-action:hover {background: #00b0ef; color: #fff;}
section.block.block-toc.focusable {
    position: relative;}

section.block.block-toc.focusable .toc>li {padding-left: 0; padding-right: 0;}
section.block.block-toc.focusable .toc>li a {color: #222; display: block;
    margin: 0;
    padding: 0;
    padding-bottom: 1px;
    padding-top: 5px;}

section.block.block-toc.focusable .toc [class*="--empty"]>.toc__title:hover,
section.block.block-toc.focusable .toc [class*="--full"]>.toc__title>span:hover {background: #07b0ef}

section.block.block-toc.focusable .toc [class*="--empty"]>.toc__title:hover a,
section.block.block-toc.focusable .toc [class*="--full"]>.toc__title>span:hover a {color: #fff; text-decoration: none}

.toc__toggle {position: absolute; top: 13px; right: 0; margin: 0;}
.toc__toggle button.button {padding: 5px 10px;
    text-transform: none;
    font-weight: 100;
    background: #ccc;
    border: none;
    margin: 0 auto;}
.toc__toggle button.button:hover {background: #222;}

.home h2 {    color: #222;
    margin: 0;
    padding: 0;
    text-transform: none;
    font-weight: 300; margin-bottom: 50px;}
.home h2::before {display: none;}
.error404 #content, .search-results #content, .single-back-matter #content, .single-chapter #content, .single-front-matter #content, .single-part #content {padding-bottom: 40px;}

.block-info__inner {padding-bottom: 0;}

@media screen and (max-width: 59.975rem) {
    .block.block-toggle.block-toggle--visible .block-toggle__cta__blurb, .block.block-toggle:not(.block-toggle--visible) .block-toggle__content {
        display: block;
    }
}

.toc li.toc__back-matter {
    display: none;
}

.reading-header__toc *, .home .toc {text-transform: uppercase;}
body:not(.has-annotator-pane) .reading-header__toc {height: auto;
    min-height: 10px;}


/*copy html page*/
body {margin: 0 !important;}
#nodeDecoration {padding: 0; margin: 0;}
.container#nodeDecoration {max-width: 100%; width: 100%; height: auto; }
.container#nodeDecoration h1 {margin-top: 0; margin-bottom: 10px !important;  text-transform: uppercase;}

.front-matter table p, .part table p, .chapter table p, .back-matter table p, body#tinymce.wp-editor table p {
    text-align: left;
    margin-top: 10px;
    line-height: 15px;
}

p.caption, .interaktivnaNaloga table tr td p.caption, .feedback-content-container table tr td p.caption,
table.invisibleCaption tr td p.caption,
.invisibleCaption p.caption {
    display: none !important;
}
table tr td p.caption {
    display: block !important;
    margin-top: 10px !important; text-align: center;
}

.visible p.caption {display: block !important; text-align: center;}

.noBR br {display: none !important;}

h2.entry-title {display: none;}
.single-chapter #content {padding-top:0;}

main *+p {
    margin-top: 0 !important;
}
p {margin-bottom: 15px !important;}

.blockb br {display: none;}

input:not([type=range]), select {margin-bottom: 5px !important; border: 1px solid #888;}

.tDefault thead td {width: 33.33%;}

@media only screen and (max-width: 800px) {
    .page-left, .page-right  {width: 100% !important;}
    .page-right {padding-left: 15px;}
}

.leftImage {float:left; margin-right: 10px;}
.leftImage .img-caption {margin: 0 !important;}
.leftImage p.caption {display: block !important; text-align: center;}
.leftImage img {float: none !important; margin: 0 !important;}
/*gallery*/
#content .gallery-items img {height: auto; max-width: 85px;}
.gallery {padding: 20px !important;}
.gallery .gallery-items {width: 370px; height: 100px !important; margin: 0 auto;}

.swiper-button-next, .swiper-button-prev {color: #00b0ef;}

table tr td .izbran1,
table tr td .izbran0 {border: 2px solid orangered !important;}
/*table tr td .premaknjen {border: 2px solid blue !important;}*/

table tr td.imageCaptions div {width: 50%; float: left;}
.aplet_skrinji_feedback button {float: left; padding: 10px; margin-right: 10px;}


.feedback-content-top {left: 50% !important; margin-left: -240px !important; position: absolute !important;}

.swiper-slide {padding: 0 30px; }
/* .swiper-slide .page {position: unset !important;}*/

/*submenupage*/


ul#submenuPage {width: 250px; height: auto; margin: 0; padding: 0; background: #f6f6f6; position: fixed; left: 0; top: 300px; border: 1px solid #ddd; border-left: none; border-bottom: none;}
ul#submenuPage li.submenu-chapter {border-bottom: 1px solid #ddd;}
ul#submenuPage li.submenu-chapter a {padding: 10px; display: block; color: #000;}
ul#submenuPage li.submenu-chapter.active a {background: #00b0ef; color: #fff;}

@media only screen and (max-width: 500px){
    .feedback-content-top {
        width: 300px !important;
        margin-left: -150px !important;
        top: 0 !important;
    }
}


/*swiper*/
.swiper-button-next, .swiper-button-prev{position: fixed !important;; top: 150px !important;;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 50% !important; margin-left: -580px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 50% !important;; margin-right: -580px;}

@media only screen and (max-width: 960px){
    h1.reading-header__title{
        margin-bottom: 0 !important;
        width: 100%;
        left: 0;
    }
    .reading-header__end-container, .reading-header__toc {border: none;}
    #knjiznaPolica {
        position: absolute; top: 0;  z-index: 10}
    .reading-header__toc .reading-header__toc__title button {padding-left: 16px;}

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px !important; margin-left: 0;}
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px !important;; margin-right: 0;}
}
@media only screen and (max-width: 600px){
    h1.reading-header__title{
        margin-bottom: 0 !important;
        width: 100%;
        left: 0;
    }
    .reading-header__end-container, .reading-header__toc {border: none;}
    #knjiznaPolica {border: none; position: relative; top: 0;  z-index: 10;    padding-top: 3px;
        padding-bottom: 3px;}
}

body.page {width: 100%;}
.breadcrumb {margin-bottom: 20px; margin-top: 20px; font-size: 13px; padding-left: 20px; color: #999;}
.breadcrumb a {font-size: 13px;}

.box_aktivnost {background: #e7f4f9 url("img/corner.svg") no-repeat top right !important; background-size: auto 26px !important;
    position: unset !important;}
.box_aktivnost .triangle.triangle-blue {display: none;}


button.aplet_skrinji_show_correct {
    border: 1px solid #aaa;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px;
    background: #ddd;
    font-weight: 400;
    margin-right: 10px;
}
button.aplet_skrinji_show_correct_poskusi_znova {
    border: 1px solid #aaa;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0 10px;
    background: #ddd;
    font-weight: 400;
}
.aplet_skrinji_feedback {padding: 10px;}

button.aplet_skrinji_show_correct:hover,
button.aplet_skrinji_show_correct_poskusi_znova:hover {
    background: #5fabd2;
    border: 1px solid #5fabd2;
}