/*
Theme Name: coton
Author: rkrawczyk400@gmail.com
Version: 1.0
Text Domain: coton
*/
html {
    font-size: 100%;
  }
body {
    font-family: "Lato", sans-serif;
    
}

:root {
    --jasna-oliwka-kolor: #D9D166;
    --ciemna-oliwka-kolor: #948a00;
    --bezowy-kolor: #F2E8DC;
    --jasny-bordo-kolor: #a30c0c;
    --ciemny-bordo-kolor: #400101;
    --bardzojasny-bordo-kolor: #dc3545;

    --bs-card-title-spacer-y: 0px !important;
}
.btn {
  --bs-btn-border-width: 0px;
  --bs-btn-border-radius: 0px;
}

.card {
    border: none;
    border-radius: 0px;
    background-color: #FFF;
}
.card-body p{
    font-size:0.9rem;
}
.card-img, .card-img-top {
    border-radius: 0px;;
}

p, li, td, th {
    font-size:1rem;
    font-weight:300;

    color:var(--ciemny-bordo-kolor);

}
h1, h2, h3, h4, h5, h6 {

}
a {
    text-decoration: none;
    color:var(--ciemna-oliwka-kolor);

  
}
a:hover {
    color:var(--jasna-oliwka-kolor)
}

a.mail-link {
color:#FFF;
}
h1, h2, h3, h4 {
    font-weight: 700;
    font-family: "Playfair Display", serif;
    color:var(--jasny-bordo-kolor);


}

h1 {
    font-size: 2.6rem;
}
h2 {
    font-size: 1.3rem;
}
h3 {
    font-size: 1.2rem;
}
h4 {
    font-size: 1.1rem;
}
hr {
    margin-top:30px;
    margin-bottom:30px;
    color: var(--bezowy-kolor);
    opacity: 1;
}
.wp-block-separator {
    border:transparent;
    border-bottom: solid 1px #FFF;
    opacity:0.1;
}
b, strong {
    font-weight: 600;
}
.btn-danger {
    background-color: var(--bardzojasny-bordo-kolor);
    font-weight: 400;
}
.wp-block-file__button {
    background: #ff0000;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}
.wp-block-file__button:hover {
    background: #b80000;
    color: #fff;
}
.wp-block-file:not(.wp-element-button) {
    font-size: 1rem;
}
h2.section_header {
    font-size:3.6rem;
    line-height: 120%;
    font-weight: 700;
    margin-bottom:2rem;

    position:relative;
    
 }
.shadow-title {
    text-shadow: 1px 1px 1px #000000;
}
h1.page-title {
    font-size:1.6rem;
    margin-bottom: 1.8rem;
}
.grecaptcha-badge { 
    visibility: hidden;
}

.podkreslenie {
	display: grid;
	grid-template-columns: 1fr max-content 1fr;
	align-items: center;
	gap: 1.5rem;
}

.podkreslenie br {
	display: none;
}
.podkreslenie::before, .podkreslenie::after{
	content: '';
	height: 1px;
	background-color: var(--bezowy-kolor);
}

.podkreslenie-left {
	display: grid;
	grid-template-columns: max-content 1fr;
	align-items: center;
	gap: 1.5rem;
} 
.podkreslenie-left::after{
	content: '';
	height: 1px;
	background-color: var(--bezowy-kolor);
}
.wp-block-quote {
    font-style: italic;
}
.wp-block-quote cite {
    font-style:normal;
    font-weight: 500;
}
div.navigation a {
    font-size: 0.86rem;
    font-weight: 300;
}
/*rounded corners */
[class*="PairSliderPicture"] {
    border-radius: 30px;
}
/*top info */
div.top-info p {
    margin: 0px;
    color: #FFF;
    margin-top:12px;
    font-weight:600;
}
div.top-info span {

    color: #ff0000;

}
div.top-info i {
    font-size:2rem;
    color: #FFF;
    vertical-align: middle; 
}
div.top-info .btn-danger {
    font-weight:600;
}

div.web-title h1 {
    color:#fff;
    font-size:2.2rem;
}
div.web-title h1 div.title-desc{
    color:#fff;
    font-size:1.1rem;
    font-weight: 400;
}
/*menu*/
div#menu {
    width: 100%;

    background-color: var(--bardzojasny-bordo-kolor);
/*
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.4009978991596639) 0%, rgba(0,0,0,0.258140756302521) 71%, rgba(0,0,0,0) 100%);
  */


}
body.home div#menu {

    position: absolute;
    z-index: 999;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0.4009978991596639) 0%, rgba(0,0,0,0.258140756302521) 71%, rgba(0,0,0,0) 100%);
}
ul.navbar-nav {
    border-top: solid 1px var(--bezowy-kolor);


}
a.nav-link {
  
    font-weight: 600;
    color: #FFF;
    font-size: 1.2rem;
    text-shadow: 1px 1px 1px #000000;

}
.nav-link:focus, .nav-link:hover {
    color:var(--bezowy-kolor);
}
.navbar-toggler {
    border-color: #FFF;
}
.current-menu-item a, .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color:var(--bezowy-kolor);
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #ff0000;
    font-weight: 600;
}
a.dropdown-item {
    font-weight: 600;
    color:#535353;
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }

	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	



