/*
Theme Name: WP Less is More
Theme URI: https://github.com/mrpauloen/wp-less-is-more
Author: <a href="https://profiles.wordpress.org/mrpauloen/">mrpauloen</a>, <a href="https://krupakacper.pl/">Kacper Krupa</a>
Description: Based on the popular Bootstrap 3 library, this theme shows how mobile friendly CSS framework can be used to create sleek, simple, fast and functional websites, with ease and intuitive way in modern front-end web developmen days.
Version: 1.1.9
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 7.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wp-less-is-more
Tags: one-column, custom-menu, custom-background, custom-header, custom-logo, editor-style, footer-widgets, featured-images, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, entertainment
Domain Path: /languages

 == Copyright & License Notes ==

 WP Less is More WordPress Theme, Copyright 2016-2022 Paweł Nowak
 WP Less is More is distributed under the terms of the GNU GPL


 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

 License URI: http://www.gnu.org/licenses/gpl-2.0.html


 In general words, feel free and encouraged to use, modify and redistribute this theme however you like.
 You may remove any copyright references (unless required by third party components) and crediting is not necessary.
 The theme is offered free of charge. If someone asked money for it, someone just tricked you.


 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 GNU General Public License for more details.

 WP Less is More Theme bundles the following third-party resources:

*! screenshot.png
 * Copyright:   https://stocksnap.io/
 * @link:       https://stocksnap.io/photo/typewriter-vintage-8E6502A3BC
 * Author:      Sergey Zolkin
 * Author URI:  https://stocksnap.io/author/276
 * License:     CC0
 * Licence URI: https://stocksnap.io/license
 *

*! pin.svg and lock.svg
 * Copyright: Entypo
 * Author URI: http://www.entypo.com/
 * Licence: CC-BY-SA 4.0
 * Licence URI: https://creativecommons.org/licenses/by-sa/4.0/

*! Bootstrap v3.4.1 (http://getbootstrap.com)
 * (e.g. bootstrap.js, bootstrap.css jumbotron-narrow.css as well as fonts folder)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Or: 					http://getbootstrap.com/getting-started/#license-faqs
 *

*! HTML5 Shiv v3.7.0,
 * Copyright 2014 Alexander Farkas
 * Licenses: 	MIT/GPL2
 * Source: 		https://github.com/aFarkas/html5shiv
 *

*! Respond.js v1.4.2: min/max-width media query polyfill
 * Copyright 2013 Scott Jehl
 * Licensed under https://github.com/scottjehl/Respond/blob/master/LICENSE-MIT
 *

*! @Wp_Bootstrap_Navwalker class for Custom Navigation Walker
 * GitHub URI: 	https://github.com/twittem/wp-bootstrap-navwalker
 * Version: 	2.0.4
 * Author: 		Edward McIntyre - @twittem
 * License: 	GPL-2.0+
 * License URI: http://www.gnu.org/licenses/gpl-2.0.txt
 *
 **/

footer nav ul li:hover ul{
display:block;
margin: 0px !important;
}

footer nav ul li:hover{
position: relative;
}

.widget-content ul {padding-left: 0}
footer ul li{
list-style: none;
text-align: left;
}

.navbar-default {
padding-bottom: 1px;
}

#masthead { margin-bottom: 1px }

div#comments-list > ul > li > ul {
border-bottom: 1px solid #D9EDF7;
padding-left: 20px;
padding-bottom: 5px;
margin-bottom: 20px;
}

div#comments-list > ul > li.depth-1.parent {
	border-left: 1px solid #D9EDF7;
}

div#comments-list li.this img.avatar  {
border: 3px solid #D9EDF7;
}

.top {margin-top: 20px;}
.clear {clear: both;}
.category a { line-height: 150%; }
.home .thumbnail {
border: none;
}

/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

.alignright {
float:right;
margin: 5px 0 20px 20px;
}

.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}

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

.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
}

.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}

.sticky h3 a{ color: white;}
.sticky h3 {
    background-color: #337AB7;
    padding: 1rem;
}

.gallery-caption {}
.bypostauthor {}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
.gallery:after {content:"";display:table;clear:both;}

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}

.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;}
.gallery figure {float:left; margin:0 2% 1em 0;}
.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}

