@import url("normalize.css");
@import url("typeplate.css");
@import url(https://fonts.googleapis.com/css?family=EB+Garamond&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Domine&subset=latin,latin-ext);
@font-face
{
font-family: fraktur;
src: url('fonts/Junicode.ttf');
}

@-ms-viewport {
    width:device-width;
}

@viewport {
    width:device-width;
}

body {
    margin: 6em 1em 1em 1em;
  /*  max-width: 46em;*/
    background: #fff;
	/*background: #fcfcec  url('img/crossword.png');*/
	min-width: 46em;
}

#page{
max-width: 46em;
margin: 0em auto;
}

#content{
margin-top: 490px;
}

.page-id-321 #content {
    margin-top: 130px;
}

p iframe{
width: 100% !important;
margin-left: -1.5em;
}

#navrh{
position: fixed;
bottom: 2em;
right: 2em;
padding: 1em;
color: #fff;
display: block;
z-index: 20;
display: block;
width: 30px;
height: 30px;
background:#15150E url('img/puscica.png') no-repeat;
background-position: 50% 50%;
cursor: pointer;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}


.wf-loading body {
    font-family: serif;
    visibility: hidden;
}

.wf-active body,.wf-inactive body {
    font-family: "ff-meta-serif-web-pro",serif;
    font-weight: 400;
    visibility: visible;
}

img {
    max-width: 100%;
}

#typeplate-widgets-wrap {
    border-top: 6px solid #606060;
    box-shadow: 0 4px 4px rgba(0,0,0,0.5);
    padding: .875em;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    font-family: "ff-meta-serif-web-pro",serif;
    font-size: 100%;
    background: #000 url('../img/asfalt.png?1372370704') top left repeat;
    color: #EFEFEF;
}

#typeplate-widgets-wrap form {
    display: inline-block;
}

#normalize-form,#typeplate-form {
    display: block;
    width: 80px;
}

.logo {
    vertical-align: -100%;
    cursor: pointer;
}

.site-branding{
display: none;
visibility: hidden;
}

/*navigacija*/

#site-navigation{
min-width: 46em;
position: fixed;
width: 100%;
top: 0px;
left: 0px;
height: auto;
padding: 1.5em 0em;
box-shadow: 0px 0px 6px rgba(0,0,0,.4);
background: #15150e;
z-index: 200;
transition: padding .8s ease; 
}

.pomanjsan{
padding: .5em 0em !important;
transition: padding .8s ease; 
}

.menu-toggle{
display: none;
}

.skip-link {
display: none;
}

.menu{

}

.main-navigation ul{
display: block;
padding: 1.5em 0em;
text-align: center;
margin: 0px;
text-transform: uppercase;
font-weight: 600;
font-size: 0;
}

.main-navigation ul>:first-child{
border-left: 0px;
}

.main-navigation ul>:last-child{
border-right: 0px;
}

.main-navigation li{
display: inline-block;
padding: 0px 1em;
border-left:1px solid #333;
border-right:1px solid #222;
text-shadow: 0px 1px 0px #5f5d59;
letter-spacing: .1em;
margin: 0px;
font-size: 20px;
}

.current_page_item a{
color: #faf7ee;
}

/*featured image*/

.featuredimage_div{
position: absolute;
width: 100%;
top: 0px;
left: 0px;
z-index: -2;
text-align: center;
padding-top: 125px;/*
padding-bottom: .5em;*/
box-shadow: 0px 0px 7px rgba(0,0,0,.1);
background:#fefefe  url('img/lightpaperfibers2.png');
height: 300px;

}



.image_holder{
max-width: 46em;
margin: 0em auto;
display: block;
height: 300px
}

.featuredimage_div img{
opacity: .95;
padding-right: 2em;
height: 300px !important;
width: auto !important;
padding-bottom: 0px;
margin-bottom: 0px;
}

.featuredimage_efekt{
position: absolute;
width: 100%;
top: 93px;
left: 0px;
height: 300px;
display: block;
z-index: -3;
background:#fff url('img/test.png');
}

.efekt_holder{
max-width: 46em;
margin: 0em auto;
display: block;
height: 300px;
text-align: center;
}

.efekt_holder img{
opacity:.2;
padding-right: .0em;
height: 300px !important;
width: auto !important;
padding-bottom: 0px;
margin-bottom: 0px;
}

.stemnitev{
position: absolute;
width: 100%;
top: 93px;
left: 0px;
height: 300px;
display: block;
z-index: -1;
background: rgba(255,255,255,.0);
padding-top: .5em;
}

/*vsebina*/
.okrasek{
	height: 1px;
	width: 100%;
	background: #15150E;
	margin: 2.5em auto .3em auto;
	border-bottom: 1px solid #ddd;
}


