/* ============ FONTS =========================================

font-family: 'Rama Gothic E W01 Regular', arial, sans-serif;   HEADLINES
font-family: 'Merriweather', serif;   HEADLINES SERIF
font-family: 'Montserrat', arial, sans-serif;  PARAGRAPHS
font-family: 'Open Sans Condensed', arial, sans-serif;  NAV
*/


/* ============ PALETTE =========================================

logo blue:			#65a7c9
font blue:			#57acd8
pastel blue:		#7ab0c8
nav blue:			#59a6d1
white blue:		#f4f9fb
black:					#11181f

*/

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=884f8a9b-a52b-42a2-a2c2-744adaf551f3");
@font-face{
font-family:"Rama Gothic E W01 Regular";
src:url("../fonts/bebc6dcf-d6c6-4023-9ab6-fc3949b5435c.eot?#iefix");
src:url("../fonts/bebc6dcf-d6c6-4023-9ab6-fc3949b5435c.eot?#iefix") format("eot"),url("../fonts/e9c637ea-9c5b-4795-b84a-42d58b7408fa.woff2") format("woff2"),url("../fonts/6f933037-46a7-4c21-9a19-3d3e93e2441b.woff") format("woff"),url("../fonts/8594ba17-be9d-4d4f-b5f3-58f883ed995d.ttf") format("truetype"),url("../fonts/40168ad5-f391-4daa-acb0-580a51e1d6d1.svg#40168ad5-f391-4daa-acb0-580a51e1d6d1") format("svg");
}
@font-face{
        font-family:"Rama Gothic E W01 Light";
        src:url("../fonts/53353c74-8ea6-41da-9520-e40839c552e1.eot?#iefix");
        src:url("../fonts/53353c74-8ea6-41da-9520-e40839c552e1.eot?#iefix") format("eot"),url("../fonts/c4d06be5-3aef-46f3-a0c5-54cd2791fcbd.woff2") format("woff2"),url("../fonts/99a2c88c-7485-41d8-b0c2-694437f558f3.woff") format("woff"),url("../fonts/c8aace6b-3e18-40d1-89be-45405e7a051a.ttf") format("truetype"),url("../fonts/fac60283-2ec3-4847-93fe-e4be1822c57d.svg#fac60283-2ec3-4847-93fe-e4be1822c57d") format("svg");
    }
@font-face{
        font-family:"Rama Gothic M W01 SemiBold";
        src:url("../fonts/458f3ae8-7f6a-45a6-9194-3c7c1ac00c0e.eot?#iefix");
        src:url("../fonts/458f3ae8-7f6a-45a6-9194-3c7c1ac00c0e.eot?#iefix") format("eot"),url("../fonts/fbcd78a3-7818-4430-ae1d-455b096fe618.woff2") format("woff2"),url("../fonts/fad1bcbe-c5cf-4fdb-9b1b-999774506ac0.woff") format("woff"),url("../fonts/ce972fc0-9d2a-48cb-a6d8-f1199950b6f2.ttf") format("truetype"),url("../fonts/7cdaaad3-3688-4965-a8f9-69ca3f2ab054.svg#7cdaaad3-3688-4965-a8f9-69ca3f2ab054") format("svg");
    }
@font-face{
        font-family:"Rama Gothic M W01 Light";
        src:url("../fonts/22a6d3cc-2b2a-4eaf-a7e5-a8c4c07f20e3.eot?#iefix");
        src:url("../fonts/22a6d3cc-2b2a-4eaf-a7e5-a8c4c07f20e3.eot?#iefix") format("eot"),url("../fonts/299359d7-bd73-43e9-89bd-00273d9daea5.woff2") format("woff2"),url("../fonts/7689e2ee-b0e5-4fdf-a408-55098a2f7d95.woff") format("woff"),url("../fonts/f5a2e415-a6bb-4bc5-863e-b9e8da55909f.ttf") format("truetype"),url("../fonts/71f37557-ec8c-4375-9ff2-381c03e23536.svg#71f37557-ec8c-4375-9ff2-381c03e23536") format("svg");
    }
    @font-face{
        font-family:"Rama Gothic M W01 Regular";
        src:url("../fonts/89c3d2c3-5570-4311-b285-9d9a8aa8a85e.eot?#iefix");
        src:url("../fonts/89c3d2c3-5570-4311-b285-9d9a8aa8a85e.eot?#iefix") format("eot"),url("../fonts/5265c5f8-3e78-4721-9c2f-9fecc7a98ec9.woff2") format("woff2"),url("../fonts/49d3bb9f-967b-42aa-b815-afdae1f19494.woff") format("woff"),url("../fonts/8163a9eb-9460-495b-821b-c47b7ca015fe.ttf") format("truetype"),url("../fonts/fb101fda-f19d-41b0-aafe-e6ea1a2527ab.svg#fb101fda-f19d-41b0-aafe-e6ea1a2527ab") format("svg");
    }

/* ==========================================================================
	Base
	========================================================================== */

html
{
min-height: 100%;
overflow: visible;
font-size: 16px;
background: #fff;
}
body
{
background: transparent;
padding: 0;
margin: 0;
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
body, textarea
{
font-family: 'Montserrat', arial, sans-serif;
font-weight: 400; 
font-style: normal;
font-size: 16px;
color:#57acd8;
}



/* ==========================================================================
   global type 
   ========================================================================== */
h1,h2,h3,h4,h5,h6
{
font-size: 3.3em;
line-height: 1.0em;
padding: 0px 0 4px;
color: #11181f;
font-weight: 200;
font-family: 'Rama Gothic E W01 Regular', arial, sans-serif; 
}
h1
{
text-transform: uppercase;	
}
h2
{
font-size: 2.3em;
line-height: 1.0em;
padding: 0px 0 10px;
text-transform: uppercase;	
}
h3
{
font-size: 2.0em;
line-height: 1.3em;
padding: 0px 0 15px;
font-weight: bold;
}
.page-id-1318 #content.inside .alternatingCallouts .acEntry h3{
font-size: 2.3em;
line-height: 1.0em;
padding: 0px 0 10px;
text-transform: uppercase;	
font-weight: normal;
color: #fff;
}

