@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://www.capitalgrowth.org/bootstrap/inter/Inter-Regular.woff2?v=3.15") format("woff2"),
       url("https://www.capitalgrowth.org/bootstrap/inter/Inter-Regular.woff?v=3.15") format("woff");
} 
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://www.capitalgrowth.org/bootstrap/inter/Inter-Italic.woff2?v=3.15") format("woff2"),
       url("https://www.capitalgrowth.org/bootstrap/inter/Inter-Italic.woff?v=3.15") format("woff");
} 
@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://www.capitalgrowth.org/bootstrap/inter/Inter-Bold.woff2?v=3.15") format("woff2"),
       url("https://www.capitalgrowth.org/bootstrap/inter/Inter-Bold.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://www.capitalgrowth.org/bootstrap/inter/Inter-BoldItalic.woff2?v=3.15") format("woff2"),
       url("https://www.capitalgrowth.org/bootstrap/inter/Inter-BoldItalic.woff?v=3.15") format("woff");
}
 

body { font-family: 'Inter', Fallback, sans-serif; font-weight: 400; color: #000; font-size: 16px; line-height:24px; background-image: url('/images/bg_texture.png');  }


a {	color: #000; text-decoration: underline;	-webkit-text-decoration-color: #F58720;	text-decoration-color: #F58720; text-decoration-thickness: 2px; }
a:hover, a:focus { transition: all 0.3s; color: #FF6C0A;  text-decoration-thickness: 2px; }
.blueLink:hover, .blueLink:focus { transition: all 0.3s; color: #2A51DE;  text-decoration-thickness: 2px; }

.orangeLink {	color: #FF6C0A; text-decoration: underline;	-webkit-text-decoration-color: #fff;	text-decoration-color: #fff; text-decoration-thickness: 2px; }
.orangeLink:hover, .orangeLink:focus { transition: all 0.3s; color: #FF6C0A;  text-decoration-thickness: 2px; }


/* 2022 */

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

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

.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 #F58720; color: #111; background-color: #ECE5D6; } 
.pubListCopy { margin-left: 105px; }
.pubListTitle { margin: 5px 10px 0px 10px; }

.container_pale { background-color: rgba(244, 240, 231, 0.4); }  
.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; } 
.light { font-weight: 400!important; } 

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


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


/* 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;} 


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


 /* 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; }  
.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: #F58720;   } 


/* HERO */
.hero { width: 100%; height: 200px; padding: 15px; }
.hero_short { width: 100%; height: 200px; padding: 15px; }
.hero_copy { bottom: 26px; position: absolute; }
@media (min-width: 767px) { .hero_copy { bottom: 15px; } }



.hero_copy > h1 > span {
    line-height: 1.3em;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
    padding-top: 4px;
    padding-bottom: 7px;
	font-size: 25px;
}
.hero_copy > p  > span {
    line-height: 1.2em;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone; 
    padding-top: 3px;
    padding-bottom: 5px;
}
@media (min-width: 767px) { 
	.hero { height: 300px; padding: 25px; }
	.hero_short { height: 200px; padding: 25px; }
	.hero_copy { bottom: 25px; }
	.hero_copy > h1 > span { font-size:30px; }
}
@media (min-width: 992px) { 
	.hero { height: 350px; padding: 25px; }
	.hero_short { height: 200px; padding: 25px; }
}
@media (min-width: 1200px) { 
	.hero { height: 400px; padding: 25px; }
	.hero_short { height: 200px; padding: 25px; }
}

.hero_orange > h1 > span, .hero_orange > p > span {
    background-color: #F58720;
    box-shadow: 10px 0 0 #F58720, -10px 0 0 #F58720;
}


.hero_green > h1 > span, .hero_green > p > span {
    background-color: #009748;
    box-shadow: 10px 0 0 #009748, -10px 0 0 #009748;
	color: #fff; 
}

.hero_blue > h1 > span, .hero_blue > p > span  {
    background-color: #2A51DE;
    box-shadow: 10px 0 0 #2A51DE, -10px 0 0 #2A51DE;
	color: #fff; 
}

.hero_credit {padding: 0px 5px 2px 5px;color: #efefef;background-color: #3A3A3A;position: absolute;bottom: 0;right: 0;opacity: 0.9;font-size: 11px !important; }
.hero_credit_top { padding: 1px 5px 3px 5px;color: #efefef;background-color: #3A3A3A;position: absolute;top: 0;right: 0; opacity: 0.9; }


.image_credit { float: right; margin-top: -21px; padding: 1px 5px 3px 5px;color: #efefef;background-color: #3A3A3A; position: absolute; right: 15px; margin-left: 15px; }  
figcaption { float: right; margin-top: -21px; padding: 1px 5px 3px 5px;color: #efefef;background-color: #3A3A3A; position: absolute; right: 15px; margin-left: 15px; font-size: 12px; line-height: 16px !important;}  

.icon_theme { width: 60px; height: 60px; display: inline-block; border-radius: 50%; border-color: transparent; border-width:1px; border-style: solid; }  
.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_theme_hover_orange:hover {  background-color: #F58720; }
.icon_theme_hover_white:hover {  background-color: #FFFFFF; } 
.icon_theme_beige_hover_orange {  background-color: #F4F0E7; }
.icon_theme_beige_hover_orange:hover  {  background-color: #F58720; }
.icon_theme_white_hover_orange {  background-color: #FFFFFF; }
.icon_theme_white_hover_orange:hover  {  background-color: #F58720; }

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

.small, .text-small {
    font-size: 12px;
    line-height: 16px !important;
}


.menuList a { 
    padding-left: 7px;
    width: 100%;
    border-left: 2px solid #F58720;
    color: #000;
    position: relative;
    margin-bottom: 10px;
    margin-left: 2px;
	display: block; 
	text-decoration: none;
}
.menuList a:hover {
    transition: all 0.3s; color: #FF6C0A;
}
.menuList a.active {
   transition: all 0.3s; color: #FF6C0A;
}
 
.nodecorate{text-decoration: none !important;}
@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;}
}

/* ALERTS */
.alert {font-weight: 700;
	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: #109E4D;
    background-color: #fff;
    border-color: #109E4D;
}
.alert-danger { 
    color: #EC2D23;
    background-color: #fff;
    border-color: #EC2D23;
}
.alert-info { 
    color: #2A51DE;
    background-color: #fff;
    border-color: #2A51DE;
}

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

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

strong { font-weight: 700;  }
h1,h2,h3,h4,h5,h6 { font-weight: 700; }
h1 { font-size: 30px; } @media (min-width: 767px) { h1 { font-size: 34px; line-height:38px;  } }
h2 { font-size: 28px; }
h3 { font-size: 24px; line-height:28px; }
h4 { font-size: 20px; line-height:24px; }
h5 { font-size: 16px; line-height:20px; }
h6 { font-size: 16px; line-height:20px; }







/****** GMAP HACK ******/
.ginfowindow {
    max-width: 230px;
    max-height: 300px;
	overflow: auto;
}    


.gm-style-iw {
    width: 200px !important;
}

@media (min-width: 767px) { 
.gm-style-iw {
    width: 350px !important;
}
}

/* LAYOUT */
.container-dark { background-color: #20a45f; color: #fff; }
.container-dark a { color: #cfce24; }
.container-dark a:hover, .container-dark a:focus   { color: #fff; }
.breadcrumb { background-color: #fff; padding: 0; margin: 0 0 15px 0; font-size: 0.9em }
.breadcrumb a { color: #666; }
/* LAYOUT ENDS */


/* TEXT */
.text-warning  { color: #FFDE17; }
.text-success  { color: #5BB75B; }
.text-danger  { color: #C12E2A; }
.text-white  { color: #ffffff; }
.text-small  { font-size: 0.8em; }
.text-grey  { color: #666;  }
.text-primary  { color: #00803d;  }
.text-brightgreen  { color: #8dbc3f;  }
.text-lime  { color: #cfce24;  }
/* TEXT ENDS */

 
.beige { color: #F4F0E7; } .beigebg { background-color: #F4F0E7 !important; } .beigebd { border-color: #F4F0E7 !important; }
.dark_beige { color: #ECE5D6; } .dark_beigebg { background-color: #ECE5D6 !important; } .dark_beigebd { border-color: #ECE5D6 !important; }
.light_beige { color: #F4F0E7; } .light_beigebg { background-color: #F4F0E7 !important; } .light_beigebd { border-color: #F4F0E7 !important; }
.orange { color: #F58720; } .orangebg { background-color: #F58720 !important; } .orangebd { border-color: #F58720 !important; }

.red { color: #DB3630; } .redbg { background-color: #DB3630 !important; } .redbd { border-color: #DB3630 !important; }
.yellow { color: #F0DE50; }  .yellowbg { background-color: #F0DE50 !important; } .yellowbd { border: 1px solid #F0DE50 !important; }

.green { color: #009748;;  } .greenbd { border: 1px solid #009748 !important; } .greenbg { background-color: #009748 !important; }
.grey { color: #333333;  } .greybd { border: 1px solid #333333 !important; } .greybg { background-color: #333333 !important; }
.teal { color: #4EC6CF; } .tealbg { background-color: #4EC6CF !important; } .tealbd { border: 1px solid #4EC6CF !important; }
.white { color: #ffffff; } .whitebg { background-color: #ffffff !important;  } .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; }



.dropdown-menu > li > a { text-decoration:none;  }

.btn { border-radius: 24px; font-size: 16px; padding: 10px 28px; text-decoration: none; }
.btn-xs {  padding: 1px 5px;  font-size: 12px;  line-height: 1.5;   border-radius: 3px;} 
.btn-sm { border-radius: 20px; font-size: 16px; padding: 5px 22px; } 
.btn-lg { border-radius: 28px; font-size: 20px; 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_left { text-align: left; } 
.btn-danger { background-color: #DB3630; } 
.btn-danger:hover, .btn-danger.focus, .btn-danger:focus { background-color: #e4605b;  }  
.btn-default { border-color: #8dbc3f; color: #8dbc3f; background-color: #fff; } 
.btn-default:hover, .btn-default.focus, .btn-default:focus { background-color: #dfedc8;  border-color: #8dbc3f; color: #8dbc3f;   } 
.btn-default.active, .btn-default:active, .btn-default:active:hover, .btn-default:active:focus { background-color: #8dbc3f;  border-color: #8dbc3f; color: #fff; -webkit-box-shadow: none;     box-shadow: none;   }




.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
  background-color: #8dbc3f;  border-color: #8dbc3f; color: #fff; 
}



.btn-info { border-color: #009748; color: #009748; background-color: #fff;  } 
.btn-info:hover, .btn-info.focus, .btn-info:focus { background-color: #d1f4f7;  border-color: #009748; color: #009748;   } 


.btn-success { background-color: #009748;  border-color: #009748; }       
.btn-success:hover, .btn-success.focus, .btn-success:focus { background-color: #30b36e;  border-color: #009748;    }     
.btn-success.active, .btn-success:active, .btn-success:active:hover, .btn-success:active:focus { background-color: #d1f4f7;  border-color: #009748;    }



.borderRight { border-right: 1px solid #efefef;}
.borderLeft { border-left: 1px solid #efefef; margin-left: -1px; }

/* PADDINGS AND SPACINGS */
.max800  { max-width: 800px; }
.max600  { max-width: 600px; }
.max400  { max-width: 400px; }
.max300  { max-width: 300px; }
.max200  { max-width: 200px; }
.max150  { max-width: 150px; } 
.max125  { max-width: 125px; } 
.max100  { max-width: 100px; } 
.notop { margin-top: 0px; padding-top: 0px; } .nobot { margin-bottom: 0px; padding-bottom: 0px; } 
.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; }
.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: 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;  }  

.padall25 { padding: 25px; } .padall15 { padding: 15px; } 


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


/* PADDINGS AND SPACINGS ENDS */

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

/* FORMATING */
.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; }
.maincontent img { display: inline-block !important; height: auto !important;  max-width: 100% !important; }
img { display: inline-block; height: auto;  max-width: 100%; }

blockquote {    border-left: 1px solid #EEE;  margin: 20px 0px 20px; }
/* FORMATING ENDS */


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


.hpsquare .form-control {
    color: #555;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 0px;
	box-shadow: notset;
}



/* HOMEPAGE SQUARES */
.hpsquare { background-color: #fff; border-radius: 2px;  background-repeat:no-repeat; position: relative; overflow: hidden; }
.hpsquare h1 { margin: 0px; padding-top: 15px; font-size: 26px; letter-spacing: -0.5px;  }
.hpsquare p { margin: 0px; padding-top: 12px; line-height: 20px; padding-bottom: 1px; }
.hpsquare > a {  cursor: pinter; text-decoration: none; }
.hpsquare > a:hover  {  cursor: pinter; text-decoration: none; }
.hpsquare:hover   { box-shadow:  0 0 2px #333; text-decoration: none; }
.sq_large .hpsquare_inner  { padding: 10px; text-align: center; height: 150px; }
.sq_large .hpsquare_news  { padding: 10px; text-align: left; height: 300px; overflow: hidden; color: #fff; }
.sq_large  h4  { font-size: 17px; }
.sq_large .hpsquare_news > h4 > a  { color: #fff; }
.hpsquare_innerbottom  { padding: 10px; height: 150px; }

.text_btm   { position: absolute; bottom: 11px; padding-right: 10px; }
.masonary_item > .no_decoration { text-decoration: none; } 

.sq_medium { width: 300px; } 
.sq_medium > .hpsquare_inner  { width: 280px; }

.sq_small { width: 145px; height: 145px; overflow: auto; margin-bottom: 10px; }
.sq_small h1 { font-size: 22px;}

@media (min-width: 630px) { 
	.sq_medium { width: 620px; } 
	.sq_medium > .hpsquare_inner  { width: 290px; }
}

.sq_medium { height: 300px; overflow: auto; margin-bottom: 20px;  }
.sq_medium > .hpsquare_inner  { margin: 10px; padding: 0 10px 5px 10px; text-align: left; min-height: 140px;  background-color: #009748; color: #fff; }
.sq_medium > .hpsquare_inner h1  { padding-top: 8px; }

.sq_medium_innards { margin: 20px 10px 10px 10px; }

.sq_medium_innards h1  { text-align: center; color: #5d5d5d; }
.sq_medium_innards h1  { line-height: 0.8; letter-spacing: -2px; font-size: 72px; text-align: center; color: #5d5d5d; }



.sq_large { width: 300px; height: 300px; overflow: auto; margin-bottom: 20px; }
.sq_giant { width: 1260px; height: 450px; overflow: hidden; margin-bottom: 20px; color: #fff; }
.sq_giant_alt { display: none; }
@media (max-width: 1270px) { .sq_giant { width: 940px; height: 375px; } .sq_giant_inner { margin-top: 20px; width: 300px; } }
@media (max-width: 950px) { .sq_giant { width: 620px; height: 300px; } .sq_giant_inner { margin-top: 10px; width: 250px; } }
@media (max-width: 630px) { .sq_giant { display: none; } .sq_giant_alt { display: block; } }




.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: #00958e; color: #fff; }
.sq_bg_red { background-color: #a2407c; color: #fff; }
.sq_bg_yellow { background-color: #e8921a; color: #fff;  }
.sq_bg_grey { background-color: #ccc; color: #333;}
.sq_bg_black { background-color: #333; color: #fff;}
.sq_bg_green { background-color: #009748; color: #fff;}
.sq_bg_lightblue { background-color: #8dbc3f; color: #fff;}
/* HOMEPAGE SQUARES END */
/* HOMEPAGE STATS */

.cg_stats {  color: #666; }

.cg_stats  h1 { font-size: 30px; text-align: center; font-weight: 900; }

@media (min-width: 768px) { .cg_stats  h1 { font-size: 24px; } }
@media (min-width: 1200px) { .cg_stats  h1 { font-size: 30px; } }
.cg_stats  h1 { text-align: center; font-weight: 900; }
.cg_stats  h4 {  text-align: center; }
.cg_stats  p {  text-align: center; }
/* HOMEPAGE STATS END */


/* Projects  */
.project { padding-right: 15px; margin-bottom: 20px; text-align: left; }
@media (min-width: 440px) { .project { width: 200px; height: 200px;overflow: hidden; padding-right: 35px; margin-bottom: 40px; text-align: left; } }
 .project_archive { margin-right: 15px; margin-bottom: 20px; text-align: left; }
@media (min-width: 440px) { .project_archive { width: 200px; height: 200px;  overflow: hidden; margin-right: 35px; margin-bottom: 40px; text-align: left; } }
/* Projects ENDS */


/* INLINE LIST*/
.list-inline > .section_blocks > a > div { background-color: #fff; width: 160px; height: 75px; overflow: hidden; padding: 10px 5px 10px 10px; margin-bottom: 15px; color: #333; }
@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 5px 10px 10px; margin-bottom: 15px; 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: 73px; height: 75px; overflow: hidden; padding: 10px 5px 10px 6px; margin-bottom: 15px; color: #333; font-size: 0.7em }
@media (max-width: 768px) { .list-inline > .section_blocks_archived > a > div { width: 100%; height: auto; } }
.list-inline > li > a > div:hover { background-color: #FFDE17; }
.list-inline > li > a  { text-decoration: none; }
.pubs_list { text-align: center; } 
/* Publications  */
.publication { padding: 15px; margin-bottom: 20px; text-align: left; }
@media (min-width: 440px) { 
.publication { width: 210px; height: 400px; overflow: hidden; padding: 15px; margin-bottom: 40px; text-align: left; }
 }
/* Publications ENDS */
.list-inline > .section_blocks > label > div {  width: 150px; overflow: hidden; padding: 10px 5px 10px 10px; margin-bottom: 15px; color: #333; }
@media (max-width: 768px) { .list-inline > .section_blocks > label > div { width: 100%; height: auto; } }
@media (max-width: 768px) { .list-inline > .section_blocks > label > div { width: 100%; height: auto; cursor: pinter; } }
.toggle_color_on { background-color: #FFDE17; }
.toggle_color_off { background-color: #fff; }
/* INLINE LIST ENDS */





/* SQUARES RIGHT COLUMN */
.square { width: 100%; padding: 15px;  }
@media (min-width: 768px) { .square {   margin-bottom: 25px; } }



.square h2 { margin-top: 0px; padding-top: 0px; }
.square-foot { font-size: 0.9em; }
.square-dark  { background-color: #333; color: #fff; }
.square-red  { background-color: #C12E2A; color: #fff; }
.square-red  > p > a { color: #fff; }
.square-light  { background-color: #efefef; color: #333; }


.square-light  > p > a  { color: #333; }
.square-yellow  { background-color: #00958e; color: #fff; }

.square > nav > .nav-pills h2 { color: #eee; }
.square > nav > .nav-pills > li > a { background-color: transparent; border-radius: 0px; color: #333; padding: 3px 3px 3px 10px; margin: 0 0 5px 0; border-left: 2px solid #eee; }
.square > nav > .nav-pills > li.active  { padding: 4px 3px 4px 10px; background-color: transparent; font-weight: 700; border-left: 2px solid #00958e; color: #333; }
.square > nav > .nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: #dddddd; border-left: 2px solid #00958e; border-radius: 0px; color: #333;  }
/* SQUARES ENDS */


/* LISTS */
.blocklink:hover, .blocklink:focus { display: block; cursor: pointer; background-color: #eeeeee; transition: all 0.3s ease-in-out 0s; }
.blocklink a  {  padding: 10px; display: block; text-decoration: none; color: #333; }
.blocklink a:hover, .blocklink a:focus    { display: block; text-decoration: none;}
.blocklink a:hover h4 , .blocklink a:focus h4   { color: #333; transition: all 0.3s ease-in-out 0s;}
/* LISTS ENDS */
.specialblocklink > a  {  display: block; text-decoration: none; color: #333; }
.specialblocklink  > a:hover { background-color:rgba(255,255,255,0.4); border-radius: 3px;   transition: all 0.3s ease-in-out 0s; }


/* Scoll */
.scroll-top { position:fixed; bottom:0; right:2%; z-index:100; background: #cfce24; 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; } }
/* Scoll ends */



@media (max-width: 500px) {	.instagram { display: none; } }
@media (max-width: 360px) {	.fbook, .twitter { display: none; } }



.logo { max-height: 50px;  }
@media (min-width: 767px) { .logo { max-height: 50px;  } } 
@media (min-width: 992px) { .logo { max-height: 66px; } }
@media (min-width: 1200px) { .logo { max-height: 69px; } }
.navbar-default {  box-shadow: none; border-bottom: 0px solid #fff; }

.navbar {
    margin-bottom: 0px;
}

.navbar-btn {
    margin-top: 18px;
    margin-bottom: 10px;
	background-color: transparent; 
	border-radius: 20px; padding: 6px 30px !important; 
	border: 1px solid #009748 !important;
}
.nav > li > .btn-warning { 	border: 1px solid #F58720 !important; background-color: #F58720; color: #fff !important; }
.nav > li > .btn-warning:hover {  transition: all 0.3s; background-color: #FF6C0A;  } 

.navbar-brand { padding: 0px 0px; }

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar-nav > li {
    padding: 0 10px 0 5px;
    border-bottom: 1px solid #efefef;
}
.navbar-nav > li:hover {
    background-color: #F4F0E7;
}
.navbar-nav > li > a {
		text-decoration: none;
		padding: 13px 0 0px 0;
	} 

@media (min-width: 767px) { 
	.navbar-nav > li { padding: 0 8px 0 8px; border-bottom: none; }
	.navbar-nav > li:hover  { background-color: transparent;}
	.navbar-nav > li > a {
		font-size: 14px;
		
		margin-bottom: 16px;
		border-bottom: 3px solid #fff;
		color: #333 !important;
		text-decoration: none;
	}
	.navbar-nav > li > a:hover, .navbar-nav > li > a:active, .navbar-nav > .active > a { border-bottom: 3px solid #F58720;  background-color: transparent; }
	.navbar-nav { float:none;margin: 0 auto; display: table; table-layout: fixed; }
	.navbar-btn { padding: 6px 15px !important;  }

}
@media (min-width: 992px) {  
	.navbar-nav > li { padding: 0 10px 0 10px; }
	.navbar-nav > li > a { font-size: 16px; padding: 24px 0 4px 0; }
	.navbar-btn { padding: 6px 20px !important;  }

}
@media (min-width: 1200px) { 
	.navbar-nav > li { padding: 0 15px 0 15px; }  
	.navbar-nav > li > a { font-size: 16px; }
}

.navbar-btn:hover, .navbar-btn.focus, .navbar-btn:focus { transition: all 0.3s; border-color: #F58720 !important;  }  
.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: #F58720;
    transition: all 0.3s !important;
    background-color: #fff !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
} 

/* Nav Bar ENDS */






/* MAP */
.uff_results_container { width: 200px; max-height:570px; right: 40px; top: 0px; position: absolute; overflow: auto; padding: 15px; background-image: url('https://www.sustainweb.org/img/dot_white_25_trans.png'); border: 1px solid #ccc; }
.map{ width:100%; height:640px; line-height:normal; }



.uff_feats_squares li { list-style: none; float: left; display: block; background-color: #a2407c; border-radius: 3px; width: 100%; padding: 10px; margin: 0 0 10px 10px; color: #fff; cursor: pointer; } 
.uff_feats_squares li:hover { background-color: #00958e; }
.uff_feats_squares a { display: block; width: 100%; height: 100%; color: #fff; font-size: 1em; line-height: 1.2em; font-weight: 100; overflow:hidden; }
.uff_feats_squares a:hover { color: #fff; text-decoration: none; }

.uff_results_squares li { list-style: none; float: left; display: block; background-color: #eee; border-radius: 3px; width: 100%; padding: 10px; margin: 0 0 10px 10px; color: #333; cursor: pointer; } 
.uff_results_squares li:hover { background-color: #00958e; }

.uff_results_squares a { display: block; width: 100%; height: 100%; color: #666; font-size: 1em; line-height: 1.2em; font-weight: 100; overflow:hidden; }
.uff_results_squares a:hover { color: #fff; text-decoration: none; }


@media (max-width: 768px) {  
	.uff_feats_squares li {  width: 120px; height: 120px; } 
	.uff_results_squares li {  width: 120px; height: 120px; } 
	.uff_results_container {  right: 0px; top: 0px; width: 100%;  position: relative; overflow: auto; padding: 0; background-image: url('https://www.sustainweb.org/img/dot_white_25_trans.png'); border: notset; }
	.map {  height:400px; }
}
@media (min-width: 1200px) { 
	.uff_feats_squares li {  width: 120px; height: 120px; } 
	.uff_results_squares li {  width: 120px; height: 120px; } 
	.uff_results_container { width: 440px;  }
	.map{ height:640px;  }
}

/* MAP */


/* CALENDAR STARTS */
table.calendar    { width: 100%; background-color:#ffffff;  }
.calendar_link   { color: #333; }
.calendar-row > td { vertical-align: top; width: 14%; }
td.calendar-day  { position:relative;  } 
td.calendar-day:hover  { background:#fafafa; }
td.calendar-day-np  { background:#fafafa; } 
td.calendar-day-head { background-color: #8dbc3f;  text-align:center; padding:25px 5px 5px 5px; border-bottom:1px solid #efefef; border-top:1px solid #efefef; border-right:1px solid #efefef; color: #fff; }
div.day-number { background:#efefef; padding:2px 5px 3px 5px; color:#666; float:right; margin:-5px -5px 0 0; width:26px; text-align:center; }
td.calendar-day, td.calendar-day-np { padding:5px; border-bottom:1px solid #efefef; border-right:1px solid #efefef; }
.calendar-day > .calendar_square { min-height: 200px; }
.calendar-day > .calendar_square > .calendar_event { border-bottom: 1px dotted #eee; margin-bottom: 5px; line-height: 1.1em; }
.day_number_list { padding:4px 5px 2px 5px; color:#777; float:left; margin-right:10px; width:60px; text-align:right; }



.calender_container > .calendar_square { border-top: 1px solid #ccc; clear: both; min-height: 26px; margin-bottom: -1px }
.calender_container > .calendar_square > .calendar_event { margin-left: 70px;  border-bottom: 1px dotted #ccc; min-height: 26px; font-size: 1.2em; padding-top: 2px; padding-bottom: 2px; }
/* CALENDAR ENDS */


.close_modal{ padding-top: 3px; color: #fff; font-size: 18px; float: right; }
.close_modal:hover { color: #333; cursor: pointer; } 

.modal-header {
border-bottom: none;
color: #fff;
} 

.modal-content {
    background-color: #4cae4c;
}
.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;
	text-align: left;
}



 /* 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 #F58720; 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; }
}



.borderTop {border-top: 2px solid #333;padding-top: 15px;margin-top: 10px;}


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

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



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

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


.icon_small { width: 30px; height: 30px; display: inline-block; } 
.icon_medium { width: 40px; height: 40px; display: inline-block; } 
.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  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_Mailing.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_fbook  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_FaceBook.svg'); background-repeat: no-repeat; background-size: cover;  }
.icon_twitter  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_Twitter.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_instagram  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_Instagram.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_social  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_Social.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_social_small  { background-image: url('https://www.sustainweb.org//resources/svg/Eel_Social_Small.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_joinus  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_JoinUs.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_email_alt  { background-image: url('https://www.sustainweb.org//resources/svg/Eel_Mailing_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_fbook_alt  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_FaceBook_alt.svg'); background-repeat: no-repeat; background-size: cover;  }
.icon_utube_alt  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_YouTube_alt.svg'); background-repeat: no-repeat; background-size: cover;  }
.icon_twitter_alt  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_Twitter_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_instagram_alt  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_Instagram_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_social_alt  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_Social_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.icon_social_small_alt  { background-image: url('https://www.sustainweb.org/resources/svg/Eel_Social_Small_alt.svg'); background-repeat: no-repeat; background-size: cover; }
.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; opacity: 0.5;  } 



 

@media (min-width: 767px) { 
	.flex_container { display: flex; flex-wrap: wrap; }
}
.flex_item { margin-bottom: 25px; }   
.flex_item .panelList { height: 100%; }


.panelList  { width: 100%; border-bottom: 3px solid #F4F0E7; color: #000; position: relative; }  

.panelList > .lead {
    line-height: 1.2;
}

.panelListBeige  { background-color: #F4F0E7; }
.panelListWhite  { background-color: #fff; }
.panelListMedGrey  { background-color: #efefef; border-bottom: 3px solid #efefef;}
.panelList:hover  { transition: all 0.3s;  border-bottom: 3px solid #F58720; color: #111; background-color: #ECE5D6; } 
.panelListImage { width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; box-shadow: 1px 1px 20px -3px rgba(0,0,0,0.07) inset; -webkit-box-shadow: 1px 1px 20px -3px rgba(0,0,0,0.07) inset; -moz-box-shadow: 1px 1px 20px -3px rgba(0,0,0,0.07) inset; } 
 
.panelListTitle { margin: 10px 10px 15px 10px;  }    
.panelListDesc { margin: 10px 10px 25px 10px;  }    
.panelListFoot { margin: 10px 10px 5px 10px;  }  
.panelListImageContainer { background-color: #ebe6db;   }

@media (min-width: 767px) { .col-sm-6 > a > .panelList > .panelListImageContainer > .panelListImage { height: 230px; width:345px; object-fit: cover; }}
@media (min-width: 992px) { .col-sm-6 > a > .panelList > .panelListImageContainer > .panelListImage { height: 305px; width:455px; object-fit: cover;}}
@media (min-width: 1200px) { .col-sm-6 > a > .panelList > .panelListImageContainer > .panelListImage { height: 370px; width:555px; object-fit: cover; }} 

@media (min-width: 767px) { .col-sm-4 > a > .panelList > .panelListImageContainer > .panelListImage { height: 147px; width:220px; object-fit: cover; }}
@media (min-width: 992px) { .col-sm-4 > a > .panelList > .panelListImageContainer > .panelListImage { height: 195px; width:293.333px; object-fit: cover; }}
@media (min-width: 1200px) { .col-sm-4 > a > .panelList > .panelListImageContainer > .panelListImage { height: 240px; width:360px; object-fit: cover; }}

@media (min-width: 767px) { .col-sm-3 > a > .panelList > .panelListImageContainer > .panelListImage { height: 105px; width: 157.5px; object-fit: cover; }}
@media (min-width: 992px) { .col-sm-3 > a > .panelList > .panelListImageContainer > .panelListImage { height: 142px; width: 212.5px; object-fit: cover; }}
@media (min-width: 1200px) { .col-sm-3 > a > .panelList > .panelListImageContainer > .panelListImage { height: 175px; width: 262.5px; object-fit: cover; }}

.panelListImage4Col {  width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;  }
@media (min-width: 767px) { .panelListImage4Col { height: 85px;  width: 136.667px; object-fit: cover; }}
@media (min-width: 992px) { .panelListImage4Col { height: 120px;   width: 185.55px; object-fit: cover; }}
@media (min-width: 1200px) {.panelListImage4Col { height: 150px; width: 230px; object-fit: cover; }} 

.panelListImage3Col {  width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;  }
@media (min-width: 767px) { .panelListImage3Col { height: 58px;  width: 87px; object-fit: cover; }}
@media (min-width: 992px) { .panelListImage3Col { height: 83px;   width: 124px; object-fit: cover; }}
@media (min-width: 1200px) {.panelListImage3Col { height: 105px; width: 157px; object-fit: cover; }} 



.panelListImage_RightBar {  width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;  }
@media (min-width: 767px) { .panelListImage_RightBar { height: 142px;  object-fit: cover; }}
@media (min-width: 992px) { .panelListImage_RightBar { height: 142px; width: 212.5px; object-fit: cover; }}
@media (min-width: 1200px) { .panelListImage_RightBar { height: 175px; width: 262.5px; object-fit: cover; }}




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

@media (min-width: 767px) { 
	.panelList644 { height: 520px; }
	.panelList300 { height: 247px; } 
	.panelListTitle116 { height: 100px; overflow: hidden;  }
	.panelListFootBottom { position: absolute; bottom: 0; } 
}
@media (min-width: 992px) { 
	.panelList644 { height: 578px; }
	.panelList300 { height: 276px; }
	.panelListTitle116 { height: 80px;  overflow: hidden;  }
}
@media (min-width: 1200px) { 
	.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;
}


.flex_item .panelListblue { height: 100%; }


.trainingList  { padding: 15px; width: 100%; border-bottom: 4px solid #F2F2F2; color: #000; position: relative; background-color: #fff; }       
.trainingList:hover  { border-bottom: 4px solid #009748; color: #111; background-color: #e6e5e5; }  
.trainingListDateContainer {   width: 20%; text-align: center; padding-top: 20px; font-weight: 600;  font-size: 24px; line-height: 1.1em; } 
.trainingListImageContainer {  width: 30%; position: relative;  overflow: hidden; } 
.trainingListImage  { width: 100%; height: 90px; background-repeat: no-repeat; background-position: center center; background-size: cover;  } 
.trainingListWaterMark  { width: 100%; height: 90px; background-repeat: no-repeat; background-position: center center; background-size: fit;  }   
.trainingListTitle { text-decoration: none !important; }
.trainingListTitleMore { text-decoration: none !important; font-size: 14px; color: #009748;  }
@media (max-width: 766px) { 
	.trainingListDateContainer { float: right; width: 30%;} 
	.trainingListImageContainer {float: left; width: 70%; }
	.trainingListTitle { clear: both; padding-top: 15px; }
}
@media (min-width: 992px) { 
	.trainingListDateContainer { float: left; padding-right: 15px; height: 90px;  } 
	.trainingListImageContainer { float: left; padding-right: 15px; height: 90px; } 
	.trainingListTitle { margin: 0px; padding: 0px; height: 70px; overflow: hidden;  }    
	.trainingListTitleMore { margin: 0px; padding: 0px; height: 20px; overflow: hidden;  }  	 
}

 

.trainingLargeList  { padding: 15px; width: 100%; border-bottom: 4px solid #F2F2F2; color: #000; position: relative;  }       
.trainingLargeList:hover  { border-bottom: 4px solid #009748; color: #111; }  
.trainingLargeListDateContainer {   width: 10%; 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: 25%; }
}
@media (min-width: 992px) { 
	.trainingLargeListDateContainer {   width: 15%; }
}