@font-face {
  font-family: 'WorkSans';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://www.localfoodplan.org/bootstrap/fonts/WorkSans-Regular.woff2") format("woff2");
} 

@font-face {
  font-family: 'WorkSans';
  font-style:  italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://www.localfoodplan.org/bootstrap/fonts/WorkSans-Italic.woff2") format("woff2");
}   
 


@font-face {
  font-family: 'WorkSans';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://www.localfoodplan.org/bootstrap/fonts/WorkSans-Bold.woff2") format("woff2");
}
@font-face {
  font-family: 'WorkSans';
  font-style:  italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://www.localfoodplan.org/bootstrap/fonts/WorkSans-BoldItalic.woff2") format("woff2");
}


@font-face {
  font-family: 'WorkSanMediums';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://www.localfoodplan.org/bootstrap/fonts/WorkSans-Medium.woff2") format("woff2");
} 

@font-face {
  font-family: 'WorkSanMediums';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://www.localfoodplan.org/bootstrap/fonts/WorkSans-Bold.woff2") format("woff2");
} 
  
  
 

body { font-family: 'WorkSans', Fallback, sans-serif; font-weight: 400; color: #000; font-size: 17px; line-height:24px; background-color: #efefef;  }
a {	color: #000; text-decoration: underline;	-webkit-text-decoration-color: #beef00;	text-decoration-color: #beef00; text-decoration-thickness: 2px; }
a:hover, a:focus { transition: all 0.3s; color: #beef00;  text-decoration-thickness: 2px; }

.white_link  {	color: #ffffff; text-decoration: underline;	-webkit-text-decoration-color: #beef00;	text-decoration-color: #beef00; text-decoration-thickness: 2px; }
.white_link:hover, .white_link:focus { transition: all 0.3s; color: #beef00;  text-decoration-thickness: 2px; }

.darkgreen_link  {	color: #004133; text-decoration: underline;	-webkit-text-decoration-color: #004133;	text-decoration-color: #004133; text-decoration-thickness: 2px; }
.darkgreen_link:hover, .darkgreen_link:focus { transition: all 0.3s; color: #beef00;  text-decoration-thickness: 2px; }

.infobar a {	color: #ffffff; text-decoration: underline;	-webkit-text-decoration-color: #beef00;	text-decoration-color: #beef00; text-decoration-thickness: 2px; }
.infobar a:hover, .infobar a:focus { transition: all 0.3s; color: #beef00;  text-decoration-thickness: 2px; }
 
label {
  color: #007d45;
  font-weight: 300;
}
  
.strong  { font-weight: 700; } 
strong { font-weight: 700;  }
.font18  { font-size: 18px; }
h1,h2,h3,h4,h5,h6 { font-weight: 300; font-family: 'WorkSanMediums', Fallback, sans-serif; }
h1 { font-size: 30px; line-height:36px; letter-spacing: -1px;   } @media (min-width: 767px) { h1 { font-size: 50px; line-height:56px; letter-spacing: -2px;   } }
h2 { font-size: 30px; }
h3 { font-size: 28px; line-height:38px; }
h4 { font-size: 24px; line-height:30px; }
h5 { font-size: 16px; line-height:20px; }
h6 { font-size: 16px; line-height:20px; }
.main_body h2 { margin-top: 40px; margin-bottom: 30px; color: #007d45; }
.main_body h3 { margin-top: 30px; margin-bottom: 20px; color: #007d45; }
.main_body h4 { margin-top: 30px; margin-bottom: 20px; color: #007d45; } 



@media (min-width: 767px) { .giant { font-size: 40px; line-height:44px; } }
@media (min-width: 992px) { .giant { font-size: 45px; line-height:50px; } }
@media (min-width: 1200px) { .giant { font-size: 50px; line-height:55px; } }

 
 
img { display: inline-block; height: auto;  max-width: 100%; }
.keyblock img { width: 100%; }

.img_small { max-width: 150px; max-height: 150px; }
.img_medium { max-width: 300px; max-height: 300px; }
.img_large { max-width: 450px; max-height: 450px; } 


 /* FONT */
.light { font-weight: 400!important; }
.small, .text-small { font-size: 12px; line-height:16px !important; }
.lineheight20 { line-height: 20px; }

 
/* COLOURS */
.darkgreen { color: #004133  !important; } .darkgreenbg { background-color: #004133 !important; } .darkgreenbd { border-color: #004133 !important; }
.brightgreen { color: #beef00  !important; } .brightgreenbg { background-color: #beef00 !important; } .brightgreenbd { border-color: #beef00 !important; }
.earthgreen { color: #49570b  !important; } .earthgreenbg { background-color: #49570b !important; } .earthgreenbd { border-color: #49570b !important; }
.green { color: #007d45  !important; } .greenbg { background-color: #007d45 !important; } .greenbd { border-color: #007d45 !important; }
.purple { color: #662461; } .purplebg { background-color: #662461 !important; } .purplebd { border-color: #662461 !important; }
.red { color: #ff5436  !important; } .redbg { background-color: #ff5436 !important; } .redbd { border-color: #ff5436 !important; }
.lightpurple { color: #c5b6f1; } .lightpurplebg { background-color: #c5b6f1 !important; } .lightpurplebd { border-color: #c5b6f1 !important; }
.teal { color: #8dbbc7; } .tealbg { background-color: #8dbbc7 !important; } .tealbd { border-color: #8dbbc7 !important; }
.orange { color: #f39b05 !important; } .orangebg { background-color: #f39b05 !important; } .orangebd { border-color: #f39b05 !important; }
.pink { color: #f4c6e2 !important; } .pinkbg { background-color: #f4c6e2 !important; } .pinkbd { border-color: #f4c6e2 !important; }
.othergreen { color: #68bb81  !important; } .othergreenbg { background-color: #68bb81 !important; } .othergreenbd { border-color: #68bb81 !important; }

.beige { color: #F4F0E7; } .beigebg { background-color: #F4F0E7 !important; } .beigebd { border-color: #F4F0E7 !important; }
.white { color: #FFFFFF  !important; } .whitebg { background-color: #FFFFFF !important; } .whitebd { border-color: #FFFFFF !important; }
.black { color: #000000; } .blackbg { background-color: #000000 !important; } .blackbd { border-color: #000000 !important; }
.darkgrey { color: #3A3A3A; } .darkgreybg { background-color: #3A3A3A !important; } .darkgreybd { border-color: #3A3A3A !important; } 
.medgrey { color: #cccccc; } .medgreybd { border-color:  #cccccc !important; } .medgreybg { background-color: #cccccc !important; }
.palegrey { color: #f4f4f4; } .palegreybd { border-color:  #f4f4f4 !important; } .palegreybg { background-color: #f4f4f4 !important; }

.text-warning  { color: #f39b05; }
.text-success  { color: #007d45; }
.text-danger  { color: #ff5436; }
.text-white  { color: #ffffff; }
.text-grey  { color: #666;  }
.text-default  { color: #333;  }
 
.text_one_line { max-width: 100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; display:inline-block; line-height: normal; }
.text_two_line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden; }
.text_three_line { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  overflow: hidden; }
 
  
 .block_title_long  { border-bottom: 3px solid #000; padding-bottom:5px;   font-weight: 700;} 

/* PADDINGS SPACINGS WIDTH */
.blockPadHome  { padding: 5px 25px 0 15px; }
@media (min-width: 767px) {
	.blockPadHome  { padding: 25px 25px 0 40px; }
}

.blockPadLarge  { padding: 35px; }


.blockPadVeryLarge  { padding: 30px 30px 10px 30px; }
.blockPadVeryLargeLow  { padding: 15px 30px 15px 30px; }

@media (min-width: 992px) { 
	.blockPadVeryLarge  { padding: 50px; }
	.blockPadVeryLargeLow  { padding: 20px 55px 25px 50px; }
}

@media (min-width: 1200px) {
	.blockPadVeryLarge  { padding: 40px; }
	.blockPadVeryLargeLow  { padding: 30px 60px 30px 60px; }
}

@media (min-width: 1500px) {
	.blockPadVeryLarge  { padding: 60px; }
	.blockPadVeryLargeLow  { padding: 30px 60px 30px 60px; }
}


.blockPadVeryLarge p { max-width: 800px; }
.blockPadVeryLarge ul { max-width: 800px; }
.padall0 > img { width: 100%!important; }





.earthBlock  { padding: 50px; }




@media (min-width: 992px) { .squareBlock { height: 485px; }  .squareBlockProportional { height:0;width:100%;padding-bottom:100%; } }

@media (min-width: 1200px) { .squareBlock { height: 585px; } }





.notop { margin-top: 0px !important; padding-top: 0px !important; } .nobot { margin-bottom: 0px !important; padding-bottom: 0px !important; } 
.top100 { margin-top: 50px; }  .top25 { margin-top: 25px; } .top20 { margin-top: 20px; } .top15 { margin-top: 15px; }  .top10 { margin-top: 10px; }   .top5 { margin-top: 5px; } .topminus25 { margin-top: -25px; } .topminus50 { margin-top: -50px; }  .topminus100 { margin-top: -100px; }
.bot100 { margin-bottom: 50px; }  .bot25 { margin-bottom: 25px; } .bot15 { margin-bottom: 15px; }  .bot10 { margin-bottom: 10px; } .bot5 { margin-bottom: 5px; }  .botminus25 { margin-bottom: -25px; } .botminus50 { margin-bottom: -50px; }
.left100 { padding-left: 15px; } .left50 { padding-left: 15px; } .left25 { padding-left: 15px; } .left15 { padding-left: 15px; } .left5 { padding-left: 5px; } .left0 { padding-left: 0px !important; }  .leftminus25 { padding-left: -25px !important; }
.right100 { padding-right: 15px; } .right50 { padding-right: 15px; }  .right25 { padding-right: 15px; } .right15 { padding-right: 15px; } .right5 { padding-right: 5px; }  .right0 { padding-right: 0px !important;  }   .rightminus25 { padding-right: -25px !important; }
.mleft25 { margin-left: 25px; } .mleft15 { margin-left: 15px; }  .mleft5 { margin-left: 5px; } .mleft0 { margin-left: 0px; } 
.mright25 { margin-right: 25px; } .mright15 { margin-right: 15px; } .mright5 { margin-right: 5px; }  .mright0 { margin-right: 0px;  }

.mrightminus25 { margin-right: -25px !important; } .mrightminus15 { margin-right: -15px !important; }  .mrightminus10 { margin-right: -10px !important; } .mrightminus5 { margin-right: -5px !important; }
.mleftminus25 { margin-left: -25px !important; }  .mleftminus15 { margin-left: -15px !important; }  .mleftminus10 { margin-left: -10px !important; }  .mleftminus5 { margin-left: -5px !important; } 
 
.padall25 { padding: 25px; } .padall15 { padding: 15px; }  .padall10 { padding: 10px; } .padall5 { padding: 5px; } .padall0 { padding: 0px !important; }  
.max600  { max-width: 600px; } .max300  { max-width: 300px; }.max200  { max-width: 200px; }.max150  { max-width: 150px; }.max100  { max-width: 100px; } .max75  { max-width: 75px; } .max50  { max-width: 50px; }  .max35  { max-width: 35px; }  
.top50 { margin-top: 25px; } .bot50 { margin-bottom: 25px; } .right50 { padding-right: 25px; }.left50 { padding-left: 25px; }

@media (max-width: 993px) { .bot50xs { margin-bottom: 50px !important; } }
 
.ptop50 { padding-top: 25px !important; } .ptop25 { padding-top: 25px !important; } .ptop15 { padding-top: 15px !important; }  .ptop5 { padding-top: 5px !important; }
.pbot50 { padding-bottom: 25px !important; } .pbot25 { padding-bottom: 25px !important; } .pbot15 { padding-bottom: 15px !important; }  .pbot5 { padding-bottom: 5px !important; }
.mleft50 { margin-left: 25px; } .mright50 { margin-right: 25px; } 

@media (min-width: 992px) { 
	.top100 { margin-top: 100px; }  .bot100 { margin-bottom: 100px; } 
	.top50 { margin-top: 50px; } .bot50 { margin-bottom: 50px; }
	.ptop50 { padding-top: 50px !important; }  .pbot50 { padding-bottom: 50px !important; }
	.max800  { max-width: 800px; } .max700 { max-width: 700px; } .max600  { max-width: 600px !important; } .max500  { max-width: 500px; } .max400  { max-width: 400px; }
	.left100 { padding-left: 100px; } .left50 { padding-left: 50px; } .left25 { padding-left: 25px; } 
	.right100 { padding-right: 100px; } .right50 { padding-right: 50px; } .right25 { padding-right: 25px; }
}

.min100 {min-width: 100px;}
.min150 {min-width: 150px;}
.min200 {min-width: 200px;}
.min250 {min-width: 250px;}
.min300 {min-width: 300px;}
.min350 {min-width: 350px;}
.width100 {width: 100%;}
.height200 { height:200px; }
.height300 { height:300px; }
.height400 { height:400px; }
.height500 { height:500px; }
.height600 { height:600px; }





.gblockquote {  font-size: 20px;  line-height: 26px; font-family: 'WorkSansThinItalic', Fallback, sans-serif;  }
@media (min-width: 992px) { 
	.gblockquote {  font-size: 25px;  line-height: 30px; }
}
@media (min-width: 1500px) {
		.gblockquote {  font-size: 30px;  line-height: 36px; }
}





blockquote {   margin: 25px 0px 25px 0px; border-left: 0px solid #fff; padding: 10px 0px 10px 30px; color: #007d45;  }

blockquote > p::before {
	content: "\f10d";
	font-family: 'Line Awesome Free';
	font-weight: 900;
	font-size: 30px;
	float: left;
	margin-left: -33px;
	color: #007d45;
}
@media (min-width: 767px) { 
	blockquote {   margin: 30px 0px 30px 0px; border-left: 0px solid #fff; padding: 10px 0px 10px 50px; font-size: 22px; line-height:30px; }
	blockquote > p::before {
	content: "\f10d";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 50px;
    float: left;
    margin-left: -55px;
	color: #007d45;
}
}




/* BORDERS */
@media (min-width: 767px) { 
.border_left { border-left: 1px solid #ccc; padding-left: 15px; } 
.border_right { border-right: 1px solid #ccc; padding-right:15px; } 
}
.border_top {border-top: 1px solid #ECE5D6;}
.border_bot {border-bottom: 1px solid #ECE5D6;}
.border_rad_20 { border-radius: 20px !important; }
.border_rad_5 { border-radius: 5px !important; }
.border { border: 1px solid #ccc; } 
.border2 { border: 2px solid #ccc; } 
.border3 { border: 3px solid #ccc; } 

.border_width0 { border-width: 0px !important; } 
.border_width1 { border-width: 1px !important; } 
.border_width2 { border-width: 2px !important; } 
.border_width3 { border-width: 3px !important; } 
.border_width10 { border-width: 10px !important; } 

/* BUTTONS */
.btn { text-decoration: none; 
	font-size: 18px; padding: 14px 30px;
	border-color: #000; background-color: transparent; 
	border-radius: 30px; 
	border: 2px solid #000 !important;
	transition: all 0.3s; min-width: 150px; }


.btn:hover { transition: all 0.3s;  }

.btn-xs {  padding: 1px 5px;  font-size: 12px;  line-height: 1.5;   border-radius: 3px;} 
.btn-sm { font-size: 16px; padding: 4px 22px; } 
.btn-lg {  font-size: 18px; padding: 14px 30px; } 

.input-group-btn > .btn-lg { border-radius: 24px; font-size: 18px; padding: 10px 14px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0); } 
.input-group-btn > button {    height: 46px; }

.btn-default { border-color: #000; color: #000000; background-color: transparent;  } 
.btn-default:hover, .btn-default.focus, .btn-default:focus { transition: all 0.3s; border-color: #000; background-color: #000; color: #fff;  } 

.input-group-btn > .btn-default:hover { background-color: #000; color: #fff }

.btn-primary { border-color: #004133  !important;  color: #004133;  }   
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { transition: all 0.3s; background-color: #004133; color: #beef00;  }  
  
.btn-success { border-color: #beef00 !important; color: #beef00;  }  
.btn-success:hover, .btn-success.focus, .btn-success:focus { transition: all 0.3s; background-color: #beef00; color: #004133;  } 

.btn-info { border-color: #beef00 !important; background-color: #beef00; color: #004133 !important;  }  
.btn-info:hover, .btn-info.focus, .btn-info:focus { transition: all 0.3s; background-color: #004133;  color: #beef00!important;  } 


.btn-danger { border-color: #004133!important; background-color: #004133; color: #beef00 ;  } 
.btn-danger:hover, .btn-danger.focus, .btn-danger:focus { transition: all 0.3s; background-color: #beef00 ; color: #004133 ; } 

.btn-warning { border-color: #FAB001 !important; background-color: #FAB001; color: #000;  } 
.btn-warning:hover, .btn-warning.focus, .btn-warning:focus { transition: all 0.3s; background-color: #3A3A3A; border-color: #3A3A3A;  color: #fff;  } 

.btn-gold { border-color: #F8B118; background-color: #F8B118; color: #fff;  } 
.btn-gold:hover, .btn-gold.focus, .btn-gold:focus { transition: all 0.3s; background-color: #3A3A3A; border-color: #3A3A3A; color: #fff; } 


.btn-link  { color: #333333; text-decoration: underline; -webkit-text-decoration-color: #FAB001; text-decoration-color: #FAB001; text-decoration-thickness: 2px;  }
.btn-link:hover, .btn-link:focus { transition: all 0.3s; color: #FAB001; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0); text-decoration-thickness: 2px; }


.btn-false-default {
    min-height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
	background-color: #fff;
	border: 1px solid #FAB001;
	cursor: pointer; 
}


/* BG IMAGES */
.bg_cover {background-size:cover !important;}
.bg_contain {background-size:contain !important;}
.bg_lefttop {background-position:left top !important;}
.bg_righttop {background-position:right top !important;}
.bg_center {background-position:center center !important;}
.bg_leftbot {background-position:left bottom !important;}
.bg_rightbot {background-position:right bottom !important;}

.bg_norepeat { background-repeat: no-repeat;}
.bg_size50 { background-size: 50%;}
.bg_size75 { background-size: 75%;}

.cookie { position: absolute;z-index: 99999;top: 0px;width: 25%;right: 0; }

.lead {	font-size: 19px;  } 
@media (min-width: 992px) { .lead {	font-size: 20px;  } }
@media (min-width: 1200px) { .lead {	font-size: 22px;  } }

.circle_arrow_link { 
transition: all 0.3s; 
width: 60px;
height: 60px;
display: inline-block;
border-radius: 50%;
border-color: transparent;
border-width: 2px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-style: solid;
line-height: 50px;
padding-left: 4px;
font-size: 48px;
padding-top: 3px;
}  
.circle_arrow_link:hover  { transition: all 0.3s; background-color: #000 !important; border-color: #000 !important; margin: 0 -3px 0 3px;  }
.circle_arrow_link:hover > i  { transition: all 0.3s;  color: #fff !important;  }





.info_heading { 
cursor: pointer; 
display: block;
color: #000;
padding-top: 22px;
border-top: 1px solid #ECE5D6;
 } 
 
.info_heading::before {
	content: "\f05a";
	font-family: 'Line Awesome Free';
	font-weight: 900;
	font-size: 30px;
	float: right;
	color: #FAB001;
}
@media (min-width: 992px) { 
.info_heading::before {
	margin-left: -40px;
	float: left;
} 
} 
 

.toggle_heading { 
cursor: pointer; 
display: block;
color: #000;
padding-top: 22px;
border-top: 1px solid #ECE5D6;
 } 


.toggle_heading::before {
	content: "\f067";
	font-family: 'Line Awesome Free';
	font-weight: 900;
	font-size: 40px;
	float: right;
	color: #FAB001;
}
@media (min-width: 992px) { 
.toggle_heading::before {
	margin-left: -50px;
	float: left;
} 
}

.toggle_heading:hover, .toggle_heading:focus { cursor: pointer;  transition: all 0.3s; color: #FAB001;  text-decoration-thickness: 2px; } 
 

 
/* CONTAINERS */
.main_body {

	}   





.col_no_hpad { padding-left: 0px; padding-right: 0px; }
.col_no_hpad { padding-left: 10px; padding-right: 10px; } 
.foot a { color: #fff;  } 
.foot a:hover, .foot a:focus { transition: all 0.3s; color: #94C11E;  }
.gpanel  { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); margin-bottom: 20px; background-color: #FFF; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-sizing: border-box; padding: 15px; margin: 20px 0 20px 0; font-size: 16px; font-weight: 200; line-height: 1.4; }
.gpanel5  { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);  background-color: #FFF; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-sizing: border-box; padding: 5px; font-size: 16px; font-weight: 200; line-height: 1.4; }
.image_credit {	padding: 1px 5px 3px 5px; color: #efefef; background-color: #3A3A3A; position: absolute; right: 0px; bottom: 0px; }




.header_block {
	height: 400px; 
	background-position: center center !important;  
	background-repeat: no-repeat  !important; 
	background-size: cover  !important;  
} 

@media (min-width: 992px) { 
	.header_block { height: 615px; }
}


.header_block_title { max-width: 500px;   }  


.circle_small {
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
}





.slick-header .container-fluid { background-size: cover; min-height: 50vh; }
.slick-header h1 { font-size: 20px; line-height: 26px;}
@media (min-width: 767px) { 
.slick-header .container-fluid { transition: all 5s; background-size: 100%; min-height: 40vh; }
.slick-header:hover .container-fluid { transition: all 5s; background-size: 110%; }
}
@media (min-width: 992px) { 
.slick-header .container-fluid { transition: all 5s; background-size: 100%; min-height: 50vh; }
}
@media (min-width: 1200px) {  
.slick-header h1 { font-size: 40px;  line-height: 46px; }
.slick-header .container-fluid { transition: all 5s; background-size: 100%; min-height: 50vh; }
}
 
 
 









/* TEXT BLOCK BG */
.white_txt_bg h1 > span  { background-color: #fff; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; 	-webkit-box-decoration-break: clone;	-o-box-decoration-break: clone; 	box-decoration-break: clone; padding-top: 1px; padding-bottom: 3px; color: #333; }
.white_txt_bg p { line-height: 1.3; } 
.white_txt_bg p > span { background-color: #fff; box-shadow: 5px 0 0 #fff, -5px 0 0 #fff; 	-webkit-box-decoration-break: clone;	-o-box-decoration-break: clone;	box-decoration-break: clone; padding-top: 2px; padding-bottom: 3px; color: #333;  }
.black_txt_bg h1 > span  { line-height: 1.2em; background-color: #333; box-shadow: 5px 0 0 #333, -5px 0 0 #333; 	-webkit-box-decoration-break: clone;	-o-box-decoration-break: clone; 	box-decoration-break: clone; padding-top: 1px; padding-bottom: 3px; color: #fff; }
.black_txt_bg p { line-height: 1.3; } 
.black_txt_bg p > span { background-color: #333; box-shadow: 5px 0 0 #333, -5px 0 0 #333; 	-webkit-box-decoration-break: clone;	-o-box-decoration-break: clone;	box-decoration-break: clone; padding-top: 2px; padding-bottom: 3px; color: #fff;  }
 

/* NAV */


.navbar {
  margin-bottom: 3px;
}
.navbar-btn {
    margin-top: 24px;
	margin-bottom: 2px;
	border-color: #3A3A3A; background-color: transparent; 
	border-radius: 3px; padding: 6px 30px !important; 
	border: 3px solid #3A3A3A !important;
	transition: all 0.3s;
}
.navbar-btn:hover {
	margin-top: 22px;
	margin-bottom: 4px;
}
@media (min-width: 992px) { 
	.navbar-btn {
		margin-top: 33px;
		margin-bottom: 10px;
	}
	.navbar-btn:hover {
		margin-top: 31px;
		margin-bottom: 2px;
	}
}


.navbar-brand {   max-width: 200px; padding-top: 5px; margin-left: -28px !important;   }  

@media (max-width: 767px) {  
	.navbar-nav {  background: rgba(0, 125, 69, 1); margin-top: 0px;  height: auto;   margin-right: -15px;}
}

.navbar-nav > li > a {
	text-decoration: none;
	color: #fff !important;
}
.navbar-nav > li > a:hover {

} 
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	background: #beef00; transition: all 0.3s; color: #ffffff!important; 
}

@media (min-width: 767px) { 
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
		background-color: transparent; 
	}
	.navbar-nav > li { padding: 0 8px 0 8px; border-bottom: none; }
	.navbar-nav > li:hover  { background-color: transparent;}
	.navbar-nav > li > a {
		transition: all 0.3s;
		font-size: 15px;
		padding: 22px 0 0 0;
		border-bottom: 3px solid transparent;
		color: #beef00 !important;
		text-decoration: none; 
	}
	.navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > .active > a { color: #ffffff!important;  background-color: transparent;  }
	
	.navbar-nav { float:none; margin: 0; display: table; table-layout: fixed; }
	.navbar-btn { padding: 6px 15px !important;  }

	.navbar-brand {
	  height: 86px;
	  max-width: 200px;
	  padding-top: 15px;
	  margin-left: -16px !important;
	}
}
@media (min-width: 992px) {   
 	.navbar-nav { margin: 0 15px 0 0; }
	.navbar-btn { padding: 10px 30px !important;  }
	.navbar-brand {height: 110px; max-width: 230px; padding-top: 38px; padding-left: 34px;  } 
	.navbar-nav > li { padding: 0 9px 0 9px; }  
	.navbar-nav > li > a { font-size: 18px; padding: 45px 0 0 0; }
}

@media (min-width: 1450px) {
  .navbar-brand {
    height: 110px;
    max-width: 325px;
    padding-top: 27px;
    padding-left: 34px;
  }
}

@media (min-width: 1300px) {   
	.navbar-nav > li { padding: 0 13px 0 13px; }  

}


.navbar-default { border-color: transparent; background: transparent;}
.navbar-btn:hover, .navbar-btn.focus, .navbar-btn:focus { transition: all 0.3s; border-color: #FAB001 !important;  }  
.navbar-toggle {
	border-color: transparent !important;
	padding: 0;
	font-size: 18px;
	color: #ffffff;
	margin-top: -1px;
	margin-right: -15px;
	width: 50px;
	height: 50px;
	border-radius: 0;
	background-color: transparent !important;
} 
.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
    color: #beef00;
    transition: all 0.3s !important;
	background-color: rgba(0, 125, 69, 0.9) !important;  
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
}


@media (max-width: 767px) { 
	.navbar-collapse {
		margin-right: -15px;
		border-width: 0px;
		width: 100%;
		position: absolute;
		right: 0;
		top: 49px;
	}
}


/* TRAIL */
.trail > a {text-decoration: none !important;   }
.trail > a:hover { transition: all 0.3s; color: #FAB001;  text-decoration-thickness: 2px  !important;  text-decoration: underline  !important;	-webkit-text-decoration-color: #FAB001	;	text-decoration-color: #FAB001;  }





/* CONTENT BLOCKS */
@media (min-width: 767px) { .flex_container { display: flex; flex-wrap: wrap; }}
.flex_item .panelList { height: 100%; }

.panelList  { transition: all 0.5s;  width: 100%; color: #000; position: relative; font-size: 18px; margin-top:0px;  }  
.panelList:hover  { transition: all 0.5s;  color: #111;   text-decoration: underline  !important; } 

.panelList > .panelListImageContainer > img { transition: all 0.5s; opacity: 0.9; }
.panelList:hover > .panelListImageContainer > img { transition: all 0.5s;  transform: scale(1.05); opacity: 1; }

 
.panelListTitle { margin: 15px 0px 15px 0px;;  }    




.panelListDesc { margin: 10px 10px 25px 10px;  }    
.panelListFoot { margin: 10px 10px 5px 10px;  }  



.panelListImageContainer { background-color: #ebe6db; overflow: hidden;  } 





.pubListLongCopy300  > .panelListTitle { margin: 15px 10px 10px 10px;  }   
.panelList644 > .panelListTitle { margin: 10px 10px 10px 10px;  }   

.pubListLong > img{ height: 200px; width: 142px; float:left; object-fit: cover; }  
.pubListLongCopy300 { margin-left: 141px; } 

@media (min-width: 767px) { 
	.panelList425 { height: 247px; } 
	.panelList644 { height: 520px; }
	.panelList300 { height: 247px; } 
	.panelListTitle116 { height: 100px; overflow: hidden;  }
	.panelListFootBottom { position: absolute; bottom: 0; } 
	
}
@media (min-width: 992px) { 
	.panelList425 { height: 425px !important; padding: 25px !important; }
	.panelList425 > img{ height: 345px; width: 245px; float:left; object-fit: cover; margin-top: 15px; margin-left: 15px; border-radius: 5px; border: 1px solid #ECE5D6; }  
	.panelList644 { height: 578px; }
	.panelList300 { height: 276px; }
	.panelListTitle116 { height: 80px;  overflow: hidden;  }
	.pubListLongCopy300 > .panelListFootBottom { bottom: 35px; }  
	.pubListLongCopy300 { margin-left: 285px; } 
}
@media (min-width: 1200px) { 
	.panelList425 { height: 425px !important; padding: 25px !important; }
	.panelList425 > img{ height: 345px; width: 245px; float:left; object-fit: cover; margin-top: 15px; margin-left: 15px; border-radius: 5px; border: 1px solid #ECE5D6; }  
	.panelList644 { height: 644px; }
	.panelList300 { height: 309px; } 
	.panelListTitle116 { height: 80px;  overflow: hidden;  }
}
.panelListImage > .label, .panelListImage4Col > .label, .panelListImageContainer > .label {
    padding: .4em .6em .4em;
    border-radius: 0;
	position: absolute;  
	font-weight: 300;
}


.pubListShort  { padding: 1px; height: 105px; width: 100%; border-bottom: 3px solid #fff; color: #000; position: relative; overflow: hidden;}  
.pubListShort > img{ height: 100px; width: 71px; float:left;  }  
.pubListShort:hover  { transition: all 0.3s;  border-bottom: 3px solid #FAB001; color: #111; background-color: #ECE5D6; } 
.pubListShortCopy { margin-left: 70px; }
.pubListShortTitle { margin: 5px 10px 0px 10px; }
 
.pubList { padding: 1px; height: 155px; width: 106px; width: 100%; border-bottom: 3px solid #fff; color: #000; position: relative;  overflow: hidden; }  
.pubList > img{ height: 150px; width: 106px;  float:left;  }  
.pubList:hover  { transition: all 0.3s;  border-bottom: 3px solid #FAB001; color: #111; background-color: #ECE5D6; } 
.pubListCopy { margin-left: 105px; }
.pubListTitle { margin: 5px 10px 0px 10px; }
 
 
.pubListLong { padding: 1px; height: 205px; width: 100%; border-bottom: 3px solid #fff; color: #000; position: relative;  overflow: hidden; }  

.pubListLong:hover  { transition: all 0.3s;  border-bottom: 3px solid #FAB001; color: #111; background-color: #ECE5D6; } 
.pubListLongCopy { margin-left: 141px; }

.pubListLongTitle { margin: 5px 10px 0px 10px; }

 
.microList  { padding: 0px; width: 100%; border: 2px solid #ECE5D6;  background-color: #ECE5D6;  color: #000; position: relative; overflow: hidden; border-radius: 5px;}  
.microList > img{ height: 75px; width: 104.9px; float:left;  border-top-left-radius: 4px; border-bottom-left-radius: 4px; }  
.microList:hover  { transition: all 0.3s;  border: 2px solid #FAB001; color: #111; background-color: #fff; } 
.microListCopy { margin-left: 105px; }
.microListTitle { margin: 5px 10px 0px 10px; }
 
 
 
 
 
 
 /* blockList should be replaced by panelList */
.blockList { width: 100%; padding-bottom: 10px;  border-bottom: 3px solid #fff;  }
.blockListTitle { padding-left: 15px; padding-right: 15px; margin-top:10px; margin-bottom:5px; text-decoration: none !important;  }
.blockListDesc {  padding-left: 15px; padding-right: 15px; margin-bottom: 25px; text-decoration: none !important; } 
.blockListImage { width: 100%; height: 175px; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 1px solid #efefef; }
.blockList:hover  { transition: all 0.3s;  border-bottom: 3px solid #FAB001; color: #111; background-color: #ECE5D6; } 
@media (min-width: 767px) { 
	.blockList { padding: 5px; }
	.blockListTitle { padding-left: 0px; padding-right: 0px; margin-top: 10px; font-size: 18px; }
	.blockListDesc { padding-left: 0px; padding-right: 0px; margin-bottom: 25px;    }
	.blockListImage { height: 115px;  }
	.blockListImageTall { height: 160px;  }
	.blockListPubCover { height: 115px; }
}
@media (min-width: 992px) { 
	.blockListImage { height: 150px;  }
	.blockListImageTall { height: 200px;  }
	.blockListPubCover { height: 150px; }
	.blockListTitle { padding-left: 0px; padding-right: 0px; margin-top: 10px; font-size: 20px; }
}
@media (min-width: 1200px) { 
	.blockListImage { height: 175px;  }
	.blockListImageTall { height: 250px;  }
	.blockListPubCover { height: 175px; }
	.blockListTitle { padding-left: 0px; padding-right: 0px; margin-top: 10px; font-size: 20px; }
}
 
 
 /* ICON LIST */
.icon_flex_container { display: flex; flex-wrap: wrap; }
.flex_item .iconList { height: 100%;  }
.iconList  {  color: #000; position: relative; width: 100px; }  
.iconListWide  { margin: 0px 5px 0px 5px; }  
.iconListNarrow  { margin: 0px 5px 0px 5px; }  
.iconListVeryNarrow  { margin: 0px 5px 0px 5px; width: 150px !important; }  
.iconList200 { margin: 0px 5px 0px 5px; width: 200px !important; }  
.iconListVeryVeryNarrow  { margin: 0px 5px 0px 5px; width: 100px !important; }  
.iconListTitle { margin: 10px 5px 5px 5px;  }   
a > .iconList > .icon_theme_large  {  background-color: #fff; width: 80px; height: 80px; } 
a > .iconList > .icon_theme_medium  {  background-color: #fff; width: 80px; height: 80px; } 
@media (min-width: 767px) {
	.iconList  {  width: 180px; }
	.iconListWide  { margin: 0px 20px 0px 20px; }  
	.iconListNarrow  { margin: 0px 10px 0px 10px; }  
	a > .iconList > .icon_theme_large  {  width: 120px; height: 120px; } 
}
@media (min-width: 992px) { 
	.iconListWide  { margin: 0px 70px 0px 70px; }  
	.iconListNarrow  { margin: 0px 50px 0px 50px; }  
} 

a > .iconList:hover > .icon_theme_large, a > .iconList:active > .icon_theme_large, a > .iconList:hover > .icon_theme_medium, a > .iconList:active > .icon_theme_medium    {  transition: all 0.3s; border-color: #FAB001;   } 




/* HORIZONATAL LIST FOR RB EVENTS */


.trainingLargeList  { padding: 15px; width: 100%; border-bottom: 3px solid #F4F0E7; color: #000; position: relative;  }       
.trainingLargeList:hover  {transition: all 0.3s;
border-bottom: 3px solid #FAB001;
color: #111;
background-color: #ECE5D6; }  
.trainingLargeListDateContainer {   width: 15%; text-align: center; padding-top: 20px; font-weight: 600;  font-size: 24px; line-height: 1.1em; }  
.trainingLargeListImageContainer {  width: 25%; position: relative;  overflow: hidden; border: 1px solid #efefef; } 
.trainingLargeListImage  { width: 100%; height: 120px; background-repeat: no-repeat; background-position: center center; background-size: cover;  }  
.trainingLargeListTitle { text-decoration: none !important; }
.trainingLargeListDesc { text-decoration: none !important; }
.trainingLargeListTitleMore { text-decoration: none !important; font-size: 14px; color: #8dbc3f;  }

.trainingLargeListTitleMore:hover  { color: #009748;  }    
 
@media (max-width: 766px) { 
	.trainingLargeListDateContainer { float: right; width: 30%; height: 120px;} 
	.trainingLargeListImageContainer {float: left; width: 70%;  height: 120px;}
	.trainingLargeListTitle { clear: both; padding-top: 15px; }
}
@media (min-width: 767px) { 
	.trainingLargeListDateContainer { float: left; padding-right: 15px; height: 120px;  } 
	.trainingLargeListImageContainer { float: left; margin-right: 15px; height: 120px; } 
	.trainingLargeListTitle { margin: 0px; padding: 0px; height: 130px; overflow: hidden;  }    
	.trainingLargeListTitleMore { margin: 0px; padding: 0px; height: 20px; overflow: hidden;  }  	 
	.trainingLargeListDateContainer {   width: 20%; }
}
@media (min-width: 992px) { 
	.trainingLargeListDateContainer {   width: 15%; }
} 



/* MENU LIST */
.menuList a { 
    padding-left: 7px;
    width: 100%;
    border-left: 2px solid #FAB001;
    color: #000;
    position: relative;
    margin-bottom: 10px;
    margin-left: 2px;
	display: block; 
	text-decoration: none;
}
.menuList a:hover {
    transition: all 0.3s; color: #FAB001;
}
.menuList a.active {
  color: #FAB001;
  font-weight: 700; 
}

.menuList a.active_rank {
  color: #333333;
}

.menuList a.marg15 {
  margin-left: 12px;
  font-size: 14px;
  line-height: 20px !important;
  border-left: 2px dotted #FAB001;
}
.menuList a.marg25 {
  margin-left: 22px;
  font-size: 12px;
  line-height: 16px !important;
  border-left: 2px dotted #FAB001;
}


/* SECTION BLOCKS */
.list-inline { margin-left: -15px; }
.list-inline > .section_blocks > a > div { margin-bottom: 0px; }
.list-inline > li { padding: 0px; }
@media (min-width: 767px) { 
	.list-inline > .section_blocks > a > div { margin-bottom: 0px; margin-right: 3px; }
	.list-inline > .section_blocks_grey > a > div { margin-bottom: 0px; margin-right: 3px; }
	.list-inline > li { padding-left: 5px;  padding-right: 5px; margin-right: -13px;}
	
}
.list-inline > .section_blocks > a > div { background-color: #fff; width: 160px; height: 75px; overflow: hidden; padding: 10px 10px 10px 10px;  color: #333; line-height: 20px;  }
@media (max-width: 768px) { .list-inline > .section_blocks > a > div { width: 100%; height: auto; } }

.list-inline > .section_blocks_grey > a > div { background-color: #fcfcfc; width: 160px; height: 75px; overflow: hidden; padding: 10px 10px 10px 10px; color: #333; }
@media (max-width: 768px) { .list-inline > .section_blocks_grey > a > div { width: 100%; height: auto; } }

.list-inline > .section_blocks_archived > a > div { background-color: #ccc; width: 78px; height: 75px; overflow: hidden; padding: 10px 10px 10px 10px; color: #333; font-size: 0.7em; margin-bottom: 0px; margin-right: 3px; line-height: 1.2em; }

.list-inline > .section_blocks_deep_archived > a > div { background-color: #ccc; width: 78px; height: 75px; overflow: hidden; padding: 10px 10px 10px 10px; color: #999; font-size: 0.7em; margin-bottom: 0px; margin-right: 3px; line-height: 1.2em; }


@media (max-width: 768px) { .list-inline > .section_blocks_archived > a > div { width: 100%; height: auto; } }
.list-inline > li > a > div:hover { background-color: #FAB001; }
.list-inline > li > a  { text-decoration: none; }
.pubs_list { text-align: center; } 

.list-inline > .section_blocks > label > div {  width: 150px; overflow: hidden; padding: 10px 10px 10px 10px; margin-bottom: 15px; color: #333; }
@media (max-width: 768px) { .list-inline > .section_blocks > label > div { width: 100px; height: auto; cursor: pWorkSans; } }

.list-inline > .section_blocks_wide > label > div {  width: 315px; overflow: hidden; padding: 10px 10px 10px 10px; margin-bottom: 15px; color: #333; }
@media (max-width: 768px) { .list-inline > .section_blocks_wide > label > div { width: 215px; height: auto; cursor: pWorkSans; } }




/* 2021 ICONS */

.icon_theme_small { width: 40px; height: 40px; display: inline-block; border-radius: 50%; border-color: transparent; border-width:1px; border-style: solid; } 
.icon_theme_very_small { width: 30px; height: 30px; display: inline-block; border-radius: 50%; border-color: transparent; border-width:1px; border-style: solid; } 
.icon_theme_large { width: 120px; height: 120px; display: inline-block; border-radius: 50%; border-color: transparent; border-width:1px; border-style: solid; } 
.icon_theme_medium { width: 80px; height: 80px; display: inline-block; border-radius: 50%; border-color: transparent; border-width:1px; border-style: solid; } 
.icon_brexit  { background-image: url('/resources/svg/brexit.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_climatechange  { background-image: url('/resources/svg/climate-change.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_coronavirus  { background-image: url('/resources/svg/coronavirus.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_foodpoverty  { background-image: url('/resources/svg/food-poverty.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_goodfoodeconomy  { background-image: url('/resources/svg/good-food-economy.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_localaction  { background-image: url('/resources/svg/local-action.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_susfarming  { background-image: url('/resources/svg/sus-farming.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_handshake  { background-image: url('/resources/svg/handshake.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_jobs  { background-image: url('/resources/svg/jobs.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_policypositions  { background-image: url('/resources/svg/policy-positions.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_publications  { background-image: url('/resources/svg/publications.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_events  { background-image: url('/resources/svg/events.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_whatwedo  { background-image: url('/resources/svg/what-we-do.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_whoweare  { background-image: url('/resources/svg/who-we-are.svg'); background-repeat: no-repeat; background-size: cover; }

.icon_theme_hover_orange:hover {  background-color: #FAB001; }
.icon_theme_hover_white:hover {  background-color: #FFFFFF; } 
.icon_theme_beige_hover_orange {  background-color: #F4F0E7; }
.icon_theme_beige_hover_orange:hover  {  background-color: #FAB001; }
.icon_theme_white_hover_orange {  background-color: #FFFFFF; }
.icon_theme_white_hover_orange:hover  {  background-color: #FAB001; }

.icon_theme_orange_hover_beige {  background-color: #FAB001; }  
.icon_theme_orange_hover_beige:hover  {  background-color: #3A3A3A; }

 
/* ICONS */
.icon_small { width: 30px; height: 30px; display: inline-block;  } 
.icon_medium { width: 40px; height: 40px; display: inline-block;  border-radius: 50%; border-color: #000; border-width:1px; border-style: solid; } 
.icon_menu { width: 30px; height: 30px; margin-right: 8px; margin-bottom: 8px; } 
.icon_large { width: 50px; height: 50px; display: inline-block; }
@media (min-width: 992px) { .icon_large { width: 60px; height: 60px; display: inline-block; }}
.icon_verylarge { width: 120px; height: 120px; display: inline-block; }  
.icon_email_alt  { background-image: url('/resources/svg/Email_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_fbook_alt  { background-image: url('/resources/svg/FaceBook_alt.svg'); background-repeat: no-repeat; background-size: cover;  }
.icon_utube_alt  { background-image: url('/resources/svg/YouTube_alt.svg'); background-repeat: no-repeat; background-size: cover;  }
.icon_twitter_alt  { background-image: url('/resources/svg/Twitter_alt.svg'); background-repeat: no-repeat; background-size: cover; }


.icon_fbook  { background-image: url('/resources/svg2/FaceBook.svg'); background-repeat: no-repeat; background-size: cover;  }
.icon_twitter  { background-image: url('/resources/svg2/Twitter.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_linkedin  { background-image: url('/resources/svg2/Linkedin.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_link  { background-image: url('/resources/svg2/Link.svg'); background-repeat: no-repeat; background-size: cover; }

.icon_linkedin:hover, .icon_fbook:hover, .icon_twitter:hover,  .icon_link:hover {  transition: all 0.3s; background-color: #94C11E;   } 


.icon_email  { background-image: url('/resources/svg/Eel_Mailing.svg'); background-repeat: no-repeat; background-size: cover; }

.icon_instagram  { background-image: url('/resources/svg/Eel_Instagram.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_social  { background-image: url('/resources/svg/Eel_Social.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_social_small  { background-image: url('/resources/svg/Eel_Social_Small.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_joinus  { background-image: url('/resources/svg/Eel_JoinUs.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_instagram_alt  { background-image: url('/resources/svg/Eel_Instagram_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_social_alt  { background-image: url('/resources/svg/Eel_Social_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_social_small_alt  { background-image: url('/resources/svg/Eel_Social_Small_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_linkedin:hover, .icon_email:hover, .icon_email_alt:hover, .icon_fbook:hover, .icon_fbook_alt:hover, .icon_utube_alt:hover, .icon_twitter:hover, .icon_twitter_alt:hover, .icon_instagram:hover, .icon_instagram_alt:hover, .icon_social:hover, .icon_social_alt:hover  {  transition: all 0.3s; background-color: #94C11E;   } 
 
 /* BULLETS */
.tick_list > p { margin-left: 40px; }
.tick_list > p > .las { margin-left: -40px; float: left; } 
.tick_list > p > .tick_list_left { margin-left: -40px; float: left; } 
.tick_list > a > div  { margin-left: 40px; }
.tick_list > a > div  > .las { margin-left: -40px; float: left; } 


/* SCROLL */
.scroll-top { position:fixed; bottom:0; right:2%; z-index:100; background: #FAB001; font-size:20px; border-top-left-radius:1px; border-bottom-left-radius:1px; }
.scroll-top a:link,.scroll-top a:visited { color:#222; background-color: notset; } 
@media (max-width: 1200px) { .scroll-top  { display: none; } body { padding-right: 0px; } }

 
/* MODAL */
.modal-header {border-bottom: none;color: #fff;} 
.modal-content {background-color: #FAB001;}
.modal-body {background-color: #fff;}
.modal_body_border {padding: 15px;border-top: 1px solid #e5e5e5;background-color: #efefef;}
.modal-footer {background-color: #fff;border-radius: 0px 0px 6px 6px;}
.close_modal{ padding-top: 3px; color: #fff; font-size: 18px; float: right; }
.close_modal:hover { color: #333; cursor: pointer; } 
.modal-header .close { color: #fff; }

/* SLIDER */
.slider { padding: 25px;  }
.sliderhome { padding: 25px;  }

@media (min-width: 992px) { 
	.slider { padding: 25px; margin: 0px 25px 0px 25px; }
	.sliderhome { padding: 25px; margin: 0px 25px 0px 0px; }
} 
.slick-dots{ display: block;width: 100%;padding: 0;list-style: none;}

.slick-dots li{position: relative;display: inline-block;margin: 0 5px;cursor: pointer;}




.data_dots .slick_button {
transition: all 0.3s;
width: 30px;
height: 30px;
display: inline-block;
border-radius: 50%;
border-color: transparent;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-style: solid;
border-color: #94C11E;
line-height: 30px;
padding-left: 4px;
font-size: 28px;
padding-top: 3px;
background: transparent;
}

.slick-active > .slick_button, .slick_button:hover {
transition: all 0.3s;
background-color: #94C11E !important;
color: #94C11E;
}
 .slick_button:hover {
margin: 0 -3px 0 3px;
}

.sliderBlue .slick-dots li .btn{ border-color: #2A51DE !important;  font-size:4px; padding: 6px 0;width: 25px;height: 25px;  color: #fff; }
.sliderBlue .slick-dots li .btn:hover{ color: #FAB001; }
.sliderBlue .slick-dots li.slick-active button{opacity: 1;background-color: #2A51DE; color: #2A51DE; }
.sliderOrange .slick-dots li .btn{ border-color: #FAB001 !important;  font-size:4px; padding: 6px 0;width: 25px;height: 25px;  color: #fff; }
.sliderOrange .slick-dots li .btn:hover{ color: #FAB001; }
.sliderOrange .slick-dots li.slick-active button{opacity: 1;background-color: #FAB001; color: #FAB001; }

.sliderRed .slick-dots li .btn{ border-color: #DB0A13 !important;  font-size:4px; padding: 6px 0;width: 25px;height: 25px;  color: #fff; }
.sliderRed .slick-dots li .btn:hover{ color: #DB0A13; }
.sliderRed .slick-dots li.slick-active button{opacity: 1;background-color: #DB0A13; color: #DB0A13; }

.slick-slide img {    margin-left: auto;    margin-right: auto; }



/* OLD SQUARES */
.hpsquare { padding: 10px; border-radius: 0px;  background-repeat:no-repeat; position: relative;}
.hpsquare h1 { margin: 0px; padding-top: 0px; padding-bottom: 3px; }
.hpsquare p { margin: 0px; padding-top: 0px;  padding-bottom: 1px; }
.hpsquare > a {  cursor: pWorkSans; text-decoration: none; }
.hpsquare > a:hover  {  cursor: pWorkSans; text-decoration: none; }
.hpsquare:hover   { box-shadow:  0 0 2px #333; text-decoration: none; }
.text_btm   { position: absolute; bottom: 11px; padding-right: 10px; }
.masonary_item > .no_decoration { text-decoration: none; } 
.sq_small { width: 145px; height: 145px; overflow: auto; margin-bottom: 10px; }
.sq_small h1 { font-size: 22px;}
.sq_medium { width: 300px; height: 145px; overflow: auto; margin-bottom: 10px;  }
.sq_medium h1 { font-size: 22px; }
.sq_large { width: 300px; height: 300px; overflow: hidden; margin-bottom: 10px; }
.sq_large h1 { font-size: 26px; }
.sq_giant { width: 100%; height: 300px; overflow: hidden; margin-bottom: 10px; }
.sq_bg_cover {background-size:cover;}
.sq_bg_contain {background-size:contain;}
.sq_pos_lefttop {background-position:left top;}
.sq_pos_righttop {background-position:right top;}
.sq_pos_center {background-position:center center;}
.sq_pos_leftbot {background-position:left bottom;}
.sq_pos_rightbot {background-position:right bottom;}
.sq_bg_white {  background-color: #fff;  color: #333; }
.sq_bg_blue {  background-color: #3479BE; color: #fff; }
.sq_bg_red { background-color: #D93827; color: #fff; }
.sq_bg_yellow { background-color: #F0E00D; color: #333;  }
.sq_bg_grey { background-color: #ccc; color: #333;}
.sq_bg_black { background-color: #333; color: #fff;}
.sq_bg_green { background-color: #039A6F; color: #fff;}
.sq_bg_lightblue { background-color: #52C5D1; color: #fff;}
/* OLD SQUARES END */



/* ALERTS */
.alert {font-weight: 300;
	border-left: 3px solid transparent;
	border-right: 0px solid transparent;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-radius: 0px;
	padding: 5px 0 5px 15px;
}

.alert-success { 
    color: #94C11E;
    background-color: #fff;
    border-color: #94C11E;
}
.alert-danger { 
    color: #DB0A13;
    background-color: #fff;
    border-color: #DB0A13;
}
.alert-info { 
    color: #2A51DE;
    background-color: #fff;
    border-color: #2A51DE;
}

.alert-warning { 
    color: #FAB001;
    background-color: #fff;
    border-color: #FAB001;
}



/* FORM ALERTS */
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #DB0A13;
}
.has-error .form-control {border-color: #DB0A13;}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #94C11E;
}
.has-success .form-control {border-color: #94C11E;}



/* HOMPAGE VIDEO */
#myVideo { width: 100%; }
#videoControls {  }


 
 

/* ODDS AND SODS */
.nodecorate{text-decoration: none !important; outline: 0; }
@media (min-width: 767px) {
	.roundedTop{border-top-left-radius: 24px;border-top-right-radius: 24px;}
	.roundedBot{border-bottom-left-radius: 24px;border-bottom-right-radius: 24px;}
	.roundedTopLeft{border-top-left-radius: 24px;}
	.roundedTopRigth{border-top-right-radius: 24px;}
	.roundedBotLeft{border-bottom-left-radius: 24px;}
	.roundedBotRight{border-bottom-right-radius: 24px;}
}
.minus22{margin-top: -22px;}
.toggle_color_on { background-color: #F1B60C; }
.toggle_color_off { background-color: #fff; }
 .rotate::before  {
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.input_search {
    background-color: #fff;
    border: 2px solid #fff;
    box-shadow: inset 0 1px 1px #fff;
}

.gradient_beige_trans { background: rgb(244,240,231); background: linear-gradient(180deg, rgba(244,240,231,1) 50%, rgba(255,255,255,0) 50%); }
.gradient_dark_beige_trans { background: rgb(220,206,177); background: linear-gradient(180deg, rgba(220,206,177,1) 50%, rgba(255,255,255,0) 50%); }
.gradient_medgrey_trans { background: rgb(239,239,239); background: linear-gradient(180deg, rgba(239,239,239,1) 50%, rgba(255,255,255,0) 50%); }

.gradient_trans_beige_prog { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 62%, rgba(244,240,231,0.5) 96%); }


.gradient_trans_black_trans { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(58,58,58,1) 53%, rgba(255,255,255,0) 53%); }
.gradient_trans_orange_trans { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(245,135,32,1) 53%, rgba(255,255,255,0) 53%); }


.close {   float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    text-shadow: none;
    opacity: 1;
}


.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.form-control, .form-control:focus { box-shadow: none; }
.vertical_center {  position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
.label-warning {   background-color: #FAB001;}
.lasMed { font-size: 30px;  } 
.expander_toggle_bar { display: block; text-decoration: none;  }


.pagination > li > a, .pagination > li > span {   color: #FAB001;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    color: #fff;
    background-color: #FAB001;
    border-color: #FAB001;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 3;
    color: #fff;
    background-color: #FAB001;
	border: 1px solid #FAB001;
}

.breadcrumb {
    padding: 0px;
    background-color: transparent;
   
}

.overlayLoading {
    position: absolute;
    width: 95vw;
	height: 50vw;
    z-index: 9998;
}
.overlayLoadingContent {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}

.loader {
  border: 8px solid #3A3A3A;
  border-radius: 50%;
  border-top: 8px solid #FAB001;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}






/* Marquee styles */

.marquee {
  --gap: 1rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}

.marquee__content {
	animation: scroll 40s linear infinite;
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
}




@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

/* Pause animation when reduced-motion is set */
@media (prefers-reduced-motion: reduce) {
  .marquee__content {
    animation-play-state: paused !important;
  }
}


.marquee__content > * {
  flex: 0 0 auto;
  color: white;
  margin: 0 30px 0 30px ;
  text-align: center;
}
.marquee__content > li > a > img {
	max-height: 50px;
	max-width: 150px;
	filter: grayscale(100%);
}



.logo_line img {
	max-height: 75px;
	max-width: 200px;
	margin: 0 35px 35px 0;
}
.logo_line_grey img {
	max-height: 80px;
	max-width: 125px;
	filter: grayscale(100%);
	margin: 0 35px 35px 0;
}


.table_data .block { height: 40px;  }



.table_data td {
padding: 8px 0px 8px 0px !important;
vertical-align: middle !important;
border-top: 2px dotted #ddd !important;

}
.table_data td:last-child {
border-bottom: 2px dotted #ddd;
}
.table_data h4 {
margin-top: 5px;
margin-bottom: 5px;
}

.fancybox-slide--iframe .fancybox-content{
width: 800px !important;
max-width : 90%;
max-height : 90%;
margin: 0;
}

 

.map_postcode {
  padding: 0px;
  position: absolute;
  z-index: 1000;
  text-align: left;
  margin-left: 25px;
  top: 25px;
}