html {
  font-size:90%;
}


*, .card {
    /*transition: background-color 0.5s ease, 
                color 0.5s ease;*/
    transition: none;
}

body {
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth;
    overflow-y: scroll;
}

body {
    background-color: #fff;
    background-color:#f5f5f5;
    background-color:rgba(0,0,0,0.035);
}

blockquote {
  padding-left: 2rem;
  padding-right: 2rem;
  font-style: italic;
  padding-top: 1rem;
  padding-bottom: 1rem;
}


/* keep footer at the bottom */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#Container {
   min-height:100%;
   position:relative;
}
#Content {
  padding-bottom:70px;
  margin-top:0.75rem;
}
#Footer {
  position:absolute;
  bottom:0;
  width:100%;
  height:60px;   /* Height of the footer */
}
.display-table {
  display:table;
}
.display-table-cell {
  display:table-cell;
}
.va-top {
  vertical-align:top;
}
.va-bottom {
  vertical-align:bottom;
}
.va-middle {
  vertical-align:middle;
}
.va-text-top {
  vertical-align:text-top;
}
.va-sub {
  vertical-align: sub;
}
.size-120 {
  font-size: 120%;
}
.line-height-130 {
  line-height: 1.3;
}

/* end footer thingy */

header {
    background-color:transparent;
    border-bottom: 1px solid transparent;
}

.cqtbn {
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00ffffff', EndColorStr='#ffffff');
    bottom: 0;
    height: 25px;
    max-height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 60px;
}

label {
    cursor: pointer;
    color: rgba(0,0,0,.5);
}

.form-group {
  margin-bottom: 1.5rem;
}
.form-control {
  color: black;
  border-radius: .5rem;
}

h1 {
  font-size: 2.2rem;
  margin-bottom: 2rem;
  color: black;
  margin-top: 3rem;
  font-weight:bold;
}
h1 a,
h1 a:hover {
  color: rgba(0,0,0,0.8);
  text-decoration:none;
}

h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    margin-top: 2rem;
    color: #5a5a5a;
}
h2 a,
h2 a:hover {
    color: #5a5a5a;
    text-decoration:none;
}
h3 {
    font-size: 1rem;
    font-weight:bold;
    color:gray;
    margin-top:1.4rem;
}

.navbar {
  padding:0px
}

.navbar-light .navbar-toggler {
    border: 0px solid gray;
}

#NavIcon {
  width:42px;
}

.dropdown-item-icon {
    font-size:1.45rem;
    color:gray;
    padding-right:10px
}

.badge-shadow {
  box-shadow: 0 .3rem 0.5rem rgba(0,0,0,.35) !important;
}

.smart-shadow {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.smart-border {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}

.content-box {
    margin-top: 2rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, .125);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    background-color:transparent;
    border: 1px solid rgba(0,0,0,0.2);
}
.content-box.no-border {
  background-color: transparent;
}
.bordered-box {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2); background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding:1.5rem;
}

.inset-shadow {
    box-shadow: rgb(238, 238, 238) 1px 2px 3px 0px inset;
}

.border-radius-1rem {
    border-radius: 1rem;
}

.content-box h1 {
    margin-top: 0rem;
}

.color-title {
    color:#444;
}
.color-description {
  color:rgba(0,0,0,0.7);
}
.three-columns-text {
    color:#848484;
}
.color-description {
  font-size: 1.2rem;
  font-weight:600;
}

.avatar {
    background-color:rgb(227, 227, 227)
}

a:focus,
button:focus { 
    outline: none; 
}
.event-entry-icon, 
.round-icon-button,
.round-icon-button-small {
  color: rgba(0, 0, 0, 0.29);
}
.event-entry-icon,
.round-icon-button,
.round-icon-button-linkstyle  {
    width: 40px;
    border-radius: 50%;
    height: 40px;
    font-size: 22px; /* 28px */
    min-width: 40px;
    max-width: 40px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;   
    margin-right: -2px;
    margin-top:-5px;
    padding-top:6px;
}
.round-icon-button-small {
  width: 2rem;
  border-radius: 50%;
  height: 2rem;
  font-size: 1.6rem;
  min-width: 2rem;
  max-width: 2rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-right: -0.2rem;
  margin-top: 0rem;
  line-height: 1;
  padding: 0.2rem;
}

.event-entry-icon:hover,
.event-entry-icon:active,
.round-icon-button:hover,
.round-icon-button-small:hover {
  color:black;
}

.event-entry-icon:hover,
.round-icon-button:hover,
.round-icon-button-linkstyle:hover,
.round-icon-button-small:hover {
    background-color:#efefef;
}
.event-entry-icon:active,
.round-icon-button:active,
.round-icon-button-linkstyle:active,
.round-icon-button-small:active {
    background-color:silver;
}

.event-entry .card-img {
  width:100%;
  border-radius:0.75rem;
}

a > .avatar:hover {
    opacity: 0.65;
}

.channel-private-icon {
  font-size:1.8rem;
  position: absolute;
  top: 8px;
  left: 8px;
  color: white;
  line-height: 1;
  text-shadow: 0px 1px 5px rgba(0,0,0,0.5);
}

.channel-image-background {
  background-color:#e2e6ea;
}

#ChannelHeader,
#ChannelProgrammeSubscriptions {
  box-shadow: 0 .25rem 0.35rem rgba(0,0,0,.25) !important;
  border: 1px solid rgb(225, 225, 225);
}
.darktheme #ChannelHeader,
.darktheme #ChannelProgrammeSubscriptions {
  border: 1px solid transparent;
}

.navbar-brand,
.navbar-light .navbar-brand {
  font-weight:600;
  color: rgba(0,0,0,0.5);
  font-family: 'Muli', sans-serif;
  font-size: 1.5rem;
  letter-spacing:-1.5px;
}

.iconized-entry {
  padding-left: 2.5rem;
  position: relative;
}
.iconized-entry .icon-container {
  padding:0rem;
  display: inline-block;
  position: absolute;
  left: 0;
  margin-top:-0.1rem;
  font-size:1.5rem;
}
.iconized-entry-headline {
  font-weight:bold;
  color:rgba(0,0,0,0.7);
  font-size:110%;
}


/*.col-md-4,
.col-sm-6,
.col-12 {
    margin-bottom: 30px;
}
*/

.slicklist .col-md-4,
.slicklist .col-sm-6,
.slicklist .col-12 {
    margin-bottom: 5px;
}

.cardlist .card {
    max-width: 350px;
}

.cardlist .card {
    transition: opacity border 0.5s;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);

    /* brighter */
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 1px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);    
}

.cardlist .card:hover {
    opacity: 0.65;
}

.cardlist .card {
    font-size: 12px;
}

.cardlist .card-body {
    padding: 10px;
}

.card-title {
  margin-bottom: .5rem;
  color: black;
}

.cardlist .card-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #5b5b5b;
}

.cardlist .card h5 {
    font-size: 1rem;
}

.cardlist .card-column {
  padding-right: 0.45rem;
  padding-left: 0.45rem;
}

.card {
    /*margin: auto;*/
    border-radius: .75rem;
}
.card-img-top {
  border-top-left-radius: calc(.75rem - 1px);
  border-top-right-radius: calc(.75rem - 1px);
}

