/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */

@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');

/* Change some root colors and settings of the document */

:root { 

    --cassiopeia-color-primary: #3177cc;
    --cassiopeia-color-link: #2a69b8;
    --cassiopeia-color-hover: #1f39b1;

/*
    --cassiopeia-font-family-body: "Roboto", sans-serif;
    --cassiopeia-font-family-headings: "Roboto", sans-serif;
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400;

    
    --blue: #0d6efd;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d63384;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #198754;
    --teal: #20c997;
    --cyan: #0dcaf0;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --primary: #0d6efd;
    --secondary: #6c757d;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --primary-rgb: 13, 110, 253;
    --secondary-rgb: 108, 117, 125;
    --success-rgb: 25, 135, 84;
    --info-rgb: 13, 202, 240;
    --warning-rgb: 255, 193, 7;
    --danger-rgb: 220, 53, 69;
    --light-rgb: 248, 249, 250;
    --dark-rgb: 33, 37, 41;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 33, 37, 41;
    --body-bg-rgb: 255, 255, 255;
    --font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --body-font-family: var(--cassiopeia-font-family-body);
    --body-font-size: 2rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #383838;
    --body-bg: #efefef;
  */


}

.back-btn {
  color: #ffffff;
  background: #30638d;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  border-radius: 8px;
  width: 55px;
  font-family: Roboto;
  font-size: 14px;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}

.back-btn a:link {
  color: #ffffff;
  text-decoration: none;
}

.back-btn a:visited {
  color: #ffffff;
  text-decoration: none;
}

.back-btn:hover {
  background: #427bb8;
  text-decoration: none;
}

.back-btn-sm:link, visited, active  {
  background: #22d4cb;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  width: 90px;
  font-family: Roboto;
  color: #000000;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.back-btn-sm:hover {
  background: #427bb8;
  text-decoration: none;
}

.dot {
  height: 120px;
  width: 100px;
  background-color: #30638d;
  border-radius: 50%;
  border-style: solid;
  border-color: #BFBFBF;
  box-shadow: 0px 1px 3px #666666;
  padding-top: 10px;
  padding-right: 12px;
  padding-bottom: 10px;
  padding-left: 12px;
  display: inline;
}

/*
.banner-title {
  background: #424242;
  padding-top:30px !important;
  padding-bottom:30px !important;
  padding-left:30px !important;
  padding-right:30px !important;  
  text-decoration: none;
}


.item-101, .item-122, .item-123 {
    color: #373737;
}

.item-101:hover, .item-122:hover, .item-123:hover {
    color: #56BAB7;
}


.header {
   	background: #ffffff;
  	background-image: url('images/-a010-markuss-0311.jpg');
}

.footer {
    margin-top:0px !important;
    background: #363636;
}

*/

.eventstyle {
  margin-top:10px !important;
  margin-bottom:10px !important;
  margin-left:10px !important;
  margin-right:10px !important;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}


.eventfont {
  font-family: "Roboto", sans-serif;
}

.eventheadernocard {
  color: #000000;
}

.eventheadercard {
  color: #ffffff !important;
  background: #30638d !important;
}


.main-top.no-card {
    box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    padding: 15px 15px 15px 15px;
    border-radius 50% !important;
    background: #ffffff !important;
}

.main-top.card {
      box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    background: #ffffff !important;
}

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}