/* modified row size */
.wrapper .row {
	margin: 0px;
	padding-left:0%;
	padding-right:0%;
	width:100%;
}

/* ---------- BEGIN Styles to customize Bootstrap's grid columns ---------- */
/* modified left and right padding for left container columns */
.wrapper .row .col-md-8 {
	margin-left:0%;
	margin-right:2.6%;		
	padding: 0px;
	width:67.4%;
}

/* modified left and right padding for right container columns */
.wrapper .row .col-md-4 {
	margin: 0px;
	padding: 0px;		
	width:30%;
}

/* ---------- BEGIN styles to main panel parent image buttons ------------ */
/* modified left and right padding for main panel container */
.wrapper .row .col-md-8 .row .col-md-12  {
	float:left;
	margin: 0px;
	padding: 0px;	
	width:100%;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 28px;
	line-height: 36px;
	color:#333333;
	text-decoration:none;
	margin-bottom:-20px;
}

/* styles for parent image button containers */	
.wrapper .row .col-md-8 .row .col-md-12 .maincontainer {
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;		
	border-radius:0px;
}

/* styles for parent image button containers’ links */	
.wrapper .row .col-md-8 .row .col-md-12 .containerhover {
  	position: relative;
  	display: block;
	padding: 0px;
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;	
}

/* styles for parent image button containers’ links on hover, focus */
.wrapper .row .col-md-8 .row .col-md-12 .containerhover:hover, 
.wrapper .row .col-md-8 .row .col-md-12 .containerhover:focus {
	padding: 0px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);	
	text-decoration:none;		
}
/* ---------- END styles to main panel parent image buttons ------------ */

/* ---------- BEGIN styles to main panel left-hand child image buttons ------------ */
/* modified left and right padding for left container columns' subcolumns, left & right columns */
.wrapper .row .col-md-8 .row .col-md-6l {
	float:left;
	margin-right:1.875%;	
	padding: 0px;
	width:48.125%;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 20px;
	line-height: 28px;
	color:#333333;
	text-decoration:none;
}

/* styles for left-hand child image button containers */	
.wrapper .container .row .col-md-8 .row .col-md-6l .maincontainer {
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;		
	border-radius:0px;
}

/* styles for left-hand child image button containers’ links */	
.wrapper .container .row .col-md-8 .row .col-md-6l .containerhover {
  	position: relative;
  	display: block;
	padding: 0px;
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;	
}

/* styles for left-hand child image button containers’ links on hover, focus */
.wrapper .container .row .col-md-8 .row .col-md-6l .containerhover:hover, 
.wrapper .container .row .col-md-8 .row .col-md-6l .containerhover:focus {
	padding: 0px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);	
	text-decoration:none;		
}
/* ---------- END styles to main panel left-hand child image buttons ------------ */

/* ---------- BEGIN styles to main panel right-hand child image buttons ------------ */
/* modified left and right padding for left container columns' subcolumns, left & right columns */
.wrapper .row .col-md-8 .row .col-md-6r {
	float:left;
	margin-left:1.875%;	
	padding: 0px;
	width:48.125%;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 20px;
	line-height: 28px;
	color:#333333;
	text-decoration:none;
}

/* styles for left-hand child image button containers */	
.wrapper .container .row .col-md-8 .row .col-md-6r .maincontainer {
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;		
	border-radius:0px;
}

/* styles for left-hand child image button containers’ links */	
.wrapper .container .row .col-md-8 .row .col-md-6r .containerhover {
  	position: relative;
  	display: block;
	padding: 0px;
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;	
}

/* styles for left-hand child image button containers’ links on hover, focus */
.wrapper .container .row .col-md-8 .row .col-md-6r .containerhover:hover, 
.wrapper .container .row .col-md-8 .row .col-md-6r .containerhover:focus {
	padding: 0px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);	
	text-decoration:none;		
}
/* ---------- END styles to main panel right-hand child image buttons ------------ */

