@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}/*!
 * Bootstrap Utilities v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

/* Navbar */
:root {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(255, 255, 255, 0.65);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.8);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.3);
  --bs-navbar-active-color: rgba(255, 255, 255, 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(255, 255, 255, 1);
  --bs-navbar-brand-hover-color: rgba(255, 255, 255, 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.4);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;

  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-icon-dark-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);

  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);

  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(
    var(--bs-border-radius-lg) - (var(--bs-border-width))
  );
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);

  --bs-offcanvas-zindex: 1000000;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--kubrick2024-offcanvas-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.1;
  --bs-border-width: 1px;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}

.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-dark-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }

  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }

  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }

  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }

  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

[data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Button btn Close */
.btn-close {
  --bs-btn-close-color: #000;

  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 2rem;
  height: 1rem;
  padding: 0.25em 0.25em;
  color: #fff;
  background: #000;
  fill: #fff;
  border: 0;
  border-radius: 0.375rem;
}

.btn-close svg.svg-icon {
  position: relative;
  bottom: 0.375rem;
  width: 1.5rem;
  height: 1.5rem;
}

.btn-close:focus svg.svg-icon,
.btn-close:hover svg.svg-icon {
  fill: #fff;
}

.btn-close:hover {
  color: #fff;
  background: var(--kubrick2024-primary);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}

.btn-close:focus {
  background: var(--kubrick2024-primary);
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}

.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme="dark"] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}

/* Modals */

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid
    var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5)
    calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y))
    calc(-0.5 * var(--bs-modal-header-padding-x))
    calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid
    var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }

  .modal-sm {
    --bs-modal-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}

/* Off Canvas */
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}

@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }

  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }

  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }

  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }

  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }

  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
}

@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-sm .offcanvas-header {
    display: none;
  }

  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }

  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }

  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }

  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }

  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none;
  }

  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible;
  }
}

@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-md .offcanvas-header {
    display: none;
  }

  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }

  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }

  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }

  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }

  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }

  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible;
  }
}

@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-lg .offcanvas-header {
    display: none;
  }

  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }

  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }

  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }

  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }

  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }

  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
}

@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-xl .offcanvas-header {
    display: none;
  }

  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }

  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }

  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }

  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid
      var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }

  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }

  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
}

@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }

  .offcanvas-xxl .offcanvas-header {
    display: none;
  }

  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid
    var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5)
    calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
  font-size: 1.25rem;
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

/* Display */

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-none {
  display: none !important;
}

/* Margins */

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

/* Padding */

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}
/*
Theme Name: Kubrick 2024
Theme URI: https://roughpixels.ch/themes/kubrick-2024/
Author: Rough Pixels
Author URI: https://roughpixels.ch
Description: Kubrick 2024 is a contemporary reinterpretation of the iconic Kubrick theme, a staple of WordPress's early days. This theme retains the essence of the classic Kubrick design, known for its clean lines and straightforward layout, while infusing it with modern aesthetics and functionality. Designed for today's web, Kubrick 2024 offers a fresh, responsive, and accessible experience, maintaining the core aspects that made the original so beloved. Whether you're a long-time fan of the classic Kubrick or a new user looking for a theme that combines tradition with modernity, Kubrick 2024 is crafted to meet the needs of diverse WordPress users. Embrace the nostalgia and step into the future with a theme that respects its roots while embracing the innovations of the present.
Version: 1.0.3
Tested up to: 6.4
Requires at least: 4.7
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kubrick-2024
Tags: one-column, blog,  left-sidebar, right-sidebar, custom-colors, block-styles, wide-blocks, custom-menu, custom-logo, custom-background, custom-header, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

Kubrick 2024, (C) 2024 roughpixels.com
Kubrick 2024 is distributed under the terms of the GNU GPL.
*/

/* Table of Contents
====================================================
  Root Variables
  Reset
  Base
  Accessibility
  Layout
  Header
  Footer
  Content
  Comments
  Pages
  Navigation
  Footer Menu
  Back To Top
  Social Menu
  Blog and Post Navigation
  Multi-Page Navigation
  Typography
  Media
  Classic Gallery
  Alignment
  Transitions
  Sidebars
  Widgets
  Plugins
  Form Styles
  Search Modal
  Media Queries
*/

/* Oswald - variable */
@font-face {
  font-family: "Oswald";
  font-display: swap;
  font-style: normal;
  font-weight: 200 700;
  /* Super Modern Browsers */
  src: url(https://www.augensternswelt.de/wp-content/themes/kubrick-2024/assets/fonts/Oswald-VariableFont_wght.woff2) format("woff2"),
    /* Modern Browsers */ url(https://www.augensternswelt.de/wp-content/themes/kubrick-2024/assets/fonts/Oswald-VariableFont_wght.woff)
      format("woff");
}

/* Root Variables
==================================================== */
:root {
  /* Font Families */
  --kubrick2024-primary-font: "Segoe UI", "Helvetica Neue", Arial, "Noto Sans",
    "Liberation Sans", sans-serif, system-ui, -apple-system, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

  --kubrick2024-secondary-font: Oswald, Impact, "Segoe UI", "Helvetica Neue",
    "Arial Narrow", "Noto Sans", "Liberation Sans", sans-serif, system-ui,
    -apple-system, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";

  --kubrick2024-serif-font: Georgia, serif;

  /* Colours */
  --kubrick2024-primary: #3f82b9;
  --kubrick2024-secondary: #c8dff7;
  --kubrick2024-tertiary: #c39239;
  --kubrick2024-beige: #cdc0a9;
  --kubrick2024-dark: #2d3136;
  --kubrick2024-body: #f6f2ee;
  --kubrick2024-content-bg: #fff;
  --kubrick2024-text: #595959;
  --kubrick2024-secondary-text: #8f97a0;
  --kubrick2024-headings: #444;
  --kubrick2024-links: #c39239;
  --kubrick2024-hover-links: #c39239;

  --kubrick2024-grey-100: #f8f9fa;
  --kubrick2024-grey-200: #e9ecef;
  --kubrick2024-grey-300: #dee2e6;
  --kubrick2024-grey-400: #ced4da;
  --kubrick2024-grey-500: #adb5bd;
  --kubrick2024-grey-600: #6c757d;
  --kubrick2024-grey-700: #495057;
  --kubrick2024-grey-800: #343a40;
  --kubrick2024-grey-900: #212529;

  --kubrick2024-offcanvas-bg: #fff;
  --kubrick2024-hover-opacity: 0.7;
  --kubrick2024-widget-bg: #f7f7f7;
  --kubrick2024-lines: #dae1e8;

  --kubrick2024-table-header-bg: var(--kubrick2024-grey-700);
  --kubrick2024-table-header-text: #fff;

  /* Shadows */
  --kubrick2024-page-shadow: 0 0.5rem 1.563rem -0.625rem rgba(0, 0, 0, 0.27);
  --kubrick2024-shadow-sm: 0 1.3rem 1rem -1.25rem rgba(0, 0, 0, 0.5);
  --kubrick2024-shadow: 0 1.5rem 1rem -1.25rem rgba(0, 0, 0, 0.4);
  --kubrick2024-shadow-lg: 0 1.75rem 1.25rem -1.25rem rgba(0, 0, 0, 0.4);

  /* Border radius */
  --kubrick2024-border-radius: 0.5rem;

  /* Media */
  --kubrick2024-img-bg: #fff;
  --kubrick2024-img-radius: 0.25rem;
  --kubrick-img-border-color: #ccc;
  --kubrick2024-img-padding: 0.313rem;
  --kubrick2024-img-placeholder-text: 1.125rem;
  --kubrick2024-caption-text: #677179;

  /* Navigation */
  --kubrick2024-nav-bg: #2d3136;
  --kubrick2024-menu-links: #fff;
  --kubrick2024-menu-hover-links: #fff;
  --kubrick2024-submenu-lines: #404449;
  --kubrick2024-submenu-hover-bg: #3f82b9;

  /* Forms */
  --kubrick2024-btn: #3f82b9;
  --kubrick2024-btn-hover: #4c77a6;
}

/* Reset
==================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* Base
==================================================== */
html {
  font-size: 15px;
}

body {
  background-color: var(--kubrick2024-body);
  color: var(--kubrick2024-text);
  font-family: var(--kubrick2024-primary-font);
  font-size: 1rem;
  height: 100%;
  line-height: 1.65;
  padding: 0.75rem;
  overflow-x: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}

/* Accessibility
==================================================== */
.screen-reader-text,
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.skip-link:focus {
  background-color: #000;
  border-radius: 0.188rem;
  box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 1);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #fff;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 0.313rem;
  padding: 1rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/* Layout
==================================================== */
.boxed #page,
.container {
  max-width: 1200px;
  max-width: 75rem;
}

#page {
  background: #fff;
  box-shadow: var(--kubrick2024-page-shadow);
  border-radius: var(--kubrick2024-border-radius);
  margin: 0 auto;
  padding: 1.125rem;
}

.header,
.footer {
  width: 100%;
}

.container {
  display: flex;
  flex-direction: column;
  margin: 2.75rem auto 2.75rem;
}

#colophon {
  border-top: 1px solid var(--kubrick2024-lines);
}

