:root {
	/* --primaryColor: #c89673; */
	--primaryColor: #515151;
	--darkBG: #151a25;
	
	--link-color: #515151;
}

*::selection {
	background: var(--primaryColor);
	color: #fff;
}


/* podmiana granatu na czarny */
body, .sp-preloader { color: #000; }
body .sppb-btn.sppb-btn-secondary:after, body .btn.sppb-btn-secondary:after { background: #000; }

.s-invert-image img { filter: invert(1); }

.sppb-carousel-extended-dots ul li:hover span, .sppb-carousel-extended-dots ul li.active span { background: var(--primaryColor)!important; }

.view-category .blog .article-list .magnin-intro-articles .article:hover .article-body { background: var(--primaryColor); }


#sp-header { background: #fff; }
#sp-header.header-with-modal-menu a { color: #000; }

/* wysuwane menu */
#sp-header.header-with-modal-menu .modal-menu a { color: #c0c0c0; }

/* BURGEREK */
/* ulatwienie dostepu */
#sp-header.header-with-modal-menu a .burger-icon,  .close-offcanvas { width: 38px; padding: 10px 0; }
/* poprawa wygladu */
#sp-header.header-with-modal-menu a .burger-icon span { background: #000; }

/* #logo-right{justify-content: end !important;} */

@media (min-width: 768px) and (max-width:991px){
	body #sp-header #sp-logo{padding-right:15px}
	body #sp-header.header-with-modal-menu .menu li:not(:last-child){padding-right: 10px;}
}
@media (max-width: 767px) {
  #sp-header.header-with-modal-menu #offcanvas-toggler {height: 39px;}
}
	

/* menu mobilne */
.offcanvas-menu { background: var(--darkBG); }
	.offcanvas-menu .offcanvas-inner ul.menu > li > a,
	body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler
		{ color: #c0c0c0; opacity: 1; }
	body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler { width: 30px; padding: 7px 0; text-align: center; transition: 0.3s; }
	body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler:hover { color: var(--primaryColor); }


/* .major-color-gradient2 .sppb-row-overlay { */
	/* background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 21%, rgba(0,0,0,0.35) 21%, rgba(0,0,0,0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); */
/* } */
section.major-color-gradient2 .sppb-row-overlay { opacity: 0.93;}

.sppb-carousel-extended {cursor: grab;}
.sppb-carousel-extended-item img { object-fit: cover; }

.s-p-left { padding-left: 25px; }
.s-p-bottom { padding-bottom: 15px; }
.s-p-right { padding-right: 15px; }
.s-p-top { padding-top: 15px; }


/* visually change from cyan to beige */
/* .s-filter-primary-color img { filter: hue-rotate(-168deg) brightness(0.933) saturate(0.55); } */

.magnin-slider .sp-slider-btn-text:after { background: var(--primaryColor); }

/* ukryj tagi w SP Simple Portfolio na głównej*/
.sp-simpleportfolio-info .sp-simpleportfolio-tags { display: none; }



.com-spsimpleportfolio.view-item #sp-position-1{display:none;}

/* body.itemid-239 #section-id-1634808533812, */
/* body.itemid-239 .sp-simpleportfolio-image, */
/* body.itemid-239 .sp-simpleportfolio-description > h2, */
/* body.itemid-239 .sp-simpleportfolio-description .magnin-text-stroke h2.sppb-addon-title */
	/* { display: none; } */


/* dostosowanie koloru tekstu w przycisku do nowego ciemnoszarego tła */
body .sppb-btn.sppb-btn-default:hover, body .sppb-btn.sppb-btn-default:focus, body .sppb-btn.sppb-btn-default:active, body .sppb-btn.sppb-btn-primary:hover, body .sppb-btn.sppb-btn-primary:focus, body .sppb-btn.sppb-btn-primary:active, body .sppb-btn.btn-primary:hover, body .sppb-btn.btn-primary:focus, body .sppb-btn.btn-primary:active, body .btn.sppb-btn-default:hover, body .btn.sppb-btn-default:focus, body .btn.sppb-btn-default:active, body .btn.sppb-btn-primary:hover, body .btn.sppb-btn-primary:focus, body .btn.sppb-btn-primary:active, body .btn.btn-primary:hover, body .btn.btn-primary:focus, body .btn.btn-primary:active,
.magnin-slider .sp-slider-btn-text:hover, .magnin-slider .sp-slider-btn-text:focus, .magnin-slider .sp-slider-btn-text:active
	{ color: #fff; }
	
	
	
.itemid-456 .article-details-top-wrapper{display:none}	
.itemid-456 .article-body>.col-lg-8{width:100%}
.itemid-456 .article-body>.col-lg-4{display:none}

.itemid-456.view-article #sp-main-body .container .article-details .article-body { max-width: 1300px;}


				/* rozszerzenie obszaru klikalnego wokół znaku + na obrazku na całą szerokość i wysokość */
			/* body.itemid-239 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay { padding: 0; } */
			/* body.itemid-239 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay .sp-simpleportfolio-btns { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } */
			/* body.itemid-239 .sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-btns a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } */

				/* animacja po najechaniu na tytuł */
			/* body.itemid-239 .sp-simpleportfolio-title a { */
				/* display: inline; */
				/* background-repeat: no-repeat; background-position: 0 100%; background-size: 0 3px; transition: all .3s!important; */
				/* background-image: linear-gradient(to right, var(--primaryColor) 0, var(--primaryColor) 100%); */
			/* } */
			/* body.itemid-239 .sp-simpleportfolio-title a:hover { background-size: 100% 3px; } */



/* rozszerzenie obszaru klikalnego wokół znaku + na obrazku na całą szerokość i wysokość */
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay { padding: 0; }
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay .s-clickable { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; }
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-btns a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; }
.sp-simpleportfolio-overlay-wrapper img { width: 100%; }

.article-full-image img { object-fit: cover; }
.article .article-introtext { transition: 0.4s; }
.layout-blog .article img { object-fit: cover; }

.view-article #sp-main-body .container .article-details .related-article-list-container .related-article-list .article .article-full-image img { width: 100%; height: 120px; min-height: 120px; }

/* animacja po najechaniu na tytuł */
.sp-simpleportfolio-title a {
	display: inline;
	background-repeat: no-repeat; background-position: 0 100%; background-size: 0 3px; transition: all .3s!important;
	background-image: linear-gradient(to right, var(--primaryColor) 0, var(--primaryColor) 100%);
}
.sp-simpleportfolio-title a:hover { background-size: 100% 3px; }



#djmediatools a.dj-category { box-shadow: none; padding: 0; border: 0; margin: 0; }
#djmediatools a.dj-category:hover { box-shadow: none; }
#djmediatools a.dj-category > span { background-size: 100%; transition: 0.4s; }
#djmediatools a.dj-category:hover > span { background-size: 105%; }


/* .mod-sppagebuilder[data-module_id="142"] h2 { color: #debfa9; text-shadow: 2px 2px 0 #000; } */
.mod-sppagebuilder[data-module_id="142"] h2 { color: #fff; text-shadow: -1px -1px 0 var(--primaryColor), 1px -1px 0 var(--primaryColor), -1px 1px 0 var(--primaryColor), 1px 1px 0 var(--primaryColor); }
body.view-item div[data-module_id="142"] .sppb-btn-secondary { border: 1px solid #fff; color: #fff; transition: 0.75s 0.33s; }
body.view-item div[data-module_id="142"] .sppb-btn-secondary:hover { border: 1px solid #fff; color: #000; transition: 0.75s; }
body.view-item div[data-module_id="142"] .sppb-btn-secondary:after { background: #fff; }





@media (min-width: 1500px) {
  .container { max-width: 1340px; }
}

/* blog */
.itemid-246 .sp-page-title .sp-page-title-heading{color:#fff;}
.itemid-246 .sp-page-title .sp-page-title-sub-heading{color:#fff;}

.view-category .blog .article-list .magnin-intro-articles .article:hover .article-body .article-header h2 a { color:#fff }
.view-category .blog .article-list .magnin-intro-articles .article:hover .article-body .article-introtext{color:#fff}



.djmediatools .video-icon{ opacity: 1 !important; } 
.article-body h2{font-size:1.7rem}
.article-body h3{font-size:1.5rem}






/* hotfix - będzie działało, dopóki treść nagłówka będzie taka sama jak była */
@media (min-width: 1500px) {
	body.itemid-246 .sp-page-title-heading { position: relative; z-index: 3; }
	body.itemid-246 .sp-page-title-heading span { position: relative; z-index: 3; }
	body.itemid-246 .sp-page-title-heading:before { content: ''; width: 100%; height: 100%; position: absolute; left: -15px; top: 0; border-radius: 12px; z-index: -1;
		background: linear-gradient(to right, #515151, transparent); 
	}
}

/* @media (min-width: 1500px) and (max-width: 1588px) { */
	/* body.itemid-246 h2 { position: relative; } */
	/* body.itemid-246 h2 span { position: relative; z-index: 3; } */
	/* body.itemid-246 h2:before { content: ''; width: 127px; height: 100%; position: absolute; left: -15px; top: 0; background: #c91fb5; border-top-left-radius: 6px; border-bottom-left-radius: 6px; z-index: 1; } */
/* } */
/* @media (min-width: 1589px) { */
	/* body.itemid-246 h2 { position: relative; } */
	/* body.itemid-246 h2 span { position: relative; z-index: 3; } */
	/* body.itemid-246 h2:before { content: ''; width: 127px; height: 100%; position: absolute; left: -15px; top: 0; background: #c91fb5; border-top-left-radius: 6px; border-bottom-left-radius: 6px; z-index: 1; } */
/* } */






.accordion-style1 .sppb-panel.sppb-panel-custom { border-width: 0 0 1px 0; }


@media (max-width: 1199px) {
	.sp-simpleportfolio-view-items.layout-modern .sp-simpleportfolio-info { padding: 30px 0px 0px 30px; }
	.sp-simpleportfolio-view-items.layout-modern .sp-simpleportfolio-info .sp-simpleportfolio-title { font-size: 32px; line-height: 38px; }
}
@media (max-width: 767px) {
	#sp-footer1 .sppb-addon-content { text-align: center; }

	#sp-footer2 .sppb-addon-text-block { text-align: center; }
	
	#sp-footer3 ul.menu { margin-top: 50px; }
	#sp-footer3 ul.menu li { flex: 1 0 100%; max-width: 100%; text-align: center; }
	
	body #sp-footer4 .sppb-addon-icons-group { text-align: center; }
}