.ftco-navbar-light .navbar-nav > .nav-drop {
    font-size: 15px;
    padding-top: 2.3rem;
    padding-bottom: 2.3rem;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 400;
    color: #fff;
    opacity: 1 !important;
}

/*Home Slider Anchor */
a.hsl{
	text-decoration:underline;
	color:#fff;
}

a.hsl:hover{
	text-decoration:none;
	color:#fff200;
}

/* FAQS*/
ul.faqs{
padding:0;
list-style:none;
margin-bottom:10px;
}

ul.faqs li{
padding:0;
margin:0;
line-height:30px;
}

/*Voucher Care Images*/

img.ccv{
margin:0 2px 2px 0;
}

/*RECRIUTMENT FORM*/

.btn-upload {
  background-color: #ccc;
  border-color: #343a40; 
 }
 
 .btn-upload span{
  color: #343a40;
 }

 .btn-upload:hover {
    background-color: #343a40;
    border-color: #ddd; 
}

 .btn-upload:hover span{
  color: #fff;
 }

.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#uploadFile{
width:auto;
background:none;
border:none;
margin:0 0 12px 10px;
}

#f1 li .fileUpload{
margin:10px 0;
  font-size:20px;
 color:#fff;
}

/* VENUE BOXES */
#venuecopy{
display:block;
/*height:1000px;*/
}

#venuecopy .vbmap{
display:block;
border:1px solid #ccc;
overflow:hidden;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}

#venuecopy .vb{
display:block;
margin-top:10px;
border:1px solid #ccc;
background-color:#23386c;
overflow:hidden;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}

#venuecopy .more{
border:1px solid #ccc;
background-color:#23386c;
overflow:hidden;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
}

#venuecopy .vb1{
background-image: url('../images/venues/abbots_hill.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}

#venuecopy .vb2{
background-image: url('../images/venues/aldenham.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}

#venuecopy .vb3{
background-image: url('../images/venues/beaumont.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}

#venuecopy .vb4{
background-image: url('../images/venues/birchwood.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}

#venuecopy .vb5{
background-image: url('../images/venues/henrietta.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}

#venuecopy .vb6{
background-image: url('../images/venues/st_hildas_b.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}

#venuecopy .vb7{
background-image: url('../images/venues/st_hildas_h.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}

#venuecopy .vb8{
background-image: url('../images/venues/dame_alice.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}


#venuecopy .vb10{
background-image: url('../images/venues/bengeo.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}

#venuecopy .vb11{
background-image: url('../images/venues/broxbourne_v.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}

#venuecopy .vb12{
background-image: url('../images/venues/priory.jpg');
  background-repeat: no-repeat;
  background-position: right center;
  height:190px;
}


#venuecopy .vb H3,#venuecopy .vb H4{
  color:#fff;
}

#venuecopy .vb p{
float:none;
}

#venuecopy .more p{
color:#fff;
margin:28px;
}

#venuecopy .vb button{
  color:#23386c;
  background-color:#fff200;
  border:1px solid #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
}


#venuecopy p.so{
color:#f58220;
margin:20px 0;
}

/*VENUES MORE INFO*/
#mi_1,#mi_2,#mi_3,#mi_4,#mi_5,#mi_6,#mi_7,#mi_8,#mi_10,#mi_11,#mi_12{
display:none;
}

@media (max-width: 399px) {

#venuecopy .vb H3{
  font-size:26px;
  letter-spacing:4px;
  margin:0 0 20px 2px;
}
#venuecopy .vb H4{
  font-size:20px;
  font-weight:400;
  letter-spacing:1px;
  margin:0 0 20px 2px;
}
#venuecopy .vb p{
width:280px;
font-size:20px;
letter-spacing:1px;
margin:0 20px 20px 2px;
}
}


@media (max-width: 919.99px) {

#venuecopy .vb H3{
  font-size:26px;
  letter-spacing:1px;
  margin:10px 0 0 12px;
}
#venuecopy .vb H4{
  font-size:18px;
  font-weight:100;
  letter-spacing:1px;
  margin:0 0 20px 12px;
}
#venuecopy .vb p{
width:340px;
font-size:22px;
letter-spacing:1px;
margin:0 20px 20px 12px;
}
#venuecopy .vb button{
  margin:20px 0 28px 12px;
}
#venuecopy p.so{
font-size:30px;
letter-spacing:1px;
}

}