h4,
.page-id-1318 #content #introContent h2
{
font-size: 1.7em;
padding: 0px 0 1.0em;
font-family: 'Lora', serif;
font-weight: 400;
font-style: italic;
/*color: #7ab0c8;*/
}
.page-id-1318 #content #introContent h2
{
text-transform: none;
}
h5
{
font-size: 1.3em;
font-weight: bold;
padding: 0px 0 15px;
text-transform: uppercase;
}
h6
{
font-size: 1.1em;
font-weight: 400;
padding: 0px 0 15px;
}
p
{
font-size: 1.0em;
line-height: 1.5em;
padding: 0px 0 15px;
font-weight: 400;
}
blockquote
{
font-size: 0.95em;	
}
ol
{
list-style: inside decimal;	
}
ul
{
list-style: outside disc;
margin-left: 14px;
}
ol, ul, dl
{
padding: 0px 0 15px 12px;
vertical-align: baseline;
}
dl
{
padding: 5px 0 12px 0px;
}
ul li
{
font-size: 1.0em;
line-height: 1.4em;
margin-right: 10px;
margin-left: 0px;
padding: 0em 0 10px 3px;
vertical-align: baseline;
font-weight: 300;
}
ul li ul
{
margin-top: 6px;	
}
ul li li
{
font-size: 1.0em;	
list-style: circle;
}
ol li
{
font-size: 1.0em;
line-height: 1.2em;
margin-right: 20px;
padding: 0em 0 0.5em 1.7em;
vertical-align: baseline;
font-weight: 300;
}
ol li li
{
font-size: 1.0em;	
}
dl dt, dl dd
{
font-size: 0.95em;
line-height: 1.0em;
margin-right: 10px;
margin-left: 0px;
padding: 0em 0 3px 0px;
vertical-align: baseline;	
font-weight: 300;
}
dl dd
{
padding: 0em 0 9px 0px;	
font-weight: 300;
}

a/*,
a:visited*/
{
color: #11181f;
text-decoration: none;
}
a:hover
{
color: #11181f;
text-decoration: underline;
}
a.nohover
{
text-decoration: none !important;
}
img.alignright
{
float: right;
margin: 3px 0px 12px 12px;
}
img.alignleft, span.alignleft
{
float: left;
margin: 3px 12px 12px 0px;
}
img.aligncenter
{
margin: 3px auto 3px auto;
}
.textCenter
{
text-align: center;	
}
.textRight
{
text-align: right;	
}
.textLeft
{
text-align: left;	
}
.semanticList, .semanticList li
{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;	
font-size: 1.0em;
line-height: 1.0em;
}
.semantic
{
padding: 0;
margin: 0;	
}

/* ==========================================================================
   special type 
   ========================================================================== */
#identity h1
{
font-size: 2.3em;
color: #fff;
font-family: 'Rama Gothic M W01 SemiBold', arial, sans-serif;
}
#identity h2
{
font-size: 1.0em;
font-family: 'Lora', serif;
text-transform: none;	
color: #fff;
font-weight: 400;
font-style: italic;
}
nav li
{
font-family: 'Open Sans Condensed', arial, sans-serif; 	
font-weight: 700;
text-transform: uppercase;
}
nav li li
{
font-weight: 300;
}
#splash h1
{
font-size: 7.5em;
}
#splash h2
{
font-size: 3.9em;
font-family: 'Lora', serif;	
text-transform: none;
font-weight: 700;
font-style: italic;
}
#splash #introContent h4
{
text-transform: capitalize;
}
a.chunky
{
text-transform: uppercase;
font-weight: 400;
}
#announcement a.chunky
{
width:100%;
line-height: 1.3em;
padding-top: 12px;
padding-bottom:12px;
}
#introCallouts .content p
{
font-size: 0.9em;	
}
#secondaryCallouts .topCallout h2
{
color: #fff;
font-size: 4.45em;
font-family: 'Lora', serif;	
text-transform: none;
font-weight: 400;
font-style: italic;
padding-bottom: 0.45em;
}
#secondaryCallouts .topCallout p
{
color: #fff;
font-size: 1.0em;
}

/* ==========================================================================
	structure
	========================================================================== */
	
section
{
width: 100%;
z-index: 20;
position: relative;
}
.pad
{
padding-left: 15px;
padding-right: 15px;	
}
.noPad
{
padding-left: 0px;
padding-right: 0px;	
}
.row
{
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 900px;
}
.fullWidth,
.row.fullWidth
{
width: 100%;	
max-width: 100%;
}

/* ==========================================================================
	header
	========================================================================== */
header
{
position: fixed;
z-index: 500;
width: 100%;
font-size: 0.7rem;
align-items: top;
padding-top: 15px;
}
header:before
{
content: '';
position: absolute;
width: 110%;
display: block;
background: rgba(1,11,48,0.3);
height: 125px;
top: -45px;
left: -15px;
transform: rotate(-1.85deg);
}
header #logo, header #logoText
{
display: inline-block;
vertical-align: top;
}
header #logoText
{
padding-left: 10px;	
}
header #logo img
{
height: 50px;
width: auto;	
}
header #logoText h1
{
padding: 7px 0 0 0;
line-height: 1.0em;	
}
header #logoText h2
{
text-shadow: 0 0 6px #000;	
}
/* ==========================================================================
	mobile nav
	========================================================================== */
header #navToggle
{
visibility: visible;
display: inline-block;	
transition: all 0.3s ease;
position: absolute;
right: 15px;
top: 0px;
height: 36px;
padding-top: 0px;
width: 36px;
background: rgba(0,0,0,0);
overflow: hidden;
text-align: center;
vertical-align: middle;
z-index: 25;
}
header #navToggle a 
{
color: #fff;
font-size: 27px;
line-height: 36px;
height: 36px;
width: 36px;
vertical-align: middle;
font-weight: 400;
display: block;
text-shadow: 0 0 8px #000;
}
header #navToggle a.close-menu
{
color: #57acd8;	
}
header #navToggle a span.icon-bar
{
display: block;
height: 4px;
width: 24px;
margin: 4px auto;
background: #fff;
-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.7);
box-shadow: 0 0 8px 0 rgba(0,0,0,0.7);
}
header #navToggle a.open-menu
{
padding-top: 3px;	
}
.main-nav 
{
position: fixed;
top: 0;
width: 0px;
right: -10px;
height: 100%;
z-index: 1000;
background: rgba(87,172,216,0.9);
overflow-y: auto;
transition: width 0.3s ease;
-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.7);
box-shadow: 0 0 8px 0 rgba(0,0,0,0.7);
text-shadow: 1px 1px 1px #317598;
padding: 15px 0;
}
.close-menu 
{
display: none;
}
#main-nav:target,
#main-nav.navActive
{
width: 220px;	
}
#main-nav:target + #navToggle,
#main-nav + #navToggle.navActive  
{
transform:translateX(-200px);
}
#main-nav:target + #navToggle .open-menu,
#main-nav + #navToggle.navActive .open-menu 
{
display: none;
}
#main-nav:target + #navToggle .close-menu,
#main-nav + #navToggle.navActive .close-menu 
{
display: block;
}
.main-nav ul.sub-menu
{
width: 200px;
padding: 0px 0px;
text-align: left;
margin: 0;
}
.main-nav ul li
{
padding: 0;
margin: 0;
display: block;
width: 100%;	
height: auto;
}
.main-nav ul li a
{
display: inline-block;
font-size: 1.1em;
line-height: 1.1em;
padding: 8px 15px 9px;
color: #f5f5f5;
text-transform: uppercase;
font-weight: 700;
}
.main-nav ul li li
{
padding-left: 20px;	
}
.main-nav ul li li a
{
font-weight: 400;	
padding-top: 0;
padding-bottom: 12px;
}
.main-nav.navActive ul li li.current-menu-item > a,
.main-nav.navActive ul li.current-menu-item > a
{
text-decoration: underline;
}
/* ==========================================================================
	splash area
	========================================================================== */