/* ---------- BEGIN styles to right panel top child image buttons ------------ */
/* modified left and right padding for right container columns' subcolumns, left & right columns */
.wrapper .row .col-md-4 .row .col-md-12l  {
	float:left;
	margin: 0px;
	padding: 0px;	
	width:100%;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 20px;
	line-height: 28px;
	color:#333333;
	text-decoration:none;
	margin-bottom:-20px;
}

/* styles for right-hand top child image button containers */	
.wrapper .row .col-md-4 .row .col-md-12l .maincontainer {
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;		
	border-radius:0px;
}

/* styles for right-hand top child image button containers’ links */	
.wrapper .row .col-md-4 .row .col-md-12l .containerhover {
  	position: relative;
  	display: block;
	padding: 0px;
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;	
}

/* styles for right-hand top child image button containers’ links on hover, focus */
.wrapper .row .col-md-4 .row .col-md-12l .containerhover:hover, 
.wrapper .row .col-md-4 .row .col-md-12l .containerhover:focus {
	padding: 0px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);	
	text-decoration:none;		
}
/* ---------- END styles to right panel top child image buttons ------------ */

/* ---------- BEGIN styles to right panel middle child image buttons ------------ */
/* modified left and right padding for right container columns' subcolumns, left & right columns */
.wrapper .row .col-md-4 .row .col-md-12m  {
	float:left;
	margin: 0px;
	padding: 0px;	
	width:100%;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 20px;
	line-height: 28px;
	color:#333333;
	text-decoration:none;
	margin-bottom:-20px;	
}

/* styles for right-hand middle child image button containers */	
.wrapper .row .col-md-4 .row .col-md-12m .maincontainer {
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;		
	border-radius:0px;
}

/* styles for right-hand middle child image button containers’ links */	
.wrapper .row .col-md-4 .row .col-md-12m .containerhover {
  	position: relative;
  	display: block;
	padding: 0px;
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;	
}

/* styles for right-hand middle child image button containers’ links on hover, focus */
.wrapper .row .col-md-4 .row .col-md-12m .containerhover:hover, 
.wrapper .row .col-md-4 .row .col-md-12m .containerhover:focus {
	padding: 0px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);	
	text-decoration:none;		
}
/* ---------- END styles to right panel middle child image buttons ------------ */

/* ---------- BEGIN styles to right panel bottom child image buttons ------------ */
/* modified left and right padding for right container columns' subcolumns, left & right columns */
.wrapper .row .col-md-4 .row .col-md-12r  {
	float:left;
	margin: 0px;
	padding: 0px;	
	width:100%;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 20px;
	line-height: 28px;
	color:#333333;
	text-decoration:none;
}

/* styles for right-hand bottom child image button containers */	
.wrapper .row .col-md-4 .row .col-md-12r .maincontainer {
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;		
	border-radius:0px;
}

/* styles for right-hand bottom child image button containers’ links */	
.wrapper .row .col-md-4 .row .col-md-12r .containerhover {
  	position: relative;
  	display: block;
	padding: 0px;
	text-align:center;
	background-color:#ffffff;
	text-decoration:none;	
}

/* styles for right-hand bottom child image button containers’ links on hover, focus */
.wrapper .row .col-md-4 .row .col-md-12r .containerhover:hover, 
.wrapper .row .col-md-4 .row .col-md-12r .containerhover:focus {
	padding: 0px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);
	box-shadow: 0px 0px 8px 1px rgba(0,10,35,1);	
	text-decoration:none;		
}
/* ---------- END styles to right panel bottom child image buttons ------------ */

/* ---------- END Styles to customize Bootstrap's grid columns ---------- */

/* style for Love thy Neighborhoods logo */
.logo{
  display: block;
  text-indent: -9999px;
  max-width: 400px;
  width:85%;
  height: auto;
  margin-top:-6px;
}

/* ---------- BEGIN Styles to customize Bootstrap's panel boxes ---------- */
/* style for benefits containers' image areas*/
.image-format {
    width: 276px;
    height: 201px;
    margin: 5px;
}