.entry-content{
margin-top: 2em;
}

img.aligncenter{
display: block;
    margin-left: auto;
    margin-right: auto

}

figure.aligncenter{
display: block;
    margin-left: auto;
    margin-right: auto
}
/*galerije*/
.gallery {
display: table;
clear: both;
width: 100%;
text-align: center;
}


.gallery-item{
width: 44%;
height: auto;
padding: 0% 3%;
display: inline-block;
margin: 3% auto;
height: 367px;
overflow: hidden;
position: relative;

}

.gallery-item img{
opacity: .9;
transition: opacity .5s ease;
}

.gallery-item img:hover{
opacity: 1;
transition: opacity .5s ease;
}

figcaption{
display: block;
position: absolute;
bottom: -300px;
left: 0px;
width: 80%;
padding: 5% 10%;
text-align: left;
background: rgba(255,255,255,.8);
font-size: .9em;
}

figure.wp-caption{
position: relative;
display: block;
overflow: hidden;
}

figure.wp-caption:hover > figcaption{
bottom: 0px;
transition: bottom .5s ease;
}

.gallery-item:hover > figcaption{
bottom: 0px;
transition: bottom .5s ease;
}

/*footer*/
.clear{
width: 100%;
display: block;
clear: both;
}

#colophon{
background: #15150E;
color: #fff;
display: block;
width: 100%;
clear: both;
height: auto;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

.tretjina{
display: inline-block;
float: left;
width: 27.33%;
padding: 25px 3%;
text-align: left;
font-size: 16px;
}

#access_footer ul{
display: block;
padding: 1.5em 0em;
text-align: center;
margin: 0px;
text-transform: uppercase;
font-weight: 600;
font-size: 0;

}

#access_footer li{


text-shadow: 0px 1px 0px #5f5d59;
letter-spacing: .1em;
margin: 0px;

display: block;
border: none;
text-align: left;
width: 100%;
font-size: 16px;
padding: 0px;
font-weight: normal;
line-height: 16px;
padding-bottom: 5px;
}

#kontakti{
}
#kontakti p {
text-indent: 0px;

}

#kontakti .widgettitle{
text-align: left;
font-size: 16px;

font-weight: normal;
color: #af292c;
letter-spacing: .1em;
}

#obrazec_kontakt input, textarea{
width: 94%;
border: none;
color: #15150E;
padding: 5px 3%;
max-height: 100px;
}

#obrazec_kontakt p{
text-indent: 0px;
margin-bottom: 5px!important;
}

.wpcf7-submit{
width: 90px !important;

background: #af292c;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.wpcf7-response-output, .wpcf7-mail-sent-ok{
border: 0px !important;
padding: 0px !important;
margin:0px !important;
color: #af292c;
}

.widgettitle{
text-shadow: 0 1px 0 #5F5D59;
}

/*izbira jezikov*/
#jeziki{
display: block;
position: fixed;
top: 90px;
right: 90px;
z-index: 501;
transition: background-color .3s ease,  top .8s ease;
}

.site-info {
    display: block;   position: fixed;    top: 90px;    right: 6px;    z-index: 501;    transition: background-color .3s ease, top .8s ease;
}
.icon-alt-1 {
    float: right; margin-top:8px; margin-right:8px;
}
.icon-alt-2 {
    float: right; font-size: 16px; display: block; margin-top:3px; margin-right: 10px;
}

#jeziki:hover{

}

#jeziki ul {
display: block;
/*padding: 0em  1em 0em  1em;*/
margin: 0px;
transition: padding .3s ease;
}

/*
#jeziki ul:hover{
padding: .5em  1em .62em  1em;
transition: padding .3s ease;
transition: height .3s ease, width .3s ease;
}

#jeziki ul:hover img{
height: 17px;
width: 27px;
transition: height .3s ease, width .3s ease;
}

#jeziki ul:hover li{
height: 17px;
width: 27px;
transition: height .3s ease, width .3s ease;
}*/

#jeziki ul li{
display: inline-block;
padding: 0px;
margin: 0px;
margin-left: .3em;
padding-left: 0px;
height: 13px;
width: 20px;
transition: height .3s ease, width .3s ease;
}

#jeziki img{
height: 13px;
width: 20px;
opacity: .8;
transition: opacity .3s ease;
display: block;

}

#jeziki img:hover{
opacity: .9;
transition: opacity .3s ease;
}

#jeziki .current-lang img{
opacity: .9;
transition: opacity .3s ease;
}

.stisnjeni{
top: 50px !important;
transition: top .8s ease; 
}

