﻿/* Love Thy Neighborhoods MasterPage custom CSS
------------------- */
#custom body {
    padding-top: 0;
}

/* The html and body elements cannot have any padding or margin. */
html, body {
    height: 100%;
}

/* Custom styles for search icon */
#custom .glyphicon {
    margin-top: 0px;
    margin-left: 0px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right:5px;
    font-size:18px;
}

#custom .glyphicon-search  a{
	color:#ebebeb;
}

/* Custom styles for content wrapper */	
#contentWrapper {
    margin: -51px auto 0 auto;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
}

/* outer wrapper for body content */
#custom .wrapper {
    height: auto !important;
    margin: 0 auto;
	margin-top:-22.5px;
    padding: 0px;
	padding-top:22.5px;	
	background-color: #eeeeee;
	padding-bottom:35px;
}

/* Custom styles for content wrapper */	
#custom .homewrap {
	background-color: #ebebeb;
}

/* inner wrapper for body content */
#custom .container {
    height: auto !important;
    margin: 0 auto;
    /* top, right, bottom, left padding */
    padding: 0px;
    max-width: 1275px;
}

/* inner wrapper for body content of privacy and terms webpages */
.maincontainer {
    height: auto !important;
    margin: 0 auto;
    padding: 0px;
    width: 100%; 
	margin-left:0%;
	margin-right:0%;
	margin-top:35px;
	margin-bottom:20px;
	text-align:left;
}

/* ~~~~~~~~~~~ custom tag styles ~~~~~~~~~~~ */

/* Defining custom font face for main page headings */
@font-face {
  	font-family: 'AlegreyaSans-Bold';
	src: url('../fonts/AlegreyaSans-Bold.eot'); 
  	src: url('../fonts/AlegreyaSans-Bold.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/AlegreyaSans-Bold.otf')  format('opentype'),
	     url('../fonts/AlegreyaSans-Bold.woff') format('woff'), 
		 url('../fonts/AlegreyaSans-Bold.woff2')  format('woff2'), 
		 url('../fonts/AlegreyaSans-Bold.ttf')  format('truetype'), 
		 url('../fonts/AlegreyaSans-Bold.svg#AlegreyaSans-Bold') format('svg');
  	font-weight: normal;
  	font-style: normal;
	font-display: fallback;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);	
} 

/* Defining custom font face for main page subheadings */
@font-face {
  	font-family: 'WorkSans-Bold';
	src: url('../fonts/WorkSans-Bold.eot'); 
  	src: url('../fonts/WorkSans-Bold.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/WorkSans-Bold.otf')  format('opentype'),
	     url('../fonts/WorkSans-Bold.woff') format('woff'), 
		 url('../fonts/WorkSans-Bold.woff2')  format('woff2'), 
		 url('../fonts/WorkSans-Bold.ttf')  format('truetype'), 
		 url('../fonts/WorkSans-Bold.svg#WorkSans-Bold') format('svg');
  	font-weight: normal;
  	font-style: normal;
	font-display: fallback;	
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
} 

/* Defining custom font face for main page subheadings 2 */
@font-face {
  	font-family: 'WorkSans-SemiBold';
	src: url('../fonts/WorkSans-SemiBold.eot'); 
  	src: url('../fonts/WorkSans-SemiBold.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/WorkSans-SemiBold.otf')  format('opentype'),
	     url('../fonts/WorkSans-SemiBold.woff') format('woff'), 
		 url('../fonts/WorkSans-SemiBold.woff2')  format('woff2'), 
		 url('../fonts/WorkSans-SemiBold.ttf')  format('truetype'), 
		 url('../fonts/WorkSans-SemiBold.svg#WorkSans-SemiBold') format('svg');
  	font-weight: normal;
  	font-style: normal;
	font-display: fallback;	
	text-shadow: 0 0 1px rgba(0,0,0,0.3);	
} 

/* Defining custom font face for main page subheadings 3 */
@font-face {
  	font-family: 'WorkSans-Medium';
	src: url('../fonts/WorkSans-Medium.eot'); 
  	src: url('../fonts/WorkSans-Medium.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/WorkSans-Medium.otf')  format('opentype'),
	     url('../fonts/WorkSans-Medium.woff') format('woff'), 
		 url('../fonts/WorkSans-Medium.woff2')  format('woff2'), 
		 url('../fonts/WorkSans-Medium.ttf')  format('truetype'), 
		 url('../fonts/WorkSans-Medium.svg#WorkSans-Medium') format('svg');
  	font-weight: normal;
  	font-style: normal;
	font-display: fallback;	
	text-shadow: 0 0 1px rgba(0,0,0,0.3);	
} 

/* Sitewide style for hero block heading descriptions */
#custom h1 {
	margin: 0 auto;
    padding: 0px;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 32px;
	line-height: 36px;
	padding-left:28px;
	padding-right:28px;	
	text-align:left;
	color:#333333;
	font-weight: 600;
	text-align:center;
}

/* Sitewide style for hero block heading descriptions' links */
#custom h1 a {
    color:#333333;
	text-decoration:none;
}

/* Sitewide style for hero block heading descriptions' links on hover, focus */
#custom h1 a:hover, #custom h1 a:focus {
	color:#0e719c;
    text-decoration:underline;	
}

/* Sitewide style for subblock heading descriptions */
#custom h2 {
	margin: 0 auto;
    padding: 0px;
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 20px;
	line-height: 28px;
	padding-left:28px;
	padding-right:28px;
	color:#333333;
	font-weight: 600;
	text-align:center;
}

/* Sitewide style for subblock heading descriptions' links */
#custom h2 a {
    color:#333333;
	text-decoration:none;
}

/* Sitewide style for subblock heading descriptions' links on hover, focus */
#custom h2 a:hover, #custom h4 a:focus {
	color:#0e719c;
    text-decoration:underline;		
}

/* Sitewide style for hero block "CONTINUE READING" text */
#custom h3 {
	font-family:WorkSans-Bold, arial, serif;  
	color:#0e719c;	
	font-size: 21px;
    margin-top: 0px; 
	padding-top: 15px;
	padding-left:15px;	
	line-height: 30px;
}

/* Sitewide style for hero block "CONTINUE READING" linked text */
#custom  h3 a {
    text-decoration:none;
}

/* Sitewide style for hero block "CONTINUE READING" linked text on hover */
#custom h3 a:hover, #custom h3 a:focus {
	color: #f16767;
    text-decoration:underline;
	transition: all 200ms ease-in-out;	
}

/* Sitewide style for subblock headings */
#custom h4 {
	font-family:AlegreyaSans-Bold, arial, serif;    
	font-size: 20px;
	line-height: 28px;
	padding-left:28px;
	padding-right:28px;	
	color:#333333;
	font-weight: 600;	
}

/* Sitewide style for subblock linked headings */
#custom h4 a {
    text-decoration:underline;
}

/* Sitewide style for subblock liinked headings on hover */
#custom h4 a:hover, #custom h4 a:focus {
	color: #cc0000;
}

/* Sitewide style for subblock descriptions */
#custom h5 {
	font-family:WorkSans-Medium, arial, serif;
	font-size: 12px;
	line-height: 20px;
	padding-left:28px;
	padding-right:28px;	
	color:#333333;	
}

