/* Course template Drieam styling */
@import url(https://templates.drieam.com/templates/production/krems/style.css);

/* COLORS */
:root {
  --primary-1: #031E45;
  --primary-2: #5E8BBF;
  --primary-3: #898D96;
  --primary-4: #D0D4E3;

  --secondary-1: #7E224D;
  --secondary-2: #006860;
  --secondary-3: #6FA491;

  --primary-gradient: linear-gradient(90deg, #052758 0%, #031E45 100%);
}

body.uwk {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: var(--primary-1);
}

.uwk h1, .uwk h2, .uwk h3, .uwk h4 {
  font-family: 'Volkhov', serif;
  font-weight: bold;
}

.uwk h2 {
  letter-spacing: 0.01em;
}

.uwk .spacer {
  flex: 1;
}

.uwk .flag-icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2.39628V10.2884C1 9.56191 1.6467 8.97301 2.44444 8.97301H7.13889L7.86111 9.63068H14L11.8333 5.68464L14 1.73861H7.86111L7.13889 1.08093H2.44444C1.6467 1.08093 1 1.66983 1 2.39628Z' fill='white'/%3E%3Cpath d='M1 12.919V10.2884M1 10.2884V2.39628C1 1.66983 1.6467 1.08093 2.44444 1.08093H7.13889L7.86111 1.73861H14L11.8333 5.68464L14 9.63068H7.86111L7.13889 8.97301H2.44444C1.6467 8.97301 1 9.56191 1 10.2884ZM7.5 1.40977V5.02697' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.uwk .clock-icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.99859' cy='8.00006' r='6.0025' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3036 8.76773L8 8.00008V3.99841' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.uwk .edu-icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66602 7.33333H7.33268' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.99935 2V4' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.9993 2V4' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.33333 14H4C2.89543 14 2 13.1046 2 12V5C2 3.89543 2.89543 3 4 3H12C13.1046 3 14 3.89543 14 5V6.66667' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.66602 9.99996H5.33268' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0176 11.3356V12.8351C10.0176 13.176 10.2102 13.4877 10.5151 13.6401L10.8477 13.8064C11.3638 14.0645 11.9713 14.0645 12.4875 13.8064L12.8201 13.6401C13.125 13.4877 13.3176 13.176 13.3176 12.8351V11.3356' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.93646 10.7775L10.9772 11.8324C11.4093 12.0558 11.9228 12.0558 12.3549 11.8324L14.3957 10.7775C14.5618 10.6916 14.6661 10.5203 14.6661 10.3333C14.6661 10.1463 14.5618 9.97494 14.3957 9.88909L12.3549 8.83413C11.9228 8.61079 11.4093 8.61079 10.9772 8.83413L8.93646 9.88909C8.77035 9.97494 8.66602 10.1463 8.66602 10.3333C8.66602 10.5203 8.77035 10.6916 8.93646 10.7775Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.6673 10.3402V11.4982' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.uwk .ball-icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8.50011H4.78133C5.82267 8.50011 6.66667 7.65611 6.66667 6.61478V6.61478C6.66667 6.11478 6.468 5.63478 6.11467 5.28144L4.478 3.64478' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.1941 12.792L11.0094 11.0153C10.7947 10.6933 10.4341 10.5 10.0474 10.5V10.5C9.6094 10.5 9.2094 10.2527 9.0134 9.86067L8.92473 9.68333C8.76207 9.358 8.76207 8.97467 8.92473 8.64933L9.68007 7.13867C9.8754 6.74733 10.2761 6.5 10.7141 6.5H13.6527' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 2.5C11.3213 2.5 14 5.17867 14 8.5C14 11.8213 11.3213 14.5 8 14.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 14.5C4.67867 14.5 2 11.8213 2 8.5C2 5.17867 4.67867 2.5 8 2.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.uwk .certificate-icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8284 3.67158C12.3905 5.23368 12.3905 7.76634 10.8284 9.32843C9.26633 10.8905 6.73367 10.8905 5.17158 9.32843C3.60948 7.76633 3.60948 5.23367 5.17158 3.67158C6.73368 2.10948 9.26634 2.10948 10.8284 3.67158' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.33398 9.47534V14.5L8.00065 13.1667L10.6673 14.5V9.47534' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.uwk .people-icon {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.17916 7.82141C9.83003 8.47228 9.83003 9.52755 9.17916 10.1784C8.52829 10.8293 7.47301 10.8293 6.82214 10.1784C6.17127 9.52755 6.17127 8.47228 6.82214 7.82141C7.47301 7.17053 8.52829 7.17053 9.17916 7.82141' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8374 3.82141C13.4882 4.47228 13.4882 5.52755 12.8374 6.17843C12.1865 6.8293 11.1312 6.8293 10.4803 6.17843C9.82947 5.52755 9.82947 4.47228 10.4803 3.82141C11.1312 3.17053 12.1865 3.17053 12.8374 3.82141' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8.6665C13.022 8.6665 14 9.02184 14.6667 9.55517' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.52096 3.82141C6.17183 4.47228 6.17183 5.52755 5.52096 6.17843C4.87008 6.8293 3.81481 6.8293 3.16394 6.17843C2.51306 5.52755 2.51306 4.47228 3.16394 3.82141C3.81481 3.17053 4.87008 3.17053 5.52096 3.82141' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.33398 9.55517C2.00065 9.02184 2.97865 8.6665 4.00065 8.6665' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0608 13.6665C10.2841 13.0658 9.16812 12.6665 8.00012 12.6665C6.83212 12.6665 5.71612 13.0658 4.93945 13.6665' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* HEADER */
.uwk #app-header {
  background: var(--primary-gradient);
  padding: 5px 0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  position: sticky;
  top: 0;
  z-index: 9999;
}

.uwk #app-header h1 {
  margin: 0;
  font-size: unset;
}

.uwk #app-header h1 a {
  height: 42px;
}