/* style for spacing between containers */
.thumbnail-format {
    margin-bottom: 22.5px;
}

/* style for containers' heading areas */
.caption-text {
	padding-top:35px;
	padding-bottom:42px;
	text-align:center;
}

/* style for subcontainers' heading areas */
.subcaption-text {
	padding-top:20px;
	padding-bottom:26px;
	text-align:center;
}

/* style for containers' heading areas' text */
.maincontainer .thumbnail .caption {
	color:#005282;
}

/* style for containers' heading areas' text on hover*/
.maincontainer .thumbnail .caption:hover,
.maincontainer .thumbnail .caption:focus {
    color:#cc0000;
}

/* modify style of container*/
.maincontainer .thumbnail {
	border:1px solid #d8d8d8;	
	border-radius:0px;
	/*-webkit-box-shadow: 0px 0px 5px 2px rgba(153,153,153,1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(153,153,153,1);
	box-shadow: 0px 0px 5px 2px rgba(153,153,153,1); */
	background-color:#3399cc;
}

/* style modifications to benefits containers on hover */
.maincontainer .thumbnail:hover,
.maincontainer .thumbnail:focus {
	border:1px solid #999999;	
}

/* style for homepage archive btn link */
.maincontainer .thumbnail a {
	text-decoration: none;
	color:#eaeaea;
}

/* ---------- BEGIN styles to main panel archive button ------------ */
/* styles for archive button containers */	
.wrapper .row .col-md-8 .row .col-md-12 .archivecontainer {
	text-align:center;	
	text-decoration:none;		
	border-radius:0px;
	margin: 0 auto;
	width:100%;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 21px;
	font-weight:600;	
	text-align:center;	
	color:#ffffff;
	background-color:#336699;
	height:78px;
	margin-top:25px;
	margin-bottom:25px;
}

/* styles for archive button containers on hover, focus */	
.wrapper .row .col-md-8 .row .col-md-12 .archivecontainer :hover,
.wrapper .row .col-md-8 .row .col-md-12 .archivecontainer :focus {
	outline-style: solid;
    outline-color: #3399cc;
    outline-width: 3px;
	outline-offset: -15px;
}

/* styles for archive button containers’ links */	
.wrapper .row .col-md-8 .row .col-md-12 .archivehover {
  	position: relative;
  	display: block;
	padding: 0px;
	text-align:center;
	padding-top:18px;
	padding-bottom:18px;	
	background-color:#3399cc;
	border:5px solid #336699;
	color:#EBEBEB;
	text-decoration:none;	
}

/* styles for archive button containers’ links on hover, focus */
.wrapper .row .col-md-8 .row .col-md-12 .archivehover:hover, 
.wrapper .row .col-md-8 .row .col-md-12 .archivehover:focus {
	background-color:#336699;
	color:#ffffff;
	border:5px solid #3399cc;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(153,153,153,1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(153,153,153,1);
	box-shadow: 0px 0px 5px 2px rgba(153,153,153,1);	
}
/* ---------- END styles to main panel archive button ------------ */
/* ---------- END Styles to customize Bootstrap's panel boxes ---------- */

/* modify sitewide style for main page h4 subheadings */
#custom h4 {
    font-size: 21px;
	padding-top: 6px;
	padding-left:15px;
	padding-bottom:10px;
	line-height: 30px;
}

/* modify sitewide style for main page h5 subheadings */
#custom h5 {
    font-size: 21px;
	padding-top: 6px;
	padding-left:15px;
	padding-bottom:10px;
	line-height: 30px;
}

/* modify sitewide style for main page h5 subheadings' links */
#custom h5 a {
    text-decoration:none;
}

/* modify sitewide style for main page h5 subheadings' links on focus, hover */
#custom h5 a:focus, #custom h5 a:hover {
    text-decoration:underline;
}

/* modify sitewide style for main page h6 subheadings */
#custom h6 {
    font-size: 19px;
	padding: 0px;
	margin:0px;
	line-height: 24px;
	font-weight:600;
}

