/* Styles for content pages */

/************************************************************
Banner area */

#banner {
	max-width:none;
	width:auto;
	padding:13% 1em 1em;
	margin:0 -6.8%;
	min-height:7em;
	background:#000 url('../images/banners/home/handshake.jpg') no-repeat center 30%;
	background-size:cover;
}
#banner.home {
	-webkit-transition:background 0.5s ease 0s;
	transition:background 0.5s ease 0s;
}


/* Home banners - see the <script> block in index.php *
#banner.home-1 { background-image:url('../images/banners/home/handshake.jpg'); }
#banner.home-2 { background-image:url('../images/banners/home/building.jpg'); }
#banner.home-3 { background-image:url('../images/banners/home/sparks.jpg'); }
#banner.home-4 { background-image:url('../images/banners/home/train.jpg'); }
*/

/* Page banners */
#banner.legal { background-image:url('../images/banners/sub/legal-services.jpg'); }
#banner.about { background-image:url('../images/banners/sub/about.jpg'); }
#banner.attorneys { background-image:url('../images/banners/sub/attorneys.jpg'); }
#banner.resources { background-image:url('../images/banners/sub/resources.jpg'); }
#banner.contact { background-image:url('../images/banners/sub/train.jpg'); }


/************************************************************
Home page */

#splash {
	position:relative;
	text-align:center;
	max-width:955px;
	margin:17% auto 8em;
	padding:0 1em;
	color:#fff;
	background:rgba(0,0,0,0.75);
	border:0.5em solid transparent;
	box-shadow:inset 0 0 0 1px rgba(255,255,255,0.75), inset 0 0 2.5em rgba(0,0,0,0.75);
}

/*-----------------------------------------------------------
Buttons */

#splash>ul {
	list-style:none;
	padding:0;
	margin:0;
}
#splash>ul>li {
	display:inline-block;
	padding:0 0 1.5em 0;
	max-width:230px;
	margin:0 0.5%;
	width:30%;
}
#splash>ul>li>a {
	position:relative;
	display:block;
	padding:0.5em 1em;
	font:130%/1.3 'montserratregular','Times New Roman',Times,serif;
	background:#ce1443;
	color:#fff;
}

/* Arrows */
#splash>ul>li>a:after { /* Trailing */
	content:' ';
	position:absolute;
	top:50%;
	right:7%;
	margin:-0.3em 0 0;
	border-left:0.4em solid #fff;
	border-top:0.4em solid transparent;
	border-bottom:0.4em solid transparent;
	visibility:visible;
	opacity:1;
}
#splash>ul>li>a:before { /* Overhanging */
	content:' ';
	position:absolute;
	right:50%;
	top:100%;
	margin:0 -0.7em 0 0;
	border-top:0.7em solid #ce1443;
	border-left:0.7em solid transparent;
	border-right:0.7em solid transparent;
	border-bottom:none;
	visibility:hidden;
	opacity:0;
}
#splash>ul>li>a,
#splash>ul>li>a:before,
#splash>ul>li>a:after {
	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}

/* Hovering */
#splash>ul>li:hover>a {
	text-align:center;
	background:#fff;
	color:#000;
	box-shadow:inset 0 0 0.7em rgba(0,0,0,0.15);
}
#splash>ul>li:hover>a:after {
	visibility:hidden;
	opacity:0;
}
#splash>ul>li:hover>a:before {
	border-top-color:#eee;
	visibility:visible;
	opacity:1;
}

/*-----------------------------------------------------------
Sliders */

#splash li section,
#splash li nav {
	position:absolute;
	width:96%;
	top:100%;
	left:2%;
	border-top:1em solid transparent;
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#splash li section {
	overflow:hidden;
	text-align:left;
	background:#fefefe;
	background-clip:padding-box;
	box-shadow:inset 0 0 0.7em rgba(0,0,0,0.3);
}
#splash li section ul {
	list-style:none;
	white-space:nowrap;
	margin:0;
	padding:0;
	font-size:1%;
}
#splash li section li {
	display:inline-block;
	vertical-align:top;
	white-space:normal;
	font-size:10000%;
	border-left:1px solid #000;
	width:18em;
}
#splash li section li>a {
	display:block;
	overflow:hidden;
	padding:0.7em 1em;
	height:6em;
	color:#000;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}