/*carousel */
div.carousel-item {
    background-size: cover;
    background-position: center center;
    background-position: top center;
}

div.carousel-caption {
    width:100%;
    left: 0px;
    right: 0px;
    text-align: left;
    top: 40%;
    bottom:auto;
}
div.carousel-caption h2 {
    font-size: 4rem;
    color: #FFF;
    line-height: 4.4rem;
    font-family: 'Exo 2', sans-serif;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
}
div.carousel-caption .btn-danger {
    font-size:1.4rem;
    margin-top:2rem;
    font-weight: 600;
}
.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    border-radius: 50%; 
}
/*front page */
.bafg-twentytwenty-wrapper, .thumb-card, .bafg-method-3-wrapper {
    border: 10px solid var(--bezowy-kolor);
	box-shadow:none !important;
}

.home section#aktualnosci blockquote {
    padding:16px;
    padding-left:58px;
position: relative;

    
}
.home section#aktualnosci blockquote::before {
    font: var(--fa-font-solid);
    content: '\f10d';      
    position: absolute;
    left:0px;
    top:20px;
    font-size: 2.3rem;
    color: var(--ciemna-oliwka-kolor);  
}
.home section#aktualnosci blockquote p {

    font-style: italic;
}
.home section#aktualnosci blockquote cite  {
   font-weight:500;
    font-style: normal;
}
.home section#aktualnosci blockquote cite br {
    display:none;
}

.home section#aktualnosci div.intro h2, div.grid-item h3 {
 
    padding:16px;
    position: absolute;
   bottom:0px;
   left:0px;
   right:0px;
    font-size:1.1rem;
    font-weight: 600;
    color: var(--bezowy-kolor);
z-index: 111;
background: #000000;
background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 25%, rgba(0, 0, 0, 1) 100%);
}
.home section#aktualnosci div.intro h2 {
    left:10px;
    right:10px;
    bottom:30px;
}

.home section#aktualnosci div.intro h2 ul, ul.tagi{
    list-style:none;
    margin:0px;
    padding: 0px;
}

.home section#aktualnosci div.intro h2 a,  div.grid-item h3 a{
    color:var(--bezowy-kolor);
}
.home section#aktualnosci div.intro h2.bafg-slider-title {
    z-index: 222;
    color: #FFF;
    background-color: #ff0000;
    padding:0px;
    margin:0px;
    background: none;
}
.home section#aktualnosci div.intro h2 ul li, ul.tagi li {
    display: inline-block;
    background-color: var(--bardzojasny-bordo-kolor);
    color: #FFF;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: "Lato", sans-serif;

    font-weight: 600;
}
.home section#aktualnosci div.intro h2 ul li a, ul.tagi li a {
    color: #FFF;
    font-size: 0.8rem;
}
p.calendar {
    position:absolute;
    background-color: #FFF;
    top:10px;
    left:-10px;
    width:100px;
    height:36px;
    font-weight: 600;
    font-family: "Playfair Display", serif;
    font-size: 1.1rem;
    line-height: 80%;

}
p.calendar span {
    font-weight: 400;
    font-size: 0.8rem;
    padding-top: 3px;
}
div.zoom {
display: inline-block;
width:80px;
height:80px;

    position:absolute;
color: #fff;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: #000000;
background: radial-gradient(circle,rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
padding-left:6px;

}
div.zoom i{
    font-size: 1.8rem;
}
div.zoom a:hover i{
    font-size: 2.2rem;
}
div.zoom a i{
    color: #FFF;
}
/*
div.grid-item a.stretched-link {
    font-size: 0.8rem;
    font-weight: 600;
}
    */
/* front page powiązane wycinki */

div.wycinek-box h3 a {
    font-size: 1rem;
    color: #000000;
}
div.wycinek-box p {
    font-size: 0.86rem;  
}
div.wycinek-box p.zrodlo-prasowe {
    font-size: 0.8rem;  
    color: var(--jasny-bordo-kolor);
}

/* front page cards */
section#cards {
 

}

