/**
 * Core styles for Dave Crenshaw template
 */

/**
 * Table of Contents:
 *
 * 1.0 - Body
 * 2.0 - Typography
 * 3.0 - Elements
 * 4.0 - Header
 * 5.0 - Footer
 * 6.0 - Site Content
 * 7.0 - Sidebar
 * #.0 - Additional Helper Classes
 */



/**
 * 1.0 - Body
 */

html, #page {
	min-height: 100%;
    height: 100%;
}

body {	
	background: #FFF;
	color: #111;
	display: block;
    font-family: 'Verlag', Lucida Grande,Lucida Sans, Verdana,Georgia, Helvetica, Arial;
	font-weight: 300;
	height: 100%;
	margin: 0;
	padding: 0;
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;	
	width: 100%;
}


.site-inner {
	display: table;
    table-layout: fixed;
    width: 100%;
	height: 100%;
	min-height: 100% !important;
	z-index: 776;
}

	.site-inner-r {
		display: table-row;
		width: 100%;
		z-index: 777;
	}

/**
 * 2.0 - Typography
 */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.btn {
	color: #111;
	font-family: 'Verlag', 'Verlag book';
	font-weight: 900;
	text-transform: capitalize;	
} 


h1,
.h1 {
	font-size: 30px;
}

h2,
.h2 {
	font-size: 26px;
}

h3,
.h3 {
	font-size: 24px;
}

h4,
.h4 {
	font-size: 22px;
}

h5,
.h5 {
	font-size: 17px;
}

h6,
.h6 {
	font-size: 16px;
}

p {
	font-size: inherit;
	margin: 0 0 20px;
}

a,
a:hover {
    text-decoration: none;
}

b, strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    border: 0px;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0;
}
  blockquote > p {
	padding: 0 20px 0 24px;
  }
  blockquote > p:not([class*=author]):first-child{
	font-size: 1.8rem;
	position: relative;	
  }
	blockquote > p:not([class*=author]):first-child:before {
		background: #e1e1e1;
		bottom: 7px;
		content: '';
		display: block;
		left: 0;
		position: absolute;
		top: 7px;
		width: 4px;
		
	}

ol,
ul {
	margin-top: 15px;
    margin-bottom: 30px;
	padding-left: 15px;
}

ol > li,
ul > li {
    margin-bottom: 15px;
	padding-left: 5px;
}

img {
	max-width: 100%;
    height: auto;
}

li > strong {
	color: #252525;
}


/**
 * 3.0 - Elements
 */
 
input[type="text"],
input[type="email"],
select,
textarea {
	 background: #FEFEFE; 
	/* background: #efefef; */
	border: #b7b7b7 2px solid;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline-block;
	font-size: inherit;
	outline: none;			
	padding: 10px 15px;
	width: auto;
}

  select {
	padding: 5px 5px 5px;
  }

/* infusion forms */
.form-field,
.form-field.wide,
.form-field-wide,
.two-cols .form-field.wide,
.two-cols .form-field-wide,
.two-cols .form-field.form-field-wide {
	clear: both;
	float: none;
	padding: 5px 0 10px;
	width: 100%;
}
 .form-field.disabled {
	pointer-events: none;
    opacity: .5;	 
    -webkit-opacity: .5;	 
    opacity: .5;	 
 }
 .form-field label {
	font-weight: normal;
	margin-top: 5px;
  }
    .form-field label.h6 {
		margin-bottom: 6px;
	}
	
	.form-field input[type="text"],
	.form-field input[type="email"],
	.form-field textarea,
	.form-field select{
		width: 100%;
	}
	
	.form-field input[type="checkbox"] {
		margin-right: 10px;
	}
	
	.with-captcha-img.form-field > img{
		float: none;
		margin-left: 0;
		margin-bottom: 0;
		margin-top: 20px;
	}
	
	.input-submit.form-field {
		margin-left: -10px;
		margin-right: -10px
	}
	
	.input-checkbox > input[type="checkbox"] {
		cursor: pointer;
		float: left !important;
		margin-top: 10px !important;
	}
	
	.input-checkbox > label {
		max-width: 90%;
		cursor: pointer;
	}


