/* ======================== */
/* Phone Devices */
/* ======================== */	
@media only screen 
	and (max-width: 1020px) {

	.mobileOnly {
		display: block !important;
	}

	.screenOnly,
	div#fullBackground,
	div#mainMenuContainer span.tagline {
		display: none !important;
	}

	div#body {
		padding-bottom: 80px; /* height of footer */
	}

	div.siteCenter {
	    padding: 0 3%;
	    width: 100%;
	}

	div#mainMenuContainer {
		background-color: #ffffff;
		border: none;
		font-family: "Quattrocento Sans",sans-serif;
		font-size: 23px;
		line-height: 28px;
		font-weight: 600;
		height: auto;
		left: 0;
		top: -305px;
		padding: 10px 0 15px 0;
		text-align: left;
		width: 100%;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
	}
	
	div#mainMenuContainer #menuWrapper {
		display: none;
	}
	
	div#mainMenuContainer > a {
		width: 50%;
		max-width: 200px;
		display: inline-block;
		margin: 5px 0 0 3%;
	}
	
	div#mainMenuContainer > div > div > span.toggle {
		display: none;
	}
	
	div#mainMenu {
	    display: block !important;
	}
	
	div#mainMenuContainer > div > div {
		text-align: center;
		font-size: 23px;
		width: 80%;
		max-width: 500px;
		margin: 20px auto 0 auto;
	}
	
	div#mainMenuContainer > div > div:first-child {
	    border-top: medium none;
	    margin: 5px 0 0 -3%;
	    max-width: 106%;
	    width: 106%;
		-webkit-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.20);
		-moz-box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.20);
		box-shadow: inset 0px 5px 5px 0px rgba(0,0,0,0.20);
	}
	
	#mobileMenuToggle {
		position: absolute;
		top: 20px;
		right: 3%;
		text-align: center;
	}
	
	#mobileMenuToggle span.toggle {
		cursor: pointer;
		display: block;
		color: #8d8f90;
		font-size: 18px;
		font-family: 'Quattrocento Sans', sans-serif;	
		font-weight: 600;
		padding: 20px 0 0;
		-webkit-transition: all ease 400ms;
		-moz-transition: all ease 400ms;
		-o-transition: all ease 400ms;
		transition: all ease 400ms;	
	}
	
	
	#mobileMenuToggle span.toggle:before {
		content: "\f0c9"; 
		color: #8d8f90;
		font-family: "FontAwesome";
		font-size: 30px;
		font-style: normal;
		font-weight: normal;
		left: 10px;
		margin: 0;
		position: absolute;
		text-decoration: inherit;
		top: -3px;
		z-index: 1;
		-webkit-transition: all ease 400ms;
		-moz-transition: all ease 400ms;
		-o-transition: all ease 400ms;
		transition: all ease 400ms;	
	}

	#mobileMenuToggle span.toggle.active:before {
		content: "\f078";
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg); 
	}
	
	#mobileMenuToggle a i.fa {
		display: block;
		font-size: 30px;
		line-height: 19px;
		padding: 10px 0 0;
	}

	div#mainMenuContainer div.mobileMenuFooter {
		font-size: 30px;
	}
	
	div#mainMenuContainer div.mobileMenuFooter ul {
		margin: 5px 0 0 0;
		padding: 0;
	}
	
	div#mainMenuContainer div.mobileMenuFooter ul li {
		list-style: none;
		display: inline;
		margin: 0 5px;
		padding: 0 7px;
	}
	
	div#mainMenuContainer div.mobileMenuFooter a:link,
	div#mainMenuContainer div.mobileMenuFooter a:visited {
		color: #bcbec0;
	}
	
	div#mainMenuContainer div.mobileMenuFooter a:hover {
		color: #000000;
	}
	
	div#mainMenuContainer div.mobileMenuFooter a span {
		display: none;
	}

	div#mainMenuContainer div#menuFooter ul li {
		display: none;
	}
	
	div#mainMenuContainer div#menuFooter ul li:first-child {
		display: inline-block;
	}
	
	div#mainMenuContainer div#menuFooter span.mobileOnly {
		display: inline !important;
		color: #464646;
		font-size: 23px;
	}
	
	div#mainMenuContainer div#menuFooter > ul {
		display: none;
	}

	#searchWrapper {
	    display: block !important;
	    width: 80%;
	    max-width: 500px;
	    margin: 0 auto;
	    padding: 0 2%;
	}

	form#searchform input#s {
		background-color: transparent;
	    border-left: 2px solid #e3e3e1;
	    padding: 4px 0 4px 1%;
	    color: #c4c6c8;
	}

	form#searchform button#searchsubmit, 
	form#searchform button#searchsubmit:focus {
		background-color: transparent;
		width: 30px;
		color: #c4c6c8;
	}


	header#masthead {
		position: relative;
		background-color: #ffffff;
		background-position-y: -160px;
		padding: 0;
		background-image: none !important;
	}
	
	header.tall {
		min-height: 0;
	}

	body.search-results header#masthead div#headerImage {
		background-image: url(../images/bg_clovers.jpg);
	}

	div#pageHeader {
		float: none;
		text-align: left;
		padding: 25px 0 0 0;
		margin: 0 0 30px 0;
		width: 100%;
		max-width: 100%;
	}
	
	div#pageHeader h1, 
	div#pageHeader span.pageTitle {
		color: #464646;
		font-size: 24px;
	}
	
	div#pageHeader span.headline {
		color: #000000;
		font-size: 36px;
		line-height: 33px;
		font-weight: 400;
		letter-spacing: -1px;
	}
	
	#pageHeader div#intro {
	    color: #464646;
	    width: 100%;
	    margin-left: 0;
	}
	
	div#headerImage {
		margin: 85px 0 0 0;
		height: 220px;
		width: 100%;
		background-position: center;
		background-size: cover;
		position: relative;
		z-index: 0;
	}
	
	section#mainContent{
		margin: 0;
	}
    
    footer {
    	height: 80px; /* height of footer */
    	position: relative;
    }
    
    footer .siteCenter > div {
    	display: block;
    	text-align: center;
    	width: 100%;
    	height: 40px;   	
    }
    
    footer span.copyright {
	    display: inline;
	    float: none;
	    font-size: 12px;
	    line-height: 50px;
	    margin: 0 0 0 12%;
	    padding: 0;
	    text-align: right;
    }
    
    footer span.icon {
	    display: inline-block;
	    float: right;
	    margin: 5px 23% 0 0;
	}
    
    footer nav#footerNav {
    	float: none;
    	display: block;
    	clear: both;
    	margin: 10px 0 0 0;
    }
    
    footer nav#footerNav ul {
    	text-align: center;
    }
    
    footer span.icon div#externalLinkList {
    	left: auto;
    	right: -15px;
    	width: 150px;
    }
    
    footer span.icon div#externalLinkList div.tail {
    	right: 20px;
    }
    
    
    section#mainContent > div.siteCenter > div.colRight {
	    float: none;
	    margin: 0 0 0 -3%;
	    width: 106%;
	}
	
	section#mainContent > div.siteCenter > div.colLeft,
	section#mainContent > div.siteCenter > div.colLeft.sidebar,
	section#mainContent > div.siteCenter > div.colLeft.sidebar.fixed {
		position: relative;
		top: auto;
	    float: none;
	    display: block;
	    margin: 0 0 30px -3%;
	    width: 106%;
		max-width: 106%;
	    z-index: 10;
	    padding: 30px 3%;
	}
    
    div.narrative div.colorized {
    	margin: 0;
    	padding: 30px 3%;
    }
    
    div#childPageList {
		border-left: medium none;
		border-right: medium none;
		color: #ffffff;
		column-count: 1;
		column-gap: 0;
		column-rule: medium none;
		float: none;
		font-size: 18px;
		font-weight: 600;
		margin: 40px 0;
		max-width: 100%;
		padding: 0;
		width: 100%;
	}
    
    .page-template-market-sector-landing div#childPageList > ul {
		width: 100%;
	}
    
	div#childPageList a:link, 
	div#childPageList a:visited,
	.page-template-market-sector-landing div#childPageList > ul > li > span {
	    color: #464646;
	}
	
	
	.page-template-market-sector-landing div#childPageList > ul > li > span:before {
		content: "\f067";
		color: #464646;
		font-family: "FontAwesome";
		font-size: 20px;
		font-style: normal;
		font-weight: normal;
		margin: 0 10px 0 0;
		position: relative;
		text-decoration: inherit;
		-webkit-transition: all ease 400ms;
		-moz-transition: all ease 400ms;
		-o-transition: all ease 400ms;
		transition: all ease 400ms;
	}
	
	
	.page-template-market-sector-landing div#childPageList > ul > li > span.active:before {
		content: "\f068";
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg); 
	}
	
	
	.page-template-market-sector-landing div#childPageList > ul > li > div {
    	border-right: none;
	    left: 0%;
		overflow: visible;
	    padding: 10px 0 0 25px;
	    position: relative;
	    top: 0;
	    width: 90%;
	}
	
	.page-template-market-sector-landing div#childPageList > ul > li > div > ul {
		margin-left: 0;
	}
	
	
	.page-template-contact address,
	.page-template-contact header .contactInfo {
		color: #464646;
	}
	
	.page-template-contact header div.googleMap,
	.page-template-contact header div.googleMap iframe {
		height: 250px;
		width: 100%;
	}
	
	
	.page-template-contact header #subnav,
	.page-template-careers header #subnav,
	.page-template-contact .colLeft.sidebar div.box,
	.page-template-careers .colLeft.sidebar div.box {
		display: none !important;
	}
	
	.page-template-contact section#mainContent,
	.page-template-careers section#mainContent {
	    display: block !important;
	}
    
	.page-template-contact section#mainContent .googleMap {
    	display: none !important;
    }
    
    .page-template-careers div#openings,
    .page-template-careers div#benefits {
    	display: block !important;
    }
    
    
    
    /* Professionals List */
	#bioList ul li {
		width: 32.8%;
	}
	
	#bioList ul li:nth-child(odd) {
		clear: none;
	}

	#bioList ul li:nth-child(3n+1) {
    	clear: left;
	}
	
	.single-post #pageHeader,
	.single-post .sidebar .shareLinks,
	.single-post .sidebar .box,
	.single-post div.relItems h5,
	body.archive div#pageHeader,
	body.archive div.sidebar > div {
		display: none;
	}
	
	#postHeader {
		font-size: 18px;
		line-height: 20px;
	}
	
	#postHeader h1 {
		font-size: 24px;
		line-height: 25px;
	}
	
	#postHeader span.subtitle {
		font-size: 20px;
		line-height: 21px;
	}
	
	#postHeader div.col {
		float: none;
		width: 100%;
		margin: 0 0 20px 0px
	}
	
	.single-post div.narrative div.colorized {
		padding: 30px 3% 0 3%;
	}
	
	.single-post .narrative .shareLinks {
		margin: 15px 0;
	}
	
	.single-post .narrative .shareLinks ul {
		margin: 0 0 10px 3%;
	}
	
	.single-post .narrative .shareLinks strong {
		display: inline;
	}
	
	.single-post .narrative .relItems {
	    background-color: #ffffff;
	    border-bottom: 1px solid rgba(160, 160, 160, 0.5);
	    margin: 0 0 0 -3%;
	    padding: 10px 3% 0 3%;
	    width: 106%;
	}
	
	.narrative a.expander {
		display: block;
		border-bottom: 1px solid rgba(160,160,160,.5);
		background-repeat: no-repeat;
		background-image: url(../images/icon_plus_grey.png);
		background-position: 97% 12px;
		background-color: #ffffff;
		font-size: 20px;
		color: #000000;
		margin: 0 0 0 -3%;
		padding: 10px 0 7px 3%;
		width: 106%;
	}
	
	.narrative a.expander.active {
		background-image: url(../images/icon_minus_grey.png);
		border-bottom: none;
	}
	
	#practices.relItems > ul,
	#industries.relItems > ul,
	#markets.relItems > ul {
		margin: 0 0 1px 3%;
	}
	
	#bios.relItems,
	#bios.relItems > h3,
	#bios.relItems a.viewAll,
	#bios.relItems div.thumbnailWrapper {
		display: none;
	}

	
	#bios.relItems ul li {
		float: none;
		width: 100%;
		margin: 0 0 25px 0;
	}
	
	#bios.relItems .bioDetails {
		font-size: 16px;
		padding: 0;
	}
	
	#bios.relItems .bioDetails a:link {
		font-size: 18px;
		font-weight: 600;
	}
	
	#bios.relItems .thumbnailWrapper {
		height: 180px;
	}
	
	#bios.relItems .thumbnailWrapper img {
		height: 100%;
		width: auto;
		right: 15%;
	}
	
	#bios.relItems ul,
	#bios.relItems ul.fullList {
		margin: 10px 0 0 0;
	}
	
	#bios.relItems ul li {
		margin-bottom: 10px;
	}
	
	.page-template-news-landing div.colLeft {
	    float: none;
	    width: 100%;
	}
	
	.page-template-news-landing h2 {
		font-size: 24px;
		width: 70%;
	}
	
	.page-template-news-landing div.colRight {
		float: none;
		font-size: 16px;
		width: 100%;
	}
	
	.page-template-news-landing .colRight ul {
		display: block;
	}
	
	.page-template-news-landing .colRight ul li:nth-child(1),
	.page-template-news-landing .colRight ul li:nth-child(2),
	.page-template-news-landing .colRight ul li:nth-child(3),
	.page-template-news-landing .colRight ul.bottom li:nth-child(1),
	.page-template-news-landing .colRight ul.bottom li:nth-child(2),
	.page-template-news-landing .colRight ul.bottom li:nth-child(3) {
	    border-top: 1px solid rgba(160, 160, 160, 0.7);
	    border-bottom: none;
	    border-right: none;
	    padding: 10px 0;
	    width: 100%;
	    float: none;
	    display: block;
	}
	
	.page-template-news-landing .colRight ul li:nth-child(1) {
	    border-top: none;
	}
	
	.page-template-news-landing a.viewAll {
		display: block;
		margin: -30px 0 10px;
		text-align: right;
	}
	
	div#newsFilterWrapper div.filterSet div.filterColumn > div.inner {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	div#newsFilterWrapper {
		margin-top: 0;
	}
	
	div#newsFilterWrapper div.center {
		margin: 0 0 10px 3%;
	}
	
	div#newsFilterWrapper.fixed {
		position: relative;
		top: 0;
	}
	
	div#newsFilterWrapper h5 {
		color: #464646;
		font-size: 18px;
		font-weight: 400;
	}
	
	
	#practices.relItems > div ul,
	#industries.relItems > div ul,
	#markets.relItems > div ul {
		-moz-column-gap: 50px;
		-webkit-column-gap: 50px
		column-gap: 50px;
	}

	 /* News Landing */
	 .page-template-news-landing div#pageHeader {
	 	min-height: 115px;
	 	margin-bottom: 10px;
	 }
	.page-template-news-landing .filler.news,
	.page-template-news-landing .filler.events {
		display: none;
	}

	.page-template-news-landing #recentNews {
		background-color: rgba(242,243,236,.8);
		width: 108%;
		float: none;
		margin: 0 0 10px -3%;
		padding: 40px 5% 40px 3%; 
	}
	
	.page-template-news-landing #recentNews ul li:nth-child(2n+1) {
		width: 37%;
	}
	
	.page-template-news-landing .filler.events {
		top: 51%;
		width: 100%;
		left: 0;
	}
	
	.page-template-news-landing #events {
		background-color: rgba(189, 191, 193, 0.6);
		width: 106%;
		float: none;
		margin: 0 0 10px -3%;
		padding: 40px 5% 40px 3%; 
	}
	
	.page-template-news-landing #eventsToggle {
		left: 3%;
	}
	
	div#newsFilterWrapper a.filterToggle {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 97%;
		margin: 0 0 8px 0;
	}


	div#newsSearchFormContainer {
		position: relative;
		top: 0px;
		text-align: left;
		width: 100%;
	}

	div#newsSearchFormContainer h6 {
		color: #000000;
	}
	
	form#newsSearchForm input[type="text"] {
		background-color: #dedede;
		color: #000000;
		margin-left: 0;
		width: 49%;
	}
	
	form#newsSearchForm fieldset > div.selectWrapper {
		background-color: #dedede;
		color: #000000;
		margin-left: 0;
		width: 49%;
	}
	
	form#newsSearchForm fieldset > div.selectWrapper:first-child {
		margin-left: 2%;
	}
	
	form#newsSearchForm select {
		width: 120%;
	}
	
	form#newsSearchForm button {
		font-size: 30px;
		color: #dedede;
		margin: 0 0 0 91%;
	}

	div#newsFilterWrapper h5 {
		font-size: 22px;
		font-weight: 600;
		color: #000000;
	}

    

}

