/*
	Theme Name:		WBA Theme
	Description:	Child theme of Genesis for Wozny, Babar & Associates
	Author:			Leap3 Creative LLC
	Author URI:		http://leap3creative.com.com
	Template:		genesis
*/

@import url("../genesis/style.css");

/* body, html
------------------------------------------------------------------------- */
body {
	background: #ffffff;
	font-family: Verdana, Geneva, sans-serif;
	min-width: 1200px;
}

/* general typography
------------------------------------------------------------------------- */
h1, h2, h3, h4 {
	font-family: "kepler-std-condensed-subhead";
	font-weight: 300;
}

h1, h2 {
	color: #b23c24; 
}

h1 {
	margin-bottom: 20px;
	font-size: 2em;
}

h2 {
	font-size: 1.75em;
	margin-bottom: 30px;
}

h3 {
	font-family: "informapro-cond",sans-serif;
	text-transform: uppercase;
	color: #b23c24;
}

.entry p, #content.single_project p {
	font-size: 0.75em;
	line-height: 22px;
	color: #686768;
}

a {
	color: #2b60ff;
}

/* structural elements
------------------------------------------------------------------------- */
.site-inner, .wrap {
	min-width: 1200px;
	margin: 0 30px;
}

.entry {
	padding: 0;
}

.content, #content {
	width: 775px;
}

#content {
	float: right;
}

.featured-img, .royalSlider {
	margin-bottom: 60px;
}

#sub-image, #sub-text {
	position: absolute;
	margin: 70px 0 0 -320px;
	font-size: 0.6em;
	text-align: right;
	max-width: 265px;
	color: #686768;
}

#sub-image.project {
	margin: 0 0 0 -320px;
}

#sub-image.project p.back {
	margin-bottom: 30px;
	font-size: 1em;
}

/* header
------------------------------------------------------------------------- */
.site-header {
	min-height: 0;
}

.site-header .wrap {
	padding: 50px 0 10px;
}

.title-area {
	width: 390px;
}

.site-header .widget-area {
	margin-top: -30px;
}

.site-header .widget-area .top-row {
	margin-bottom: 15px;
	overflow: hidden;
	float: right;
}

.site-header .widget-area .top-row li {
	float: left;
	margin: 10px 2px 0;
}

.site-header .widget-area .top-row .first {
	width: 35%;
}

.site-header .widget-area .top-row .first ul {
	float: right;
}

.site-header .widget-area .top-row .second {
	width: 80%;
	float: right;
}

.site-header .widget-area .top-row label {
	text-transform: uppercase;
	line-height: 3;
	padding-right: 10px;
	font-family: "informapro-cond",sans-serif;
}

.site-header .search-form input[type="submit"] {
	display: none;
}

.site-header .search-form input {
	padding: 6px 8px;
}

.site-header .widget-area #services-list {
	float: right;
}

.site-header .widget-area #services-list li {
	text-transform: uppercase;
	font-family: "informapro-cond",sans-serif;
	float: left;
	width: 155px;
	color: #b23c24;
	border: 1px solid #b23c24;
	text-align: center;
}

/* sidebar nav
------------------------------------------------------------------------- */
.sidebar #menu-primary {
	background: url("images/menu-lines.png") no-repeat 162px center;
}

.sidebar #menu-primary .menu-item {
	text-align: right;
	border: 1px solid #000000;
	max-width: 45%;
	margin-bottom: 20px;
	padding: 0;
}

.sidebar #menu-primary .menu-item a {
	font-family: "informapro-cond",sans-serif;
	text-transform: uppercase;
	font-size: 1.125em;
	color: #000000;
	padding: 5px 10px;
	width: 100%;
}

.sidebar #menu-primary .menu-item:hover, .sidebar #menu-primary .menu-item.current-menu-item {
	background: #b23c24;
	border: 1px solid #b23c24;
}

.sidebar #menu-primary .menu-item:hover a, .sidebar #menu-primary .menu-item.current-menu-item a {
	color: #ffffff;
}

/* sub, tertiary navigation
------------------------------------------------------------------------- */
.sidebar #menu-primary .menu-item .sub-menu {
	left: -9999px;
	position: absolute;
	opacity: 0;
}

.sidebar #menu-primary .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
	margin-top: -30px;
	width: 200px;
	margin-left: 150px;
}

.sidebar #menu-primary .menu-item ul .menu-item {
	max-width: 100%;
	background: #ffffff;
}

.sidebar #menu-primary .menu-item ul .menu-item a {
	color: #000000 !important;
	font-size: 0.875em;
	display: block;
}

.sidebar #menu-primary .menu-item ul .menu-item:hover {
	background: #ffffff;
	border: 1px solid #b23c24;
	color: #b23c24 !important;
	cursor: pointer;
}

.sidebar #menu-primary .menu-item ul .menu-item a:hover, .sidebar #menu-primary .menu-item ul .menu-item:hover a {
	color: #b23c24 !important;
}

.sidebar #menu-primary #menu-item-138 {
	padding-right: 10px !important;
}

.sidebar #menu-primary #menu-item-138 a {
	padding-right: 0 !important;
}

/* responsive nav
------------------------------------------------------------------------- */
/* mmenu
------------------------------------------------------------------------- */
.menu-toggle {
	display: none;
	position: absolute;
	left: 30px;
}

.menu-toggle:before {
	content: '\f0c9';
	font-family: "FontAwesome";
	font-size: 3em;
	color: #ce4231;
}

/* content
------------------------------------------------------------------------- */
p.intro-text {
	color: #065ca7;
	font-size: 1.125em;
	margin-top: 20px;
	line-height: 32px;
	clear: both;
}

