/*
Theme Name: Light Bootstrap Theme
Theme URI: http://example.com
Author: Dariusz Rorat
Author URI: http://example.com
Description: Lekki motyw WP oparty o Bootstrap 5.3 bez headless CMS.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: light-bootstrap-theme
*/
:root, [data-bs-theme=light] {
  --bs-body-bg-alt: #f8f9fa;
  --bs-body-bg-alt-rgb: 248, 249, 250;
  --bs-indigo-text-emphasis: #2c066b;
  --bs-indigo-bg-subtle: #e0d5fc;
  --bs-indigo-border-subtle: #b199f9;
  --bs-purple-text-emphasis: #3c1869;
  --bs-purple-bg-subtle: #e2d9f5;
  --bs-purple-border-subtle: #bb9de8;
  --bs-pink-text-emphasis: #6d1244;
  --bs-pink-bg-subtle: #f9d6e6;
  --bs-pink-border-subtle: #f0a1c6;
  --bs-orange-text-emphasis: #7d3104;
  --bs-orange-bg-subtle: #ffe5cc;
  --bs-orange-border-subtle: #ffbe8a;
  --bs-teal-text-emphasis: #085f4b;
  --bs-teal-bg-subtle: #d2f4ec;
  --bs-teal-border-subtle: #94e3d1;
}

[data-bs-theme=dark] {
  --bs-body-bg-alt: #343a40;
  --bs-body-bg-alt-rgb: 52, 58, 64;
  --bs-indigo-text-emphasis: #b19eff;
  --bs-indigo-bg-subtle: #1c0f3a;
  --bs-indigo-border-subtle: #4526a5;
  --bs-purple-text-emphasis: #c6b1ec;
  --bs-purple-bg-subtle: #1e1033;
  --bs-purple-border-subtle: #4e2a8c;
  --bs-pink-text-emphasis: #f09cc5;
  --bs-pink-bg-subtle: #300919;
  --bs-pink-border-subtle: #821848;
  --bs-orange-text-emphasis: #ffc48a;
  --bs-orange-bg-subtle: #331800;
  --bs-orange-border-subtle: #aa4600;
  --bs-teal-text-emphasis: #8ee7d4;
  --bs-teal-bg-subtle: #042520;
  --bs-teal-border-subtle: #0d6b5b;
}

.bg-body-alt {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-alt-rgb), var(--bs-bg-opacity)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

