/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */

/* = Reset -------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{color: inherit; border: 0; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
/************* Tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
/* Improves readability when focused */
a:focus {outline: 0;}
a:hover, a:active {outline: 0;}
/* = END Reset -------------------------------------------------------------- */

/* Lokalne Fonty *******************/

/** Montserrat **/
@font-face {  
	font-family: 'Montserrat';  
	font-weight: 400;  
	font-style: normal;  
	font-display: swap; 
	unicode-range: U+0000— 024F, U+2219, U+0131, U+02C6, U+02DA, U+02DC, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
	src: local('Montserrat-Regular'),      
		url('../fonts/Montserrat-Regular.woff2') format('woff2'),        
		url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.ttf') format('truetype'),
		url('../fonts/Montserrat-Regular.eot'),
		url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
}
@font-face {  
	font-family: 'Montserrat';  
	font-weight: 600;  
	font-style: normal;  
	font-display: swap; 
	unicode-range: U+0000— 024F, U+2219, U+0131, U+02C6, U+02DA, U+02DC, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
	src: local('Montserrat-SemiBold'),      
		url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),        
		url('../fonts/Montserrat-SemiBold.woff') format('woff'),
		url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
		url('../fonts/Montserrat-SemiBold.eot'),
		url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype');
}
@font-face {  
	font-family: 'Montserrat';  
	font-weight: 700;  
	font-style: normal;  
	font-display: swap; 
	unicode-range: U+0000— 024F, U+2219, U+0131, U+02C6, U+02DA, U+02DC, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
	src: local('Montserrat-Bold'),      
		url('../fonts/Montserrat-Bold.woff2') format('woff2'),        
		url('../fonts/Montserrat-Bold.woff') format('woff'),
		url('../fonts/Montserrat-Bold.ttf') format('truetype'),
		url('../fonts/Montserrat-Bold.eot'),
		url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype');
}

