@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,600&display=swap');


/** Main Menu Overide */
body .nav-down, body .nav-up {
  transform:unset;
}
body .custom-header {


  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff; /* or any background */
  transform: translateY(-100px);
  transition: transform 0.3s ease-in-out;
  z-index: 999;
}
body .custom-header.show {
  transform: translateY(0);
}
.top-hover-zone {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  z-index: 9999;
}

:root {
  --primary-color: #4D36FF;
  --secondary-color: #313131;
  --accent-color: #FF6153;
  --yellow: #FFC107;
  --green: #00D686;
  --red: #E50A1F;
  --blue: #007BFF;
  --white: rgba(255,255,255);

  --primary-color-5: rgba(77, 54, 255, .05);
  --primary-color-10: rgba(77, 54, 255, .1);
  --primary-color-20: rgba(77, 54, 255, .2);
  --primary-color-30: rgba(77, 54, 255, .3);
  --primary-color-70: rgba(77, 54, 255, .7);
  --primary-color-90: rgba(77, 54, 255, .9);
  --secondary-color-10: rgba(49,49,49,.1);
  --secondary-color-20: rgba(49,49,49,.2);
  --secondary-color-30: rgba(49,49,49,.3);
  --secondary-color-40: rgba(49,49,49,.4);
  --secondary-color-60: rgba(49,49,49,.6);
  --accent-color-20: rgba(255,97,83,.2);
  --accent-color-30: rgba(255,97,83,.3);
  --white-70: rgba(255,255,255,.7);
  --white-90: rgba(255,255,255,.9);
  --yellow-30: rgba(255,193,7,.3);

  --button-primary-color: #625AFA;
  --button-primary-color-hover: #513DD9;

  --primary-color-darker: #3D2BCC;
  --accent-color-darker: #E6574B;

  --base-size: 1rem;
  --large-size: calc(var(--base-size) * 2);
  --base-line-height: 1.5;

  --base-font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,
    'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji',
    'Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';

  --font-regular: 400;
  --font-bold: 600;

}

.calender-tool h1, 
.calender-tool h2, 
.calender-tool h3, 
.calender-tool h4, 
.calender-tool h5, 
.calender-tool h6 {
  margin: 0;
}
.calender-tool h3 {
  font-size: 1.75rem;
  line-height: 1.25714;
  margin-bottom: .5rem;
  letter-spacing: -.03125rem;
}
.calender-tool a, 
.calender-tool a:visited,
.calender-tool a:hover{
  color: var(--primary-color);
  text-decoration: none;
}
.calender-tool a:focus,
.calender-tool a:active {
  color: var(--secondary-color);
}
.calender-tool abbr {
  text-decoration: none;
}










header.calender-tool  {
  border-bottom: 1px solid var(--secondary-color-20);
  padding: 0 var(--base-size);
  position: fixed;
  width: 100%;
  top: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 2;
  overflow: hidden;
}

.calender-tool nav ul {
  display: flex;
  padding: var(--base-size) 0 0;
}
.calender-tool nav ul:after {
  content: '';
  display: inline-flex;
  padding: var(--base-size);
}
.calender-tool nav ul li {
  display: inline-flex;
  margin: 0 var(--base-size);
}
.calender-tool nav ul li a {
  color: var(--secondary-color);
  padding: calc(var(--base-size)/2) 0;
  font-size: 1.75rem;
  line-height: 1.25714;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .15s ease-in-out,
    border-bottom .15s ease-in-out;
}


header section.top-nav {
  padding: var(--base-size) var(--base-size) 0;
  display: flex;
  align-items: flex-start;
}
header section.top-nav h1 {
  width: 4rem;
}



.title--label {
  font-size: .75rem;
  line-height: 1;
  text-transform: uppercase;
  display: block;
}
.title--number {
  font-size: 1.625rem;
  line-height: 1;
  display: block;
}

header section.top-nav small {
  font-size: .625rem;
  line-height: 1;
  display: block;
  margin-top: .25rem;
  height: .625rem;
  overflow: hidden;
}
header section.top-nav small a {
  display: block;
  opacity: 0;
  transition: opacity .15s ease-in-out,
    transform .15s ease-in-out;
}
header section.top-nav small span {
  display: block;
  transition: opacity .15s ease-in-out,
    transform .15s ease-in-out;
}
header section.top-nav .logo:hover + div small a,
header section.top-nav small:hover a {
  opacity: 1;
  transform: translateY(-100%);
}
header section.top-nav .logo:hover + div small span,
header section.top-nav small:hover span {
  opacity: 0;
  transform: translateY(-100%);
}
header section.top-nav .left,
header section.top-nav .right {
  display: flex;
  align-items: flex-start;
}
header section.top-nav .right {
  margin-left: auto;
}

header section.top-nav .logo {
  margin-right: .5rem;
}
header section.top-nav .logo svg {
  width: 2.5rem;
}
header section.top-nav .logo svg text {
  font-family: inherit;
}
.print-option {
  margin-right: .5rem;
}