.required, .optin .infusion-form input.required, .optin .infusion-form select.required, .infusion-form input.required, .infusion-form select.required, .infusion-form textarea.required, input.required, select.required, textarea.required,
input.invalid-error,
select.invalid-error,
textarea.invalid-error
 {
  background: #ffefef !important;
  border: #f2dede 1px solid !important;
}

.input-error-box {
	clear: both;
	margin-bottom: 0px;
}
  .input-error-box  img,
  .input-error-box  img.loader{
	margin-left: 0;
	margin-bottom: 0;
  }
	.input-error-box .dc-alert {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: -10px;
		margin-top: 10px;
	}
  .input-error-box img.alignleft {
	float: left !important;
	margin-bottom: 5px !important;
	margin-right: 15px !important;
  }
  
  /*fixed*/
  .input-error-box.fixed {
	position: absolute;
  }
  
	@media (min-width:992px) { .inf_long_label{max-width:60%} }
	
.custom-dc-footer {
	position: absolute;
    bottom: -60px;
	padding-top: 60px;
    width: 100%;
	z-index: 1;
}
	
.screen-reader-text {
	display: none;
}

.btn,
.btn-primary {
	color: #FFF;
	margin: 15px 10px;
	outline: none !important;
}

/* images */
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone,
.content-area img
 {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}
img.alignnone{
	margin-left: 0;
	margin-right: 0;
	float: none !important;
}


/* glyphicons */
.glyphicon {
	color: #000;
	font-size: 1.3em;
	margin-right: 10px;
	top: 0;
}

/**
 * 5.0 - Footer
 */
 
.site-footer {
	background-color: #111111;
	color: #898989;
	display: table-cell;
	font-size: 1.3rem;
	height: auto;
	padding: 30px 10px;
	text-align: center;
	width: 100%;
}

.site-footer > .container{
	padding-left: 0;
	padding-right: 0;
}

.site-footer > .col-md-* {
	padding-left: 0;
	padding-right: 0;

}
	
	.site-footer .footer-logo > img {
		margin-bottom: 0;
	}

	.site-footer a {
		color: inherit;
	}
	
	.site-footer p {
		margin-top: 25px;
		margin-bottom: 15px;
	}

	
	
.site-content {
	display: table-cell;
	height: 100% !important;
	padding: 0 0 15px;
	min-height: 100%;
	width: 100%;
}

	
/**
 * dc-social-media
 */