@media (max-width: 41.25em) {
    .logo {
        vertical-align: -190%;
        margin-right: 5em;
    }
}

@media (max-width: 31.25em) {
    .logo {
        display: block;
        text-align: center;
        margin-right: 0;
    }
}

.logo-img {
    width: 12em;
}

.svg .logo-img {
    background: url('../img/logo.png?1372370704') 50% no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}

.no-svg .logo-img,.no-js .logo-img {
    background: url('../img/logo.png?1372370704') 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.logo-img:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

@media (max-width: 31.25em) {
    .header {
        text-align: center;
        padding-top: 0;
    }

    .header p {
        text-align: left;
    }
}

.lede {
    padding-top: 0.825em;
    margin-bottom: 1.65em;
}

.lede>p:not(.no-indent) {
    margin-top: 0;
}

.nav {
    letter-spacing: -4px;
    display: inline-block;
}

@media (max-width: 31.25em) {
    .nav {
        padding-top: 0.825em;
        display: block;
        text-align: center;
    }
}

.nav-item {
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    border-bottom: 1.5px solid rgba(156,153,153,0.69);
    letter-spacing: normal;
    display: block;
    line-height: 2;
    padding: 0 0.5em 0 0.25em;
    margin-bottom: 0;
    color: #d94426;
    text-decoration: none;
}

.nav-item:last-child {
    border-bottom: none;
}

.nav-item:hover,.nav-item:focus {
    text-decoration: none;
    background: #f7f7f7;
    color: #000000;
}

.nav-item:before {
    content: "→ ";
}

@media (max-width: 31.25em) {
    .nav-item {
        border-radius: 0.333333em;
        display: inline-block;
        padding: 0.825em;
        margin-right: 0.5em;
        font-family: Monaco, Consolas, monospace;
        font-size: 0.825em;
        background: #000;
        color: rgba(255,255,255,0.75);
    }

    .nav-item:before {
        content: "";
    }

    .nav-item:visited {
        color: rgba(255,255,255,0.75);
    }

    .nav-item:hover,.nav-item:focus {
        background: #d94426;
        color: white;
    }
}

input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 100%;
    line-height: normal;
    padding: 5px;
}

.bg-slategray {
    color: #c7c7c7;
    font-size: .875em;
    display: inline-block;
}

.bg-slategray .title {
    color: #fff;
    font-size: 18px;
    text-shadow: 0 -1px 0 #000;
}

input.slide-switch[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
}

input.slide-switch[type=checkbox]+label {
    background-clip: padding-box !important;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 3px;
    display: inline-block;
    height: 21px;
    line-height: 21px;
    min-width: 15px;
    max-width: 150px;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    background-color: #ccc;
    background-image: none !important;
    border: 1px solid #9b9d9d;
    cursor: pointer;
    padding: 0;
    position: relative;
    width: 54px;
    vertical-align: middle;
}

input.slide-switch[type=checkbox]:checked+label .wrapper {
    left: 0px;
    padding: 0 0 0 0;
}

input.slide-switch[type=checkbox]:checked+label .wrapper .on {
    visibility: visible;
    -moz-transition: visibility 0s linear 0s;
    -webkit-transition: visibility 0s linear 0s;
    transition: visibility 0s linear 0s;
}

input.slide-switch[type=checkbox]:checked+label .wrapper .off {
    visibility: hidden;
    -moz-transition: visibility 0s linear 0.2s;
    -webkit-transition: visibility 0s linear 0.2s;
    transition: visibility 0s linear 0.2s;
}

input.slide-switch[type=checkbox]:focus+label {
    border: 1px solid #093ffd;
    box-shadow: 0 0 0 2px #6fb5f1;
    outline: none;
    padding: 0 0 0 0;
    margin: 0 5px 5px 5px;
}

input.slide-switch[type=checkbox]:focus+label .switch {
    border: 1px solid #093ffd;
    box-shadow: 0 0 0 2px #6fb5f1;
}

input.slide-switch.dark[type=checkbox]:focus+label {
    border: 1px solid rgba(34,238,51,0) 1;
    box-shadow: 0 0 0 2px #6086a7;
    outline: none;
    padding: 0 0 0 0;
    margin: 0 5px 5px 5px;
}

input.slide-switch.dark[type=checkbox]:focus+label .switch {
    border: 1px solid rgba(34,238,51,0) 1;
    box-shadow: 0 0 0 2px #6086a7;
}

input.slide-switch[type=checkbox]+label .wrapper {
    display: block;
    height: 21px;
    position: relative;
    top: 0px;
    left: -38px;
    -moz-transition: left 0.2s ease-out;
    -webkit-transition: left 0.2s ease-out;
    transition: left 0.2s ease-out;
    width: 90px;
    z-index: 1;
}

