.shrink{
font-size:0.8em;
margin:0px;
padding:0px;
}

/* Header */
#logocontainer{
display:flex;
}
#leftlogo{
flex-basis:200px;
}

#rightcontact{
flex-grow:1;

}
#socialsearch{
display:flex;
justify-content:flex-end;
align-items:center;
}
#socialarea{
padding-left:12px;
}
#socialsearch .mybases{
border-top-right-radius:0px;
border-top-left-radius:0px;

}

#socialsearch a .fa{
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

#socialsearch a .fa-circle{
color:#60C1C7;
}
#socialsearch a:hover .fa-circle, #socialsearch a:focus .fa-circle{
color:#266DE8;
}

.facebookcircle{
color:#4064AD;
}
.twittercircle{
color:#1A91DA;
}
.linkedincircle{
color:#1C86C8;
}


.mybases{
margin-left:10px;
background-color:#266DE8;
padding:5px 10px 5px 60px;
border-radius:4px;
border-bottom:6px solid #60C1C7;
color:#ffffff;
text-decoration:none;
font-family:'DINCondensedWebDemiBold', Verdana, Arial;
font-size:1.7em;
background-image:url(running_man.png);
background-position:8px 8px;
background-size:auto 43px;
background-repeat:no-repeat;
display:inline-block;
text-align:right;
font-weight:'normal';
line-height:1em;
}
.mybases:hover{
text-decoration:none !important;
}

.mybases:after{
content: "Member login";
font-family:'Open Sans', Verdana, Arial;
font-weight:300;
font-size:0.6em;
display:block;
}

/* Bounce To Top */
.mybases{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.mybases:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #60C1C7;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  background-image:url(running_man.png);
background-position:8px 8px;
background-size:auto 43px;
background-repeat:no-repeat;
}
.mybases:hover, .mybases:focus, .mybases:active {
  color: white;
}
.mybases:hover:before, .mybases:focus:before, .mybases:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.mbt:before{
 border-top-left-radius:0px;
  border-top-right-radius:0px;
}

#contactsummary{
text-align:right;
margin-top:12px;
font-family:'Open Sans', Verdana, Arial;
font-size:1em;
color:#266DE8;
font-weight:400;
}
#contactsummary a{
text-decoration:none;
color:#266DE8;
}
#contactsummary a:hover, #contactsummary a:focus{
text-decoration:underline;
}
#contactsummary i{
padding:0px 10px 0px 10px;
}

#searchbox{
border-right:1px solid #F3F3F3;
padding-right:15px;

}
.searchbox{
margin-top:7px;
padding:5px 5px 5px 5px;
width:105px;
border:1px solid #60C1C7;
border-right:0px;
}
#searchbox a{
margin-left:-12px;
}
/*#contentcontainer{
padding-top:25px;
}*/

@media only screen and ( max-width: 900px )
    {
	#logocontainer{
	flex-wrap:wrap;
	}

	#leftlogo{
	flex-basis:100%;
	text-align:center;
	}
	#rightcontact{
    flex-basis:100%;
    }
    #socialsearch{
    flex-wrap:wrap;
    justify-content:center;
    
    }           
    #searcharea{
	flex-basis:100%;
    text-align:center;margin-bottom:10px;
    }
    #socialarea{
    flex-basis:100%;
    padding-left:0px;
    }
.mybases{
background-size:auto 23px !important;
}
.mybases:before {
background-size:auto 23px !important;
}

    .mbt:before{
 border-top-left-radius:4px !important;
  border-top-right-radius:4px !important;
  border-bottom-left-radius:0px !important;
  border-bottom-right-radius:0px !important;
}
.mybases:after{
display:inline !important;
}
#socialsearch .mybases{
margin-bottom:10px;
margin-left:0px;
width:100%;
border-top-right-radius:4px;
border-top-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
display:block;
}
#contactsummary{
display:none;
}
.topsocial{
display:none;
}
#searchbox{
border:0px;
padding-right:0px;
}
    #searchbox .searchbox{
width:70%;
    }

    #logocontainer img{
