/*
Theme Name:     Dotted Child
Theme URI:      http://demo.oceanthemes.net/dotted/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         OceanThemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       dotted
*/

@import url("../dotted/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


@font-face {
  font-family: "OpenDyslexic-Regular";
  src: url('css/fonts/OpenDyslexic-Regular.otf');
}

html, body {
	font-size:15px;
	line-height:1.4;
	font-family:"Open Sans";
	color:#444;
}


section.vc_row {
	/*padding:0;*/
}

.main-page section, #main-content section {
	padding-top: 0px;
	
}

body.cursor50 {cursor:url(css/cursor/cursor-50.png), auto;}
body.cursor50 *  {cursor:inherit;}
body.cursor80 {cursor:url(css/cursor/cursor-80.png), auto;}
body.cursor80 * {cursor:inherit}

h1,h2,h3,h4,h5,h6 {
	line-height:1.4;
}



h1 {font-size:2.2em;margin-bottom:1.2em;font-weight:300;}
h2 {font-size:1.8em;margin-bottom:1.2em;font-weight:400;}
h3, .widget h4, footer .widget h3 {font-size:1.6em;margin-bottom:1.2em;}
h4 {font-size:1.25em;margin-bottom:0.6em;}
p, article ul {margin-bottom:0.8em;}
p:last-child, article ul:last-child {margin-bottom:0;}
article ul {padding-left:35px;}
article ul li {margin-bottom:0.6em;}
article ul li:last-child {margin-bottom:0;}
#container-accessible h3 {font-size:2em;margin-bottom:1.2em;}
#container-accessible h4 {font-size:1.75em;margin-bottom:1.2em;}
a.linktomain {
	position:absolute;
	top:-150px;
	left:0px;
	background:white;
	padding:10px;
	border:1px solid black;
	font-weight:bold;
	transition:none;
}
footer {
	color: #aaa;
}
.call2 p {
    color: #ccc;
}
.owl-project .item {
    padding: 0 15px;
}
.morelink {

	color: #98012E;
	display: inline;
	cursor: pointer;
}
.morecontent span {
	display: none;
}

a.linktomain:focus {
	top:10px;
	left:10px;
}
.modal.lighter {
    background: rgba(0, 0, 0, 0.4);
}
header .logo img {
    -moz-transition: width 1s;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;

}
header.is_stuck .navi-right > li {
    padding: 4px 0;
}
header.is_stuck .logo img{
	height: auto;
	width: 200px;
	margin: 15px 0 0px 0;
}
header.is_stuck .navi-level-1 > li > a {
    padding: 10px 20px;
}
header.is_stuck #main-navi {
    margin: 15px 0;
}
header.is_stuck .navi-right {
    margin-top: 12px;
}
header.is_stuck .zsk-icon {
        padding-top: 25px;
    padding-bottom: 4px;

}
span.month {
	text-transform: capitalize;
}
/* custom checkbox */

/* The container */
.c-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.c-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.c-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.c-container:hover input ~ .c-checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.c-container input:checked ~ .c-checkmark {
  background-color: #ffa81c;
}

/* Create the checkmark/indicator (hidden when not checked) */
.c-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.c-container input:checked ~ .c-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.c-container .c-checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.attachment-post-thumbnail {
    margin-bottom: 40px;
}