section#cards h3.card-title {
    font-size: 1.1rem;
}
.card-front {
    height:300px;
    background-size: cover;
    background-position: center center;
}
div.podzial {
    background-color:#FFF;
    position:absolute;
    width:2px;
    height: 100%;
    left:50%;
    top:0px;
    
}


div.bafg-slider-description {
    font-size:0.86rem;
    margin-top:8px;
}

div.grid-item .wp-block-quote {
    position: relative;

    padding-left: 42px;
}
div.grid-item .wp-block-quote cite{

    font-weight: 500;
}
div.grid-item .wp-block-quote::before {
    font: var(--fa-font-solid);
    content: '\f10d';      
    position: absolute;
    left:0px;
    top:20px;
    font-size: 1.6rem;
    color: var(--jasny-bordo-kolor);
}

div.grid-item div.bafg-slider-info-wraper {
    display:none;
}
p.read-more a, p.read-more_front a {

    font-weight: 400;
    font-size: 0.9rem;
}
p.read-more_front {
    padding-left: 42px;
    font-weight: 400;
    font-size: 0.9rem;
}
p.read-more a, p.read-more_front a {
    color: var(--jasny-bordo-kolor);
}
p.read-more i, p.read-more_front i {
    font-size:0.7rem;
}
/* Wycinki ------------------------------- */
div.title-up {
    position:absolute; 

    left:10px; 
    right:10px;
}

section#wycinki, section#aktualnosci, section#archive-wycinki {
    

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(311,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23FFF8F1'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1' gradientTransform='rotate(156,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23FFF6EC' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFF6EC' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2' gradientTransform='rotate(360,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23FFF6EC' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFF6EC' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.47'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;

}


section#wycinki .card {
    background-color: #FFF;
}
section#wycinki div.wycinek-thumbnail {
    height:200px;
}


/*front page QUIZ */

div.intro-quiz>div {
    background-image: url(images/zeromskiego001.jpg);
    background-size: cover;
    background-position: center center;
    height: 100%;
}
div.intro-quiz>div>div {
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 84%, rgba(0, 0, 0, 0) 100%);
}
div.intro-quiz h2 {
    color: var(--bezowy-kolor);
}
div.intro-quiz p {
    color: #FFF;
}
/* single-page */
div#single-page-top {
    background-image: url(images/single-top-5.png);
 
    background-size: cover;
    height:312px;
    background-repeat: no-repeat;
    background-position:  center center;

}
div.quote {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    gap: 1.5rem;   
}
div.quote.open {
    margin-bottom: 15px;
}
div.quote.end {
     grid-template-columns: 1fr max-content ;
}
div.quote.open::after, div.quote.end::before {
    content: '';
    height: 1px;
    background-color: var(--bezowy-kolor);
}