/* Sitewide style for subblock "CONTINUE READING" text */
#custom h6 {
	font-family:WorkSans-Bold, arial, serif;  
	color:#0e719c;	
	font-size: 21px;
    margin-top: 0px; 
	padding-top: 15px;
	padding-left:15px;	
	line-height: 30px;
}

/* Sitewide style for subblock "CONTINUE READING" linked text */
#custom h6 a {
    text-decoration:underline;
}

/* Sitewide style for subblock "CONTINUE READING" linked text on hover */
#custom h6 a:hover, #custom h6 a:focus {
	color: #cc0000;
}

/* Sitewide style for main page paragraph text */
#custom p {
	font-family:WorkSans-Medium, arial, serif;
	color:#333333;
	font-size: 18.5px;
	line-height: 26px;
	padding-top:5px;
	padding-bottom:6px;
}

/* Sitewide style for main page linked paragraph text */
#custom p a {
    text-decoration:underline;
}

/* Sitewide style for main page linked paragraph text on hover */
#custom p a:hover, #custom p a:focus {
	color: #f16767;
	text-decoration:underline;
}

/* ALL page links - background color and outline styles */
#custom a {
    outline: 0;
	background-color: transparent; 
}

/* heading text for privacy and terms pages */
.innerheadtxt {
	font-family:WorkSans-Medium, arial, serif;
	font-size: 20px;
	line-height: 28px;
	padding-left:0px;
	padding-right:0px;	
	text-align:left;
	color:#333333;	
}

/* body text for neighborhoods, about, privacy and terms pages */
.innerbodytxt {
	font-family:WorkSans-Medium, arial, serif;
	font-size: 15px;
	line-height: 26.5px;
	padding-left:0px;
	padding-right:0px;	
	text-align:left;
	color:#333333;
}

/* body text for neighborhoods, about, privacy and terms pages links */
.innerbodytxt a {
	text-decoration:underline;
	color:#0e719c;
}

/* body text for neighborhoods, about, privacy and terms pages links on focus, hover */
.innerbodytxt a:hover, .innerbodytxt a:focus {
	color:#f16767;
	text-decoration:underline;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	margin-right:0px;
	max-width: 400px;
	width:375px;
	margin-top:-14px;
	padding-top:8px;
	padding-right:10px;
	padding-left:10px;
	margin-left:-10px;
	cursor:pointer;
}

/* styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	margin-right:0px;
	max-width: 400px;
	width:375px;
	margin-top:-14px;
	padding-top:8px;
	padding-right:10px;
	padding-left:10px;
	margin-left:-10px;
	cursor:pointer;
	z-index:9999
}

/* navbar - background style for main links on focus */ 	
#custom .navbar-brand:focus {
	background-color: #f16767;
    color: #FFFFFF;
	height: 58px;
}

/* ~~~~~~~~~ end custom tag styles ~~~~~~~~~ */

/* styles for a general shim to push down content vertically by 5px */
.shim-5px {
    display:block;
	height:5px;
}

/* styles for a general shim to push down content vertically by 10px */
.shim-10px {
    display:block;
	height:10px;
}

/* styles for a general shim to push down content vertically by 25px */
.shim-25px {
    display:block;
	height:25px;
}

/* modify styles for list items in a .row under ul's or ol's in the main body area sitewide */
#custom .wrapper .container .maincontainer ul, .wrapper .container .maincontainer ol {
	padding-top:0px;
	margin-left:25px;
	padding-right:5px;
	cursor: default;
}

/* modify styles for list items in a .row under ul's or ol's lis in the main body area sitewide */
#custom .wrapper .container .maincontainer ul li, .wrapper .container .maincontainer ol li {
	font-family:WorkSans-Medium, arial, serif;
	font-size: 15px;
	line-height: 26.5px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:0px;
}

/* modify styles for list item link blocks in a .row under ul's or ol's lis in the main body area sitewide on hover */
#custom .wrapper .container .maincontainer ul li:hover, #custom .wrapper .container .maincontainer ol li:hover,
#custom .wrapper .container .maincontainer ul li:focus, #custom .wrapper .container .maincontainer ol li:focus {
	background:transparent;
	font-family:WorkSans-Medium, arial, serif;
	font-size: 15px;
	line-height: 26.5px;
	padding-top:0px;
	padding-bottom:5px;
	height:auto;
	cursor: text;
	color:#000000;
}

/* modify styles for list item text links in a .row under ul's or ol's lis in the main body area sitewide on hover */
#custom .wrapper .container .maincontainer ul li a:hover, #custom .wrapper .container .maincontainer ol li a:hover,
#custom .wrapper .container .maincontainer ul li a:focus, #custom .wrapper .container .maincontainer ol li a:focus {
	text-decoration:underline;
}

/* ------------------------- BEGIN navbar styles ------------------------- */

/* styles for SVG header LTN logo */
.headerlogo {
	display:block;	
	padding:0px;
	margin:0px auto;
	height:auto;	
	width:auto;
	margin-top:9px;
	margin-left:7.5px;
}

/* navbar - adjustment to the navbar size and color*/
#custom .navbar {
    position: relative;
	height: 58px;
	margin-top:0px;
	background-color: #336699;
    border: 0px;	
}

/* navbar - adjustment to links styles */
#custom .nav > li > a {
  	font-family:WorkSans-SemiBold, arial, serif; 
	font-size:20px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}

/* modified style to hide 3 dropdown menus' top "Home" link at resolutions above 768 */		
#custom .btn-hideat768 {
	display: none;
}	

/* navbar - background style for main links on hover */ 	
#custom ul li:hover {
	background-color: #f16767;
	height: 58px;
    color: #FFFFFF;
}

/* navbar - main links color style */
#custom ul li a {
    color: #EBEBEB;
}

/* navbar - background style for main links on keyboard focus */
#custom ul li a:focus {
    color: #FFFFFF;
	background-color: #f16767;
	outline-style: solid;
    outline-color: #f16767;
    outline-width: 2px;
	height: auto;
}

/* BEGIN LINKS ON FOCUS VERTICAL FIXES */
/* navbar - background style for main links on keyboard focus for: FIREFOX */
@-moz-document url-prefix() {
#custom ul li a:focus {
    color: #FFFFFF;
	background-color: #f16767;
	outline-style: solid;
    outline-color: #f16767;
    outline-width: 4px;
	height: auto;
}
}
/* navbar - background style for main links on keyboard focus for: CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom ul li a:focus {
    color: #FFFFFF;
	background-color: #f16767;
	outline-style: solid;
    outline-color: #f16767;
    outline-width: 4px;
	height: auto;
}
}
/* navbar - background style for main links on keyboard focus for: SAFARI */
 ::i-block-chrome, #custom ul li a:focus {
    color: #FFFFFF;
	background-color: #f16767;
	outline-style: solid;
    outline-color: #f16767;
    outline-width: 4px;
	height: auto;
}
/* navbar - background style for main links on keyboard focus for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom ul li a:focus {
    color: #FFFFFF;
	background-color: #f16767;
	outline-style: solid;
    outline-color: #f16767;
    outline-width: 2px;
	height: auto;
}
}
/* END LINKS ON FOCUS VERTICAL FIXES */