.cardlist h3,
.cardlist h4,
.cardlist h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn {
  border-radius:0.5rem !important;
}
.btn-primary {
  background-color:#ff355e !important;
  border-color:#ff355e !important;
  font-weight:bold;
}
.btn-primary-outline {
  background-color:transparent !important;
  border:1px solid #ff355e !important;
  color:#ff355e !important;
}
.btn-secondary {
  background-color: #e2e6ea;
  border:1px solid #e2e6ea;
  color: gray;
  background-color: #efefef;
  border: 1px solid #efefef;
  color: #515151;
}
.btn-secondary-outline {
  background-color:transparent;
  border:1px solid #dfdfdf;
  color: gray;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline:active {
  color:#212529 !important;
  background-color:#e2e6ea !important;
  border-color: #dae0e5 !important;
}

.btn-light,
.btn-outline-light,
.btn-light-primary {
  color: gray;
  background-color: #e2e6ea;
  border:1px solid #e2e6ea;
  /*box-shadow: 2px 2px 8px rgba(0,0,0,0.3);*/
  border-radius: 0.25rem;
  line-height: 1;
  padding:0.5rem;
  padding-bottom:0.6rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  margin-right: 0.5rem;
}
.btn-outline-light {
  border: 3px solid #dbdbdb;
}
.btn .dropdown-item-icon {
  padding-right: 5px;
}

.btn-light-primary {
  font-weight: bold;
  background-color: #ff355e;
  color: white;
  border: 1px solid #ff355e;
}

.btn-link {
  color:#ff1f70;
  font-weight:normal;
}

.browse-list-more-button {
  box-shadow:none;
  border:0px solid transparent;
  margin-right:-0.5rem;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 1rem;
}

.form-signin {
    width: 100%;
    max-width: 400px;
    padding: 15px;
    margin: auto;
}

.form-check-label {
  margin-left: 1rem;
}


#event_form_description {
  height:180px;
}

.stream-badge {
    color: #636363;
    /*background-color: #efefef;*/
    padding: 15px;
    border-radius: 15px;
    font-size: 1rem;
    font-weight: normal;
    /*margin-top:0.5rem;
    margin-bottom:0.5rem;*/
    margin-top:0.5rem;
    margin-bottom:0rem;
    letter-spacing:1px;
    line-height: 1;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 0.95rem;    
    width:190px;
}
.badge-light {
  background-color: transparent;
  color:gray;
}
.fixed-button {
    background-color: #007bff;
    color: #FFFFFF;
    border: none;
    outline: none;
    position: fixed;
    bottom: 0px;
    right: 15px;
    height: 50px;
    width: 50px;
    margin-bottom: 20px;
    border-radius: 30px;
    box-shadow: 1px 3px 5px #888888;
    font-size:1.5rem;
  }

  .cursor-pointer {
    cursor:pointer;
  }

  .dropdown-menu {
      z-index:2000;
  }

  .event-entry {
    border-radius:0.5rem;
    margin-bottom:1rem;
    padding:0.7rem; 
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    transition: box-shadow 200ms ease-out 0s;
    padding-right: 0.3rem;
  }

  .event-entry:hover {
      /*background-color:#f7f7f7;*/
      box-shadow:0 1px 1px 0 rgba(0,0,0,0.14), 0 3px 8px 0 rgba(0,0,0,0.2);
  }

  .event-entry-image {
    border-radius: 0.75rem; 
    max-width:50px;
    max-height:50px;
  }

  .event-entry-title {
    color:#212529;
    font-size:1.2rem;
    font-weight:bold;
  }

  .event-entry-subline {
    color:#5a5a5a
  }

  .event-entry .type-label {
    margin-left: -65px;
    margin-bottom: 7px;
    color: gray;
    font-size: 0.9rem;
  }
  .event-entry .image-with-label {
    margin-top:26px;
  }

  .event-teaser-image {
    border-style: none;
    width: 100%;
    border-radius: 0.75rem;
    /*object-fit: cover;
    max-height: 370px;*/
  }

  .modal-footer {
    justify-content: center;
  }

  .nav-dropdown-displayname {
    font-size:1.3rem;
    line-height:1;
    margin-bottom:5px;
    white-space:nowrap
  }
  .nav-dropdown-username {
    color:gray;
    font-size:1rem;
    line-height:1
  }
  .navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.35);
  }
  nav .nav-item .nav-link .icon {
    font-size: 1.7rem;
  }
.micro-dropdown {
  background-color: transparent;
  color: gray;
  padding: 0px;
  padding-right: 0px;
  padding-left: 0px;
  border: 0px solid gray;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1rem;
}
label {
  width:100%;
}
html #recaptcha_area, html #recaptcha_table {
  width: 400px !important;
}
.invalid-feedback,
.alert-danger {
    /*background-color: #f8d7da;
    padding: 7px;
    border-radius: 0.5rem;
    color:#721c24;
    border-color: #f5c6cb;
    padding-left: 23px;*/
    border-radius: 0.5rem;
    padding:3px;
    padding-left: 10px;
    padding-right: 10px;
    color:#dc3545;
    background-color:#fbe4e6;
    border-color:#fbe4e6;
    font-size:90%
}
.alert-danger > span,
.invalid-feedback > span {
  /*display: list-item !important;
  list-style-position: outside !important;
  margin-bottom: 3px;
  margin-top: 3px;*/
  margin-bottom: 7px;
  margin-top: 7px;
}
.form-error-icon {
  display:none;
}

  #DirectEditorInput {
    background-color: white;
    border:1px solid rgba(0,0,0,0.2);
    display: block;
    width: 100%;
    padding: 0.8rem;
    border-radius: 25px;
    text-align: left;
    cursor: text;
  }

  .padding-none {
    padding:0px;
  }
  .padding-small {
    padding:15px;
  }
  .padding-top-small {
    padding-top:15px;
  }
  .padding-bottom-small {
    padding-bottom:15px;
  }
  .padding-medium {
    padding:25px;
  }
  .padding-top-medium {
    padding-top:25px;
  }
  .padding-bottom-medium {
    padding-bottom:25px;
  }
  .padding-large {
    padding:30px;
  }
  .padding-top-large {
    padding-top:30px;
  }
  .padding-bottom-large {
    padding-bottom:30px;
  }
  .padding-right-none {
    padding-right:0px;
  }
  .padding-left-none {
    padding-left:0px;
  }
  .browse-list-title {
    font-size:1.3rem;
    font-weight:bold;
  }

  .fluid-cardlist .card {
    margin-bottom:20px;
  }



#Tablist {
  bottom: 0;
  background-color:#fff;
  box-sizing: border-box;
  box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.6);
  padding-top: 2px;
  list-style: none;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 3.5rem;
  outline:0;
  margin:0;
  padding:0;
  border:0;
  z-index:1030;
}
#Tablist li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 400;
  font-weight: normal;
  font-size:0.7rem;
  text-align:center;
}
#Tablist a.nav-link {
  text-decoration:none;
  display:block;
  text-align:center;
  color: rgba(0,0,0,.45);
  padding:0px;
  padding-top:0.4rem;
  padding-top: 0.6rem;
}
#Tablist li.active a {
  color:#646464 !important;
}
#Tablist a:hover {
  color: rgba(0,0,0,.85);
}
#Tablist i {
  font-size:1.7rem;
  display:inline-block;
  margin:0px;
  padding:0px;
  margin-bottom:0.2rem;
  font-size:1.5rem;
}

#Frontpage .content-box {
  border: 0px solid white;
  box-shadow: none;
}
#Frontpage .cardlist {
  padding-left:3px;
  padding-right:3px;
}
#Frontpage .form-control {
  width:100%;
}
#Frontpage h2 {
  font-weight:bold;
  font-size:1.6rem;
}
#Frontpage .btn-primary {
  font-weight: bold;

}
.modal-title {
  font-weight: bold;
}
header .btn-secondary {
  background-color:rgba(0,0,0,0.35);
  border:0px solid rgba(0,0,0,0.35);
  color: white;
}
header .btn-secondary:hover {
  background-color: #5a6268 !important;
  border:0px solid #5a6268 !important;
  color:white !important;
}

.no-border {
  border:0px solid transparent !important;
}

.no-padding {
  padding:0px !important;
}
.text-line-through {
  text-decoration: line-through;
}

.alert-badge {
  background-color: yellow;
  color: red;
}