max-height:75px;

}
}
/* Footer */
#spectulise ul{
padding-left:32px;
}
#spectulise ul li{
list-style-type:none;
line-height:1.2em;
padding-bottom:10px;
}
#spectulise>div>ul>li:before{
font-family: "Font Awesome 5 Pro";
content: '\f0da';
margin:-6px 0px 0 -15px;
color: #60C1C7;
position:absolute;
font-size:1.2em;
}
#spectulise>div>ul>li.map:before{
content:'\f3c5';
margin:-6px 10px 0 -27px;
}
#spectulise>div>ul>li.phone:before{
content:'\f879';
margin:-5px 0px 0 -30px;
}
#spectulise>div>ul>li.email:before{
content:'\f0e0';
margin:-5px 0px 0 -30px;
font-weight:300;
}
#spectulise .mybases{
margin-left:0px;
}
.socialicon{
text-align:right;
font-size:2.5em;
flex-grow:1;
}
.socialicon i{
margin-left:10px;
color:#F3F3F3;
}
.socialicon i:hover, .socialicon i:focus{
color:#ffffff;
}
.content{
padding-bottom:0px;
}
.clearer{
padding-bottom:0px;
}

@media only screen and ( max-width: 800px )
                {

        #legal{
        flex-wrap:wrap;
        }
        .socialicon{
		text-align:left;
        margin-top:15px;
		}
}
/* Widgets */
#headspacer{
padding-top:15px;
}
.story{
margin: 0px 0px 25px 0px;
}
.buttonbg{
border-top-right-radius:8px;
border-top-left-radius:8px;
}
.blockbutton{
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
border-bottom:11px solid #60C1C7;font-size:0.9em;
padding:1px 20px 1px 20px;
}
.blockbutton ul{
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}
.blockbutton ul li{
list-style-type:none;
}
.blockbutton ul a{
text-decoration:none;
}
.blockbutton ul a:hover, .blockbutton ul a:focus{
text-decoration:underline;
}
.blockbutton ul li:before{
font-family: "Font Awesome 5 Pro";
content: '\f0da';
margin:0px 0px 0 -15px;
color: #60C1C7;
position:absolute;
font-size:1.2em;
font-weight:700;
}
.buttonbgblueinner{
background: rgb(38,109,232);
background: linear-gradient(90deg, rgba(38,109,232,0.85) 0%, rgba(119,42,219,0.85) 100%);
height:100%;
width:100%;
overflow:hidden;
text-align:center;
display:flex;
justify-content:center;
flex-direction: column;
}
.buttonbgblueinner h3{
color:#ffffff;
text-decoration:none;
font-family: 'DINCondensedWebDemiBold', Verdana, Arial;
font-size: 2.4em;
font-weight: normal;
-webkit-transition: color .3s linear;
-moz-transition: color .3s linear;
-o-transition: color .3s linear;
-ms-transition: color .3s linear;
transition: color .3s linear;
padding:30px;
line-height:1em;
font-weight:'normal';
}
.buttonbg:not(.barbutton .buttonbg) {
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   background-position:center top;
   background-size:100%;
    background-repeat:no-repeat;
}
.buttonbg:hover:not(.barbutton .buttonbg), .buttonbg:focus-within:not(.barbutton .buttonbg){
background-size:110%;
}
.buttonbg:hover h3, .buttonbg:focus-within h3{
color:#60C1C7;
}
.buttonbg a{
text-decoration:none;
}
.barbutton .buttonbg{
border-radius:0px;
border:1px solid #d7dada;
}
.barbutton .buttonbg:hover, .barbutton .buttonbg:focus-within {
border:1px solid #60C1C7;
}
.blwidget{
float:right;
margin:15px 15px 15px 15px;

}
.blwidget:last-child{
display:none;
}
.widgetevent i{
font-size:1.4em;
color:#60C1C7;
}
.twitterbox{
background-color:#266DE8 !important;
color:#ffffff !important;
position:relative;
overflow:hidden;
}
.twitterbox:after{
content: "\f099"; 
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 900;
  text-decoration: inherit;
  position: absolute;
  font-size: 260px;
  right:0;
  color: rgba(255,255,255,0.2);
  margin: -180px -35px 0 0px;

  -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.twitterbox h3{
font-size:1.8em;
}
.twitterbox h3 a{
color:#ffffff;
}
.twitterbox a{
color:#ffffff;
}
.twitterbox a:hover{
color:#60C1C7;
}
.twitlinner{
padding:10px 20px 20px 20px;
position:relative;
z-index:10;
}
.focus .twitlinner{
padding:0px;
}
.focus .twitlinner h3{
margin-bottom:10px;
}
.focus .newsthumb img.widgetthumb{

max-width:none;
}
.outerpad{
padding-top:25px;
padding-bottom:0px;
}
.greybg{
padding-bottom:10px;
}

@media only screen and ( max-width: 1000px )
        {
        .buttonbgblueinner h3{
        font-size:2.2em;
        }
        }
@media only screen and ( max-width: 800px )
                {
                .blwidget:first-child{
                display:none;
                }
                .blwidget:last-child{
               display:inline-block;
                float:none;
                }
                }
@media only screen and ( max-width: 700px )
        {
        .buttonbgblueinner h3{
        font-size:2em;
        }
        } 
        
                
/* News and events */                
     
.eventdate{
font-style:italic;
}
.eventimage:hover, .eventimage:focus-within{
border:1px solid #60C1C7;
}
.storyimagenews{
width:100%;
border:0px;
float:none;
height: 300px;
background-repeat:no-repeat;
margin: 15px 0px 0px 0px;
background-size:cover;
}
#sharebox {
  background-color: #F3F3F3;
  padding: 10px 10px 10px 20px;
  margin-bottom: 30px;
  color: #266DE8;
  font-size: 1.2em;
}
#dirfilters{
background-color:#F3F3F3;
padding:10px 20px 20px 20px;
}
.social{
 opacity: 0.8;
 -o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;
}
.social:hover{
opacity: 1;
-o-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition: -webkit-transform .5s;
}
ul.eventdetails {
position: relative;
list-style:none;
}
ul.eventdetails li{
display:inline;padding-right:10px;
}
ul.eventdetails{
margin-top:10px;
margin-bottom:5px;
padding:0px;
}
ul.eventdetails a{
text-decoration:none;
color:#333333;
}
ul.eventdetails a:hover{
text-decoration:underline;
}
ul.eventdetails i, .widgetevent i{
font-size:1.4em;
color:#60C1C7;
margin-left:1px;
}
ul.eventdetails i:not(:first-child){
margin:0px 2px 0px 15px;
}
.basescredits{
float:right;
width:62px;
margin-left:10px;
}
#eventcontainer{
margin-top:10px;
}
#eventcontainer h2{
margin-top:0px;
}

   @media only screen and ( max-width: 800px )
                {
                .storyimagenews{
                height:220px;
                }
                ul.eventdetails li{
display:inline-block;
}
            }
 
