html{
 margin:0; padding:0;
 background:#5115a4;
}
body{
 background-attachment: fixed;
 overflow-y:scroll;
 padding:0;
 margin:0;
 background:linear-gradient(#5115a4 0%, #f3790d 100%);
}

#bg {
 padding:0;
 margin:0;

 background: url("bg2019.png");
 background-size:cover;
 background-attachment:fixed;
}

#core{
    padding:0;
 margin:0 auto;
 width:100%;
}

.day{
 white-space:nowrap;
}
a{
    color:#93f;
}
h3, h4, h5, h6, p, div{
 color:#00475e;
}
h4.eventtime {
  color:#fff !important;
}
h1, h2, h3, h4, h5, h6, p, div, a{
 font-weight:100;
 font-family:'Open Sans', Helvetica, Arial, sans-serif;
}
.eventday{
 clear:both;
}
h3.eventday{
 color:#fff
}
.eventtime{
 display:inline-block;
 vertical-align:top;
 margin:0.5em;
}
#search{
display:block;
 padding:0.25em;
 margin-left:1em;
 font-size:1.3em;
}
.eventhour::after{
 content:":";
}
.time{
 white-space:normal;
 border-left:1px solid #fff;
 padding:1em;
 display:inline-block;
}
.itemsummary::after, #fav input + a::after{
 content:' ';
 background:url("img/hjartasvart.png");
 background-size:100%;
 margin:0.2em;
 background-repeat:no-repeat;
 width:1em;
 height:1em;
 float:right;
}
.favourite .itemsummary::after, #fav input:checked + a::after {
 content:' ';
 background:url("img/hjartarosa.png");
 background-repeat:no-repeat;
 background-size:100%;
 
}
#fav .favourite{
 background:#fff !important;
 border:2px solid #dadada;
}
.itemtime{
 font-size:0.9em;
}
.eventitem{
 border:2px solid #dadada;
 padding:0.5em;
 margin:0.2em;
 border-radius:5px;
 display:inline-block;
 color:#00475e;
 min-width:150pt;
}
#rest{
 margin:0 !important;
 padding-top:1em;
 min-height:1000px;
 padding-left:1em;
 padding-right:1em;
 padding-bottom:4em;
}
#top{
 width:100%;
 padding-bottom:1em;
 background:rgba(0,0,0,0.2);
}
#swap{
 text-decoration:none;
 font-size:1.0em;
 display:inline-block;
 padding:0.5em;
 background:#fff;
 border:1px solid #dadada;
 margin-top:1em;
 margin-left:3em;
 margin-bottom:-3em;
 position:relative;
 bottom:-0.5em;
}
#title{
 transform:rotate(-5deg);
 display:block;
 height:250px;
 padding:20px;
 margin:0px auto;
}
#fav{
padding-top:1em;
padding-right:30%;
padding-bottom:0;
margin-left:50%;
margin-bottom:-3em;
}
#schedules, #categories{
 background:white;
 margin:1em;
 border:2px solid #dadada;
 position:relative;
 width:75%;
}
.schedule , #categories a{
 display:inline-block;
 margin:0.5em;

 padding:0.5em;
 border-radius:0.4em;
 font-size:1.0em;
}

.schedule a, #categories a{
 text-decoration:none;
}
.schedule input{
 display:none;
}
.schedule input + a{
 opacity:0.85;
}
.schedule input:checked + a{
 opacity:1.0;
}

h1, h2{
 color:#00475e;
}
span.event{
 min-width:10em;
 text-align:center;
 display:inline-block;
}