.color-secondary {
  color:gray;
}
.cursor-pointer{
  cursor: pointer;
}
.image-copyright-icon {
  font-size: 1rem;
  position: absolute;
  top: 8px;
  right: 24px;
  color: white;
  line-height: 1;
  text-shadow: 0px 1px 5px rgba(0,0,0,0.5);
  padding:3px;
  background-color:gray;
  border-radius:50%;
}
.image-copyright-icon::after {
  content: "\00a9";
}
body {
  font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, .mobile-navigation-helper-title {
  font-family: 'Varela Round', sans-serif;
}
.mobile-navigation-helper-title{
  display:none;
}
.event-entry-title {
  font-family: 'Varela Round', sans-serif;
  color:rgba(0,0,0,0.75);
}
h1, h2, h3 {
  font-weight:bold;
}
header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left:0px;
  padding-right:0px;
  border-bottom:0px solid white;
}
body {
  background-color:white;
}
.xxx-content-box {

  box-shadow: none;
  border: 0px solid rgba(0,0,0,0.2);
}
#SearchInput {
  color:gray;
  padding: .375rem .85rem;
  font-size: 1.2rem;
  width:500px;
  height: calc(1.8em + .75rem + 2px);
  border: 1px solid rgb(225, 225, 225);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 5px !important;
  box-shadow:none !important;
  border-radius: .5rem;
}
#SearchInput:focus {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 10px !important;
  color:black;
}
#EventList h2,
#PastEventList h2 {
  font-size:170%;
}
#EventPage h1 {
  font-size:2rem;
}
.btn .close {
  background-color:#fff;
  padding: 0.1rem;
  display: block;
  border: none;
  border-radius: 100% !important;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.5rem;
  font-size: 1rem;
  color:#ff355e !important;
  z-index:999;
  margin-top:0.1rem;
  opacity:1;
  -webkit-appearance: none;
}

#Sidebar h2 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#ChannelBrowser h1,
#ChannelBrowser h2 {
  margin-left:0.4rem;
}
.xxx-padding-medium {
  padding: 25px;
  padding-right: 25px;
  padding-left: 25px;
  padding-left: 0px;
  padding-right: 0px;
}
.content-box {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.navbar-toggler-icon {
  width: 32px;
  height: 32px;
}
.nav-link {
  line-height:1;
  text-align:center;
}

#navbarNavAltMarkup {
  padding: 1rem 15px;
  padding-left: 22px;
  border-bottom: 1px solid silver;
  border-top: 1px solid #d9d9d9;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px;
}
#navbarNavAltMarkup .icon {
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}
#navbarNavAltMarkup .nav-link {
  text-align:left;
  font-size: 1.2rem;
  color: rgba(0,0,0,.55) !important;
}

#UserMenu {
  position: absolute;
}
#UserMenu .media-body {
  max-width: 210px;
}
#BrandContainer {
  order: 0;
  padding-left: 0.75rem;
}
nav {
  justify-content: space-between !important;
}

.page-item {
  margin: 4px;
}
.page-link,
.page-item.disabled .page-link {
    border-radius: .5rem !important;
    background-color: #efefef;
    border: 1px solid #efefef;
    color: #515151;
}
.page-item.disabled .page-link {
  color:#a6a6a6;
}
.page-link:hover {
  color:#212529 !important;
  background-color:#e2e6ea !important;
  border-color:#dae0e5 !important;
}

.color-description,
.three-columns-text {
  line-height: 1.3;
}
.dropdown-toggle::after {
  content:none;
}
.modal-backdrop {
  background-color: white;
}
.modal-header {
  border-bottom: 0px solid transparent;
}
.modal-footer {
  border-top: 0px solid transparent;
}
.modal-dialog .icon {
  color: silver;
}
#navbarNavAltMarkup .icon {
  float:right;
}

.nav-tabs {
  border-bottom: 1px solid #ced4da;
}
.nav-tabs .nav-link {
  color: gray;
  margin-right: 7px;
  background: #efefef;
  padding: .75rem 0.75rem;
  padding-bottom: 0.5rem;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}
.nav-tabs .nav-link:hover {
  color:#5a6268 !important;
}
.nav-tabs .nav-link.active {
  color: rgba(0,0,0,0.8);
  background-color: #fff;
  border-color: #ced4da #ced4da #fff;
  border-top: 2px solid #ff355e;
  border-top: 2px solid #ff355e;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.12);
}
.tab-content {
  z-index:10;
  position:relative;
  background-color:white;
}
.tab-with-errors {
  color:#dc3545 !important;
}
.tab-with-errors:before {
  content: "\f2bf";
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-light-primary:hover {
  color: white !important;
}
.flatpickr-input[readonly],
.datepicker-area .form-control[readonly] {
  background-color: white;
}
.form-control:focus {
  color:black;
}
footer {
  font-size:0.85rem;
}
footer .micro-dropdown {
  font-size:0.85rem;
}

#HomeNextButton,
#HomeNextSpinner {
  min-width:200px;
  padding:0.7rem !important;
}
.form-image-preview {
  border-radius:10px;
  background-color:#f7f7f7;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.dropdown-menu {
  max-width: 300px;
}
.dropdown-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left:1.25rem;
}
.context-menu .dropdown-item {
  padding-left:1rem;
}
.dropdown-item:hover {
  background-color:#f4f4f5;
}
.modal-body .dropdown-item {
  border-radius: 0.75rem;
}
.nav-dropdown-displayname {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-content {
  border-radius:1rem;
}
.bg-level-2 {
  background-color: rgb(239, 239, 239);;
}

.confirmation-hint {
  box-shadow: 0 4px 10px rgba(0,0,0,0.2); 
  display:inline-block;
  max-width:550px;
  border-radius:1rem;
  background-color:white;
  color:gray
}

.icon-verified {
  color:silver;
}
.font-size-80p {
  font-size:80%;
}
.hyphens-auto {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.z-index-1 {
  z-index:1 !important;
}
.z-index-2 {
  z-index:2 !important;
}
.z-index-1k {
  z-index:1000 !important;
}
.z-index-2k {
  z-index:2000 !important;
}
.z-index-3k {
  z-index:3000 !important;
}

.minw-200 {
  min-width:200px;
}

.maxw-170 {
  max-width:170px;
}
.maxw-250 {
  max-width:250px;
}
.maxw-450 {
  max-width:450px;
}
.overflow-dotted {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.opacity-70 {
  opacity:0.7;
}

.square {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.square-content {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.square-content {
  background-color:#e2e6ea;
}

.breadcrumb-element {
  max-width: 250px;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-open .modal {
  backdrop-filter: blur(3px);
}

.edit-bar {
  position: fixed;
  bottom: 1.5rem;
  z-index: 1040;
  left:0;
  width:100%;
}

.edit-bar-content {
  color:silver;
  background-color: #191919;
  border: 0px solid #191919;
  border-radius:1rem !important;
  margin:auto;
  width: 90%;
  max-width: 1170px;
}
.edit-bar .btn {
  margin-bottom:0px;
  color:white !important;
  border:2px solid gray;
  font-size: 90%;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.edit-bar .btn:hover, 
.edit-bar .btn:focus, 
.edit-bar .btn:active {
  background-color: black !important;
  border-color: white !important;
  color: white !important;
}
#EditIcon:hover {
  background-color: black;
  color: white;
}

.schedule-table table {
  width: 100%;
}
.schedule-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-table td:nth-child(2) {
  width: 100%; /* Extend the cell as much as possible */
  max-width: 0; /* Avoid resizing beyond table width */
}
.schedule-table table td {
  vertical-align:top;
  padding-bottom:0.25rem;
  padding-right:0.75rem;
}
.schedule-table .darktheme tr:nth-child(2n+1) {
  background: transparent;
}

#BackNavigationArrow {
  margin-left:-0.5rem;
  font-size:32px;
  margin-top:-20px;
  margin-top:0px;
  padding-top:0px;
}
#BackNavigationLabel {
  vertical-align:text-bottom;
  font-size:1.3rem;
  vertical-align: middle;
}
#NavigationLabel {
  color:#646464;
  font-size:1.4rem;
  font-weight:normal;
}

#NavigationLabel {
  color:gray;
  font-size:1.4rem;
  font-weight:normal;
}
.darktheme #NavigationLabel {
  color: #1995e0;
}

@media (max-width: 760px){
  .schedule-table td {
      font-size:0.85rem;
      padding:0.15rem;
  }
  .schedule-table td:nth-of-type(1){
      white-space: nowrap;
  }
}

@media (max-width: 767px){
  .edit-bar {
      bottom: 3.5rem !important;
  }
  .edit-bar-content {
      background-color:white;
      width: 100% !important;
      max-width:100% !important;
      border-radius:0px !important;
      border:1px solid silver;
      border-left:0px solid silver;
      border-right:0px solid silver;
      box-shadow: 0 -3px 3px rgba(0,0,0,0.12) !important;
  }
  .edit-bar-content .btn {
    color: rgba(0,0,0,.45) !important;
    border:1px solid silver !important;
    font-size: 90% !important;
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
  }
  .darktheme .edit-bar-content {
    border-top: 1px solid #283b51;
    border-bottom: 0px solid #283b51;
    background-color: #10171e;
  }
  .darktheme .edit-bar-content .btn {
    border: 1px solid #283b51 !important;
    color:#1995e0 !important;
  }
  .edit-bar-content b {
      display:none;
  }
  .edit-bar #EditIcon {
    display:none !important;
  }
  .edit-bar #EditRow {
    display:block !important;
  }
}
@media (min-width: 767px){
  .darktheme .edit-bar #EditRow,
  .darktheme .edit-bar #EditIcon {
    border:0px solid transparent;
    background-color:black;
  }
}

