body{font-family:'Open Sans', arial, sans-serif;
background-color:#fff}
table td{border:0 !important}
#container{
width:100%;
margin-left:auto;
margin-right:auto;
border:0 solid #FFF;
border-radius:3px;
background-color:#ffffff;
height:100%;
font-size: 1.2em !important;
line-height: 1.6 !important;
font-weight: 400 !important;
}
#content{
color:#222222;
background-color:#fff;
padding:2px;
overflow:hidden;
margin-left:auto;
margin-right:auto;
width:1800px;
max-width:100%;
font-weight:400;
display: flex;
flex-direction: row;
}
a[href]:hover{
background-color:transparent;
text-decoration:underline;
color:#e32524
}
a[href]{
color:#3b57a2;
text-decoration:none;
transition:all .2s ease-in-out 0;
-moz-transition:all .2s ease-in-out 0;
-webkit-transition:all .2s ease-in-out 0;
-o-transition:all .2s ease-in-out 0
}
a[href].pages{
padding:3px 10px 2px;
border:1px dotted;
border-color:#3b57a2;
background-color:#ffffff
}
a[href].pages:hover{
border-color:#e32524
}
.efpagesnum{
display: flex;
overflow:hidden;
flex-direction: row;
margin-right:10px;
max-width: 10%;
background-color:#fff;
border:1px dotted;
border-color:#D3D3D3;
padding:2px 10px 2px;
line-height: 22px;	
}
.invpageswrapper{
display: flex;
flex-direction: row;
padding:2px 0px 2px;
margin-top: 15px;
height: 32px;
width:100%
}
.invpagesinner{
display: flex;
flex-direction: row;
}
a[href].invpages{
display: flex;
overflow:hidden;
flex-direction: row;
margin-right:10px;
max-width: 30%;
background-color:#eceff8;
border:1px dotted;
border-color:#D3D3D3;
padding:2px 10px 2px;
line-height: 22px;
}
a[href].invpages:hover{
border-color:#e32524
}
a[href].pages{
padding:3px 10px 2px;
border:1px dotted;
border-color:#3b57a2;
background-color:#ffffff;
line-height: 22px;
}
a[href].pages:hover{
border-color:#e32524
}
li{
list-style-type:none;
font-family:'Open Sans', arial, sans-serif
}
ul{
padding:0;
margin:0
}
form{
font-family:'Open Sans', arial, sans-serif
}
#logo{
clear:both;
background-color:#f5f5f5;
font-variant:small-caps;
font-weight:bolder;
border-style:solid;
border-width:0;
border-color:inherit;
padding:0 2.5% 40px;
text-align:left;
margin:0;
margin-left:auto;
margin-right:auto;
width:1021px;
border-radius:1px;
text-indent:0;
height:86px;
color:#FFF
}
#logo a{
color: #000000;
}
#logo a:hover{
color: #e32524;
background-color: #f5f5f5;
border-radius:1px
}
#myUpBtn {
color: #ffffff;
font-size: 20px;
width:42px;
height:42px;
text-align: center;
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border:none;
outline: none;
background-color: red;
cursor: pointer;
padding: 11px;
border-radius: 10px;
}
#myUpBtn:hover {
background-color: #555;
}
.smallbutt{
width:100%;
font-weight:700;
font-style:normal;
font-variant:small-caps;
background-color:#e6e6e6;
color:#75ab24;
height:0;
z-index:2
}
#smallbuttin{
width:12%;
height:50px;
font-family:'Open Sans', arial, sans-serif;
border:1px solid #ccc;
border-bottom-color:#bbb;
box-shadow:3px 3px 1px rgba(0, 0, 0, 0.5);
border-radius:3px;
background-color:#3b57a2;
color:#75ab24;
cursor:pointer;
float:right;
margin-right:0;
margin-left:auto
}
#smallbuttin:hover{
color:#75ab24;
border-color:rgba(0, 0, 128, 0.6);
box-shadow:0 0 0
}
#logo img{
max-width:272px;
height:auto;
margin-top:12%
}
#logo h1{
font-size:2em;
line-height:110px
}
.onemainfull .onemainpart{
color:#222222;
background-color:#fff;
border:0 solid;
float:left;
}
.onemainfull{
max-width: 98%;
padding:20px 10px 20px 10px;
float: left;
}
.onemainpart{
min-width: 75%;padding:4px 10px 20px 10px;max-width: 75%;float: left;margin-left: 15px;margin-right: 15px;
}
hr{color:#E8E8E8}
#popupBoxContact{
top:0;
left:0;
position:fixed;
width:100%;
height:120%;
background-color:rgba(0, 0, 0, 0.7);
display:none;
z-index:99
}
#popupBoxInterested{
top:0;
left:0;
position:fixed;
width:100%;
height:120%;
background-color:rgba(0, 0, 0, 0.7);
display:block;
z-index:2
}
#popupBoxMessage{
top:0;
left:0;
position:fixed;
width:100%;
height:120%;
background-color:rgba(0, 0, 0, 0.7);
display:block;
z-index:2
}
#popupBoxPassword{
top:0;
left:0;
position:fixed;
width:100%;
height:120%;
background-color:rgba(0, 0, 0, 0.7);
display:none;
z-index:2
}
#popupBoxregister{
top:0;
left:0;
position:fixed;
width:100%;
height:120%;
background-color:rgba(0, 0, 0, 0.7);
display:none;
z-index:2
}
#popupBoxRecover{
top:0;
left:0;
position:fixed;
width:100%;
height:120%;
background-color:rgba(0, 0, 0, 0.7);
display:none;
z-index:2
}
#popupBoxlogin{
top:0;
left:0;
position:fixed;
width:100%;
height:120%;
background-color:rgba(0, 0, 0, 0.7);
display:none;
z-index:2
}
.popupBoxWrapper{
width:40%;
margin:10% auto;
border-style:solid;
border-width:5px;
border-radius:10px;
border-color:#3b57a2;
font-family:'Open Sans', arial, sans-serif;
font-weight:400;
text-align:center
}
div #spinner{
top:45%;
left:47.5%;
position:fixed;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0);
display:none;
z-index:20
}
#spinnerinner{
width:5%;
content:url('core/images/geara.gif')
}
.forgot{
float:right
}
.popupBoxContent{
background-color:#fff;
padding:10%;
border-style:solid;
border-width:0;
border-radius:3px
}
.login input,select{
text-indent:5%;
width:80%
}
.pwd input{
text-indent:5%;
width:20%
}
.login input[type=submit]{
text-indent:0;
font-size:0.9em
}
.login textarea{
width:80%
}
.login th,td{
padding:0
}
input[type=checkbox]{
vertical-align:middle;
width:15px
}
#menu{
display:none;
width:95%;
margin-left:auto;
margin-right:auto
}
#menubutt{
width:100%;
padding:9px 20px;
font-size:1.1em;
font-weight:bolder;
color:#FFF;
margin-bottom:2px;
border:1px solid;
border-color:rgba(255, 255, 255, 0.3);
box-shadow:3px 3px 1px rgba(0, 0, 0, 0.5)
}
#menubutt:hover{
background-image:url(core/images/igrad.png);
background-repeat:repeat-x;
background-size:100% 102%;
color:#FFF;
border-color:rgba(230, 230, 230, 0.6);
box-shadow:0 0 0;
transition:all .2s ease-in-out 0;
-moz-transition:all .2s ease-in-out 0;
-webkit-transition:all .2s ease-in-out 0;
-o-transition:all .2s ease-in-out 0
}
#err1{
color:red
}
.butt,.buttdetails{
font-family:'Open Sans', arial, sans-serif;
font-weight:700;
font-style:normal;
background-image:url(core/images/grad.png);
background-repeat:repeat-x;
background-size:100% 102%;
color:#3b57a2;
border:1px solid #ccc;
border-bottom-color:#bbb;
border-radius:3px;
padding:13px 10px;
cursor:pointer;
width:30%;
font-size:1em;
box-shadow:3px 3px 1px rgba(0, 0, 0, 0.3)
}
a[href].buttdetails{
text-decoration:none;
color:#75ab24;
padding:13px 10%
}
input[type="submit"]{
color:#3b57a2 !important;	
}
.butt:hover,.buttdetails:hover{
background-image:url(core/images/igrad.png);
background-repeat:repeat-x;
background-size:100% 102%;
color:#75ab24;
border-color:rgba(230, 230, 230, 0.6);
box-shadow:0 0 0;
transition:all .2s ease-in-out 0;
-moz-transition:all .2s ease-in-out 0;
-webkit-transition:all .2s ease-in-out 0;
-o-transition:all .2s ease-in-out 0
}
input[type=button]{
font-family:'Open Sans', arial, sans-serif;
font-weight:700;
font-style:normal;
background-image:url(core/images/grad.png);
background-repeat:repeat-x;
background-size:100% 102%;
color:#75ab24;
border:1px solid #ccc;
border-bottom-color:#bbb;
border-radius:3px;
padding:13px 10px;
cursor:pointer;
text-indent:0;
box-shadow:3px 3px 1px rgba(0, 0, 0, 0.3)
}
.butt:focus,.buttdetails:focus,input[type=button]:focus{
background-color:#e6e6e6
}
input:hover[type=button]{
background-image:url(core/images/igrad.png);
background-repeat:repeat-x;
background-size:100% 102%;
color:#75ab24;
border-color:rgba(230, 230, 230, 0.6);
box-shadow:0 0 0;
transition:all .2s ease-in-out 0;
-moz-transition:all .2s ease-in-out 0;
-webkit-transition:all .2s ease-in-out 0;
-o-transition:all .2s ease-in-out 0
}
.discrete{
font-family:'Open Sans', arial, sans-serif;
padding: 3px;
background-color:#e8f0fe;
color:#3b57a2;
border:1px solid #ccc;
}
.discrete:hover{
background-color:#e9e9e9;
color:#75ab24;
box-shadow:2px 2px 1px rgba(230, 230, 230, 0.6)
}
td{
font-family:'Open Sans', arial, sans-serif;
padding:0;
text-align:left;
vertical-align:top;
border-collapse:collapse;
border:0 solid;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
max-height:1000000px;
}
#eventindex th{
padding:0 20px 0 0
}
#eventindex td{
padding:0 20px 0 0
}
.eventwrapper{
background:#f6f6f6
}
.expander{
max-height:1.3em;
margin-right:50%;
padding: 0px;
overflow:hidden;
position:absolute;
line-height: 1.5em;
-moz-transition:max-height .8s ease-in-out;
-webkit-transition:max-height .8s ease-in-out;
-o-transition:max-height .8s ease-in-out;
transition:max-height .8s ease-in-out;
}
.expander:hover{
max-height:200px;
margin-right:20px;
overflow-y:auto;
position:relative
}
.show{
float:right;
position:relative;
top:0;
padding-left:5px
}
.expander:hover ~ .show{
display:none
}
.addresswrapper{
position: relative;
height:100%
}
.addresswrapper .bookbutton{
position: absolute;
bottom: 0;
}
h1 {
font-family:'Open Sans', arial, sans-serif;
font-weight: 400;
color:#3b57a2;
font-size: 27px;
line-height: 38px;
margin-top: 30px;
margin-bottom: 20px;
letter-spacing: -0.02em;	
}
table th{
padding:20px 0 10px
}
input[type=date]{
font-family:'Open Sans', arial, sans-serif;
padding:1px;
font-size:0.9em;
width:45%
}
input,select{
font-family:'Open Sans', arial, sans-serif;
padding:3px;
text-indent:2px;
width:90%;
border-radius:3px;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size:0.9em
}
input:focus,textarea:focus,select:focus{
background-color:#ff9
}
textarea{
font-family:'Open Sans', arial, sans-serif;
padding:3px 3px 3px 5px;
width:90%;
border-radius:3px;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size:0.9em
}
table{
width:100%;
text-align:left;
border-collapse:collapse;
border:0 solid
}
.tableleft{
width:18%;
min-width:18px
}
.selectnarrow{
width:20%;
min-width:20px
}
.tableright{
width:20%
}
.tablereveal{
display:none;
width:100%
}
.numbercolumn{
width:6.66666%;
min-width:20px;
text-align:right;
vertical-align:bottom
}
.tablesmall{
width:10%;
min-width:20px;
text-align:right;
vertical-align:bottom
}
.evtable{
width: 94%;
margin-top:55px;
}
.buttmap{
background-image:url(core/images/grad.png);
background-repeat:repeat-x;
background-size:100% 102%;
color:#75ab24;
border:1px solid #ccc;
border-bottom-color:#bbb;
border-radius:3px;
padding:10px;
width:30%;
max-width:150px;
box-shadow:3px 3px 1px rgba(0, 0, 0, 0.5)
}
.buttmap:hover{
background-image:url(core/images/igrad.png);
background-repeat:repeat-x;
background-size:100% 102%;
color:#75ab24;
border-color:rgba(0, 0, 128, 0.6);
box-shadow:0 0 0
}
.span2{
width:95%
}
h2.feat{
font-weight:700;
font-style:italic
}
div.image{
position:relative;
z-index:0;
border-radius:3px;
border:1px solid;
border-color:rgba(128, 128, 128, 0.3);
padding:1%;
}
#under{
position:relative;
z-index:1;
border-radius:3px
}
#overlay{
position:absolute;
z-index:2;
top:4px;
left:0
}
#map-canvas{
border-radius:3px;
border-color:#3b57a2;
width:100%;
height:350px
}
p{
font-family:'Open Sans', arial, sans-serif
}
#sponsors a[href]:hover{
background:#FFF
}
.sponsorlogo{
width:25%;
margin-right: 15px
}
.socialm{
display:block
}
.socialm div{
margin-right:10px;
}
.socialm iframe{
margin-right:10px;
}
.fb_iframe_widget span{
vertical-align:inherit !important
}
.ding{
font-family:'Zapf Dingbats'
}
.dashicons, .dashicons-before:before{
line-height:3.5 !important
}
.IN-widget{
vertical-align:top !important;
}
.text-xs-center {
text-align: center;
}
.g-recaptcha {
display: inline-block;
}
@media (prefers-color-scheme: dark) {
.buttdetails{
color: #3b57a2 !important;
}
}
@media print{
@page{
size:letter portrait;
margin-left:5cm;
margin-right:5cm
}
}
@media only screen and (max-width: 1300px){
#smallbuttin{
font-size:.8em;
padding:2px 10px 2px 1.5%;
width:13%;
height:40px
}
}
@media only screen and (max-width: 880px){
body{
font-size:.9em
}
#onemain{
font-size:.9em;
padding:10px 6px 20px
}
input,textarea,select{
font-size:0.9em
}
#smallbutt{
margin-right:0
}
#logo{
height:80px;
padding:0 2.5% 30px;
width:94%
}
#smallbuttin{
font-size:.8em;
padding:2px 10px 2px 1.5%;
width:13%;
height:34px
}
#map-canvas{
height:200px
}
.popupBoxWrapper{
margin:35px auto;
width:60%
}
#logo img{
max-height:70px
}
#logo h1{
font-size:1.4em;
line-height:80px
}
.butt{
font-size:1em;
padding:10px;
width:45%
}
.buttdetails{
font-size:1em
}
}
@media only screen and (max-width: 768px){
.evtable{
width: 100%;
margin-top:0;
}
body{
font-size:.9em
}
#content{
width:95%;
border:0;
flex-direction: column;
}
.efaside{
max-width:100%
}
.onemainpart{
max-width:100%;
}
#eventindex td{
padding:0 10px 0 0
}
div #spinner{
top:46%;
left:46%;
position:fixed;
width:100%;
height:100%
}
#spinnerinner{
width:10%
}
#logo img{
max-height:60px
}
#logo h1{
font-size:1.3em;
line-height:70px
}
#logo{
height:80px;
padding:0 2.5% 20px
}
#menubutt{
background-image:url(core/images/grada.png)
}
#menubutt:hover{
background-image:url(core/images/igrada.png);
color:#3b57a2
}
#smallbuttin{
font-size:.8em;
padding:2px 10px 2px 1.8%;
width:14%;
height:30px
}
.buttdetails{
width:100%;
font-weight:700
}
a[href].buttdetails{
padding:10px 0px;
display:block
}
input,textarea,select{
font-size:0.9em;
padding:2px
}
#onemain{
font-size:.9em;
padding:10px 3px
}
.dashicons, .dashicons-before:before{
line-height:2 !important
}
#map-canvas{
height:150px
}
.popupBoxWrapper{
margin:0 auto;
font-size:1em;
width:97%
}
.popupBoxContent{
padding:8%;
padding-bottom:10%;
min-height:85vh;
margin-top:36px;
padding-top:calc(30vh - 120px)
}
.butt{
font-weight:600;
padding:8px;
width:55%
}
.tableright{
display:none
}
.tablereveal{
display:inline-block;
width:100%;
table-layout:fixed
}
.numbercolumn,.tablesmall{
width:7%;
min-width:35px
}
.sponsorlogo{
width:10%
}
img{
max-width:100%;
width:auto;
height:auto
}
}
@media only screen and (max-width: 450px){
#menu{
width:99%
}
#content{
width:99%
}
#logo img{
max-height:45px
}
#logo h1{
font-size:1.15em;
line-height:45px
}
#logo{
height:44px;
padding:0 2.5% 30px
}
#smallbuttin{
font-size:.6em;
padding:2px 10px 2px 2.5%;
width:14%;
height:24px
}
.buttmap{
min-width:75px
}
.discrete{
width:100%
}
.sponsorlogo{
width:15%
}
}
@media only screen and (max-width: 380px){
#onemain{
font-size:.8em;
padding:2px 2px 10px
}
.butt{
font-size:.8em;
}
#logo{
height:40px;
padding:0 2.5% 25px
}
#smallbuttin{
font-size:.5em;
padding:2px 10px 2px 3%;
width:15%;
height:20px
}
#map-canvas{
height:100px
}
#logo img{
max-height:30px
}
#logo h1{
font-size:.9em;
line-height:30px
}
.butt{
width:60%
}
input[type=date]{
width:100%
}
.sponsorlogo{
width:20%
}
}
.pageactive a:not(.linkactive){
background:#FFF !important;
color:#000 !important;
}
.pageactive a:is(.linkactive){
color:#4db2ec !important
}