/* Header
==================================================== */
.site-header {
  background: linear-gradient(
    to bottom,
    #88bfe8 0%,
    #3f82b9 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  border-radius: 0.5rem 0.5rem 0 0;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 1rem 0;
  background-size: cover;
  background-position: bottom;
  min-height: 400px;
  min-height: 25rem;
}

.header-default .site-header {
  min-height: 16rem;
}

.header-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 175px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  padding: 1rem 2rem;
  width: 90%;
}

.header-default .header-content {
  background: none;
}

.site-title,
.site-title a {
  font-family: var(--kubrick2024-secondary-font);
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0;
}

.header-default .site-title a {
  font-size: 3.5rem;
  font-weight: 700;
}

.site-title,
.site-title a {
  color: #fff;
  text-decoration: none !important;
}

.site-title a:focus,
.site-title a:hover {
  color: #cdc0a9;
  text-decoration: none;
}

.header-default .site-title a:focus,
.header-default .site-title a:hover {
  opacity: 0.8;
}

.site-description {
  color: #9ea2a5;
  text-transform: uppercase;
  font-size: 0.688rem;
  letter-spacing: 2px;
  font-weight: 400;
  position: relative;
}

.site-description::before {
  content: "";
  display: block;
  height: 1px;
  width: 20%;
  background: #babdc0;
  margin: 0.5rem auto;
}

.header-default .site-description {
  color: #fff;
}
.header-default .site-description::before {
  background-color: #fff;
}

@media (max-width: 768px) {
  .header-content {
    height: auto;
  }
}

/* Footer
==================================================== */
.site-info {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: center;
  margin: 1rem 0 0;
}

.copyright {
  margin-top: 0.5rem;
}

/* Content
==================================================== */
#page-header,
#post-header {
  margin-bottom: 3rem;
}

#page-header {
  text-align: left;
}

.entry-header {
  position: relative;
  text-align: center;
}

.blog-left-sidebar .entry-header,
.blog-right-sidebar .entry-header,
.blog-full-width .entry-header {
  display: flex;
  flex-direction: column;
}

.featured-category-wrap,
.hentry.sticky {
  list-style: none;
  display: inline-flex;
  align-items: center;
  font-size: 1.25rem;
  margin: 0 auto;
  padding: 0;
  position: relative;
  /* Needed for pseudo-elements positioning */
  font-family: var(--kubrick2024-secondary-font);
}

.featured-category-wrap {
  color: var(--kubrick2024-secondary-text);
}

.blog .hentry,
.hentry.sticky,
.archive .hentry,
.search-results .hentry {
  margin-bottom: 4rem;
}

.entry-content {
  font-size: 1rem;
}

/* Classic Kubrick styles */
.blog-classic h2.entry-title,
.post-classic h2.entry-title {
  text-align: left;
  margin-bottom: 0.5rem;
}

.blog-classic .post-meta li:first-child,
.post-classic .post-meta li:first-child {
  margin-left: 0;
}

.blog-classic .top-meta,
.post-classic .top-meta {
  margin-bottom: 1.25rem;
}

.blog-classic .post-meta li,
.post-classic .post-meta li {
  display: inline-block;
  margin-inline: 0.75rem;
}

.blog-classic .featured-category-wrap {
  font-size: inherit;
  font-family: inherit;
  font-weight: 700;
}

.blog-classic .featured-category-wrap::before,
.blog-classic .featured-category-wrap::after {
  content: none;
}

.classic-kubrick-styling .entry-header,
.classic-kubrick-styling h1.entry-title {
  text-align: left;
}

.classic-kubrick-styling h1.entry-title {
  margin-inline: 0;
}

.classic-kubrick-styling ul.post-meta {
  justify-content: start;
}

.classic-kubrick-styling .post-meta li:first-child {
  margin-left: 0;
}

/* Space and add a line between sections */
.single .entry-footer,
.single .entry-content,
.post-author-info,
.comments-area,
.related-posts {
  border-bottom: 1px solid var(--kubrick2024-lines);
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

.entry-footer {
  clear: both;
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  position: relative;
}

.hentry.sticky {
  display: block;
  font-family: var(--kubrick2024-primary-font);
  font-weight: 400;
}

.featured-category-wrap::before,
.featured-category-wrap::after {
  content: "";
  display: block;
  width: 4rem;
  /* Length of the horizontal lines */
  border-top: 1px solid var(--kubrick2024-lines);
  /* Creates a 1px border line */
  position: absolute;
  top: 55%;
  /* Middle align */
}

.featured-category-wrap::before {
  left: calc(-4rem - 0.5rem);
  /* Position the line on the left */
}

.featured-category-wrap::after {
  right: calc(-4rem - 0.5rem);
  /* Position the line on the right */
}

/* Post thumbnail */
.post-thumbnail {
  margin: 0 0 2rem;
}

.single .post-thumbnail {
  margin: 0.313rem 0 3rem;
  width: 100%;
}

.single .post-thumbnail img {
  width: 100%;
}

.post-thumbnail a {
  display: block;
  position: relative;
  z-index: 1;
}

.post-thumbnail figcaption.wp-caption-text {
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 0;
  display: block;
  z-index: 2;
  left: 0;
  right: 0;
  margin-bottom: 0;
}

.post-thumbnail figcaption span {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.5rem 1.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

.no-sidebar figure.post-thumbnail img {
  width: 100%;
}

/* Post info */
.post-meta {
  list-style: none;
  display: flex;
  align-items: center;
  font-size: 0.813rem;
  margin: 0;
  /* We need the container to move to the right */
  padding: 0;
  position: relative;
}

.single .post-meta:not(.post-classic .post-meta),
.search-results .post-meta {
  justify-content: center;
  margin: -1rem 0 1.5rem;
}

.post-meta li {
  display: inline-block;
  margin-inline: 0.5rem;
}

.post-meta li:first-child {
  margin-left: 0.875rem;
}

.post-meta,
.post-meta a {
  color: var(--kubrick2024-secondary-text);
  text-decoration: none;
}

.post-meta a {
  text-decoration: none;
}

.post-meta a {
  text-decoration: none;
}

/* Read more */
.readmore-wrapper {
  display: flex;
  margin: 0;
  padding-right: 1rem;
  position: relative;
}

.readmore-wrapper:after {
  content: "";
  border-right: 1px solid var(--kubrick2024-lines);
  height: 0.875rem;
  position: absolute;
  right: 0;
  top: 0.313rem;
}

.readmore-wrapper svg.svg-icon {
  fill: var(--kubrick2024-tertiary);
  margin-right: 0.438rem;
  position: relative;
  bottom: -0.125rem;
  width: 1.125rem;
  height: 1.125rem;
}

a.readmore-link {
  color: var(--kubrick2024-secondary-text);
  font-size: 0.813rem;
  text-decoration: none;
  text-transform: uppercase;
}

/* Blog and singular styles */
.blog-full-width .entry-title,
.blog-full-width .entry-content,
.blog-full-width .entry-footer,
.post-full-width .entry-title,
.post-full-width .entry-content,
.post-full-width .entry-footer,
.post-full-width .post-author-info,
.post-full-width #comments,
.post-full-width .post-navigation {
  max-width: 53.75rem;
  margin-inline: auto;
}

/* No Sidebar enabled */
.no-sidebar #page-header,
.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-footer {
  max-width: 53.75rem;
  margin-inline: auto;
}

.no-sidebar figure.post-thumbnail {
  width: 100%;
}

/* Post category and tags */
.single .entry-footer {
  align-items: start;
  margin: 0 auto 2rem;
  flex-direction: column;
  padding-bottom: 2rem;
}

.single .entry-footer p {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
}

.single .entry-footer .svg-icon {
  position: relative;
  bottom: 2px;
  margin-right: 0.5rem;
}

.single .entry-footer > :last-child {
  margin-bottom: 0;
}

.cat-links a,
.tags-links a,
.post-edit-link {
  color: var(--kubrick2024-links);
  line-height: normal;
  display: inline-block;
  word-wrap: break-word;
  text-decoration: none;
  margin-bottom: 0.313rem 0;
  font-weight: 600;
}

.cat-links a:focus,
.cat-links a:hover,
.tags-links a:focus,
.tags-links a:hover,
.post-edit-link:focus,
.post-edit-link:hover {
  color: inherit;
}

/* Post Author Bio */
.post-author-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.post-author-avatar {
  min-width: 5rem;
}

.post-author-description {
  font-size: 0.875rem;
  text-align: center;
}

.post-author-description .svg-icon {
  width: 1rem;
  height: 1rem;
  position: relative;
  bottom: 0.063rem;
}

.post-author-heading {
  font-size: 1.125rem;
  margin: 0 0 0.5rem;
}

.post-author-link {
  color: var(--kubrick2024-links);
  display: inline-block;
  font-size: 0.75rem;
  margin: 1rem 0.5rem 0;
  text-decoration: none;
}

.post-author-link:focus,
.post-author-link:hover {
  color: inherit;
}

/* Comments
==================================================== */

.comments-title {
  margin: 0 0 2rem;
}

.comments-title,
.comment-reply-title {
  font-size: 1.375rem;
}

.comments-title .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.375rem;
  opacity: 0.75;
}

.logged-in-as {
  color: var(--kubrick2024-secondary-text);
  font-size: 0.875rem;
}

.comment > .comment {
  margin-left: 4%;
}

.comment-list,
.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comment {
  margin-bottom: 2.25rem;
}

.comment-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.875rem;
}