/* Attorneys slider - make the boxes narrower */
#splash #slider-attorneys section li {
	width:14em;
}


/* Hovering */
#splash li section li>a:hover {
	box-shadow:inset 0 0 1em rgba(0,0,0,0.25);
}

/* Content */
#splash li section img {
	margin:0 1em 0 0;
	height:70px;
	float:left;
}
#splash li section p {
	margin:0.3em 0 0.6em;
}
#splash li section h4 {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}


/*-----------------------------------------------------------
Slider navigation */

#splash li nav {
	height:6em;
}
#splash li nav a {
	position:absolute;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:#ce1443;
	margin:-1.6em 0.5em 0;
	width:1.5em;
	height:3em;
	top:50%;
}
#splash li nav a:after {
	content:' ';
	position:absolute;
	left:50%;
	top:50%;
	margin:-0.55em 0 0 -0.2em;
	border-top:0.6em solid transparent;
	border-bottom:0.6em solid transparent;
}
#splash li nav a.prev {
	right:100%;
}
#splash li nav a.prev:after {
	border-right:0.5em solid #fff;
}
#splash li nav a.next {
	left:100%;
}
#splash li nav a.next:after {
	border-left:0.5em solid #fff;
}

/* Extending hit area */
#splash li nav a:before {
	content:' ';
	position:absolute;
	padding:0.5em;
	height:100%;
	width:100%;
	top:-0.5em;
}
#splash li nav a.prev:before {
	right:-0.5em;
}
#splash li nav a.next:before {
	left:-0.5em;
}

/* Making them visible */
#splash li:hover section,
#splash li:hover nav {
	visibility:visible;
	opacity:1;
	z-index:2;
}


/************************************************************
Side navigation */

#side-nav ul {
	list-style:none;
	margin:0.4em -1em -1em;
	padding:0;
}
#side-nav li {
	border-top:1px solid #ddd;
}
#side-nav li a {
	display:block;
	padding:0.3em 1em;
	font-size:110%;
	color:#4b494a;
}

#side-nav li.sel a {
	display:block;
	padding:0.3em 1em;
	font-size:110%;
	color:#ce1443;
}

#side-nav li.sel a.arrow {
	color:#ce1443 !important;
}


/************************************************************
Attorney pages */

/*-----------------------------------------------------------
List page */

#attorney-list {
	margin:1em 0;
}
#attorney-list figure {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	margin:0 1% 1.5% 0;
	padding:1em 0;
	width:32%;
	box-shadow:inset 0 0 2em rgba(0,0,0,0.1);

	-webkit-transition:all 0.7s ease 0s;
	transition:all 0.7s ease 0s;
}
#attorney-list figure>a {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:24.5%;
}
#attorney-list img {
	position:relative;
	display:block;
	width:100%;
	z-index:2;
}
#attorney-list figcaption {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	margin:0 0 0 3%;
	width:63%;
}
#attorney-list figure:hover {
	box-shadow:inset 0 0 2em rgba(0,0,0,0.25);
}

/* Image link / fancy shadow */
#attorney-list figure>a:after {
	content:' ';
	position:absolute;
	/*width:100%;
	height:0.3em;
	top:100%;
	left:0;
	background:linear-gradient(186deg, rgba(0,0,0,0.7), rgba(0,0,0,0) 60%) no-repeat left top 100% / 86%, linear-gradient(100deg, rgba(0,0,0,0.5), rgba(0,0,0,0) 50%) no-repeat right top 100% / 14%;
	*/
	height:0.3em;
	width:60%;
	top:100%;
	left:16%;
	/*box-shadow:0 0 0.5em 0.2em #000;*/

	-webkit-transform:translateY(-0.7em) skewY(6deg) skewX(30deg);
	-ms-transform:translateY(-0.7em) skewY(6deg) skewX(30deg);
	transform:translateY(-0.7em) skewY(6deg) skewX(30deg);
}

