/*
Theme Name: Gross-Rosen
Theme URI:
Description:
Version: 1.0
Author: ibex.pl
*/


html.scale75 {
    zoom: 75%;
}

html.scale75 {
    -moz-transform: scale(0.75);
    -moz-transform-origin: left top;
}

html.scale100 body {
    zoom: 100%;
}

html.scale100 {
    -moz-transform: scale(1);
    -moz-transform-origin: left top;
}

html.scale125 body {
    zoom: 125%;
}

html.scale125 {
    -moz-transform: scale(1.25);
    -moz-transform-origin: left top;
}

html.kpl {
    filter: grayscale(100%) brightness(0.7) contrast(6);
}

html.kmi {
    filter: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
    display: block;
}

/* End hide from IE Mac */

html {
    background: url('/wp-content/themes/gross-rosen/images/bg2019_3_m.jpg') left top repeat !important;
    height: 100%;
    font-size: 100%;
}

body {
    background: url('/wp-content/themes/gross-rosen/images/bg2019_3.jpg') left top repeat-y !important;
    background-attachment: fixed !important;
}

.container-gr {
    width: 100%;
    /*overflow: hidden;*/
    display: flex;
    justify-content: space-between;
}

#sidebar {
    width: 295px;
    float: left;
}

#main {
    float: right;
    width: calc(96vw - 295px - 18px);
}


h1, .h1 {
    font-weight: bolder;
    display: block;
    font-size: 2rem;
}

h2, .h2 {
    font-weight: bolder;
    display: block;
    font-size: 1.8rem;
}

h3, .h3 {
    font-weight: bolder;
    display: block;
    font-size: 1.6rem;
}

h4, h4 {
    font-weight: bolder;
    display: block;
    font-size: 1.4rem;
}

.content {
    display: block;
    position: relative;
    width: calc(100% - 36px);
    padding: 18px;
}

.content_body .inner {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 0px !important;
}

.content_top {
    /*background: url('/wp-content/themes/gross-rosen/images/page_top_bg.png') left top no-repeat;
    height: 170px;*/
}

.content_body {
    /*background: url('/wp-content/themes/gross-rosen/images/page_bg.png') left top repeat-y;
    display: block;*/
    /*padding: 36px;*/
    padding: 3vw;
    background: #f2f1ea;
    box-shadow: 0px 10px 20px 2px rgba(87, 87, 87, 0.5);
}

.content_footer {
    /*background: url('/wp-content/themes/gross-rosen/images/page_bottom_bg.png') left top no-repeat;
    height: 34px;*/
}

.logo, #navbar {
    padding-left: 50px;
    margin-top: 35px;
}

.logo {
    margin-top: 7px;
}

.logo a {
    background: url('/wp-content/themes/gross-rosen/images/gross-rosen-logo.jpg') left top no-repeat;
    width: 197px;
    height: 251px;
    text-indent: -9800px;
    display: block;
    margin: 5px auto;

}

#navbar ul {
    margin-left: -20px;
}

#navbar ul ul {
    margin-left: 0px;
    display: block;
}

#navbar ul li {
    width: 258px;
    display: block;
    overflow: hidden;
}

#navbar ul li ul {
    display: block;
    overflow: hidden;
    height: auto;
}

#navbar ul li a {
    word-break: break-word;
}

#navbar ul li a.current_page_item {
    /*background:url('/wp-content/themes/gross-rosen/images/menu-bar.png') left -70px no-repeat;*/
    background-color: #d0cdcd;
    color: Black !important;
}

#navbar ul li a:hover, #navbar ul li a:focus, #navbar ul li a:active {
    color: Black !important;
    background: #ddd;
}

#navbar ul ul li a {
    background-color: #efefef;
    font-size: 1.3rem;
    height: auto;
    padding: 10px;
    margin-left: 25px;
}

#navbar ul li ul li a:hover, #navbar ul li ul li a:active, #navbar ul li ul li a:focus {
    text-decoration: underline;
    background: white;
}

#navbar ul li a {
    color: #333;
    padding: 14px;
    font-size: 1.6rem;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Trebuchet MS';
    text-align: right;
    height: auto;
    display: block;
    /*background:url('/wp-content/themes/gross-rosen/images/menu-bar.png') left 0px no-repeat;*/
    background-color: #fdfdfd;
    border: 1px #444 solid;
    box-shadow: 0px 2px 6px 2px rgba(87, 87, 87, 0.5);
    margin: 0px 5px 10px 5px;
}