.comment-avatar,
.comment-author.vcard {
  flex-shrink: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  text-transform: capitalize;
}

.comment-author.vcard .url {
  text-decoration: none;
}

.comment-meta {
  flex-grow: 1;
  padding-left: 0.75rem;
}

.comment-time,
.bypostauthor .by-postauthor {
  font-size: 0.813rem;
  color: var(--kubrick2024-grey-600);
}

a.comment-edit-link {
  color: var(--kubrick2024-grey-600);
  font-size: 0.813rem;
  text-decoration: none;
}

.by-postauthor {
  font-weight: 600;
}

.comment-content {
  font-size: 0.938rem;
}

.comment-content p:last-child {
  margin-bottom: 0.5rem;
}

.comment-reply {
  margin: 1.125rem 0;
}

.comment-reply-link {
  font-size: 12px;
  font-weight: 400;
  color: #151515;
  -webkit-transition: 120ms ease-in;
  transition: 120ms ease-in;
  text-decoration: none;
  border: 1px solid #151515;
  padding: 4px 12px;
}

.comment-reply-link:focus,
.comment-reply-link:hover {
  border-color: var(--kubrick2024-primary);
  background: var(--kubrick2024-primary);
  color: #fff;
}

.required-field-message {
  display: block;
}

.logged-in-as a {
  color: var(--kubrick2024-grey-600);
}

.logged-in-as a:focus,
.logged-in-as a:hover {
  text-decoration: none;
}

.comment-notes {
  font-size: 0.875rem;
  font-style: italic;
  color: var(--kubrick2024-secondary-text);
}

.comment-form-cookies-consent label {
  font-size: 0.875rem;
  color: var(--kubrick2024-grey-600);
  font-style: italic;
}

#wp-comment-cookies-consent {
  position: relative;
  bottom: 0.063rem;
}

.comment-form-comment label {
  font-weight: 600;
}

textarea#comment {
  width: 100%;
}

#commentform .form-submit {
  margin-bottom: 0;
}

/* Pages
==================================================== */
/* 404 */
.page-kubrick2024-header {
  position: relative;
}

.error-title {
  position: relative;
  bottom: 0;
  color: var(--kubrick2024-beige);
  font-family: arial;
  font-size: 26vw;
  line-height: 1;
  font-weight: 700;
  margin: 0;
  text-align: center;
}

.error-404 .page-content {
  position: relative;
  z-index: 2;
  top: -6rem;
  font-weight: 600;
  font-size: 2.25rem;
  text-align: center;
  max-width: 760px;
  margin-inline: auto;
  line-height: 1.2;
}

/* Search Results */
.search-results .page-title {
  text-align: center;
}

.search-results .main-content {
  max-width: 760px;
  margin-inline: auto;
}

/* Navigation
==================================================== */

/* Primary Navigation Styles */
.main-navigation {
  display: none;
}

#nav-container {
  display: flex;
  background: var(--kubrick2024-nav-bg);
  margin-top: 0;
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0.688rem 1rem;
  justify-content: center;
}

div.nav-menu ul {
  margin-bottom: 0;
  padding: 0;
}

div.nav-menu li {
  display: inline-block;
}

.nav-menu {
  /* Main menu styles (horizontal layout, spacing, etc.) */
  display: flex;
  font-size: 0.875rem;
  list-style: none;
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1000;
  text-transform: uppercase;
}

.nav-menu li {
  position: relative;
  margin-inline: 1rem;
  /* Needed for submenu positioning */
}

.nav-menu li ul {
  border-radius: 0 0 0.375rem 0.375rem;
  box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.27);
  font-size: 0.813rem;
  list-style: none;
  position: absolute;
  padding: 1rem 0.25rem 0.25rem;
  top: 100%;
  left: 50%;
  /* Set left position to 50% of parent item */
  transform: translateX(-50%);
  /* Shift horizontally by -50% of own width */
  background: var(--kubrick2024-nav-bg);
  text-transform: capitalize;
  text-align: center;
  width: 13rem;
  /* Width of submenus */
  opacity: 0;
  /* Start with submenu invisible */
  visibility: hidden;
  /* Start the submenu a bit higher */
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  /* Transition effect for submenu flyouts */
}

.nav-menu li ul ul {
  border-radius: 0.375rem;
  top: 0;
  left: 100%;
  padding: 0.25rem;
  /* Position to the right of the parent submenu */
  transform: translateY(0);
  /* Adjust if necessary */
}

/* Show submenu on hover */
.nav-menu li:hover > ul,
.nav-menu li:focus-within > ul,
.nav-menu li ul li:hover > ul {
  opacity: 1;
  /* Make submenu visible */
  visibility: visible;
  /* Show the submenu */
}

.sub-menu li {
  border-bottom: 1px solid var(--kubrick2024-submenu-lines);
  margin-inline: 0;
}

.sub-menu li:last-child {
  border: none;
}

.sub-menu li a {
  display: flex;
  padding: 0.375rem 0;
  margin: 0;
  justify-content: center;
}

.nav-menu a:hover:not(.sub-menu a:hover) {
  opacity: 0.7;
}

/* Menu link styles */
.nav-menu a {
  text-decoration: none;
  letter-spacing: 0.75px;
  color: var(--kubrick2024-menu-links);
}

.nav-menu a:focus,
.nav-menu a:hover {
  color: var(--kubrick2024-menu-hover-links);
}

.sub-menu a:focus,
.sub-menu a:hover {
  background: var(--kubrick2024-submenu-hover-bg);
  border-radius: 0.375rem;
}

/* Show the offcanvas toggler button in mobile view */
.navbar-toggler {
  cursor: pointer;
  display: flex;
  margin: auto;
}

/* Mobile Menu */
.mobile-nav {
  font-size: 1.188rem;
  padding-left: 0;
}

.mobile-nav ul {
  border-top: 1px solid var(--kubrick2024-submenu-lines);
  font-size: 1rem;
  padding-left: 0;
}

.mobile-nav li {
  border-bottom: 1px solid var(--kubrick2024-submenu-lines);
  list-style: none;
}

.mobile-nav ul,
.mobile-nav li {
  border-color: var(--kubrick2024-grey-300);
}

.mobile-nav li a {
  text-decoration: none;
  padding: 0.25rem 0.5rem;
  display: flex;
  justify-content: start;
}

.mobile-nav ul li a {
  font-weight: 400;
  padding-left: 1.5rem;
}

.mobile-nav ul li ul li a {
  padding-left: 2.25rem;
}

.mobile-nav ul li ul li ul li a {
  padding-left: 3rem;
}

.mobile-nav a {
  color: #000;
  font-weight: 500;
}

.mobile-nav a:focus,
.mobile-nav a:hover {
  background: var(--kubrick2024-submenu-hover-bg);
  border-radius: 0.375rem;
  color: #fff;
}