input.slide-switch[type=checkbox]+label .switch,input.slide-switch[type=checkbox]+label .on,input.slide-switch[type=checkbox]+label .off {
    display: block;
    height: 21px;
    font-size: 12px;
    line-height: 21px;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    top: 0;
}

input.slide-switch[type=checkbox]+label .switch {
    background: #e5e9e9;
    background: -moz-linear-gradient(top, #e5e9e9, #e5e9e9);
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e9e9), to(#e5e9e9));
    background: -webkit-linear-gradient(top, #e5e9e9, #e5e9e9);
    background: -o-linear-gradient(top, #e5e9e9, #e5e9e9);
    background: -ms-linear-gradient(top, #e5e9e9, #e5e9e9);
    background: linear-gradient(top, #e5e9e9,#e5e9e9);
    border: 1px solid #9b9d9d;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 #fff;
    left: 37px;
    width: 16px;
    top: -1px;
    z-index: 1;
}

input.slide-switch[type=checkbox]+label .on {
    background: #e0f0fa;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: inset 0 1px 0px rgba(0,0,0,0.12);
    color: light-blue-text;
    width: 38px;
    padding-right: 3px;
    visibility: hidden;
    -moz-transition: visibility 0s linear 0.2s;
    -webkit-transition: visibility 0s linear 0.2s;
    transition: visibility 0s linear 0.2s;
}

input.slide-switch[type=checkbox]+label .off {
    background: #d3d7d7;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: inset 0 1px 0px rgba(0,0,0,0.12);
    left: 51px;
    width: 38px;
    padding-left: 3px;
    visibility: visible;
    -moz-transition: visibility 0s linear 0s;
    -webkit-transition: visibility 0s linear 0s;
    transition: visibility 0s linear 0s;
}

input.slide-switch.dark[type=checkbox]+label {
    background-color: #404141;
    border: 1px solid #2d2f31;
    padding: 0 0 0 0;
}

input.slide-switch.dark[type=checkbox]+label .switch,input.slide-switch.dark[type=checkbox]+label .on,input.slide-switch.dark[type=checkbox]+label .off {
    text-shadow: 0 -1px 0 rgba(0,0,0,0.69);
}

input.slide-switch.dark[type=checkbox]+label .switch {
    background: #595b5b;
    background: -moz-linear-gradient(top, #595b5b, #595b5b);
    background: -webkit-gradient(linear, left top, left bottom, from(#595b5b), to(#595b5b));
    background: -webkit-linear-gradient(top, #595b5b, #595b5b);
    background: -o-linear-gradient(top, #595b5b, #595b5b);
    background: -ms-linear-gradient(top, #595b5b, #595b5b);
    background: linear-gradient(top, #595b5b,#595b5b);
    border: 1px solid #2d2f31;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
}

input.slide-switch.dark[type=checkbox]+label .on {
    background: #404141;
    box-shadow: inset 0 1px 0px rgba(0,0,0,0.18);
    color: dark-blue-text;
}

input.slide-switch.dark[type=checkbox]+label .off {
    background: #404141;
    box-shadow: inset 0 1px 0px rgba(0,0,0,0.18);
    color: #999;
}

input.slide-switch.large[type=checkbox]+label {
    height: 27px;
    width: 69px;
}

input.slide-switch.large[type=checkbox]+label .wrapper {
    display: block;
    height: 27px;
    position: relative;
    top: 0px;
    left: -48px;
    -moz-transition: left 0.2s ease-out;
    -webkit-transition: left 0.2s ease-out;
    transition: left 0.2s ease-out;
    z-index: 1;
}

input.slide-switch.large[type=checkbox]+label .switch,input.slide-switch.large[type=checkbox]+label .on,input.slide-switch.large[type=checkbox]+label .off {
    height: 27px;
    font-size: 14px;
    line-height: 28px;
}

input.slide-switch.large[type=checkbox]+label .switch {
    left: 47px;
    width: 21px;
}

input.slide-switch.large[type=checkbox]+label .on {
    width: 48px;
}

input.slide-switch.large[type=checkbox]+label .off {
    left: 66px;
    width: 48px;
}

input.slide-switch.large[type=checkbox]:checked+label .wrapper {
    left: 0px;
}

.rule {
    display: block;
    text-align: center;
    color: #b0b0b0;
}

@-ms-viewport {
    width:device-width;
}

@viewport {
    width:device-width;
}

/*POLC!*/

a {
color: #af292c;
text-decoration: none;
transition: color .3s ease;
}

a:hover{
color: #ea373b;
transition: color .3s ease;
}