.uwk #app-header .header-branding img {
  max-height: 42px;
  width: auto;
}

.uwk #skip_navigation_link {
  display: none;
}

.uwk #app-header .container .row {
  display: flex;
  flex-wrap: wrap;
}

.uwk #header-menu {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: end;
}

.uwk #header-menu .btn, .uwk #user-nav>a {
  font-weight: 700;
  font-size: 18px;
}

.uwk #header-menu .btn, .uwk #header-menu .btn-link, .uwk #header-menu .btn-link:hover, .uwk #header-menu .btn-link:active, .uwk #user-nav>a {
  color: white;
  text-decoration: none;
}

.uwk .dropdown-menu {
  border: none;
  border-radius: 0;
  background: white;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 20px 0;
  list-style: none;
}

.uwk .dropdown-menu>li {
  padding: 0 20px;
  margin: 7px 0;
}

.uwk .dropdown-menu>li:first-child {
  margin-top: 0;
}

.uwk .dropdown-menu>li:last-child {
  margin-bottom: 0;
}

.uwk .dropdown-menu>li>a {
  color: var(--primay-1);
  font-weight: 700;
  font-size: 20px;
  padding: 0;
}

.uwk .dropdown-menu>li>a:hover {
  background: white;
}

.uwk #cart .cart-button svg {
  color: white;
  height: 32px !important;
  width: 32px !important;
}

.uwk #cart .cart-button button > span {
  border-width: 0px;
  background-color: transparent;
}

.uwk #cart-popover {
  height: unset !important;
  max-height: 450px;
  padding: 30px;
}

.uwk #cart-popover header {
  padding: 0 !important;
}

.uwk #cart-popover header h2 {
  color: var(--primary-1);
  font-size: 30px;
  line-height: 120%;
}

.uwk #cart-popover main {
  padding: 0 !important;
  margin: 20px 0;
  overflow: scroll;
}

.uwk #cart-popover footer {
  padding: 0 !important;
  border: none !important;
}

.uwk #cart-popover footer a {
  border-radius: 6px !important;
}

.uwk #cart-popover footer a>span {
  background-color: black;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
}

/* LISTINGS SEARCH HEADER */
.uwk #search-form {
  background-color: var(--secondary-1);
  color: white;
  margin-bottom: 60px;
}

.uwk form.search-form {
  display: flex;
  align-items: center;
  height: 90px;
}

.uwk .listing-title {
  margin: 0;
}