@media (min-width: 920px) {
#venuecopy .vb H3{
  font-size:28px;
  letter-spacing:4px;
  margin:20px 0 0 28px;
}
#venuecopy .vb H4{
  font-size:20px;
  font-weight:100;
  letter-spacing:1px;
  margin:0 0 20px 28px;
}

#venuecopy .vb button{
  margin:20px 0 28px 24px;
}

#venuecopy .vb p{
width:100%;
font-size:22px;
letter-spacing:1px;
margin:0 20px 20px 12px;
}
#venuecopy p.so{
font-size:40px;
letter-spacing:5px;
}
}



/*IMAGES*/
img.venue_img{
margin:0 auto 20px auto;
}

/* MAP IFRAMES */

#venuecopy iframe{
display:block;
border:1px solid #fff;
}

@media (max-width: 399px) {
#venuecopy  iframe{
width:280px;
height:280px;
margin:10px auto;
}
}

@media (min-width: 400px) {
#venuecopy  iframe{
width:340px;
height:340px;
margin:20px auto;
}
}

@media (min-width: 992px) {
#venuecopy  iframe{
width:280px;
height:280px;
margin:20px auto;
}
}

@media (min-width: 1200px) {
#venuecopy  iframe{
width:100%;
height:340px;
margin:20px auto;
}
}

/*TABLES*/
table{
border-collapse:collapse;
margin-bottom:10px;
clear:both;
}

table.va{
border-collapse:collapse;
margin-bottom:20px;
clear:both;
}

th{
font-size:15px;
font-weight:500;
letter-spacing:1px;
color:#fff;
background-color:#0095da;
text-align:center;
padding:6px;
border: 1px solid #fff;
}

td{
font-size:14px;
font-weight:500;
color:#fff;
text-align:center;
border: 1px solid #fff;
}

td.dte{
color:#23386c;
background-color:#6fc4eb;
}

td.at{
color:#fff;
font-weight:500;
background-color:#a64686;
}

td.ex{
color:#fff;
font-weight:500;
background-color:#00a652;
padding:6px;
}

td.ok{
background-color:#00a652;
}

td.no{
background-color:#ed1c24;
}

td span.glyphicons{
color:#fff;
}

td span.act{
display:inline-block;
float:left;
margin-left:10px;
}

td.pr{
background-color:#35d96b;
}

@media (max-width: 440px) {
table{
width:100%;
margin:0 auto;
}
}

@media (min-width: 441px) {
table{
width:400px;
margin:0 auto;
}
}

@media (min-width: 768px) {
table{
width:430px;
margin:0 10px;
}
td.dte{
width:140px;
}
}

@media (min-width: 992px) {
table{
width:620px;
}
td.dte{
width:200px;
}
}

@media (min-width: 1200px) {
table{
float:none;
margin:0 auto;
}
}

/*ACTIVITIES*/
.act_box2{
position:relative;
margin:10px 0;
border:1px solid #777;
}

.act_box2 img.ages{
position:relative;
top:-10px;
right:-10px;
float:right;
width:60px;
margin:0;
padding:0;
z-index:300;
}

.act_box2 img.syr{
position:relative;
top:-10px;
right:-10px;
float:right;
width:100px;
margin:0;
padding:0;
z-index:300;
}

.act_box2 img.sy2{
position:relative;
top:-10px;
right:-25px;
float:right;
width:100px;
margin:0;
padding:0;
z-index:300;
}

.act_box2 h3{
padding:0;
color:#fff;
}

.act_box2 p{
color:#fff;
}