.dc-social-media-wrapper {

}	
	.dc-social-media-wrapper > .dc-social-media {
		list-style: none;
		margin: 5px 0;
		padding: 0;
		text-align: inherit;
	}
		.dc-social-media-wrapper .dc-social-media li{
			display: block;
			vertical-align: middle;
			padding-left: 0;
			margin-bottom: 10px;			
		}
		
	  /* inline-style */
	  .dc-social-media-wrapper > .dc-social-media.inline{
		text-align: left;
		margin: 1px 0;
	  }
	  /* hide-caption */
	  .dc-social-media-wrapper > .dc-social-media.hide-caption{
		text-align: inherit;
		margin: 5px 0;
	  }	
		  .dc-social-media-wrapper .dc-social-media.inline li,
		  .dc-social-media-wrapper .dc-social-media.hide-caption li{
			display: inline-block;
		  }
		  
			.dc-social-media-wrapper .dc-social-media li a{
				display: inline-block;
				font-size: 1.7rem;
				color: inherit;
				position: relative;				
				line-height: 1.2;
			}
				
			.dc-social-media-wrapper .dc-social-media.inline li a{
				margin: 5px 8px;
			}
			
			  .dc-social-media-wrapper .dc-social-media li a:before{
				background-position: top center;
				background-repeat: no-repeat;
				content: '';
				display: inline-block;
				margin-right:10px;
				vertical-align: top;
				width: 27px;
			  }
			
			  .dc-social-media-wrapper .dc-social-media.light li a:before {
				background-position: bottom center;
			  }
			
			  .dc-social-media-wrapper .dc-social-media.hide-caption li a{
				font-size: 0;
				padding-left: 0;
			  }
			    .dc-social-media-wrapper .dc-social-media.hide-caption li a:before{
					width: auto;
					margin-right: 0px;
				}
				
				.dc-social-media-wrapper .dc-social-media li > #facebook:before {					
					height: 22px;
					min-width: 12px;
					background-image: url(../images/facebook.png);
				}	
				.dc-social-media-wrapper .dc-social-media li > #twitter:before {
					height: 18px;
					min-width: 27px;
					background-image: url(../images/twitter.png);
				}
				.dc-social-media-wrapper .dc-social-media li > #linkedin:before {
					height: 16px;
					min-width: 18px;
					background-image: url(../images/linkedin.png);
				}
				.dc-social-media-wrapper .dc-social-media li > #youtube:before {
					height: 19px;
					min-width: 26px;
					background-image: url(../images/youtube.png);
				}
	
			.dc-social-media-wrapper .dc-social-media  li a:hover{
				opacity: .9;
			}
	

		
/**
 * 8.0 Responsive Styles
 */

 
@media (min-width: 480px) {


	h1,
	.h1 {
		font-size: 32px;
	}

	h2,
	.h2 {
		font-size: 28px;
	}

	h3,
	.h3 {
		font-size: 24px;
	}

	h4,
	.h4 {
		font-size: 20px;
	}

	h5,
	.h5 {
		font-size: 18px;
	}
	
	blockquote > p:not([class*=author]):first-child{
		font-size: 2rem;
	}
	
}

@media (min-width: 768px) {

	body {
		font-size: 1.7rem;
	}
	
	h1,
	.h1 {
		font-size: 44px;
	}

	h2,
	.h2 {
		font-size: 40px;
	}

	h3,
	.h3 {
		font-size: 30px;
	}

	h4,
	.h4 {
		font-size: 23px;
	}

	h5,
	.h5 {
		font-size: 20px;
	}

	h6,
	.h6 {
		font-size: 17px;
	}
	
	blockquote > p:not([class*=author]):first-child{
		font-size: 2.2rem;
	}
	
	.site-content {
		padding: 25px 0 25px;
	}
	
	ol,
	ul {
		padding-left: 25px;
	}
	
	.col-lg-2.footer-logo .aligncenter.img-responsive{
		width: 30%;
	}
	
	.btn,
	.btn-lg, .btn-group-lg>.btn {
		font-size: 1.4rem;
		padding: 0 10px;
	}
		.hire-btns > .btn {
			font-size: 2.2rem;
			padding: 6px 15px 4px;
		}		

		.btn-dc-submit{
			font-size: 2.2rem;
			padding-left: 3rem;
			padding-right: 3rem;
		}		
		.narrow-margin .btn,
		.narrow-margin .btn-primary {
			margin: 15px 5px;
		}

		
	/* images */
	img.alignleft {
		float: left;
		margin-bottom: 15px;
		margin-right: 15px;    
		margin-top: 10px;
	}

	img.alignright {
		float: right;
		margin-bottom: 15px;
		margin-left: 15px;
		margin-top: 10px;
	}

	img.aligncenter {
		margin-bottom: 15px;
		margin-top: 10px;
	}

	img.alignnone {
		margin-bottom: 15px;
	}

	.content-area img {
		margin-bottom: 15px;
	}
		
		
}