.zsk-icon {
	width: 100px;
	background-image: url('https://www.knjiznice.si/wp-content/uploads/2019/03/zdruzenje-knjiznic-logo-1.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size:contain;
	margin:  -10px 20px 0px 20px;
	padding-top: 19px;
  }
.zsk-icon > a {
	font:0/0 a !important;
}
/* custom checkbox end */


@media (min-width: 1200px) {
	.container {width: 80rem;max-width:100%;}
}
.header-v1-inner, .topbar-1 .topbar-1-inner {width:80em; max-width:100%;padding:0 15px;}

.navi-level-1 {font-size:1.25em; line-height:1.4;}
.navi-level-1 a {line-height:1.4;}
.dropdown-menu {font-size:1em; line-height:1.4;width:14em;min-width:215px;max-width:400px;}
.dropdown-menu li a {font-size:0.8em; line-height:1.8;}
.dropdown-menu > li ul {font-size:1em; line-height:1.4;width:14em;min-width:215px;max-width:400px;}
.dropdown-menu > li ul li a {font-size:0.8em; line-height:1.8;}
.title-subheader, .breadcrumb {line-height:1.4;}
.breadcrumb {padding-top:0.90em;}
.ot-btn, .ot-btn i, .iconbox .ot-btn i, .left-form-comment .wpcf7-submit {font-size:1em;}
div.vc_tta.vc_general .vc_tta-panel-title > a {font-size:1.1em;}
.sub-header-border {padding:1.5em 0;}
.blog-footer-2 {font-size:0.9em;}
.blog-data .date-time {font-size:1.5em;}
.blog-data .date-time .date {line-height:1.4;}
.blog-data .date-time .month {line-height:0.7em;}
.text-copyright-1 {font-size:0.9em;}
.warp-copyright-1 {padding:15px 15px 10px 15px;}
.des-text {font-size:1.2em;}
.topbar-1, .topbar-1 .topbar-1-inner {height:auto;}
.topbar-1 {overflow:auto;line-height:3em;}
.topbar-info li, .subnavi {font-size:0.95em;}
.subnavi a {line-height:1.4;}
.address-info p {font-size:1.2em;}
.form-control {
	font-size:1.1em;
}
/*.testales {z-index:-1;}
.testales:focus {z-index:1000;}
*/
a:focus {
	outline:2px solid #ffa81c;
	outline-offset:5px;
	transition:none;
}

.navi-level-1 li > .dropdown-menu {
	visibility:hidden;
	transition:none;
	opacity:0;
}

.navi-level-1 li a:focus + .dropdown-menu {
	visibility:visible;
}

/*.navi-level-1 li:hover > .dropdown-menu, .navfocus .navi-level-1 li.opened > .dropdown-menu {*/
.navi-level-1 li:hover > .dropdown-menu, .navi-level-1 li.opened > .dropdown-menu {
	visibility:visible;
	opacity:1;
	margin-top:0;
	transition:none;
}

/*.navfocus .navi-level-1 > li.focused > a, .navfocus .navi-level-1 > li.opened > a, .navi-level-1 > li:hover > a {*/
.navi-level-1 > li > a:focus, .navi-level-1 > li.opened > a, .navi-level-1 > li:hover > a {
	/*background:#2e2d26 !important;
	color:white !important;*/
}

.dropdown-menu li > a:focus {
	background:#ffa81c !important;
	color:white !important;
	outline:none;
}
#subheader {
	color:#fff;
	background-color: #e18e00;
}
#subheader h1 {
	color:#fff;
}
.breadcrumb, .breadcrumb a:hover {
	color:#fff;
}
.breadcrumb li, .breadcrumb a{
	color:#eee;
	
}
.widget {
    margin-bottom: 40px;
}
/*h3 { margin-top: 20px !important; }
h3.title-subheader, h3.widget-title { margin-top: 0px !important; }*/

/*body article {
    font-size: 15px;
    line-height: 20px;
    color: #6c6c6c;
}
.item-blog .blog-text {
	font-size: 14px;
    color: #999;	
}*/

article p {
	text-align: justify;
}

.main-page {
    padding-right: 40px;
}

#menu {
	display: none;
}
#menu.mm-menu.mm-offcanvas.mm-current {
	display: block;
}
.header-v1-inner #main-navi{
	margin:1.3em 0 1.1em 0;
}
.header-v1-inner .navi-right{
	margin-top:1.2em;
}
.navi-right > li {padding:18px 0;}
.navi-right > li > a {
	width:3em;
	height:3em;
	line-height:3em;
}
.navi-right > li > a i {
	font-size:1.3em;
}
.top-accessible {
	float: right;
    margin-left: 25px;
}
#main-navi .navi-level-1 > li > a {
	letter-spacing: 0.5px;
	
}
.main-sidebar .sub-menu li:last-child {
    border-bottom: none;
}
.main-sidebar .menu-item-has-children>a{
	font-weight: bold;
}
.main-sidebar .current_page_item>a{
    font-weight: bold;

}
.sidebar-page.event-single i {
	padding-right:10px;
}
.single-post .blog-feature-content .blog-text{
	padding: 20px;
	width: 100% !important;
}
.blog-feature-warp img {
    margin: 0 auto;
}
.gallery-2  {
	margin: 10px auto;
}
.gallery-2 img {
	    padding: 1px 0px;
}
.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.event-directions a i{
	font-size: 20px;
	padding: 5px;
	
}
.button-sidebar-1 {
	width: 100%;
	margin-top: 20px;
}
table.opening-hours td:first-child {
	padding-right: 10px;
}
.wpb_single_image .vc_single_image-wrapper.vc_box_outline, .wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px;
    border: 1px solid #EBEBEB;
}
.top-accessible li a {
    display: block;
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    margin: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.top-accessible li a:hover {
    background: #ffffff;
}
.top-accessible li {
    display: inline-block;
}
body.home .addtoany_content { display: none; }


.list-events .blog-feature-content .blog-data {
	width: 50px;
	
}

.list-events .blog-feature-content .blog-text  {
    width: calc(100% - 68px);
	
}
.list-events .blog-data .date-time{
	font-size: 17px;
}


.btn-light {
	color: #fff;
	border: 1px solid #fff;
}
.btn-light:hover {
	background: #fff;
	color: #000;
	border: 1px solid #fff;
}
.bold {
	font-weight: bold;
}


.top-accessible li.bg a {
    -webkit-border-radius: 50%;
    border-radius: 50%;
	width: 1.8em;
	height:1.8em;
}
.top-accessible li.bgr a {
    -webkit-border-radius: 24px;
    border-radius: 24px;
	padding: 0 10px;
}
#list-events-home .blog-feature-content {
	border: none;
}
#list-events-home .blog-feature-content-inner {
	padding-top: 15px;
	padding-bottom: 15px;	
}
#list-events-home .blog-feature-content:first-child .blog-feature-content-inner {
	border: none;	
}
#list-events-home .blog-data {
	width: 70px;	
}
#list-events-home .blog-data .date-time {
    font-size: 26px;
	height: 70px;
}
#list-events-home .date-time .month {
    line-height: 1em;
	font-size: 16px;
}
#list-events-home .blog-text {
    width: calc(100% - 88px);	
}
.blog-feature-content .blog-text h4 a {
    font-weight: 400;
}
#bbp-search-form {
	display: none;
}
.bbp-login-form label {
    width: auto;
}
#prijava-knjiznicarji, #prijava-knjiznicarji{
	margin: 0 auto; max-width: 700px;
}
.logged-in #prijava-knjiznicarji .details {
	display: none;
}