/* Footer Menu
==================================================== */
.footer-nav {
  display: flex;
  font-size: 0.75rem;
  margin: 0 0 0.25rem;
  padding: 0;
  justify-content: center;
}

.footer-nav ul {
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-nav li {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
}

.footer-nav li::after {
  content: "";
  display: block;
  width: 0.188rem;
  height: 0.188rem;
  background: var(--kubrick2024-grey-500);
  border-radius: 50%;
  margin: 0 0.5rem;
  top: 0.063rem;
  position: relative;
}

.footer-nav li:last-child::after {
  content: none;
}

.footer-nav li > a {
  color: inherit;
  position: relative;
  display: inline-block;
  padding: 0;
  text-decoration: none;
}

.footer-nav li > a:focus,
.footer-nav li > a:hover {
  opacity: var(--kubrick2024-hover-opacity);
}

/* Back To Top
==================================================== */
#backToTop {
  background: var(--kubrick2024-beige);
  border: none;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: none;
  cursor: pointer;
  padding: 0.75rem;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  z-index: 1000;
}

#backToTop:focus,
#backToTop:hover {
  background: var(--kubrick2024-grey-600);
}

#backToTop .svg-icon {
  fill: #fff;
  width: 1.25rem;
  height: 1.25rem;
  bottom: 0;
  display: flex;
  margin-inline: auto;
}

/* Social Menu
==================================================== */
#social-nav {
  list-style: none;
  margin: 0.5rem;
  padding: 0;
  display: flex;
  justify-content: center;
}

#social-nav li {
  margin-inline: 0.375rem;
}

#social-nav span {
  position: absolute;
  left: -10000px;
}

#social-nav a {
  color: var(--kubrick2024-grey-600);
}

#social-nav a:focus,
#social-nav a:hover {
  color: var(--kubrick2024-secondary);
}

#social-nav .svg-icon {
  color: var(--kubrick2024-primary);
  fill: var(--kubrick2024-primary);
  width: 1.5rem;
  height: 1.5rem;
}

#social-nav .svg-icon:focus,
#social-nav .svg-icon:hover {
  color: inherit;
  fill: inherit;
}

/* Blog and Post Navigation
==================================================== */
.pagination {
  display: flex;
  margin-bottom: 2rem;
  margin-top: 3rem;
}

.pagination,
.template-full .pagination,
.template-short .pagination {
  justify-content: center;
}

.pagination .nav-links {
  display: flex;
  gap: 0.25rem;
  line-height: 1;
  align-items: center;
}

.page-numbers {
  border-radius: 0.375rem;
  border: 1px solid var(--kubrick2024-grey-200);
  color: var(--kubrick2024-grey-800);
  padding: 0.75rem;
  position: relative;
  font-size: 0.875rem;
  text-decoration: none;
  width: 3.142857em;
  height: 3.142857em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prev.page-numbers,
.next.page-numbers {
  background: var(--kubrick2024-grey-100);
}

.page-numbers:focus,
.page-numbers:hover,
.prev.page-numbers:focus,
.next.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:hover {
  background: var(--kubrick2024-grey-200);
  border-color: var(--kubrick2024-grey-200);
  color: initial;
}

.prev.page-numbers .svg-icon,
.next.page-numbers .svg-icon {
  fill: var(--kubrick2024-grey-600);
  position: relative;
}

.page-numbers.current {
  background-color: var(--kubrick2024-primary);
  border-color: var(--kubrick2024-primary);
  color: #fff;
}

/* Post Navigation */
.post-navigation .nav-links,
.comment-navigation .nav-links {
  display: flex;
  flex-direction: column;
}

.post-navigation .nav-previous,
.post-navigation .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
  flex-basis: 50%;
  margin-bottom: 1rem;
}

.post-navigation .nav-next,
.comment-navigation .nav-next {
  text-align: left;
}

.post-navigation .nav-links > :only-child,
.comment-navigation .nav-links > :only-child {
  flex-basis: 100%;
}

.post-navigation .nav-meta {
  display: inline-block;
  font-family: var(--kubrick2024-secondary-font);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 0.25rem;
  position: relative;
  text-transform: uppercase;
}

.post-navigation a {
  text-decoration: none;
}

.post-navigation a:focus,
.post-navigation a:hover {
  color: inherit;
}

.post-navigation a > .nav-meta {
  color: initial;
}

.post-navigation .post-title {
  display: block;
  font-family: var(--kubrick2024-serif-font);
  font-size: 0.938rem;
  font-style: italic;
  line-height: 1.4;
}

.comment-navigation {
  margin-bottom: 1.375rem;
}

/* Multi-Page Navigation
==================================================== */
.multi-page-links {
  clear: both;
  margin: 1rem 0;
  font-size: 0.75rem;
}

.multi-page-links a,
.multi-page-links .post-page-numbers {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.3);
  color: inherit;
  padding: 0.188rem 0.5rem;
  border-radius: 0.5rem;
  margin-right: 0.188rem;
  text-decoration: none;
}

.multi-page-links a:focus,
.multi-page-links a:hover,
.post-page-numbers.current {
  background: var(--kubrick2024-secondary);
  border-color: var(--kubrick2024-secondary);

  /*   background: var(--kubrick2024-grey-600);
    border-color: var(--kubrick2024-grey-600); */

  color: #fff;
}

/* Typography
==================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: var(--kubrick2024-headings);
  font-family: var(--kubrick2024-secondary-font);
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a {
  color: var(--kubrick2024-links);
  text-decoration: underline;
}

.h1,
h1 {
  font-size: 2rem;
}

.h2,
h2 {
  font-size: 1.75rem;
}

.h3,
h3 {
  font-size: 1.5rem;
}

.h4,
h4 {
  font-size: 1.25rem;
}

.h5,
h5 {
  font-size: 1.125rem;
}

.h6,
h6 {
  font-size: 1rem;
}

.entry-title {
  text-align: center;
  font-size: 2.125rem;
  margin-bottom: 1.5rem;
  text-transform: capitalize;
}

/* Adjust blog title width */
.blog.blog-left-sidebar .entry-title,
.archive.blog-left-sidebar .entry-title,
.blog.blog-right-sidebar .entry-title,
.archive.blog-right-sidebar .entry-title,
.blog.blog-full-width .entry-title,
.archive.blog-full-width .entry-title {
  max-width: 90%;
  margin-inline: auto;
}

#page-header .entry-title {
  text-align: left;
  margin-bottom: 1rem;
}

.archive-prefix {
  color: #cdc0a9;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.3;
}