/* DARKTHEME */

.darktheme body {
  background-color:#10171e;
  color:white;
}
.darktheme a {
    color:#1995e0;
}
.darktheme .table {
  color: white;
}
.darktheme .tab-content {
  background-color:#10171e;
}
.darktheme .nav-tabs {
  border-bottom:1px solid #38444d;
}
.darktheme .nav-tabs .nav-link {
  background: #1c2938;
  color: rgba(255,255,255,0.5);
}
.darktheme .nav-tabs .nav-link:hover {
  color:white !important;
  border:1px solid transparent !important;
}
.darktheme .nav-tabs .nav-link.active,
.darktheme .nav-tabs .nav-link.active:hover {
  color: white !important;
  background-color:#10171e;
  border-color: #38444d #38444d #10171e !important;
  border-top: 2px solid #617788 !important;
  box-shadow: none;
}
.darktheme #navbarNavAltMarkup {
  border-bottom: 1px solid #38444d;
  border-top: 1px solid #38444d;
  box-shadow: none;
}
.darktheme #navbarNavAltMarkup .nav-link {
  color: rgba(255,255,255,.55) !important;
}
.darktheme .badge-success {
 background-color: #145924;
}
.darktheme .btn {
  color: white !important;
}
.darktheme .btn-primary {
  color: #1995e0;
  background-color: #162d40;
  border-color: #1995e0;
}
.darktheme .btn-primary:hover {
  color: white;
  background-color: #1995e0;
}
.darktheme .btn-light {
  color: white;
  background-color: transparent;
  border-color: rgba(255,255,255,0.07);
}
.darktheme .btn-light:hover {
  color:white;
  background-color: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.07);
}
.darktheme .btn-light,
.darktheme .btn-secondary {
  background-color:#1c2938;
  border-color:rgba(236, 117, 117, 0.07)
}
.darktheme .btn-secondary-outline {
  border:1px solid #1995e0 !important;
  color:#1995e0 !important;
}
.darktheme .btn-secondary:hover, 
.darktheme .btn-secondary:focus, 
.darktheme .btn-secondary:active,
.darktheme .btn-secondary-outline:hover, 
.darktheme .btn-secondary-outline:focus, 
.darktheme .btn-secondary-outline:active {
  background-color:#1c2938 !important;
  border-color:white !important;
  color: white !important;
}
.darktheme .btn-secondary:hover {
  background-color:#293c53 !important;
  border-color:rgba(255,255,255,0.07) !important;
  color:white !important;
}
.darktheme header .btn-secondary {
  background-color: transparent !important;
  border-color: #1995e0 !important;
  color: #1995e0 !important;
}
.darktheme header .btn-secondary:hover {
  background-color: transparent !important;
  border-color: white !important;
  color: white !important;
}
.darktheme .btn-primary,
.darktheme .btn-light-primary {
  background-color: rgba(255, 53, 94, 0.8) !important;
  border:rgba(255, 53, 94, 0.8) !important;
}
.darktheme .btn-primary:hover,
.darktheme .btn-light-primary:hover {
  background-color: rgba(255, 53, 94, 0.6) !important;
  border:rgba(255, 53, 94, 0.6) !important;
}
.darktheme .content-box .btn-light, 
.darktheme .content-box .btn-secondary {
  background-color: #283b51;
}
.darktheme .content-box .btn-light:hover, 
.darktheme .content-box .btn-secondary:hover {
  background-color: #283b51;
}
.darktheme .browse-list-more-button {
  border-color: transparent !important;
  color: #1995e0 !important;
  background-color: transparent !important;
}
.darktheme .browse-list-more-button:hover {
  background-color: #283b51 !important;
  color:white !important;
}

.darktheme .alert-badge {
  background-color: rgba(255,255,255,0.25);
  color: white;
}

.darktheme label {
  color: rgba(255,255,255,.5);
}
.darktheme .navbar-light .navbar-brand,
.darktheme .dropdown-item {
  color:rgba(255,255,255,0.5);
}

.darktheme .navbar-light .navbar-nav .nav-link {
  color: #1995e0;
}
.darktheme .navbar-light .navbar-brand:focus, 
.darktheme .navbar-light .navbar-brand:hover,
.darktheme .navbar-light .navbar-nav .nav-link:focus, 
.darktheme .navbar-light .navbar-nav .nav-link:hover {
  color: white;
}

.darktheme #Tablist {
  box-shadow:none;
  border-top:1px solid #283b51;
  background-color:#10171e;
}
.darktheme #Tablist a {
  color: #1995e0 !important
}
.darktheme #Tablist li.active a {
  color: #1995e0 !important;
}
.darktheme #Tablits a:hover {
  color: white !important;
}

.darktheme .page-item.active .page-link {
  color:#fff;
  background-color: #1995e0;
  border-color: #1995e0;
}
.darktheme .page-item.disabled .page-link {
  background-color: #1c2938;
  border: 1px solid #10171e;
}
.darktheme .page-link {
    color: white;
    background-color: #283b51;
    border: 1px solid rgba(236, 117, 117, 0.07);
    border-radius: 0.5rem !important;
}
.darktheme .page-link:hover {
  color: white;
  background-color:rgba(255,255,255,0.12);
  border-color: #10171e;
}

.darktheme .dropdown-item:focus, 
.darktheme .dropdown-item:hover {
  color: white;
  background-color: rgba(255,255,255,0.1);
}
.darktheme .dropdown-item,
.darktheme .dropdown-item-icon {
  color: #1995e0 !important
}
.darktheme header {
  background-color: transparent;
}
.darktheme .bordered-box,
.darktheme .card,
.darktheme .dropdown-menu {
  background-color:#1c2938;
}
.darktheme .dropdown-menu {
  /*background-color:#10171e;*/
  background-color: black;
}
.darktheme .cardlist .card {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25), 0 2px 1px -1px rgba(0, 0, 0, 0.25), 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.darktheme .cardlist .card-title {
  color: white;
}
.darktheme .cardlist .card-text {
  color: rgba(255,255,255,0.6);
}
.darktheme .content-box {
  /*background-color:#15202b;
  border: 1px solid #38444d;*/
  background-color: #1c2938;
}
.content-box.no-border {
  background-color: transparent;
}
/*.darktheme .card,*/
.darktheme .dropdown-menu {
  border: 1px solid #1995e0;
}
.darktheme .bordered-box {
  border: 0px solid #1c2938;
}

