@font-face {
font-family: "Manrope";
src: url("https://www.sustainablefoodplaces.org/bootstrap/fonts/Manrope-SemiBold.woff2") format("woff2"),
url("https://www.sustainablefoodplaces.org/bootstrap/fonts/Manrope-SemiBold.woff") format("woff"),
url("https://www.sustainablefoodplaces.org/bootstrap/fonts/Manrope-SemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600; }

@font-face {
font-family: "Manrope";
src: url("https://www.sustainablefoodplaces.org/bootstrap/fonts/Manrope-Light.woff2") format("woff2"),
url("https://www.sustainablefoodplaces.org/bootstrap/fonts/Manrope-Light.woff") format("woff"),
url("https://www.sustainablefoodplaces.org/bootstrap/fonts/Manrope-Light.ttf") format("truetype");
font-style: normal;
font-weight: 300; }

@font-face {
font-family: "Montserrat";
src: url("https://www.sustainablefoodplaces.org/bootstrap/fonts/Montserrat-Light.ttf") format("truetype");
font-style: normal;
font-weight: 300; }

@font-face {
font-family: "Montserrat";
src: url("https://www.sustainablefoodplaces.org/bootstrap/fonts/Montserrat-Medium.ttf") format("truetype");
font-style: normal;
font-weight: 400; }

@font-face {
font-family: "Montserrat";
src: url("https://www.sustainablefoodplaces.org/bootstrap/fonts/Montserrat-SemiBold.ttf") format("truetype");
font-style: normal;
font-weight: 600; }

body { font-family: Montserrat,sans-serif; font-weight: 400; color: #000; font-size: 16px; }

h1, h2, h3, h4, h5 { font-family: Montserrat,sans-serif; font-weight: 600;}
h2 { font-size: 25px; }
@media (min-width: 767px) { h2 { font-size: 30px; } }

a { color: #13B8FA; }

a:hover, a:focus { text-decoration: none; transition: all 0.3s; color: #E62D7B; }

hr { margin-top: 15px; margin-bottom: 15px; }

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


.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; }


.lead { font-weight: 400; }
.light { font-weight: 300;}
.blacklink { color: #000; } 
.blacklink:hover {  text-decoration: none; transition: all 0.3s; color: #E62D7B; cursor: pointer; }
.whitelink { color: #fff; } 
.whitelink:hover {  text-decoration: none; transition: all 0.3s; color: #E62D7B; cursor: pointer; }

.darkbluelink { color: #004d6c; } 
.darkbluelink:hover {  text-decoration: none; transition: all 0.3s; color: #E62D7B; cursor: pointer; }

.pinklink { color: #E62D7B; } 
.pinklink:hover {  text-decoration: none; transition: all 0.3s; color: #0baae9; cursor: pointer; }


.headerbar a { color: #fff; text-decoration: underline; }
.headerbar a:hover { color: #6bd0f8; }

.uppercase {text-transform: uppercase;}  

.pink { color: #E62D7B; } .pinkbg { background-color: #E62D7B !important; } .pinkbd { border-color: #E62D7B !important; }
.red { color: #DB3630; } .redbg { background-color: #DB3630 !important; } .redbd { border-color: #DB3630 !important; }
.orange { color: #F1B50A; } .orangebg { background-color: #F1B50A !important; } .orangebd { border: 1px solid #F1B50A  !important; }
.yellow { color: #F0DE50; }  .yellowbg { background-color: #F0DE50 !important; } .yellowbd { border: 1px solid #F0DE50 !important; }
.green { color: #009973; } .greenbd { border: 1px solid #009973 !important; } .greenbg { background-color: #009973; }
.blue { color: #13B8FA; } .bluebg { background-color: #13B8FA !important; } .bluebd { border: 1px solid #13B8FA !important; }
.paleblue { color: #e4f7f9; } .palebluebg { background-color: #e4f7f9 !important; } .palebluebd { border: 1px solid #e4f7f9 !important; }

.white { color: #ffffff; } .whitebg { background-color: #ffffff; } .whitebd { border-color: #ffffff !important; }
.palegrey { color: #ccc; } .palegreybd { border: 1px solid #ccc !important; } .palegreybg { background-color: #f9f9f9 !important; }
.medgrey { color: #efefef; } .medgreybd { border: 1px solid #efefef !important; } .medgreybg { background-color: #efefef !important; }
.grey { color: #F2F2F2 !important; } .greybd { border: 1px solid #F2F2F2 !important; } .greybg { background-color: #F2F2F2 !important; }
.grey999 { color: #999 !important; } .grey999bd { border: 1px solid #999 !important; } .grey999bg { background-color: #999 !important; }
.grey777 { color: #777 !important; } .grey777bd { border: 1px solid #777 !important; } .grey777bg { background-color: #777 !important; }
.grey555 { color: #555 !important; } .grey555bd { border: 1px solid #555 !important; } .grey555bg { background-color: #555 !important; }
.darkgrey { color: #333 !important; } .darkgreybd { border: 1px solid #333 !important; } .darkgreybg { background-color: #333 !important; }
.text-success { color: #009973; }
.text-danger { color: #E62D7B; }


.btn-sm, .btn-group-sm > .btn { padding: 2px 8px; font-size: 16px; line-height: 1.5; }
.btn { font-family: Manrope,sans-serif; font-weight: 400; border-radius: 4px; font-size: 16px; } 
.btn-lg { font-size: 18px; }
.btn_left { text-align: left; } 
.btn-danger { background-color: #E62D7B; } 
.btn-danger:hover, .btn-danger.focus, .btn-danger:focus { background-color: #DB1B6C;  }  
.btn-default { border-color: #E62D7B; color: #E62D7B;  } 
.btn-default:hover, .btn-default.focus, .btn-default:focus { background-color: #fae9f4;  border-color: #E62D7B; color: #E62D7B;   } 

.btn-info { border-color: #13B8FA; color: #13B8FA; background-color: #fff;  } 
.btn-info:hover, .btn-info.focus, .btn-info:focus { background-color: #d2f0fc;  border-color: #13B8FA; color: #13B8FA;   } 


.btn-success { background-color: #13B8FA;  border-color: #13B8FA; }       
.btn-success:hover, .btn-success.focus, .btn-success:focus { background-color: #6bd0f8;  border-color: #13B8FA;    }     
.btn-success.active, .btn-success:active, .btn-success:active:hover, .btn-success:active:focus { background-color: #6bd0f8;  border-color: #13B8FA;    }


.lasLarge { font-size: 1.6em; }
.lasMed { font-size: 1.3em; }
.las_right { float: right; margin-top: 4px; }
.smaller { font-size: 0.9em; }

.max800  { max-width: 800px; }
.max600  { max-width: 600px; }
.max400  { max-width: 400px; }
.max300  { max-width: 300px; }
.max200  { max-width: 200px; }
.max150  { max-width: 125px; } 
.max125  { max-width: 125px; } 
.max100  { max-width: 100px; } 
.max50  { max-width: 50px; } 
@media (min-width: 992px) { .max150  { max-width: 150px; }  }

.min100  { min-width: 100px; } 
.min125  { min-width: 125px; } 
.min150  { min-width: 150px; } 

.notop { margin-top: 0px; padding-top: 0px; } .nobot { margin-bottom: 0px; padding-bottom: 0px; } 
.ptop5 { padding-top: 5px; }
.top25 { margin-top: 10px; } .bot25 { margin-bottom: 10px; } .top15 { margin-top: 5px; } .bot15 { margin-bottom: 5px; } .top50 { margin-top: 20px; } .bot50 { margin-bottom: 20px; }
.left25 { padding-left: 25px; } .left15 { padding-left: 15px; }  .left5 { padding-left: 5px; } .left0 { padding-left: 0px; } .right25 { padding-right: 25px; } .right15 { padding-right: 15px; } .right5 { padding-right: 5px; }  .right0 { padding-right: 0px;  }  
.mleft25 { margin-left: 15px; } .mleft15 { margin-left: 5px; }  .mleft5 { margin-left: 5px; } .mleft0 { margin-left: 0px; } .mright25 { margin-right: 15px; } .mright15 { margin-right: 5px; } .mright5 { margin-right: 5px; }  .mright0 { margin-right: 0px;  }  
.padall25 { padding: 25px; } .padall15 { padding: 15px; } 

@media (min-width: 767px) { 
	.top50 { margin-top: 50px; } .top25 { margin-top: 25px; } .bot50 { margin-bottom: 50px; } .bot25 { margin-bottom: 25px; }  .top15 { margin-top: 15px; } .bot15 { margin-bottom: 15px; }  .top5 { margin-top: 5px; } .bot5 { margin-bottom: 5px; }
	.mright25 { margin-right: 25px; }
	.mleft25 { margin-left: 25px; }
	.mleft15 { margin-left: 15px; } 
	.mright15 { margin-right: 15px; } 
}



@media (min-width: 767px) { 
	.center_large { text-align: center; } 
	.right_large { text-align: right; }  
}

.border_all { border: 1px solid #ccc; padding:5px; } 

@media (min-width: 767px) { 
.border_left_no_pad { border-left: 1px solid #efefef;} 
.border_right_no_pad { border-right: 1px solid #efefef;} 
.border_left { border-left: 1px solid #ccc; padding-left: 15px; margin-left: -1px; } 
.border_right { border-right: 1px solid #ccc; padding-right:15px; } 
}

.border_top {border-top: 1px solid #efefef; padding-top: 15px;}
.border_bot {border-bottom: 1px solid #efefef; padding-top: 15px;}
.border_top_dark {border-top: 1px solid #ccc; padding-top: 15px;}
.border_bot_dark {border-bottom: 1px solid #ccc; padding-top: 15px;}

.border_top_blue {border-top: 1px solid #5cd0fe; padding-top: 15px;}
.border_bot_blue {border-bottom: 1px solid #5cd0fe; padding-top: 15px;}

.border_top_pink {border-top: 1px solid #E62D7B; padding-top: 15px;}
.border_bot_pink {border-bottom: 1px solid #E62D7B; padding-top: 15px;}

.gpanel  { box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); margin-bottom: 20px; background-color: #FFF; border: 1px solid #E62D7B; border-radius: 2px;  -moz-box-sizing: border-box; padding: 15px; margin: 15px 0 15px 0; font-size: 17px; } 


.alert { border-radius: 2px;  }


.alert {  }
.alert-info {  color: #015577;  background-color: #d0f2ff;  border-color: #13B8FA; }

.trail_bar a { color: #777 !important; }
.trail_bar a:hover { color: #E62D7B !important; }

.breadcrumb { padding: 0px 0px;  background-color: transparent !important; border-radius: 0px; color: #777 !important; }

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

.img-thumbnail {
    padding: 0px;
    border: none;
}

.alert H1 { margin-top: 0px; }
.well H1  { margin-top: 0px; }
blockquote {    border-left: 1px solid #EEE;  margin: 20px 0px 20px; }

h1 { font-size: 26px; }
@media (min-width: 767px) { h1 { font-size: 36px; } }


.list_no_dent > li { margin-left: -25px;}

.col_no_hpad {
	padding-left: 0px;
	padding-right: 0px;
}

@media (min-width: 767px) { 
	.col_no_hpad {
		padding-left: 10px;
		padding-right: 10px;
	}
}


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

.scroll-butt > li > a:focus, .scroll-butt > li > a:hover { 
    text-decoration: none;
    background-color: #E62D7B !important;
	border-radius: 4px 4px 0 0;
}

/* Scoll ends */


/* Nav Bar */
#sticky{z-index: 999;}
#sticky.affix { position: fixed; top: 0; width: 100%; z-index: 999; }
#logo_container { height: 50px; width: 50px; margin-left: 8px; }
#sfp_logo { fill: #E62D7B; width: 100%; height: auto;  } 

@media (min-width: 767px) {  
	#logo_container { height: 100px; width: 100px;  margin-top: -56px; margin-left: 0px; }
	#sfp_logo { 
	-webkit-transition: all 1s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out ;
	   -ms-transition: all 0.3s ease-in-out ;
	   -o-transition: all 0.3s ease-in-out ;
	   transition: all 0.3s ease-in-out ; }
	.shrink  {
	   width:80px !important; 
	   height:80px !important; 
	   margin-top: 53px !important;  
	}
}
 

.nation_button { 
	font-family: Manrope,sans-serif; font-weight: 600; 
	border-radius: 4px 4px 0 0;
	min-width: 150px; 
	padding: 4px 12px;
	}


	
.navbar-default {
    background-color: #fff;
	border-color:    #fff;
	border-bottom: 1px solid #efefef;

} 
.navbar { border-radius: 0px; margin-bottom: 0px; } 
.navbar-brand { padding: 0px; }   
.navbar-nav > li:hover { background-color: #f2f2f2; }
.navbar-nav > li > a {
	font-family: Manrope,sans-serif; font-weight: 600;
	color: #333 !important; 
	border-bottom: 1px solid #f2f2f2; 
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > .active > a {
	border-bottom: 1px solid #E62D7B;  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #fff; 
}

@media (min-width: 767px) {  
	.navbar-brand { padding: 5px; }   
	.navbar-nav > li:hover { background-color: #fff; }  
	.navbar-nav > li { padding: 0 9px 0 9px;  }
	.navbar-nav > li > a {
    padding: 20px 0 1px 0; 
	margin-bottom: 16px; 
	border-bottom: 3px solid #fff; 
	}
	.navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > .active > a {
		border-bottom: 3px solid #E62D7B;  background-color: transparent;
	}
}
@media (min-width: 992px) {  
	.navbar-nav > li { padding: 0 10px 0 10px; }
}
@media (min-width: 1200px) { 
	.navbar-nav > li { padding: 0 15px 0 15px; }  
}
.navbar-toggle {
    border-color: transparent !important;
    padding: 6px 0 0 0;
    font-size: 18px;
    background-color: #fff;
}
.navbar-toggle:hover, .navbar-toggle:active, .navbar-toggle:focus {
    color: #E62D7B;
    transition: all 0.3s !important;
	background-color: #fff !important;
}
 
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #fff;
}
 .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #fff;
    border-color: #E62D7B;

}


.toggle_image_block_container { position: relative;  height: 300px; }   

.toggle_image_block_container_tall { position: relative;  height: 200px; }   
@media (min-width: 767px) { 
	.toggle_image_block_container_tall { position: relative;  height: 400px; }   
}

.toggle_image_controls { position: absolute; bottom: 5%; right: 1%;  }
.toggle_image_block { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.7); padding: 10px 10px 10px 15px; width: 100% }
.toggle_image_control { cursor: pointer; text-shadow: 1px 1px 5px #000; }
.toggle_image_control:hover { color: #E62D7B;  }
#toggle_image_title { font-family: Manrope,sans-serif; font-weight: 300; text-transform: uppercase; max-width: 95%; }
#toggle_image_desc { font-family: Montserrat,sans-serif; font-weight: 400; max-width: 90%; padding-bottom: 10px; }
#toggle_image_link {  }

@media (min-width: 767px) { 
	#toggle_image_title { max-width: 100%; }
	#toggle_image_desc { max-width: 100%; }
	.toggle_image_block { padding: 15px; width: 85%; } 
	.toggle_image_controls { bottom: 25%; right: 5%; }
	
	.toggle_image_block_container_tall { height: 400px; } 
	.toggle_image_block_container { height: 300px; } 
	.toggle_image_controls_container { height: 300px; } 
}
@media (min-width: 992px) {   
	.toggle_image_block { padding: 25px; width: 75%; }
	.toggle_image_block_container_tall { height: 500px; } 
	.toggle_image_block_container { height: 400px; } 
	.toggle_image_controls_container { height: 400px; } 
}
@media (min-width: 1200px) { 
	.toggle_image_block { padding: 25px; width: 50%; }
}

  
.breadcrumb { margin-top: 10px; color: #fff;  }
.breadcrumb > a:hover { color: #fff;  }
@media (min-width: 767px) { .breadcrumb {  margin-top: 5px; } } 

.wave { min-height: 10px; margin-top: -13px; position: absolute; }
@media (min-width: 767px) { 
	.wave { min-height: 40px; margin-top: -35px; position: absolute; }
}

.key_image { border: 1px solid #f2f2f2;  }

.footer  { font-size: 14px; } 
.footer a { color: #333; }
.footer a:hover {  text-decoration: none; transition: all 0.3s; color: #E62D7B; cursor: pointer; }   


.form-control { border-radius: 1px; color: #111; }
.form-control:focus, .form-control-active {
    border-color: #13B8FA;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 3px #13B8FA; 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 3px #13B8FA; 
}



.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: #000;
}
.has-success .form-control { border-color: #ccc; }
.has-success .form-control:focus { border-color: #13B8FA; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 3px #13B8FA; }
.has-success .input-group-addon {
    color: #555;
    background-color: #eee;
    border-color: #ccc;
    border-right-color: rgb(204, 204, 204);
}


.caption { bottom:0px; color: #fff; right: 0px; background-color: #E62D7B; padding: 1px 3px 1px 3px; position: absolute; }




.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: #E62D7B;
}
.has-error .form-control { border-color: #E62D7B; }
.has-error .form-control:focus  { border-color: #E62D7B; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 3px #E62D7B; } 



.label {	padding: 10px 10px 5px 5px; }

.label_hover:hover {	color: #0baae9; cursor: pointer; } 

.label-default {
    background-color: #fff;
	border: 1px solid #E62D7B;
	color: #E62D7B;
}
.label-danger {
    background-color: #E62D7B;
	border: 1px solid #E62D7B;
	color: #fff;
}
.label > .las {	font-size: 1.6em; }

.label_hack label { padding-left: 20px; }
.label_hack input[type="checkbox"] { margin-left: -20px; } 
.label_hack label > span { margin-left: 2px; }


.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #efefef;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:#E62D7B; border-color: #E62D7B; }  


 

@media (min-width: 767px) { 
	.flex_container { display: flex; flex-wrap: wrap; }
}
.flex_item { margin-bottom: 25px; }   
.flex_item .panelList { height: 100%; }
.flex_item .panelListPink { height: 100%; }
.flex_item .panelListblue { height: 100%; }
.flex_item .panelListwhite { height: 100%; }
.panelList  { padding: 15px; background-color: #f2f2f2; width: 100%; border-bottom: 4px solid #fff; color: #000; position: relative; }    
.panelList:hover  { border-bottom: 4px solid #E62D7B; color: #111; background-color: #e6e5e5; } 

.panelListblue  { padding: 15px; background-color: #e4f7f9; width: 100%; border-bottom: 4px solid #fff; color: #000; position: relative; } 
.panelListblue:hover  { border-bottom: 4px solid #13B8FA; color: #111; background-color: #c9f2f6; } 

.panelListwhite  { padding: 15px; background-color: #fff; width: 100%; border-bottom: 4px solid #13B8FA; color: #000; position: relative; } 
.panelListwhite:hover  { border-bottom: 4px solid #13B8FA; color: #111; background-color: #c9f2f6; } 

.panelListPink  { padding: 15px; background-color: #fddcea; width: 100%; border-bottom: 4px solid #fff; color: #000; position: relative; } 
.panelListPink:hover  { border-bottom: 4px solid #E62D7B; color: #111; background-color: #f5a2c5; }    

.panelListbluebutton  { padding: 10px; border: 1px solid #0299d5; background-color: #0baae9; width: 100%; color: #fff; position: relative; border-radius: 4px; } 
.panelListbluebutton:hover  { border: 1px solid #0299d5; color: #fff; background-color: #0299d5; }  

  
.panelListCurve  { border: 1px solid #ccc; border-radius: 2px; }    

.panelListImage { width: 100%; height: 182px; background-repeat: no-repeat; background-position: center center; background-size: cover;  } 
.panelListTitle { line-height: 1.3em; margin-top:25px; margin-bottom:5px; text-decoration: none !important; font-size: 18px;  }  
.panelListTitleShort { line-height: 1.3em; margin-top:25px; margin-bottom:5px; text-decoration: none !important; font-size: 20px; }
.panelListDesc {  margin-bottom: 5px; text-decoration: none !important;  }     
.panelListFoot {  margin-bottom: 0px; text-decoration: none !important; font-size: 13px; font-weight: 600; }       

@media (min-width: 767px) { 
	.panelListImage { height: 182px;  }
}
@media (min-width: 992px) { 
	.panelListImage { height: 182px;  }
}
@media (min-width: 1200px) { 
	.panelListImage { height: 232px;  } 
} 

 

.themeList  { padding: 5px; width: 100%; border-bottom: 4px solid #F2F2F2; color: #000; position: relative; clear: both; }       
.themeList:hover  { border-bottom: 4px solid #E62D7B; color: #111; background-color: #e6e5e5; }  
.themeListWhite  { padding: 5px; width: 100%; border-bottom: 4px solid #fff; color: #000; position: relative; }       
.themeListWhite:hover { border-bottom: 4px solid #E62D7B; color: #111; background-color: #F2F2F2; }  
.themeListWhiteActive { border-bottom: 4px solid #E62D7B; color: #111; background-color: #F2F2F2; font-weight: 600; }  
.themeListWhiteNoHover  { padding: 5px 0 15px 0; width: 100%;  color: #000; position: relative; }   
.themeListImageContainer {  float: left; padding-right: 5px; min-height: 70px; }       
.themeListImage { max-height: 75px; } 
.themeListTitle { text-decoration: none !important;  margin-top: 0px; min-height: 70px; }
.themeListWhiteNoHover  > .themeListImageContainer { width: 35%; float: right; padding-left: 5px; min-height: 70px;  }
@media (min-width: 767px) { 
	.themeListWhiteNoHover  { padding: 5px 5px 15px 5px; width: 100%;  color: #000; position: relative; }   
	.themeListImageContainer {  width: 35%; float: left; padding-right: 5px; min-height: 70px; } 
}
@media (min-width: 992px) { 
	.themeListImageContainer { width: 50%; padding-right: 15px; min-height: 100px; } 
	.themeListTitle {  margin-top:15px;  min-height: 100px; }  
	.themeListImage { max-height: 100px; } 
} 



.themeListSmall  { padding: 5px; width: 100%; border-bottom: 4px solid #F2F2F2; color: #000; position: relative; clear: both; }       
.themeListSmall:hover  { border-bottom: 4px solid #E62D7B; color: #111; background-color: #e6e5e5; }  
.themeListSmallWhite  { padding: 5px; width: 100%; border-bottom: 4px solid #fff; color: #000; position: relative; }       
.themeListSmallWhite:hover { border-bottom: 4px solid #E62D7B; color: #111; background-color: #F2F2F2; }  
.themeListSmallWhiteActive { border-bottom: 4px solid #E62D7B; color: #111; background-color: #F2F2F2; font-weight: 600; }  
.themeListSmallWhiteNoHover  { padding: 5px 0 15px 0; width: 100%;  color: #000; position: relative; }   
.themeListSmallImageContainer {   float: left; padding-right: 5px; min-height: 70px; }     
.themeListSmallImage { max-height: 75px; }  
.themeListSmallTitle { text-decoration: none !important;  margin-top: 0px; min-height: 70px; }
.themeListSmallWhiteNoHover  > .themeListSmallImageContainer {  float: right; padding-left: 5px; min-height: 70px;  }

@media (min-width: 992px) { 
	.themeListSmallImageContainer {  padding-right: 15px; min-height: 70px; } 
	.themeListSmallTitle {  margin-top:5px;  min-height: 70px; }  
} 




.eventsList  { padding: 15px; width: 100%; border-bottom: 4px solid #F2F2F2; color: #000; position: relative; background-color: #fff; }       
.eventsList:hover  { border-bottom: 4px solid #E62D7B; color: #111; background-color: #e6e5e5; }  
.eventsListDateContainer {   width: 20%; text-align: center; padding-top: 23px; font-weight: 600;  font-size: 20px; line-height: 1.1em; } 
.eventsListImageContainer {  width: 30%; position: relative;  overflow: hidden; } 
.eventsListImage  { width: 100%; height: 90px; background-repeat: no-repeat; background-position: center center; background-size: cover;  }  
.eventsListTitle { text-decoration: none !important; }
.eventsListTitleMore { text-decoration: none !important; font-size: 14px; color: #E62D7B;  }
@media (max-width: 766px) { 
	.eventsListDateContainer { float: right; width: 30%;} 
	.eventsListImageContainer {float: left; width: 70%; }
	.eventsListTitle { clear: both; padding-top: 15px; }
}
@media (min-width: 992px) { 
	.eventsListDateContainer { float: left; padding-right: 15px; height: 90px;  } 
	.eventsListImageContainer { float: left; padding-right: 15px; height: 90px; } 
	.eventsListTitle { margin: 0px; padding: 0px; height: 70px; overflow: hidden;  }    
	.eventsListTitleMore { margin: 0px; padding: 0px; height: 20px; overflow: hidden;  }  	 
}


 

.eventsLargeList  { padding: 15px; width: 100%; border-bottom: 4px solid #F2F2F2; color: #000; position: relative; background-color: #fff; }       
.eventsLargeList:hover  { border-bottom: 4px solid #E62D7B; color: #111; background-color: #fff; }  
.eventsLargeListDateContainer {   width: 10%; text-align: center; padding-top: 23px; font-weight: 600;  font-size: 20px; line-height: 1.1em; }  
.eventsLargeListImageContainer {  width: 25%; position: relative;  overflow: hidden; border: 1px solid #efefef; } 
.eventsLargeListImage  { width: 100%; height: 120px; background-repeat: no-repeat; background-position: top center; background-size: cover;  }  
.eventsLargeListTitle { text-decoration: none !important; }
.eventsLargeListDesc { text-decoration: none !important; }
.eventsLargeListTitleMore { text-decoration: none !important; font-size: 14px; color: #13B8FA;  }

.eventsLargeListTitleMore:hover  { color: #E62D7B;  }    

@media (max-width: 766px) { 
	.eventsLargeListDateContainer { float: right; width: 30%; height: 120px;} 
	.eventsLargeListImageContainer {float: left; width: 70%;  height: 120px;}
	.eventsLargeListTitle { clear: both; padding-top: 15px; }
}
@media (min-width: 767px) { 
	.eventsLargeListDateContainer { float: left; padding-right: 15px; height: 120px;  } 
	.eventsLargeListImageContainer { float: left; margin-right: 15px; height: 120px; } 
	.eventsLargeListTitle { margin: 0px; padding: 0px; height: 100px; overflow: hidden;  }    
	.eventsLargeListTitleMore { margin: 0px; padding: 0px; height: 20px; overflow: hidden;  }  	 
	.eventsLargeListDateContainer {   width: 20%; }
}
@media (min-width: 992px) { 
	.eventsLargeListDateContainer {   width: 10%; }
}

.menulist {
  display: inline-block;
  box-shadow: inset 0 0 0 0 #E62D7B;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  width: 100%; 
  color: #000;
  padding:5px;
  margin-bottom: 15px;
  font-size: 18px;
}

.menuListPanel {
    border: 1px solid #F2F2F2;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.menuListPanel p {
    word-wrap: break-word;
}

.menuList  {  padding-left: 7px; width: 100%; border-left: 3px solid #fff; color: #000; position: relative; margin-bottom: 10px; margin-left: 2px; }         
.menuList:hover  { border-left: 3px solid #E62D7B; } 
.menuListActive {  border-left: 3px solid #E62D7B;  } 

.blockList {
  display: inline-block;
  box-shadow: inset 0 0 0 0 #E62D7B;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.4s;
  width: 100%; 
  color: #000;
}
 
.blockListBorderLeft {
  border-left: 1px solid rgb(216, 2, 134);
  border-radius: 0px;
}

.blockListSlideWide:hover {
  box-shadow: inset 850px 0 0 0 #E62D7B; 
  color: #fff;
}  
.blockListSlide:hover {
  box-shadow: inset 400px 0 0 0 #E62D7B; 
  color: #fff;
} 
.blockListSlideActive {
  background-color: #E62D7B; 
  color: #fff;
} 

.blockListHighlight:hover {
	background-color: #E62D7B; 
	color: #fff;
}

.blockList:hover > .blockListDesc > .pink { color: #fff; } 
.blockList:hover > .blockListTitle > .pink { color: #fff; }  
.blockList:hover > .blockListTitleSmall > .pink { color: #fff; }  

.blockListTitle { padding-left: 15px; padding-right: 15px; line-height: 1.3em; margin-top:10px; margin-bottom:0px; text-decoration: none !important; font-size: 20px; }
.blockListTitleSmall { padding-left: 15px; padding-right: 15px; line-height: 1.2em; margin-top:10px; margin-bottom:0px; text-decoration: none !important; font-size: 18px; }

.blockListDesc {  padding-left: 15px; padding-right: 15px; margin-bottom: 25px; text-decoration: none !important; } 

.blockListImageContainer {   position: relative;  overflow: hidden;}

 
.blockListImage { width: 100%; height: 175px; background-repeat: no-repeat; background-position: center center; background-size: cover;  } 

.blockListImageLeft { float: left; width: 100px; margin-right: 10px;  height: 100px; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 1px solid #efefef; } 

.blockListImageTaller { width: 100%; height: 200px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.blockList { padding: 5px;  }


@media (min-width: 767px) { 
	.blockList { padding: 5px 10px 5px 10px;  }

	.blockListTitle { padding-left: 0px; padding-right: 0px; margin-top: 10px; font-size: 16px; }
	.blockListTitleSmall { padding-left: 0px; padding-right: 0px; margin-top: 0px; font-size: 16px; }
	.blockListDesc { padding-left: 0px; padding-right: 0px; margin-bottom: 25px;    }
	.blockListImage { height: 115px;  }
}
@media (min-width: 992px) { 
	.blockListImage { height: 150px;  }
	.blockListTitle { padding-left: 0px; padding-right: 0px; margin-top: 10px; font-size: 20px; }
	.blockListTitleSmall { padding-left: 0px; padding-right: 0px; margin-top: 0px; font-size: 16px; }
}
@media (min-width: 1200px) { 
	.blockListImage { height: 175px;  }
	.blockListTitle { padding-left: 0px; padding-right: 0px; margin-top: 10px; font-size: 20px; }
	.blockListTitleSmall { padding-left: 0px; padding-right: 0px; margin-top: 0px; font-size: 16px; }
}


a[data-toggle="collapse"] .rotate, button[data-toggle="collapse"] .rotate  {
   -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);
}
a[data-toggle="collapse"].collapsed .rotate, button[data-toggle="collapse"].collapsed .rotate  {
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}

.hashLink {
display: none;
position: absolute;
padding: 0 0.5em;
left: 15px;
color: #E62D7B;
}
.hashLinkActive { display: block; } 
.hashLinkElement:hover .hashLink { display: block; }
.hashLinkElementActive { border-bottom: 4px solid #E62D7B;  font-weight: 700; } 

.icon_small { width: 30px; height: 30px; display: inline-block; } 
.icon_med { width: 40px; height: 40px; display: inline-block; } 
.icon_large { width: 50px; height: 50px; display: inline-block; }
@media (min-width: 992px) { .icon_large { width: 60px; height: 60px; display: inline-block; }}


.icon_email  { background-image: url('/svg/Mailing.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_fbook  { background-image: url('/svg/FaceBook.svg'); background-repeat: no-repeat; background-size: cover;  }
.icon_youtube  { background-image: url('/svg/Youtube.svg'); background-repeat: no-repeat; background-size: cover;  }
.icon_link  { background-image: url('/svg/Link.svg'); background-repeat: no-repeat; background-size: cover;  }
.icon_twitter  { background-image: url('/svg/Twitter.svg'); background-repeat: no-repeat; background-size: cover; } 
.icon_instagram  { background-image: url('/svg/Instagram.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_linkedin  { background-image: url('/svg/Linkedin.svg'); background-repeat: no-repeat; background-size: cover; }


.icon_email:hover,  .icon_fbook:hover,  .icon_youtube:hover, .icon_link:hover,  .icon_twitter:hover,  .icon_instagram:hover {  transition: all 0.3s; opacity: 0.5;  } 

  
.circle { border-radius: 50%; }
  
  
.toolkit_table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
} 
.toolkit_table > table> tbody > tr > td {  border-top: 3px solid #f9f9f9; }
.toolkit_table > table> tbody > tr > td  > strong > a, .toolkit_table > table> tbody > tr > td  > a > strong   {  display: block; color:#000; }
.toolkit_table > table> tbody > tr > td  > strong > a:hover, .toolkit_table > table> tbody > tr > td  > a:hover > strong   {  color:#E62D7B; text-decoration: underline; }

.partner_map { overflow: hidden; width:100%; height:300px; line-height:normal; border: 1px solid #efefef; }
@media (min-width: 767px) { 
	.partner_map { height: 600px; } 
}

.modal-body p { word-wrap: break-word; }

.overlayLoading {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9998;
}
.overlayLoadingContent {
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}