p {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

p:last-child {
  margin-bottom: 0;
}

/* Links */
a {
  color: var(--kubrick2024-links);
  text-underline-offset: 0.188rem;
}

a:focus,
a:hover {
  color: var(--kubrick2024-hover-links);
}

.entry-content p > a:not(.readmore-link) {
  font-weight: 500;
}

p > a:not(.readmore-link):hover,
p > a:not(.readmore-link):focus {
  text-decoration: underline;
  text-decoration-style: dotted;
}

/* Blockquotes */
blockquote,
.blockquote {
  font-family: var(--kubrick2024-serif-font);
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.3;
  margin: 2rem;
  position: relative;
}

blockquote > :last-child,
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

blockquote::before {
  color: var(--kubrick2024-primary);
  content: "\201C";
  font-family: var(--kubrick2024-serif-font);
  font-size: 18rem;
  line-height: 1;
  position: absolute;
  top: -3rem;
  z-index: 1;
  left: -3rem;
  left: -1.5rem;
  opacity: 0.12;
}

figcaption.blockquote-footer {
  text-align: left;
}

.blockquote-footer::before {
  content: "\2014";
}

/* Lists */
ol,
ul {
  padding-left: 2rem;
}

li > ul {
  padding-left: 1.25rem;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

ul li > ul,
ol li > ol,
ul li > ol,
ol li > ul {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

dl {
  border-top: 1px solid var(--kubrick2024-grey-300);
  display: block;
  margin: 2rem 0;
}

dt {
  font-weight: 700;
}

dd {
  font-style: italic;
  margin-bottom: 0;
  margin-left: 0;
}

dt,
dd {
  border-bottom: 1px solid var(--kubrick2024-grey-300);
  padding: 0.438rem 0;
  font-size: 0.875rem;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Inline elements */
.mark,
mark {
  padding: 0.188rem;
  color: #222;
  background-color: #fff3cd;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 0.813rem;
  direction: ltr;
  /* rtl:ignore */
  unicode-bidi: bidi-override;
  font-size: 1em;
}

kbd {
  background: var(--kubrick2024-grey-800);
  border-radius: 0.125rem;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.125rem 0.375rem;
  white-space: nowrap;
  position: relative;
  bottom: 0.125rem;
}

/* Code */
pre {
  background: var(--kubrick2024-grey-100);
  border: 1px solid var(--kubrick2024-grey-300);
  display: block;
  overflow: auto;
  font-size: 0.875rem;
  max-width: 100%;
  margin: 1.5rem 0;
  padding: 1rem;
  white-space: break-spaces;
}

pre code {
  background: transparent;
  font-size: inherit;
  color: inherit;
  padding: 0;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}

/* Tables */
table,
th,
td,
.wp-block-table,
.wp-block-table th,
.wp-block-table td {
  border: 1px solid var(--kubrick2024-grey-200);
}

table,
.wp-block-table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 1.5rem 0;
  table-layout: auto;
  width: 100%;
}

table thead,
.table-striped table thead,
.table-striped table tr > th {
  background: var(--kubrick2024-table-header-bg);
  color: var(--kubrick2024-table-header-text);
  font-weight: 500;
}

.table-striped table tr:nth-of-type(odd) {
  background: var(--kubrick2024-grey-100);
}

table th,
table td,
.wp-block-table td,
.wp-block-table th {
  padding: 0.5rem 0.75rem;
  text-align: left;
}

thead td,
.wp-block-table thead td {
  border-color: var(--kubrick2024-grey-600);
}

table td,
.wp-block-table td {
  font-size: 0.938rem;
}

/* Miscellaneous
 ==================================================== */
::selection {
  color: #fff;
  background: var(--kubrick2024-primary);
}

hr,
.wp-block-separator {
  border: none;
  border-bottom: 0.125rem solid var(--kubrick2024-grey-400);
  margin: 3rem auto;
}

/* Media
 ==================================================== */
figure {
  display: inline-block;
  margin: 0 0 1rem;
  position: relative;
}

.blog-full-width .post-thumbnail {
  display: block;
}

.wp-block-image figcaption,
figcaption,
.wp-caption-text {
  font-size: 0.938rem;
  color: var(--kubrick2024-caption-text);
  margin: 0.5rem 0;
  line-height: 1.2;
  text-align: center;
}

img {
  border-radius: 0.5rem;
  /* Responsive images */
  max-width: 100%;
  height: auto;
}

img,
svg {
  vertical-align: middle;
}

.img-box {
  padding: var(--kubrick2024-img-padding);
  background-color: var(--kubrick2024-img-bg);
  border: 1px solid var(--kubrick-img-border-color);
  border-radius: var(--kubrick2024-img-radius);
  max-width: 100%;
  height: auto;
}

.img-placeholder-text {
  font-size: var(--kubrick2024-img-placeholder-text);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-anchor: middle;
}

/* Classic Gallery
 ==================================================== */
.gallery {
  display: grid;
  gap: 10px; /* Space between images */
  grid-template-columns: repeat(1, 1fr); /* 1 column on small screens */
  margin: 3rem 0 1rem;
}

/* Gallery item styles */
.gallery-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Gallery image link */
.gallery-item a {
  display: block;
  border: none;
  padding: 0;
}

/* Gallery image */
.gallery-item img {
  width: 100%;
  height: auto;
  border: 2px solid #f0f0f0; /* Light gray border */
}

/* Clearfix for the gallery */
.gallery:after {
  content: "";
  display: table;
  clear: both;
}

/* Alignment
 ==================================================== */
.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.wp-block-gallery.alignleft,
.wp-block-image .alignleft,
.alignleft,
.float-start {
  float: left;
  margin: 0.375rem 2rem 0.5rem 0;
}

.wp-block-gallery.alignright,
.wp-block-image .alignright,
.alignright,
.float-end {
  float: right;
  margin: 0.375rem 0 0.5rem 2rem;
}

.wp-block-image .aligncenter,
.aligncenter,
.float-center {
  margin: 1rem auto;
}

.wp-block-image .alignnone,
.alignnone,
.float-none {
  float: none;
}

/* Transitions
==================================================== */
a,
a::after,
a::before,
input,
textarea,
button,
select {
  transition: all 0.2s ease-out;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"] {
    transition: none;
  }
}

/* Sidebars
 ==================================================== */
#top-sidebar {
  background: #fff;
  box-shadow: var(--kubrick2024-page-shadow);
  border-radius: var(--kubrick2024-border-radius);
  max-width: 1200px;
  margin: 0 auto 1.5rem;
  padding: 1.125rem;
  text-align: center;
}

#breadcrumb-sidebar {
  padding: 1rem 0 0;
  text-align: center;
  font-size: 0.75rem;
  color: var(--kubrick2024-secondary-text);
}

#breadcrumb-sidebar a {
  color: initial;
  text-decoration: none;
}

#bottom-sidebar {
  background-color: var(--kubrick2024-widget-bg);
  border-radius: var(--kubrick2024-border-radius);
  display: grid;
  /* gap: 1.25rem;  Adjust the space between widgets */
  margin-bottom: 3rem;
}

/* Styles for different numbers of widgets */
.bottom-sidebar-grid-1,
.bottom-sidebar-grid-2,
.bottom-sidebar-grid-3,
.bottom-sidebar-grid-4 {
  grid-template-columns: repeat(1, 1fr); /* Default for mobile: 1 column */
}

.footer-widget {
  padding: 2rem 0 1rem;
}

#footer-sidebar.widget-area {
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}

/* Widgets
 ==================================================== */
.hide-widget-title {
  display: none;
}

#sidebar-column .widget {
  margin-bottom: 3rem;
}

.widget {
  background-color: var(--kubrick2024-widget-bg);
  padding: 2.5rem;
  border-radius: var(--kubrick2024-border-radius);
}

#footer-sidebar .widget {
  padding: 2.5rem 0 1rem;
}

#bottom-sidebar .widget,
#footer-sidebar .widget {
  background-color: transparent;
}

.widget-area {
  font-size: 90%;
}

.widget-title {
  font-size: 1.125rem;
  text-transform: uppercase;
}

.widget-area ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-area ul > li {
  border-bottom: 1px solid var(--kubrick2024-lines);
  padding: 0.5rem 0;
}

.widget-area li > a,
.widget_tag_cloud a {
  color: inherit;
  text-decoration: none;
}

.widget-area li > a:focus,
.widget-area li > a:hover,
.widget_tag_cloud a:focus,
.widget_tag_cloud a:hover {
  color: var(--kubrick2024-hover-links);
  text-decoration: underline;
  text-underline-offset: 0.188rem;
}

.widget-area li:last-child {
  border: none;
  padding-bottom: 0;
}

.widget .post-date {
  font-size: small;
  font-style: italic;
  color: var(--kubrick2024-secondary-text);
}

/* Widget Menus */
.widget_nav_menu .sub-menu li > a {
  display: block;
  padding: 0;
}

.widget_nav_menu .sub-menu {
  border-top: 1px solid var(--kubrick2024-lines);
  margin-top: 0.5rem;
  padding-left: 1rem;
}
.widget_nav_menu li:last-child {
  border: none;
  padding-bottom: 0;
}

.widget_nav_menu .sub-menu li > a:focus,
.widget_nav_menu .sub-menu li > a:hover {
  background: none;
}

/* Widget Tagcloud */
.widget_tag_cloud a {
  display: inline-block;
  font-size: 100% !important;
  text-decoration: none;
  margin: 0 0 0.25rem;
  padding: 0.125rem 0.5rem;
  border: 1px solid var(--kubrick2024-lines);
  display: inline-flex;
  align-items: center;
  font-size: 87% !important;
  border-radius: 0.188rem;
}

.widget_tag_cloud a:focus,
.widget_tag_cloud a:hover {
  border-color: var(--kubrick2024-hover-links);
  text-decoration: none;
}

/* Widget Recent Entries */
.widget_recent_entries li {
  font-family: var(--kubrick2024-secondary-font);
  font-weight: 500;
}

.widget_recent_entries li .post-date {
  font-family: inherit;
  font-family: var(--kubrick2024-primary-font);
  font-style: normal;
  display: block;
}

/* Widget Comments */
.widget_recent_comments .comment-author-link {
  font-weight: 600;
}

.widget_recent_comments .recentcomments a {
  font-style: italic;
}

/* Widget Calendar */
.widget_calendar .wp-calendar-table {
  width: 100%;
}
.wp-calendar-table caption {
  font-family: var(--kubrick2024-secondary-font);
  font-size: 1.125rem;
  margin-bottom: 0.375rem;
}
.wp-calendar-table thead th {
  border: none;
  border-bottom-width: 2rem;
  padding: 0.125rem 0;
}
.wp-calendar-table .pad {
  border: none;
}
.wp-calendar-table .wp-calendar-nav {
  padding: 0 0.25rem;
}

