/* 
Theme Name:   OnePress – motyw potomny
Template:     onepress
*/

/* IMPORT */

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* NAWIGACJA */

html {
    overflow: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #00923f;
}

.site-header {
	box-shadow: none;
	border-bottom: 1px solid #e9e9e9;
}

#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after {
    height: 2px;
    background: #777;
}

#nav-toggle span::before {
	width: 18px;
}

#nav-toggle span::after {
	width: 12px;
}

#nav-toggle.nav-is-visible span::before, #nav-toggle.nav-is-visible span::after {
	background: #777;
	width: 24px;
}

.home .breadcrumbs, #content > .breadcrumbs {
	display: none;
}

.wp-block-button__link {
    color: #fff;
    background-color: #00923f;
    border-radius: 1px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
}

body .wp-block-button__link.button-white {
    color: #00923f;
    background-color: #fff;
}

body .wp-block-button__link:hover {
    color: #fff;
    background-color: #007d4c;
	text-decoration: none;
}

.breadcrumbs span:first-child {
	margin-right: 0;
}

/* TYPOGRAFIA */

body {
    font-size: 16px;
    font-size: 1rem;
	line-height: 1.4;
    color: #333;
}

body *, .onepress-menu a {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.onepress-menu a {
	text-transform: none;
	font-size: 1rem;
	font-weight: 400;
}

h1, h2, h3, h5, h6 {
    color: #00923f;
}

body .metaslider .flexslider .slides .font-white p,
body .metaslider .flexslider .slides .font-white p.catchy-phrase,
body .font-white h1 {
	color: #fff;
}

.font-grey {
    color: #999;
}

.font-green {
	color: #00923f;
}

.font-small {
	font-size: 0.75rem;
	display: block;
}

.wp-block-image figcaption {
	text-align: center;
}

/* SLIDER */

body .metaslider .caption-wrap {
    position: absolute;
    bottom: 50%;
    left: 0;
	transform: translateY(50%);
    background-color: transparent;
    color: #fff;
    opacity: 1;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}

body .metaslider .caption {
    padding: 5px 20px;
    word-wrap: break-word;
}

body .flex-control-paging li a, body .flex-control-paging li a:hover {
    width: 45px;
    height: 10px;
	background-color: #f0f0f0;
}

body .flex-control-paging li a.flex-active {
    background-color: #00923f;
    cursor: default;
}

.flex-direction-nav {
	display: none;
}

body .metaslider .flexslider .slides img {
	height: 500px;
	object-fit: cover;
	opacity: 1;
}

body .metaslider .flexslider .slides p {
	margin-bottom: 15px;
    margin-bottom: 0.9375rem;
    margin-top: 0;
	color: #333;
}

body .metaslider .flexslider .slides p.catchy-phrase {
	margin-bottom: 0;
}

body .metaslider .flexslider .slides p.catchy-phrase,
p.article-no {
	text-transform: uppercase;
	font-size: 0.75rem;
	font-weight: 600;
	color: #999;
}

body .metaslider .flexslider .slides .slider-image img {
	position: absolute;
	height: 100%;
	bottom: 50%;
    right: 15%;
	transform: translateY(50%);
}

/* ZAWARTOŚĆ STRONY */

#primary {
    min-height: 90vh;
	padding-bottom: 0;
}

.page-header {
	display: none;
}

.container.no-sidebar {
	width: 100%;
	padding-right: 0;
    padding-left: 0;
}

.qodef-page-title {
	display: none;
}

body.home .entry-content {
    margin-bottom: -1px;
	border-bottom: 1px solid #d7d7d7;
}

.entry-content > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

section:not(#slider) {
	margin-top: 0;
	margin-bottom: 50px;
}

body.page-parent section:not(#slider) {
	margin-top: 25px;
}

section#slider {
	margin-bottom: 100px;
}

section#kontakt {
	margin-bottom: 0;
	padding: 25px 0;
	height: 60vh;
}

section#kontakt {
	background-color: #f0f0f0;
}

.text-centered {
	text-align: center;
}

.entry-content ul, .entry-content ol {
	margin: 0 auto 0.9375rem 20px;
	padding-left: 0;
}

.wp-block-column ul, .wp-block-column ol, .wp-block-column table, .wp-block-columns.accessories {
	margin-bottom: 0;
}

.entry-content li {
	margin-left: 5px;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
}

.entry-content li::before {
	content: '';
	display: inline-block;
	margin-right: 10px;
	margin-left: -22px;
	height: 12px;
	width: 12px;
	background-image: url('https://equilab.pl/strona/wp-content/uploads/checkmark-16.png');
	background-size: contain;
	background-repeat: no-repeat;
}

body .product-column {
	justify-content: center;
	gap: 1em;
	margin-bottom: 1em;
}

.product {
	border-radius: 1px;
	background-color: #f0f0f0;
	min-height: 420px;
    /*height: fit-content;*/
	max-width: 600px;
	border: 1px solid #f0f0f0;
}

.img-wborder img {
	padding: 5px;
	border: 1px solid #e9e9e9;
	margin-bottom: 0.9375rem;
}

/* .produkt h3 {
	color: #333;
} */

.product .wp-block-image {
	width: 100%;
	/* height: 50%;*/
	margin: 0;
}

.product .wp-block-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	background-color: #fff;
}

.product-content {
	padding: 20px;
	position: relative;
	min-height: 50%;
}