/* navbar - main links color style on hover, focus  */
#custom .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #FFFFFF;
    background-color: transparent;
}

/* navbar - background color and positioning styles */
#custom .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #FFFFFF;
    background-color: transparent;
	padding-bottom: 0px;
}

/* navbar - position and color of hamburger menu */	
#custom .navbar-default .navbar-toggle {
	border:2px solid #CCCCCC;
	background:transparent;
	margin-right:38px;
	margin-top:11px;
}

/* navbar - color of hamburger menu on hover, focus */	
#custom .navbar-default .navbar-toggle:hover, 
#custom .navbar-default .navbar-toggle:focus {
	border:2px solid #FFFFFF;	
	background-color: #5588bb;
}

/*Removes the scroll bar on the collapsed menu - doesn't seem necessary with auto expanding menu above*/
#custom .navbar-collapse.in {
    overflow: hidden;
}

/*Expands the collapsed navbar with the length of the menus so you don't get a scrollbar*/
#custom .navbar-collapse {
    max-height: 100% !important;
}

/* navbar - position and color of hamburger menu 3 horizontal lines */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #CCCCCC;
}

/* position of top of 3 horizontal lines */
#custom .navbar-default .navbar-toggle .icon-bar:nth-of-type(1) {
	top: -1px;
}

/* position of 2nd of 3 horizontal lines */
#custom .navbar-default .navbar-toggle .icon-bar:nth-of-type(2) {
	top: 0px;
}

/* position of 3rd of 3 horizontal lines */
#custom .navbar-default .navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 1px;
}

/* Styles for hamburger menu's 3 horizontal lines */
#custom .navbar-default .navbar-toggle .icon-bar {
	position: relative;
	transition: all 500ms ease-in-out;
}

/* BEGIN navbar menu button, styles to animate transition of "hamburger" menu from 3 lines to an 'X' on click */
#custom .navbar-default .navbar-toggle.active .icon-bar:nth-of-type(1) {
	top: 6px;
	transform: rotate(45deg);
}

#custom .navbar-default .navbar-toggle.active .icon-bar:nth-of-type(2) {
	background-color: transparent;
}

#custom .navbar-default .navbar-toggle.active .icon-bar:nth-of-type(3) {
	top: -6px;
	transform: rotate(-45deg);
}
/* END navbar menu button, styles to animate transition of "hamburger" menu from 3 lines to an 'X' on click */

/* ------------------------- END navbar styles ------------------------- */

/* style to remove default Bootstrap padding of thumbnail images */
#custom .thumbnail {
  padding: 0px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 0px;
  border-radius: 0px;
}

/* style to break line at a lower resolution */
.linebreak {
	display:none;
}

/* style to break line at a lower resolution */
.linebreak2 {
	display:none;
}

/* ------------------------- BEGIN footer styles ------------------------- */

/* styles for wrapper for entirety of footer content on homepage */
#footerWrapperhome {
    margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
	height:auto;
	background-color:#ebebeb;
	padding-top:15px;	
}

/* styles for wrapper for entirety of footer content */
#footerWrapper {
    margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
    clear: both;
	height:auto;
	background-color:#eeeeee;
	padding-top:15px;	
}

/* styles for top footer area, containing skyscrapers in the deepest background */
.footer-top {
	margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
	background-color:transparent;
	height:auto;
}

/* styles for city backdrop images */
.city {
	margin: 0 auto;
    position: relative;
    display: block;
	max-width:100%;	
}

/* styles for top footer area, containing baseline for skyscrapers in the deepest background */
.footer-top-cityline {
	margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
	background-color:#333333;
	height:41px;
	margin-top:-35px;
}

/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
	background-color:transparent;
	height:auto;
	margin-top:-158px;
}

/* styles for middle footer area, containing baseline for buildings in the middle background */
.footer-middle-cityline {
	margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
	background-color:#333333;
	height:40px;
	margin-top:-35px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin: 0 auto;
	margin-top:-82px;
    position: relative;
    display: block;
	z-index:1000;
    width: 100%;
	background-color:transparent;
	height:100px;
}

/* styles for bottom footer area, containing baseline for buildings in the foreground */
.footer-bottom-cityline {
	margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
	background-color:#333333;
	height:20px;
	margin-top:12px;
}

/* styles for outer background of the base of the footer area */
.footer-basewrap {
	margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
	background-color:#333333;
	height:auto;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin: 0 auto;
	margin-top:-7px;
    position: relative;
    display: block;
	z-index:1000;
    width: 100%;
	max-width:1200px;
	background-color:#333333;  /* Did have firefox and safari set to #2d2d2d, but that's wrong on work browser! */
	height:auto;
}

/* styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	margin-right:0px;
	max-width: 419px;
	width:419px;
	margin-top:-3px;
	padding-top:8px;
	padding-right:10px;
	padding-left:10px;
	margin-left:-70px;
}

/* styles for SVG footer LTN logo on hover, focus */ 	
#custom .footerlogo:focus {
	background-color: #f16767;
}

/* styles for footer logo */ 	
#custom .footer-brand .footerlogo {
	margin-right:0px;
	max-width: 419px;
	width:419px;
	margin-top:-3px;
	padding-top:8px;
	padding-right:10px;
	padding-left:10px;
	margin-left:-70px;
}

/* styles for footer logo on hover, focus */ 	
#custom .footer-brand:focus {
	background-color: #f16767;
}

/* styles for signup row */
.signups {
	margin: 0 auto;
    position: relative;
    display: block;
    width: auto;
	height: 48px;
	margin-top: 38px;
	margin-bottom: 50px;
	margin-left:25%;
	margin-right:25%;
	max-width:650px;
	text-align:center;
}

/* styles for signup form field */
#custom .form-control {
	display:block;
	float:left;
	height:48px;
	width:535px;
	min-width:535px;
	margin-right:15px;
	padding-left:20px;
	padding-right:20px;
	font-size:20px;
	color:#bbbbbb;
	background-color:#666666;
	border-radius:0px;
	border:0px;
	text-align:left;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);	
}

#custom .form-control:focus {
  border-color: #666666;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(0, 0, 0, 0);
}

#custom .form-control:-moz-placeholder {
  color: #bbbbbb;
}

#custom .form-control::-moz-placeholder {
  color: #bbbbbb;
  opacity: 1;
}

#custom .form-control:-ms-input-placeholder {
  color: #bbbbbb;
}

#custom .form-control::-webkit-input-placeholder {
  color: #bbbbbb;
}

/* styles for signup form field at res below 450 */
#custom .form-control-v2 {
	display:none;
}

/* styles for signup submit button */
#custom .btn-default {
	display:inline-block;
	float:right;
	width:100px;
	height:48px;
	padding:0px;
	font-size:20px;
	background-color:green;
	color:#ffffff;
	border-radius:0px;
	border:0px;
	text-align:center;
	font-family:AlegreyaSans-Bold, arial, serif;
}

/* styles for signup submit button on focus */	
#custom .btn-default:focus {
	background-color: yellow;
	height: 48px;
	text-align:center;	
}