.top {
    background: #333;
    display: block;
    width: 100%;
    padding: .2rem 2rem;
}

.entry {
    width: 100%;
}

div.post {
    position: relative;
    /*padding-top: 1.5rem;*/
    border-bottom: 1px dotted #ccc;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
}

div..post + .div.post {
    padding-top: 0px;
}

div.post p {
    text-align: left;
}

div.post p + p {
    text-indent: 2rem;
}

div.post img {
    border: 1px solid #ddd;
    padding: 3px;
    background: White;
    display: block;
    max-width:100%;
}

div.post .published {
    margin-top: -0.5em !important;
    display: block;
    color: #666;
    font-size: 1rem;
    text-align: left;
    margin-bottom: 0.5rem;
}

div.post img.alignleft {
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    float: left;
}

div.post img.alignright {
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    float: right;
}

div.post img.aligncenter {
    margin: 0.5em auto;
}

.content a, .content a:visited {
    color: black !important;
    text-decoration: underline;
}
.content a:hover, .content a:focus, .content a:active {
    color: #666 !important;
    text-decoration: underline;
}

div.post h1 {
    font-family: Arial;
    font-weight: normal !important;
    font-size: 2rem;
    margin-top: 1rem;
    line-height: 150% !important;
}

div.post h2 {
    font-family: Arial;
    font-weight: normal !important;
    font-size: 1.5rem;
    margin-top: 0rem;
}

.breadcrumb {
    margin-top: 0rem;
    margin-left: 0rem;
    /*color: #666 !important;*/
    margin-bottom: 0rem;
    background: #ddd !important;
    padding: 5px;
    padding-left: 10px;
}

.breadcrumb a, .breadcrumb a:visited {
    /*color: #666 !important;*/
}

.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {
    color: #666 !important;
}

div.post h1 a, div.post h1 a:visited {
    text-decoration: none;
    color: Black;
    line-height: 150%;

}

div.post h2 a, div.post h2 a:visited {
    color: black;
    line-height: 150%;
    font-weight: normal;
}

div.post h2.bold, div.post h2.bold a {
    font-weight: bold !important;
}

.publikacja {
    border-bottom: 1px dotted #aaa;
    overflow: hidden;
    margin-bottom: 0.75rem;
    padding-bottom: 0.75rem;
}

.publikacja .okladka_outer {
    float: left;
    width: 135px;
}

.publikacja img {
    margin: 0 auto;
    display: block;
}

.publikacja .tytul {
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
    margin-bottom: 0.5rem;
}

.publikacja .wydawnictwo {
    display: block;
    font-style: italic;
}

.publikacja .autor {
    display: block;
    font-style: italic;
    margin-bottom: 0.75rem;
}

.publikacja .z-okladka {
    margin-left: 140px;
}

.section {
    border-top: 1px dotted #aaa;
    padding-top: 0.75rem;
    margin-top: 0.75rem;
    overflow: hidden;
}

.section h2 {
    margin-top: 0px;
    font-size: 1.3rem;
}

.section .alignright {
    float: right;
}

.section .alignleft {
    float: left;
}

#zoom-mover {
    border: 2px solid #999;
}

.filia_fancybox {
    line-height: 150%;
    font-size: 1.3rem;
}

.filia_fancybox h3 {
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
}

.filia_fancybox .opis {
}

.hoverarea {
    position: absolute;
    display: none;
    z-index: 300;
    border: 3px solid #3CB53C;
    background: transparent;
}

#archiwum-lata {
    border: 1px solid #ccc;
    background: #ccc;
    margin-top: 20px;
    padding: 5px;
    overflow: hidden;
    text-align: right;
}

#archiwum-lata ul, #archiwum-lata ul li {
    display: inline;
    margin: 0px;
}

#archiwum-lata ul li {
    padding-left: 5px;
    padding-right: 4px;
}

.breadcrumb_footer {
    margin-top: 2rem;
    /*  margin-bottom: 0px !important;
      margin-top: -30px;
      margin-left: 30px;
      margin-right: 35px;*/
}

#bip {
    margin-left: 68px;
    margin-top: 30px;
    text-align: left;
}

#bip a:hover img,
#bip a:active img,
#bip a:focus img,
.umwd a:hover img,
.umwd a:active img,
.umwd a:focus img,
div.post a:hover img,
div.post a:active img,
div.post a:focus img {
    border: 1px #000 solid !important;
}