#splash
{
overflow: hidden;	
}
#splash:after
{
content: '';
position: absolute;
width: 110%;
display: block;
background: rgba(255,255,255,1);
height: 50px;
bottom: -30px;
left: -15px;
transform: rotate(4.085deg);
z-index: 100;
}
.slideContent.bgcover
{
z-index: 400;
}
#splashCaption
{
width: 100%;
position: relative;
top: 50%;
margin-top: -50px;
}
.slideContent
{
height: 400px;	
/*display: flex !important;*/
/*display: flex;*/
align-items: center;
justify-items: left;
font-size: 0.5rem;
background-position: 0% 60%;
z-index: 20;
}
.home .slideContent
{
/*display: flex!important;*/
}
/* Remove border from slides */
.bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
}
#slides
{
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;	
}
/* Hide BX-Clone Slides */
/*.bx-clone:only-child {display: none;}*/

#splash h1
{
padding-bottom: 0px;
text-shadow: 1px 1px 2px #444;
letter-spacing: -0.01em;
font-family: 'Rama Gothic M W01 Regular', arial, sans-serif;
}
#splash h2
{
padding-bottom: 0px;
text-shadow: 1px 1px 1px #666;
color: #fff;
}
#calloutRow
{
display: inline;	
}
.splashCallout
{
z-index: 150;	
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
}
.page-template-page-history .splashCallout
{
	bottom: auto;
	top: -31px;
}
.chunky
{
display: inline-block;
margin: 0 auto;
line-height: 2.4em;
color: #fff;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 0 10px;
background: rgba(87,172,216,1);
text-shadow: 0 1px 1px #4d99c0;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);
transition: all ease 500ms;
font-size: 13px;
}
.chunky:hover
{
background: rgba(17,24,31,1);
text-shadow: 0 1px 1px #111;
text-decoration: none;	
color: #fff;
}
p.breadcrumbs
{
color: #11181f;
}
p.breadcrumbs span.breadcrumb_last
{
color: #65a7c9;
}
p.breadcrumbs span.breadcrumb_last:only-child
{
color: #11181f !important;
}

@keyframes waveeffect {
  from {
    transform: translateX(-450px);
  }

  to {
    transform: translateX(2500px);
  }
}
#splash.firstSection .splashCallout .chunky{
	position: relative;
	overflow: hidden;
}
#splash.firstSection .splashCallout .chunky:after{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateX(-450px);
	content: '';
	z-index: 100;
	background: linear-gradient(115deg, rgba(87,172,216,0) 20%, rgba(255,255,255,0.65) 70%, rgba(87,172,216,0) 82%);
	animation-duration: 7.4s;
  	animation-name: waveeffect;
  	animation-iteration-count: infinite;
  	animation-direction: normal;
	animation-delay: 2s;
}

/* ==========================================================================
	content
	========================================================================== */
#content
{
position: relative;
z-index: 300;	
font-size: 0.75rem;
}
#content::before
{
    content: "";
    overflow: hidden;
    /*top: -100px;*/
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;

}
#content #introContent
{
padding: 25px 0 0;	
}
/* ==========================================================================
	custom page content
	========================================================================== */
body.home h4
{
color:#7ab0c8;
}
/* ==========================================================================
	team inside page content
	========================================================================== */
body.parent-pageid-13 #content.inside #introCallouts #coTwoCol
{
display: flex;
align-items: stretch;
justify-content: center;
}
body.parent-pageid-13 #content.inside #introCallouts #coTwoCol h1 {
    font-size: 2.3em;
}
#content.inside #introCallouts #coTwoCol .before-background
{
max-width: 100%;
}
.parent-pageid-13 #content.inside #introCallouts #coTwoCol .before-background
{
background-size: contain !important;
margin: 0 auto;
}
.parent-pageid-13 #content.inside #introCallouts #coTwoCol .before-background {
    max-width:95%;
}
/* Office Page */
body.page-id-47 section#introCallouts, body.page-id-47 section#introCallouts .content, body.page-id-47 #content.inside > section#introContent
{
padding: 0;
}
body.page-id-47 #content.inside #introCallouts .content
{
margin: 0 20px;
}
body.page-id-47 #content.inside #introCallouts #coTwoCol .content p,
body.page-id-47 #content.inside #introCallouts #coTwoCol .content ul li
{
font-size: 1.0em;
line-height: 1.5em;
font-weight: 400;
}
body.page-id-47 #content.inside #introCallouts #coTwoCol .content p
{
padding: 0px 0 15px;
}
body.page-id-47 #content.inside #introCallouts #coTwoCol .content ul li
{
padding: 0px 0 15px;
}
/* ==========================================================================
	inside intro callouts
	========================================================================== */
#content.inside #introCallouts
{
    padding-top: 0px;
}

/* ==========================================================================
	home intro callouts
	========================================================================== */
#introCallouts
{
padding-top: 25px;	
}
#introCallouts .row > div
{
padding-left: 0;
padding-right: 0;
background: #f4f9fb;
}
#introCallouts >#coTwoCol.row > div
{
background: #fff;
}
#introCallouts > #coTwoCol .content{
border-top: none;
}
#introCallouts .row > div > div.before-background,
#introCallouts .row > div > a > div.before-background
{
content: '';
display: block;
position: relative;
width: 100%;
height: 290px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;	
}
/*#introCallouts .row #coHistory:before
{
content: "";
background-image: url(../i/home/history.jpg);
}
#introCallouts .row #coLivability:before
{
content: "";
background-image: url(../i/home/livability.jpg);
}
#introCallouts .row #coAccessibilty:before
{
content: "";
background-image: url(../i/home/accessibility.jpg);
}*/
#introCallouts .content
{
border-top: 8px solid #57acd8;
padding: 20px 25px 10px;
}
#introCallouts .content h2
{
padding-bottom: 5px;
}
#introCallouts .content a p
{
color: #57acd8;	
line-height: 1.5em;
}
.home #introCallouts .content a p:after,
#introCallouts .content a ~ p:last-child:after
{
content: '\0020 \00bb';
color: #11181f;
font-size: 1.15rem;
line-height: 0.9em;
}
#introCallouts .content a p span
{
font-size: 1.15rem;	
line-height: 0.9em;
color: #11181f;
}
#introCallouts .content a:hover
{
text-decoration: none;	
}
/* ==========================================================================
	home secondary callouts
	========================================================================== */
