.adslot_1 { width: 100%; height: 50px; margin:auto}

.scrolling-wrapper-flexbox {
  display: flex;
  margin: 0 auto;
  flex-wrap: nowrap;
  overflow-x: auto;
  
  .card {
    flex: 0 0 auto;
    margin: 0 auto;
  }
}

.card {
  text-align:left;
}

.scrolling-wrapper-flexbox {
  border: 1px solid #ccc;
  height: auto;
  width: 310px;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  &::-webkit-scrollbar {
    display: none;
  }
}

#location {width:131px;font-family:arial;background:#000000;color:#fff;font-size:6pt;font-weight:normal;text-align:center;text-transform:uppercase;display:block;position:absolute;margin: 60px 0 0 0;padding:4px;z-index:3;letter-spacing: 2px;opacity:0.8}

#location2 {width:131px;font-family:arial;background:#000000;color:#fff;font-size:6pt;font-weight:normal;text-align:center;text-transform:uppercase;display:block;position:absolute;margin: 60px 0 0 0;padding:4px;z-index:3;letter-spacing: 2px;opacity:0.8}

.bottom-arrow {
    border-bottom: 1px dotted #AD8674;
}

.bottom-arrow:after {
    content:'';
    position: absolute;
    margin: 0 43px;
    width: 0;
    height: 0;
    border-top: 6px solid #AD8674;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

h3 {
font-size:14pt !important;
color:#818181 !important;}


.boxx {
width:310px;
height:290px;
background:#fff;
text-align:center;
display: inline-block;
margin: 0 0 19px 0;
clear:both;
border: 1px solid #ccc;
}

.boxexpand {
width:330px;
height:auto;
padding-bottom:20px;
background:#fff;
text-align:center;
margin: 0 0 20px -6px;
border: 1px solid #eee;
}

.splashx {
cursor: pointer;font-size:14pt;font-weight:bold;text-align:center;display:block;}

.splashx a:hover {
cursor: pointer;font-size:14pt;font-weight:bold;text-align:center;margin: 0 0 0 0;display:block;height:290px;border-bottom:0px solid #B9775F;}

.expandbtn {margin-left:12px;border-left:2px solid #B9775F; width:290px;display:block;padding:10px;font-family:roboto;font-size:10pt !important;font-weight:400;text-align:left;color:#909090 important;}

.expandbtn0 {margin-left:8px;border-left:0px solid #B9775F; width:290px;display:block;padding:10px;font-family:roboto;font-size:10pt !important;font-weight:400;text-align:left;color:#909090 !important;}

.expandbtn0 img {height:35px;width:35px;margin-right:6px;border-radius:50%;}

.expandbtn2 {margin:auto;border:1px solid #d4d4d4; width:288px;display:block;padding:10px;font-family:roboto;font-size:10pt !important;font-weight:400;text-align:center;}

.expandbtn3 {margin-left: 12px;width: 100px;background: #B9775F;display: block;padding: 10px;font-family: arial !important;font-size: 10pt !important;font-weight: 600;color:#fff !important;}

.ghostfull {font-family:arial;font:normal normal bold 11px/24px Arial;color:#e3e3e3 !important;border:1px solid #e3e3e3;padding:3px;display:block;text-decoration: none;text-align: center;text-transform:uppercase;width:300px;float:left;margin: 0 auto;border-radius:3px;}

a.ghostfull {font-family:arial;font:normal normal bold 11px/24px Arial;color:#B9775F !important;border:1px solid #B9775F;padding:3px;display:block;text-decoration: none;text-align: center;text-transform:uppercase;width:300px;float:left;margin: 0 auto;border-radius:3px;}

a.ghostfull:hover {font-family:arial;font:normal normal bold 11px/24px Arial;color:#c7927e !important;border:1px solid #c7927e;padding:3px;display:block;text-decoration: none;text-align: center;text-transform:uppercase;width:300px;float:left;margin: 0 auto;border-radius:3px;}

#close-me {
    background: #e2e2e2;
    color: #fff !important;
    padding: 10px;
    margin: auto;
    height: auto;
    width: 292px;
    text-align: left;
    margin-bottom: 16px;
    font-size: 12pt;
    font-family: arial;
    display: block;
}

.close-div {
    padding: 0px;
    color: #fff;
    float: right;
    font-size: 18pt;
    margin: -5px 0 0 0;
}

.timecontainer {
  margin: -16px 0 0 -46px;
  text-align: center;
  border-bottom: 1px solid #eee;
}


li#time {
  display: inline-block;
  font-size: 7pt;
  list-style-type: none;
  padding: 15px;
  text-transform: uppercase;
}

li#time span {
  display: block;
  font-size: 18pt;
}

h5 {
  display: flex;
  flex-direction: row;
  font-size: 24pt !important;
  max-width:310px;
  margin:auto;
}
h5:before, h5:after{
  content: "";
  flex: 1 1;
  border-bottom: 2px solid #ccc;
  margin: auto;
  font-size: 14pt !important;
}

@media (prefers-color-scheme: dark){    
h5:before, h5:after{
  content: "";
  flex: 1 1;
  border-bottom: 2px solid #333;
  margin: auto;
  font-size: 14pt !important;}
}

.subtitle {color:#999;margin:0px;font-family: 'Roboto', sans-serif;font-weight:500}

.jump {width:120px;border-bottom:1px dotted #ccc}

@media (prefers-color-scheme: dark){
.jump {border-bottom:1px dotted #333}
}

.jump-to {color:#818181;height:30px; font-size:11pt;
    background-color: #eee;
    padding-right: 8px;
    text-indent: 0.01px;
    width:100px;
    border:0;
    outline: 0px solid #ccc; outline-offset:-1px;
    cursor:pointer;
    appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
    background:url('/modern/form-arrow.png');
	background-repeat:no-repeat;
	background-size:16px 17px;
	background-position: 92% 50%;
}

.jumpybtn {
  background-color: transparent;
  color: #818181;
  width: auto;
  padding: 8px 15px;
  font-size: 13px;
  border: none;
  border-bottom:1px dotted #ccc;
}

@media (prefers-color-scheme: dark){
.jumpybtn {border-bottom:1px dotted #333}
}

.jumpy {
  position: relative;
  display: inline-block;
  font-family: arial;
  font-size: 13px;
  margin: -18px 0 16px 0;
}

.jumpy-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  text-align: left;
  z-index: 4;
  border-radius: 6px;
}

.jumpy-content a {
  color: black;
  padding: 10px 14px;
  text-decoration: none;
  display: block;
  border-radius: 6px;
}

.jumpy-content a:hover {background-color: #ddd;}

.jumpy:hover .jumpy-content {display: block;}

.jumpy:hover .dropbtn {background-color: transparent;}