#bip img {
    border: 1px solid #ccc;
    padding-top: 6px;
    padding-bottom: 3px;
    background: white;
}

.umwd {
    text-align: left;
    margin-left: 68px;
    margin-top: 10px;
}

.umwd img {
    border: 1px solid #ccc;
    padding-top: 3px;
    padding-bottom: 3px;
    background: white;
    max-width: 202px;
    height: auto;
}

a.more-link {
    font-weight: bold !important;
    display: block;
    float: right;
    padding: 5px;
}

#footer {
    display: block;
    background: Black;
    margin-top: 20px;
    font-size: 1.2rem;
    border-top: 1px solid #333

}

#footer .inner {
    padding: 1rem;
    color: #999;
}

#footer a, #footer a:visited {
    text-decoration: none;
    color: #999;
}

#footer a:hover, #footer a:active, #footer a:focus {
    text-decoration: underline;
    color: #999;

}

/*.slider {
  display: none;
  -moz-box-shadow: 0px 0px 10px 4px #444;
  -webkit-box-shadow: 0px 0px 10px 4px #444;
}
*/
#lista_filii {
    -moz-box-shadow: 0px 0px 10px 4px #444;
    -webkit-box-shadow: 0px 0px 10px 4px #444;
    min-height: 500px;
    position: absolute !important;
    top: 0;
    right: 0;
    margin-top: 40vh !important;
    overflow:auto;
    display: none;
    z-index: 0;
    font-size: 1.2rem;
}

.slider-active {
    z-index: 200;
}

.content-active {
    display: block;
    z-index: 400;
}

.content div.post {
    width: 100%;
    margin-top: 1px;

}

#switch {
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    padding: 5px;
    margin-right: 15px;
    background: white;
    width: 150px;
    float: right;
    margin-top: -40px;
    text-align: center;
    font-weight: bold;
    cursor: hand !important;
    display: block;
    text-decoration: none;
    color: Black;
    position: relative;

}

#switch:hover, #switch:active, #switch:focus {
    background: #e3e3e3;
}

#obiekty {
    background: white;
    height: 535px;
    overflow: auto;
}

#obiekty ul {
    padding: 5px;
    margin: 0px !important;
}

#obiekty ul li a, #obiekty ul li a:visited {
    display: block;
    padding: 3px;
    margin-bottom: 3px;
    text-decoration: none;
}

#obiekty ul li a:hover, #obiekty ul li a:active, #obiekty ul li a:focus {
    background: Black;
    color: White;
}

.fancybox_area {
    cursor: hand !important;
}

#bigset img, #legenda img {
    border: 0px !important;
    padding: 0px !important;
    display: inline !important;
}

.opis img {
    float: left;
    margin-right: 1rem;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

a.mapa, a.mapa:visited {
    background: url('/images/map.png') left center no-repeat;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #1F3A65 !important;
    font-weight: bold;
}


.fullpage {
    width: 100%;
    margin: 10px auto !important;
    display: block;
    border: 1px solid #666;
    z-index: 100;
    position: relative;
    background: white;
    font-size: 1.2rem;
}

.fullpage form#ankieta {
    position: relative;
    margin-top: -60px;
    margin-left: 615px;
    display: block;
    z-index: 105;
}

.fullpage form#ankieta input {
    font-family: Arial !important;

}

.fullpage form#ankieta input#author {
    margin-top: 0px;
    border: 1px solid Black;
    padding: 4px;
    z-index: 200;
    display: relative;
    width: 170px;

}

.fullpage form#ankieta input#miejscowosc {
    margin-top: 0px;
    margin-left: 20px;
    border: 1px solid Black;
    padding: 4px;
    z-index: 200;
    display: relative;
    width: 90px;
}

.fullpage form#ankieta input#submit {
    display: block;
    padding: 4px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    font-size: 1.1rem;
    margin-right: 35px;
    float: right;
    margin-top: 10px;
}

.fullpage .text {
    line-height: 150%;
    margin: 10px;
    font-size: 1.4rem;
    color: Navy;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
}

.fullpage #powrot {
    margin: 15px auto;
    font-weight: bold;
    display: block;
    text-align: center;
    font-size: 1.2rem;
    border-top: 1px solid #ccc;
    padding: 5px;
}

.sub-menu {
    display: none !important;
}

