/*!
 * KGOBaseline v01 (http://www.orwoll-law.com)
 * Copyright 2015 Orwoll Law.
 */

/* Debug */
/* 
		*[class*="col-"] {
		border: black 1px solid;
	}

	*[class*="row"] {
		border: blue 1px solid;
	}
 */

body {
	font-family: 'PT Serif', serif;
	font-weight:400;
	color: #594a41;
	background-color: #D5C1AD; /* Inbetween-Tan 1*/
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cinzel', serif;
	font-weight: 400;
	color: #d37868;
}

.h1 .small, .h1 small, .h2 .small, .h2 small,
.h3 .small, .h3 small, .h4 .small, .h4 small,
.h5 .small, .h5 small, .h6 .small, .h6 small,
h1 .small, h1 small, h2 .small, h2 small,
h3 .small, h3 small, h4 .small, h4 small,
h5 .small, h5 small, h6 .small, h6 small {
	font-family: 'PT Serif', serif;
	color: #d37868;
}

h1#logo, h1#mobile-logo {
	padding: 0;
	margin: 0;
}

/* Use full width of column */
	.full {
		padding-left: 0px;
		padding-right: 0px;
	}

/* Page styles */
	.glyphicon {
		margin-right: .4em;
	}
	
	.glyphicon-ul, .bullet-ul {
		padding-left: 0;
		margin-left: 2.14285714em;
		list-style-type: none;
	}
	
	.bullet-ul {
		padding-left: 0.4em;
	}
	
	.glyphicon-ul > li, .bullet-ul > li {
		position: relative;
	}
	
	.glyphicon-li, .bullet-li {
		position: absolute;
		left: -2.14285714em;
		width: 2.14285714em;
		top: 0.14285714em;
		text-align: center;
	}
	
	.bullet-li {
		top: -0.25em;
	}
	
	.bullet-li:before {
		font-size: 130%;
		content: '\2022';
	}
	
	aside .glyphicon-ul .glyphicon-li {
		color: #ffffff;
	}
	
	header {
		background-color: #e8d8c4;
	}
	
	section {
		background-color: #f9f0e8;
	}
	
	#main {
		max-width: 1380px;
	}
	
	address {
		text-align: center;
		color: #ffffff;
		font-size: 1.25em;
		background-color: #d37868;
		margin: 0;
		padding: 1em;
	}
	
	#contact-page address {
		font-size: 1.5em;
	}

	.phone {
		text-align: center;
		color: #ffffff;
		font-size: 1.5em;
		background-color: #7c6955;
		margin: 0;
		padding: 0 .5em;
	}
	
	a[href^="tel"] {
    color:inherit;
	}
	
	#contact-page.bs-sm .phone, #contact-page.bs-md .phone {
		font-size: 1.25em;
	}
	
	#contact-page .hours, #contact-page .location-description {
		font-size: 1.2em;
		margin-bottom: 21px;
	}
	
	#contact-page .location-data, #contact-page .location-info .location-description {
		color: #eed6bc;
	}
	
	#contact-page.sm .location-data, #contact-page.md .location-data, #contact-page.lg .location-data {
		padding-left: 15px;
	}
	
	#contact-page .location-label {
		padding-right: 15px;
		font-weight: 700;
		color: #7c6955;
	}
	
	#contact-page #find-us img {
		box-shadow: 2px 3px 9px #594A41;
		margin: auto;
	}
	
	#mission {
		background-image: url('../images/KGOHomeJustice25-1600x1906q10.jpg');
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
		text-align: center;
	}
	
	#mission p {
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		padding-bottom: 40px;
		margin-bottom: 0px;
		font-size: 21px;
		line-height: 1.5em;
	}
	
	.bs-lg #mission p {
		font-size: 23px;
	}
	
	.tag {
		text-align: center;
		color: #ffffff;
		font-family: 'Cinzel', serif;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 3px;
		word-spacing: 5px;
		font-size: 1.5em;
		background-color: #7c6955;
		padding-top: 6px;
		padding-bottom: 4px;
		margin-top: -1px;  /* Hides mismatch in height of the two columns */
	}
	
	.modal .tag {
		font-family: 'PT Serif';
		text-transform: none;
		letter-spacing: normal;
	}
	
	.text-uppercase {
		letter-spacing: 2px;
	}

	
	#home-page #kgo-group-image, #home-page #kgo-group-image-xs {
		background: url('../images/KGO_NancyKim800x1135.jpg');
		background-size: cover;
		max-height: 490px;
		overflow: hidden;
	}
	
	#home-page #kgo-group-image img {
		opacity: 0;
	}
	
	#staff-page #staff-intros .container-fluid,
	#services-page #goals .container-fluid {
		padding-top: 15px;
		padding-bottom: 15px;
		min-height: 33%;
	}
	
	#staff-page ul li span {
		padding-left: 1em;
	}
	
	#staff-page #associations,
	#services-page #practice {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-top: 20px;
	}

	#staff-page #associations {
		background-image: url('../images/KGOStaffPage-800x994q60.jpg');
	}

	#staff-page.bs-xs #associations {
		background-size: contain;
		background-position: center right;
	}

	#services-page #practice {
		background-image: url('../images/KGOJustice-800x995q30b66.jpg');
	}
	
	
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
		font-style: italic;
	}
	
	#staff-page aside, #services-page aside {
		background-color: #2f0801;
	}
	
	#contact-page aside {
		background-color: #d37868;
	}
	
	aside ul {
		color: #ffffff;
		font-size: 120%;
	}
	
	aside li>a {
		color: #ffffff;
		font-weight: 400;
	}
	
	aside li>a:hover, aside li>a:focus {
		color: #ffffff;
		font-weight: 700;
		outline: none;
	}
	
	aside ul,
	aside h1 small,
	aside h2 small,
	aside h3 small,
	aside h4 small,
	aside h5 small,
	aside h6 small {
		text-shadow:2px 2px 2px #2f0801,-1px 0px 2px #2f0801;
	}
	
	#contact-page .location-info {
		padding-top: 30px;
		padding-bottom:30px;
	}
	
	aside .staff {
		text-align: center;
	}
	
	.staff span {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.staff span.name {
		color: #ffffff;
		font-family: 'Cinzel', serif;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 3px;
		word-spacing: 3px;
		padding-right: 8px;
		border-right: 2px #eed6bc solid;
	}
	
	.staff span.position {
		color: #eed6bc;
		letter-spacing: 2px;
		word-spacing: 2px;
		padding-left: 8px;
	}

/* Images */
	#staff-intros .headshot {
		float: right;
		border: 4px solid #7c6955;
		padding: 0;
		margin-left: 15px;
	}
	
	.modal-body img.img-responsive {
		border: 1px solid #7c6955;
		padding: 0;
		margin-bottom: 15px;
	}

	.modal-body img.img-responsive.wrap-r {
		max-width: 66%;
		float: left;
	}