/* navbar - background style for main links on hover */	
#custom .btn-default:hover {
	background-color: #f16767;
	height: 48px;	
}

/* style to create separation between footer social media icons */
.shim4icons {
	margin: 0 auto;
    position: relative;
    display: inline-block;	
	width:25px;
}

/* Sitewide style for footer links row */
.footerlinks {
	margin: 0 auto;
    position: relative;
    display: block;
	margin-left:15%
	margin-right:15%
    width: 70%;
	height:auto;	
	text-align:center;
}

/* Sitewide style for footer centered links */
.mainfooterlink {
	margin: 0 auto;
	width:120px;
	height:auto;
	display:inline-block;
	padding-left:0px;
	padding-right:0px;
	font-family:WorkSans-Medium, arial, serif;
	font-size: 18.5px;
	line-height: 26px;
}

/* Sitewide style for footer centered links */
.mainfooterlink  a {
	color:#ffffff;
}

/* Sitewide style for footer centered links on hover */
.mainfooterlink  a:hover,
.mainfooterlink  a:focus {
	color:#f16767;
}

/* style for social media links row */
.socialmedia {
	margin: 0 auto;
    position: relative;
    display: block;
    width: 100%;
	padding-top:35px;
	padding-bottom:42px;
	text-align:center;
}

/* styles for social media links */ 	
.socialmedia .socmedicon {
	outline: 0px solid;
    outline-offset: 1px;
	background:transparent;
	border: 0px;
	/* border:2px solid #ffffff; */
}

/* styles for social media links on focus */ 	
.socialmedia .socmedicon:focus {
	outline: 1px solid #f16767;
    outline-offset: 1px; 
	/* border:2px solid red; */
}

/* Sitewide style for footer bottom links row */
.bottomlinks {
	display: block;
    width: 100%;
	height:auto;
	color:#cccccc;	
	font-family:WorkSans-Medium, arial, serif;	
	font-size:16.5px;
	padding-left:93px;	
}

/* Sitewide style for footer bottom anchor links */
.bottomlinks a {
	color:#ffffff;	
}

/* Sitewide style for footer bottom anchor links on hover */
.bottomlinks a:hover,
.bottomlinks a:focus {
	color:#f16767;	
}

/* Style for bottom of footer up arrow area */
.backtotop {
	margin: 0 auto;
    position: relative;	
	display: block;
    width: 100%;
	height:auto;
	padding-top:20px;
	text-align:center;
}

/* style for bottom arrow link */ 	
#backToTopBtn {
	color:#ebebeb;
}

/* style for bottom arrow link on hover */ 	
#backToTopBtn:hover {
	color:#f16767;
}

/* style for bottom arrow link on focus */ 	
#backToTopBtn:focus {
	outline: 1px solid #f16767;
    outline-offset: 5px;
}

#custom glyphicon-arrow-up  a{
	color:#ebebeb;
}

#custom glyphicon-arrow-up  a:hover,
#custom glyphicon-arrow-up  a:focus {
	color:#f16767;
}
/* ------------------------- END footer styles ------------------------- */

/* ------------------------------------ BEGIN RESPONSIVE STYLES FOR ALTERNATE RESOLUTIONS ------------------------------------ */


@media (min-width: 768px) {
#custom .container {
	padding-right: 0;
    padding-left: 0;
}

/* Sets the right margin of right-hand navigation links container */
#custom .navbar-nav {
    margin: 0px auto;
    position: relative;
    display: block;
	float:right;
	margin-right: -20px;
}

/*Reduces the spacing between the menu items*/
#custom .navbar-nav li {
	margin-left: 0px;
	margin-right: 0px;
}
}


@media all and (min-width:768px) {
/*keeps menu items to the left rather than re-centering them on the nav-bar in desktop mode*/
#custom .container {
	max-width: 96%;
}
}


@media all and (min-width:768px) {
/*automatically expand menus, but not when collapsed*/	
#custom .dropdown:hover .dropdown-menu,
#custom .dropdown:focus .dropdown-menu  {
	display: block;
}
}


/*Reduces the spacing between the menu items*/
@media (min-width: 823px) {
#custom .navbar-nav li {
	margin-left: -5px;
	margin-right: -5px;
}
}


/*Resets the spacing between the menu items*/
@media (min-width: 937px) {
#custom .navbar-nav li {
	margin-left: auto;
	margin-right: auto;
}
}


/* hide image */
@media (min-width: 336px) {
/* style to hide unnecessary navbar image */    
#navbarImage {
   	display: none;
}

#bannerContentSm {
 	display: none;
}
}


@media (max-width: 1317px) {
/* styles for signup form field */	
#custom .form-control {
	width:82.25%;
	min-width:82.25%;
	margin-right:2.25%;	
}

/* styles for signup submit button */
#custom .btn-default {
	width:15.5%;
}	

/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-155px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-85px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-5px;
}
}


@media (max-width: 1285px) {
/* modify styles for footer logo */ 	
#custom .footer-brand .footerlogo {
	width: 419px;
	padding-left:100px;
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	width:419px;
	padding-left:100px;
}
}


@media (max-width: 1200px) {
/* alter vertical spacing of header links to retain proper positioning */
#custom .navbar-nav li {
	margin-top:0px;
}

/* BEGIN REPOSITIONING FIXES */
/* alter vertical spacing of header links to retain proper positioning for: FIREFOX */
@-moz-document url-prefix() {
#custom .navbar-nav li {
	margin-top:0px;
}
}
/* alter vertical spacing of header links to retain proper positioning for: CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .navbar-nav li  {
	margin-top:0px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .navbar-nav li {
	margin-top:0px;	
}
/* alter vertical spacing of header links to retain proper positioning for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .navbar-nav li  {
	margin-top:0px;
}
}
/* END REPOSITIONING FIXES */

/* ------------------------- BEGIN footer styles ------------------------- */
/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-140px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-85px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-12.5px;
}

/* styles for signup form field */	
#custom .form-control {
	width:80.5%;
	min-width:80.5%;
	margin-right:2.5%;	
}

/* styles for signup submit button */
#custom .btn-default {
	width:17%;
}	
/* ------------------------- END footer styles ------------------------- */
}


@media (max-width: 1165px) {
/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-135px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-22.5px;
}
}


@media (max-width: 1125px) {
/* styles for signup row */
.signups {
	margin-left:20%;
	margin-right:20%;
	width:60%;
}
	
/* styles for signup form field */	
#custom .form-control {
	width:78.5%;
	min-width:78.5%;
	margin-right:2.5%;	
}

/* styles for signup submit button */
#custom .btn-default {
	width:19%;
}	

/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-132px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-82.5px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-30px;
}
}


@media (max-width: 1065px) {
/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-32.5px;
}
}


@media (max-width: 1024px) {
/* navbar - background style for main links on keyboard focus */
#custom ul li a:focus {
    outline-width: 0px;
}

/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-125px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-80px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-36.5px;
}
}


@media (max-width: 1022px) {
/* ------------------------- BEGIN navbar styles ------------------------- */
/* navbar - adjustment to links styles */
#custom .nav > li > a {
	margin-left:20px;
	margin-right:20px;
}
	