.darktheme .form-control {
    background-color:#1c2938;
    box-shadow:none;
    border:1px solid #1c2938;
    color:white;
}
.darktheme .bg-bright .form-control,
.darktheme #LoginForm .form-control,
.darktheme .modal-content .form-control {
  background-color: #283b51 !important;
  border: #283b51 !important;
}
.darktheme .form-control:focus{
  border:1px solid #1995e0;
}
.darktheme .flatpickr-input[readonly], 
.darktheme .datepicker-area .form-control[readonly] {
  background-color: #1c2938 !important;
}
.darktheme .bg-level-1 .form-control {
  background-color: #283b51;
  border: 1px solid #283b51;
}

.darktheme .bg-level-1 .custom-file-label::after {
  background-color: #283b51;
}

.darktheme .bg-level-1 .custom-file-label {
  background-color: #283b51;
  border: 1px solid #283b51;
}


.darktheme .flatpickr-calendar.arrowBottom::after {
  border-top-color: #1c2938;
}
.darktheme .flatpickr-calendar {
  background: #1c2938;
  box-shadow: 1px 0 0 #38444d,-1px 0 0 #38444d,0 1px 0 #38444d,0 -1px 0 #38444d,0 3px 13px rgba(0,0,0,0.08);
}
.darktheme .custom-file-label {
    background-color: #1c2938;
    border: 1px solid #1c2938;
}
.darktheme .custom-file-label:after {
  color:rgba(255,255,255,0.5);
  background-color:#1c2938;
}
.darktheme .custom-file-label:focus {
  color:#1995e0;
}
.darktheme .flatpickr-day {
  color: rgba(255,255,255,0.7);
}
.darktheme span.flatpickr-weekday {
  color: rgba(255, 255, 255, 0.9);
}
.darktheme .flatpickr-months .flatpickr-month,
.darktheme .flatpickr-months .flatpickr-prev-month,
.darktheme .flatpickr-months .flatpickr-next-month {
  color: rgb(255, 255, 255);
  fill:rgb(255, 255, 255);
}
.darktheme .flatpickr-day.flatpickr-disabled, 
.darktheme .flatpickr-day.flatpickr-disabled:hover, 
.darktheme .flatpickr-day.prevMonthDay, 
.darktheme .flatpickr-day.nextMonthDay, 
.darktheme .flatpickr-day.notAllowed, 
.darktheme .flatpickr-day.notAllowed.prevMonthDay, 
.darktheme .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255,255,255,0.3);
}
.darktheme h1, 
.darktheme h2, 
.darktheme h3,
.darktheme #Sidebar h2 {
  color:rgba(255,255,255,0.8);
}
.darktheme h1 a,
.darktheme h2 a,
.darktheme h3 a { 
  color:rgba(255,255,255,0.8);
}
.darktheme .flatpickr-day.inRange, 
.darktheme .flatpickr-day.prevMonthDay.inRange, 
.darktheme .flatpickr-day.nextMonthDay.inRange, 
.darktheme .flatpickr-day.today.inRange, 
.darktheme .flatpickr-day.prevMonthDay.today.inRange, 
.darktheme .flatpickr-day.nextMonthDay.today.inRange, 
.darktheme .flatpickr-day:hover, 
.darktheme .flatpickr-day.prevMonthDay:hover, 
.darktheme .flatpickr-day.nextMonthDay:hover, 
.darktheme .flatpickr-day:focus, 
.darktheme .flatpickr-day.prevMonthDay:focus, 
.darktheme .flatpickr-day.nextMonthDay:focus {
	background: rgba(255,255,255,0.2);
  border-color: rgba(255,255,255,0.2);
  color:white;
}
.darktheme .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
	border-top: 1px solid #38444d;
}
.darktheme .flatpickr-time input {
  color: white;
}
.darktheme .flatpickr-time input:hover, 
.darktheme .flatpickr-time .flatpickr-am-pm:hover, 
.darktheme .flatpickr-time input:focus, 
.darktheme .flatpickr-time .flatpickr-am-pm:focus {
	background: rgba(255,255,255,0.2);
}
.darktheme .flatpickr-calendar.arrowBottom::before {
	border-top-color: #38444d;
}

.darktheme .dropdown-divider {
    border-top:1px solid #38444d;
}
.darktheme .stream-badge {
  color: rgba(255,255,255,0.6);
  background-color:#10171e;
}
.darktheme .badge-shadow {
  box-shadow: 0px 0px 0px 1px #1995e0 !important;
}
.darktheme .event-entry-icon:hover,
.darktheme .round-icon-button:hover,
.darktheme .round-icon-button-linkstyle:hover,
.darktheme .round-icon-button-small:hover {
  color:white;
  background-color:rgba(255,255,255,0.12);
}
.darktheme .event-entry-icon:active,
.darktheme .round-icon-button:active,
.darktheme .round-icon-button-linkstyle:active,
.darktheme .round-icon-button-small:active {
  color:white;
  background-color:rgba(255,255,255,0.25);
}
.darktheme .iconized-entry-headline {
  color:rgba(255,255,255,0.7);
}
.darktheme #DirectEditorInput {
  background-color:#10171e;
  box-shadow:none;
  border:1px solid #10171e;
  color:rgba(255,255,255,0.5);
}
.darktheme .event-entry-title {
  color:white;
  font-size:1.2rem;
  font-weight:bold;
}
.darktheme .event-entry-subline {
  color:rgba(255,255,255,0.5);
}
.darktheme .event-entry .bg-light {
  background-color: #283b51 !important;
}
.darktheme .event-entry .card {
  border: 1px solid  #38444d;
}


.darktheme .nav-dropdown-displayname {
  color:white;
}
.darktheme .nav-dropdown-username {
  color:rgba(255,255,255,0.5);
}
.darktheme .avatar {
  background-color:#3a5778;
}
.darktheme .invalid-feedback,
.darktheme .alert-danger {
  color: white;
  background-color: #6c1234;
  border-color: #6c1234;
}

.darktheme .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.darktheme .content-box .line-bottom {
  border-bottom: 2px dotted rgba(255,255,255,0.4) !important;
}
.darktheme .line-top {
  border-top: 2px dotted rgba(255,255,255,0.4) !important;
}

.darktheme .modal-backdrop {
  background-color: black;
}
.darktheme .modal-content {
  background-color: #1c2938;
}
.darktheme .modal-dialog .icon {
  color: rgba(255,255,255,0.45);
}
.darktheme .bg-level-0 {
  background-color:#10171e !important;
}

.darktheme .bg-level-1 {
  background-color:#1c2938 !important;
}
.darktheme .bg-level-2 {
  background-color:#283b51 !important;
}
.darktheme .close {
  color: white;
  text-shadow: none;
}
.darktheme .btn-danger {
  color: #fff;
}
.darktheme .table thead th {
  border-bottom: 2px solid #38444d;
}
.darktheme .table td, .table th {
  border-top: 1px solid #38444d;
}
.darktheme .modal-footer {
  border-top: 1px solid #38444d;
  border-top: 1px solid transparent;
}
.darktheme .modal-header {
  border-bottom: 1px solid #38444d;
  border-bottom: 1px solid transparent;
}
.darktheme .card-title {
  color: white;
}
.darktheme .form-image-preview {
  background-color:#1c2938;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.darktheme #SearchInput {
  border:1px solid #1c2938;
  background-color:#1c2938;
}
.darktheme #SearchInput:focus {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 10px !important;
  border:1px solid #1995e0;
  color:white;
}
.darktheme .confirmation-hint {
  box-shadow: 0 4px 10px rgba(0,0,0,0.5);
  background-color:#131c26;
  color:rgba(255,255,255,0.5);
}
.darktheme .color-secondary {
  color:rgba(255,255,255,0.6) !important;
}
.darktheme .alert-success {
  background-color:#113939;
  border-color:#113939;
}
.darktheme .alert-success.text-dark {
  color: white !important;
}
.darktheme .leaflet-container {
  background: transparent;
}
.darktheme .leaflet-popup-content-wrapper, 
.darktheme .leaflet-popup-tip {
  background: #283b51;
  color:white;
}
.darktheme .leaflet-bar a {
  background-color: #283b51;
  border-bottom: 1px solid black;
  color: rgba(255,255,255,0.6);
}
.darktheme .leaflet-bar a:hover {
  background-color: #283b51;
  border-bottom: 1px solid black;
  color: rgba(255,255,255,1);
}
.darktheme .leaflet-container .leaflet-control-attribution {
  background: black;
  color: rgba(255,255,255,0.6);
}
.darktheme .leaflet-control-attribution a {
  color: rgba(255,255,255,0.6);
}
.darktheme .leaflet-control-zoom-fullscreen {
  background-image: url(/img/icons/leaflet-icon-fullscreen-darktheme.png);
}
.darktheme .leaflet-retina .fullscreen-icon {
  background-image: url(/img/icons/leaflet-icon-fullscreen-2x-darktheme.png);
}
.darktheme #NavIcon {
  height: 42px;
  width: 42px;
  padding-left: 42px;  
  box-sizing: border-box;
	background: url(/img/icons/logo-circle-darkmode.svg);
  background-repeat: no-repeat;
	background-size: cover;
}
.darktheme #EventPage .content-box {
  background-color: transparent;
}
.darktheme .square-content {
  background-color:#1c2938;
}
.darktheme .channel-image-background {
  background-color:rgba(255,255,255,0.25);
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
  .darktheme tr:nth-child(2n+1) {
    background: #1c2938;
  }
}