.wp-calendar-table thead th,
.wp-calendar-nav {
  background: var(--kubrick2024-grey-200);
}

.widget_calendar td {
  text-align: center;
  padding: 0.25rem;
  border: 1px solid var(--kubrick2024-lines);
}

.wp-calendar-nav {
  padding: 0.125rem 0.5rem;
}

.wp-calendar-nav a {
  display: inline-block;
  color: inherit;
  border: 1px solid var(--kubrick2024-grey-500);
  font-family: var(--kubrick2024-secondary-font);
  padding: 0 0.5rem;
  border-radius: 0.125rem;
  text-decoration: none;
  font-size: 80%;
  text-transform: uppercase;
}

.wp-calendar-nav a:focus,
.wp-calendar-nav a:hover {
  border-color: var(--kubrick2024-hover-links);
  color: var(--kubrick2024-hover-links);
}

/* Plugins - Featherlight lightbox
==================================================== */
.featherlight-image {
  border-radius: 0.5rem 0.5rem 0 0;
}

.featherlight .featherlight-content .caption {
  display: block;
  background: #000;
  font-size: 90%;
  width: 100%;
  padding: 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
}

/* Form Styles
==================================================== */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
select {
  display: block;
  width: 100%; /* Full width for standalone use */
  padding: 0.375rem 1rem; /* Same padding as buttons */
  font-size: 1rem; /* Same font size as buttons */
  font-weight: 400; /* Same font weight as buttons */
  line-height: 1.5; /* Same line height as buttons */
  color: #495057; /* Slightly darker text for better contrast */
  background-color: #fff; /* White background */
  background-clip: padding-box;
  border: 1px solid #ced4da; /* Light grey border */
  border-radius: 0.313rem; /* Same border-radius as buttons */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); /* Subtle inner shadow */
  font-family: var(--kubrick2024-primary-font); /* Consistent font family */
}

textarea {
  display: block;
  width: 100%; /* Full width for standalone use */
  padding: 0.375rem 1rem; /* Same padding as buttons and inputs */
  font-size: 1rem; /* Same font size as buttons and inputs */
  font-weight: 400; /* Same font weight as buttons and inputs */
  line-height: 1.5; /* Same line height as buttons and inputs */
  color: #495057; /* Slightly darker text for better contrast */
  background-color: #fff; /* White background */
  background-clip: padding-box;
  border: 1px solid #ced4da; /* Light grey border */
  border-radius: 0.313rem; /* Same border-radius as buttons and inputs */
  font-family: var(--kubrick2024-primary-font); /* Consistent font family */
  height: auto; /* Auto height to accommodate content */
  resize: vertical; /* Allow vertical resizing */
}

/* Adjustments for disabled state */
textarea:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
  color: #495057;
  background-color: #fff;
  border-color: var(--kubrick2024-grey-400); /* Grey colour on focus */
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.125); /* Light to medium grey glow */
}

.menu-item-search button:focus {
  box-shadow: 0 0 0 0.125rem rgba(108, 117, 125, 0.75); /* Light to medium grey glow */
}
/* Adjustments for disabled state */
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="url"]:disabled,
select:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-block-button__link,
.wp-block-file a,
.wp-block-file__button {
  background-color: var(--kubrick2024-primary);
  display: inline-block;
  padding: 0.375rem 1rem;
  font-family: var(--kubrick2024-secondary-font);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-radius: 0.313rem;
}

.wp-block-button .wp-block-button__link.is-style-outline,
.wp-block-button.is-style-outline > .wp-block-button__link {
  border: 1px solid var(--kubrick2024-grey-400);
  border-radius: 0.313rem !important;
  line-height: 1.5;
  padding: 0.375rem 1rem;
}

/* Hover and focus states */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.wp-block-button__link:hover,
.wp-block-button .wp-block-button__link.is-style-outline:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
.wp-block-button__link:focus,
.wp-block-button .wp-block-button__link.is-style-outline:focus,
.wp-block-button.is-style-outline > .wp-block-button__link:focus,
.wp-block-file a:focus,
.wp-block-file__button:focus,
.wp-block-file a:hover,
.wp-block-file__button:hover {
  color: #fff;
  background-color: var(--kubrick2024-btn-hover);
  border-color: var(--kubrick2024-btn-hover);
}

/* Form icons */
.button .svg-icon {
  bottom: 2px;
  position: relative;
  fill: #fff;
}

/* Style the input-group container */
.input-group {
  display: flex;
  align-items: stretch; /* Align the elements vertically */
}

/* Style the search input within the input-group */
.input-group input[type="search"] {
  flex-grow: 1; /* Input takes available space */
  border-radius: 0.313rem 0 0 0.313rem; /* Rounded corners on the left side */
  margin-bottom: 0; /* Remove any default margin */
}

/* Style the search button within the input-group */
.input-group button {
  border-radius: 0 0.313rem 0.313rem 0; /* Rounded corners on the right side */
}

/* Adjustments for focus state to maintain visual connection */
.input-group button:focus,
.input-group button:hover,
.input-group input[type="search"]:focus,
.input-group input[type="submit"]:focus {
  z-index: 1; /* Ensure focused element is on top */
}

/* Search Modal
 ==================================================== */
.menu-item-search button {
  padding: 0;
  background: none;
  line-height: 1;
  border: none;
  width: 1.25rem;
  height: 1.25rem;
  font-size: inherit;
}

li.menu-item-search {
  margin-left: 0.5rem;
  display: none;
}

.menu-item-search button:focus,
.menu-item-search button:hover {
  background: transparent;
}

.searchModal-btn .svg-icon {
  fill: #fff;
  color: currentColor;
  position: relative;
  top: 0.063rem;
}

.searchModal-close-x {
  border: 0;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  padding: 1rem;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.modal-body .button {
  background: var(--kubrick2024-primary);
  border-color: var(--kubrick2024-primary);
}

.searchModal-btn:focus,
.searchModal-btn:hover,
.searchModal-close-x:focus,
.searchModal-close-x:hover,
.modal-body .button:focus,
.modal-body .button:hover {
  background-color: var(--kubrick2024-btn-hover);
  border-color: var(--kubrick2024-btn-hover);
}

.searchModal-btn .svg-icon:focus,
.searchModal-btn .svg-icon:hover,
.searchModal-btn:focus .svg-icon,
.searchModal-btn:hover .svg-icon,
.searchModal-close-x:focus .svg-icon,
.searchModal-close-x:hover .svg-icon {
  fill: #fff;
}

.searchModal-btn,
.searchModal-close-btn {
  cursor: pointer;
}

.searchModal-close-x .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

/* This stops the browser scrollbar being removed */
.modal.show {
  overflow-y: scroll;
  overflow-x: hidden;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 0.5rem * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 0.5rem * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--kubrick2024-grey-800);
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid var(--kubrick2024-grey-200);
  border-radius: 0.25rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  background: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.8;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--kubrick2024-grey-300);
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.modal-header .btn-close {
  padding: calc(1rem * 0.5) calc(1 * 0.5);
  margin: calc(-0.5 * 1rem) calc(-0.5 * 1) calc(-0.5 * 1rem) auto;
}

.search-wrap .svg-icon {
  fill: #fff;
}

