/*

Theme Name: JDL Concrete

Theme URI: 

Description: An original theme created for JDL Concrete.

Template: responsive

Version: 2.0

Author: South Jersey Websites

Author URI: http://southjerseywebsites.com

*/

.alignnone {
margin: 0px 0px 0px 0;
}

button, 

a.button,

input[type='reset'], 

input[type='button'], 

input[type='submit'] {

	

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	color: #000;
background-color: #8EB2BD;

	background-image: none;

	box-shadow: none;

	filter: none;

	font-weight: 400;

	-webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

	text-shadow: none;

}



button:hover, 

a.button:hover,

input[type='reset']:hover, 

input[type='button']:hover, 

input[type='submit']:hover {

	color:#fff;

	background-color: #044B61;

	background-image: none;

	filter: none;

}

#content-full {
margin-top: 1px;
margin-bottom: 1px;
}


.widget-wrapper {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background: none;
border: 0px;
border-radius: 0px;
margin: 0 0 2px;
padding: 20px;
}

.3widget-wrapper {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background-color: #f9f9f9;
border: 0px;
border-radius: 0px;
margin: 0 0 2px;
padding: 20px;
height: 500px;
}


body {

-moz-font-smoothing: antialiased;

-webkit-font-smoothing: antialiased;

background: #fff;

color: #000;

font-family: 'open sans', sans-serif;

font-size: 14px;

font-smoothing: antialiased;

line-height: 1.5em;

text-rendering: optimizeLegibility;

}

.top-widget {
background: none;
border: none;
clear: right;
float: right;
min-height: 0;
padding: 0 3px 0 0;
text-align: right;
width: 55%;
}

h1 {
font-size: 2.625em;
margin-bottom: .5em;
margin-top: .5em;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
color: #868686;
}

h2 {
font-size: 2em;
margin-bottom: .5em;
margin-top: .5em;
font-family: 'PT Sans Narrow', sans-serif;
font-weight: 400;
color: #868686;
}

h3 {

font-size: 2.4em;



margin-bottom: .5em;

margin-top: .5em;





}

h4 {

font-size: 1.7em;



margin-bottom: .5em;

margin-top: .5em;





}


.widget-title h3, .widget-title-home h3 {
display: block;
font-size: 26px;
font-weight: 400;
line-height: 23px;
margin: 0;
padding: 0 0 20px 0;
text-align: left;
font-family: 'PT Sans Narrow', sans-serif;
}


#featured {

-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background-color: #4983B1;
border: 0px;
border-radius: 0px;
padding-bottom: 0px;
width: 99.893617021277%;

}

#featured-content {
display: block;
max-width: 1170px;
margin: 0 auto;
}


#featured-image {

margin-bottom: -70px;
margin: 0px;

color: #fff;

}








.featured-title {

color: #FFF;
font-size: 2.6em;
letter-spacing: -1px;
margin: 0;
padding-top: 40px;
text-align: center;
}





.featured-subtitle {

padding: 0 10px;

text-align: center;

color: #FFF;

font-size: 1.5em;

}



.front-page #container {

margin: 0 auto;

max-width: 100%;

padding: 0px 1px;

}



#container {

margin: 0 auto;

max-width: 1170px;

padding: 0px 1px;

}



#content {

margin-top: 1px;

margin-bottom: 10px;

}



.front-page #wrapper {

max-width: 1170px;
background-color: transparent;
border: none;
margin: 2px auto -30px auto;
padding: 0;
}



#wrapper {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

background-color: #FFF;

border: 0px;
border-radius: 1px;

clear: both;

margin: 2px auto 20px auto;

padding: 0 20px 20px 20px;

position: relative;

}






.3widget-wrapper {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;


border-radius: 0px;
height: 500px

}



#header {

margin: 0;

display: block;

max-width: 1170px;

margin: 0 auto;

}



#footer-wrapper {

display: block;

max-width: 1170px;

margin: 0 auto;

}



#footer {
background-color: #9B9B9B;
color: #FFF;
max-width: 100%;
padding: 10px 30px 0px 30px;
}






.front-page #widgets {

margin-top: 40px;

display: block;

max-width: 1170px;

margin: 0 auto;

}







a {

color: #A50021;

font-weight: 400;

text-decoration: none;

}



#footer a {

color: #FFF;

font-weight: 400;

}

#footer a:hover{

color: #ccc;

font-weight: 400;

}



.menu {
background-color: #FFFFFF;
background-image: none;
clear: both;

filter: none;

margin: 0 auto;

float: right;

margin-top: -65px;

}



.menu a {

background-color: #fff;

border-left: 1px solid #ccc;

color: #000;

cursor: pointer;

display: block;

font-size: 15px;

font-weight: 400;

height: 25px;

line-height: 25px;

margin: 0;

padding: 0 0.9em;

position: relative;

text-decoration: none;

text-shadow: none;

white-space: nowrap;

-webkit-transition: all 0.3s ease-out;

	-moz-transition: all 0.3s ease-out;

	-ms-transition: all 0.3s ease-out;

	-o-transition: all 0.3s ease-out;

	transition: all 0.3s ease-out;

}



