/* line 1, ../sass/demo.scss */
html, body {
}

/* line 8, ../sass/demo.scss */
* {
  box-sizing: border-box;
}

/* line 12, ../sass/demo.scss */
h1.eventsh2, h2.eventsh2 {
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
    /*font-family: Trebuchet MS;*/
    font-weight: normal;
    color: #ffc800;
    font-style: italic;
    /* border-bottom: 1px solid white; */
}
span.eventname {
    display: block;
    color: #171818;
    font-size: 20px;
    /* border-bottom: 1px solid red; */
    font-style: normal;
    font-size: 25px;
    padding-bottom: 10px;
}
.gallery {
    padding-bottom: 20px;
    text-align: center;
    font-size: 18px;
}
/* line 16, ../sass/demo.scss */
.clear {
  clear: both;
  float: none;
  width: 100%;
}

/* line 22, ../sass/demo.scss */

/* line 32, ../sass/demo.scss */
.container .gallery a img {
  float: left;
  width: 24%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;    box-sizing: border-box;    margin: 0.5%;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}
.cleargalleryrow {clear: both;
    float: none;
    width: 100%;}
	
	
	ul.newseventstab li a.button {
    background: #c7a65a;
    border-radius: 0;
    /* display: inline-block; */
    color: black !important;
    font-weight: bold;padding: 0 1.5em;    font-size: 18px;
}
ul.newseventstab {
    text-align: center;
    padding: 20px 0 20px 0;
}
ul.newseventstab li {
    display: inline-block;padding-bottom: 1px
}
ul.newseventstab li a.active.button {
    background: #8a5902;
    color: white!important;
}
	
@media screen and (max-width: 768px) {
.container .gallery a img {
    width:49%;
}
.container .gallery a.big img {
    width: 100%;
}
.cleargalleryrow {clear:none;}
.cleargalleryrow.last {clear:both;} 
}
@media screen and (max-width: 600px) {
.container .gallery a img.mobilefull {
    width: 99%;
}
.container .gallery a img {
    width: 100%;
}
}
@media screen and (max-width: 480px) {
ul.newseventstab li a.button {
display: block;
}
ul.newseventstab li {
    width: 100%;
}
}
.sl-wrapper .sl-navigation button.sl-next,.sl-wrapper .sl-navigation button.sl-prev, .sl-wrapper .sl-close {
    color: #fafafa;
}
.button{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;background-color:#58343c;border-radius:4px;border:0;color:#ffffff!important;cursor:pointer;display:inline-block;font-weight:400;height:2.85em;line-height:2.95em;padding:0 1.5em;text-align:center;text-decoration:none;border:solid 1px #FFFFFF;white-space:nowrap;}
.button:hover{background-color:#30171c;border:solid 1px #FFFFFF;}
.button:active{background-color:#5ec0b6;}
.button:disabled{background-color:rgba(255, 255, 255, 0.75)!important;box-shadow:inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);color:#202024!important;cursor:default;opacity:0.25;}
@media screen and (max-width: 480px){
.button{padding:0;}
}

ul.newseventstab li a.button{background:#c7a65a;border-radius:0;color:black!important;font-weight:bold;padding:0 1.5em;}
ul.newseventstab li a.button{background:#c7a65a;border-radius:0;color:black!important;font-weight:bold;padding:0 1.5em;}
ul.newseventstab{text-align:center;padding:20px 0 20px 0;}
ul.newseventstab li{display:inline-block;padding-bottom:1px;}

@media screen and (max-width: 480px){
ul.newseventstab li a.button{display:block;}
ul.newseventstab li{width:100%;}
}