/* style to hide bottom ARCHIVES button version until res 991 and lower */	
.showatlores {
	display:none;
}

/* style to hide break until res 650 and lower */	
.break {
	display:none;
}

/* style to hide break until res 935 and lower */	
.break2 {
	display:none;
}


/* ------------------------------------ BEGIN HI RES IMAGE VSNS FOR CAPABLE DEVICES ------------------------------------ */

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

/* ------------------------------------ BEGIN HI RES IMAGE VSNS FOR CAPABLE DEVICES ------------------------------------ */

/* ------------------------------------ BEGIN RESPONSIVE STYLES FOR ALTERNATE RESOLUTIONS ------------------------------------ */


@media (max-width: 1024px) {
/* ---------- BEGIN Styles to customize Bootstrap's grid columns ---------- */
/* modified left and right padding for left container columns */
.wrapper .row .col-md-8 {
	margin-left:0%;
	margin-right:2.6%;		
	padding: 0px;
	width:60%;
}

/* modified left and right padding for right container columns */
.wrapper .row .col-md-4 {
	margin: 0px;
	padding: 0px;		
	width:37.4%;
}
/* ---------- END Styles to customize Bootstrap's grid columns ---------- */
}


@media (max-width: 992px) {
/* ---------- BEGIN Styles to customize Bootstrap's grid columns ---------- */
/* modified left and right padding for left container columns */
.wrapper .row .col-md-8 {
	margin-left:0%;
	margin-right:0%;		
	padding: 0px;
	width:100%;
}

/* modified left and right padding for right container columns */
.wrapper .row .col-md-4 {
	margin: 0px;
	padding: 0px;		
	width:100%;
}
	
/* modified left and right padding for right container top subcolumn */
.wrapper .row .col-md-4 .row .col-md-12l {
	float:left;
	margin-top:-18px;
	margin-right:1.875%;		
	width:30.83333333333333%;
}

/* modified left and right padding for right container middle subcolumn */
.wrapper .row .col-md-4 .row .col-md-12m {
	float:left;	
	margin-top:-18px;	
	margin-left:1.875%;
	margin-right:1.875%;
	width:30.83333333333333%;
}

/* modified left and right padding for right container bottom subcolumn */
.wrapper .row .col-md-4 .row .col-md-12r {
	float:left;	
	margin-top:-18px;	
	margin-left:1.875%;	
	width:30.83333333333333%;
}	
/* ---------- END Styles to customize Bootstrap's grid columns ---------- */

/* style to show bottom ARCHIVES button version at res 991 and lower */	
.showatlores {
	display:inherit;
}

/* style to hide main ARCHIVES button version at res 991 and lower */	
.hideatlores {
	display:none;
}
/* ---------- BEGIN styles to main panel archive button at lower reses ------------ */
/* styles for archive button containers */	
.wrapper .row .col-md-4 .row .col-md-12 .archivecontainerLR {
	text-align:center;	
	text-decoration:none;		
	border-radius:0px;
	margin: 0 auto;
	width:100%;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 21px;
	font-weight:600;	
	text-align:center;	
	color:#ffffff;
	background-color:#336699;
	height:78px;
	margin-top:25px;
	margin-bottom:25px;
}

/* styles for archive button containers on hover, focus */	
.wrapper .row .col-md-4 .row .col-md-12 .archivecontainerLR :hover,
.wrapper .row .col-md-4 .row .col-md-12 .archivecontainerLR :focus {
	outline-style: solid;
    outline-color: #3399cc;
    outline-width: 3px;
	outline-offset: -15px;
}

/* styles for archive button containers’ links */	
.wrapper .row .col-md-4 .row .col-md-12 .archivehoverLR {
  	position: relative;
  	display: block;
	padding: 0px;
	text-align:center;
	padding-top:18px;
	padding-bottom:18px;	
	background-color:#3399cc;
	border:5px solid #336699;
	color:#EBEBEB;
	text-decoration:none;	
}

/* styles for archive button containers’ links on hover, focus */
.wrapper .row .col-md-4 .row .col-md-12 .archivehoverLR:hover, 
.wrapper .row .col-md-4 .row .col-md-12 .archivehoverLR:focus {
	background-color:#336699;
	color:#ffffff;
	border:5px solid #3399cc;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(153,153,153,1);
	-moz-box-shadow: 0px 0px 5px 2px rgba(153,153,153,1);
	box-shadow: 0px 0px 5px 2px rgba(153,153,153,1);	
}
/* ---------- END styles to main panel archive button at lower reses ------------ */
}