/* ### Responsive Tabs ### */ 

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

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

}
.r-tabs #etabs-1, .r-tabs #etabs-2, .r-tabs #etabs-3, .r-tabs #etabs-4, .r-tabs #etabs-5, .r-tabs #etabs-6, .r-tabs #etabs-7, .r-tabs #etabs-8, .r-tabs #etabs-9, .r-tabs div[id*="etabs"] {
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: #266DE8;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}

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

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
background-color:#266DE8;
	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: #60C1C7;
	color: #ffffff;
}

.etabview {
border-top:3px solid #60C1C7;
border-bottom:3px solid #60C1C7;
background-color:#FAFAFA;
padding:0px 20px 0px 20px !important;
}
@media only screen and ( max-width: 768px )
        {
        .tabselect{ border-top:0px;
        }	
        .etabview{
        border-top:0px;
        padding-top:1px !important;
        }
        }

.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 ### */       
           
                
/* General */  
.becomeamember{
position:absolute;

padding:8px 15px 8px 65px;
margin-top:-81px;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
background-image:url(running_man.png);
background-position:10px 10px;
background-size:auto 43px;
background-repeat:no-repeat;
background-color:#266DE8;
color:#ffffff;
z-index:999;
right:0;
font-family:'DINCondensedWebDemiBold', Verdana, Arial;
font-size:1.6em;
line-height:1em;
font-weight:'normal';
}
.becomeamember:hover, .becomeamember:focus-within{
background-color:#60C1C7;
}
.memberform legend{
color:#266DE8;
font-weight:bold;
}
.memberform fieldset{
border:1px solid #60C1C7;
}
.memberform .optiongrid{
margin-left:-1%;
margin-right:-1%;
}
.memberform .optiongrid label{
padding:10px;
cursor:pointer;
margin:0px;
}
.memberform .optiongrid div{
width:calc(33.33% - 2%);
background-color:#266DE8;
text-align:center;
color:#ffffff;
display:inline-block;
padding:0px;
margin:1%;
font-weight:bold;
cursor:pointer;
padding-bottom:10px;
}
.memberform .optiongrid>div:hover, .memberform .optiongrid>div:focus-within{
background-color:#60C1C7;
}
.memberform .optiongrid input{
margin-left:auto;
margin-right:auto;
display:block;
width:100%;
cursor:pointer;
}