/* Style to change horizontal spacing between banner links */
#custom ul li a {
	padding-left:0px;
	padding-right:0px;
}	
/* ------------------------- END navbar styles ------------------------- */

/* styles for signup row */
.signups {
	margin-left:18%;
	margin-right:12%;
	width:70%;
}

/* styles for signup form field */	
#custom .form-control {
	width:80%;
	min-width:80%;
	margin-right:2.5%;	
}

/* styles for signup submit button */
#custom .btn-default {
	width:17.5%;
}
	
/* styles for up arrow button */
#custom .botbtn {
	margin-left:2px;
}	
}


@media (max-width: 991px) {
/* -------------------- BEGIN banner and banner transition styles -------------------- */
/* navbar - further reduce horizontal span of navbar to eliminate horizontal scrollbar from appearing in web browsers */
#contentWrapper {
    width: 100%;
}

/* ------------------------- BEGIN navbar styles ------------------------- */
/* styles for SVG header LTN logo */
.headerlogo {
	margin-left:0px;
}

/* Reduces the right margin of right-hand navigation links container */
#custom .navbar-nav {
	margin-right: -15px;
}

/* navbar - adjustment to links styles */
#custom .nav > li > a {
	margin-left:10px;
	margin-right:10px;
	font-size:17.5px;	
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}

/* alter vertical spacing of header links to retain proper positioning */
#custom .navbar-nav li {
	margin-top: -30px;
}

/* BEGIN VERTICAL REPOSITIONING FIXES */
/* alter vertical spacing of header links to retain proper positioning for: FIREFOX */
@-moz-document url-prefix() {
#custom .navbar-nav li {
	margin-top:0px;
}
}
/* alter vertical spacing of header links to retain proper positioning for: CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .navbar-nav li  {
	margin-top:0px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .navbar-nav li {
	margin-top: -30px;
}
/* alter vertical spacing of header links to retain proper positioning for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .navbar-nav li  {
	margin-top:0px;
}
}
/* END VERTICAL REPOSITIONING FIXES */

/* navbar dropdown - padding beneath bottom link contained in the dropdown menu */	
#custom ul,
ol {
  	margin-top: 0;
  	margin-bottom: 0px;
}	
/* ------------------------- END navbar styles ------------------------- */

/* modify styles for list items in a .row under ul's or ol's in the main body area sitewide */
#custom .wrapper .container .maincontainer ul, .wrapper .container .maincontainer ol {
	padding-bottom:15px;
	margin-left:15px;
}	

/* Shift lefthand padding of sitewide style for main page headings */	
#custom h1 {
	padding-left:0px;
	text-align:center;
}	
	
/* Reduce font size style for main page paragraph text */
#custom p {
    font-size: 17px;
	line-height: 26px;
	padding-bottom:6px;
}	

/* styles for signup row */
.signups {
	margin-left:16%;
	margin-right:14%;
	width:70%;
}

/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-118px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-80px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-42px;
}
}


@media (max-width: 936px) {
/* alter vertical spacing of header links to retain proper positioning */
#custom .navbar-nav li {
	margin-top: 0px;
}

/* BEGIN VERTICAL REPOSITIONING FIXES */
/* alter vertical spacing of header links to retain proper positioning for: FIREFOX */
@-moz-document url-prefix() {
#custom .navbar-nav li {
	margin-top:0px;
}
}
/* alter vertical spacing of header links to retain proper positioning for: CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .navbar-nav li  {
	margin-top:0px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .navbar-nav li {
	margin-top: 0px;
}
/* alter vertical spacing of header links to retain proper positioning for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .navbar-nav li  {
	margin-top:0px;
}
}
/* END VERTICAL REPOSITIONING FIXES */	
}


@media (max-width: 935px) {
/* override sitewide style padding width for container */	
#custom .wrapper .container {
	width:90%;
}	
	
/* ------------------------- BEGIN footer styles ------------------------- */
/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-110px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-75px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-45px;
}

/* Sitewide style for footer bottom links row */
.bottomlinks {
	font-size:13.5px;
	padding-left:32px;
}

/* styles for signup row */
.signups {
	margin-left:15%;
	margin-right:15%;
	width:70%;
}
/* ------------------------- END footer styles ------------------------- */
}


@media (max-width: 900px) {
/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-50px;
}
}


@media (max-width: 865px) {
/* modify sitewide style padding width for container */		
#custom .wrapper .container {
	width:98.5%;
	padding-left:0px;
	padding-right:0px;
}	
	
/* override sitewide style padding width for row */		
#custom .wrapper .container .row {
	width:100%;
}	

/* ------------------------- BEGIN footer styles ------------------------- */

/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-100px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-75px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-57.5px;
}

/* modify styles for logo in footer area */
#custom .footer-brand .footerlogo {
    width: 42%;
	padding-top:5px;
	margin-top:0px;
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	width:85%;
	padding-top:5px;
	margin-top:0px;
}

/* styles for signup row */
.signups {
	margin-left:14%;
	margin-right:14%;
	width:72%;
}

/* styles for signup submit button */
#custom .btn-default {
	width:17.5%;
}
/* ------------------------- END footer styles ------------------------- */
}


@media (max-width: 822px) {	
/* alter vertical spacing of header links to retain proper positioning */
#custom .navbar-nav li {
	margin-top: -30px;
}

/* BEGIN VERTICAL REPOSITIONING FIXES */
/* alter vertical spacing of header links to retain proper positioning for: FIREFOX */
@-moz-document url-prefix() {
#custom .navbar-nav li {
	margin-top:0px;
}
}
/* alter vertical spacing of header links to retain proper positioning for: CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .navbar-nav li  {
	margin-top:0px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .navbar-nav li {
	margin-top: -30px;
}
/* alter vertical spacing of header links to retain proper positioning for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .navbar-nav li  {
	margin-top:-30px;
}
}
/* END VERTICAL REPOSITIONING FIXES */	
}


@media (max-width: 820px) {
/* ------------------------- BEGIN navbar styles ------------------------- */
/* modify styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:350px;
	padding-right:5px;
	padding-left:10px;
	margin-left:-10px;
	margin-top:-13px;
	padding-top:8px;	
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:350px;
	padding-right:5px;
	padding-left:10px;
	margin-left:-10px;
	margin-top:-13px;
	padding-top:8px;	
}

/* Reduces the right margin of right-hand navigation links container */
#custom .navbar-nav {
	margin-right: -10px;
}

/* alter vertical spacing of header links to retain proper positioning */
#custom .navbar-nav li {
	margin-top: 0px;
}

/* BEGIN VERTICAL REPOSITIONING FIXES */
/* alter vertical spacing of header links to retain proper positioning for: FIREFOX */
@-moz-document url-prefix() {
#custom .navbar-nav li {
	margin-top:0px;
}
}
/* alter vertical spacing of header links to retain proper positioning for: CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .navbar-nav li  {
	margin-top:0px;
}
}
/* Safari only override */
 ::i-block-chrome, #custom .navbar-nav li {
	margin-top: 0px;
}
/* alter vertical spacing of header links to retain proper positioning for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .navbar-nav li  {
	margin-top:0px;
}
}
/* END VERTICAL REPOSITIONING FIXES */
/* ------------------------- END navbar styles ------------------------- */
}