#container-accessible {
	padding:25px 0 30px 0;
}

#container-accessible .title {
	display: inline-block;
}
#container-accessible .header-a {
	margin-bottom: 30px;
}

#container-accessible .close-button {
	float: right;
	font-size: 30px;
	cursor: pointer;
}

#container-accessible .fontWrapper select
{
	padding: 3px;
	margin-left: 10px;
}


#container-accessible {
	
	background: #262832;
	width: 100%;
	display: none;
	border-bottom: 1px solid #555;

}
#container-accessible h3{
	
	color: #fff;
}
#container-accessible h4{
	
	color: #eee;
}

#barvneTemeWrapper, #fontWrapper, #sizeWrapper {
 
}
#barvneTemeWrapper a, #fontWrapper a, #sizeWrapper a {
	display:inline-block;
	padding: 5px 15px;
	font-size: 14px;
	text-align: left;
	margin: 3px 0;
	min-width:250px;
	box-sizing:border-box;	
}

#barvneTemeWrapper a.default_theme {
    color: #222A50;
    background: #fff;
}
#barvneTemeWrapper a.black_on_white_theme {
    color: #000;
    background: #FFF;
}
#barvneTemeWrapper a.white_on_black_theme {
    color: #FFF;
    background: #000;
}
#barvneTemeWrapper a.black_on_beige_theme {
    color: #000;
    background: #F5F5DC;
}
#barvneTemeWrapper a.yellow_on_blue_theme {
    color: #ffe800;
    background: #00008B;
}
#barvneTemeWrapper a.green_on_black_theme {
    color: #00FF00;
    background: #000;
}

#fontWrapper .font_default { background:white;color:black;}
#fontWrapper .font_od { background:white;font-family:"OpenDyslexic-Regular";color:black;}
#fontWrapper .font_arial { background:white;font-family:Arial;color:black;}
#fontWrapper .font_tnr { background:white;font-family:"Times New Roman";color:black;}
#fontWrapper .font_tahoma { background:white;font-family:Tahoma;color:black;}
#fontWrapper .font_verdana { background:white;font-family:Verdana;color:black;}

#sizeWrapper a {
	background:white; color:black;
}

#cursorWrapper {
	margin-top:20px;
}

#cursorWrapper > div {
	display:inline-block;
	margin-right:30px;
}

#cursorWrapper input {
	margin-right:10px;
}

section.default-bg {
	background:#f2f2f2;
}

.printshow {display:none;}


.single-tc_knjiznica .main-page {
	width: 63%;
}
.single-tc_knjiznica .sidebar-page {
	width: 37%;
}
h3.headline-bottom:after, #sidebar .widget-title:after {
	background: #ffa81c;
	display: block;
    content: "";
    width: 40px;
    height: 2px;
    border-radius: 2px;
	margin-top: .5em;
}
h3.highlighted {

	
}

.single-tc_knjiznica .personal-information li i {
	font-size:1.4em;
	margin-top:5px;
	margin-right:3px;
}

.single-tc_knjiznica .personal-information li img {
	display:inline-block;
	margin-top:-5px;
	margin-right:3px;
}