#secondaryCallouts
{
margin-top: 8px;	
}
#secondaryCallouts .topCallout
{
height: 280px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
background-position: 100% 50%;
font-size: 0.6rem;
padding-bottom: 15px;
text-shadow: 0 1px 1px #333;
margin-bottom: 8px;
}
#secondaryCallouts .topCallout.bgDiamondTop
{
height:320px;
}
#secondaryCallouts .topCallout.bgDiamondTop:after
{
content: '';
height: 20px;
width: 0px;
display: block;
position: absolute;
top: 0px;
left: 50%;
margin: 0 0 0 -45px;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
border-top: 20px solid #fff;
}
#secondaryCallouts .topCallout .chunky
{
font-size: 13px;
}
#secondaryCallouts .topCallout .row
{
width: 100%;	
}
#secondaryCallouts .splashCallout
{
position: relative;
bottom: auto;
width: auto;
text-align: left;
margin-top: 15px;
}
#secondaryCallouts .subCallout
{
padding-left: 0;
padding-right: 0;
background: #57acd8;
text-shadow: 0 1px 1px #4d99c0;
}
#secondaryCallouts .subCallout .content
{
padding: 20px 25px 10px;
}
#secondaryCallouts .subCallout h2,
#secondaryCallouts .subCallout p
{
color: #fff;	
}
#secondaryCallouts .subCallout p a
{
color: #fff;	
font-weight: 700;
}
#secondaryCallouts .subCallout p a span
{
font-size: 1.15rem;	
line-height: 0.9em;
font-weight: 400;	
}
#secondaryCallouts .subCallout p a:hover
{
text-decoration: none;	
}
#secondaryCallouts .subCallout.dark
{
background: #11181f;	
text-shadow: none;
}
#secondaryCallouts .subCallout.dark p
{
color: #97c5d9;
}
#secondaryCallouts .subCallout .before-background
{
content: '';
display: block;
position: relative;
width: 100%;
height: 240px;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;	
}
#secondaryCallouts #scoLivability:before
{
background-image: url(../i/home/hudsonValley.jpg);
}
#secondaryCallouts #scoAccessibilty:before
{
background-image: url(../i/home/rendering.jpg);
}
#secondaryCallouts .subCallout p:last-child a, #secondaryCallouts .subCallout .content p > a
{
border-bottom: 1px solid #fff;
color: #fff;	
}
#insideCallouts .content p:last-child a:after, #secondaryCallouts .subCallout .content p > a:after
{
content: '\0020 \00bb';
font-size: 1.15rem;
line-height: 0.9em;
color: #fff;
}

/* ==========================================================================
	footer
	========================================================================== */
footer
{
padding-top: 40px;
padding-bottom: 30px;	
font-size: 0.6rem;
text-align: center;
color: #7c7c7c;
}
footer #copyright
{
text-transform: uppercase;	
}
footer #copyright p .footerAddress 
{
display: block;
margin-top: 4px;
margin-bottom: 15px;
}
footer #copyright p .footerAddress span
{
visibility: hidden;
}
footer #copyright p .footerNav span
{
padding: 0 8px;	
}
footer #copyright p a
{
color: #7c7c7c;	
}
footer #copyright p a:hover
{
color: #57acd8;	
}
footer #eoh
{
padding: 15px 50px 0;
background: url(../i/equalOpHousingLogo.png) 15px 16px no-repeat;
background-size: 30px 24px;	
}
footer #social ul
{
display: block;
text-align: center;	
}
footer #social ul li
{
display: inline-block;
margin: 0 6px;	
}
footer #social ul li span
{
position: absolute;
left: -9999em;	
}
footer #social ul li a
{
font-size: 1.6rem;
color: #7c7c7c;	
transition: all 500ms ease;
}
footer #social ul li a:hover
{
color: #57acd8;		
}
/* ==========================================================================
	inside content breadcrumbs
	========================================================================== */
#content.inside #crumbs{
	visibility: hidden;
	display: none;
}
#bcWrap, #bcWrap a span
{
color: #11181f;	
}
#bcWrap span.breadcrumb_last
{
color: #57acd8;	
}
/* ==========================================================================
	inside content
	========================================================================== */