@media (max-width: 780px) {
/* modify styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:340px;
	padding-right:5px;
	padding-left:10px;
	margin-left:-10px;
	margin-top:-13px;
	padding-top:8px;
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:340px;
	margin-top:-13px;
	padding-right:5px;
	padding-left:10px;
	margin-left:-10px;
	padding-top:8px;
}
}


@media (max-width: 767px) {
/* modify header wrapper background color style */
#wrap {
	background-color:#336699;
}

/* styles for SVG header LTN logo */
.headerlogo {
	margin-left:38.5px;
}

/* modify nav header width to remove horizontal scrollbar */
#custom .navbar {
	width:97%;
	background-color:transparent;
}

/* navbar - position of hamburger menu */	
#custom .navbar-default .navbar-toggle {
	margin-right:15px;
}

/* navbar - adjust the positioning and opacity of the button links container once opened from collapsed hamburger menu */
#custom .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border:0px;
	margin-top:0px;
	padding-right:0px;
	margin-right:-22px;
	background-color:transparent;
}

/* navbar - background area for hamburger pop-open menu buttons */
#custom .navbar-default .navbar-nav  {
	margin-top:3px;
	margin-bottom:0px; 
	margin-left:0px;
	margin-right:0px;	
	width:100%;
	background-color:transparent;	
	border-top: 1px solid #FFFFFF;
}

/* navbar - background area for hamburger menu button areas */
#custom .navbar-default .navbar-nav > li  {
	color: #FFFFFF;
	background-color:transparent;	
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;	
	width:100%;
}

/* navbar - link styles for hamburger menu button blocks */
#custom .navbar-default .navbar-nav > li > a {
	padding-left:24px; 
	height:40px;
	margin-top:0px;	
    background: rgba(153, 153, 153, .85); /* gray background with 85% opacity */
	margin-left:0px;
	margin-right:0px;
}	

/* navbar - link styles for hamburger menu button blocks on hover */
#custom .navbar-default .navbar-nav > li > a:hover,
#custom .navbar-default .navbar-nav > li > a:focus  {
    color: #ffffff;
	background: rgba(240, 101, 102, 1.0); /* light red background with 100% opacity */
	margin-top:0px;	
	height:40px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}

/* navbar - link styles for hamburger menu button blocks on hover */
.navbar-default .navbar-nav > li > a:focus {
    color: green;
	background: rgba(240, 101, 102, 1.0); /* light red background with 100% opacity */
	margin-top:0px;	
	height:40px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}

/* navbar - remove extra vertical padding from link styles for hamburger menu button blocks on hover */
#custom .nav > li:hover,
#custom .nav > li:focus {
	margin-bottom:-18px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: transparent;
}

/* modify styles for navbar logo */ 	
#custom .navbar-brand .logo {
	margin-right:0px;
	max-width: 400px;
	width:375px;
	margin-top:-15px;
	padding-top:8px;
	padding-right:10px;
	padding-left:15px;
	margin-left:10px;
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	margin-right:0px;
	max-width: 400px;
	width:375px;
	margin-top:-15px;
	padding-top:8px;
	padding-right:10px;
	padding-left:15px;
	margin-left:10px;
}

/* navbar - background style for main links on hover, focus */ 	
#custom .navbar-brand:hover,
#custom .navbar-brand:focus {
	margin-bottom:-5px;
}

/* ------------------------- BEGIN footer styles ------------------------- */


/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-100px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-70px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-62.5px;
}


/* modify styles for logo in footer area */
#custom .footer-brand .footerlogo {
    width: 47%;
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	width:65%;
	margin-left:-80px;
}

/* Sitewide style for footer bottom links row */
.bottomlinks {
	font-size:12.875px;
	padding-left:20px;
}

/* styles for signup row */
.signups {
	margin-left:14%;
	margin-right:14%;
	width:72%;
}

/* styles for signup form field */	
#custom .form-control {
	width:78.25%;
	min-width:78.25%;
	margin-right:3%;	
}

/* styles for signup submit button */
#custom .btn-default {
	width:18.5%;
}
/* ------------------------- END footer styles ------------------------- */
}


@media (max-width: 735px) {
/* ------------------------- BEGIN footer styles ------------------------- */
/* styles for signup row */
.signups {
	margin-left:12%;
	margin-right:12%;
	width:76%;
}

/* styles for signup form field */	
#custom .form-control {
	width:77%;
	min-width:77%;
	margin-right:3%;	
}

/* styles for signup submit button */
#custom .btn-default {
	width:20%;
}	
/* ------------------------- END footer styles ------------------------- */
}


@media (max-width: 673px) {
/* ------------------------- BEGIN footer styles ------------------------- */	
/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-90px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-65px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-70px;
}

/* modify styles for logo in footer area */
#custom .footer-brand .footerlogo {
    width: 57.5%;	
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	width: 75%;
	margin-left:-60px;
}

/* Sitewide style for footer bottom links row */
.bottomlinks {
	padding-left:40px;
}
/* styles for signup row */
.signups {
	margin-left:10%;
	margin-right:10%;
	width:80%;
}
/* ------------------------- END footer styles ------------------------- */
}


@media (max-width: 650px) {
/* Sitewide style for footer links row */
.footerlinks {
	margin-top:-15px;
}

/* Sitewide style for footer centered links */
.mainfooterlink {
	width:100%;
	padding-left:0px;
	padding-right:0px;
	padding-top:3.5px;
	padding-bottom:3.5px;
	text-align:center;
}

/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-80px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-60px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-75px;
}
}


@media (max-width: 600px) {
/* modify styles for navbar logo */ 	
#custom .navbar-brand .logo {
	padding-left:8px;
	margin-left:10px;
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	padding-left:8px;
	margin-left:10px;
}

/* style to force a carriage return */	
.linebreak {
	display:block;
	height:0px;
}

/* ------------------------- BEGIN footer styles ------------------------- */	
/* styles for signup row */
.signups {
	margin-left:5%;
	margin-right:5%;
	width:90%;
}

/* styles for signup submit button */
#custom .btn-default {
	width:20%;
}
/* ------------------------- END footer styles ------------------------- */	
}


@media (max-width: 565px) {
/* Reduce size and top padding of sitewide style for main page headings */	
#custom h1 {
	font-size:28px;
	margin-top:10px;
}	

/* Reduce size of sitewide style for main page h2 subheadings */
#custom h2 {
    font-size: 22px;
	line-height:1.15em;
}

/* Reduce size and right margin size of sitewide style for main page h3 subheadings */
#custom h3 {
    font-size: 20px;
	padding-right:25px;
}

/* Reduce size of sitewide style for main page h4 subheadings */
#custom h4 {
    font-size: 19px;
	padding-top: 6px;
	padding-left:15px;
	line-height: 28px;
}	
	
/* Reduce font size style for main page paragraph text */
#custom p {
    font-size: 16px;
	line-height: 25px;
	padding-bottom:5px;
}	

/* modify styles for list items in a .row under ul's or ol's in the main body area sitewide */
#custom .wrapper .container .maincontainer ul, .wrapper .container .maincontainer ol {
	margin-left:0px;
}	

/* ------------------------- BEGIN footer styles ------------------------- */