@media (max-width: 575px) { 
  .navbar-brand {
    font-size: 1.2rem !important;
    letter-spacing: -1px;
  }
  #NavIcon {
    width:2rem;
  }
  .darktheme #NavIcon {
    height: 2rem;
    width: 2rem;
    padding-left: 2rem;
  }
  #Content {
    padding: 0px !important;
    padding-bottom:60px !important;
  }
  #Content > .container {
    margin-top:0px !important;
    border-radius:0px !important;
  }
  .content-box {
    /*box-shadow: none !important;     
    border: 0px solid white !important;*/
  }
  #EventList h2,
  #PastEventList h2 {
    font-size:1rem;
  }
  #EventPage .content-box {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.1);      
    border: 1px solid rgba(0,0,0,0.2);
  }
  #EventPage > .container {
    border-radius:10px !important;
    margin-top:0px !important;
  }
  #EventPage h1 {
    font-size:1.5rem;
  }
  .btn {
    font-size: 0.95rem !important;
    padding: 0.3rem 0.7rem !important;
  }
  .event-entry {
    margin-bottom: .75rem;
  }
  .stream-badge {
    padding:6px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top:0.1rem;
    font-size:0.8rem;
    letter-spacing:0px;
  }
  .event-entry {
    padding: 0.5rem;
  }
  .event-entry-image {
    border-radius: 0.5rem; 
    max-width:38px;
    max-height:38px;
  }
  .event-entry-title {
    font-size: 0.95rem !important;
  }
  .event-entry-subline {
    font-size: 0.8rem !important;
  }
  .event-teaser-image {
    border-radius: 0;
  }
  .navbar-brand {
    font-size: 1.1rem;
  }
  h1 {
    font-size: 1.5rem;
  }
  h2 {
    font-size:1.1rem;
  }
  body {
    font-size: 0.95rem;
    line-height: 1.3;
  }
  table td, .table th {
    padding: .35rem;
  }
  .cardlist .card h5 {
    font-size: 0.8rem;
  }
  .card-title {
    margin-bottom: 0px;
  }
  .cardlist .card-column {
    padding-right: 5px;
    padding-left: 5px;
  }
  .cardlist .card-body {
    padding: 0.5rem;
  }
  .channel-private-icon {
    font-size:1.3rem;
    text-shadow:0px 1px 3px rgba(0,0,0,0.5);
  }    
  .browse-list-title {
    font-size:1.1rem;
    font-weight:normal;
  }
  .event-entry-icon,
  .round-icon-button,
  .round-icon-button-linkstyle {
    width: 36px;
    height: 36px;
    font-size: 22px;
    min-width: 36px;
    max-width: 36px;
    margin-right: -7px;
    margin-top: -2px;
  }
  .round-icon-button-small {
    font-size:1.2rem;
    width: 1.6rem;
    height: 1.6rem;
    min-width: 1.6rem;
    max-width: 1.6rem;
  }
  .padding-small {
    padding:10px;
  }
  .padding-medium {
    padding:12px;
  }
  .padding-large {
    padding:18px;
  }
  .dropdown-item {
    font-size: 0.9rem;
  }
  .dropdown-item-icon {
    font-size: 1.3rem;
  }
}

@media (max-width: 575px){
  #Frontpage h1,
  #Frontpage h2 {
    font-size:1.4rem;
  }
  .color-description,
  .three-columns-text {
    font-size:1rem !important;
  }
  #navbarNavAltMarkup {
      padding-left: 12px;
  }
  /*#EventPage .btn {
      display: block;
      margin-bottom: 0.5rem;
  }*/
  #Channel h1 {
      font-size:1.4rem;
  }
  .btn-w-100 {
      display:block;
      width:100% !important;
  }
  .form-control {
      border-radius: .35rem;
      height: calc(1.5em + .35rem + 2px);
      padding: .15rem .35rem;
      font-size: 0.95rem;
  }
  label {
      margin-bottom: .4rem;
  }
  footer {
      font-size:0.82rem;
  }
  footer .micro-dropdown {
      font-size: 0.82rem !important;
      padding: 5px !important;
      padding-top: 1px !important;
      padding-bottom: 1px !important;
  }
  .event-entry .card-body {  
    padding:0.6rem;
  }
  .event-entry .card-body .card-title {
    font-size:1rem;
  }
  .event-entry .card-body p {
    font-size:0.8rem;
  }
  .nav-tabs .nav-link {
    padding: .5rem 0.5rem;
    padding-bottom: 0.35rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .iconized-entry {
    padding-left:2.2rem;
  }
}

@media (min-width: 576px){
  #BackNavigationArrow {
    width: 38px;
    height: 38px;
    min-width: 38px;
    max-width: 38px;
  }
}

@media (min-width: 768px){
  .button-to-bottom {
    position: absolute;
    bottom: 1.55rem;
  }
  #BackNavigationArrow {
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    margin-top: 1px;
    margin-bottom: 1px;
  }
}

@media (max-width: 767px){
  body {
    background-color:#f9f9f9;
  }
  #PageFrontpage {
    background-color:white;
  }
  .darktheme #PageFrontpage {
    background-color:#10171e;
  }
  #TopNavbar {
    background-color: white;
  }
  /*.nav-tabs:first-child {
    margin-left: 0.5rem;
  }*/
  #EventEdit,
  #EventNew {
    padding-left:0px;
    padding-right:0px;
  }
  .tab-pane {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #ced4da;
  }
  #NavIcon {
    width:2rem;
  }
  .darktheme #NavIcon {
    height: 2rem;
    width: 2rem;
    padding-left: 2rem;
  }
  #Container {
      margin-bottom:3.7rem;
  }                
  #TopNavbar {
      box-shadow: 0 1px 3px rgba(0,0,0,0.2);
      line-height:1;
  }
  .card-title {
    margin-bottom: 0rem;
  }
  #BackNavigationArrow {
    font-size: 26px;
    margin-top: 0;
    padding-top: 6px;
  }
  #BackNavigationLabel {
    position: absolute;
    top: 17px;
    max-width: calc(100% - 100px);
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .darktheme #TopNavbar {
      border-bottom: none;
      box-shadow: none;
      background-color: transparent;
      /*border-bottom: 1px solid #283b51;*/
  }
  h1.mobile-navigation-title,
  .mobile-navigation-helper-title {
    text-align: center;
    display: block;
    position: absolute;
    top: 1.25rem;
    padding: 0px;
    margin: auto;
    font-size: 1.3rem;
    left: 3.6rem;
    color:#646464;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    line-height:1;
    max-width: calc(100% - 100px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .mobile-navigation-title-centered {
    left:0rem !important;
    right:0rem !important;
  }
  .mobile-navigation-title-secondary {
    color: rgba(0,0,0,0.45);
  }
  .darktheme .mobile-navigation-helper-title,
  .darktheme h1.mobile-navigation-title {
    color: rgba(255,255,255,0.5) !important;
    color: #1995e0 !important;
  }
  .anonymous #PageFrontpage .three-columns-entry {
    max-width: 400px;
    margin:auto;
  }
  .anonymous #PageFrontpage .three-columns-entry img {
    max-width: 120px;
  }
  .anonymous #PageFrontpage #TopNavbar #BrandContainer {
      width:100%;
      text-align:center;
      padding-left:0px !important;
      padding-right:0px !important;
  }
  .anonymous #PageFrontpage #TopNavbar .navbar-brand {
      padding-left:0px !important;
      padding-right:0px !important;
      margin:0px !important;
      display:block;
  }
  .anonymous #PageFrontpage #TopNavbar #NavContainer {
      display:none !important;
  }
  .anonymous #PageFrontpage #TopNavbar {
      border-bottom: 0px solid transparent;
      margin-bottom: 0px;
      margin-top: 1rem;
      background-color:transparent;
      box-shadow: none;
  }
  .anonymous #PageFrontpage #NavIcon {
      width: 3rem;
  }
}