/* ======================== */
/* Tiny Phone Devices */
/* ======================== */	
@media only screen 
	and (max-width: 430px) {
	
	div#mainMenuContainer {
		top: -233px;
	}
	
	div#headerImage {
		height: 160px;
		margin: 70px 0 0 0;
	}
	
    footer span.copyright {
	    margin: 0 0 0 5%;
    }
    
    footer span.icon {
	    margin: 5px 15% 0 0;
	}

	
	#bioList ul li {
		width: 49.5%;
	}
	
	#bioList ul li:nth-child(4n+1),
	#bioList ul li:nth-child(3n+1) {
    	clear: none;
	}
	#bioList ul li:nth-child(odd) {
		clear: left;
	}
	
	#practices.relItems > div ul,
	#industries.relItems > div ul,
	#markets.relItems > div ul {
		-moz-column-count: 1;
		-webkit-column-count:1;
		column-count:1;
		-moz-column-gap: 0px;
		-webkit-column-gap: 0px
		column-gap: 0px;
		-moz-column-rule: none;
		-webkit-column-rule: none;
		column-rule: none;
	}

	div#pageHeader span.headline br {
		display: none;
	}
	
	.page-template-news-landing #recentNews {
		padding-bottom: 1px;
	}
	
	.page-template-news-landing #recentNews ul li {
		display: block;
	}
	
	.page-template-news-landing #recentNews ul li:nth-child(2n+1) {
	    border-right: none;
	    border-bottom: 1px solid rgba(160,160,160,.7);
	    padding: 10px 2% 25px 2%;
	    width: 100%;
	}
	
	.page-template-news-landing #recentNews ul li:nth-child(2n) {
	    padding: 10px 2% 25px 2%;
	    width: 100%;
	}
	
	div#newsFilterWrapper div.filterSet div.filterColumn {
		width: 100%;
		float: none;
		margin: 0;
	}
	
	div#newsFilterWrapper a.filterToggle {
		font-size: 17px;
		padding-right: 10px;
	}
	
	form#newsSearchForm button {
		margin-left: 89%;
	}

	
}