.uwk #search-submit {
  display: none;
}

.uwk .search-box-wrapper {
  margin-right: 10px;
}

.uwk .search-form__actions {
  display: flex;
}

.uwk .search-form__actions button {
  background-color: transparent;
  border: none;
  color: white;
  margin-left: 5px;
  margin-right: 5px;
}

.uwk #search-form .search-categories-button {
  position: relative;
  display: inline-block;
}

.uwk #search-form .search-categories ul {
  z-index: 100;
  font-size: 16px;
  font-weight: 400;
  background-color: white;
  position: absolute;
  right: 10px;
  list-style-type: none;
  padding: 5px 0;
  margin: 0;
  width: 250px;
  max-height: 500px;
  overflow-y: scroll;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.uwk .search-form-filters {
  background-color: white;
}

.uwk #search-form .search-refine {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--secondary-1);
  border: 1px solid #E5E7EB;
  border-top: 1px dashed white;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
}

.uwk #search-form .search-refine__flex {
  display: flex;
}

.uwk .search-refine__switches {
  flex: 1;
  padding: 20px;
}

.uwk .search-refine__switches:first-child {
  border-right: 1px dashed white;
}

.uwk .search-refine__switches .btn {
  border: 1px solid white;
  color: white;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color .2s;
}

.uwk .search-refine__switches .btn.btn-enabled {
  background-color: rgba(255, 255, 255, 0.5);
}

.uwk .search-refine__heading {
  color: white;
  font-size: 14px;
}

.uwk #search-refine-categories li a {
  color: var(--primary-1);
  display: block;
  padding: 3px 20px;
  outline: none;
  font-size: 14px;
}

.uwk #search-refine-categories li a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}

.uwk #search-refine-categories li a:hover, .uwk #search-refine-categories li a:active, .uwk #search-refine-categories li a:focus {
  text-decoration: none;
}

/* LISTINGS */
.uwk #listings {
  padding-right: 5px;
  padding-left: 5px;
}

.uwk #listings>.row {
  margin-right: 5px;
  margin-left: 5px;
}

.uwk #listings>.row>.col-md-3.col-sm-6 {
  padding-right: 5px;
  padding-left: 5px;
}

.uwk #listings .listings-count {
  display: none;
}

.uwk .product-link {
  color: var(--primary-1);
  text-decoration: none;
}

.uwk .product-link:hover {
  color: var(--primary-1);
  text-decoration: none;
}

.uwk .product-tile {
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  margin-bottom: 30px;
  height: 470px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.uwk .product-tile .product-image {
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -20px;
  max-height: 190px;
}

.uwk .product-tile .product-image .image-wrapper {
  display: block;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f8f8f8;
  height: 190px;
}

.uwk .product-tile .product-image .image-container .image-placeholder {
  display: none;
}

.uwk .jqFlag {
  display: none;
}

.uwk .product-tile .product-credits {
  font-weight: 400;
  font-size: 18px;
  opacity: 0.5;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.uwk .product-tile .product-heading h3 {
  font-size: 20px;
  margin: 0;
}

.uwk .product-tile .product-description {
  display: none;
}

.uwk .product-tile .product-description--fancy {
  display: flex;
  flex-direction: column;
  flex: 1;
  font-size: 14px;
  margin-bottom: -20px;
}

.uwk ul {
  list-style: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9 12L11 14L15 10M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="%237E224D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E%0A');
}

.uwk #app-footer {
  padding: 20px 0;
}

.uwk #app-footer ul {
  list-style: inherit;
  font-size: 14px !important;
  text-align: center;
}

.uwk #app-footer ul li {
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
}

.uwk #app-footer p {
  text-align: center;
}

.uwk .product-tile .product-description--fancy .bullet-points {
  flex: 1;
  position: relative;
  overflow: scroll;
}

.uwk .product-tile .product-description--fancy ul {
  padding-left: 30px;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.uwk .product-tile .product-description--fancy .credits {
  display: none;
}

.uwk .product-tile .tag-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.uwk .product-tile .tag-wrapper .tag {
  background-color: var(--secondary-1);
  color: white;
  border-radius: 13px;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  white-space: nowrap;
  margin-bottom: 5px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uwk .product-tile .product-footer {
  display: none;
}

.uwk #app-footer a {
  color: var(--primary-3);
}

/* Product Detail */
.uwk .product-bg {
  background-color: var(--secondary-1);
}

.uwk #product-page .product-bg .hero-region {
  display: flex;
  padding: 0;
  height: 378px;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary-1);
  color: white;
}