@media (min-width: 992px) {
	
	.col-lg-2.footer-logo .aligncenter.img-responsive{
	    width: 15%;
		float: left;
	}
	.col-sm-12.col-md-3.text-center.text-lg-left.footer-copyright{
		float: left;
	}
	.col-sm-12.col-md-3.col-lg-2.text-center.text-lg-right.footer-socials{
			float: right;
	}

	footer .footer-privacy {
	  width: 33%;
	  padding: 0;
	}

	body {
		font-size: 1.8rem;
	}

	/*
	h1,
	.h1 {
		font-size: 60px;
	}
	*/

	h2,
	.h2 {
		font-size: 35px;
	}

	h3,
	.h3 {
		font-size: 36px;
	}

	h4,
	.h4 {
		font-size: 25px;
	}

	h5,
	.h5 {
		font-size: 22px;
	}

	h6,
	.h6 {
		font-size: 18px;
	}
	
	ol,
	ul {
		padding-left: 25px;
	}
		
	blockquote > p:not([class*=author]):first-child{
		font-size: 2.4rem;
	}
	
	.site-content {
		padding: 30px 0 30px;
	}
	
	
	.btn-lg, .btn-group-lg>.btn, .btn {
		font-size: 1.3rem;
		padding: 0 10px;
	}
	
		.btn-dc-submit{
			font-size: 2.4rem;
			padding-left: 4rem;
			padding-right: 4rem;
		}

	
	/* images */
	img.alignleft {
		margin-bottom: 20px;
		margin-right: 20px;    
		margin-top: 10px;	
	}

	img.alignright {
		margin-bottom: 20px;
		margin-left: 20px;
		margin-top: 10px;
	}

	img.aligncenter {
		margin-bottom: 20px;
	}

	img.alignnone {
		margin-bottom: 20px;
	}

	.content-area img {
		margin-bottom: 20px;
	}

	
}



@media (max-width: 767px) {


	.col-lg-2.footer-logo .aligncenter.img-responsive{
		width: 50%;
	}
	.btn, .btn-lg, .btn-group-lg>.btn{
		font-size: 1.4rem;
		padding: 0 10px;
	}
	
}
	
	
	input[type="text"],
	input[type="email"],
	select,
	textarea {
		width: 100%;
		color: inherit;
	}
	.btn,
	input[type="submit"],
	button[type="submit"] {
		font-size: 2.2rem;
		line-height: 50px;
		min-height: 50px;
		width: 100%;
	}
	
	.btn {
		padding: 5px 5px;
	}
	



@media (max-width: 479px) {
	
	.col-lg-2.footer-logo .aligncenter.img-responsive{
		width: 50%;
	}

}



 
	/**
	 * 8.1 Additional Responsive Helper Classes
	 * text-alignment: text-left, text-right, text-center
	 */

	@media (max-width: 767px) {

		.text-xs-left {
			text-align: left !important;
		}
		.text-xs-right {
			text-align: right !important;
		}
		.text-xs-center {
			text-align: center !important;
		}
		
	}

	@media (min-width: 768px) and (max-width: 991px) {

		.text-sm-left {
			text-align: left !important;
		}
		.text-sm-right {
			text-align: right !important;
		}
		.text-sm-center {
			text-align: center !important;
		}

	}
	 
	@media (min-width: 992px) and (max-width: 1199px) {
		
		.text-md-left {
			text-align: left !important;
		}
		.text-md-right {
			text-align: right !important;
		}
		.text-md-center {
			text-align: center !important;
		}

	}
	
@media (min-width: 1200px) {

	.col-lg-2.footer-logo .aligncenter.img-responsive{
			width: 100%;
	}

}

@media (min-width: 1328px) {

	.col-lg-2.footer-logo .aligncenter.img-responsive{
			width: 100%;
	}

	.btn-lg, .btn-group-lg>.btn, .btn {
		font-size: 1.4rem;
		padding: 0 12px;
			letter-spacing: .5px;
	}
}

	@media (min-width: 1200px) {

		.text-lg-left {
			text-align: left !important;
		}
		.text-lg-right {
			text-align: right !important;
		}
		.text-lg-center {
			text-align: center !important;
		}

	}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  

}

/* END OF CSS */