.current-page-ancestor .sub-menu, .current_page_item .sub-menu {
    display: block !important;
}

.englishflag {
    background: url('/pliki/englishflag.gif') left 3px no-repeat;
    padding-left: 35px;
    display: block;
}

.deutscheflag {
    background: url('/pliki/deutscheflag.gif') left 3px no-repeat;
    padding-left: 35px;
    display: block;
}

.polskaflaga {
    background: url('/pliki/polskaflaga.gif') left 3px no-repeat;
    padding-left: 35px;
    display: block;
}

.lang a.en {
    background: url('/pliki/englishflag.gif') left center no-repeat;
    padding-left: 30px;
    display: block;
}

.lang a.de {
    background: url('/pliki/deutscheflag.gif') left center no-repeat;
    padding-left: 30px;
    display: block;
}

.lang a.pl {
    background: url('/pliki/polskaflaga.gif') left center no-repeat;
    padding-left: 30px;
    display: block;
}

.top {
}

.top .inner {
    width: 100%;
    display: flex;
    justify-content: flex-end;

}

.top .lang {
    float: right;
    overflow: hidden;
}

.top .lang a {
    font-size: 1.2rem;
    float: right;
    line-height: 2.5rem;
    margin-left: 15px;
    text-decoration: none;
    color: #fff;
}

.top .lang a:hover, .top .lang a:active, .top .lang a:focus {
    text-decoration: underline;
    color: #ddd;
}

.aligncenter {
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center !important;
    font-style: italic;
}

ul.aktualnosci {
    margin-left: 10px !important;

    margin-top: 10px;
}

ul.aktualnosci li {
    margin-left: 30px;
    padding: 2px;
    font-weight: bold;
}

ul.aktualnosci span.data_publikacji {
    font-weight: normal;
    color: Black;
    margin-top: 10px;
    display: block;
}

ul.aktualnosci div.excerpt {
    font-weight: normal;
}

ul.aktualnosci div.excerpt a {
    font-weight: bold;
}

.aktualnosci-2, .ksiegarnia {
    border: 1px solid #ccc;
    padding: 2rem;
    background: white;
}

ul#promowane {
    list-style-type: none;
    margin: 0px;
}

ul#promowane li + li {
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px solid #ccc;
}

ul#promowane li h2 a {
    text-decoration: none;
    font-weight: bold;
    color: #003366 !important;
}

#email {
    border: 1px solid #ccc;
    margin-left: 68px;
    margin-right: 24px;
    background: #f4f4f4;
}

#email .wpcf7 {
    padding: 1rem;
    font-size: 1.3rem;
}

#email .wpcf7 input {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.25rem;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#email .wpcf7 .sm-optin {
    margin-top: 0.5rem;
    display: block;
    font-size: 1rem;
    overflow: hidden;
}

#email .wpcf7 label {
    float: right;
    width: 155px;
    line-height: 130%;
    font-size: 0.9rem;
}

#email .wpcf7 .sm-optin .wpcf7-list-item input {
    float: left;
    width: 16px;
}

#email h2 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

#email .email-submit {
    padding: 0.5em 2rem;
    display: block;
    margin: 0 auto;
    /* width: 80%; */
    font-size: 1.1rem;
    font-weight: bold !important;
    position: relative;
    margin-top: 0.5rem;
    border: 1px solid #CCC;
    background: #EAEAEA;
    border-radius: 3px;

}

#email .wpcf7 .wpcf7-checkbox {
    float: left;

}

.fb-like-box {
    background: none repeat scroll 0 0 #F4F4F4;
    border: 1px solid #CCCCCC;
    margin-left: 68px;
    margin-right: 24px;
    margin-bottom: 10px;
}

#navbar ul li a, div.post h1 {
    font-family: 'Hind Madurai', sans-serif;
}

.accessibility {
    float: right;
    padding-left: 2rem;
    display: block;
}

.accessibility a {
    color: #ffffff;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 2.5rem;
    vertical-align: middle;
}

.content-footer .sidebar-links img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.sidebar-links {
    text-align: center;
}

.header-mobile img {
    width: 100%;
    height: auto;
}

ol, ul {
    padding: 0;
}

.header-mobile .navbar {
    padding: 3vw;
    background: #dedcd0;
    box-shadow: 0px 10px 20px 2px rgb(87 87 87 / 50%);
}