.product-content a:hover {
	color: #00923f;
	text-decoration: none;
}

.product-more {
	position: absolute;
	bottom: 0;
}

input[type="reset"], input[type="submit"], input[type="submit"], input[type="reset"]:hover, input[type="submit"]:hover, input[type="submit"]:hover .nav-links a:hover, .btn-theme-primary, .btn-theme-primary-outline:hover, .section-testimonials .card-theme-primary, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce button.button.alt, .pirate-forms-submit-button, .pirate-forms-submit-button:hover, input[type="reset"], input[type="submit"], input[type="submit"], .pirate-forms-submit-button, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit, .contact-form div.wpforms-container-full .wpforms-form .wpforms-submit:hover, .nav-links a:hover, .nav-links a.current, .nav-links .page-numbers:hover, .nav-links .page-numbers.current {
    background-color: #00923f;
}

a, .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus, .header-social a, .onepress-menu a:hover, .onepress-menu ul li a:hover, .onepress-menu li.onepress-current-item>a, .onepress-menu ul li.current-menu-item>a, .onepress-menu>li a.menu-actived, .onepress-menu.onepress-menu-mobile li.onepress-current-item>a, .site-footer a, .site-footer .footer-social a:hover, .site-footer .btt a:hover, .highlight, #comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover, .btn-theme-primary-outline, .sidebar .widget a:hover, .section-services .service-item .service-image i, .counter_item .counter__number, .team-member .member-thumb .member-profile a:hover, .icon-background-default {
    color: #00923f;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: unset;
	column-gap: 2rem;
	row-gap: 0;
}

.wp-block-table.is-style-stripes {
	border-bottom: none;
}

.ddrawing {
	padding: 0 10px;
}

.error404 .site-content, .search-results .site-content {
	min-height: 100vh;
}

.site-footer {
	background-color: #f0f0f0;
	color: #333;
}

.footer-widgets {
	background-color: #f0f0f0;
	border-bottom: 1px solid #d7d7d7;
}

.site-footer .site-info {
    padding: 35px 15%;
	background-color: #f0f0f0;
	color: #333;
}

.site-footer .site-info a {
	color: #999;
}

.site-footer .site-info a:hover {
	text-decoration: none;
}

.bg-gray {
	background-color: #f0f0f0;
}

.bg-white {
	background-color: #fff;
}

.bg-gray,
.bg-white {
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 20px 0;
}

.bg-gray .wp-block-image img {
	padding: 20px;
}

.bg-gray p {
	margin-bottom: 0;
	padding-left: 20px;
	padding-top: 20px;
}

.policies, .copyright {
	width: 50%;
    display: inline-block;
}

.policies {
	text-align: left;
}

.copyright {
	text-align: right;
}

/* COOKIES */

#cookie-notice .cn-button:not(.cn-button-custom) {
	border-radius: 1px;
}

.cn-text-container {
    margin: 0 5px 6px;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
	margin: 0 5px 0 5px;
}

#cn-close-notice {
	display: none;
}

/* RESPONSYWNOŚĆ */

@media (max-width: 900px) {
	#cookie-notice .cn-button:not(.cn-button-custom) {
		margin: 0;
	}
}

@media (max-width: 768px) {
	.header-full-width .container {
		padding: 0 5%;
	}
	
	.onepress-menu.onepress-menu-mobile > li > a {
		padding: 12px 5%;
	}
	
	body .metaslider .caption {
		width: 60%;
		padding: 5px 5%;
	}
	
	.scontent, #footer-widgets {
		margin-left: auto;
		margin-right: auto;
		max-width: 90%;
	}
	
	.container {
		padding-right: 0;
		padding-left: 0;
	}
	
	.site-footer .site-info {
		padding: 35px 5%;
	}
}

@media (max-width: 480px) {
	body .metaslider .caption-wrap {
		height: 100%;
	}
	
	body .metaslider .caption {
		width: 100%;
		padding: 5px 5%;
		text-align: center;
	}
	
	.slider-caption {
		position: absolute;
		top: 5%;
		width: 90%;
	}
	
	.slider-info {
		position: absolute;
		bottom: 5%;
		right: 5%;
		left: 5%;
	}
	
	body .metaslider .flexslider .slides .slider-image img {
		position: absolute;
		height: 30%;
		bottom: 55%;
		right: 50%;
		transform: translate(50%, 50%);
	}
		
	.scontent, .page-content, .search-results .hentry, #footer-widgets {
		margin-left: auto;
		margin-right: auto;
		max-width: 90%;
	}
}

@media (min-width: 481px) {}

@media (min-width: 576px){
	.container {
		width: 100%;
	}
}

@media (min-width: 769px) {
	.header-full-width .container {
		padding: 0 15%;
	}
	
	.onepress-menu.onepress-menu-mobile > li > a {
		padding: 12px 15%;
	}
	
	body .metaslider .caption {
		width: 60%;
		padding: 5px 15%;
	}
	
	.scontent, .page-content, .search-results .hentry, #footer-widgets {
		margin-left: auto;
		margin-right: auto;
		max-width: 70%;
	}

	.container {
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 781px) and (max-width: 1265px) {
	.product {
		min-height: 500px;
	}
}

@media (min-width: 1025px) {}

@media (min-width: 1201px) {}



/*
Dodatkowy CSS
*/