/* Navigation */
	.navbar.navbar-default {
		background: none;
		box-shadow: none;
		border: none;
		margin-bottom: 0;
		text-align: center;
		min-height: 0;
	}
	
	.navbar-collapse {
		border: none;
		/* border: 2px solid #d37868; */
	}
	.navbar-collapse.full {
		margin-left: -15px;
		margin-right: -15px;
	}
	.navbar-default .navbar-toggle {
		float: left;
		margin-left: 15px;
		border: 1px solid #7c6955;
		/* background-color: #d37868; */
	}
	.navbar-default .navbar-toggle:hover {
		background-color: #7c6955;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #594a41;
	}
	.navbar-default .navbar-toggle:hover .icon-bar {
		background-color: #e8d8c4;
	}

	nav li {
		border-right: 2px solid #d37868;
	}

	nav li {
		border-right: 2px solid #d37868;
	}

	nav li.col-sm-3, nav li.col-md-3 {
		padding-left: 0px;
		padding-right: 0px;
	}
	nav li.alpha {
	}

	nav li.omega {
		border-right: none;
	}

	.navbar-default .navbar-nav>li>a {
		font-family: 'Cinzel', serif;
		font-weight: 400;
		font-size: 1.1em;
		letter-spacing: 3px;
		color: #594a41;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #000000;
		font-size: 1.2em;
	}


	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
		color: #d37868;
		background: none;/* then was #ffffff; */  /* was #f6e9db (lighter tan) */
		font-size: 1.4em;
		letter-spacing: 0px;
		box-shadow: none;
	}