.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}

.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}

.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}

.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}

.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}

.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}

.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}

.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}

@media (max-width:767px) {
img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}

.bg-red{background:#d9534f}
.text-break{-ms-word-wrap: break-word;
white-space: normal!important;
word-break: break-all !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
}

.code {
font-family: Menlo,Monaco,Consolas,"Courier New",monospace
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px
}
.mt-3{margin-top: 10px}






/* kacper's CSS code */

* {
	font-family: 'Playfair Display', serif;
}

.circle strong,
.btn.btn-menu span,
.multistep-form.type-btn,
.searchandfilter[data-sf-form-id="969"] input[type=submit], 
.post-blog-container .source,
.post-blog-container .author,
.btn-filters, .invalid-form-alert span,
.modal .close span, .modal .sf-field-submit input,
.type-btn, .source p, .about {
    font-family: 'Poppins', sans-serif !important;
}
.header-text, .btn-white,
.search-form, .btn-brown,
.footer-bottom, .searchandfilter[data-sf-form-id="969"] .sf-input-text {
	font-family: 'Playfair Display', serif !important;
}

.type-btn {
	display: block;
	border: 1px solid #251E18;
	width: 45%;
	padding: 12.5px;
	font-size: 22px;
	border-radius: 150px;
	background-color: unset;
	font-weight: 500;
	cursor: pointer;
}
.type-btn.brown {
	background-color: #251E18;
	color: white;
}

/* animated class */
.hover-scale {
	transition: .15s all ease-in-out;
}
.hover-scale:hover {
	transform: scale(1.035);
	opacity: .9;
}
.justify {
	text-align: justify;
}

.hidden {
	display: none;
}


/* TOP BAR */

.container-top {
	z-index: 100;
	height: 62px;
}
.container-top.fixed {
	position: fixed  !important;
}
.whole-site-container {
	margin-top: 62px;
}
body:has(#wpadminbar) .container-top {
	padding-top: 40px;
	height: 95px;
}
.container-top .col-md-4:nth-child(1){
	position: absolute;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.container-top .col-md-4:nth-child(2),
.footer-bottom .col-md-4:nth-child(2) {
	position: absolute;
    left: 50%;
	transform: translatex(-50%);
}
.container-top .col-md-4:nth-child(3),
.footer-bottom .col-md-4:nth-child(3) {
	position: absolute;
    right: 0;
}
.btn.btn-menu {
    height: 42px;
    font-size: 18px;
	letter-spacing: 1px;
	margin-top: 0;
}
.btn.btn-menu span {
    line-height: 100%;
}

.circle-link {
	cursor: default;
}
.circle.white {
	background:white;
    cursor: help;
}
.circle.white strong {
	font-weight: 600;
	line-height: 100%;
	transform: translatex(1px);
}
.circle.white:hover strong {
	transform: translatex(0);
}

.container-top .col-md-4:nth-child(1) {
	position: absolute;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.site-title {
	margin-top: 5px;
}
.site-logo-top {
	height: 38px;
}
.container-top .col-md-4:nth-child(1) .circle img {
	width: 20px;
	height: 20px;
}
.right-container {
	display: flex;
	align-items: baseline;
	justify-content: right;
}
.circle {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-top: 0;
	font-size: 20px;
	border-radius: 50%;
	color: black;
	text-decoration: none;
}
.about {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	height: 42px;
	margin-top: 0;
	font-size: 18px;
	border-radius: 150px;
	padding: 0 16px;
	color: black;
	text-decoration: none;
	background: #fff;
	line-height: 100%;
	font-weight: 500;
}
.right-container a:hover,
.circle-link:focus {
	text-decoration: none;
}

.circle.green {
    cursor: default;
	background:#999;
}
a:has(.circle.green) {
	pointer-events: none;
}
.circle.green.green-active {
	background:#006600;
    cursor: pointer;
}
a:has(.circle.green.green-active) {
	pointer-events: auto;
}

.about {
    cursor: help;
}
.circle-link {
	cursor: default;
}




/* HOME HEADER */

/* old */
/* .header-text {
	margin: 130px auto 0 !important;
}
.border {
	border: none !important;
    border-bottom: solid 1px #000 !important;
}

.container-box.category-name-box {
	position: sticky;
	top: 0;
	background-color: white !important;
	padding-top: 70px;
    padding-bottom: 0px;
    border-collapse: collapse;
    z-index: 1;
}
.container-box.category-name-box .row {
	background: white;
	box-shadow: 0 7px 10px -10px gray;
}
.posts-box {
	padding-top: 45px;
} */

/* new */
.hero {
	background: black;
}
.img {
	background: url(/wp-content/uploads/2023/04/logo-dark-red-scaled.jpg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding: 120px 0;
}
.home-title {
	text-align: center;
	color: white;
	font-size: 45px;
	text-shadow: 0px 0px 15px #000;
}



/* HOME */
.container-box {
	width: 60%;
	margin: 0 auto;
}
.row.category-name {
	display:flex;
    justify-content: space-between;
}
.row.category-name:after,
.row.category-name:before {
	display: none;
}
.row.category-name .col-md-8,
.row.category-name .col-md-4 {
	width: fit-content;
}
.btn-plus {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 100%;
}
/* quote tile source */
.source span, .source p{
	margin: 0;
}
.source span {
	color: black;
	font-size: 16px;
	text-transform: none;
}
.source p{
	font-size: 11px;
	letter-spacing: 1px;
}

/* example source mobile */
.example-tile-source-mobile {
	display: none !important;
}
@media(max-width: 993px) {
	.example-tile-source {
		display: none !important;
	}
	.example-tile-source-mobile {
		display: block !important;
		width: fit-content;
		margin: 0;
	}
	.button-text-news:has(.example-tile-source-mobile) {		
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}


/* SINGLE PAGE */
#site-content {
	display: block;
	width: 55%;
	min-width: 700px;
	margin: 0 auto;
	padding-bottom: 75px;
}
.single-page-uroboros {
	margin-bottom: -50px;
}
#site-content h1 {
	font-size: 51px;
	margin-top: 35px;
	margin-bottom: 10px;
}
#site-content p {
	font-size: 16px; 
	padding-bottom: 3px;
	margin-bottom: 0px;
	text-align: justify;
}
#site-content ol {
	font-size: 18px;
	margin-left: 15px;
}
.no-gap {
	gap:0px;
}
.no-gap ol {
	margin-bottom: 0;
}
.support-buttons-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin: 75px auto 75px;
}
#site-content .type-btn {
	width: 75%;
	padding: 10px;
	font-size: 20px;
	border-radius: 150px;
	text-align: center;
}
#site-content .support-buttons-wrapper a.white {
	color: black;
}
#site-content .support-buttons-wrapper a:hover {
	text-decoration: none;
}