@media (max-width: 767px) and (min-width:576px){
  #Channel h1 {
      font-size:1.8rem;
  }
  #EventPage h1 {
    font-size:1.8rem;
  }
  .container {
      max-width: 100%;   
  }
  .btn-light,
  .btn-light-primary {
      padding: 5px;
      padding-bottom: 6px;
      padding-left: 12px;
      padding-right: 12px;
      margin-right: 7px;
      font-size: 0.9rem;
  }
  .btn-w-100 {
      display:block;
      width:100% !important;
  }
}
@media (max-width:767px){
  .event-entry .card-img {
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
  }
}
@media (min-width:768px) and (max-width:900px) {
  #SearchInput {
    width:380px;
  }
  #EventPage h1 {
    font-size:1.8rem;
  }
}
@media (max-width: 1199px) and (min-width:768px){
  #Channel h1 {
      font-size:1.8rem;
  }
}
@media (min-width: 992px) { 
  #navbarNavAltMarkup {
      display: none !important;
  }
  .event-entry .card-img {
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
  }
}

@media (min-width: 1140px) { 
    #Frontpage h1 {
      font-size:2.5rem;
    }
    .color-description {
      font-size:1.4rem !important;
    }
    .three-columns-text {
      font-size:1.3rem !important;
    }
    #Frontpage .btn-primary,
    #Frontpage .btn-secondary {
      font-weight: bold;
      padding: .575rem 1rem;
      font-size: 1.2rem;
    }
    #Frontpage .btn-link {
        color:#ff1f70;
        font-weight:normal !important;
    }
     #NavIcon {
      width: 50px;
    }
    .darktheme #NavIcon {
      padding-left: 50px;
      height: 50px;
    }
    #BackNavigationArrow {
      margin-top: 5px;
      margin-bottom: 5px;
    }
}

/* ------------------------------------------- */
.flex-1{
  flex:1;
}
.ratio-1-1 {
  aspect-ratio: 1 / 1;
}
.border-radius-0rem {
  border-radius: 0rem;
}
.border-radius-1rem {
  border-radius: 1rem;
}
.bg-bright {
  background-color: white !important;
}
.darktheme .bg-bright {
  background-color: #1c2938 !important;
}
.bg-brighter {
  background-color: white !important;
}
.darktheme .bg-brighter {
  background-color: #283b51 !important;
}
.bg-none,
.darktheme .bg-none {
  background-color: transparent !important;
}
.darktheme .bg-brighter .bg-light {
  background-color: #364f6c !important;
}
.w-100 {
  width:100%;
}
.w-80 {
  width:80%;
}
.w-70 {
  width:70%;
}
.w-60 {
  width:60%;
  max-width:100px;
}
.br-150 {
  border-radius:1.5rem;
}
.br-100 {
  border-radius:1rem;
}
.br-75 {
  border-radius:0.75rem;
}
.br-50 {
  border-radius:0.5rem;
}
.br-none {
  border-radius:0rem;
}
.br-bottom-left-none {
  border-bottom-left-radius: 0px !important;
}
.br-bottom-right-none {
  border-bottom-right-radius: 0px !important;
}
.br-top-left-none {
  border-top-left-radius: 0px !important;
}
.br-top-right-none {
  border-top-right-radius: 0px !important;
}
.mt--1rem{
  margin-top:-1rem !important;
}
.no-shadow {
  box-shadow:none !important;
}
.no-border {
  border:none !important;
}
.shadow,
.shadow-large {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.35) !important;
}
.shadow-medium {
  box-shadow: 0 .25rem 0.35rem rgba(0,0,0,.25) !important;
  border: 1px solid rgb(225, 225, 225) !important;
}
.shadow-small {
  border: 1px solid rgba(0,0,0,.125) !important;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3) !important;
}
.shadow-line {
  border: 1px solid #dfdfdf;
  box-shadow: none;
}
.line-top-solid {
  border-top: 1px solid rgba(0,0,0,.25)
}
.line-bottom-solid {
  border-bottom: 1px solid rgba(0,0,0,.25)
}
@media (min-width: 376px) and (max-width:576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -8px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 7px;
  }
  .card-deck .w-60 {
    width: 90%;
  }
  .card-deck .rect-img-container {
    width: 90%;
  }
}
@media (min-width: 576px) {
  .border-radius-sm-0rem {
    border-radius: 0rem;
  }
  .border-radius-sm-1rem {
    border-radius: 1rem;
  }
  .bg-sm-bright {
    background-color: white !important;
  }
  .darktheme .bg-sm-bright {
    background-color: #1c2938 !important;
  }
  .bg-sm-brighter {
    background-color: white !important;
  }
  .darktheme .bg-sm-brighter {
    background-color: #283b51 !important;
  }
  .bg-sm-none,
  .darktheme .bg-sm-none {
    background-color: transparent !important;
  }
  .w-sm-100 {
    width:100%;
  }
  .w-sm-80 {
    width:80%;
  }
  .w-sm-70 {
    width:70%;
  }
  .w-sm-60 {
    width:60%;
  }
  .br-sm-150 {
    border-radius:1.5rem;
  }
  .br-sm-100 {
    border-radius:1rem;
  }
  .br-sm-75 {
    border-radius:0.75rem;
  }
  .br-sm-50 {
    border-radius:0.5rem;
  }
  .br-sm-none {
    border-radius:0rem;
  }
  .mt-sm--1rem{
    margin-top:-1rem !important;
  }
  .no-shadow-sm {
    box-shadow:none !important;
  }
  .no-border-sm {
    border:none !important;
  }  
  .shadow-sm,
  .shadow-large-sm {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.35) !important;
  }
  .shadow-medium-sm {
    box-shadow: 0 .25rem 0.35rem rgba(0,0,0,.25) !important;
    border: 1px solid rgb(225, 225, 225) !important;
  }
  .shadow-small-sm {
    border: 1px solid rgba(0,0,0,.125) !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3) !important;
  }
  .shadow-line-sm {
    border: 1px solid #dfdfdf;
    box-shadow: none;
  }
  .line-bottom-sm {
    border-bottom: 2px dotted rgba(0,0,0,.25) !important;
  }
  .line-top-sm {
    border-top: 2px dotted rgba(0,0,0,.25) !important;
  }

}