div.navigation a {
    display: grid;
    grid-template-columns:  max-content 1fr;
    align-items: center;
    gap: 1.5rem;   
}
/*single-post*/
div.single-migawka-title {
    background-image: url(images/piksel-bezowy.png);
 background-repeat: repeat-x;
    background-position: center center;
}
div.single-migawka-title h1 {
    background-color: #FFF;
    padding-right: 20px;
}
div.single-migawka-title div.arrow-box {
    padding-left: 20px;
    width:120px;
    background-color: #FFF;

}
div.single-migawka-title div.arrow-box i{
    color: var(--bardzojasny-bordo-kolor);
    font-size:2rem;
}
div.single-migawka-title div.arrow-box a span{
color: var(--bardzojasny-bordo-kolor);
    font-size:0.8rem;
}
div.navigation i {
    font-size:1.8rem;
}
img.single-wycinek-img {
        border: 10px solid var(--bezowy-kolor);
}
h1.page-title_col {
    margin-bottom:0px;
}
/*Yarpp */
.yarpp-related {
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.yarpp-related h3 {
    text-transform: none !important;
}
/*Front page -cards */


/* pagination */
ul.page-numbers {
    list-style-type:none;
    margin-left: 0px;
    padding-left: 0px;
}
ul.page-numbers li{
    display: inline-block;
}


a.page-numbers {

    padding:4px 10px 4px 10px;
font-weight: 700;
font-size: 0.8rem;
    background-color:var(--jasny-bordo-kolor);
    color: #FFF;
    margin-right:2px;
}
span.page-numbers {
    border: solid 1px rgb(48, 48, 48);
    font-weight: 700;
    font-size: 0.8rem;
    padding:3px 9px 3px 9px;
    margin-right:2px;
}
/*archive migawka historii */
section#migawka-archive, section#wycinki-archive, section#single-post-related  {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(311,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23FFF8F1'/%3E%3Cstop offset='1' stop-color='%23FFFFFF'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1' gradientTransform='rotate(156,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23FFF6EC' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFF6EC' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2' gradientTransform='rotate(360,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23FFF6EC' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FFF6EC' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.47'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");
background-position-y: 54px;
background-size: cover;
background-repeat: no-repeat ;
}

/*single-post-related */
section#single-post-related {
    background-position-y: 12px;
}

/* QUIZ */


.qsm-results-page .qmn_image_option, .quiz_section .qmn_image_option {
    height:auto !important;
}
.qsm-featured-image img {
    max-width: 100%;
    height: auto;
}
.qsm-results-page .qmn_image_option, .quiz_section .qmn_image_option {
    align-items: unset !important;
}
.qmn_pagination.border {
    border: none !important;
    border-top: 1px solid var(--bezowy-kolor) !important;
}
.qmn_quiz_container .qmn_btn, .qmn_quiz_container .btn {
    background: var(--jasny-bordo-kolor) !important;
}
.qmn_btn, .qsm-quiz-container.qmn_quiz_container .qmn_btn, .qsm-quiz-container.qmn_quiz_container .btn {
    color: #FFF !important;
}
section#quiz-baner {
    background-image: url(images/banner-quiz.jpg);
    background-size: cover;
    background-position: center center;
}
div#quiz-banner {
    background-image: url(images/banner-quiz-2.jpg);
     background-size: cover;
    background-position: center center;   
    height: 340px;;
}
section#quiz-baner h2, section#quiz-baner p {
    color: #FFF;
    font-weight: 900;

}
section#quiz-baner h2 {
    font-weight: 900;
    font-size: 2.8rem;
}
section#quiz-baner .podkreslenie::before, section#quiz-baner .podkreslenie::after{

	background-color: #FFF;
}
/*stopka*/
section#stopka {
    background-color: var(--bardzojasny-bordo-kolor);
}
section#stopka p {
    color: #fff;
    font-size: 0.9rem;
}

/*archive*/
h3.card-title a{
    color: var(--jasny-bordo-kolor);

}
p.kalendarz {
    font-size: 0.9rem;
}
p.zrodlo-prasowe {
    font-size: 0.9rem;
    color: #5f5a15;

}
/*
filtry
*/
.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list {
    max-height: 550px;
    overflow-y: auto;
}
.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {
    background-color: #FFF;
}
/* Okruszki breadcrumbs */
div.breadcrumbs {
    margin-bottom:6px;
}

div.breadcrumbs span{
    font-size:0.86rem;
}
div.breadcrumbs span.current-item {
    color:#535353;
}
/*#################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 544px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
/*
@media (min-width: 1400px) {
    .container {max-width: 1240px !important; }

  }
*/

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1400px) { 
   
}


/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  
   
    

}
/* Large devices (desktops, 992px and up) */ 
@media (max-width: 992px) { 
 
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) { 
    div.single-migawka-title {flex-wrap: wrap; background-image: none; }
  div.single-migawka-title div.arrow-box {width: 100%; margin-bottom: 12px; padding-left:0px; }
  div.single-migawka-title h1 {border-bottom: solid 1px var(--bezowy-kolor); width: 100%; padding-bottom: 6px;}
  h1.page-title_col { margin-bottom:10px;}
}
/* Small devices (landscape phones, 400px and up) */
@media (max-width: 400px) {  
   

}

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) { 
 
}