/* ======================== */
/* Phablet Devices */
/* ======================== */	
@media only screen 
	and (min-width: 580px)
	and (max-width: 1020px) {
	
	div#mainMenuContainer {
		top: -366px;
	}
	
	div#headerImage {
		height: 280px;
	}
	
	footer span.copyright {
	    margin: 0 0 0 25%;
    }
	
	footer span.icon {
	    margin: 5px 32% 0 0;
	}
	
	div#childPageList {
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
	    -moz-column-count: 2; /* Firefox */
	    column-count: 2;
	    -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
	    -moz-column-gap: 80px; /* Firefox */
	    column-gap: 80px;
	    -webkit-column-rule: 1px solid rgba(166,166,166,.5); /* Chrome, Safari, Opera */
	    -moz-column-rule: 1px solid rgba(166,166,166,.5); /* Firefox */
	    column-rule: 1px solid rgba(166,166,166,.5);
	}
	
	#bioList ul li {
		width: 24.5%;
	}
	
	#bioList ul li:nth-child(3n+1),
	#bioList ul li:nth-child(odd) {
    	clear: none;
	}
	
	#bioList ul li:nth-child(4n+1) {
		clear: left;
	}
	
	div#newsFilterWrapper div.center a.filterToggle {
		width: 48%;
		margin-right: 2%;
	}
	
	form#newsSearchForm button {
		margin-left: 94%;
	}
	

	

}


