/* style.css for TulsaTaxLaw.com */
html,body{
	height:100%;
}
/* Fonts */
body {
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
}
h2, h4 {
	letter-spacing: 1px;
}
@media (min-width: 768px) {
	h1 { font-size: 68px;}
	h2 { font-size: 44px;}
	h3 { font-size: 30px;}
	h4 { font-size: 24px;}
}
.admin-page 	h1 {
	font-size: 30px;
	padding-top: 30px;
}
.admin-page h2 {
	font-size: 24px;
}
.admin-page .row {
	padding: 5px 15px;
}
.admin-page .table td {
	padding: 2px;
}

/*colors*/
body {
	background-color: #ffffff; /*white*/
}
.bg-fresh {
	background-color: #f7f5e6; /*fresh*/
}
.bg-clean {
	background-color: #e8e8e8; /*clean*/
}
.bg-gray {
	background-color: #f8f8f8; /*gray*/
}
h1, h2, h3 {
	/*color: #333A56; /*vermilion*/
	color: #304779; /*fb dk blue*/
}
h4 {
	/*color: #52658F; /*sunshine*/
	/*color: #4a66ad; /*fb lt blue*/
	color: #333A56; /*vermilion*/
}
footer h1, footer h2, footer h3, footer h4 {
	color: #ffffff;
}
.stripe {
	/*background-color: #eaeaea;*/
	background-color: #ffffff;
}
.blockquote, .blockquote-footer {
	color: #000000;
}
.billboard-wrapper, .jumbotron {
	color: #333A56; /*vermillion (aka dark blue)*/
	/* color: #52658F; /*sunshine (aka lighter blue)*/
}
.page-header a:hover, 
.page-footer a:hover i,
a {
	/*color: #CD6014; /*orange*/
	color: #333A56; /*vermilion*/
}
a:hover {
	/*color: #EDDBC0; /*orange*/
	color: #888888; /*sunshine*/
}
.page-header a {
	color: #777777; /*gray*/
}
.page-header a:hover, 
.page-footer a:hover i {
	color: #333A56; /*vermilion*/
}
.page-footer  a {
	color: #ffffff; /*white*/
}
.page-footer a:hover  {
	color: #888888; /*gray*/
}

.btn-outline-custom {
	/* color: #CD6014; /*orange*/
	color: #333A56; /*vermilion*/
	border-color: #333A56;
}
.btn-outline-custom:hover,
.btn-outline-custom:focus, .btn-outline-custom.focus,
.btn-outline-custom:active, .btn-outline-custom.active {
	color: #ffffff;
	background-color: #333A56; /*vermilion*/
}
.btn-outline-custom:focus, .btn-outline-custom.focus {
	box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}
.card-footer {
	background-color: #ffffff; /*white*/
}

.billboard-wrapper-inner h1, 
.billboard-wrapper-inner h2, 
.billboard-wrapper-inner h4{
	margin-top: 30px;
	margin-bottom: 0px;
}
/*billboard display*/
.billboard-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
}
.billboard-wrapper-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
    vertical-align: middle;
}
.billboard-header {
	position: absolute;
	top: 0;
	left: 0;
	display: table;
	width: 100%;
	text-align: right;
}
.billboard-container {
	width: 100%;
	text-align: center;
}

/* Page Margins */
.container-fluid {
	padding-top: 15px;
	padding-bottom: 15px;
}
.row {
	padding-left: 5px;
	padding-right: 5px;		
}
@media (min-width: 768px) {
	.container-fluid {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.row {
		padding-left: 25px;
		padding-right: 25px;		
	}
}
@media (min-width: 992px) {
	.container-fluid {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.row {
		padding-left: 100px;
		padding-right: 100px;		
	}
}


/* Cards - Menu Items... */
.menu-item {
	padding: 5px;
}
@media (min-width: 768px) {
	.menu-item {
		padding: 15px;
	}
}	
.card {
	height: 100%;
}
.card-img-top {
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.card-body, .card-footer {
	text-align: center;
	border-top:0;
}


/* Embedded Google Map */
.embed-responsive {
	border: 2px solid black;
}


/* Icon Style */
i {
	padding: 8px;
}


/* Header Style */
.page-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:3;
}
.page-header .link {
	font-size: 18px;
	font-weight: 600;
	padding-left: 10px;
}

/* Footer Style */
.page-footer {
	color: #ffffff;
	background-color: #000000;
	padding-top: 20px;
	padding-bottom: 20px;
}
address h5 {
	margin: 0;
}

/* Blockquote */
.blockquote {
	text-align: center;
}

/* Carousel & Jumbotron at the top of the page with the branding text */
.xcarousel, .carousel-inner , .carousel-item , .carousel-item .active {
	height:100%;
}
.carousel {
	height: 80%;
}
.carousel-fade .carousel-item  {
	display: block;
	position: absolute;
	opacity: 0;
    transition: opacity .7s ease-in-out; 
}
.carousel-fade .carousel-item.active {
    opacity: 1;
}
.jumbotron {
	position: relative;
	padding-top: 60px;
	padding-bottom: 30px;
}
.jumbotron-billboard .img,
.carousel-item .img {
	margin-bottom: 0px;
	opacity: 0.4;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
}
.jumbotron .container,
.carousel .container {
	position:relative;
	z-index:2;
	text-align: center;
}

.sidebar img {
	border: 5px solid #eaeaea;
	margin-bottom: 20px;
}
.form-inline .form-group {
	margin-bottom: 15px;
}
.form-help {
	margin-top: 24px;
}
.photo-sample {
	margin: 10px;
	max-width: 200px;
}