/* styles for top footer area, containing baseline for skyscrapers in the deepest background */
.footer-top-cityline {
	margin-top:0px;
}

/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-90px;
}

/* styles for middle footer area, containing baseline for buildings in the middle background */
.footer-middle-cityline {
	margin-top:0px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-60px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-80px;
}

/* modify styles for logo in footer area */
#custom .footer-brand .footerlogo {
	margin: 0 auto;
	text-align:center; 
	display:block;
	padding-left:0px;
	max-width: 319px;
	width:319px;
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	margin: 0 auto;
	text-align:center;
	display:block;
	padding-left:0px;
	width:319px;
	max-width: 319px;
}
	
/* styles for signup form field */	
#custom .form-control {
	width:75%;
	min-width:75%;
	margin-right:3%;
	font-size:19px;
}

/* styles for signup submit button */
#custom .btn-default {
	width:22%;
}	
/* ------------------------- END footer styles ------------------------- */
}


@media (max-width: 522px) {
/*alter vertical spacing of header links to retain proper positioning*/
#custom .navbar-nav li {
	margin-top: -20px;
}

/* ------------------------- BEGIN footer styles ------------------------- */
/* styles for signup are */
.signups {
	height: 40px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left:5%;
	margin-right:5%;
	width:90%;
}

/* styles for signup form field */	
#custom .form-control {
	width:95%;
	min-width:95%;
	margin-left:2.5%;	
	margin-right:2.5%;
	font-size:20px;
}

/* styles for signup submit button */
#custom .btn-default {
	margin-top:15px;
	margin-bottom:30px;
	margin-left:38%;
	margin-right:38%;
	width:24%;
}
/* ------------------------- END footer styles ------------------------- */	
}


@media (max-width: 483px) {
/* modify nav header width to remove horizontal scrollbar */
#custom .navbar {
	width:96.5%;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:365px;
	padding-top:800px;	
}

/* styles for SVG header LTN logo */
.headerlogo {
	height:67.5px;	
	margin-top:6px;
	margin-left:12.5px;
}

/* navbar - background area for logo adjusted */
#custom .navbar-brand {
	margin-top:-5px;
}
/* BEGIN REPOSITIONING FIXES */
/* alter vertical spacing of header links to retain proper positioning for: FIREFOX */
@-moz-document url-prefix() {
#custom .navbar-brand {
	margin-top:-5px;
}
}
/* alter vertical spacing of header links to retain proper positioning for: CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .navbar-brand {
	margin-top:-5px;
}
}
/* alter vertical spacing of header links to retain proper positioning for: SAFARI */
 ::i-block-chrome, #custom .navbar-brand {
    margin-top:-5px;
}
/* alter vertical spacing of header links to retain proper positioning for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .navbar-brand {
    margin-top:-5px;
}
}
/* END REPOSITIONING FIXES */

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:365px; /*365px; */
	padding-top:8px;
}
}


@media (max-width: 470px) {
/* navbar - background area for logo adjusted */
#custom .navbar-brand {
	margin-top:0px;
}
/* BEGIN REPOSITIONING FIXES */
/* alter vertical spacing of header links to retain proper positioning for: FIREFOX */
@-moz-document url-prefix() {
#custom .navbar-brand {
	margin-top:0px;
}
}
/* alter vertical spacing of header links to retain proper positioning for: CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .navbar-brand {
	margin-top:0px;
}
}
/* alter vertical spacing of header links to retain proper positioning for: SAFARI */
 ::i-block-chrome, #custom .navbar-brand {
    margin-top:0px;
}
/* alter vertical spacing of header links to retain proper positioning for: IE 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {  
#custom .navbar-brand {
    margin-top:0px;
}
}
/* END REPOSITIONING FIXES */

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:340px;
	padding-top:11px;
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:340px;
	padding-top:0px;
}

/* styles for SVG header LTN logo */
.headerlogo {
	height:67.5px;	
	margin-top:6px;
	margin-left:12.5px;
}

/* Sitewide style for footer links row */
.footerlinks {
	margin-top:80px;
}
	
/* styles for logo in footer area */
#custom .footer-brand .footerlogo {
	margin-bottom:40px;
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	margin-bottom: 40px;
}	
}


@media (max-width: 450px) {
/* navbar - background area for hamburger pop-open menu buttons */
#custom .navbar-default .navbar-nav  {
	margin-top:0px;
}

/* navbar - adjust the positioning and opacity of the button links container once opened from collapsed hamburger menu */
#custom .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	margin-top:3px;
}

/* styles for SVG header LTN logo */
.headerlogo {
	height:43.5px;	
	margin-top:11px;
	margin-left:33px;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:325px;
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:325px;
	margin-top:-4px;
}

/* modify override sitewide style padding width for row */		
#custom .wrapper .container .row {
	padding-left:0px;
	margin-left:0px;
}
	
/* modify sitewide left margin style for column containing picture */
#custom .wrapper .container .row .col-md-5 {
	margin-left:0px;
}	

/* override sitewide style padding width for column containing text */	
#custom .wrapper .container .row .col-md-6 {
	padding-left:0px;
	padding-right:0px;
}		
	
/* override sitewide style padding width for column containing text */	
#custom .wrapper .container .row .col-md-7 {
	padding-left:0px;
	padding-right:0px;	
}

/* ------------------------- BEGIN footer styles ------------------------- */

/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-80px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-55px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-90px;
}

#custom .footer-brand .footerlogo {
	width: 66%;
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	width: 76%;
}

/* styles for signup form field */
#custom .form-control-v2 {
	display:block;
	float:left;
	height:48px;
	width:95%;
	min-width:95%;
	margin-left:2.5%;	
	margin-right:2.5%;
	padding-left:20px;
	padding-right:20px;
	font-size:20px;
	color:#bbbbbb;
	background-color:#666666;
	border-radius:0px;
	border:0px;
	text-align:left;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);	
}

/* BEGIN COLOR FIXES */
/* alter form text color for: CHROME, OPERA, EDGE */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#custom .form-control-v2  {
	color:yellow;
}
}
/* END COLOR FIXES */

#custom .form-control-v2:focus {
  border-color: #666666;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(0, 0, 0, 0);
          box-shadow: inset 0 0px 0px rgba(0,0,0,0), 0 0 0px rgba(0, 0, 0, 0);
}
#custom .form-control-v2:-moz-placeholder {
  color: #bbbbbb;
}
#custom .form-control-v2::-moz-placeholder {
  color: #bbbbbb;
  opacity: 1;
}
#custom .form-control-v2:-ms-input-placeholder {
  color: #bbbbbb;
}
#custom .form-control-v2::-webkit-input-placeholder {
  color: #bbbbbb;
}

/* styles for signup form field at res above 450 */
#custom .form-control {
	display:none;
}
	
/* styles for signup submit button */
#custom .btn-default {
	margin-left:35%;
	margin-right:35%;
	width:30%;
}	

/* ------------------------- END footer styles ------------------------- */
}


@media screen and (max-width: 435px) {
/* styles for SVG header LTN logo */
.headerlogo {
	height:45px;	
	margin-top:0px;
	margin-left:13px;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:300px;
	padding-top:13px;	
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:300px;
	padding-top:0px;
}
}