#content.inside #introContent
{
padding-bottom: 20px;
}
#content.inside #introContent h1 span
{
color: #57acd8;	
}
#content.inside #introContent h1
{
padding-bottom: 0;
}
#content.inside .alternatingCallouts .acPic,
#content.inside .alternatingCallouts .acText
{
height: 240px;
}
#content.inside .alternatingCallouts .acPic
{
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
#content.inside .alternatingCallouts .bgBottomAnchor
{
background-position: 50% 100%;	
}
#content.inside .alternatingCallouts .acText
{
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
position: relative;
}
#content.inside .alternatingCalloutsArrowed .acText:before
{
content: '';
height: 20px;
width: 0px;
display: block;
position: absolute;
top: 0px;
left: 50%;
margin: -20px 0 0 -45px;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
border-bottom: 20px solid #57acd8;
}
#content.inside .alternatingCalloutsArrowed .acEntry:nth-child(odd) .acText:before
{
border-bottom: 20px solid #11181f;
}
#content.inside .alternatingCallouts .acEntry:nth-child(odd)
{
background: #11181f;
}
#content.inside .alternatingCallouts .acEntry:nth-child(even)
{
background: #57acd8;
text-shadow: 0 1px 1px #4d99c0;
}
#content.inside .alternatingCallouts .acEntry .content
{
padding: 20px 25px 5px;
}
#content.inside .alternatingCallouts .acEntry h2,
#content.inside .alternatingCallouts .acEntry p
{
color: #fff;	
}
#content.inside .alternatingCallouts .acEntry p a
{
color: #fff;	
font-weight: 700;
}
#content.inside .alternatingCallouts .acEntry p a span
{
font-size: 1.15rem;	
line-height: 0.9em;
font-weight: 400;	
}
#content.inside .alternatingCallouts .acEntry p a:hover
{
text-decoration: none;	
}
#content.inside .alternatingCallouts .acEntry:nth-child(odd) p
{
/* color: #97c5d9; */
color: #57acd8
}
#content.inside .alternatingCallouts .acEntry p:last-child a
{
text-decoration: underline;	
color: #fff;
}

/* ==========================================================================
	inside chunky callout
	========================================================================== */
#introCallout
{
text-align: right;
position: relative;
height: 80px;
display: flex;
align-items: center;
}
#introCallout .longLeftChunky
{
margin: 0;
width: 100%;
text-align: left;
z-index: 100;
position: static;
}
#introCallout img
{
position: absolute;
z-index: 200;
height: 80px;
width: auto;
top: 0;
right: 40px;
}
/* =========== BootStrap 4 SMALL (SM) breakpoint =========== */
@media only screen and (min-width: 576px) {
/* ==========================================================================
	header @SM
	========================================================================== */
header
{
font-size: 0.75rem;
}
header #logoText
{
padding-left: 10px;	
}
header #logo img
{
height: 60px;
width: auto;	
}
header #logoText h1
{
padding-top: 11px;
}
/* ==========================================================================
	splash area @SM
	========================================================================== */
#splash:after
{
height: 60px;
bottom: -30px;
}
.splashCallout
{
bottom: 10px;
}
.page-template-page-history .splashCallout
{
	bottom: auto;
	top: -41px;
}
/* ==========================================================================
	home intro callouts @SM
	========================================================================== */
#introCallouts .row > div > div.before-background,
#introCallouts .row > div > a > div.before-background
{
height: 300px;
}
/* ==========================================================================
    team intro callouts @SM
    ========================================================================== */

#content.inside #introCallouts #coTwoCol .before-background
{
    max-width: 70%;
    margin: 0 auto;
}
.parent-pageid-13 #content.inside #introCallouts #coTwoCol .before-background
{
    background-size: contain !important;
}
.parent-pageid-13.page-id-68 #content.inside #introCallouts #coTwoCol .before-background {
    max-width: 85%;
}

/* ==========================================================================
	home secondary callouts @SM
	========================================================================== */
#secondaryCallouts .topCallout
{
height: 300px;
align-items: center;
font-size: 0.7rem;
padding-bottom: 0px;
}
#secondaryCallouts .topCallout.bgDiamondTop
{
height:380px;
}
#secondaryCallouts .topCallout .row
{
width: 100%;	
}
#secondaryCallouts .topCallout .row h2
{
width: 40%;	
}
#secondaryCallouts .subCallout .before-background
{
height: 320px;
}
/* ==========================================================================
	footer @SM
	========================================================================== */
footer #copyright
{
margin-bottom: 0px;
}
footer #copyright p .footerAddress 
{
display: inline;
margin-top: 0px;
margin-bottom: 0px;
}
footer #copyright p .footerAddress span
{
visibility: visible;
padding: 0 2px;
}
footer #copyright p .footerAddress span:last-of-type
{
visibility: hidden;	
}
footer #copyright p .footerNav
{
display: block;
margin-top: 10px;
margin-bottom: 0px;	
}
footer #eoh
{
padding: 0px 0px 0 60px;
background-position: 15px 2px;
background-size: 30px 24px;	
text-align: left;
}
footer #social ul
{
display: block;
text-align: right;	
}
footer #social ul li
{
margin: 0 0 0 10px;	
}

}

/* =========== BootStrap 4 MEDIUM (md) breakpoint =========== */
@media only screen and (min-width: 768px) {
/* ==========================================================================
	header @MD
	========================================================================== */
#wrapper
{
width: 100%;
overflow: hidden;
position: relative;
max-width: 2400px;
margin: 0 auto;
}
header:before
{
height: 160px;	
}
header
{
font-size: 0.7rem;
padding-top: 25px;
position: absolute;
}
header #identity
{
width: 29%;
/*flex: 0 0 29%;*/
flex: none;
-ms-flex: none;
max-width: 100%;
padding-right: 0px;
}
header #headerNav
{
width: 71%;
/*flex: 0 0 71%;*/
flex: none;
-ms-flex: none;
max-width: 100%;
padding-left: 0px;
}
header #logo img
{
height: 90px;
}
header #logoText h1
{
padding-top: 30px;
}
/* ==========================================================================
	splash area @MD
	========================================================================== */
#splash:after
{
height: 75px;
bottom: -40px;
left: -15px;
}
.slideContent
{
height: 520px;	
font-size: 0.65rem;
}
#splash #calloutRow
{
display: block;
position: absolute;
bottom: 20px;
left: 0px;
width: 100%;
}
#splash.firstSection .splashCallout
{
position: relative;
bottom: auto;
margin-left: 33.333333%;
width: 66.666667%;
padding-left: 0px;
}
#splash.firstSection .splashCallout .chunky
{
margin-left: 30px;	
}
.page-template-page-history #content #calloutRow
{
display: block;
position: absolute;
bottom: auto;
top: -24px;
left: 0px;
width: 100%;
}
.page-template-page-history .splashCallout
{
position: relative;
margin-left: 33.333333%;
width: 66.666667%;
padding-left: 0px;
left: 0px;
top: 0px;
}
.page-template-page-history .splashCallout .chunky
{
margin-left: 30px;	
}
.chunky
{
padding: 0 20px;
}
.chunky,
#secondaryCallouts .topCallout .chunky
{
font-size: 14px;
}
/* ==========================================================================
    home intro callouts @MD
    ========================================================================== */
#introCallouts .row > div > div.before-background,
#introCallouts .row > div > a > div.before-background
{
    height: 300px;
}
/* ==========================================================================
    team intro callouts @MD
    ========================================================================== */

#content.inside #introCallouts #coTwoCol .before-background
{
    max-width: 100%;
}
.parent-pageid-13.page-id-66 #content.inside #introCallouts #coTwoCol .before-background
{
    background-size: contain !important;
    max-width: 85%;
}

/* ==========================================================================
	main nav @MD
	========================================================================== */
header #navToggle
{
visibility: hidden;
display: none;	
}
header #main-nav
{
display: block;
position: relative;
margin: 25px 0 0 0;
width: 100%;
right: auto;
top: auto;
background: none;
overflow-y: visible;
transition: none;
-webkit-box-shadow: none;
box-shadow: none;
}
header #main-nav ul
{
position: relative;	
text-align: right;
padding: 0;
width: 100%;
display: block;
}
header #main-nav > ul > li
{
display: inline-block;	
margin-left: 16px;
position: relative;
width: auto;
height: 40px;
}
header #main-nav > ul > li:first-child
{
padding-left: 0px;
}
header #main-nav ul li a,
header .main-nav ul li a:active
{
display: block;
font-size: 1.15em;
line-height: 1.2em;
text-decoration: none;
padding: 0;
color: #fff;
transition: color 500ms ease;
}
header #main-nav > ul > li > a
{
text-shadow: 0.5px 0.5px 1px #777;	
}
.main-nav ul li ul li a:active
{
background: transparent;
font-style: normal;
text-decoration: none;
}
header #main-nav ul li a span
{
display: inline-block;
position: relative;	
}
header #main-nav > ul > li.current-menu-item > a span span:after,
header #main-nav > ul > li.current-menu-parent > a span span:after,
header #main-nav > ul > li.current-menu-ancestor > a span span:after
{
content: '';
position: absolute;
width: 100%;
height: 4px;
background: #57acd8;
left: 0px;
display: block;
opacity: 1;
bottom: -7px;	
}
header #main-nav > ul > li:hover > a
{
color: #f4f9fb;	
}
/*header #main-nav > ul > li:hover > a span span:after
{
opacity: 1;
bottom: -7px;	
}
header #main-nav > ul > li.current_page_item > a span span:after
{
bottom: -7px;
transition: none;
background: #f5f5f5;
opacity: 1;	
}*/
header #main-nav ul ul li a span span:after
{
visibility: hidden;
display: none;	
}
header #main-nav ul > li > ul
{
position: absolute;
left: -9999em;	
margin: 0;
display: block;
top: 50px;
opacity: 0;
height: auto;
text-align: left;
padding: 15px 0;
background: rgba(87,172,216,0.9);	
transition: opacity 500ms ease 150ms, top 500ms ease 150ms;
width: 110px;
-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.2);
}
/*header #main-nav ul ul:before
{
content: '';
height: 10px;
width: 16px;
display: block;
position: absolute;
transform: rotate(45deg);
background: rgba(87,172,216,0.9);	
top: 0px;
left: 50%;
margin: -7px 0 0 -8px;
}*/
header #main-nav ul ul:before
{
content: '';
height: 10px;
width: 0px;
display: block;
position: absolute;
/*background: rgba(87,172,216,0.9);*/
top: 0px;
left: 50%;
margin: -10px 0 0 -8px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #57acd8;
opacity: 0.9;
}
header #main-nav > ul > li:hover > ul
{
left: 50%;
top: 30px;
opacity: 1;
margin-left: -55px;
}

