@font-face {
  font-family: Oswald;
  src: url(../assets/fonts/Oswald-Regular.ttf);
}

@font-face {
  font-family: OswaldBold;
  src: url(../assets/fonts/Oswald-Bold.ttf);
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), url(../assets/fonts/Roboto-Regular.ttf);
}

@font-face {
  font-family: Roboto;
  font-style: bold;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto'), url(../assets/fonts/Roboto-Bold.ttf);
}

body {
	font-family: Roboto, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: black;
}

/*div {
  outline: 1px solid red;
}*/

p {
  text-align: justify;
}

/*.alignleft {
  float: left;
}

.alignright {
  float: right;
}*/

.main-wrapper {
  margin-bottom: 5em;
  margin-left: 1.875rem;
}

h1, h2, h3, h4, h5, h6 {
  color: rgb(255,0,128);
  font-family: OswaldBold, "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
}

h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 1.17em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

/*h1 a:hover, h2 a:hover, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover {
 color: rgb(255,0,128);
 text-decoration: underline;
}
*/

.entry-title {
  margin-top:0;
  margin-bottom: 0;
}

.entry-date {
  display: block;
  margin-top: -0.2em;
  margin-bottom: 1em;
}

.centered-heading {
  text-align: center;
}

.main-navigation{
 /* width: 160px;
  height: 100%;
  float:left;*/
  /*background: rgb(255,255,255);*/
  margin:20px 0px;
}


.menu-bar {
  padding-top:1em;
}

.main-navigation {
}

img.header-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  margin-top: 1.5em;
}

.main-navigation ul, .main-navigation ol {
  /*display: inline-block;*/
  text-align: right;
  margin: 0;
  padding: 0;
}

.main-navigation li {
  list-style-type: none;
  display: inline-block;
}

.main-navigation li a, .paging-navigation .nav-links a {
  padding: 0.3em 0.5em;
  margin: 0.3em;
  font-size: 1.2em;
  font-family: Oswald;
  text-transform: uppercase;
  color: rgb(255,0,128);
  border: 2px solid rgb(255,0,128);
  background: rgb(255,255,255);
  display: inline-block;
}

.main-navigation li a:hover, .main-navigation li.current_page_item a, .paging-navigation .nav-links a:hover {
  background-color: rgb(255,0,128);
  color: white;
}


article.post, article.page, .paging-navigation {
    padding:2em 2em;
    margin: 1.5em 0 0 0;
    background-color:rgba(255,255,255,1);
    max-width: 45em;
}

.paging-navigation .nav-links div {
  display: inline-block;
}

.post img {
  max-width: 100%;
  height: auto;
}

.widget_text, .widget_search, .widget_categories, .widget_mqtranslate, li.event {
/*box-shadow: 3px 2px 11px 0px rgba(0,0,0,0.2);*/
}

.widget_text, .widget_search, .widget_categories, .widget_mqtranslate {
  background-color: rgba(255,255,255,1);
  padding: 1em 1.2em;
  margin-bottom: 2em;
}

.widget h3 {
  margin-top: 0;
}


a {
	text-decoration: none;
	font-weight: normal;
	color: rgb(255,0,128);
}

a:hover,
a:active {
	text-decoration: none;
	font-weight: normal;
  background-color: rgb(255,255,150);
	color: rgb(255,0,128);
}

a:visited,
a:link:visited {
	text-decoration: underline;
	font-weight: normal;
  color:rgb(255,0,128);
}


/* Event List */
.event-list ul {
  margin: 0;
  padding: 0;
}

li.event{
  display: block;
  background-color: white;
  padding: 1em;
  margin: 0;
  margin-bottom: 1em;
  min-height: 5.5em;
}

.event-list .startdate, .event-list .enddate {
  border-radius: 0;
  background: none;
  float:none;
  margin: 0;
}

.event-content {
  font-size: 1em;
}

.event-content img {
  width: 100%;
}


.widget {
  margin: 0.3em;
}

.event-date {
  margin: 0px 0.4em 0em 0px;
  width: 100%;
  text-align: left;
  display: block;
  float: left;
}

.event img {
  max-width: 100%;
  height: auto;
}

.event-date {
  color: black;
  display: block;
  float: none;
}

.event-date div {
    font-size: 1em;
    background:none;
    display: inline;
    margin-right: 0.3em;
}

.event-info {
  margin-left: 0;
}
.event-title h3 {
    /*line-height: 0.8em;*/
    margin-bottom: 0em;
}

.event-time {
  font-weight: normal;
  color: rgba(100,100,100,1);
  font-size: 0.9em;
  display: inline-block;
}

.event-weekday {
  font-weight: bold;
}

.single-day {
    margin: 0em 0px 0px 0em;
}

/* Adjustments for Eventlists in Articles */

.post .event-list .event-date {
  font-size: 0.9em;
  margin: 0px 0.4em 0em 0px;
  text-align: left;
  display: block;
  float: right;
}

.post .event-list>ul>li{
    display: block;
    line-height: 1em;
    margin:0;
    margin-bottom: 0.4em;
    padding: 0;
}

.post .event-list>ul>li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.post .event-list>ul>li>div>div>div{
    /* padding-right: 0.3em; */
}
.post .event-list>.event-list-view>.event{
    min-height:1.1em;
}
.post .event-list>.event-list-view>.event>.event-info>.event-title>h3{
    display: block;
    font-size: 1em;
    margin: 0;
    float:left;
}
.post .event-list>.event-list-view>.event>.event-date{float:left;padding: 0;margin:0;}
.post .event-list>.event-list-view>.event>.event-info{display:none;margin-left: 1em;}
.post .event-list>.event-list-view>.event>.event-info>.event-time{display:none;}
.post .event-list>.event-list-view>.event>.event-info>.event-location{display:none;}
.post .event-list>.event-list-view>.event>.event-info>.event-content{display:none;}
.post .event-list>.event-list-view>.event>.event-date{ margin-bottom: 0.4em;}
.post .event-list>.event-list-view>.event>.event-date>.startdate{ width: 9em;padding-left:0.5em;}
.post .event-list>.event-list-view>.event>.event-date>.enddate  { width: 9em;padding-left:0.5em;}
.post .event-list>.event-list-view>.event{ color: grey;}

/* ==== Events page === */

div.filterbar {
  margin-bottom: 1em;
}
div.filterbar select.dropdown, div.filterbar ul.hlist, div.filterbar a.link {
  margin: 0 3px;
  vertical-align: middle;
}

div.filterbar ul.hlist li {
  float: left;
  list-style: none;
  margin: 0;
}

div.filterbar ul.hlist li + li:before {
  color: grey;
  content: "|";
  padding: 0 0.5em;
}


/*div.widget ul li {
  color: rgb(155, 155, 155);
  padding: 0;

}
div.widget ul li a {
  font-family: "PT Sans Narrow",sans-serif;
    color: rgb(255, 0, 153);
    font-size: 0.8em;
    line-height: 1em;
}*/



.qtrans_language_chooser > li{
    display:inline;
}
.qtrans_language_chooser > li > a{
    font-size: 1em !important;
}
.qtrans_language_chooser > li + li::before {
    content: " | ";
}