/* SINGLE POST */
.big-uroboros {
	position: absolute;
	top: -10px;
	right: 0;
	opacity: .025;
}
.big-uroboros img {
	width: 100%;
}
.post-type-title {
	text-transform: capitalize;
}
.post-blog-container {
	margin-top: 40px;
}
.post-blog-container .text-news,
.post-blog-container .text-news p{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.post-blog-container .fa.fa-check-circle {
	font-size: 24px;
	margin-left:0;
}
.taxonomy-container {
	display: flex;
	margin-top: 0 !important;
	align-items: center;
	gap: 12px;
}
.taxonomy-bar {
	height: fit-content;
	width: 25%;
	min-width: 100px;
	padding: 3px 0 !important;
	justify-content: center;
	display: flex;
}
.taxonomy-bar ul {
	margin: 0;
}
.post-blog-container {
	border-left: 3px solid #006600;
	padding-left: 30px;
}
.post-blog-container .post-categories a,
.post-blog-container .tags a,
.post-blog-container .tags {
    font-size: 14px;
	
}
.post-blog-container .post-categories {
	padding: 0;
}
.text-news p {
	font-size: 24px !important;
}
.post-meta-source {
	display: flex;
	gap: 35px;
	margin-top: 20px;
}
.post-blog-container .source,
.post-blog-container .author {
	display: block;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #006600;
    font-size: 15px;
    margin-top: 0;
    text-transform: uppercase;
}
.post-meta-source .author span,
.post-meta-source .source span {
	color: black;
	font-size: 18px;
	text-transform: none;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.single-post-buttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.single-post-buttons::after,
.single-post-buttons::before {
	display: none;
}
.single-post-buttons {
	margin-top: 65px;
}
.single-post-buttons .btn {
	margin-left: -1px;
}
.single-post-buttons .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
}
.single-post-buttons .btn p {
	padding: 0 !important;
	margin: 0;
	font-size: 22px !important;
}
.single-post-buttons .btn-white {
	width: 60%;
	background: white;
}
.single-post-buttons .btn-brown {
	width: 100%;
}
.single-post-buttons .go-back-btn {
	width: 37.5%;
}


/* SEARCH RESULTS */
.col-md-8:has(.info-news) {
	padding-bottom: 5px;
}
.add-n-filters {
	padding-bottom: 10px;
}
.search-results .info-news {
    text-transform: capitalize !important;
}
.add-n-filters {
	display: flex;
	gap: 10px;
	align-items: end;
}
.btn-filters {
    margin-top: 0;
    height: 40px;
    border-radius: 100px;
    color: #fff;
    background: #251E18;
	font-size: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	letter-spacing: 1px;
	padding: 0 16px;
	line-height: 100%;
}
.btn-filters:hover {
    color: #fff;
}
.btn-filters:focus {
    color: #fff;
}
.btn-filters img {
    height: 13px;
}



/* FOOTER */
.footer-bottom { 
	height: 100px;
    padding: 20px 0 !important;
}
.footer-bottom .col-md-4 {
	width: fit-content;
    padding: 0 20px;
}
.footer-bottom #menu-menu-stopka {
	display: flex;
	gap: 30px;
}
.footer-bottom #menu-menu-stopka li {
	margin: 0;
}





