@charset "utf-8";
/* 
Theme Name: Literacka Mapa Piaseczna
Theme URI: 
Author: estinet.pl
Version: 1.0
*/
:root {  
    --main-color:#e2017b;
    --yellow:#ffd004;
}
/* pt-sans-narrow-regular - latin-ext */
@font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 400; src: url('fonts/pt-sans-narrow-v17-latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local(''),  url('fonts/pt-sans-narrow-v17-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/pt-sans-narrow-v17-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/pt-sans-narrow-v17-latin-ext-regular.woff') format('woff'), /* Modern Browsers */  url('fonts/pt-sans-narrow-v17-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/pt-sans-narrow-v17-latin-ext-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */ }
/* pt-sans-narrow-700 - latin-ext */
@font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 700; src: url('fonts/pt-sans-narrow-v17-latin-ext-700.eot'); /* IE9 Compat Modes */ src: local(''),  url('fonts/pt-sans-narrow-v17-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/pt-sans-narrow-v17-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */  url('fonts/pt-sans-narrow-v17-latin-ext-700.woff') format('woff'), /* Modern Browsers */  url('fonts/pt-sans-narrow-v17-latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */  url('fonts/pt-sans-narrow-v17-latin-ext-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */ }
/* open-sans-regular - latin-ext_latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v27-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v27-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),         /* IE6-IE8 */  url('fonts/open-sans-v27-latin-ext_latin-regular.woff2') format('woff2'),         /* Super Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-regular.woff') format('woff'),         /* Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-regular.ttf') format('truetype'),         /* Safari, Android, iOS */  url('fonts/open-sans-v27-latin-ext_latin-regular.svg#OpenSans') format('svg');/* Legacy iOS */ }
/* open-sans-500 - latin-ext_latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('fonts/open-sans-v27-latin-ext_latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v27-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'),         /* IE6-IE8 */  url('fonts/open-sans-v27-latin-ext_latin-500.woff2') format('woff2'),         /* Super Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-500.woff') format('woff'),         /* Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-500.ttf') format('truetype'),         /* Safari, Android, iOS */  url('fonts/open-sans-v27-latin-ext_latin-500.svg#OpenSans') format('svg');/* Legacy iOS */ }
/* open-sans-700 - latin-ext_latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v27-latin-ext_latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v27-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),         /* IE6-IE8 */  url('fonts/open-sans-v27-latin-ext_latin-700.woff2') format('woff2'),         /* Super Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-700.woff') format('woff'),         /* Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-700.ttf') format('truetype'),         /* Safari, Android, iOS */  url('fonts/open-sans-v27-latin-ext_latin-700.svg#OpenSans') format('svg');/* Legacy iOS */ }
/* open-sans-600 - latin-ext_latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('fonts/open-sans-v27-latin-ext_latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v27-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'),         /* IE6-IE8 */  url('fonts/open-sans-v27-latin-ext_latin-600.woff2') format('woff2'),         /* Super Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-600.woff') format('woff'),         /* Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-600.ttf') format('truetype'),         /* Safari, Android, iOS */  url('fonts/open-sans-v27-latin-ext_latin-600.svg#OpenSans') format('svg');/* Legacy iOS */ }
/* open-sans-800 - latin-ext_latin */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('fonts/open-sans-v27-latin-ext_latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/open-sans-v27-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'),         /* IE6-IE8 */  url('fonts/open-sans-v27-latin-ext_latin-800.woff2') format('woff2'),         /* Super Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-800.woff') format('woff'),         /* Modern Browsers */  url('fonts/open-sans-v27-latin-ext_latin-800.ttf') format('truetype'),         /* Safari, Android, iOS */  url('fonts/open-sans-v27-latin-ext_latin-800.svg#OpenSans') format('svg');/* Legacy iOS */ }
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-facebook:after { content: "\f09a"; display: block; }
.fa-phone:after { content: "\f095"; display: block; }
.fa-adjust:after { content: "\f042"; display: block; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a, a:hover, a:focus { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; vertical-align: bottom }
strong { font-weight: bold; }
em { font-style: italic; }
body { font-family: 'Open Sans', Tahoma, sans-serif; font-size: 16px; line-height: 1.5; color: #000; animation-name: bodyfadein; animation-duration: 2s; animation-fill-mode: forwards; }
 @keyframes bodyfadein { 0% {
opacity:0
}
100% {
opacity:1
}
}
h1, h2, h3, h4, h5, h6 { font-family: 'PT Sans Narrow'; line-height: 1.2; }
p { margin-bottom: 20px; }
.container { max-width: 1170px; margin: 0 auto; position: relative; }
.row-flex { display: flex; flex-wrap: wrap; justify-content: space-between; }
.wp-block-image { margin-bottom: 0; }
#header { position: absolute; left: 0; right: 0; top: 0; z-index: 10; }
.PTSansNarrow { font-family: 'PT Sans Narrow'; }
.display-none { display: none !important; }
.outer-wrapper { width: 100%; overflow-x: hidden; }
/*************ACCESSIBLE*************/
a { text-decoration:none; }
a:link { outline: 0; -webkit-tap-highlight-color: transparent; }
a:hover { text-decoration:none; }

.skip-links { position: absolute; width: 220px; }
.skip-links ul { list-style: none; }
.skip-links ul li a { display: block; z-index: 100; position: absolute; top: 50px; left: 0; font-weight: bold; background-color: #000; font-size: 1em; text-decoration: none; color: #fff;  text-indent: -9999px; clip: rect(1px, 1px, 1px, 1px); }
.skip-links ul li a:focus { text-indent: 0; clip: auto; padding: 10px; }
a:focus, input:focus { outline: solid 2px #2B82FF!important; }

.accessibility-contrast body {color: var(--yellow);}
.accessibility-contrast #accessibility-contrast {color: var(--yellow);}
.accessibility-contrast #nav ul li:hover a:after {width: 0!important;}
.accessibility-contrast {color: var(--yellow)!important;}
.accessibility-contrast .slider-wrapper {background-color: #000;}
.accessibility-contrast a {color:var(--yellow)!important ;}
.accessibility-contrast a:focus {outline: 2px solid var(--yellow)!important;}
.accessibility-contrast .section-autor .autor {background-color: transparent;}
.accessibility-contrast .wp-block-cover .wp-block-cover__background.has-background-dim {background-color: transparent!important;}
.accessibility-contrast .wp-block-cover-image.is-light .wp-block-cover__inner-container,.accessibility-contrast .wp-block-cover.is-light .wp-block-cover__inner-container {color: var(--yellow);}
.accessibility-contrast .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {background-color: #000!important; border: 2px solid var(--yellow);}
.accessibility-contrast #header .fixed {position: relative; left: initial; right: initial;}
.accessibility-contrast .wp-block-cover__image-background.wp-image-972 {display: none!important;}
.accessibility-contrast .main-lead {color: var(--yellow)!important;}
.accessibility-contrast .footer {color: var(--yellow);}
.accessibility-contrast .has-text-color {color: var(--yellow)!important;}
.accessibility-contrast .main-lead:after {background-color: var(--yellow);}
.accessibility-contrast .head {background-color: #000;}
.accessibility-contrast h1 {color: var(--yellow);}
.accessibility-contrast #nav ul li.current-menu-item > a:after {width: 0;}
.accessibility-contrast .breadcrumbs {color: var(--yellow);}
.accessibility-contrast .head .container {min-height: 20vh;}
.accessibility-contrast .page-930 .wp-block-image {background-color: #fff;}
.post-type-archive-autorzy.accessibility-contrast  .filtr-cat span {border-color: var(--yellow);}
.post-type-archive-autorzy.accessibility-contrast .filtr-cat:hover span {background-color: transparent;border-color: var(--yellow);}
.accessibility-contrast #accessibility-contrast:before {color: var(--yellow);}

.ff-custom_html ol {list-style: decimal; margin: 0 0 20px 30px;}

#accessibility { float: right; position: relative; line-height: 30px; display: flex; align-items: center; margin-left: 30px; }
#accessibility-contrast {
    text-indent: -9999px;
    background-color: transparent;
    border: 0;
}
#accessibility-contrast:before {
    content: "\f042";
    text-indent: 0;
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 20px;
}







#nav-style {
    text-align: right;
    position: relative;
    top: 4px;
    right: 10px;
}
#nav-style ul { float:right; }
#nav-style ul li.pelna { display: none; }
#nav-style ul li { display: inline; }
#nav-style ul li a { display: block; float: left; font-size: 0.9em; color:#000; font-weight:normal; }
#fontsizer ul { }
#fontsizer ul li { display: inline; }
#fontsizer ul li a { display: block; float: left; font-size: 1em; color:#000; font-weight:normal; }
#fontsizer .small a { font-size: 0.9em; line-height: 30px; }
#fontsizer li:hover a:after { width: 0!important; }
#fontsizer .reset a { font-size: 1.2em; padding: 0px 10px; line-height: 28px; }
#fontsizer .large a { font-size: 1.4em; line-height: 26px; }
h1 { margin-bottom: 10px; color: var(--main-color); font-size: 1.25em; font-weight: normal; }
p { margin-bottom: 20px; }
h2.pg-title a { display:block; padding:4px; color: #474747; font-size: 0.813em; font-weight: normal; }
#box-pr-selectmenu select { padding: 4px; border: 1px solid rgb(233, 233, 233); color:#333; width: 225px; }
#accessibility-contrast { background-color: #fff0; border-color: #fff0; color: #fff; cursor: pointer; font-size: 1em; }
/* ---- HEADER ---- */
.top { padding: 10px 0; }
.top .container { }
.belowe-top { }
.belowe-top .container { display: flex; justify-content: flex-end; }
.belowe-top .address-info { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; margin: 0 5px; }
.belowe-top .address-info i { color: #fff; font-size: 30px; padding: 10px; }
.belowe-top .address { display: flex; flex-direction: column; }
.belowe-top .address a { font-family: 'Quicksand'; font-size: 18px; color: #fff; font-weight: 700 }
.belowe-top .address p { font-family: 'Quicksand'; font-size: 13px; color: #fff; font-weight: 600; margin-bottom: 0 }
.logo { position: absolute; top: 0; left: 0px; background-image: url(images/logo-horizontal-literacka-mapa-piaseczna.png); background-repeat: no-repeat; width: 100%; display: none }
.logo a { display: block; height: 40px; }
.logo h1 { text-indent: -9999px; display: block; height: 0px; }
.logo span { text-indent: -9999px; display: block; height: 0px; }
#nav {display: flex;justify-content: flex-end;align-items: center;position: relative; }
#nav ul { display: flex; flex-direction: row; line-height: 60px;}
 
#nav ul li { position: relative; }
#nav ul li:hover { z-index: 100; }
#nav ul li.button { display: none }
#nav ul li a:after {content: "";display: block;height: 2px;width: 0;background-color: #fff;-webkit-transition: width 600ms ease-in-out;-moz-transition: width 600ms ease-in-out;-ms-transition: width 600ms ease-in-out;-o-transition: width 600ms ease-in-out;transition: width 600ms ease-in-out;position: absolute;bottom: 0;left: 0;right: 0;}
#nav ul li:hover a:after {content: "";display: block;height: 2px;width:100%; position: absolute;bottom: 0px;}
#nav ul li .sub-menu { display: none; }
#nav ul li:hover .sub-menu { display: flex; flex-direction: column; position: absolute; top: 100%; background-color: #000; width: 275px; }

#nav ul li li a:after { content: ""; display: block; background-color: inherit; }
#nav ul li.current-menu-item > a:after { content: ""; display: block; background-color:#fff;width: 100%; }
.fixed #nav .menu > ul li.current-menu-item a:after { content: ""; display: block;   background-color: var(--main-color); width: 100%; }
.fixed #nav .menu > ul li:hover a:after {content: ""; display: block;   background-color: var(--main-color); width: 100%;}
#nav ul li a {padding: 0px 10px;display: block;color: #fff;font-size: 1.125em;font-weight: 700;font-family: 'PT Sans Narrow';position: relative;}
#nav ul ul li a {line-height: 1.3; padding: 5px 10px;}
div#fontsizer ul li a { font-family: inherit; }
.menu-menu-glowne-container {
    position: relative;
}
.menu-menu-glowne-container:after {
    content: "";
    display: block;
    left: 0;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: 0;
    z-index: -1;
    right: 0;
}
#header .fixed { position: fixed; background-color: #fff; box-shadow: 0px 0px 8px 0 #474747; left: 0; right: 0; }
#header .fixed .container { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: flex-end; }
#header .fixed .logo { width: 230px; background-size: 100%; display: block; top: auto; left: 0; }
#header .fixed #nav ul { padding: 5px 0; }
#header .fixed .menu-menu-glowne-container:after { content: ""; display: block; width: 100%; height: 0px; background-color: #0000; position: absolute; bottom: 0; z-index: -1; }
#header .fixed #nav ul li.button { display: flex; align-items: center; }
#header .fixed #nav ul li.button a { padding: 10px 15px; font-size: 13px; color: #515050; border: 2px solid #c4122f; line-height: 20px; }
#header .fixed #nav ul li li a { color: #fff }
#header .fixed #nav ul li a { color: #000 }
#header .fixed #nav ul li a:hover, #header .fixed #nav ul li.current-menu-item > a {color: var(--main-color);}
 
#header .fixed #accessibility-contrast { color: #000; }
/*----- STRONA GŁÓWNA ------*/
.slider-wrapper { background-color: var(--main-color); position: relative; overflow: hidden; }
.slider-wrapper:before { content: ""; position: absolute; display: block; width: 20%; top: 0; bottom: 0; right: 0; background-color: #000; }
.slider-wrapper:after { content: ""; display: block; width: 0; height: 0; position: absolute; border-style: solid; top: 0; border-width: 0 0 90vh 45vw; border-color: transparent transparent #000 transparent; right: 20%; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;height: 74vh;background-position: center;background-repeat: no-repeat;background-size: cover;}
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.rslides .container {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 30px;
}
.rslides .caption {
    position: absolute;
    z-index: 10;
    max-width: 33%;
    margin-left: 5%;
    left: 0;
}
.rslides .images {width: 70.5%;}
.main-lead { margin-bottom: 20px; line-height: 1.2; margin-bottom: 10px; }
.main-lead:after { content:""; display:inline-block; width: 100px; height: 2px; background-color:var(--main-color); margin: 10px 15px; }
.page h3 { font-size: 1.75em; }
.text-lead { display: block; width: 80% }
.carusela-owl-about .item h3 { font-size: 1.2rem; font-weight: 700; }
.kluby-wrapper h3 {font-size: 1.2rem;font-weight: 700;}
.kluby-wrapper h3 a {display: block;}
/*----- AUTORZY - STRONA GŁÓWNA ------*/
.section-autor .container {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.section-autor .autor {width: 23%;display: flex;flex-direction: row;flex-wrap: nowrap;margin-bottom: 30px;background-color: #e8e8e8;}
.section-autor .autor a {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.section-autor .autor .image-autor {width: 102px;height: 100%;}
.section-autor .autor .title-autor {width: 160px;display: flex;align-items: flex-end;padding-left: 7px;padding-bottom: 7px;box-sizing: border-box;padding-right: 10px;}
.section-autor .autor .title-autor h3 { font-size: 1.2rem; font-weight: 700; }
.section-autor .autor .title-autor h3 a { padding-right: 5%; padding-left: 5%; display: block; }
/*----- Aktualnosci & Recenzja - STRONA GŁÓWNA-----*/

.item .item-img img { height: 400px; width: 100%; object-fit: cover; }
.item h3 { padding:15px 0 }
/*----- OKŁADKA - STRONA GŁÓWNA -----*/
.wp-block-cover { flex-direction: column; }
/*----- CATEGORY - RECENZJE, AKTUALNOSCI -----*/

.row-flex { display: flex;   flex-flow: wrap; justify-content: flex-start; }
.box-post {
    width: 22%;
    padding: 40px 0%;
    margin: 0 2% 0 0;
}
.box-atrakcje-img { padding-bottom: 30px; }
.box-atrakcje-img img { height: 250px; width: 100%; object-fit: cover; }
/*----- ARCHIVE - AUTORZY -----*/

.box-post h3 a {font-weight: 700; display: block; padding-top: 10px;}
.post-type-archive-autorzy .row-flex { justify-content: space-between; padding-bottom: 50px }
.post-type-archive-autorzy .posts-autorzy {display: flex;justify-content:flex-start; flex-wrap: wrap; width: 100%;}
.post-type-archive-autorzy .posts-autorzy-title { padding-top: 100px }
.post-type-archive-autorzy .cat { display: flex; align-items: center; flex-wrap: wrap; }
.post-type-archive-autorzy .filtr-cat { margin: 0 10px 10px 0; }
.post-type-archive-autorzy .filtr-cat a { padding: 5px 10px; border: 2px solid #e2017b; display: block; width: 200px; min-height: 50px; font-weight: 700; line-height: 1.2; }
.post-type-archive-autorzy .filtr-cat a:hover  { color: #fff; border: 2px solid #fff; background-color: #e2017b }


.pages .form-header h3 {
    margin: 20px 0 0 0;
    line-height: 1;
    color: #e2037c;
}
.pages .fluentform .ff-el-form-control {
    font-family: inherit;
}
.pages form.frm-fluent-form .ff-btn-submit {
    background-color: #e2037c;
    color: #ffffff;
    padding: 10px 30px;
    font-weight: 700;
    border-radius: 0;
}
/*----- PODSTRONY -----*/

.head { position: relative; background-color: var(--main-color); }
.head:before { content: ""; display: block; position: absolute; right: -35%; background-color: #000; top: 0; bottom: 0; width: 50%; }
.head:after { content: ""; display: block; width: 0; height: 0; position: absolute; border-style: solid; top: 0; border-width: 0 0 40vh 32vw; border-color: transparent transparent #000 transparent; right: 15%; z-index: 0; }
.head .container { min-height: 40vh; position: relative; display: flex; align-items: flex-end; }
.head .logo-min { position: absolute; top: 5%; bottom: 20%; left: 0; z-index: 15 }
.head .logo-min img { width: 130px }
.breadcrumbs { padding-bottom: 20px; color: #fff; font-size: 0.8rem; }
.breadcrumbs a { font-weight: 700; }
.pages { min-height: 50vh; padding-top: 80px; padding-bottom: 80px; }
.pages h1 { font-size: 40px; margin-bottom: 20px; }
.pages h2 { font-size: 30px; margin-bottom: 10px; }
.pages h3 { font-size: 22px; margin-bottom: 10px; }
.pages h4 { font-size: 20px; margin-bottom: 10px; }
.pages p { margin-bottom: 20px; }
.pages ul { list-style: square; margin: 0 0 20px 30px; }
.pages .lead { max-width: 80%; margin: 0 auto; }
.pages .wrapper-atrakcje .row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; }
/*----- FOOTER ------*/
.wp-block-image.bib-img, .wp-block-image.decor {
    position: relative;
}
.wp-block-image.bib-img:after, .wp-block-image.decor:after {
    content: "";
    display: block;
    bottom: -20px;
    right: -20px;
    z-index: -1;
    position: absolute;
    border-style: solid;
    top: 0;
    border-width: 0 0 160px 100px;
    border-color: transparent transparent #d9007b transparent;
    width: 200px;
    height: 200px;
}

.wp-block-image.bib-img img {
    height: 340px;
    object-fit: cover;
}
.box-square .wp-block-image img {
    height: 310px;
    object-fit: cover;
}

.footer { background-color: #000; color: #fff; position: relative; padding: 50px 0 200px; }
.footer .container { display: flex; justify-content: space-between; }
.footer:after { content: "Literacka Mapa Piaseczna"; display: block; position: absolute; bottom: 1%; left: 0; right: 0; font-size: 7vw; color: rgb(89, 89, 89); font-weight: 700; text-align: center; font-family: 'PT Sans Narrow'; }
.footer .blockTitle { font-size: 1.75em; font-weight: 600; padding-bottom: 15px; }
.footer p { margin-bottom: 20px }
.footer i { font-size: 20px; border: 1px solid #fff; border-radius: 50%; padding: 7px 12px; margin-top: 15px; }
.footer .widget { width: 25%; }
.footer ul { margin-left: 20px; list-style: square; }
.footer .menu a { padding: 3px 0; display: block; }
 @media screen and (max-width:1600px) {
.rslides .caption { position: absolute; display: block; top: 30%; left: 10%; z-index: 10; }

.rslides .images img { display: block; height: 100%; float: left; width: auto; border: 0; }
}
@media screen and (min-width:1024px) and (max-width: 1400px) {
    .wp-block-spacer {height: 40px!important;}
    .rslides li {height: 83vh;}
    .rslides .caption {max-width: 30%;}
    .rslides .images {max-width: 50%;}
}
@media screen and (min-width:1401px) and (max-width:1600px) {
    .wp-block-spacer {height: 40px!important;}
    .rslides li {height: 85vh;}
    .rslides .caption {max-width: 40%;}
    .rslides .images {max-width: 60%;}
}
 @media screen and (min-width:801px) and (max-width:1024px) {
}
 @media screen and (max-width:800px) {
    .text-lead {width: 95%;}
    .head {padding: 0 15px;}
    .pages {padding-left: 15px; padding-right: 15px;}
    .wp-block-group__inner-container {padding: 15px;}
    .box-post {
        width: 100%;
        padding: 40px 0%;
        margin: 0 0 40px 0;
    }
    .section-autor .autor {width: 100%;margin-bottom: 10px;} 
    .section-autor .autor .image-autor{height: 100px;}
    .section-autor .autor .image-autor img {object-fit: cover;height: 100px;}
    .section-autor .autor .title-autor {width: auto; padding-left: 20px;padding-bottom: 20px;}
    .section-autor .autor .title-autor h3 {font-size: 1.3rem;}
    .footer .container {flex-flow: column; align-items: center;}
    .footer .widget {width: 80%;margin-bottom: 50px;}
}