.modal-title {
  margin: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(1rem - 0.5rem * 0.5);
  background-color: var(--kubrick2024-white);
  border-top: 1px solid var(--kubrick2024-grey-300);
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.modal-footer > * {
  margin: calc(0.5rem * 0.5);
}

@media (min-width: 576px) {
  .modal {
    margin: 0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .modal-dialog {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* Block Styles
 ==================================================== */

.wp-block-gallery,
.wp-block-media-text,
.wp-block-columns,
.wp-block-cover {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.wp-block-image {
  margin: auto;
  margin-bottom: 2rem;
  margin-top: 1rem;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  border-radius: 0 0 0.5rem 0.5rem;
}

.left-sidebar .wp-block-image .alignleft,
.left-sidebar .wp-block-image .alignright,
.right-sidebar .wp-block-image .alignleft,
.right-sidebar .wp-block-image .alignright {
  max-width: 50%;
}

/* Drop cap */
.has-drop-cap:not(:focus):first-letter {
  color: var(--kubrick2024-primary);
  float: left;
  font-size: 6rem;
  line-height: 0.75;
  margin: 0.25rem 1rem 0 0;
  text-transform: uppercase;
  font-family: var(--kubrick2024-serif-font);
  font-style: normal;
  font-weight: 700;
}

/* Block text colours */

.has-dark-background-color {
  background: var(--kubrick2024-dark);
}

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

.has-beige-background-color {
  background: #cdc0a9;
}
.has-primary-background-color {
  background: var(--kubrick2024-primary);
}

.has-secondary-background-color {
  background: var(--kubrick2024-secondary);
}

.has-tertiary-background-color {
  background: var(--kubrick2024-tertiary);
}

.has-dark-color,
.has-dark-color .has-inline-color {
  color: var(--kubrick2024-dark);
}

.has-beige-color,
.has-beige-color .has-inline-color {
  color: #cdc0a9;
}
.has-white-color,
.has-white-color .has-inline-color {
  color: #fff;
}

.has-primary-color,
.has-primary .has-inline-color {
  color: var(--kubrick2024-primary);
}

.has-secondary-color,
.has-secondary-color .has-inline-color {
  color: var(--kubrick2024-secondary);
}

.has-tertiary-color,
.has-tertiary .has-inline-color {
  color: var(--kubrick2024-tertiary);
}

/* Text Sizing */
.has-extra-small-font-size {
  font-size: 0.875rem;
}

.has-small-font-size {
  font-size: 1rem;
}

.has-medium-font-size {
  font-size: 1.125rem;
}

.has-large-font-size {
  font-size: 1.25rem;
  line-height: 1.5;
}

.has-extra-large-font-size {
  font-size: 1.375rem;
  line-height: 1.3;
}

.has-huge-font-size {
  font-size: 1.625rem;
  line-height: 1.3;
}

.has-gigantic-font-size {
  font-size: 2rem;
  line-height: 1.3;
}

.entry-content .wp-block-buttons {
  margin-bottom: 1.5rem;
}

/* Blockquotes */
.wp-block-quote,
.wp-block-pullquote {
  border: none !important;
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
  max-width: 420px;
  max-width: 40%;
  padding: 1rem 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.wp-block-pullquote.alignright {
  text-align: right;
}

.wp-block-pullquote.alignleft blockquote::before {
  left: -3rem;
}
.wp-block-pullquote.alignright blockquote::before {
  content: "\201D";
  left: auto;
  right: 0;
  opacity: 0.12;
}

.wp-block-quote {
  margin: 2rem;
}

/* Inline block pagination */
.wp-block-query-pagination-numbers {
  display: flex;
}

/* Block widgets */
.wp-block-latest-comments {
  padding-left: 0;
}

/* Media Queries
 ==================================================== */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .bottom-sidebar-grid-2,
  .bottom-sidebar-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  /* Specific case for three widgets between 576px and 768px */
  .bottom-sidebar-grid-3 {
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
  }

  .bottom-sidebar-grid-3 .bottom-sidebar-widget:nth-child(3) {
    grid-column: 1 / -1; /* Third widget spans full width */
  }

  /* Gallery 2 columns for small devices (tablets, 576px and up) */
  .gallery-columns-2.gallery,
  .gallery-columns-3.gallery,
  .gallery-columns-4.gallery,
  .gallery-columns-5.gallery,
  .gallery-columns-6.gallery,
  .gallery-columns-7.gallery,
  .gallery-columns-8.gallery,
  .gallery-columns-9.gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .header-content {
    width: 80%;
  }

  .container {
    flex-direction: row;
    gap: 3rem;
    margin-top: 4.375rem;
  }

  .main-content {
    flex: 1;
  }

  .blog-left-sidebar .main-content,
  .post-left-sidebar .main-content,
  .template-left .main-content {
    order: 2;
  }

  .sidebar {
    flex-basis: 360px;
    flex-basis: 22.5rem;
    /* Adjust width of the sidebar */
  }

  .d-md-block {
    display: flex;
  }

  .main-navigation {
    display: block;
  }

  /* Hide the offcanvas toggler button in desktop view */
  .navbar-toggler {
    display: none;
  }

  .bottom-sidebar-grid-3 {
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
  }

  .bottom-sidebar-grid-3 .bottom-sidebar-widget:nth-child(3) {
    grid-column: auto; /* Reset to default for larger screens */
  }

  /* Gallery 3 columns for medium devices (desktops, 768px and up) */
  .gallery-columns-3.gallery,
  .gallery-columns-4.gallery,
  .gallery-columns-5.gallery,
  .gallery-columns-6.gallery,
  .gallery-columns-7.gallery,
  .gallery-columns-8.gallery,
  .gallery-columns-9.gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body {
    padding: 1rem 0.75rem;
  }

  body.boxed {
    padding: 3.125rem 0.75rem;
  }

  .header-content {
    width: 70%;
  }

  li.menu-item-search,
  .searchModal-btn {
    display: block;
  }

  h1.entry-title {
    max-width: 80%;
    margin-inline: auto;
    font-size: 2.5rem;
  }

  .page h1.entry-title {
    margin-inline: 0;
  }

  #page-excerpt {
    max-width: 80%;
  }

  /* Post Author Bio */
  .post-author-info {
    flex-direction: row;
    align-items: start;
  }

  .post-author-description {
    text-align: left;
  }

  dl {
    display: grid;
    grid-template-columns: 30% 1fr;
    line-height: 1.2;
  }

  dt {
    padding-right: 1rem;
  }

  /* Post navigation */
  .post-navigation .nav-previous,
  .post-navigation .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    margin-bottom: 0;
  }

  /* Adjust blog title width */
  .blog.blog-left-sidebar .entry-title,
  .archive.blog-left-sidebar .entry-title,
  .blog.blog-right-sidebar .entry-title,
  .archive.blog-right-sidebar .entry-title,
  .blog.blog-full-width .entry-title,
  .archive.blog-full-width .entry-title {
    max-width: 80%;
    margin-inline: auto;
  }

  /* Resize grouped sidebars */
  .bottom-sidebar-grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  /* Gallery 4 columns for large devices (large desktops, 992px and up) */
  .gallery-columns-4.gallery,
  .gallery-columns-5.gallery,
  .gallery-columns-6.gallery,
  .gallery-columns-7.gallery,
  .gallery-columns-8.gallery,
  .gallery-columns-9.gallery {
    grid-template-columns: repeat(4, 1fr);
  }
  .template-right .gallery-columns-5 .gallery-caption,
  .template-right .gallery-columns-6 .gallery-caption,
  .template-right .gallery-columns-7 .gallery-caption,
  .template-right .gallery-columns-8 .gallery-caption,
  .template-right .gallery-columns-9 .gallery-caption {
    display: none;
  }

  #footer-sidebar.widget-area {
    max-width: 70%;
  }
}

/*  X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  html {
    font-size: 16px;
  }

  .header-content {
    width: 50%;
  }

  .post-navigation .nav-links {
    flex-direction: row;
  }

  .post-navigation .nav-next,
  .comment-navigation .nav-next {
    text-align: right;
  }

  .post-navigation .nav-previous,
  .post-navigation .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    margin-bottom: auto;
  }

  /* Gallery 5, 6, 7, 8, and 9 columns for extra large devices */
  .gallery-columns-5.gallery {
    grid-template-columns: repeat(5, 1fr);
  }
  .gallery-columns-6.gallery {
    grid-template-columns: repeat(6, 1fr);
  }
  .gallery-columns-7.gallery {
    grid-template-columns: repeat(7, 1fr);
  }
  .gallery-columns-8.gallery {
    grid-template-columns: repeat(8, 1fr);
  }
  .gallery-columns-9.gallery {
    grid-template-columns: repeat(9, 1fr);
  }
}

/*  XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  html {
    font-size: 17px;
  }
}

/* Mega-Large devices (Mega large resolutions, 1920px and up) */
@media (min-width: 1920px) {
  html {
    font-size: 18px;
  }
}

/* Super-Large devices (Super large resolutions, 2560px and up) */
@media (min-width: 2560px) {
  html {
    font-size: 19px;
  }
}
.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}


/**
 * Name: Kubrick 2024 Premium
 * Plugin URI: https://www.roughpixels.com
 * Description: Styles for the Kubrick 2024 premiium features.
 * Author: roughpixels
 * Author URI: https://www.roughpixels.com
 * Version: 1.0.1
 * License: GPL2+
 * License URI: https://www.gnu.org/licenses/gpl-2.0.txt
 *
 */

/* Header Styles
 ==================================================== */