.uwk #product-page .product-bg .col-md-6 {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.uwk #product-page .product-bg .col-md-6:first-child {
  max-width: 400px;
}

.uwk #product-page .product-bg .col-md-6:last-child {
  flex: 1;
  align-items: flex-start;
}

.uwk #product-page .product-bg .product-image {
  flex: 1;
  height: 100%;
}

.uwk #product-page .product-bg .image-container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.uwk #product-page .product-bg .image-wrapper {
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 9999px;
  aspect-ratio: 1;
  max-height: 280px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.uwk header .hero-head {
  font-size: 36px;
  margin: 0;
}

.uwk #flash-alerts-base>div>div {
  top: 100px !important;
}

.uwk #flash-alerts-base>div>div>div {
  border: 1px solid white;
  border-radius: 25px;
  overflow: hidden;
  height: 50px;
  border-color: white !important;
  background-color: var(--primary-1);
  padding: 0 20px;
  align-items: center;
  color: white;
  display: flex;
  gap: 15px;
}

.uwk #flash-alerts-base>div>div>div>div {
  font-size: 14px;
}

.uwk #flash-alerts-base>div>div>div>div:first-child {
  border-width: 0;
  background-color: transparent;
}

.uwk #flash-alerts-base>div>div>div>div:last-child {
  margin: 0;
}

.uwk #flash-alerts-base svg {
  color: white;
}

.uwk footer.callout-region {
  position: sticky;
  bottom: 0;
  background-color: white;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.05);
}

.uwk footer.callout-region h3 {
  display: none;
}

.uwk .hero-action-footer, .uwk .hero-action {
  display: flex;
  gap: 15px;
}

.uwk #bulk-checkout-divider-footer, .uwk #add-to-bulk-checkout-footer, .uwk #bulk-checkout-divider-hero, .uwk #add-to-bulk-checkout-hero {
  display: none;
}

.uwk .hero-action-footer > *, .uwk .hero-action > * {
  height: 50px;
}

.uwk .hero-head ~ p:not(.hero-action) {
  display: none;
}

.uwk .product-enroll-button>* {
  text-decoration: none !important;
}

.uwk .product-enroll-button>*>span {
  height: 50px;
  display:flex;
  align-items: center;
  justify-content: center;
  padding: 0 35px;
  background-color: transparent !important;
  border: 1px solid white;
}

.uwk .product-enroll-button>*>span>span {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 2%;
}

.uwk .hero-action-footer .product-enroll-button>*>span {
  border-color: black;
  color: black;
}

.uwk #add-to-cart-hero button>span, .uwk #add-to-cart-footer button>span, .uwk #add-to-cart-hero a>span, .uwk #add-to-cart-footer a>span {
  height: 50px;
  width: 50px;
  background-color: transparent;
  border-width: 1px;
}

.uwk #add-to-cart-hero button>span, .uwk #add-remove-cart-button button>span, .uwk #add-to-cart-hero a>span, .uwk #add-remove-cart-button a>span {
  border-color: white;
}

.uwk #add-to-cart-footer button>span, .uwk #add-remove-cart-footer button>span, .uwk #add-to-cart-footer a>span, .uwk #add-remove-cart-footer a>span {
  border-color: black;
}

.uwk #add-to-cart-hero button>span>span, .uwk #add-to-cart-footer button>span>span, .uwk #add-to-cart-hero a>span>span, .uwk #add-to-cart-footer a>span>span {
  height: 50px;
  width: 50px;
}

.uwk #add-to-cart-hero svg, .uwk #add-to-cart-footer svg {
  height: 24px !important;
  width: 24px !important;
}

.uwk .hero-action #add-remove-cart-button svg path {
  fill: white !important;
}

.uwk #add-to-cart-hero svg {
  color: white;
}

.uwk #add-to-cart-footer svg {
  color: black;
}

