a, a:visited{
	/* used to setup the base hyperlink color */
}

body{ /* Used to set the background of the site */
	background: url(http://www.holmesremodelingcincinnati.com/files/images/bg.png);
}

input[type="submit"]{ 
	/* used to setup the base appearance of submit buttons */
	background:#326799;
	color:#fff;
}

input[type="submit"]:hover{
	/* used to setup the base appearance of submit buttons when hovered over */
	background:#224566;
}

/* Top Bar */

#top-bar{ /* used to style the top bar background, border and font */
	background:#663f38;
	border-bottom: #999999 3px solid;
	color: #d2cbd3;
}

header.site-header{ /* use to control the appearance of the header, can set background and text color, if set to "allow header throught to margins" this region extends to the edges of the window */
	background: #fffff6 url(http://www.holmesremodelingcincinnati.com/files/images/header-bg.png) top left repeat-x;
}

header.site-header .wrap{ /* use this to control the appearance of the header, can set background, this part will only extend to the content width */
	
}

/* primary nav */

.nav-primary{
	/* use to set the background of the primary nav area, if set to "allow header throught to margins" this region extends to the margins */
	background: #898772;
	border-bottom: #444 2px solid;
}

.nav-primary .wrap{
	/* use to set the background of the primary nav area this region only extends to the content width */
}

.nav-primary > div > ul > li > a{
	/* used to setup the appearance of the primary nav top level link */
	color:#fff;
	padding:10px 20px;
}

.nav-primary > div > ul > .current-menu-item > a, .nav-primary > div > ul > .current-menu-ancestor > a, .nav-primary > div > ul > li > a:hover{
	/* used to setup the appearance of the primary nav top level link when hovered over or is the current page */
	background:#b7b493;
}

.nav-primary li ul{
	/* used to setup background and border for nested menu lists */
	background: #fff;
	border: #ccc 1px solid;
}


/* the next 2 items will be used in conjunction if a border is used as a divider between menu items on non top level items */
.nav-primary li li{
	border-bottom: #ccc 1px solid;
}

.nav-primary li li:last-child{
	border-bottom:none;
}

.nav-primary li li a{
	/* used to setup the appearance of the links in the nested menus */
	color:#663f38;
}

.nav-primary li .current-menu-item a, .nav-primary li li a:hover{
	/* used to setup the appearance of the primary nav nested menu link when hovered over or is the current page */
	background:#326799;
	color:#fff;
}

/* secondary Nav */

.nav-secondary{
	background: #898772;
}

.nav-secondary a, .nav-secondary a:visited{
	color:#fff;
}

.slider-container{
	/* Used to setup the box containing the slider and form */
	background: #663f38;
}

#genesis-responsive-slider{
	/* used to setup the slider box border, must use !important */
	border:none !important;
}


/* The following elemnts are used to change the standard slider nav buttons */
.flex-direction-nav li a{ 
	background: url('http://www.holmesremodelingcincinnati.com/files/images/slider-nav.png') no-repeat 0 0 !important; /* the image that contains the built nav buttons */
}

.flex-direction-nav li .next{ 
	right: -5px !important;
	background-position: -52px 0 !important;
}

.flex-direction-nav li .next:hover{
	background-position: -52px -50px !important;
}

.flex-direction-nav li .prev{
	left: -5px !important;
}

.flex-direction-nav li .prev:hover{
	background-position: 0 -50px !important;
}


/* The following is to style the slide excerpt */

.slide-excerpt{
	background-color: rgba(255,255,255,.7) !important;
	margin-left: 10px !important;
	margin-bottom: 10px !important;
	opacity: 1 !important;
	filter: none !important;
	box-shadow: 2px 2px 10px 3px #444;
	width: auto !important;
}

.slide-excerpt p{
	font-family: Arial, Helvetica, sans-serif;
}

.slide-excerpt p a{
	float: right;
	margin-top: 12px;
	color: #336799;
	font-size: 10pt;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}