.header-alternate #site-branding,
.header-minimal #site-branding {
  margin-bottom: 1.125rem;
  text-align: center;
}

.header-alternate .site-title,
.header-alternate .site-title a,
.header-minimal .site-title,
.header-minimal .site-title a {
  color: #000;
  text-decoration: none !important;
  font-size: 2rem;
  font-weight: 600;
}

.header-minimal #nav-container {
  border-radius: var(--kubrick2024-border-radius);
}

.site-description {
  font-size: 0.688rem;
}

.site-description::before {
  width: 10%;
}

/* Blog Styles
 ==================================================== */
.blog-minimal.blog-sidebar .entry-content {
  max-width: 720px;
  text-align: center;
}

.blog-minimal.blog-sidebar .entry-footer {
  justify-content: center;
}

.blog-list .featured-category-wrap::before {
  left: 0;
  content: none;
}

.blog-list .featured-category-wrap {
  padding-left: 0;
}

.blog-grid .entry-footer,
.blog-masonry .entry-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row-reverse;
}

.blog-grid ul.post-meta,
.blog-masonry ul.post-meta {
  display: block;
}

.blog-grid .post-meta li,
.blog-masonry .post-meta li {
  display: block;
  margin: 0;
  text-align: left;
}

.blog-grid .readmore-wrapper,
.blog-masonry .readmore-wrapper {
  padding-right: 0;
}

.blog-grid .readmore-wrapper::after,
.blog-masonry .readmore-wrapper::after {
  content: none;
}

/* Base styles for the list wrapper */
.list-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2rem;
}

.blog-list .entry-header {
  text-align: left;
}

/* Styles for the image container */
.list-image {
  width: 100%;
}

.blog-masonry .entry-content,
.blog-list .entry-content,
.blog-grid .entry-content,
.blog-gallery .entry-content {
  font-size: 0.938rem;
}

.blog-grid .entry-title,
.blog-masonry .entry-title,
.blog-gallery .entry-title,
.blog-list .entry-title {
  text-align: left;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.blog-list.blog-sidebar .post-thumbnail {
  margin-bottom: 0;
}

.blog-grid figcaption.wp-caption-text,
.blog-gallery figcaption.wp-caption-text,
.blog-list figcaption.wp-caption-text,
.blog-masonry figcaption.wp-caption-text,
.blog-list .comments-link,
.blog-grid .comments-link,
.blog-masonry .comments-link {
  display: none;
}

/* Base CSS for Mobile First: Single Column Layout */
.blog-grid #post-summaries,
.blog-gallery #post-summaries {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

/* Base CSS for Mobile First: Full Width for Small Screens */
.blog-masonry #post-summaries .hentry {
  width: 100%;
  margin-bottom: 20px;
}

.blog-gallery .sticky {
  display: contents;
}

.blog-gallery .hentry {
  margin-bottom: 0;
}

.blog-gallery .gallery-image {
  border-radius: var(--kubrick2024-border-radius);
  position: relative;
  background-size: cover;
  background-position: center;
  height: 500px;
}

.blog-gallery .entry-title {
  border-radius: 0 0 var(--kubrick2024-border-radius)
    var(--kubrick2024-border-radius);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.75rem;
  margin: 0;
  font-size: 1rem;
  text-align: center;
}
.blog-gallery .entry-title a {
  color: white;
  text-decoration: none;
}

.masonry-image,
.list-image,
.grid-image,
.gallery-image {
  cursor: pointer;
  transition: filter 0.3s ease; /* Smooth transition for the filter effect */
}

.masonry-image:hover,
.list-image:hover,
.grid-image:hover,
.gallery-image:hover {
  filter: saturate(50%);
}

.blog-gallery .entry-title:hover {
  background-color: rgba(0, 0, 0, 0.75);
}

/* Related posts
   ==================================================== */
.related-section-heading {
  font-size: 1.125rem;
}

.related-post {
  display: block;
  text-align: center;
  margin-bottom: 3rem;
}

.related-post:last-child {
  margin-bottom: 0;
}

.related-post a.post-thumbnail {
  display: block;
  margin: 0.875rem 0;
}

.related-post.has-post-thumbnail img {
  width: 100%;
}

.related-post-title {
  font-size: 1.25rem;
  color: inherit;
  margin-bottom: 0.5rem;
  display: block;
  text-decoration: none;
  font-weight: 600;
  line-height: 1.2;
}

.related-post .entry-meta {
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
}

.related-post-excerpt {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}

/* CUSTOM WIDGETS - RECENT COMMENTS
   ==================================================== */
.kubrick2024-recent-comments {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  list-style: none;
}

.kubrick2024-recent-comment {
  align-items: center;
  display: flex;
  gap: 0.75rem;
}

.kubrick2024-comment-avatar {
  flex-shrink: 0;
}

.kubrick2024-comment-avatar img {
  border-radius: 0.25rem;
}

.kubrick2024-comment-content {
  flex-grow: 1;
}

.kubrick2024-comment-content a {
  font-family: var(--kubrick2024-primary-italic-font);
  text-decoration: none;
}

.kubrick2024-comment-author-link a {
  color: inherit;
}

/* CUSTOM WIDGETS - RECENT POSTS
   ==================================================== */
.kubrick2024-recent-posts-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.kubrick2024-recent-post-item {
  display: flex;
  gap: 1.125rem;
}

.kubrick2024-recent-post-img-wrapper {
  flex-basis: 3.75rem;
}

.kubrick2024-recent-post-img-wrapper img {
  border-radius: 0.25rem;
  max-width: 3.75rem;
}

.kubrick2024-recent-post-title {
  font-size: 0.938rem;
  line-height: 1.3;
  margin: 0 0 0.25rem;
}

.kubrick2024-recent-post-title a {
  color: inherit;
  font-weight: 400;
  text-decoration: none;
}

.kubrick2024-recent-post-title a:focus,
.kubrick2024-recent-post-title a:hover {
  color: var(--kubrick2024-secondary);
}

.kubrick2024-recent-post-date {
  color: var(--kubrick2024-grey-600);
  font-size: small;
}

.kubrick2024-recent-post-content {
  flex-grow: 1;
}

/* CUSTOM WIDGETS - About Me
   ==================================================== */
.kubrick2024-aboutme-image {
  margin-bottom: 1.25rem;
}

.kubrick2024-aboutme-name,
.kubrick2024-aboutme-intro p {
  margin-bottom: 1rem;
}
.kubrick2024-aboutme-name {
  font-size: 1.25rem;
  line-height: 1;
}

.kubrick2024-aboutme-intro {
  font-size: 0.875rem;
  line-height: 1.6;
}

.kubrick2024-aboutme-link {
  display: inline-block;
  text-decoration: none;
  color: currentColor;
  font-weight: 500;
  margin-left: 0.5rem;
  line-height: 1;
}

.kubrick2024-aboutme-link:focus,
.kubrick2024-aboutme-link:hover {
  color: var(--kubrick2024-links);
}

.kubrick2024-aboutme-intro .svg-icon {
  position: relative;
  bottom: 0.063rem;
}

/* Media Queries
   ==================================================== */

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .blog-masonry #post-summaries {
    margin-inline: -0.75rem;
  }
  .blog-masonry #post-summaries .hentry {
    width: 100%;
  }
  .blog-masonry.no-sidebar #post-summaries .hentry {
    width: 50%;
  }
  .blog-masonry .hentry {
    padding-inline: 0.75rem;
  }
  .related-post {
    display: flex;
    align-items: center;
    gap: 3rem;
    margin-bottom: 0;
    text-align: left;
  }
  .related-post:last-child {
    margin-bottom: initial;
  }
  .related-post a.post-thumbnail {
    width: 40%;
  }

  .related-post-content {
    width: 60%;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .list-wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .list-image {
    max-width: 100%;
    flex: 0 0 230px; /* Fixed width for the image, adjust as needed */
  }

  /* Styles for the content container */
  .list-content {
    flex-grow: 1; /* Allows the content to fill the remaining space */
  }

  .blog-grid #post-summaries,
  .blog-gallery #post-summaries {
    grid-template-columns: repeat(2, 1fr);
  }
  .blog-grid.no-sidebar #post-summaries,
  .blog-gallery.no-sidebar #post-summaries {
    grid-template-columns: repeat(3, 1fr);
    /* Ensuring equal height for each article */
    align-items: stretch;
  }

  .blog-masonry.no-sidebar #post-summaries .hentry {
    width: 33.333%; /* Three columns layout for large screens */
  }
  .blog-masonry #post-summaries .hentry {
    width: 50%;
  }
}