.memberform ul li{
list-style-type:disc;
}
.memberform button{
cursor:pointer;
}
.goldbottom{
border-bottom:4px solid #60C1C7;
padding-bottom:10px;
margin-bottom:40px;
}
#usertypes.dataTable.no-footer {
  border-bottom: 1px solid #60C1C7;
}

#usertypes.dataTable thead tr th{
text-align:left;
padding-left:10px;
border-bottom:1px solid #60C1C7;
}

.unpublished {
  background-color: #F7DDDC !important;
}
#filterdisplay h3{
padding-left:45px;
}
.anchorlink{
scroll-margin-top:80px;
}

#focus{
flex-basis:300px;
margin-left:20px;
margin-top:30px;
}
#focus h4{
font-size:1.5em;
font-family: 'DINCondensedWebNormal', Verdana, Arial;
font-weight:normal;
margin-top:15px;
font-weight:400;
line-height:1em;
}
#focus p{
margin:0px;
}
#focus a{
text-decoration:none;
color:#333333;
}
#focus a h4 {
color:#266DE8;
-webkit-transition: color .3s linear;
-moz-transition: color .3s linear;
-o-transition: color .3s linear;
-ms-transition: color .3s linear;
transition: color .3s linear;
}
#focus a:hover h4 , #focus a:focus h4 {
color:#60C1C7;
}
#focus .newsthumb{
margin-top:18px;
}
.content>ul li, .ui-accordion ul li, .colinner>ul li{
padding-bottom:4px;
}
#dragpanel{
position:relative;
}
.edittab {
  	background-color:#60C1C7;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 999;
    
}

.concepttable {
	border-collapse: collapse;
}
.concepttable td {
	border: 1px solid #d7dada;
	padding: 5px 10px 5px 10px !important;
}
.noborder td{
	border: none;
	padding: 0px;
}

.basestable {
width:100%;
	border-collapse: collapse;
border-bottom:1px solid #60C1C7;

}
.basestable thead{
    background-color: #266DE8;
    color: white;
    padding: 10px;
    font-weight:bold;
    border-bottom:4px solid #60C1C7;
}
.basestable td {
	
	padding: 10px !important;
    border-bottom:1px solid #d7dada;
}
.basestable td p{
margin:0px; padding:0px;
}

.basestable tr:nth-child(even) {background-color: #F3F3F3}

.redactor-box table td {
  border: 1px solid #d7dada;
}
@media only screen and ( max-width: 999px )
                {
                .memberform .optiongrid div{
width:calc(50% - 2%);
}
}

@media only screen and ( max-width: 800px )
                {
                
                .becomeamember{
display:none;
}
#usertypes.dataTable h2{
font-size:1.2em;
}
                }
                @media only screen and ( max-width: 750px )
                {
                .memberform .optiongrid div{
width:calc(100% - 2%);
}
}