.act_box2 p a{
position:absolute;
bottom:10px;
right:10px;
display:block;
padding:2px;
font-size:20px;
color:#fff;
text-decoration:none;
border:1px solid #fff220;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}

.act_box2 p a:hover{
background-color:#0095da;
color:#fff220;
text-decoration:none;
}

.act_box2 p a span.lb{
display:inline-block;
margin:0 0 4px 2px;
}

.act_box2 h3 span.glyphicons{
display:inline-block;
vertical-align:bottom;
font-size:16px;
color:#fff;
margin:0;
padding:0;
}

.act_box2 p a span.glyphicons{
display:inline-block;
vertical-align:bottom;
font-size:16px;
color:#fff;
margin:0;
padding:0;
}

.act_box2 p a span.glyphicons:hover{
color:#fff220;
text-decoration:none;
}


.act_box2{
float:none;
width:100%;
height:300px;
padding:16px;
margin:0 20px 20px 0;
}
.act_box2 h3{
font-size:16px;
letter-spacing:1px;
margin:0 0 10px 0;
}
.act_box2 p{
font-size:14px;
letter-spacing:1px;
line-height:18px;
}

@media (min-width: 1200px) {
.act_box2{
float:left;
width:380px;
height:320px;
padding:14px;
margin:0 20px 20px 0;
}
.act_box2 h3{
font-size:16px;
letter-spacing:1px;
margin:0 0 10px 0;
}
.act_box2 p{
font-size:14px;
letter-spacing:1px;
line-height:18px;
}
}

ul.act_show{
padding:0;
list-style:none;
}

ul.act_show  li{
display:inline-block;
float: left;
width:250px;
padding:30px 0;
font-size:18px;
text-align:center;
margin:0 20px 10px 0;
border:1px solid #fff;
}

/*HOME PAGE*/
#mac{
display:inline-block;
}
#bkn{
display:none;
}


/*LATEST NEWS*/
section.latestnews{
position:absolute;
top:130px;
width:100%;
height:570px;
z-index:2;
}

@media (max-width: 440px) {
section.latestnews{
top:280px;
height:570px;
}
}

@media (max-width: 917.98px) {
top:255px;
height:600px;
}

#ln{
position:relative;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width:100%;
text-align:center;
}

#ln p{
	color:#fff;
}

#ln p.xbold{
	font-weight:900;
	font-style:normal;
}

#ln p.bold{
	font-weight:700;
	font-style:normal;
}

#ln p.sbold{
	font-weight:500;
	font-style:normal;
}

#ln p.norm{
	font-weight:300;
	font-style:normal;
}

#ln p.lite{
	font-weight:100;
	font-style:normal;
}

#ln p.ixbold{
	font-weight:900;
	font-style:italic;
}

#ln p.ibold{
	font-weight:700;
	font-style:italic;
}

#ln p.isbold{
	font-weight:500;
	font-style:italic;
}

#ln p.inorm{
	font-weight:300;
	font-style:italic;
}

#ln p.ilite{
	font-weight:100;
	font-style:italic;
}

#ln p.xxxlrg{
	font-size:55px;
}

#ln p.xxlrg{
	font-size:45px;
}

#ln p.xlrg{
	font-size:36px;
}

#ln p.lrg{
	font-size:28px;
}

#ln p.xreg{
	font-size:22px;
}

#ln p.reg{
	font-size:18px;
}

#ln p.sml{
	font-size:14px;
}

#ln p.xsml{
	font-size:11px;
}

#ln p.xxxspred{
	letter-spacing:5px;
}

#ln p.xxspred{
	letter-spacing:3px;
}

#ln p.xspred{
	letter-spacing:1px;
}


#ln p a{
	color:#fff;
	text-decoration:underline;
}

/* UPPER MENU */

.bg-primary p.parents{
color:#fff;
}

.in{
position:relative;
display:block;
width:100%;
}

.upper_nav{
display:inline-block;
}

.um_contact{
position:absolute;
top:10px;
right:300px;
display:inline-block;
}

.um_signup{
display:inline-block;
}

.um_bnow{
position:absolute;
top:10px;
right:10px;
}

p.um_phone{
font-size:24px;
}

.um1{
margin-right:20px;
}

.um2{
margin-right:20px;
}

.um3{

}

