#lowerhr, .pagebuttons{
display:none;
}

#eventtable{
font-family:'Quicksand', Verdana, Arial;
font-weight:500;
}
.eventtitle{
text-decoration:none;
font-weight:700;
}
.eventtype{
text-align:center;

}
.eventtype i{

color:#ffffff;
font-size:1.8em;
}
.eventtype i{
	position:relative;
}

.eventtype i .tooltiptext {
  visibility: hidden;
 
  background-color: #e4002b;
  font-family:'Open Sans', Arial, sans-serif;
  font-size:0.6em;
  font-weight:normal;
  color: #fff;
  min-width:100px;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
  padding:10px;
}

.eventtype i .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #e4002b transparent transparent;
}
.eventtype i:hover .tooltiptext {
  visibility: visible;
}


.freeevent{
        background-color:#5cb85c;
padding:10px 15px 10px 15px;
border-radius:5px;
color:#ffffff;
text-decoration:none;
font-family:'Quicksand', Verdana, Arial;
display:block;
font-weight:700;
        
        }
         .cancelledevent{
        background-color:#f0ad4e;
padding:10px 15px 10px 15px;
border-radius:5px;
color:#ffffff;
text-decoration:none;
font-family:'Quicksand', Verdana, Arial;
display:block;
font-weight:700;
        
        }
        .soldoutevent{
        background-color:#e4002b;
padding:10px 15px 10px 15px;
border-radius:5px;
color:#ffffff;
text-decoration:none;
font-family:'Quicksand', Verdana, Arial;
display:block;
font-weight:700;
        
        }



#socialbar{
max-width:1100px;
margin-left:auto;
margin-right:auto;
text-align:right;
padding-top:10px;
padding-bottom:10px;
}
#socialbar a:hover .fa-circle{
color:#e4002b;
}
.logoleft{
flex: 0 0 180px;
}
.logoleft img{
position:absolute;
top:12px;
}
#logowhitecontainer{
min-height:198px;
position:relative;
z-index:998;
}
.light{
font-size:1em;
padding:5px 10px 5px 10px;
}

.buttonslide{
text-align:center;
background: linear-gradient(0deg, rgba(45,55,145,0.75) 0%, rgba(45,55,145,0.75) 81%, rgba(45,55,145,0) 100%);
margin-top:35%;
}
.buttonslide h5{
font-size:2em;
}
.brandtitle{
text-align:center;
margin-bottom:30px;
}
.brandwidget-slide .bw-imgcontainer {
  height: 250px;
}
.col5 .brandwidget-slide {
  width: calc(25% - 22.5px);
}
.brandwidget-slide {
  margin-right: 30px;
}
.brandwidget-slide .bw-imgcontainer{
border:0px;
}
.productgridimageouter{
padding-top:95%;
}
.eventdetails {
position: relative;
list-style:none;
}
.eventdetails li{
display:inline;padding-right:10px !important;
}
.eventdate, .eventdetails{
margin-top:10px;
padding:0px;
}
.eventdate a, .eventdetails a{
text-decoration:none;
color:#333333;
}
.eventdate a:hover, .eventdetails a:hover{
text-decoration:underline;
}
.outerarea .story .dlcontent h3{
margin:0px 0px 5px 0px;
}
.outerarea .story .dlcontent h3 a{
color:#333333;
font-weight:700;
}
.outerarea .story .dlcontent p{
margin:5px 0px 8px 0px;
}
.outerarea .story .dlcontent a{
text-decoration:none;
color:#333333;
}
.eventimage{
border:0px;
}
.eventimagecontainer{
width:200px;
}
.eventimagecontainer .eventimage{
width:200px;
margin:0px;
}
@media only screen and ( max-width: 600px )
                {
                .eventimagecontainer, .eventimagecontainer .eventimage{
                width:100px;
                }
                .mobilehide{
display:none;
}
                }
.dldate .eventimage{
margin-bottom:0px;
}
.outerarea .story .dlcontent a:hover{
text-decoration:underline;
color:#e4002b;
}
.upcomingevents i, .eventdate i, .eventdetails i{
font-size:1.4em;
color:#e4002b;
}
.upcomingevents i:not(:first-child), .eventdate i:not(:first-child), .eventdetails i:not(:first-child){
margin:0px 2px 0px 15px;
}

 @media only screen and ( max-width: 900px )
        {
        .col5 .productwidget-slide, .col5 .brandwidget-slide{
        width:calc(33.3% - 20px);
        }
        }
        @media only screen and ( max-width: 700px )
        {
        .col5 .brandwidget-slide{
        width:calc(50% - 15px);
        }
        }