.header-mobile .navbar .navbar-brand{
    margin: 0;
    padding: 0;
}
.header-mobile .navbar .navbar-brand a {
    color: Black;
    text-decoration: none;
    font-weight: bolder;
    font-size: 1.5rem;
}

.header-mobile .navbar .navbar-brand a {
    width: calc(10vw * (197 / 251));
    height: calc(10vw * (251 / 197));
    background-size: contain;
}

.header-mobile .accessibility a {
    font-weight: bolder;
}

.header-mobile .accessibility a, .header-mobile .lang a {
    color: Black;
    text-decoration: none;
}

.header-mobile .nav-link, .header-mobile .dropdown-item {
    font-size: 1.4rem;
    border-bottom: 1px solid #999;
}

.header-mobile .menu-item:last-of-type .dropdown-item {
    font-size: 1.4rem;
    border-bottom: none;
}

.header-mobile .navbar-nav {
    background-color: #efefef;
    padding: 1rem;
    border-radius: 5px;
}

.header-mobile .nav-link {
    padding: .8rem;
    border-bottom: 1px solid #999;
    color: Black;
}

.header-mobile .menu-item:last-of-type .nav-link {
    border-bottom: none
}

.header-mobile .container-fluid .navbar-collapse {
    overflow: auto;
    max-height: calc(90vh - (3vw + 0.3125rem + (10vh * (197 / 251))));
}


.header-mobile .accessibility, .header-mobile .lang {
    display: flex;
}

.header-mobile .lang a {
    display: inline-block;
}

.intro img {
    max-width: 100%;
    height: auto;
}


@media (max-width: 991px) {
    body {
        background: url('/wp-content/themes/gross-rosen/images/bg2019_3_m.jpg') left top repeat-y !important;
        background-attachment: fixed !important;
        font-size: 14px;
    }

    .container-gr {
        flex-direction: column;
    }

    #sidebar {
        width: auto;
        float: left;
    }

    #main {
        float: none;
        width: calc(100vw);
        margin: 0 auto;
    }

    .content {
        width: calc(100%) !important;
        padding: .2rem;
    }

    #main {
        padding-top: calc((3vw + 0.3125rem + (10vw * (251 / 197))));
    }
    .header-mobile .navbar {
        padding: 1vw;
    }
    .header-mobile .container-fluid{
        padding-left: 3vw;
        padding-right: 3vw;
    }
    .dropdown-toggle, .dropdown-item{
        white-space: break-spaces;
    }
    .wystawa-2020 a {
        width: 50% !important;
    }
    .wystawa-2020 a img{
        width: 100%;
        height: auto;
    }
    .aktualnosci-2, .ksiegarnia {
        padding: .8rem;
    }
    div.post p+p {
        text-indent: 1rem;
    }
    .content ul, .content ol {
        margin-left: 1.5rem;
    }
    blockquote{
        padding: .5em;
        margin-bottom: 1em;
    }
    blockquote p{
        margin-bottom: .6em !important;
    }
}

@media (max-width: 600px) {
    .section .alignleft, .section .alignright{
        float: none;
        width: 100% !important;
        height: auto;
        text-align: left !important;
        margin: 1rem 0;
    }
}


.breadcrumb a{
    margin-right: .5rem;
}


/* AnythingZoomer */
.az-wrap, .az-small, .az-large {
    position: relative;
}
.az-wrap-inner {
    display: block;
    margin: 0 auto; /* center small & large content */
}
/* This wraps the large image and hides it */
.az-zoom {
    background: #fff;
    border: #333 1px solid;
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 110px;
    overflow: hidden;
    z-index: 100;
    display: none;
    -moz-box-shadow: inset 0px 0px 4px #000;
    -webkit-box-shadow: inset 0px 0px 4px #000;
    box-shadow: inset 0px 0px 4px #000;
}
/* Class applied to az-mover when large image is windowed */
.az-windowed {
    overflow: hidden;
    position: absolute;
}
/* Class applied to az-mover when large image is fully shown */
.az-expanded {
    height: auto;
    width: auto;
    position: static;
    overflow: visible;
}

/* overlay small area */
.az-overlay {
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 10;
}

/* fade out small content when hovering
.az-hovered > * {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
*/

/* edit mode coordinate styling */
.az-coords {
    display: none; /* hidden when expanded */
}
.az-zoom .az-coords {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    background: rgba(0,0,0,0.5);
    color: #fff;
}