.uwk .uwk-product-detail-sections {
  display: flex;
  gap: 45px;
  padding-bottom: 100px;
}

.uwk .uwk-product-detail-sections::before, .uwk .uwk-product-detail-sections::after, .uwk .uwk-product-detail-course-section>.container::before, .uwk .uwk-product-detail-course-section>.container::after {
  content: unset !important;
}

.uwk .uwk-product-detail-section {
  flex: 1;
}

.uwk .section-headline {
  display: flex;
  gap: 20px;
  margin-bottom: 50px;
}

.uwk .section-headline h2 {
  margin: 0;
  text-transform: uppercase;
}

.uwk .section-headline-border {
  flex: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='241' height='6' viewBox='0 0 241 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='1' x2='241' y2='1' stroke='%23031E45' stroke-width='2'/%3E%3Cline y1='5.5' x2='241' y2='5.5' stroke='%23031E45' stroke-dasharray='1 1'/%3E%3C/svg%3E%0A");
  background-repeat: repeat-x;
  background-position: center;
}

.uwk .description-block {
  margin-bottom: 30px;
}

.uwk .description-block:last-child {
  margin-bottom: 0;
}

.uwk p {
  margin: 0;
  font-size: 16px;
}

.uwk .description-block-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--secondary-1);
  margin-bottom: 10px;
}

.uwk .tags {
  display: flex;
  flex-wrap: wrap;
}

.uwk .tag {
  background-color: var(--secondary-1);
  color: white;
  border-radius: 13px;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  white-space: nowrap;
  margin-bottom: 5px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uwk #product-page a, .uwk #product-page a:hover {
  color: var(--primary-1);
  text-decoration: underline;
}

.uwk #product-page #main>.container {
  width: 100% !important;
  padding: 0 !important;
}

.uwk .uwk-product-detail-course-section {
  padding: 100px 0;
  background-color: var(--primary-4);
}

.uwk .uwk-product-detail-course-section .container {
  display: flex;
  gap: 18px;
}

.uwk .uwk-product-detail-course-section .courses {
  flex: 1;
}

.uwk .uwk-product-detail-course-section .sidenotes {
  display: flex;
  flex: 1;
  max-width: 300px;
  gap: 16px;
  flex-direction: column;
}

.uwk .sidenotes .sidenote {
  background-color: var(--primary-1);
  color: white;
  padding: 20px;
  border-radius: 6px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.uwk .sidenote h4 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 20px;
}

.uwk .sidenote a {
  color: white !important;
}

.uwk .sidenote-list-item {
  display: flex;
  gap: 18px;
  margin-bottom: 30px;
}

.uwk .sidenote-list-item:last-child {
  margin-bottom: 0;
}

.uwk .sidenote-list-item .avatar {
  flex-shrink: 0;
}

.uwk .sidenote-list-item .avatar img {
  height: auto;
  width: 100%;
  max-width: 40px;
  border-radius: 50%;
}

.uwk .sidenote-list-item .content-lines-headline {
  font-weight: 700;
}

.uwk .sidenote-list-item .content-lines-content {
  line-height: 150%;
}

.uwk .sidenote-list > a {
  display: block;
  font-size: 18px;
  margin-bottom: 15px;
}

.uwk .sidenote-list > a:last-child {
  margin-bottom: 0;
}

.uwk .sidenote-list-item .avatar-icon {
  height: 40px;
  width: 40px;
  flex-shrink: 0;
  border-radius: 20px;
  background-color: var(--secondary-1);
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5547 10.5558C10.8049 9.47748 11.787 8.72983 12.893 8.77573C14.1308 8.70717 15.192 9.65041 15.269 10.8877C15.269 12.4758 12.9986 12.9997 12.9986 14.0557' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1307 16.9601C13.1306 17.0329 13.0715 17.0919 12.9986 17.0919C12.9258 17.0918 12.8667 17.0328 12.8667 16.9599C12.8667 16.8871 12.9257 16.828 12.9985 16.8279C13.0336 16.8278 13.0672 16.8417 13.092 16.8665C13.1168 16.8913 13.1307 16.925 13.1307 16.9601' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.21735 18.447C2.38519 14.4045 3.11301 8.86777 6.89369 5.69455C10.6744 2.52134 16.2534 2.76456 19.7436 6.25475C23.2338 9.74494 23.477 15.324 20.3038 19.1047C17.1306 22.8854 11.5939 23.6132 7.55139 20.781L4.55052 21.4479L5.21735 18.447Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;
}