/* ======================== */
/* Tablet Devices */
/* ======================== */	
@media only screen 
	and (min-width: 800px)
	and (max-width: 1020px) {
	
	div#mainMenuContainer {
		top: -405px;
	}
	
	div#headerImage {
		height: 320px;
	}
	
	footer span.copyright {
	    margin: 0 0 0 30%;
    }
	
	footer span.icon {
	    margin: 5px 37% 0 0;
	}
	
	.page-template-contact header div.googleMap,
	.page-template-contact header div.googleMap iframe {
		height: 400px;
		width: 100%;
	}
	
	#practices.relItems > div ul,
	#industries.relItems > div ul,
	#markets.relItems > div ul {
		-moz-column-gap: 100px;
		-webkit-column-gap: 100px
		column-gap: 100px;
	}
	
	form#newsSearchForm button {
		margin-left: 96%;
	}
	
	

}


/* ======================== */
/* Landscape Tablet Devices */
/* ======================== */	
@media only screen 
	and (min-width: 900px)
	and (max-width: 1020px) {

	#bioList ul li {
		width: 19.5%;
	}
	
	#bioList ul li:nth-child(4n+1),
	#bioList ul li:nth-child(3n+1),
	#bioList ul li:nth-child(odd) {
    	clear: none;
	}
	
	#bioList ul li:nth-child(5n+1),
		clear: left;
	}


}