header #main-nav > ul > li ul li
{
padding: 0;
margin: 0;
display: block;
width: 100%;	
height: auto;
text-align: left;
font-size: 1.0em;
}
header #main-nav ul li ul li a
{
display: block;
line-height: 1.15em;
padding: 4px 15px 4px;
font-size: 1.15em;
letter-spacing: 0em;
font-weight: 700;
}
header #main-nav > ul > li ul li a:hover
{
color: #11181f;	
}
header #main-nav ul li ul li.current-menu-item a span span
{
text-decoration: underline;
}
/* ==========================================================================
	content @MD
	========================================================================== */
#content
{
font-size: 0.8rem;	
}
#content::before
{
/*top: -125px;*/
}
#content #introContent
{
padding: 15px 0px 0;
}
/* ==========================================================================
	home intro callouts @MD
	========================================================================== */
#introCallouts .col-md-4
{
width: 33.0000%;	
flex: 0 0 33.0%;
}
#introCallouts
{
padding-top: 35px;
}
#introCallouts .row > div > div.before-background,
#introCallouts .row > div > a > div.before-background
{
height: 280px;
}
#introCallouts #coLivability
{
margin: 0 0.5000%;	
}
#introCallouts #coLivability
{
margin: 0 0.5000%;
}
#introCallouts #coThreeCol
{
margin: 0;
}
#introCallouts .content
{
padding: 25px 30px 15px;
}
/* ==========================================================================
	home secondary callouts @MD
	========================================================================== */
#secondaryCallouts
{
margin-top: 6px;	
}
#secondaryCallouts .topCallout
{
height: 400px;
font-size: 0.75rem;
padding: 0 15px 15px;
margin-bottom: 6px;
}
#secondaryCallouts .topCallout.bgDiamondTop
{
height:530px;
}

#secondaryCallouts .topCallout.bgDiamondTop:after
{
content: '';
height: 20px;
width: 0px;
display: block;
position: absolute;
top: 0px;
left: 50%;
margin: 0 0 0 -90px;
border-left: 90px solid transparent;
border-right: 90px solid transparent;
border-top: 40px solid #fff;
}
#secondaryCallouts .topCallout .row h2 
{
width: 100%;
}
#secondaryCallouts .topCallout .row h2 span
{
display: block;	
}
#secondaryCallouts .subCallout .content
{
padding: 40px 30px 20px;
}
#secondaryCallouts .subCallout .before-background
{
height: 280px;
}
/* ==========================================================================
	footer @MD
	========================================================================== */
footer
{
font-size: 0.65rem;
padding-top: 30px;
padding-bottom: 20px;	
}
/* ==========================================================================
	inside content breadcrumbs @MD
	========================================================================== */
#content.inside #crumbs
{
margin: -10px 0 0px;	
line-height: 30px;
vertical-align: top;
visibility: visible;
display: block;
}
/* ==========================================================================
	inside content @MD
	========================================================================== */
#content.inside #introContent
{
padding-bottom: 40px;
}
#content.inside .alternatingCallouts .acEntry .content
{
padding-left: 30px;
padding-right: 30px;
}
#content.inside .alternatingCallouts .acEntry:nth-child(even)
{
flex-direction: row-reverse;
}
#content.inside .alternatingCallouts.callReverse .acEntry:nth-child(even),
#content.inside .alternatingCallouts.callReverse .acEntry:nth-child(odd)
{
flex-direction: row-reverse;
}
#content.inside .alternatingCallouts .acPic,
#content.inside .alternatingCallouts .acText
{
height: 340px;
}
#content.inside .alternatingCalloutsArrowed .acEntry .acText:before
{
height: 0px;
width: 20px;
top: 50%;
right: 0;
left: auto;
margin: -45px -20px 0 0px;
border-right: 0;
border-top: 45px solid transparent;
border-bottom: 45px solid transparent;
border-left: 20px solid #57acd8;
}
#content.inside .alternatingCalloutsArrowed .acEntry:nth-child(odd) .acText:before
{
right: auto;
left: 0;
margin: -45px 0px 0 -20px;
border-left: 0;
border-top: 45px solid transparent;
border-bottom: 45px solid transparent;
border-right: 20px solid #11181f;
}
#content.inside .alternatingCalloutsArrowed.callReverse .acEntry:nth-child(odd) .acText:before
{
right: 0;
left: auto;
margin: -45px -20px 0 0px;
border-left: 20px solid #11181f;
border-top: 45px solid transparent;
border-bottom: 45px solid transparent;
border-right: 0;
}

/* ==========================================================================
	inside chunky callout @MD
	========================================================================== */