p.intro-text span {
	color:  #000000;
	font-size: 1.5em;
}

/* content - home
------------------------------------------------------------------------- */
body.home #content .one-half {
	text-align: right;
	font-size: 0.625em;
	color: #666666;
	margin-bottom: 40px;
}

body.home .one-half.second {
	float: right;
}

body.home .one-half img {
	width: 100%;
}

body.home #sub-image {
	margin: 730px 0 0 -320px;
}

/* content - services
------------------------------------------------------------------------- */
.featured-img img {
	width: 100%;
}

/* content - projects
------------------------------------------------------------------------- */
#project-types {
	min-height: 600px;
	margin-bottom: 50px;
}

#project-types li {
	float: left;
	width: 30%;
	margin: 0 4.75% 20px 0;
}

#project-types li:nth-child(3n+3) {
	margin: 0 0 20px;
}

#project-types li h3 {
	text-transform: uppercase;
	font-family: "informapro-cond",sans-serif;
	font-size: 0.875em;
	color: #000000;
	padding: 5px;
	margin: 0;
}

#project-types li h3:hover {
	background: #b23c24;
	color: #ffffff;
}

/* content - single projects
------------------------------------------------------------------------- */
#content.single_project img.featured_project {
	width: 100%;
}

#content.single_project p.caption {
	text-align: right;
	font-size: 0.625em;
}

#content.single_project p {
	margin-bottom: 10px;
}

#content.single_project .one-half {
	min-height: 400px;
}

#content.single_project p.projects {
	font-size: 0.75em;
}

/* content - about page
------------------------------------------------------------------------- */
body.about .right-col {
	float: left;
	width: 70%;
	margin-bottom: 40px;
}

/* content - services page
------------------------------------------------------------------------- */
body.services p.caption {
	text-align: right;
	font-size: 0.625em;
	color: #686768;
}

/* content - contact page
	*/
body.contact .featured-img, .royalSlider {
	margin: 0;
}

/* content - search
------------------------------------------------------------------------- */
body.search .wp-post-image, body.search #sub-image  {
	display: none;
}

.archive-description, .author-box {
	padding: 0;
}

.archive-title {
	font-family: "Verdana", sans-serif;
}


/* sidebar
------------------------------------------------------------------------- */
.sidebar .widget {
	padding: 0;
}

.sidebar li {
	padding: 5px 10px;
}

/* royalslider
------------------------------------------------------------------------- */
.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
	background: #ffffff !important;
}

/* footer
------------------------------------------------------------------------- */
.site-footer {
}

.site-footer p, .footer-widgets .widget p {
	text-align: left;
	margin-bottom: 20px;
	color: #b23c24;
	font-size: 0.625em;
	line-height: 18px
}

.site-footer a {
	color: #666666;
}

.footer-widgets {
	background-color: #ffffff;
	margin-top: 80px;
	padding: 0;
}

.footer-widgets .wrap {
	margin: 0 auto;
}

.footer-widgets-1 {
	width: 100%
}

/* column classes
------------------------------------------------------------------------- */

/* images
------------------------------------------------------------------------- */
.wp-post-image {
	width: 100%;
}

/* form elements
------------------------------------------------------------------------- */

/* media queries
------------------------------------------------------------------------- 
@media only screen and (max-width: 1200px) {
	.title-area, .content, .site-header .widget-area {
		width: 100%;
		text-align: center;
	}
	
	.title-area {
		margin-bottom: 50px;
	}
	
	.site-header .widget-area .top-row, .site-header .widget-area #services-list {
		float: none;
		display: block;
	}
	
	.site-header .widget-area #services-list {
		text-align: center;
		width: 100%;
	}
	
	.site-header .widget-area #services-list li {
		display: inline-block;
		width: 20%;
	}
	
	.site-header .widget-area .top-row .second {
		width: 30%;
	}
	
	.content, #content {
		width: 100%;
	}
	
	#sub-image, #sub-text {
		display: none;
	}
	
	.menu-toggle {
		display: block;
	}
	
	.sidebar-primary {
		display: none;
	}
	
	/*
	.sidebar #menu-primary {
		background: #ffffff;
	}
	
	.sidebar #menu-primary .menu-item {
		text-align: left;
		max-width: 200px;
		float: left;
	}
	
	.sidebar #menu-primary .menu-item ul .menu-item, .sidebar #menu-primary .menu-item ul .menu-item:hover {
		border: none;
		display: block;
		width: auto;
	}
	
	.sidebar #menu-primary .menu-item:hover > .sub-menu  {
		margin-left: 0;
		background: #ffffff;
		margin-top: 0;
	}
	
	
}

@media only screen and (max-width: 980px) { 
	.site-header .widget-area .top-row .first {
		width: 100%;
	}
	
	.site-header .widget-area .top-row .first ul {
		float: left;
		text-align: center;
	}
	
	.site-header .widget-area .top-row .first ul  {
		float: none;
		display: inline-block;
	}
	
	.site-header .widget-area .top-row .second {
		display: none;
	}
}

@media only screen and (max-width: 660px) {
	.title-area img {
		max-width: 50%;
	}
	
	.site-header .widget-area #services-list li {
		width: 100%;
		border: none
	}
	
	#project-types {
		width: 100%;
		clear: both;
		overflow: hidden;
	}
	
	#project-types li {
		width: 46%;
	}
	
	#project-types li h3 {
		font-size: 1.125em;
	}
	
	#project-types li:nth-child(1n+1) {
		margin: 0 3% 20px 0;
	}
}

@media only screen and (max-width: 480px) {
	#project-types li {
		width: 100%;
	}	
}