[data-bs-theme=light] .bg-auto-darklight {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
[data-bs-theme=dark] .bg-auto-darklight {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

[data-bs-theme=light] .bg-auto-lightdark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
[data-bs-theme=dark] .bg-auto-lightdark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

[data-bs-theme=light] .text-auto-blackwhite {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
[data-bs-theme=dark] .text-auto-blackwhite {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

[data-bs-theme=light] .text-auto-whiteblack {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
[data-bs-theme=dark] .text-auto-whiteblack {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

[data-bs-theme=light] .text-auto-darklight {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
[data-bs-theme=dark] .text-auto-darklight {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

[data-bs-theme=light] .text-auto-lightdark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
[data-bs-theme=dark] .text-auto-lightdark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

[data-bs-theme=light] .link-auto-darklight {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
[data-bs-theme=light] .link-auto-darklight:hover, [data-bs-theme=light] .link-auto-darklight:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
[data-bs-theme=dark] .link-auto-darklight {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
[data-bs-theme=dark] .link-auto-darklight:hover, [data-bs-theme=dark] .link-auto-darklight:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

[data-bs-theme=light] .btn-auto-darklight {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
[data-bs-theme=dark] .btn-auto-darklight {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
[data-bs-theme=light] .btn-outline-auto-darklight {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
[data-bs-theme=dark] .btn-outline-auto-darklight {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
[data-bs-theme=light] .auto-invert {
    filter: invert(0);
}
[data-bs-theme=dark] .auto-invert {
    filter: invert(1);
}

[data-bs-theme=dark] .dropdown-menu {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.bg-orange {background: #fd7e14 !important;}
.text-bg-orange {
  color: #000 !important;
  background-color: #fd7e14 !important;
}


.carousel-light .carousel-control-prev-icon,
.carousel-light .carousel-control-next-icon {
  filter: none !important;
}
.carousel-light .carousel-indicators [data-bs-target] {
  background-color: #fff !important;
}
.carousel-light .carousel-caption {
  color: #fff !important;
}

.blinking {
    -webkit-animation: blink 1.0s infinite both;
    animation: blink 1.0s infinite both;
}

@-webkit-keyframes blink {
	0% {opacity:1;}
	49% {opacity:1;}
	50% {opacity:0;}
	100% {opacity:0;}
}

@keyframes blink {
	0% {opacity:1;}
	49% {opacity:1;}
	50% {opacity:0;}
	100% {opacity:0;}
}

.fade-blinking {
    -webkit-animation: fadeblink 2s infinite both;
            animation: fadeblink 2s infinite both;
}

@-webkit-keyframes fadeblink {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes fadeblink {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.blinking-3 {
    -webkit-animation: blink 1.0s 3 both;
    animation: blink 1.0s 3 both;
}

.blinking-5 {
    -webkit-animation: blink 1.0s 5 both;
    animation: blink 1.0s 5 both;
}

.blinking-3-vis {
    -webkit-animation: blink 1.0s 3;
    animation: blink 1.0s 3;
}

.blinking-5-vis {
    -webkit-animation: blink 1.0s 5;
    animation: blink 1.0s 5;
}

.alert > :last-child {
  margin-bottom: 0;
}

.callout {
  --bs-link-color-rgb: var(--bs-callout-link);
  --bs-code-color: var(--bs-callout-code-color);
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: var(--bs-callout-color, inherit);
  background-color: var(--bs-callout-bg, var(--bs-gray-100));
  border-left: 0.25rem solid var(--bs-callout-border, var(--bs-gray-300));
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout + .callout {
  margin-top: -0.25rem;
}
.callout .highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.callout-primary {
  --bs-callout-color: var(--bs-primary-text-emphasis);
  --bs-callout-bg: var(--bs-primary-bg-subtle);
  --bs-callout-border: var(--bs-primary-border-subtle);
}
.callout-secondary {
  --bs-callout-color: var(--bs-secondary-text-emphasis);
  --bs-callout-bg: var(--bs-secondary-bg-subtle);
  --bs-callout-border: var(--bs-secondary-border-subtle);
}
.callout-info {
  --bs-callout-color: var(--bs-info-text-emphasis);
  --bs-callout-bg: var(--bs-info-bg-subtle);
  --bs-callout-border: var(--bs-info-border-subtle);
}
.callout-warning {
  --bs-callout-color: var(--bs-warning-text-emphasis);
  --bs-callout-bg: var(--bs-warning-bg-subtle);
  --bs-callout-border: var(--bs-warning-border-subtle);
}
.callout-success {
  --bs-callout-color: var(--bs-success-text-emphasis);
  --bs-callout-bg: var(--bs-success-bg-subtle);
  --bs-callout-border: var(--bs-success-border-subtle);
}
.callout-danger {
  --bs-callout-color: var(--bs-danger-text-emphasis);
  --bs-callout-bg: var(--bs-danger-bg-subtle);
  --bs-callout-border: var(--bs-danger-border-subtle);
}
.callout-light {
  --bs-callout-color: var(--bs-light-text-emphasis);
  --bs-callout-bg: var(--bs-light-bg-subtle);
  --bs-callout-border: var(--bs-light-border-subtle);
}
.callout-dark {
  --bs-callout-color: var(--bs-dark-text-emphasis);
  --bs-callout-bg: var(--bs-dark-bg-subtle);
  --bs-callout-border: var(--bs-dark-border-subtle);
}

.alert-indigo {
  --bs-alert-color: var(--bs-indigo-text-emphasis);
  --bs-alert-bg: var(--bs-indigo-bg-subtle);
  --bs-alert-border-color: var(--bs-indigo-border-subtle);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border-color: var(--bs-alert-border-color);
}
.alert-purple {
  --bs-alert-color: var(--bs-purple-text-emphasis);
  --bs-alert-bg: var(--bs-purple-bg-subtle);
  --bs-alert-border-color: var(--bs-purple-border-subtle);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border-color: var(--bs-alert-border-color);
}
.alert-pink {
  --bs-alert-color: var(--bs-pink-text-emphasis);
  --bs-alert-bg: var(--bs-pink-bg-subtle);
  --bs-alert-border-color: var(--bs-pink-border-subtle);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border-color: var(--bs-alert-border-color);
}
.alert-orange {
  --bs-alert-color: var(--bs-orange-text-emphasis);
  --bs-alert-bg: var(--bs-orange-bg-subtle);
  --bs-alert-border-color: var(--bs-orange-border-subtle);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border-color: var(--bs-alert-border-color);
}
.alert-teal {
  --bs-alert-color: var(--bs-teal-text-emphasis);
  --bs-alert-bg: var(--bs-teal-bg-subtle);
  --bs-alert-border-color: var(--bs-teal-border-subtle);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border-color: var(--bs-alert-border-color);
}

.callout-indigo {
  --bs-callout-color: var(--bs-indigo-text-emphasis);
  --bs-callout-bg: var(--bs-indigo-bg-subtle);
  --bs-callout-border: var(--bs-indigo-border-subtle);
}

.callout-purple {
  --bs-callout-color: var(--bs-purple-text-emphasis);
  --bs-callout-bg: var(--bs-purple-bg-subtle);
  --bs-callout-border: var(--bs-purple-border-subtle);
}

.callout-pink {
  --bs-callout-color: var(--bs-pink-text-emphasis);
  --bs-callout-bg: var(--bs-pink-bg-subtle);
  --bs-callout-border: var(--bs-pink-border-subtle);
}

.callout-orange {
  --bs-callout-color: var(--bs-orange-text-emphasis);
  --bs-callout-bg: var(--bs-orange-bg-subtle);
  --bs-callout-border: var(--bs-orange-border-subtle);
}

.callout-teal {
  --bs-callout-color: var(--bs-teal-text-emphasis);
  --bs-callout-bg: var(--bs-teal-bg-subtle);
  --bs-callout-border: var(--bs-teal-border-subtle);
}

.vh-50 {
    height: 50vh !important;
}

.w-40 {
    width: 40% !important;
}

.w-60 {
    width: 60% !important;
}

.w-70 {
    width: 70% !important;
}

.w-80 {
    width: 80% !important;
}

.w-90 {
    width: 90% !important;
}

.vh-25 {
  height: 25vh !important;
}

.vh-50 {
  height: 50vh !important;
}

.vh-75 {
  height: 75vh !important;
}

.mvh-25 {
    max-height: 25vh !important;
}

.mvh-50 {
    max-height: 50vh !important;
}

.mvh-75 {
    max-height: 75vh !important;
}

.mvh-100 {
    max-height: 100vh !important;
}

@media (max-width: 991px) {
    #buttonTheme {
        margin-top: 1rem;
    }
}

@media (min-width: 992px) {
    #searchInputGroup {
        width: 25%;
    }
}

picture {
  margin: 0 0 1rem;
}

picture.w-100 img {
  width: 100%;
  height: auto;
}

picture.w-75 img {
  width: 75%;
  height: auto;
}

picture.w-50 img {
  width: 50%;
  height: auto;
}

picture.w-25 img {
  width: 25%;
  height: auto;
}

picture.img-center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