@media only screen and ( max-width: 600px )
                {
                .eventdetails li{
display:inline-block;
margin:8px 0px 0px 0px;
}
.eventdetails li i{
width:25px;
}
.dldate{
                margin:0px 0px 10px 0px;
                width:100%
                }
                .dldate .eventimage{
                width:100%;
                }
                }

@media screen and (max-width: 500px) {
.brandwidget-slide .bw-imgcontainer{
height:200px;
}
}
#whitefooter{
background-color:#ffffff;
position:relative;
}
#spectulise img{
margin-top:-55px;
margin-bottom:-55px;
max-width:220px;
}
#spectulise .socialfooter{
float:right;
font-size:1.6em;
margin-top:25px;
}
#spectulise .socialfooter .fazoo{
color:#2D3791;
}
#spectulise .socialfooter .fa-circle{
color:#ffffff;
}
#spectulise .socialfooter a:hover .fazoo{
color:#ffffff;
}
#spectulise .socialfooter a:hover .fa-circle{
color:#e4002b;
}

@media only screen and ( max-width: 800px )
        {
        
         #spectulise>div{
                width:100%;
                margin-left:0%;
                margin-right:0%;
                text-align:center;
                }
                 #spectulise>div:first-child{
		margin-left:0%;
                margin-right:0%;
      
		}
        #spectulise ul{
        list-style-position:inside;
        }
        #spectulise{
        text-align:center;
        }
        #spectulise img{

margin-bottom:0px;
width:150px;


        }
        #spectulise .socialfooter{
        float:none;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding-bottom:20px;
}
#legal{
text-align:center;
background-color:#ffffff;
}

        }


/* ### Responsive Tabs ### */ 

#eventtabs{
margin-top:15px;
margin-bottom:20px;
}

/* Tabs container */
.r-tabs {
	position: relative;
}
.r-tabs ul{

}
.r-tabs #eventtabs-1, .r-tabs #eventtabs-2, .r-tabs div[id*="eventtabs"] {
margin:0px;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
    margin-bottom:1px;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px 15px;
font-size:1.1em;
	text-decoration:none;
	font-weight:400;
	color:#ffffff;
	margin-bottom:-1px;
    background-color: #e4002b;

}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #ffffff;
	background-color: #2D3791;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover, .r-tabs .r-tabs-nav .r-tabs-anchor:focus{
background-color: #2D3791;
color:#ffffff !important;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
background-color:#e4002b;
	border:1px solid #d7dada;
	margin-bottom:4px;
	color:#ffffff;
    font-weight:400;
	text-decoration: none;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #2D3791;
	color: #ffffff;
}

.etabselect {
border-top:3px solid #2D3791;
}
@media only screen and ( max-width: 768px )
        {
        .tabselect{ border-top:0px;
        }	
        }

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 20px 0px 0px 0px;
   /* display: none; */
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
    /* Added for Chrome Add Widget drop down */
    overflow:visible !important;
}
/* Spectulise mod to remove display:none during loading to ensure sticky elements are correctly positioning in page.  */
.r-tabs .r-tabs-panel:not(.r-tabs-state-active) {
    /* position: absolute !important;
   left: -9999px !important; */
    display:none;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }
}
/* ### END Responsive Tabs ### */

#filterdisplay{
margin-bottom:20px;


}

#filterdisplay h3{cursor:pointer;
background-color:#2D3791;
color:#ffffff;
padding:10px 15px 10px 15px;border:0px;
}

#filterdisplay h3:hover{
background-color:#e4002b;
}

#filterdisplay h3 span{
margin-right:15px;
}

#filterdisplay #dirfilters{
padding: 15px 15px 5px 15px;
background-color:#F7F7F7;margin-bottom:20px;
} 

/* ### story ### */

.grid-sizer-fourcol
{
  width: 9%;
}
.grid-sizer-threecol
{
  width: 13.33%;
}
.gutter-sizer {
  width: 4%;
}

.story {
background-color:transparent;
  margin:30px 0px 30px 0px;
}
.fourcol .story {
width: 9%;
}

.threecol .story {
width:13.33%;
}

.fourcol .col1{ width: 9%; }
.fourcol .col2 { width: 22%; }
/*.fourcol .col3{ width: 35%; }*/
.fourcol .col3{ width: 48%; }
.fourcol .col4{ width: 74%; }
.fourcol .col5{ max-width:100%; width: 100%;}


.threecol .col1{ width: 13.33%;}
.threecol .col2 { width: 30.66%; }
.threecol .col3{ width: 47.99%; }
.threecol .col4{ width: 65.33%; }
.threecol .col5{max-width:100%; width: 100%;}


@media screen and (max-width: 1099px) {
#logowhitecontainer{
min-height:150px;
}
.logoleft{
flex: 0 0 130px;
}
}
@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_filter input{
margin-left:auto !important;
margin-right:auto;
}
}