/* Kroje pisma */
html, body, p, span, h5, h6, li, ul, ol {font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4 {font-family: 'Montserrat', sans-serif;}
.elementor-nav-menu li a {font-family: 'Montserrat', sans-serif;}
button, .button, .elementor-button {font-family: 'Montserrat', sans-serif;}
.altfont p, .altfont span, .altfont ul, .altfont ol, .altfont li, .altfont h1, .altfont h2, .altfont h3, .altfont h4, .altfont h5, .altfont h6 {font-family: 'Montserrat', sans-serif;}
/* Podstawowy rozmiar czcionki */
html {font-size: 16px; font-weight: 400; line-height: 1.4em;}
/* Indywidualna charakterystyka czcionki dla tagu */
h1 {font-size: 2.0em; font-weight: 400; letter-spacing: -0.2px; line-height: 1.3em;}
h2 {font-size: 1.8em; font-weight: 400; letter-spacing: -0.1px; line-height: 1.3em;}
h3 {font-size: 1.6em; font-weight: 400; letter-spacing: 0.0px; line-height: 1.3em;}
h4 {font-size: 1.4em; font-weight: 400; letter-spacing: 0.1px; line-height: 1.3em;}
h5 {font-size: 1.2em; font-weight: 400; letter-spacing: 0.2px; line-height: 1.3em;}
h6 {font-size: 1.0em; font-weight: 400; letter-spacing: 0.25px; line-height: 1.3em;}
p {font-size: 1.0em; font-weight: 400; line-height: 1.5em;}
button, .button, .elementor-button {font-weight: 600; letter-spacing: 0.2px; line-height: 1.3em; text-transform: uppercase;}
strong {font-weight: 500; letter-spacing: 0.3px;}
/* Rozmiar fontu dla tabletu */
@media only screen and (max-width: 961px) {
html {font-size: 0.9em;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.15em;}
h6 {font-size: 1em;}
}
/* Rozmiar fontu dla telefonu */
@media only screen and (max-width: 641px) {
html {font-size: 1em;}
h1 {font-size: 1.64em;}
h2 {font-size: 1.42em;}
h3 {font-size: 1.24em;}
h4 {font-size: 1.15em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}
}


/* Paleta kolorów */
:root {
    --swht-bgd: #fafafa;
    --swht-txt: #000000b8;
    --swht-str: #222;
    --swht-hea: #000000e3;
    --swht-lnk: #cc0e1e;
    --swht-hov: #ed2939;
    --swht-bbg: #0000000f;
    --swht-btt: #cc0e1e;
    --swht-bht: #ffffff;
    --swht-bqt: #0000000f;
    --swht-tqt: #000000e3;
	
    --sblk-bgd: #222;
    --sblk-txt: #ffffffc7;
    --sblk-str: #fafafa;
    --sblk-hea: #fff;
    --sblk-lnk: #fff;
    --sblk-hov: #ed2939;
    --sblk-bbg: #cc0e1e94;
    --sblk-btt: #fff;
    --sblk-bht: #ed2939;
    --sblk-bqt: #cc0e1e94;
    --sblk-tqt: #ffffff;
	
    --sftr-bgd: #111;
    --sftr-txt: #ffffff94;
    --sftr-str: #eee;
    --sftr-hea: #fff;
    --sftr-lnk: #fff;
    --sftr-hov: #ed2939;
    --sftr-bbg: #cc0e1e6b;
    --sftr-btt: #fff;
    --sftr-bht: #ed2939;
    --sftr-bqt: #cc0e1e6b;
    --sftr-tqt: #ffffff;
	
    --sftc-bgd: #000;
    --sftc-txt: #ffffff66;
    --sftc-str: #ffffffb8;
    --sftc-hea: #fff;
    --sftc-lnk: #ffffffb8;
    --sftc-hov: #ed2939;
    --sftc-bbg: #cc0e1e6b;
    --sftc-btt: #fff;
    --sftc-bht: #ed2939;
    --sftc-bqt: #cc0e1e6b;
    --sftc-tqt: #ffffff;

}


/* Podstawowe kolory */
body {background-color: var(--swht-bgd);}
p, li, ul, ol {color: var(--swht-txt);}
h1, h2, h3, h4, h5, h6 {color: var(--swht-hea);}
strong {color: var(--swht-str);}
a {color: var(--swht-lnk);}
a:hover, a:active {color: var(--swht-hov);}
a.elementor-post__read-more {color: var(--swht-str);}
a.elementor-post__read-more:hover, a.elementor-post__read-more:active {color: var(--swht-hov);}
button, .button, .elementor-button {color: var(--swht-btt); background-color: var(--swht-bbg);}
button:hover, button:active, .button:hover, .button:active, .elementor-button:hover, .elementor-button:active {color: var(--swht-bht); background-color: var(--swht-lnk); text-transform: uppercase;}
blockquote {background-color: var(--swht-bqt);}
blockquote p, blockquote strong {color: var(--swht-tqt);}
/* Kolory sekcji swht */
section.swht {background-color: var(--swht-bgd);}
.swht p, .swht li, .swht ul, .swht ol {color: var(--swht-txt);}
.swht h1, .swht h2, .swht h3, .swht h4, .swht h5, .swht h6 {color: var(--swht-hea);}
.swht strong {color: var(--swht-str);}
.swht a {color: var(--swht-lnk);}
.swht a:hover, .swht a:active {color: var(--swht-hov);}
.swht button, .swht .button, .swht .elementor-button {color: var(--swht-btt); background-color: var(--swht-bbg);}
.swht button:hover, .swht button:active, .swht .button:hover, .swht .button:active, .swht .elementor-button:hover, .swht .elementor-button:active {color: var(--swht-bht); background-color: var(--swht-lnk);}
.swht a.elementor-post__read-more {color: var(--swht-str);}
.swht a.elementor-post__read-more:hover, .swht a.elementor-post__read-more:active {color: var(--swht-hov);}
.swht blockquote {background-color: var(--swht-bqt);}
.swht blockquote p, blockquote strong {color: var(--swht-tqt);}
/* Kolory sekcji sblk */
section.sblk {background-color: var(--sblk-bgd);}
.sblk p, .sblk li, .sblk ul, .sblk ol {color: var(--sblk-txt);}
.sblk h1, .sblk h2, .sblk h3, .sblk h4, .sblk h5, .sblk h6 {color: var(--sblk-hea);}
.sblk strong {color: var(--sblk-str);}
.sblk a {color: var(--sblk-lnk);}
.sblk a:hover, .sblk a:active {color: var(--sblk-hov);}
.sblk button, .sblk .button, .sblk .elementor-button {color: var(--sblk-btt); background-color: var(--sblk-bbg);}
.sblk button:hover, .sblk button:active, .sblk .button:hover, .sblk .button:active, .sblk .elementor-button:hover, .sblk .elementor-button:active {color: var(--sblk-bht); background-color: var(--sblk-lnk);}
.sblk a.elementor-post__read-more {color: var(--sblk-str);}
.sblk a.elementor-post__read-more:hover, .sblk a.elementor-post__read-more:active {color: var(--sblk-hov);}
.sblk blockquote {background-color: var(--sblk-bqt);}
.sblk blockquote p, blockquote strong {color: var(--sblk-tqt);}
/* Kolory sekcji sftr */
section.sftr {background-color: var(--sftr-bgd);}
.sftr p, .sftr li, .sftr ul, .sftr ol {color: var(--sftr-txt);}
.sftr h1, .sftr h2, .sftr h3, .sftr h4, .sftr h5, .sftr h6 {color: var(--sftr-hea);}
.sftr strong {color: var(--sftr-str);}
.sftr a {color: var(--sftr-lnk);}
.sftr a:hover, .sftr a:active {color: var(--sftr-hov);}
.sftr button, .sftr .button, .sftr .elementor-button {color: var(--sftr-btt); background-color: var(--sftr-bbg);}
.sftr button:hover, .sftr button:active, .sftr .button:hover, .sftr .button:active, .sftr .elementor-button:hover, .sftr .elementor-button:active {color: var(--sftr-bht); background-color: var(--sftr-lnk);}
.sftr a.elementor-post__read-more {color: var(--sftr-str);}
.sftr a.elementor-post__read-more:hover, .sftr a.elementor-post__read-more:active {color: var(--sftr-hov);}
.sftr blockquote {background-color: var(--sftr-bqt);}
.sftr blockquote p, blockquote strong {color: var(--sftr-tqt);}
/* Kolory sekcji sftc */
section.sftc {background-color: var(--sftc-bgd);}
.sftc p, .sftc li, .sftc ul, .sftc ol {color: var(--sftc-txt);}
.sftc h1, .sftc h2, .sftc h3, .sftc h4, .sftc h5, .sftc h6 {color: var(--sftc-hea);}
.sftc strong {color: var(--sftc-str);}
.sftc a {color: var(--sftc-lnk);}
.sftc a:hover, .sftc a:active {color: var(--sftc-hov);}
.sftc button, .sftc .button, .sftc .elementor-button {color: var(--sftc-btt); background-color: var(--sftc-bbg);}
.sftc button:hover, .sftc button:active, .sftc .button:hover, .sftc .button:active, .sftc .elementor-button:hover, .sftc .elementor-button:active {color: var(--sftc-bht); background-color: var(--sftc-lnk);}
.sftc a.elementor-post__read-more {color: var(--sftc-str);}
.sftc a.elementor-post__read-more:hover, .sftc a.elementor-post__read-more:active {color: var(--sftc-hov);}
.sftc blockquote {background-color: var(--sftc-bqt);}
.sftc blockquote p, blockquote strong {color: var(--sftc-tqt);}

/* Łagodna zmiana koloru linku */
a {-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;transition-property: all;transition-duration: 0.2s;transition-timing-function: ease;transition-delay: 0.05s;}

/* Style breadcrumps */
#breadcrumbs a {color: var(--swht-txt);}



/* Style zawartości postów *************************/

/* Style treści postu */
ul, ol {padding-bottom: 4px;}
h1, h2, h3 {padding-top: 16px; padding-bottom: 0;}
h4, h5, h6 {padding-top: 10px; padding-bottom: 0;}
blockquote {padding: 5px 10px; margin: 20px 5px;}
blockquote p {font-size: 1.1em; font-weight: 400; letter-spacing: 0.15px; padding: 12px; margin: 10px;}

/* Style sekcji komentarzy */
.comment-body {
    padding: "50px 0 50px 60px";
    border-bottom: 1px dotted var(--swht-txt);
}
.comments-area [type=button], .comments-area [type=submit] {
    font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
    font-weight: 600;
    color: var(--swht-txt);
    background-color: var(--swht-bbg);
    margin-top: 10px;
    margin-bottom: 20px;
    border: none;
}
input {
    border: none;
    background-color: var(--swht-bbg);
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], select, textarea {
    border: none;
    background-color: var(--swht-bbg);
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    color: var(--swht-bbg);
    background-color: var(--swht-hov);
}

/* Style stopki */
.sftr p {font-size: 0.9em; font-weight: 400; line-height: 1.4em;}
.sftc p {font-size: 0.74em; font-weight: 400; line-height: 1.4em;}

/* Style tekstów prawnych */
.legal p {line-height: 1.8em; margin-bottom: 10px; }
.legal h1, .legal h2, .legal h3 {line-height: inherit; margin-top: 36px; margin-bottom: 0;}
.legal h4, .legal h5, .legal h6 {line-height: inherit; margin-top: 18px; margin-bottom: 0;}

/* Style stopki *************************/
.footer p {padding-bottom: 1em;}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {text-shadow: none;}

/* Styl info o ciastkach *************************/
.cookie-notice-container {padding: 40px 20% 40px 20%;}
@media (max-width: 641px) {.cookie-notice-container {padding: 40px 10px;}}
.cookie-notice-container span {color: var(--swht-bgd); padding-bottom: 12px; display: block;}
#cookie-notice .cn-button {margin: 5px; display: inline-block; width: 270px; padding: 8px; background: var(--sftc-txt); color: var(--sftc-tqt);}
#cookie-notice .cn-button:hover {background: var(--sftc-lnk); color: var(--sftc-bgd);}

/* Ukrycie znaczka reCaptcha */
.grecaptcha-badge {display: none; z-index: -99;}

/* Elementor Lightbox tweak */
@media (max-width: 641px) {
    .elementor-lightbox .elementor-lightbox-item {padding: 0;}
    .dialog-type-lightbox .dialog-header, .dialog-type-lightbox .dialog-message {padding:0;}
}

/* Language switcher */
.wpml-ls-menu-item .wpml-ls-flag {height: auto !important; width: auto !important;}
.wpml-ls-legacy-dropdown .wpml-ls-flag {height: auto !important; width: auto !important;}

.wpml-ls-legacy-dropdown {width: auto; max-width: 100%;}
.wpml-ls-legacy-dropdown a {color: inherit; border: none; background-color: inherit;}
.wpml-ls-legacy-dropdown a:hover, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:active {background-color: var(--sftc-bbg);}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:hover>a,
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:focus>a,
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:active>a, {background-color: var(--sftc-bbg);}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {z-index: 9999; background-color: var(--sftc-bgd);}
li.wpml-ls-item {margin-left: 5px;}
li.wpml-ls-item a.elementor-sub-item:hover {background-color: var(--sftc-bbg);}

/* Cache and minimize tweaks ***************************************************************/
/* Obrazek postu na liście */
.elementor-posts-container .elementor-post__thumbnail {padding-bottom: 0;}


/* Lista punktów zakupu */

.elementor-flip-box {height: 180px;}
@media (max-width: 961px) {
    .elementor-flip-box {height: 160px;}
}
.compensate-for-scrollbar{
	margin:0 !important;
}