@media(max-width: 1200px) {
	.btn-menu .fa.fa-bars {
		font-size: initial;
	}
}

@media(max-width: 1150px) {
	.connection-banner .row {
		display:flex;
		flex-direction: column;		
	}
	.col-md-6 {
		width: 100%;
	}
	.col-md-6:nth-child(1) {
		height: 250px;
	}
	.col-md-6:nth-child(2) {
		height: fit-content;
		height: 400px;
	}
	.header-text {
		font-size: 45px !important;
		font-weight: 400;
		line-height: 73.32px;
		text-align: center;
		color: #251E18;
		margin: 75px auto 0 !important;
		z-index: 10;
		position: relative;
		width: 100%;
	}
	.icon-bg img{
		width: 340px;
    	margin-top: -30px;
	}
	
	/* HOME	1150px */
	.container-box,
	.slogan.hr {
		width: 70%;
	}
	.slogan.hr {
		font-size: 35px;
		line-height: 200%;
	}
	.btn-plus {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.hr-info {
		font-size: 12px !important;
	}
	.info-news {
		font-size: 48px !important;
	}
	.posts-box .post-categories a {
		font-size: 11px !important;
		letter-spacing: .5px !important;
	}
	.posts-box .tags a, .posts-box .tags {
		font-size: 11px !important;
	}
	.source-info {
		font-size: 13px !important;
	}
	.posts-box .text-news {
		font-size: 20px !important;
		line-height: 28px !important;
	}
	.btn-read-more {
		font-size: 18px !important;
	}
	
	/* SINGLE POST 1150px */
	.source-info {
		font-size: 13px !important;
	}
	.post-blog-container .text-news {
		font-size: 23px !important;
		line-height: 28px !important;
	}
	
	/* FOOTER 1150px */
	.footer-bottom { 
		height: 100px;
		padding: 20px 0 !important;
	}
	.footer-bottom .col-md-4 {
		padding: 0 15px;
	}
	.footer-bottom #menu-menu-stopka {
		gap: 20px;
	}
	
		
	.btn-read-more {
		gap: 5px;
	}
}
@media(max-width: 900px) {
	/* TOP BAR 900px */
	.container-top {
		height: 60px;
	}	
	body:has(#wpadminbar) .container-top {
		padding-top: 32px;
		height: 107px;
	}
	.whole-site-container {
		margin-top: 60px;
	}
	.container-top .col-md-4:nth-child(2) {
		position: absolute;
		left: 50%;
		transform: translatex(-40%);
	}
	.btn.btn-menu {
		height: 40px;
		font-size: 17px;
		line-height: 100%;
	}
	.circle.green{
		cursor: pointer;
	}

	.site-title {
		margin-top: 3px;
	}
	.container-top .col-md-4:nth-child(1) {
		position: absolute;
		gap: 5px;
	}
	.container-top .col-md-4:nth-child(1) .circle img {
		width: 18px;
		height: 18px;
	}
	.circle {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}	
	.about {
		height: 40px;
		font-size: 17px;
	}
	.circle span {
		margin-right: 0;
	}
	
	/* HOME	900px */
	.container-box,
	.slogan.hr {
	  width: 90%;
	}
	
	/* SINGLE PAGE 900px */
	#site-content {
		width: 85%;
		min-width: unset;
	}
	.single-page-uroboros {
		margin-bottom: -35px;
	}
	#site-content h1 {
		font-size: 42px;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	#site-content p {
		font-size: 16px;
		padding-bottom: 5px;
	}
	#site-content ol {
		font-size: 16px;
	}
	.support-buttons-wrapper {
		gap: 10px;
		margin: 50px auto 75px;
	}
	#site-content .type-btn {
		padding: 8px;
		font-size: 18px;
	}

	/* Create a custom radio button */
	.checkmark {
		top: 13px;
		height: 16px;
		width: 16px;
	}
	.other .checkmark {
		top: 10px;
	}
	input:checked ~ label .checkmark img {
		width: 14px;
	}

	.submit-btn-container {
		height: 115px;
	}
	.submit-btn {
		width: 350px;
		padding: 14px;
		font-size: 20px;
	}
	
	/* SINGLE POST 900px */
	.big-uroboros {
		right: 0px;
		width: 250px;
	}
	.single-post-page {
		padding-top: 25px;
	}
	.post-blog-container {
		padding-left: 25px;
		padding-right: 10px;
	}
	.post-blog-container .taxonomy-bar {
		width: 35%;
		padding: 4px 5px !important;
		min-width: 110px;
	}
	.post-blog-container .fa.fa-check-circle {
		font-size: 22px;
	}
	.post-meta-source {
		display: flex;
		gap: 15px;
		margin-top: 20px;
		flex-direction: column;
	}
	.source-info {
		font-size: 13px !important;
	}
	.post-blog-container .text-news {
		font-size: 20px !important;
		line-height: 26px !important;
	}
	#site-content .single-post-buttons p {		
    	font-size: 20px !important;
	}

	
	/* FOOTER 900px */
	.footer-bottom { 
		height: 350px;
		padding: 20px 0 !important;
	}
	.footer-bottom .col-md-4 {
		padding: 0 15px;
	}
	.footer-bottom #menu-menu-stopka {
		gap: 10px;
		flex-direction: column;
	}
	.footer-bottom #menu-menu-stopka li {
		text-align: left;
	}
	.zoom-social-icons-list.zoom-social-icons-list--with-canvas.zoom-social-icons-list--round {
		display: flex;
		gap: 15px;
	}
	.zoom-social-icons-list.zoom-social-icons-list--with-canvas.zoom-social-icons-list--round li {
		margin: 0;
	}
}