#introCallout
{
height: 100px;
padding-left: 15px;
}
#introCallout img
{
height: 100px;
}


}

/* =========== BootStrap 4 LARGE (LG) breakpoint =========== */
@media only screen and (min-width: 992px) {
/* ==========================================================================
	header @LG
	========================================================================== */
header:before
{
height: 180px;	
}
header
{
font-size: 0.8rem;
padding-top: 40px;
}
header #identity
{
width: 29%;
/*flex: 0 0 29%;*/
}
header #headerNav
{
width: 71%;
/*flex: 0 0 71%;*/
}
header #logo img
{
height: 100px;
}
header #logoText h1
{
padding-top: 35px;
}
/* ==========================================================================
	splash area @LG
	========================================================================== */
#splash:after
{
height: 90px;
bottom: -47px;
left: -15px;
}
.slideContent
{
height: 600px;	
font-size: 0.825rem;
}
#splash h1
{
line-height: 0.8em;	
}
#splash #calloutRow
{
bottom: 20px;
}
#splash.firstSection .splashCallout
{
/*margin-left: 41.666667%;*/
margin-left: 50%;
width: 58.333333%;
}
#splash.firstSection .splashCallout .chunky {
  margin-left: 100px;
}
.page-template-page-history #content #calloutRow
{
display: block;
position: absolute;
bottom: auto;
top: -21px;
left: 0px;
width: 100%;
}
.page-template-page-history .splashCallout
{
position: relative;
margin-left: 41.666667%;
width: 66.666667%;
padding-left: 0px;
left: 0;
top: 0px;
}
.chunky
{
padding: 0 40px;
}
.chunky,
#secondaryCallouts .topCallout .chunky
{
font-size: 15px;
}
/* ==========================================================================
	main nav @LG
	========================================================================== */
header #main-nav
{
margin: 30px 0 0 0;
}
header #main-nav > ul > li
{
margin-left: 25px;
}
header #main-nav > ul > li:first-child
{
padding-left: 0px;
}
/*header #main-nav > ul > li:hover > a span span:after
{
opacity: 1;
bottom: -8px;	
}
header #main-nav > ul > li.current_page_item > a span span:after
{
bottom: -8px;
transition: none;
background: #f5f5f5;
opacity: 1;	
}*/
header #main-nav ul ul li a span span:after
{
visibility: hidden;
display: none;	
}
header #main-nav ul li ul li a
{
font-weight: 700;
padding: 5px 15px;
}
header #main-nav ul li a,
header .main-nav ul li a:active,
header #main-nav ul li ul li a
{
font-size: 1.0em;
}

/* ==========================================================================
	content @LG
	========================================================================== */
#content
{
font-size: 0.85rem;	
}
#content::before
{
/*top: -150px;*/
}
#content #introContent
{
padding: 10px 0px 0;
}
/* ==========================================================================
	home intro callouts @LG
	========================================================================== */
#introCallouts
{
padding-top: 55px;
}
#introCallouts .row > div > div.before-background,
#introCallouts .row > div > a > div.before-background
{
height: 315px;
}
#introCallouts .content
{
padding: 30px 45px 25px;
}
/* ==========================================================================
	home secondary callouts @LG
	========================================================================== */
#secondaryCallouts
{
margin-top: 6px;	
}
#secondaryCallouts .topCallout
{
height: 440px;
font-size: 0.8rem;
padding: 0 50px 15px;
margin-bottom: 6px;
}
#secondaryCallouts .topCallout.bgDiamondTop
{
height:620px;
}

#secondaryCallouts .subCallout .content
{
padding: 55px 60px 40px;
}
#secondaryCallouts .subCallout .before-background
{
height: 310px;
}
/* ==========================================================================
	footer @LG
	========================================================================== */
footer
{
padding-top: 50px;
padding-bottom: 30px;	
}
footer #copyright p
{
padding-bottom: 5px;	
}
footer #copyright p .footerAddress span:last-of-type
{
visibility: visible;	
}
footer #copyright p .footerNav
{
display: inline;
margin-top: 0px;
}
footer #copyright p .footerAddress span 
{
padding: 0 8px;
}
/* ==========================================================================
	inside content breadcrumbs @LG
	========================================================================== */
#content.inside #crumbs
{
margin: -15px 0 5px;	
line-height: 30px;
}
/* ==========================================================================
	inside content @LG
	========================================================================== */
#content.inside #introContent
{
padding-bottom: 50px;
}
#content.inside .alternatingCallouts .acEntry .content
{
padding-left: 60px;
padding-right: 60px;
}
#content.inside .alternatingCallouts .acPic,
#content.inside .alternatingCallouts .acText
{
height: 430px;
}
#content.inside .alternatingCalloutsArrowed .acEntry .acText:before
{
height: 0px;
width: 35px;
top: 50%;
right: 0;
left: auto;
margin: -55px -35px 0 0px;
border-right: 0;
border-top: 55px solid transparent;
border-bottom: 55px solid transparent;
border-left: 35px solid #57acd8;
}
#content.inside .alternatingCalloutsArrowed .acEntry:nth-child(odd) .acText:before
{
right: auto;
left: 0;
margin: -55px 0px 0 -35px;
border-left: 0;
border-top: 55px solid transparent;
border-bottom: 55px solid transparent;
border-right: 35px solid #11181f;
}
#content.inside .alternatingCalloutsArrowed.callReverse .acEntry:nth-child(odd) .acText:before
{
right: 0;
left: auto;
margin: -55px -35px 0 0px;
border-left: 35px solid #11181f;
border-top: 55px solid transparent;
border-bottom: 55px solid transparent;
border-right: 0;
}

/* ==========================================================================
	inside chunky callout @LG
	========================================================================== */
#introCallout
{
height: 115px;
padding-left: 30px;
}
#introCallout img
{
height: 100px;
}
}