@media (max-width: 768px) {
/* ---------- BEGIN Styles to customize Bootstrap's grid columns ---------- */
/* modified left and right padding for left container columns */
.wrapper .row .col-md-8 {
	margin-left:2.5%;
	margin-right:2.5%;		
	padding: 0px;
	width:95%;
}

/* modified left and right padding for right container columns */
.wrapper .row .col-md-4 {
	margin-left:2.5%;
	margin-right:2.5%;		
	padding: 0px;
	width:95%;
}
/* ---------- END Styles to customize Bootstrap's grid columns ---------- */
	
/* style to hide break again */	
.break2 {
	display:none;
}	
}


@media (max-width: 767px) {
/* style for Love thy Neighborhoods logo */
.logo{
  margin-left:24px;
  width:79%;
}
}


@media (max-width: 667px) {
/* style to force a carriage return */	
.break {
	display:block;
	height:0px;
}		
}


@media (max-width: 568px) {
/* ---------- BEGIN Styles to customize Bootstrap's grid columns ---------- */
/* modified left and right padding for right container top subcolumn */
.wrapper .row .col-md-4 .row .col-md-12l {
	margin-left:0%;
	margin-right:0%;		
	width:100%;
}

/* modified left and right padding for right container middle subcolumn */
.wrapper .row .col-md-4 .row .col-md-12m {
	margin-left:0%;
	margin-right:0%;		
	width:100%;
}

/* modified left and right padding for right container bottom subcolumn */
.wrapper .row .col-md-4 .row .col-md-12r {
	margin-left:0%;
	margin-right:0%;		
	width:100%;
}	
/* ---------- END Styles to customize Bootstrap's grid columns ---------- */	
}


@media (max-width: 522px) {
/* style for Love thy Neighborhoods logo */
.logo {
  margin-top:-6px;
}
}


@media (max-width: 521px) {
/* style for Love thy Neighborhoods logo */
.logo {
  margin-top:-6px;
}
}


@media (max-width: 514px) {
/* style for Love thy Neighborhoods logo */
.logo {
  margin-top:-30px;
}
}


@media (max-width: 480px) {
/* ---------- BEGIN Styles to customize Bootstrap's grid columns ---------- */
/* modified left and right padding for left container columns' subcolumns, left & right columns */
.wrapper .row .col-md-8 .row .col-md-6l {
	margin-left:0%;
	margin-right:0%;		
	width:100%;
}

/* modified left and right padding for left container columns' subcolumns, left & right columns */
.wrapper .row .col-md-8 .row .col-md-6r {
	margin-left:0%;
	margin-right:0%;		
	width:100%;
}	
/* ---------- END Styles to customize Bootstrap's grid columns ---------- */	
}


@media (max-width: 465px) {
/* style for Love thy Neighborhoods logo */
.logo {
  margin-top:-28px;
  margin-left: 15px;
  width:72%;
}
}


@media (max-width: 414px) {
/* modify horizontal positioning of father daughter image*/
.wrapper .container .row .col-md-5 .img-responsive {
	margin-right:-7px;
}	
}


@media (max-width: 360px) {
/* style for Love thy Neighborhoods logo */
.logo {
  margin-top:-25px;
}
}
	
	
@media (max-width: 320px) {
/* style for Love thy Neighborhoods logo */
.logo {
  margin-top:-23px;
  margin-left:10px;
}

/* modify sitewide style for main page h6 subheadings */
#custom h6 {
    font-size: 16px;
}	
}