@media (min-width: 900px) {
	.modal-dialog {
		width: 875px !important;
	}
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 92.5%;
		margin: 30px auto;
	}
}

@media (max-width: 753px) {
	.header-button {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.btn-brown {
		margin-right: 0 !important;
	}
	.btn-white {
		margin-left: 0 !important;
	}
	.img {
		width: 100%;
		padding: 115px 0;
	}
	.home-title {
		text-align: center;
		color: white;
		font-size: 35px;
		text-shadow: 0px 0px 15px #000;
	}
	.btn-brown, .btn-white {
		width: 200px !important;
		height: unset !important;
		padding: 18px 5px !important;
		font-size: 18px !important;
		line-height: 100% !important;
	}
}

@media(max-width: 700px) {	
	.hr-info {
		font-size: 11px !important;
		letter-spacing: 1px;
	}
	.info-news {
		font-size: 38px !important;
	}
	.btn.btn-menu {
		width: 40px !important;
		padding: 0;
	}
	.btn-menu span {
		display: none;
	}
	.site-title .custom-logo {
		width: 150px;
		height: auto;
		margin-bottom: 0;
	}
	.site-title {
		margin-top: 8px;
	}
	
	.container-fluid:has(.slogan.hr) {
		padding-bottom: 0 !important;
	}
	.slogan.hr {
		font-size: 30px;
		width: 100%;
		margin: 0;
	}
	
	/* SINGLE POST 700px */
	.big-uroboros {
		top: 15px;
		width: 200px;
	}
	.single-post-page {
		padding-top: 15px;
	}
	.post-blog-container .taxonomy-bar {
		width: 40%;
		min-width: 100px;
	}
	.post-blog-container .post-categories a {
		font-size: 13px !important;
	}
	.post-blog-container .tags a, .tags {
		font-size: 13px !important;
	}
	.post-blog-container .fa.fa-check-circle {
		font-size: 23px;
	}
	.post-blog-container .text-news {
		font-size: 18px !important;
		line-height: 25px !important;
	}
	
	.post-meta-source {
		display: flex;
		gap: 15px;
		margin-top: 20px;
		flex-direction: column;
	}
	.post-meta-source .source,	
	.post-meta-source .author {
		font-size: 14px;
	}	
	.post-meta-source .source span,	
	.post-meta-source .author span {
		font-size: 16px;
	}	
	
	.single-post-buttons {
		flex-direction: column;
		gap: 15px;
		padding: 0 35px;
	}
	.single-post-buttons .btn-white,
	.single-post-buttons .go-back-btn {
		width: 100%;
	}
}
@media(max-width: 600px) {
	.col-md-6:nth-child(1) {
		height: 250px;
	}
	.col-md-6:nth-child(2) {
		height: 400px;
	}
	.header-text {
		font-size: 40px !important;
		line-height: 55px !important;
		margin: 45px auto 0 !important;
	}
	.icon-bg img{
		width: 340px;
    	margin-top: -30px;
	}
	.header-button.text-center {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.home-header-text-wrap .btn-brown,
	.add-button .btn-brown {
		width: 250px !important;
		height: 50px !important;
		font-size: 20px !important;
		margin-right: 0 !important;
		padding: 6px 0;
	}
	.home-header-text-wrap .btn-white,
	.add-button .btn-white {
		width: 250px !important;
		height: 50px !important;
		font-size: 20px !important;
		margin-left: 0 !important;
		padding: 6px 0;
	}
	
	/* SINGLE POST */
	.taxonomy-container {
		gap: 8px;
	}
	.taxonomy-container .fa.fa-check-circle {
		margin: 0;
	}
	
	/* ABOUT */
	#site-content .type-btn {
		width: 95%;
		padding: 7px;
		font-size: 15px;
	}
	
	
	/***** MODAL FILTERS 600px *****/
	
	#menutop {
		top: 10%;
	}
	.modal-content {
		padding: 15px 20px;
	}
	
	/* header */
	.modal-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
		border: none;
	}
	.modal-header:before,
	.modal-header:after {
		display: none;
	}
	.modal-header .name-n-close {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
		width: 100%;
	}
	.modal-title {
		text-transform: capitalize;
		align-self: baseline;
		margin-top: 5px;
	}
	.name-n-close {	
		margin-bottom: 25px;
	}
	.modal .close {
		background: #F34509;
		opacity: 1;
		text-shadow: none;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		padding: 13px 16px;
		border-radius: 100px;
		gap: 15px
	}
	.modal .close span {
		font-size: 17px;
		font-weight: 500;
		letter-spacing: .5px;
		align-self: baseline;
	}
	img.close-x {
		height: 13px;
		transform: translatey(-.5px);
	}
	/* dropdowns */
	.modal .sf-input-select {
		-webkit-appearance: none;
		-moz-appearance: none;
		background: transparent;
		background-image: url(/wp-content/uploads/2023/03/select-arrow-modal.svg);
		background-repeat: no-repeat;
		background-position-x: 95%;
		background-position-y: 50%;
		border: 2px solid rgba(155, 155, 155, 0.45);
		border-radius: 5px;
		padding: 2px 5px;
		font-weight: 500;
	}
	.modal  h4 {
		font-size: 25px;
		padding: 0;
		line-height: 30px;
	}
	.modal .sf-field-taxonomy-priority, .modal .sf-field-sort_order,
	.modal .sf-field-post-meta-point{
		display: flex;
		gap: 12px;
		font-size: 18px !important;
	}
	.modal .sf-field-taxonomy-priority {
		float: left;
		margin-right: 50px;
	}
	/* tags */
	ul > li.sf-field-taxonomy-area,
	ul > li.sf-field-taxonomy-school {
		margin-top: 25px;
	}
	.sf-field-taxonomy-area ul, .sf-field-taxonomy-school ul {
		display: grid;
/* 		grid-template-columns: repeat(4, 1fr); */
		margin-top: 15px;
	}
	.sf-field-taxonomy-area ul li, .sf-field-taxonomy-school ul li {
		display: flex;
		gap: 10px;
		font-size: 20px;
		align-items: center;
	}
	.sf-field-taxonomy-area li input, .sf-field-taxonomy-school li input {
		margin-top: 0;
		border: none;
	}
	.sf-field-taxonomy-area label, .sf-field-taxonomy-school label {
		font-weight: 400 !important;
	}
	.sf-field-taxonomy-area .sf-level-0, .sf-field-taxonomy-school .sf-level-0 {
		border: none;
		padding: 3px 0 !important;
	}
	/* submit */
	.modal .sf-field-submit {
		display: flex;
		justify-content: center;
		margin-top: 25px;
	}
	.modal .sf-field-submit input {
		width: 50%;
		background: #F34509;
		border: none;
		border-radius: 400px;
		text-shadow: none;
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		padding: 13px 16px; 
		font-size: 17px;	
		letter-spacing: .5px;
	}
	/* hide categories field */
	.modal ul > li.sf-field-category {
		display: none;
	}

	/* remove default checkbox */
	.modal .sf-input-checkbox {
		display: none;
	}

	/* create custom checkbox */
	.modal .sf-label-checkbox {
		position: relative;
		margin-left: 30px;
	}
	.modal .sf-label-checkbox:before {
		content: '';
		position: absolute;
		display: flex;
		justify-content: center;
		align-items:center;
		top: 0;
		left: -30px;
		height: 19px;
		width: 19px;
		border-radius: 4px;
		border: 1px solid #9B9B9B;
		transform: translatey(25%);
	}
	/* when checkbox is checked, add red background */
	.modal .sf-option-active .sf-label-checkbox:before {
		background-color: #F34509;
		border-color: #F34509;
		background-size: contain;
	}
	.modal .sf-option-active .sf-label-checkbox:after {
		content: '';
		background: url('/wp-content/uploads/2023/03/redbg-checkmark-1.svg');
		position: absolute;
		display: flex;
		justify-content: center;
		align-items:center;
		top: 4px;
		left: -27px;
		height: 14px;
		width: 14px;
		border-radius: 4px;
		transform: translatey(25%);
		background-size: contain;
		background-repeat: no-repeat;
	}
}
@media(max-width: 500px) {	
	.site-title .custom-logo {
    	width: 125px;
	}
	.container-top .col-md-4:nth-child(2) {
		transform: translatex(-50%);
	}
	
	/* HOME	500px */
	.slogan.hr {
		font-size: 26px;
		line-height: 150%;
	}
	.add-n-filters {
		gap: 5px;
	}
	.btn-plus {
		width: 35px !important;
		height: 35px !important;
		font-size: 13px !important;
		line-height: 13px;
	}
	.btn-filters {
		height: 35px !important;
    	font-size: 13px;
		line-height: 13px;
	}
	.btn-filters img {
		height: 32.5%;
	}
	.hr-info {
		font-size: 12px !important;
	}
	.info-news {
		font-size: 30px !important;
	}
	.text-news {
		font-size: 18px !important;
		line-height: 25px !important;
	}
	.btn-read-more {
		font-size: 18px !important;
	}
	
	
	/* SINGLE PAGE 500px */
	#site-content {
		width: 90%;
	}
	.single-page-uroboros {
		margin-bottom: -25px;
	}
	#site-content h1 {
		font-size: 35px;
		margin-top: 35px;
		margin-bottom: 15px;
	}
	#site-content p {
		font-size: 14px;
		padding-bottom: 0px;
	}
	#site-content ol {
		font-size: 14px;
	}
	.support-buttons-wrapper {
		margin: 50px auto 60px;
	}
	#site-content .type-btn {
		padding: 10px;
		font-size: 16px;
	}
	
	/* DARK SEARCH FORM 500px */
	.search-form {
		width: 90%;
	}
	.search-container {
		font-size: 22px;
	}
	.dropdown {
		width: 20px;
	}
	.search-form {
		padding: 100px 0 200px 0;
	}

	.search-by-keyword input {
		font-size: 15px;
		margin-left: 6px;
	}

	.child {
		padding: 10px 0 0 15px;
	}

	label {
		margin-left: 10px;
	}
	.child.first {
		font-size: 20px;
	}

	/* Create a custom radio button */
	.checkmark {
		top: 14px;
		height: 14px;
		width: 14px;
	}
	.other .checkmark {
		top: 12px;
	}
	input:checked ~ label .checkmark img {
		width: 12px;
	}

	.submit-btn-container {
		height: 100px;
	}
	.submit-btn {
		width: 85%;
		padding: 12px;
		font-size: 18px;
	}
	
	/* SINGLE POST 500px */
	.post-blog-container {
		width: 100%;
		padding-left: 10px;
		padding-right: 5px;
		margin-left: auto;
		margin-right: auto;
	}
	.post-blog-container .taxonomy-bar {
		width: 42%;
	}
	.post-blog-container .source, .post-blog-container .author {
		letter-spacing: 2px;
		font-size: 14px;
	}
	.single-post-buttons {
		gap: 15px;
	}
	#site-content .single-post-buttons p {		
    	font-size: 16px !important;
	}
	
	/* FOOTER 500px */
	.footer-bottom { 
		height: 300px;
	}
	.footer-bottom .col-md-4:nth-child(1) p {
		font-size: 25px;
	}
	.footer-bottom #menu-menu-stopka li {	
		font-size: 21px;
	}
	.footer-bottom .col-md-4:nth-child(2) {
		padding-bottom: 35px;
	}
	.footer-bottom #menu-menu-stopka {
		gap: 3px;
	}
	.zoom-social-icons-list.zoom-social-icons-list--with-canvas.zoom-social-icons-list--round {
		gap: 10px;
	}
	span.zoom-social_icons-list-span.social-icon.socicon {
		padding: 12px !important;
		font-size: 18px !important;
	}
}