/* Redefine Button-Primary */
	.btn-primary {
		color: #e8d8c4;
		background-color: #7c6955;
		border-color: #524a3f;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
		background-image: -webkit-linear-gradient(top, #7c6955 0%, #524a3f 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#7c6955), to(#524a3f));
		background-image:         linear-gradient(to bottom, #7c6955 0%, #524a3f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c6955', endColorstr='#ff524a3f', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
	}

	.btn-primary:hover,
	.btn-primary:focus {
		color: #e8d8c4;
		background-color: #594a41;
		background-position: 0 -15px;
	}

	.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
		background-image: none;
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
	}

	.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus,
	.btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus,
	.btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active,
	fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
		background-color: #7c6955;
		border-color: #725f4b;
	}

	.btn-primary .badge {
		color: #7c6955;
		background-color: #e8d8c4;
		text-shadow: none;
	}

	.btn:active,
	.btn.active {
		background-image: none;
	}
	
	button.continue {
		padding: 0px 6px;
		float: right;
	}

/* Redefine Button-Primary for Contact page*/
	#contact-page aside .btn-primary {
		color: #594a41;
		background-color: #eed6bc;
		border-color: #524a3f;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
		background-image: -webkit-linear-gradient(top, #eed6bc 0%, #e4bd93 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#eed6bc), to(#e4bd93));
		background-image:         linear-gradient(to bottom, #eed6bc 0%, #e4bd93 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeed6bc', endColorstr='#ffe4bd93', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		background-repeat: repeat-x;
	}

	#contact-page aside .btn-primary:hover,
	#contact-page aside .btn-primary:focus {
		color: #594a41;
		background-color: #dcac77;
		background-position: 0 -15px;
	}

	#contact-page aside .btn-primary.active, #contact-page aside .btn-primary:active {
		background-image: none;
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
	}

	#contact-page aside .btn-primary.disabled, #contact-page aside .btn-primary.disabled.active, #contact-page aside .btn-primary.disabled.focus,
	#contact-page aside .btn-primary.disabled:active, #contact-page aside .btn-primary.disabled:focus, #contact-page aside .btn-primary.disabled:hover, #contact-page aside .btn-primary[disabled], #contact-page aside .btn-primary[disabled].active, #contact-page aside .btn-primary[disabled].focus,
	#contact-page aside .btn-primary[disabled]:active, #contact-page aside .btn-primary[disabled]:focus, #contact-page aside .btn-primary[disabled]:hover, fieldset[disabled] #contact-page aside .btn-primary, fieldset[disabled] #contact-page aside .btn-primary.active,
	fieldset[disabled] #contact-page aside .btn-primary.focus, fieldset[disabled] #contact-page aside .btn-primary:active, fieldset[disabled] #contact-page aside .btn-primary:focus, fieldset[disabled] #contact-page aside .btn-primary:hover {
		background-color: #eed6bc;
		border-color: #dcac77;
	}

	#contact-page aside .btn-primary .badge {
		color: #eed6bc;
		background-color: #e4bd93;
		text-shadow: none;
	}
	
	#contact-page #find-us > div {
		position: relative;
		height: 100%;
	}
	
	#contact-page #find-us p {
		text-align: center;
		font-size: 150%;
		width: 100%;
		margin-top: 30px;
	}
	
	#fee-tag {
		width: 100%;
		font-size: 75%;
	}
	
	.bs-sm #fee-tag, .bs-md #fee-tag, .bs-ls #fee-tag {
		position: absolute;
		bottom: 0px;
	}
	
	#fee-tag span {
		color: #d37868;
		font-size: 150%;
		font-weight: bold;
	}

/* Flexbox (v2) */
	.container-flex, .row-flex, .col-flex, .flex {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	.v-center {
		-webkit-box-align: center;
		-webkit-align-items: center;
			-ms-flex-align: center;
				align-items: center;
	}

	.v-bottom {
		-webkit-box-align: flex-end;
		-webkit-align-items: flex-end;
			-ms-flex-align: flex-end;
				align-items: flex-end;
	}