/* To be used with kt gdpr cookie consent */

.gcc-cookies { z-index: 99999; position:fixed; display: flex; flex-direction: column; align-items: center; justify-content: start; gap: 1rem; box-sizing: border-box; min-height: 5rem; width: calc(100% - 20px); max-width: 1440px; bottom: 10px; left: 50%; padding: 0 1.5rem 0 1rem; background: var(--cookie-bg-color, #c6c6c6); color: var(--cookie-text-color, #3f3f3f); font-size: 0.65rem !important; font-weight: 500; text-align: center; border-radius: 2.5rem; translate: -50% 0; }
@media (min-width: 768px) { .gcc-cookies { flex-direction: row; gap: 2rem; } }
@media (min-width: 992px) { .gcc-cookies { font-size: 0.8rem !important; } }
.gcc-cookies.gcc-overlay { flex-direction: column; gap: 1rem; height: auto; min-height: 5rem; padding: 0 0.5rem 0 0.5rem; }
@media (min-width: 576px) { .gcc-cookies.gcc-overlay { padding: 0 1.5rem 0 1.5rem; } }


.gcc-cookies.gcc-full { display: inline; align-items: unset; justify-items: unset; gap: unset; width: 100%; max-width: 700px; height: auto; top: 50%; left: 50%; bottom: unset; right: unset; padding: 30px 45px 15px; translate: -50% -50%; text-align: left; border-radius: unset; }

.gcc-cookies.gcc-full::before {
	z-index: -2; position: absolute; content:""; top: -100vh; left: -100vw; width: 200vw; height: 200vh; background: rgba(0,0,0, 0.25); backdrop-filter: blur(4px);
}

.gcc-cookies::after { z-index: -1; background-color: inherit; position: absolute; content:""; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit;}

.gcc-cookies a, .gcc-cookies a:hover { color: #343a40; text-decoration: underline; }
.gcc-cookies a:hover { text-decoration: none; }
.gcc-cookies-error { display: block; text-align: center; margin: 1em 0 2em 0; background: #eaeaea; padding: 2em 5%; border: 1px solid #ccc; font-size: 0.775rem !important; color: #333; }

.gcc-buttons { display: flex; flex-direction: column; align-items: center; gap: .5rem; width: max-content; margin-top: 0; text-align: center; }
@media (min-width: 768px) { .gcc-buttons { flex-direction: row; gap: 1rem; } }

.gcc-cookies.gcc-full .gcc-buttons { margin-top: 2rem; }
.gcc-cookies.gcc-full.gcc-overlay .gcc-buttons { margin-top: 0; }

.gcc-cookies h1, .gcc-cookies h2, .gcc-cookies h3, .gcc-cookies h4, .gcc-cookies h5, .gcc-cookies h6 { text-transform: none; margin-bottom: 1.5rem; text-align: center; }
.gcc-cookies h1::before, .gcc-cookies h2::before, .gcc-cookies h3::before, .gcc-cookies h4::before, .gcc-cookies h5::before, .gcc-cookies h6::before { display: none; }
.gcc-cookies.gcc-full .gcc-buttons { display: flex; flex-direction: column; align-items: center; width: 100%; }
.gcc-cookies.gcc-full .gcc-buttons a { display: inline-block; padding: 1rem; text-decoration: none; }

.gcc-cookies a.gcc-cookie-accept, .gcc-cookies-error a.gcc-cookie-accept, .gcc-cookies a.gcc-cookie-decline, .gcc-cookies-error a.gcc-cookie-decline, .gcc-cookies a.gcc-cookie-reset { display: inline-flex; align-items: center; justify-items: center; min-height: 2.5rem; padding: 0 1.25rem; width: max-content; font-weight: 700; color: var(--btn-text-color, white); text-decoration: none; text-transform: uppercase; background: var(--btn-bg-color, green);  border-color: var(--btn-bg-color, green); margin: 0 auto; box-shadow: 0 0 2px rgba(0,0,0,0.25); transition: opacity 0.1s ease-in; text-align: center; text-decoration: none; border-radius: 1.25rem; order: 1; line-height: 1.25; white-space: nowrap; }
@media (min-width: 768px) { .gcc-cookies a.gcc-cookie-accept, .gcc-cookies-error a.gcc-cookie-accept, .gcc-cookies a.gcc-cookie-decline, .gcc-cookies-error a.gcc-cookie-decline, .gcc-cookies a.gcc-cookie-reset { order: 2; } }
.gcc-cookies.gcc-full a.gcc-cookie-accept, .gcc-cookies-error.gcc-full a.gcc-cookie-accept, .gcc-cookies.gcc-full a.gcc-cookie-decline, .gcc-cookies-error.gcc-full a.gcc-cookie-decline, .gcc-cookies.gcc-full a.gcc-cookie-reset { display: block; align-items: unset; justify-items: unset; height: auto; width: max-content; padding: 1.125em 1.5em 1.125em; font-weight: 700; color: var(--btn-text-color, white); text-decoration: none; text-transform: uppercase; background: var(--btn-bg-color, green);  border-color: var(--btn-bg-color, green); margin: 0 auto; box-shadow: 0 0 2px rgba(0,0,0,0.25); transition: opacity 0.1s ease-in; text-align: center; max-width: 250px; text-decoration: none; border-radius: 0; order: unset; line-height: 1.5; }
.gcc-cookies a.gcc-cookie-decline, .gcc-cookies-error a.gcc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.gcc-cookies a.gcc-cookie-reset { background: #f15b00; }
.gcc-cookies a:hover.gcc-cookie-accept, .gcc-cookies-error a:hover.gcc-cookie-accept, .gcc-cookies a:hover.gcc-cookie-decline, .gcc-cookies-error a:hover.gcc-cookie-decline, .gcc-cookies a:hover.gcc-cookie-reset  { opacity: 0.75; }
.gcc-cookies-error a.gcc-cookie-accept, .gcc-cookies-error a.gcc-cookie-decline { display: block; margin-top: 1em; }

.gcc-cookies.gcc-overlay p { max-width: 800px }

.gcc-cookies #gcc-cookie-settings { display: flex; flex-wrap: wrap; margin-top: 30px; }
.gcc-cookies.gcc-overlay #gcc-cookie-settings { justify-content: center; gap: .5rem; width: 100%; margin-top: 0; margin-bottom: 1rem; }
@media (min-width: 992px) { .gcc-cookies.gcc-overlay #gcc-cookie-settings { width: 75%; } }
.gcc-cookies.gcc-full.gcc-overlay #gcc-cookie-settings {  width: 100%; margin-top: 1rem; margin-bottom: 0; }
.gcc-cookies.gcc-overlay #gcc-cookie-settings .gcc-field { flex: 0 0 100%; background: rgba(255,255,255,0.1); padding: .25rem; border-radius: 1rem; }
.gcc-cookies.gcc-full.gcc-overlay #gcc-cookie-settings .gcc-field { display: flex; flex-wrap: wrap; max-width: 100%; }
@media (min-width: 576px) { .gcc-cookies.gcc-full.gcc-overlay #gcc-cookie-settings .gcc-field { max-width: calc(50% - .25rem); } }
.gcc-cookies.gcc-overlay #gcc-cookie-settings .gcc-field label { color: var(--cookie-text-color, #3f3f3f); word-break: break-word; }
@media (min-width: 576px) { .gcc-cookies.gcc-overlay #gcc-cookie-settings .gcc-field label { text-align: left; line-height: 1.5; color: var(--cookie-text-color, #3f3f3f); } }
.gcc-cookies.gcc-overlay #gcc-cookie-settings .gcc-field label strong { color: inherit; }

.gcc-cookies.gcc-overlay #gcc-cookie-settings a.gcc-cookie-accept {
  margin-top: 1rem;
}

.gcc-cookies .gcc-img-wrap { display: inline-flex; align-items: center; justify-content: center; width: 3.5rem; height: 3.5rem; aspect-ratio: 1; background-color: var(--cookie-wrap-color, #3f3f3f); border-radius: 50%; }
.gcc-cookies.gcc-overlay .gcc-img-wrap { margin-top: 1rem; }
.gcc-cookies.gcc-full .gcc-img-wrap { display: flex; margin: 0 auto 1rem; width: 5.5rem; height: 5.5rem; }

.gcc-cookies .gcc-img { position: relative; display: block; margin: 0; max-width: 2.5rem; max-height: 2.5rem; }
.gcc-cookies .gcc-img g path { fill: var(--cookie-fill-color, #c6c6c6); }
.gcc-cookies.gcc-full .gcc-img { fill: gray; margin: 0 auto; max-width: 75px; max-height: 75px; }

.gcc-cookies .gcc-cookies-message { color: var(--cookie-text-color, #3f3f3f); }
.gcc-cookies .gcc-cookies-message p:last-child { margin-bottom: 0; }
.gcc-cookies .gcc-cookies-message a { color: var(--cookie-text-color, #3f3f3f); }
.gcc-cookies:not(.gcc-full) .gcc-cookies-message { text-align: left; flex-grow: 1; padding: 1rem 0; }
.gcc-cookies.gcc-overlay:not(.gcc-full) .gcc-cookies-message { width: 100%; padding: 0.5rem; }
@media (min-width: 992px) { .gcc-cookies.gcc-overlay:not(.gcc-full) .gcc-cookies-message { width: 75%; } }

.gcc-cookies .gcc-field { position:relative; flex: 0 0 100%; max-width: 100%; width: 100%; }
.gcc-field input[type="checkbox"] { position: absolute; top: 50%; transform: translateY(-50%); left: .5rem; cursor: pointer; border: 0;}
.gcc-field label { margin: 0; margin-left: 45px; padding-top: 3px; padding-bottom: 3px; padding-right: 10%; display: block; cursor: pointer;}

#gcc-cookie-settings .gcc-buttons { position:relative; flex: 0 0 100%; max-width: 100%; width: 100%; }

.gcc-field input[type="checkbox"] {
  width: 30px;
  height: 15px;
  appearance: none;
  -webkit-appearance: none;
  background: #c6c6c6;
  border-radius: 10px;
  outline: none;
  box-shadow: inset 0 0 2px rgba(0,0,0,.2);
	transition: .25s;
}

.gcc-field input:checked[type="checkbox"] {
  background: var(--cookie-checkbox-color, #c6c6c6);
}

.gcc-field input[type="checkbox"]::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--cookie-before-color, white);
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  transform: scale(1.1);
  transition: .25s;
}

.gcc-field input:checked[type="checkbox"]::before {
  left: 50%;
}

#cookie-message-switch,
#gcc-save-settings {
	margin: 0 0 0 0;
  padding: .25rem .5rem;
  border: 0;
  background: transparent;
  font-weight: 700;
  color: var(--cookie-text-color, #3f3f3f);
}

#gcc-save-settings {
  text-align: left;
}

#cookie-message-switch:hover,
#gcc-save-settings:hover {
  opacity: 0.75;
}

.gcc-cookies #cookie-message-switch {
  order: 2;
  line-height: 1.25;
}

@media (min-width: 768px) {
  .gcc-cookies #cookie-message-switch {
    order: 1;
  }
}

.gcc-cookies.gcc-full #cookie-message-switch {
  order: 2;
  line-height: 1.5;
}

.gcc-pp-cookie-settings { font-size: 0.775rem !important; }
.gcc-pp-cookie-settings .gcc-field { position: relative; flex: 0 0 100%; max-width: 100%; padding-bottom: 3px; }
.gcc-pp-cookie-settings .gcc-buttons { display: flex; flex-direction: column; align-items: start; gap: .5rem; text-align: left; margin: 15px 0 0; }
.gcc-pp-cookie-settings .gcc-cookie-accept { display: flex; align-items: center; justify-items: center; height: 3rem; border-radius: 1.25rem; padding: 1.125em 1.5em 1.125em; font-weight: 700; color: var(--btn-text-color, white); text-decoration: none; text-transform: uppercase; background: var(--btn-bg-color, green); border-color: var(--btn-bg-color, green); margin: 0; box-shadow: 0 0 2px rgba(0,0,0,0.25); transition: opacity 0.1s ease-in; text-align: center; max-width: 250px; text-decoration: none; }
.gcc-cookies.gcc-full .gcc-pp-cookie-settings .gcc-cookie-accept { display: block; align-items: unset; justify-items: unset; height: auto; padding: 1.125em 1.5em 1.125em; }
.gcc-pp-cookie-settings .gcc-cookie-accept:hover { opacity: 0.75; }

@media screen and (max-width: 768px) {
  .gcc-cookies { font-size: 10px; padding: 15px; text-align: left; }
  .gcc-cookies h1, .gcc-cookies h2, .gcc-cookies h3, .gcc-cookies h4, .gcc-cookies h5, .gcc-cookies h6 { margin: 15px 0; }
  .gcc-img { max-width: 45px; max-height: 45px; }
  .gcc-field { flex: 0 0 100%; max-width: 100%; padding-bottom: 3px; }
}