@media (max-width: 475px) {
	.img {
		width: 100%;
		padding: 80px 0;
	}
	.home-title {
		text-align: center;
		color: white;
		font-size: 30px;
		text-shadow: 0px 0px 15px #000;
	}
	.btn-brown, .btn-white {
		width: 185px !important;
		height: unset !important;
		padding: 15px 5px !important;
		font-size: 16px !important;
		line-height: 100% !important;
	}
	.header-button {
		padding-top: 0 !important;
		z-index: 9;
		position: relative;
	}
}

@media(max-width: 450px) {
	.connection-banner .col-md-6:nth-child(1) {
		height: 250px;
	}
	.connection-banner .col-md-6:nth-child(2) {
		height: 350px;
		padding: 0;
	}
	.header-text {
		font-size: 35px !important;
		line-height: 40px !important;
		margin: 45px auto 0 !important;
	}
	.icon-bg {
		padding-left: 0;
	}
	.icon-bg img{
		width: 100%;
    	margin-top: -35px;
	}
	.home-header-text-wrap .btn-brown,
	.add-button .btn-brown {
		width: 215px !important;
		font-size: 19px !important;
	}
	.home-header-text-wrap .btn-white,
	.add-button .btn-white {
		width: 215px !important;
		font-size: 19px !important;
	}
}

@media(max-width: 400px) {	
	.img {
		width: 100%;
		padding: 80px 0;
	}
}

@media(max-width: 375px) {
	.site-title .custom-logo {
    	width: 100px;
	}
	
	/* HOME	375px */
	.hr-info {
		font-size: 12px !important;
	}
	.source-info {
		font-size: 12px !important;
	}
	.text-news {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	.btn-read-more {
		font-size: 16px !important;
	}
	.fa-check-circle {
		margin-left: 0px !important;
	}
}

@media(max-width: 350px) {
	.site-title .custom-logo {
    	display:none;
	}
}