/* Content */
#attorney-list h4 {
	margin:0;
}
#attorney-list p {
	margin:0 0 0.85em;
}

/*-----------------------------------------------------------
Bio page: Photo Box */

.box.attorney {
	text-align:center;
}

/* Image / fancy shadow */
.box.attorney>a:after {
	content:' ';
	position:absolute;
	height:0.7em;
	width:60%;
	top:100%;
	left:16%;
	/*background:linear-gradient(186deg, rgba(0,0,0,0.7), rgba(0,0,0,0) 60%) no-repeat left top 100% / 86%, linear-gradient(100deg, rgba(0,0,0,0.5), rgba(0,0,0,0) 50%) no-repeat right top 100% / 14%;*/
	/*box-shadow:0 0 0.8em 0.5em #000;*/

	-webkit-transform:translateY(-1.3em) skewY(6deg) skewX(30deg);
	-ms-transform:translateY(-1.3em) skewY(6deg) skewX(30deg);
	transform:translateY(-1.3em) skewY(6deg) skewX(30deg);
}
.box.attorney>a {
	position:relative;
	display:block;
	margin:0.5em 10%;
}
.box.attorney>a img {
	position:relative;
	display:block;
	z-index:2;
}

.box.attorney .button {
	margin-top: .5em;
}

/* Info */
.box.attorney figcaption {
	text-align:left;
	margin:1em 10% 0.5em;
}
.box.attorney figcaption p {
	word-wrap:break-word;
	margin:0.1em 0;
}


/************************************************************
News */

/*-----------------------------------------------------------
List */

#news-list {
	list-style:none;
	margin:1em 0;
	padding:0;
}
#news-list li {
	padding:0.5em 0;
	border-top:#ccc;
	box-shadow:inset 0 0.3em 0.2em -0.3em rgba(0,0,0,0.2);
}
#news-list h3 {
	margin:0.3em 0 0;
}
#news-list time {
	font-style:italic;
}
#news-list time:after {
	content:'  -  ';
}
#news-list p {
	margin:0.3em 0 1em;
}


/*-----------------------------------------------------------
Article */

/* Photos */
figure.lightbox {
	float:right;
	text-align:left;
	margin:0 0 0 1em;
	max-width:250px;
	min-width:190px;
	width:40%;
}
figure.lightbox a {
	display:inline-block;
	vertical-align:top;
	width:28%;
	margin:0 0 0.4em 3%;
	border-radius:0.3em;
	box-shadow:0 0.3em 0.3em rgba(0,0,0,0.2);
}
figure.lightbox img {
	display:block;
	max-width:100%;
	background:#fff;
}
figure.lightbox a:first-child {
	margin:0 0 0.4em;
	display:block;
	width:auto;
}

/* Files list */
.files {
	list-style:none;
	margin:0.5em 0;
	padding:0;
}
.files ul {
	list-style:none;
}
.files a {
	display:block;
	font-size:115%;
	padding:0.3em 0;
}
.files a:before {
	content:url('../images/icons/pdf.png');
	vertical-align:middle;
	margin-right:0.5em;
}


/************************************************************
Resources page */

#resources {
	display:table;
	border-collapse:collapse;
	margin:0.5em -1em 0 0;
}
#resources nav {
	display:inline-block;
	width:32%;
	padding:0 2em;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}
#resources nav:first-child, #resources nav:nth-child(4) {
	padding-left:0;
}
#resources h3 {
	white-space:nowrap;
}

/* Remove columns from links list */
#resources .links ul {
	-moz-column-count:1;
	-webkit-column-count:1;
	column-count:1;
}


/************************************************************
Search results page */