.uwk .course {
  background-color: white;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 18px;
}

.uwk .course:last-child {
  margin-bottom: 0;
}

.uwk .course-header {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

.uwk .course-header .course-index {
  background-color: var(--secondary-1);
  color: white;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.uwk .course-header .course-title {
  margin: 0;
}

.uwk .course-subheader {
  margin-bottom: 25px;
}

.uwk .course-body table {
  width: 100%;
}

.uwk .course-body td, .uwk .course-body th {
  padding: 16px 0 16px 25px;
}

.uwk .course-body th {
  background-color: #F3F4F6;
}

.uwk .course-body td {
  border-top: 1px solid #E5E7EB;
}

.DashboardProduct__Teaser {
  display: none!important;
}

@media (max-width: 998px) {
  .uwk #product-page .hero-region {
    flex-direction: column;
  }

  .uwk .uwk-product-detail-sections {
    flex-direction: column;
  }

  .uwk .uwk-product-detail-course-section>.container {
    flex-direction: column;
  }

  .uwk .uwk-product-detail-course-section .sidenotes {
    max-width: unset;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
  }

  .uwk #product-page .product-bg .col-md-6:first-child {
    padding-top: 20px;
  }

  .uwk #product-page .product-bg .col-md-6:last-child {
    height: auto;
  }

  .uwk header .hero-head {
    text-align: center;
  }

  .uwk header .hero-head span {
    display: block;
  }

  .uwk form.search-form {
    flex-wrap: wrap;
    padding: 10px 0;
    height: unset;
    justify-content: flex-end;
  }

  .uwk form.search-form .listing-title {
    margin-bottom: 10px;
  }

  .uwk .search-box-wrapper {
    margin-right: 0;
  }

  .uwk #search-form .search-categories ul {
    right: unset;
  }

  .uwk .search-box-wrapper {
    width: 100%;
  }
}

#right-side2 {
    position: relative;
    z-index: 10;
    min-height: 20px;
}

#right-side2 *+.events_list {
    margin-top: 18px;
}

#right-side2 h2, #right-side2 .h2 {
    font-size: 16px;
    font-size: 1rem;
    overflow: hidden;
    border-bottom: 1px solid #c7cdd1;
    padding-bottom: 6px;
    margin: 0 0 6px;
    font-weight: bold;
}

#right-side2 button.button-sidebar-wide {
    width: 100%;
}

#right-side2 .button-sidebar-wide {
    text-align: left;
    margin: 5px auto;
    display: block;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7); /* Semi-transparent black background */
    transition: opacity 0.5s;
    z-index: 999;
    display: none;
}

.form-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1001;
    display: none;
    width: 400px;
}

.form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.closeButton {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.5em;
    color: #333;
    outline: none; /* Remove the outline when the button is clicked */
}

.form-footer {
    text-align: right;
    margin-top: 20px; /* Adjust the margin as needed */
}

/* Adjust the button style as per your design preferences */
.submitButton {
    background-color: #7eb8ff; /* Blue color, you can change it */
    color: #fff; /* Text color */
    border: none;
    padding: 10px 20px; /* Adjust the padding as needed */
    cursor: pointer;
    border-radius: 5px; /* Rounded corners */
    font-weight: bold;
}

.submitButton:hover {
    background-color: #5aa3fc; /* Darker blue color on hover */
}

.form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.form-group label {
    font-weight: bold;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group select[type="select_kostenstelle"] {
    width: 95%;
    padding-top:5px;
    padding-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.admin_emails {
    width: 385px;
}

.authorize_button_green {
    background-color: #00FF00;
}

.canvas-filter-container {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.canvas-filter-search {
  flex: 2;
  min-width: 200px;
  padding: 5px;
}

.canvas-filter-semester {
  flex: 1;
  padding: 5px;
  min-width: 150px;
  max-width: 200px;
}