/************** GENERAL WEBSITE STYLES **************/

html{
	font-size: 16px;
}

@media screen and (max-width: 1400px) {
	html{
		font-size: 14px;
	}
}

@media screen and (max-width: 1200px) {
	html{
		font-size: 14px;
	}
}

body {
	background-color:#fff!important;
	color: #000000;
	font-size: 1rem;
	line-height: 2rem;
	font-family: 'Inter', sans-serif!important;
	font-weight: 400;
	height: 100vh;
}

#page {
	opacity: 1!important;
}

/* links */

a {
	color: #000;
}

a:link {
	/*color: #000;*/
	text-decoration: none;
}

a:visited {
	/*color: #000;*/
/*	text-decoration: none;*/
}

a:hover {
	/*color: #000;*/
	text-decoration: underline;
}

/* overwite richeditor and plugins content */

p:empty {
  min-height: 1em; /* albo dowolna */
}

#body.richeditor {
	background-color: #fff;
}

#body.richeditor p,
.plugins p {
	color: #000000;
	margin: 0;
    padding: 0;
/*    font-size: 1.25rem;
	line-height: 2.125rem;*/
}

#body.richeditor span,
.plugins span {
	color: inherit;
}

#body.richeditor h1,
.plugins h1 {
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 3.125rem;
	line-height: 1.2;
	font-weight: 700;
}

#body.richeditor h2,
.plugins h2 {
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 3.125rem;
	line-height: 1.2;
	font-weight: 700;
}

#body.richeditor h3,
.plugins h3 {
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 2.1875rem;
	line-height: 1.2;
}

#body.richeditor h4,
.plugins h4 {
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 2.1875rem;
	line-height: 1.2;
}

#body.richeditor h5,
.plugins h5 {
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 2.1875rem;
	line-height: 1.2;
}

#body.richeditor h6,
.plugins h6 {
	color: #000000;
	margin: 0;
	padding: 0;
	font-size: 2.1875rem;
	line-height: 1.2;
}

#body.richeditor h1 {
	font-size: 3.125rem;
	line-height: 1.2;
}

#body.richeditor h2 {
	font-size: 3.125rem;
	line-height: 1.2;
}

#body.richeditor h3,
#body.richeditor h4,
#body.richeditor h5,
#body.richeditor h6 {
	font-size: 2.1875rem;
	line-height: 1.2;
}

#body.richeditor ul, 
.plugins ul {
	color: #000000;
	margin: 0;
    /* padding-left: 1.875rem; 
    font-size: 1.25rem;
	line-height: 2.125rem;    */
}

#body.richeditor ol,
.plugins ol {
	color: #000000;
	margin: 0;
    /* padding-left: 1.875rem;
    font-size: 1.25rem;
	line-height: 2.125rem; */    
}

#body.richeditor blockquote,
.plugins blockquote {
	margin: 20px 0 30px;
    border-left: 5px solid #ef295d;
    padding-left: 20px;	
	color: #000000;
    font-size: 1.25rem;
	line-height: 2.125rem;    
}

#body.richeditor table tr:nth-child(odd),
.plugins table tr:nth-child(odd) {
	/*background: #eee;opacity: 0.8;*/
}

#body.richeditor table tr td,
.plugins table tr td {
	padding: 15px;
}

#body.richeditor img.img-align-left,
.plugins img.img-align-left {
	float: left;
	padding: 0 15px 15px 0;
}

#body.richeditor img.img-align-right,
.plugins img.img-align-right {
	float: right;
	padding: 0 0 15px 15px;
}

/* backend richeditor hacks */

body.mce-content-body {
	background: none!important;
	padding: 1.25rem!important;
}

body.mce-content-body a {
	text-decoration: underline;
}

/* focus border color */

textarea:focus,
textarea.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
	border: 1px solid #4C91D1!important;
}

/* pagination */

.page-item.active .page-link {
	color: #fff !important;
	background-color: #3182e1;
	border-color: #3182e1;
}

.page-item .page-link:focus {
	z-index: 2;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(49, 120, 225, 0.25);
}

/* gallery */

.container .gallery-wrapper {
	padding: 0 15px;
}

.gallery-wrapper img {
	min-width: 100%;
}

.gallery-wrapper figure {
	position: relative;
	overflow: hidden;
	-webkit-filter: brightness(70%);
	filter: brightness(70%);
	transition: all 0.3s ease;
	margin: 0;
}

.gallery-wrapper figure:hover {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
}

.gallery-wrapper figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, .2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

.gallery-wrapper figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes slide {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px); /* Adjust based on desired distance */
  }
}



/************** HELPERS **************/

.fs-7 {
	font-size: 12px!important;
}


.hidden {
	display: none;
}

.pointer {
	cursor: pointer;
}