/* Results list */
#search-results ol {
	list-style:none;
	margin:1.5em 0;
	padding:0;
}
#search-results li {
	padding:0.5em 0.3em;
	border-top:1px solid #e4e4e4;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#search-results li>a {
	display:block;
}
#search-results p {
	color:#000;
}
#search-results li:hover {
	padding:0.5em 0 0.5em 0.6em;
	box-shadow:inset 0 0 0.5em rgba(0,0,0,0.2);
}


/* Pagination */
.pgtn {
	text-align:center;
	color:#5D5D5D;
}
.pgtn ul {
	list-style:none;
	margin:1em 0;
	padding:0;
}
.pgtn li {
	display:inline;
	font-size:120%;
	line-height:1;
	padding:0 0.1em;
}
.pgtn strong,
.pgtn a {
	display:inline-block;
	padding:0.2em;
}


/************************************************************
Callouts */

/*-----------------------------------------------------------
Box style */

.box {
	position:relative;
	padding:1em;
	margin:1.5em 0 2em;
	background:#fefefe;
	box-shadow:inset 0 0 2em rgba(0,0,0,0.1);
}
.box h3 {
	margin:0;
}
.box p {
	margin:0.5em 0;
}


/************************************************************
Odds and Ends */

/*-----------------------------------------------------------
Social icons */

.social ul {
	list-style:none;
	margin:0;
	padding:0;
}
.social li {
	display:inline;
}
.social li a {
	position:relative;
	display:inline-block;
	height:35px;
	width:35px;
	text-indent:-9999px;
	background:transparent url('../images/icons/social.png') no-repeat center top;
}
.social li a:after {
	content:' ';
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background:transparent url('../images/icons/social.png') no-repeat center top;
	visibility:hidden;
	opacity:0;

	-webkit-transition:all 0.5s ease 0s;
	transition:all 0.5s ease 0s;
}
.social li a:hover:after {
	visibility:visible;
	opacity:1;
}

.social li.gp a { background-position:0 0; }
.social li.li a { background-position:-42px 0; }

.social li.gp a:after { background-position:0 -38px; }
.social li.li a:after { background-position:-42px -38px; }


/*-----------------------------------------------------------
Links list */

.links ul {
	list-style:none;
	margin:0.3em 0 1em;
	padding:0;

	/*-moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;*/
}
.links li {
	margin:0.1em 0;

	/* Preventing odd column breaks */
	display:inline-block;
	width:100%;
	-webkit-column-break-inside:avoid;
	break-inside:avoid-column;
}
.links li a {
	font-size:105%;
}
/*.links li a:after {
	content:' ';
	display:inline;
	position:relative;
	vertical-align:middle;
	left:0;
	font-size:0;
	line-height:0;
	margin:0 0 0 5px;
	border-left:4px solid #b5121b;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
.links li a:hover:after {
	left:3px;
}*/


/*-----------------------------------------------------------
Other stuff */

/* Google map */
#map-canvas {
	height:200px;
}
#map-canvas img {
	max-width:inherit;
}



/************************************************************
/************************************************************
Responsive */

@media all and (max-width:950px) {

	/*-------------------------------------------------------
	Footer */

	/* Social icons */
	body>footer .social ul {
		margin-top:-0.5em;
		margin-left:50px;
	}

	/* Text stuff */
	body>footer>address span:nth-child(4) {
		clear:left;
	}
	body>footer>address span:nth-child(4):before {
		display:none;
	}

	/* JB logo */
	#jb a {
		bottom:auto;
		top:-2em;
		right:0;
	}

}
@media all and (max-width:860px) {

	/*-------------------------------------------------------
	Navigation */

	#main-nav {
		font-size:85%;
		padding:0.5em 0;
	}

}
@media all and (max-width:750px) {

	/*-------------------------------------------------------
	Navigation */

	/* Put in two rows now */
	#main-nav {
		text-align:right;
	}
	#main-nav ul {
		display:block;
		padding:0 3em 0 0;

		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	#main-nav li {
		display:inline-block;
	}
	#main-nav li>a {
		padding:1em 0.7em;
	}
	#main-nav a[href="#search"] {
		position:absolute;
		margin:-0.75em 0 0;
		right:0;
		top:50%;
	}

}