@media screen and (max-width: 417px) {
/* modify nav header width to remove horizontal scrollbar */
#custom .navbar {
	width:96%;
}

/* styles for SVG header LTN logo */
.headerlogo {
	height:44px;	
	margin-top:0px;
	margin-left:13px;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:275px;
	padding-top:14px;
	padding-right:0px;
	margin-right:-10px;	
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:275px;
	padding-top:0px;
	padding-right:0px;
	margin-right:-10px;
}

/* ------------------------- BEGIN footer styles ------------------------- */	
/* styles for signup submit button */
#custom .btn-default {
	margin-left:33%;
	margin-right:33%;
	width:34%;
}	
/* ------------------------- END footer styles ------------------------- */	
}


@media screen and (max-width: 400px) {
/* override default property from bootstrap.css stylesheet that causes IE to scale oddly at res 400 and below */
@-ms-viewport {
    width: auto;
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	margin-top:-1px;
}

/* styles for SVG header LTN logo */
.headerlogo {
	height:38px;	
	margin-top:20px;
	margin-left:33px;
}

/* style to force a carriage return */	
.linebreak2 {
	display:block;
	height:0px;
}
}


@media screen and (max-width: 378px) {
/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	margin-top:-2.25px;
}

/* styles for SVG header LTN logo */
.headerlogo {
	height:40px;	
	margin-top:0px;
	margin-left:33px;
}
}


@media screen and (max-width: 368px) {
/* styles for SVG header LTN logo */
.headerlogo {
	height:40px;	
	margin-top:0px;
	margin-left:13px;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:250px;
	padding-top:15px;	
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:250px;
	padding-top:-15px;
}

/* modify nav header width to remove horizontal scrollbar */
#custom .navbar {
	width:95.5%;
}

/* ------------------------- BEGIN footer styles ------------------------- */
/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-70px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-50px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-90px;
}

/* styles for signup form field */
#custom .form-control-v2 {
	padding-left:15px;
	padding-right:15px;
	font-size:18.5px;
}
	
/* styles for signup submit button */
#custom .btn-default {
	margin-left:31%;
	margin-right:31%;
	width:38%;
}	
/* ------------------------- END footer styles ------------------------- */
}


@media screen and (max-width: 350px) {
/* styles for SVG header LTN logo */
.headerlogo {
	height:49px;	
	margin-top:0px;
	margin-left:10px;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:242px;
	padding-top:15px;
	padding-right:0px;
	margin-right:-10px;	
	padding-left:0px;
	margin-left:10px;
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:242px;
	padding-top:15px;
	padding-right:0px;
	margin-right:-10px;
	padding-left:0px;
	margin-left:10px;
	margin-top:-14px;
}
}


@media (max-width: 336px) {
/* -------------------- BEGIN banner and banner transition styles -------------------- */
/* styles for SVG header LTN logo */
.headerlogo {
	height:49px;	
	margin-top:0px;
	margin-left:24.5px;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:235px;
	padding-top:16px;
	padding-right:0px;
	margin-right:-10px;	
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:235px;
	padding-top:16px;
	padding-right:0px;
	margin-right:-10px;
	margin-top:-15px;
}

/* style to hide unnecessary navbar image */	
#navbarImage {
	display: none;
}
	
#bannerContentSm {
	/* display: normal; */
	display: none; /* ADDED */
}
/* -------------------- END banner and banner transition styles -------------------- */


/* ------------------------- BEGIN footer styles ------------------------- */
/* styles for middle footer area, containing buildings in the middle background */
.footer-middle {
	margin-top:-70px;
}

/* styles for bottom footer area, containing buildings in the foreground */
.footer-bottom {
	margin-top:-56px;
}

/* styles for base of the footer area, containing footer links */
.footer-base {
	margin-top:-100px;
}

/* styles for logo in footer area */
#custom .footer-brand .footerlogo {
	width:60%;
	max-width:300px;
	padding-left:0px;
	padding-right:0px;
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	width:90%;
	max-width:300px;
	padding-left:0px;
	padding-right:0px;
}
	
/* styles for signup submit button */
#custom .btn-default {
	margin-left:28%;
	margin-right:28%;
	width:44%; 
}

/* style to create separation between footer social media icons */
.shim4icons {
	width:20px;
}	
/* ------------------------- END footer styles ------------------------- */
}


@media screen and (max-width: 328px) {
/* styles for SVG header LTN logo */
.headerlogo {
	height:50px;	
	margin-top:0px;
	margin-left:24.5px;
}

/* modify nav header width to remove horizontal scrollbar */
#custom .navbar {
	width:95%;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:226px;
	padding-top:15px;
	padding-right:0px;
	margin-right:-10px;	
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:226px;
	padding-top:15px;
	padding-right:0px;
	margin-right:-10px;
	margin-top:-15px;
}

/* styles for signup form field */
#custom .form-control-v2 {
	padding-left:12.5px;
	padding-right:12.5px;
	font-size:16.5px;
}

/* styles for logo in footer area */
#custom .footer-brand .footerlogo {
	width:58%;
	max-width:300px;
	padding-left:0px;
	padding-right:0px;	
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	width: 90%;
	max-width: 300px;
	padding-left:0px;
	padding-right:0px;
}
}


@media (max-width: 320px) {
/* styles for SVG header LTN logo */
.headerlogo {
	height:50px;	
	margin-top:0px;
	margin-left:24.5px;
}

/* navbar - position of hamburger menu */	
#custom .navbar-default .navbar-toggle {
	margin-right:12px;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:224px;
	padding-top:15.5px;
	padding-right:0px;
	margin-right:-10px;	
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:224px;
	padding-top:15.5px;
	padding-right:0px;
	margin-right:-10px;
	margin-top:-15px;	
}

/* ------------------------- BEGIN footer styles ------------------------- */
/* styles for logo in footer area */
#custom .footer-brand .footerlogo {
	width:58%;
	max-width:290px;
	padding-left:0px;
	padding-right:0px;	
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	width: 90%;
	max-width: 290px;
	padding-left:0px;
	padding-right:0px;
}
/* ------------------------- END footer styles ------------------------- */
}


@media (max-width: 315px) {
/* styles for SVG header LTN logo */
.headerlogo {
	height:50px;	
	margin-top:20px;
	margin-left:24.5px;
}

/* styles for navbar logo */ 	
#custom .navbar-brand .logo {
	width:150px;
	padding-top:15.5px;
	padding-right:0px;
	margin-right:-10px;	
}

/* modify styles for navbar logo link positioning */ 	
#custom .navbar-brand .headerlogo {
	width:150px;
	padding-top:15.5px;
	padding-right:0px;
	margin-right:-10px;
}

/* styles for logo in footer area */
#custom .footer-brand .footerlogo {
	width:58%;
	max-width:250px;
	padding-left:0px;
	padding-right:0px;	
}

/* modify styles for SVG footer LTN logo */
#custom .footerlogo .thefooterlogo {
	width: 90%;
	max-width: 250px;
	padding-left:0px;
	padding-right:0px;
}
}

/* ------------------------------------ END RESPONSIVE STYLES FOR ALTERNATE RESOLUTIONS ------------------------------------ */