.round {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.arrow-slide{
	animation: slide 2s infinite;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.rotate {
  animation: spin 2s infinite linear;
}

.animated-underline {
    position: relative;
    text-decoration: none!important; /* Remove default underline */
}

.animated-underline::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px; /* Height of the underline */
    bottom: 0;
    left: 0;
    background-color: #404040; /* Same as text color */
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.animated-underline:hover::after {
    visibility: visible;
    width: 100%;
}


/* sections */

.section-header .layout-row{
	padding-top:0!important;
	padding-bottom:0!important;
}

.layout-section.section-header {
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 1001;
	transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1);
	/*box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .2);*/	
}

.section-header.scroll-down {
	transform: translateY(-100%);
}

.layout-section.section-scrollspy {
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 2;
	transition: top 0.6s cubic-bezier(0.85, 0, 0.15, 1);
}

.layout-section{
	position: relative;
	z-index: 1;
}

.layout-section.section-content{
	/*padding-top: 116px!important;*/
}

.layout-section.section-footer{
	position: sticky;
	bottom: 0;
	z-index: 0;
}
@media (max-width: 991px) {
	.layout-section.section-footer{
		position: relative;
	}	
}

.plugin-text a,
.plugin-textprimary a{color:#ef295d!important}
.plugin-text img,
.plugin-textprimary img{max-width:100%;height:auto}
.plugin-text table,
.plugin-textprimary table{border:0;width:100%;}
.plugin-text table tr,
.plugin-textprimary table tr{border-bottom:1px solid #2B3138;}
.plugin-text table tr td,
.plugin-textprimary table tr td{font-size: 1.25rem !important;}
.plugin-text table tr td:first-child,
.plugin-textprimary table tr td:first-child{padding-left:0!important;}
.plugin-text table tr td:last-child,
.plugin-textprimary table tr td:last-child{padding-right:0!important;}


/* back to top */
#back-to-top {position: fixed;bottom: 40px;right: calc(50% - 20px);z-index: 9999;width: 40px;height: 40px;text-align: center;line-height: 30px;cursor: pointer;border: 0;text-decoration: none;transition: opacity 0.3s ease-out;opacity: 0;}
#back-to-top.show {opacity:1;}
.go-top {
    display: none; 
    position: fixed; 
    bottom: 12px; 
    right: 12px; 
    z-index: 99; 
    border: none; 
    outline: none;
    background-color: #000;
    color: white;
    cursor: pointer;
    padding: 10px;
    font-size: 13px;
}
.go-top img{transform:rotate(270deg);}


/* footer */
.plugin-footer {color:#fff;font-size:0.875rem;line-height:1.2;}
.plugin-footer p{color:#fff;font-size:0.875rem;line-height:1.2;margin-bottom:0px;}
.plugin-footer a{color:#fff;font-size:0.875rem;line-height:1.2;text-decoration:none;transition:color 0.3s ease;}
.plugin-footer a:hover{color:#ccc;}


.triangle-t-e-red::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 60%;
    background-color: #E72E52;
    clip-path: polygon(100% 0, 100% 100%, 60% 0); /* trójkąt w prawym górnym rogu */
    z-index: -1;
}

/* forms */
body .form-check-input:checked{background-color: #DC3545;}
body .form-check-input[type=checkbox] {border-radius: 0;}
body .form-control:focus,
body .form-check-input:focus,
body .form-select:focus{border-width:0!important;box-shadow:none!important;}
body textarea:focus, 
body textarea.form-control:focus, 
body input[type=text]:focus, 
body input[type=password]:focus, 
body input[type=email]:focus, 
body input[type=number]:focus, 
body [type=text].form-control:focus, 
body [type=password].form-control:focus, 
body [type=email].form-control:focus, 
body [type=tel].form-control:focus, 
body [contenteditable].form-control:focus{border:0!important;box-shadow:none!important;}

body .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ef295d;
  --bs-btn-border-color: #ef295d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d82353;
  --bs-btn-hover-border-color: #cc1f4d;
  --bs-btn-focus-shadow-rgb: 239, 41, 93;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #bf1c48;
  --bs-btn-active-border-color: #b31942;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ef295d;
  --bs-btn-disabled-border-color: #ef295d;
}
body .btn {
    --bs-btn-font-size: 0.875rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.875rem;
}
.text-primary { color: #ef295d!important; }

.breadcrumb-item+.breadcrumb-item::before{line-height:0;}
.breadcrumb li a{color:#2B3138}

:root{
	--bs-breadcrumb-divider: url(/_data/cms_files/template/bread_chervron.svg);
	--bs-breadcrumb-font-size: 0.875rem;
}

/* For Chrome, Safari, and Opera */
::-webkit-scrollbar {
    width: 16px; /* scrollbar width */
}

::-webkit-scrollbar-track {
    background: #404040; /* color of the tracking area */
}

::-webkit-scrollbar-thumb {
    background: #fff; /* color of the scroll thumb */
    border:2px solid #404040;
    border-radius: 6px; /* roundness of the scroll thumb */
}