/* =========== BootStrap 4 EXTRA LARGE (XL) breakpoint =========== */
@media only screen and (min-width: 1200px) {
/* ==========================================================================
	structure @XL
	========================================================================== */
.row
{
max-width: 1032px;
}
/* ==========================================================================
	header @XL
	========================================================================== */
header:before
{
height: 210px;	
}
header
{
font-size: 0.9rem;
padding-top: 50px;
}
header #identity
{
width: 26%;
/*flex: 0 0 26%;*/
}
header #headerNav
{
width: 74%;
/*flex: 0 0 74%;*/
}
header #logo img
{
height: 114px;
}
header #logoText h1
{
padding-top: 40px;
}
/* ==========================================================================
	splash area @XL
	========================================================================== */
#splash:after
{
height: 120px;
bottom: -60px;
}
.slideContent
{
height: 720px;	
font-size: 1.0rem;
}
#splashCaption
{
margin-top: -80px;
}
#splash h1
{
line-height: 0.825em;	
}
#splash #calloutRow
{
display: block;
position: absolute;
bottom: 30px;
left: 0px;
width: 100%;
}
#splash.firstSection .splashCallout
{
position: relative;
bottom: auto;
margin-left: 50%;
width: 50%;
padding-left: 0px;
}
#splash.firstSection .splashCallout .chunky
{
/*margin-left: 30px;*/
margin-left: 67px;
}
#splash.firstSection .splashCallout .chunky .fa-brands{
font-size: 1.5em;
top: 3px;
position: relative;
margin-right: 5px;
}
.page-template-page-history #content #calloutRow
{
display: block;
position: absolute;
bottom: auto;
top: -32px;
left: 0px;
width: 100%;
}
.page-template-page-history .splashCallout
{
position: relative;
margin-left: 50%;
width: 50%;
padding-left: 0px;
left: 0;
top: 0px;
}
.chunky
{
padding: 0 75px;
line-height: 2.9em;
}
.chunky,
#secondaryCallouts .topCallout .chunky
{
font-size: 16px;
}
/* ==========================================================================
	main nav @XL
	========================================================================== */
header #main-nav
{
margin: 38px 0 0 0;
}
header #main-nav > ul > li
{
margin-left: 30px;
}
header #main-nav > ul > li:first-child
{
padding-left: 0px;
}
/*header #main-nav > ul > li:hover > a span span:after
{
opacity: 1;
height: 5px;
bottom: -9px;	
}
header #main-nav > ul > li.current_page_item > a span span:after
{
bottom: -9px;
transition: none;
background: #f5f5f5;
opacity: 1;	
}*/
header #main-nav ul ul
{
top: 50px;
width: 130px;
}
header #main-nav ul ul li a span span:after
{
visibility: hidden;
display: none;	
}
header #main-nav ul li ul li a
{
font-weight: 700;
padding: 5px 15px;
}
header #main-nav > ul > li:hover ul
{
top: 33px;
margin-left: -65px;
}
/* ==========================================================================
	content @XL
	========================================================================== */
#content
{
font-size: 1.0rem;	
}
#content::before
{
/*top: -175px;*/
}
#content #introContent
{
padding: 16px 0 0;
}

/* ==========================================================================
	home intro callouts @XL
	========================================================================== */
#introCallouts
{
padding-top: 80px;
}
#introCallouts .row > div > div.before-background,
#introCallouts .row > div > a > div.before-background
{
height: 370px;
}
#introCallouts .content
{
padding: 35px 60px 35px;
}
/* ==========================================================================
	home secondary callouts @XL
	========================================================================== */
#secondaryCallouts
{
margin-top: 7px;	
}
#secondaryCallouts .topCallout
{
height: 530px;
font-size: 1.0rem;
padding: 0 80px 15px;
margin-bottom: 7px;
}
#secondaryCallouts .topCallout.bgDiamondTop
{
height:700px;
}
#secondaryCallouts .splashCallout
{
margin-top: 40px;
}
#secondaryCallouts .subCallout .content
{
padding: 65px 115px 55px;
}
#secondaryCallouts .subCallout .before-background
{
height: 370px;
}
#secondaryCallouts.scTop
{
padding-bottom: 75px;
}
/* ==========================================================================
	footer @XL
	========================================================================== */
footer
{
font-size: 0.7rem;
padding-top: 60px;
padding-bottom: 40px;	
}
footer #copyright p
{
padding-bottom: 15px;
}
footer #footerBreak
{
margin-bottom: 15px;	
}
footer #social .fa
{
font-size: 1.2em;	
}
/* ==========================================================================
	inside content breadcrumbs @XL
	========================================================================== */
#content.inside #crumbs
{
margin: -25px 0 15px;	
}
/* ==========================================================================
	inside content @XL
	========================================================================== */
#content.inside #introContent
{
padding-bottom: 60px;
}
#content.inside .alternatingCallouts .acEntry .content
{
padding-left: 115px;
padding-right: 115px;
}
#content.inside .alternatingCallouts .acPic,
#content.inside .alternatingCallouts .acText
{
height: 510px;
}
#content.inside .alternatingCalloutsArrowed .acEntry .acText:before
{
width: 50px;
top: 50%;
right: 0;
left: auto;
margin: -65px -50px 0 0px;
border-right: 0;
border-top: 65px solid transparent;
border-bottom: 65px solid transparent;
border-left: 50px solid #57acd8;
}
#content.inside .alternatingCalloutsArrowed .acEntry:nth-child(odd) .acText:before
{
right: auto;
left: 0;
margin: -65px 0px 0 -50px;
border-left: 0;
border-top: 65px solid transparent;
border-bottom: 65px solid transparent;
border-right: 50px solid #11181f;
}
#content.inside .alternatingCalloutsArrowed.callReverse .acEntry:nth-child(odd) .acText:before
{
right: 0;
left: auto;
margin: -65px -50px 0 0px;
border-left: 50px solid #11181f;
border-top: 65px solid transparent;
border-bottom: 65px solid transparent;
border-right: 0;
}
/* ==========================================================================
	inside chunky callout @LG
	========================================================================== */
#introCallout
{
height: 115px;
padding-left: 30px;
}
#introCallout img
{
height: 115px;
}

}


@media only screen and (min-width: 1500px) {
/* ==========================================================================
	splash area @1500
	========================================================================== */
#splash:after
{
height: 130px;
bottom: -70px;
}
.slideContent
{
height: 740px;	
}
}

@media only screen and (min-width: 1800px) {
/* ==========================================================================
	splash area @1800
	========================================================================== */
#splash:after
{
height: 160px;
bottom: -85px;
}
.slideContent
{
height: 780px;	
}
#splash #calloutRow
{
bottom: 45px;
}
}
/* ==========================================================================
	custom pages @1800
	========================================================================== */

@media only screen and (min-width: 2100px) {
/* ==========================================================================
	splash area @2100
	========================================================================== */
#splash:after
{
height: 180px;
bottom: -95px;
}
.slideContent
{
height: 840px;	
}
#splash #calloutRow
{
bottom: 55px;
}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.bgcover
{
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bgcontain
{
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
background-size: contain;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}



/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden, .hiddenElement
{
	visibility: hidden!important;
    display: none!important;
}


/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

.row .spacerCol
{
min-height: 5px;
padding-top: 5px;	
}




/* Clearing floats ------------------------------------------------------------------*/

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix
{
	.display: inline-block;
}
 
html[xmlns] .clearfix
{
	display: block;
}
 
* html .clearfix
{
	height: 1%;
}