.slide-excerpt h2{
	position: absolute;
	bottom: 100%;
	background: rgba(50,103,153,.7);
	padding: 3px 25px;
	left: 30px;
	margin-bottom: 0;
}

.slide-excerpt h2 a{
	color: #ffffff !important;
}

.slide-excerpt-border{
	margin: 0 !important;
	border: none !important;
}

.slider-form{
	/* used to setup the slider form container */
	border:#fff 10px solid;
	background-image:url('http://www.holmesremodelingcincinnati.com/files/images/estimate-corner.png');
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 30%;
	background-color:#ddd;
}

.slider-form .form-title{
	/* used to setup the container for the form title and font of text */
	padding-right:40px;
	margin: 0 0 15px;
	text-align: left;
	color: rgba(0,0,0,.4);
	text-shadow: 1px 0px 0px rgba(50,50,50,.7);
}

.slider-form .element-block label {
	width: 27%;
	font-size: 10pt;
	color: rgba(0,0,0,.4);
	text-shadow: 1px 0px 0px rgba(50,50,50,.7);
}

.slider-form .element-block input, .slider-form .element-block select {
	width: 73%;
	border: #ccc 2px solid;
	border-radius:0;
}

.slider-form textarea{
	border: #ccc 2px solid;
	border-radius:0;
}

.slider-form input[type='submit']{
	width:73% !important;
	font-size:10pt;
	background:#ad3030;
}

.slider-form input[type='submit']:hover{
	background:#e03f3f;
}

.site-inner{
	/* used to setup the background for the content-sidear wrap */
	background:#fff;
}

h1, h2, h3, h4, h5, h6{
	/* used to setup the base heading color */
	color: #663f38;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{
	/* used to setup color for links withing headings */
	color:#78b04f;
}

.featured-bottom-right .widget{
	/* used to style the widget areas for the featured bottom right area of the home page */
	background:#f5f5f5;
}

.breadcrumb{
	/* used to setup the breadcrumb block */
}

.entry-content img{
	/* used to setup styles for images that appear in the content area */
}

article.entry{
	/* used to style the post/page entry container */
}

footer.entry-footer{
	/* used to style the entry footer for posts */
}

.content-sidebar .sidebar{
	/* used to setup the styles for the sidebar area */
}

.sidebar .widget{
	/* used to style the widget areas in the sidebar */
	background:#f5f5f5;
}

.featuredpage .page, .featuredpost .post{
	/* used to setup the styles for the post/page block output by the featured widget */
	border-bottom: #ccc 1px solid;
}

.footer-widgets{
	/* used to style the footer widget container */
	background:#663f38;
	color:#fff;
}

.association-logos{
	text-align: center;
}

.association-logos a{
	display: inline-block;
	margin-right: 10px;
	margin-bottom:10px;
}

.association-logos img{
	height: 65px;
	width: auto;
	background: #fff;
	border-radius: 10px;
	padding: 12px;
}

.footer-widgets a, .footer-widgets a:visited{
	/*used to setup the styles for links in the footer widget area */
	color:#fff;
}

.footer-widgets .widget-title{
	/* used to setup styles for the widget titles in the footer widgets area */
	color:#fff;
}

footer.site-footer{
	/* used to setup styles for the footer */
	background: #898772;
	color:#fff;
}

.footer-schema{
	margin-bottom:15px;
}

/* Custom Pieces */


/* header localbusiness schema */

header.site-header .header-widget-area{
	font-family: Arial, Tahoma, san-serif;
	color: #555452;
	font-size: 13pt;
	text-shadow: none;
	margin-top: 10px;
	text-align:center;
}

header.site-header .header-schema > span{
	font-size: 16pt;
	font-weight: bold;
	letter-spacing: -1px;
	font-family: "Arial Black", Gadget, sans-serif;
}

header.site-header .header-schema > div{
	letter-spacing: -1px;
	margin-top: 3px;
}