@media (min-width: 768px) {
  .border-radius-md-0rem {
    border-radius: 0rem;
  }
  .border-radius-md-1rem {
    border-radius: 1rem;
  }
  .bg-md-bright {
    background-color: white !important;
  }
  .darktheme .bg-md-bright {
    background-color: #1c2938 !important;
  }
  .bg-md-brighter {
    background-color: white !important;
  }
  .darktheme .bg-md-brighter {
    background-color: #283b51 !important;
  }
  .bg-md-none,
  .darktheme .bg-md-none {
    background-color: transparent !important;
  }
  .w-md-100 {
    width:100%;
  }
  .w-md-80 {
    width:80%;
  }
  .w-md-70 {
    width:70%;
  }
  .w-md-60 {
    width:60%;
  }
  .br-md-150 {
    border-radius:1.5rem;
  }
  .br-md-100 {
    border-radius:1rem;
  }
  .br-md-75 {
    border-radius:0.75rem;
  }
  .br-md-50 {
    border-radius:0.5rem;
  }
  .br-md-none {
    border-radius:0rem;
  }
  .mt-md--1rem{
    margin-top:-1rem !important;
  }
  .no-shadow-md {
    box-shadow:none !important;
  }
  .no-border-md {
    border:none !important;
  }  
  .shadow-md,
  .shadow-large-md {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.35) !important;
  }
  .shadow-medium-md {
    box-shadow: 0 .25rem 0.35rem rgba(0,0,0,.25) !important;
    border: 1px solid rgb(225, 225, 225) !important;
  }
  .shadow-small-md {
    border: 1px solid rgba(0,0,0,.125) !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3) !important;
  }
  .shadow-line-md {
    border: 1px solid #dfdfdf;
    box-shadow: none;
  }
}

@media (min-width: 992px) {
  .btn {
    padding: .475rem 1rem;
  }
  .border-radius-lg-0rem {
    border-radius: 0rem;
  }
  .border-radius-lg-1rem {
    border-radius: 1rem;
  }
  .bg-lg-bright {
    background-color: white !important;
  }
  .darktheme .bg-lg-bright {
    background-color: #1c2938 !important;
  }
  .bg-lg-brighter {
    background-color: white !important;
  }
  .darktheme .bg-lg-brighter {
    background-color: #283b51 !important;
  }
  .bg-lg-none,
  .darktheme .bg-lg-none {
    background-color: transparent !important;
  }
  .w-lg-100 {
    width:100%;
  }
  .w-lg-80 {
    width:80%;
  }
  .w-lg-70 {
    width:70%;
  }
  .w-lg-60 {
    width:60%;
  }
  .br-lg-150 {
    border-radius:1.5rem;
  }
  .br-lg-100 {
    border-radius:1rem;
  }
  .br-lg-75 {
    border-radius:0.75rem;
  }
  .br-lg-50 {
    border-radius:0.5rem;
  }
  .br-lg-none {
    border-radius:0rem;
  }
  .mt-lg--1rem{
    margin-top:-1rem !important;
  }
  .no-shadow-lg {
    box-shadow:none !important;
  }
  .no-border-lg {
    border:none !important;
  }  
  .shadow-lg,
  .shadow-large-lg {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.35) !important;
  }
  .shadow-medium-lg {
    box-shadow: 0 .25rem 0.35rem rgba(0,0,0,.25) !important;
    border: 1px solid rgb(225, 225, 225) !important;
  }
  .shadow-small-lg {
    border: 1px solid rgba(0,0,0,.125) !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3) !important;
  }
  .shadow-line-lg {
    border: 1px solid #dfdfdf;
    box-shadow: none;
  }
}

@media (min-width: 1200px) {
  .border-radius-xl-0rem {
    border-radius: 0rem;
  }
  .border-radius-xl-1rem {
    border-radius: 1rem;
  }
  .bg-xl-bright {
    background-color: white !important;
  }
  .darktheme .bg-xl-bright {
    background-color: #1c2938 !important;
  }
  .bg-xl-brighter {
    background-color: white !important;
  }
  .darktheme .bg-xl-brighter {
    background-color: #283b51 !important;
  }
  .bg-xl-none,
  .darktheme .bg-xl-none {
    background-color: transparent !important;
  }
  .w-xl-100 {
    width:100%;
  }
  .w-xl-80 {
    width:80%;
  }
  .w-xl-70 {
    width:70%;
  }
  .w-xl-60 {
    width:60%;
  }
  .br-xl-150 {
    border-radius:1.5rem;
  }
  .br-xl-100 {
    border-radius:1rem;
  }
  .br-xl-75 {
    border-radius:0.75rem;
  }
  .br-xl-50 {
    border-radius:0.5rem;
  }
  .br-xl-none {
    border-radius:0rem;
  }
  .mt-xl--1rem{
    margin-top:-1rem !important;
  }
  .no-shadow-xl {
    box-shadow:none !important;
  }
  .no-border-xl {
    border:none !important;
  }  
  .shadow-xl,
  .shadow-large-xl {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.35) !important;
  }
  .shadow-medium-xl {
    box-shadow: 0 .25rem 0.35rem rgba(0,0,0,.25) !important;
    border: 1px solid rgb(225, 225, 225) !important;
  }
  .shadow-small-xl {
    border: 1px solid rgba(0,0,0,.125) !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3) !important;
  }
  .shadow-line-xl {
    border: 1px solid #dfdfdf;
    box-shadow: none;
  }
}

.darktheme .line-bottom-sm, 
.darktheme .line-top-sm,
.darktheme .line-top-solid,
.darktheme .line-bottom-solid,
.darktheme .line-top,
.darktheme .line-bottom
{
  border-color: rgba(255,255,255,0.8) !important;
}
.darktheme .darktheme-no-border {
  border:0px solid transparent !important;
}



/* ------------------------------------------- */

/* varela-round-regular - latin-ext_latin_vietnamese_hebrew */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/varela-round-v12-latin-ext_latin_vietnamese_hebrew-regular.eot'); /* IE9 Compat Modes */
  src: local('Varela Round Regular'), local('VarelaRound-Regular'),
       url('../fonts/varela-round-v12-latin-ext_latin_vietnamese_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/varela-round-v12-latin-ext_latin_vietnamese_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/varela-round-v12-latin-ext_latin_vietnamese_hebrew-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/varela-round-v12-latin-ext_latin_vietnamese_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/varela-round-v12-latin-ext_latin_vietnamese_hebrew-regular.svg#VarelaRound') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-greek_greek-ext_cyrillic_latin-ext_latin_vietnamese_cyrillic-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* DESIGN UPGRADE 2.0 */
.navbar-light .navbar-nav .nav-link {
  font-size: 1.7rem;
  color: #646464;
}
header .btn-secondary {
  background-color: transparent;
  font-weight: bold;
  font-size: 0.95rem;
  /* border: 1px solid rgba(0,0,0,0.35); */
  /* color: rgba(0,0,0,0.35); */
  border: 0.12rem solid #999;
  color: #999;
  padding: 0.2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-left: 1rem !important;
  border: 0.12rem solid #646464;
  color: #646464;
  padding: 0.15rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
header .btn-secondary:hover {
  border: 0.12rem solid black !important;
  color: black !important;
  background-color:transparent !important;
}    
header .icon-home {
  /* font-size: 1.7rem !important; */
  font-size: 1.55rem !important;
  --ionicon-stroke-width: 38px;
  margin-top: 0.1rem;
}
#Tablist .nav-link ion-icon {
  font-size: 1.6rem;
  --ionicon-stroke-width: 38px;
}    
.nav-link ion-icon:hover {
  color:black;
}
.darktheme .nav-link ion-icon:hover {
  color:white;
}
.nav-link {
  transition: background-color 0.25s ease, color 0.15s ease !important;
}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
  color: black;
}    
.navbar-brand {
  margin-right: 0.5rem;
}
#navbarDropdownMenuLink {
  margin-top: -0.24rem;
}

@media (min-width: 1140px) { 
  #Frontpage h1 {
  font-size:2.9rem;
  }
}    
/*
#NavIcon {
  width:42px;
}    */
#SearchInput {
  color:#646464;
  padding: .375rem .85rem;
  height: calc(1.8em + .375rem + 2px);
  border: 1px solid rgb(225, 225, 225);
}   
  button ion-icon {
      vertical-align:inherit;
  }