@media (max-width: 920px) {
.um_contact{
position:relative;
top:10px;
left:20px;
display:block;
width:auto;
}
.upper_nav{
display:block;
}
.parents{
line-height:10px;
}
.um2{
display:inline-block;
margin-top:-20px;
}
.um3{
display:inline-block;
}
#mac{
display:none;
}
#bkn{
display:inline-block;
margin-left:10px;
}
.um_bnow{
display:none;
}
}

@media (max-width: 980px) {
.um_contact{
right:220px;
}
}

/*CCV*/
TABLE.ccv{
margin-top:30px;
}

TABLE.ccv TD{
color:#000;
text-align:left;
width:50%;
background-color:#6fc4eb;
padding:10px;
}

/*Activities*/
.mi_btn{
position:absolute;
dispaly:block;
right:30px;
bottom:-4px;
}

/* HOME MAP */
#venueMap{
	display:block;
width:100%;
height:500px;
}


.infoWin{
padding:0;
margin:0;
height:100px;
}

.infoDiv{
display:inline-block;
padding:4px;
text-align:center;
height:100px;
}

.infoSchool{
height:50%;
font-size:18px;
font-weight:500;
color:#23386c;
}

.infoBtn{
height:50%;
}

.infoImg{
height:100px;
display:inline-block;
vertical-align:top;
}

/*OWL-CAROUSEL*/
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item, .owl-carousel{ 
-ms-touch-action: auto; touch-action: auto; 
}

/*VENUE DROPDOWN*/
/* Dropdown Button */
.ddbtn {
  background-color: #4CAF50;
  color: white;
  padding: 6px;
  font-size: 12px;
  border:1px solid #fff;
  width:106px;
}

.filterbtn,.filterccbtn{
	display: inline-block;
	float:right;
}


@media (min-width: 768px) {
.filterccbtn{
	 margin:10px 0 0 10px;
}
}

@media (min-width: 992px) {
.filterccbtn{
	 margin:13px 0 0 20px;
}
}


/* The container <div> - needed to position the dropdown content */
.dd {
  position:absolute;
  display: inline-block;
  top:25px;
  right:12px;
}

/* Dropdown Content (Hidden by Default) */
.dd-content {
  display: none;
  position: absolute;
  right:0;
  min-width: 260px;
  border:1px solid #fff;
  z-index: 100;
}

.dd-item {
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  white-space: nowrap;
  background-color:#6fc4eb;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  display: block;
  border-top: 1px solid #e9ecef;
  }

/* Change color of dropdown links on hover */
.dd-item:hover {background-color:#00a652;color: #fff;}

/* Show the dropdown menu on hover */
.dd:hover .dd-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dd:hover .ddbtn {background-color: #3e8e41;} 


/* COVID */
#dates-wrapper ul.covid{
display: block;
list-style-type: disc;
background:none;
width:90%;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;	
}

#dates-wrapper ul.covid li{
padding:0;
border:none;
text-align:left	
}

/*GLOBALS*/

.cursor{
  cursor:hand;
  cursor:pointer;
}

HR{
margin:40px 0;
}

.bold{
font-weight:700;
}

.bg_yellow{
background-color:#fff200;
}

.bg_mauve{
background-color:#a64686;
}

.bg_orange{
background-color:#f58220;
}

.bg_orange2{
background-color:#fabc87;
}

.bg_red{
background-color:#ed1c24;
}

.bg_lightblue{
background-color:#0095da;
}

.bg_lightblue2{
background-color:#6fc4eb;
}

.bg_blue{
background-color:#23386c;
}

.bg_green{
background-color:#00a652;
}

.bg_green2{
background-color:#62d098;
}

.bg_offwhite{
background-color:#efefff;
}

.tc_white{
color:#fff;
}

.ta_left{
text-align:left;
}

.ta_right{
text-align:right;
}

.ta_center{
text-align:center;
}

.pad_6{
padding:6px;
}

.pad_10{
padding:10px;
}

.pad_20{
padding:20px;
}

.pad_l6{
padding-left:6px;
}
.pad_r6{
padding-right:6px;
}

.pad_t6{
padding-top:6px;
}

.pad_b6{
padding:6px;
}

.pad_b10{
padding:10px 6px;
}

.border_white{
border:1px solid #fff;
}

.border_mid{
border:1px solid #777;
}