.menu a:hover {

	color: #fff;
background-color: #4983B1;

background-image: none;




	filter: none;

}

.front-page .menu .current_page_item a {
background: none;
background-color: #FFF;
background-image: none;
filter: none;
}

.menu .current_page_item a, .menu .current-menu-item a {

background-color: #DFDFDF;

}


.call-to-action a.button {

font-size: 15px;

padding: 10px 35px;

}





a.red {

background: #a50021;

background: -moz-linear-gradient(top,  #a50021 0%, #a50021 23%, #0e0e0e 99%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a50021), color-stop(23%,#a50021), color-stop(99%,#0e0e0e));

background: -webkit-linear-gradient(top,  #a50021 0%,#a50021 23%,#0e0e0e 99%);

background: -o-linear-gradient(top,  #a50021 0%,#a50021 23%,#0e0e0e 99%);

background: -ms-linear-gradient(top,  #a50021 0%,#a50021 23%,#0e0e0e 99%);

background: linear-gradient(to bottom,  #a50021 0%,#a50021 23%,#0e0e0e 99%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a50021', endColorstr='#0e0e0e',GradientType=0 );



text-shadow: 0 -1px 0 #890000;
transition: all 0.3s ease-out;

}



a.red:hover {

	background: #a33e52;

background: -moz-linear-gradient(top,  #a33e52 0%, #a33e52 22%, #0e0e0e 99%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a33e52), color-stop(22%,#a33e52), color-stop(99%,#0e0e0e));

background: -webkit-linear-gradient(top,  #a33e52 0%,#a33e52 22%,#0e0e0e 99%);

background: -o-linear-gradient(top,  #a33e52 0%,#a33e52 22%,#0e0e0e 99%);

background: -ms-linear-gradient(top,  #a33e52 0%,#a33e52 22%,#0e0e0e 99%);

background: linear-gradient(to bottom,  #a33e52 0%,#a33e52 22%,#0e0e0e 99%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a33e52', endColorstr='#0e0e0e',GradientType=0 );



	color: #ffffff;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5656, endColorstr=#cd0000);

	text-shadow: 0 -1px 0 #890000;

}

/* =Responsive Design

    Media Queries

    If you're working on a Child Theme, make sure that all

    media queries are included in your style.css

-------------------------------------------------------------- */





#feature-wrapper {

display: block;

max-width: 1170px;

margin: 0 auto;

}



#feature {
background-color: #4983B1;
color: #FFF;
max-width: 100%;
padding: 10px 0px 0px 0px;

}

blockquote p {
font-family: inherit;
font-style: normal;
font-size: inherit;
line-height: 19px;
margin: 1.2em 0;
max-width: 800px;
}

.feature {
font-style: italic;
font-weight: 700;
background-color: #EBE8E8;
padding: 10px;
margin: 0 0 30px 0;
border: 1px solid #d2d2d2;
width: 35%;
float: right;

}

.alert {
background-color: #EBE8E8;
border: 1px solid #d2d2d2;
color: #000;
}

.info-box {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
display: block;
margin: 20px 0;
padding: 15px;
text-align: left;
width: 35%;
float: right;
}



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





.grid {

float: left;

margin-bottom: 2.127659574468%;

padding-top: 0;

}



 .grid-right {

	float: right;

	margin-bottom: 2.127659574468%;

	padding-top: 0;

 }

}

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

.menu {

float: none;

}

}



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

.grid,

	.grid-right {

		float: none;

	}



.js .main-nav #responsive_current_menu_item {

visibility: hidden;

}



.js .main-nav a#responsive_menu_button {

margin-top: -65px;

}



.js .main-nav a#responsive_menu_button {

position: absolute;

display: block;

top: -5px;

left: 100%;

height: 40px;

width: 40px;

margin-left: -40px;

background: url('images/select-icons.png') 0 5px no-repeat;

cursor: pointer;

}



.js .main-nav a#responsive_menu_button.responsive-toggle-open {

position: absolute;

display: block;

top: -5px;

left: 100%;

height: 40px;

width: 40px;

margin-left: -40px;

background: url('images/select-icons.png') 0 -33px no-repeat;

}



.js .main-nav .menu {

display: none;

position: absolute;

width: 100%;

top: 40px;

z-index: 1000;

}





.js .main-nav {

height: 0px;

}



.js .main-nav .menu li a {

color: #000;

font-size: 15px;

font-weight: normal;



padding: 0 15px;

border: none;

border-bottom: 1px solid #F5F5F5;

text-shadow: none;

text-align: left;

cursor: pointer;

background-color: #CCC;

}



#logo {

float: left;

text-align: left;

width: 85%;

}



.alignnone {

margin: 5px 2px 2px 0;

width: 166.5%;

max-width: 166.5%;

margin-left: -40%;

}



.front-page #widgets {

text-align: center;

}

}