header.site-header .header-schema a{
	display: inline-block;
	margin-top: 5px;
	background: #326799;
	color: #fff;
	text-decoration: none;
	padding: 8px 25px;
	font-size: 13pt;
	font-weight: bold;overflow: hidden;
	max-width: 95%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

header.site-header .header-schema a, header.site-header .header-schema a *{
	white-space: nowrap;
	text-overflow: ellipsis;
}

header.site-header .header-schema a:last-child{
	font-size:10pt;
}

.welcome {
	background-image: url('http://www.holmesremodelingcincinnati.com/files/images/drop-shadow.png'), url('http://www.holmesremodelingcincinnati.com/files/images/drop-shadow.png'), url('http://www.holmesremodelingcincinnati.com/files/images/welcome-corner.png');
	background-position: top center, bottom center, top left;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 100%,100%,15%;
	padding: 15px 0 35px;
}

.welcome h2{
	color: #663f38;
	font-size: 30pt;
	font-weight: bold;
	text-align: center;
	margin:0;
}

.welcome p{
	font-weight: bold;
	text-align: center;
	font-size: 14pt;
	margin-bottom: 15px;
}

.welcome .bull{
	color: #6699cc;
	font-size: 30pt;
	line-height: 0px;
	vertical-align: middle;
	padding: 0 5px 5px 5px;
	display: inline-block;
}

.welcome-cta{
	padding: 0 20px;
	text-align: center;
}

.welcome-cta a{
	display: inline-block;
	border: #cccccc 1px solid;
	padding: 9px;
	width: 19%;
	margin-left: 1.25%;
}

.welcome-cta a:first-child{
	margin-left: 0px;
}

.welcome-cta img{
	width:100%;
	height: auto;
}

.welcome-cta .cta-wrap{
	position:relative;
}

.welcome-cta h3{
	position:absolute;
	bottom: 10px;
	width:100%;
	background: rgba(50,103,153, .7);
	color: #fff;
	text-align: center;
	padding: 8px 0;
	text-transform: uppercase;
	margin:0;
	font-size: 12pt;
}

@media only screen and (max-width:685px){

	.welcome-cta h3{
		padding: 3px 0;
		font-size: 10pt;
	}
	
	.welcome p {
		font-size: 9pt;
	}

}


@media only screen and (max-width:480px){

	.welcome-cta a{
		width:30%;
		margin-left: 3.25%;
		margin-bottom: 10px;
	}

	.welcome h2 {
		font-size: 25pt;
	}
	
	.welcome p{
		padding: 0 10px;
	}
	
	.welcome-cta h3{
		font-size: 8pt;
		bottom: 0;
	}
	
	.welcome-cta a {
		padding: 3px;
	}
}

.front-services{
	padding:20px;
	background:#898772;
	color:#fff;
}

.front-services ul{
	columns: 2;
	-webkit-columns:2;
	-moz-columns:2;
	padding:0;
	margin:0;
}

.front-services a, .front-services a:visited{
	color:#fff;
}

.columns-2-uneven, .columns-2{
	display:table;	
}

.columns-2-uneven > div, .columns-2 > div{
	display:table-cell;
	vertical-align:top;
}

.columns-2 > div{
	width:48%;
	float:none;
}

.columns-2-uneven > div:first-child{
	width:66%;
}

.columns-2-uneven > div:last-child{
	width:34%;
}

.bg-1{
	background: #edede5;
}

a.inline-button{
	background: #326799;
	font-size: 10pt;
	-webkit-box-shadow: 0 6px 3px -6px black;
	-moz-box-shadow: 0 6px 3px -6px black;
	box-shadow: 0 6px 3px -6px black;
	text-shadow: 0 1px #666666;
	display: inline-block;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
}

a.inline-button:hover{
	background: #4d637f;
	text-decoration: none;
}

.sidebar-form{
	background:#663f38 !important;
	color:#fff !important;
}

.sidebar-form label{
	color:#fff !important;
}

.sidebar-form .form-title, .sidebar-form .form-desc{
	color:#fff !important;
}