.safari--only {
  display: none;
}

.next-year,
.prev-year {
  display: flex;
  align-items: center;
}
.next-year{ 
  box-shadow: -1px 0 0 0 var(--secondary-color-20);
}
.prev-year{ 
  box-shadow: 1px 0 0 0 var(--secondary-color-20);
}
.next-year:before {
  content: attr(data-next-year);
}
.prev-year:before {
  content: attr(data-prev-year);
}
.next-year:before,
.prev-year:before {
  font-size: .75rem;
  color: var(--secondary-color-40);
  transform: rotate(-90deg);
}



/* COOKIES */
div#hs-eu-cookie-confirmation[data-nosnippet] {
  font-family: var(--base-font-family) !important;
}
div#hs-eu-cookie-confirmation[data-nosnippet] {
  text-shadow: none !important;
  background-color: var(--primary-color) !important;
  background-image: none !important;
  border: 0 !important;
  position: fixed !important;
  -webkit-backdrop-filter: blur(.25rem);
  backdrop-filter: blur(.25rem);
  top: auto !important;
  bottom: 1rem;
  left: 1rem !important;
  right: 1rem;
  width: auto;
  max-width: 17rem;
  border-radius: .25rem;
}
@supports (-webkit-backdrop-filter: blur(.25rem)) or (backdrop-filter: blur(.25rem)) {
  div#hs-eu-cookie-confirmation[data-nosnippet] {
    background-color: var(--primary-color-90) !important;
  }
}
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner {
  padding: 1rem 2rem !important;
  font-family: inherit; 
}
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner a, 
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner p#hs-eu-policy-wording + p a {
  color: var(--white) !important;
  font-size: inherit !important;
  text-decoration: underline !important;
  background: none !important;
  border: none !important;
  font-weight: var(--font-bold) !important;
  font-family: inherit !important; 
}
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner p, 
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner p#hs-eu-policy-wording + p {
  margin: 0 !important;
  font-family: inherit !important;
  text-align: left !important;
  text-shadow: none;
  line-height: 1.45522 !important;
  font-size: .875em !important; 
}
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer {
  margin: 0 !important; 
}
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area {
  text-align: left !important;
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
  align-items: center; 
}
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner #hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button {
  border: 1px solid var(--white) !important;
  box-shadow: none !important;
  border-radius: 7rem;
  background: transparent !important;
  text-shadow: none !important;
  color: var(--white) !important;
  font-family: inherit !important;
  font-weight: var(--font-bold) !important;
  padding: .75em 1em !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center; 
  font-size: .875rem !important;
}
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area a#hs-eu-confirmation-button:before {
  content: url(https://www.sendible.com/hubfs/assets/icons/cookie-icon.svg);
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  margin-right: .25em;
  margin-top: -.5em;
  margin-bottom: -.5em;
  margin-left: -.5rem;
}
div#hs-eu-cookie-confirmation[data-nosnippet] div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area a#hs-eu-decline-button {
  text-decoration: none !important;
  text-shadow: none;
  padding: .75rem 1rem !important;
  font-size: .875rem !important;
  line-height: 1 !important; 
}

@media screen and (max-width: 480px) {
  div#hs-eu-cookie-confirmation[data-nosnippet] {
    font-size: 1rem !important;
  }
}
.logo a{
  color: #513DD9;
}
a.btn--primary, a.button--primary {
  background:  var(--button-primary-color,#625AFA);
  color: var(--button-primary-fill-fill-foreground, #F9F7FF);
}
a.btn--primary:hover, a.button--primary:hover {
  background:  var(--button-primary-color-hover,#513DD9);
  color: var(--button-primary-fill-fill-foreground, #F9F7FF);
}
a.btn--primary:focus, a.button--primary:focus{
  border: 3px solid var(--button-primary-fill-fill-shadow-focus, rgba(98, 90, 250, 0.20));
}

body.header-visible .custom-header {
  transform: translateY(0);
}
/* Dark Mode configuration added to _SMCalendar--Month module */
@media (prefers-color-scheme: dark) {
  header section.top-nav .logo svg text{
    fill: #DFD3FC!important;
  }
  header section.top-nav .logo svg g > g{
    stroke: #DFD3FC!important;
  }
  .top-nav .logo + div a, .top-nav .logo + div a:visited, .top-nav .logo + div a:hover{
    color: #DFD3FC;
  }
}


* {
  box-sizing: border-box;
}
html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  font-family: var(--base-font-family);
  font-size: var(--base-size);
  font-weight: var(--font-regular);
  line-height: var(--base-line-height);
  color: var(--secondary-color);
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
h3 {
  font-size: 1.75rem;
  line-height: 1.25714;
  margin-bottom: .5rem;
  letter-spacing: -.03125rem;
}
a, 
a:visited,
a:hover{
  color: var(--primary-color);
  text-decoration: none;
}
a:focus,
a:active {
  color: var(--secondary-color);
}
abbr {
  text-decoration: none;
}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}