/*

Theme Name: Calibration

Author: ALG

Author URI: http://algagency.com/

*/

body {

	margin: 0;

	padding: 0;

	font-family: 'Open Sans', sans-serif;

	font-size: 13px;

	font-weight: 300;

	color: #000000;

	background: #332623;

}



.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



a > img {

	border: 0;

}



header.site {

	height: 101px;

	background: #1F1513 url('images/header-back.jpg') repeat-x;

	border-bottom: 1px solid #FFFFFF;

}

header.site .logo {

	float: left;

	margin: 22px 0 0 0;

}

header.site .slogan {

	float: right;

	margin: 44px 0 0 0;

}



#banner {

	background-color: #000000;

	border-bottom: 1px solid #FFFFFF;

}

#banner img {

	width: 100%;

	max-width: 1279px;

	height: auto;

	display: block;

}

.subscribe-btn a {
	display: block;
	width: 100%;
	margin: 15px auto;
	background-color: #2A1F1D;
	color: #FFFFFF;
	text-align: center;
	padding: 12px;
	height: 45px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none!important;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.subscribe-btn a:hover {
	background-color: #714781;
}

nav.site {

	text-align: center;

}

nav.site > div.menu-top-nav-container {

	display: inline-block;

	height: 64px;

}

nav.site > div.menu-top-nav-container > ul.menu {

	height: 37px;

	line-height: 37px;

	margin: 15px 0 15px 0;

	padding-left: 0;

	position: relative;

}



nav.site > div.menu-top-nav-container > ul.menu,

nav.site > div.menu-top-nav-container > ul.menu ul {

	list-style: none outside;

	z-index: 9000;

}



nav.site > div.menu-top-nav-container > ul.menu ul {

	position: absolute;

	display: none;

	width: 219px;

	top: 37px;

	left: 0;

	padding: 0;

	text-align: left;

	box-shadow: 2px 2px 10px #4b423a;

	-moz-box-shadow: 2px 2px 10px #4b423a;

	-webkit-box-shadow: 2px 2px 10px #4b423a;

	background-color: #000000;

}



nav.site > div.menu-top-nav-container > ul.menu > li {

	float: left;

	position: relative;

	border-right: 1px solid #FFFFFF;

	line-height: 37px;

	height: 41px;

}

nav.site > div.menu-top-nav-container > ul.menu > li:last-child {

	border-right: 0;

}



nav.site > div.menu-top-nav-container > ul.menu > li > a {

	display: block;

	text-decoration: none;

	color: #FFFFFF;

	font-size: 14px;

	padding-right: 12px;

	padding-left: 12px;

}

nav.site > div.menu-top-nav-container > ul.menu > li > a:hover {

	color: #CCCCCC;

}

nav.site > div.menu-top-nav-container > ul.menu > li.current-menu-item,

nav.site > div.menu-top-nav-container > ul.menu > li.current-page-ancestor {



	background: transparent url('images/menu-down-arrow.png') no-repeat bottom center;

}

nav.site > div.menu-top-nav-container > ul.menu > li.current-menu-item > a,

nav.site > div.menu-top-nav-container > ul.menu > li.current-page-ancestor > a {

	font-weight: 600;

	font-style: italic;

}



nav.site > div.menu-top-nav-container > ul.menu > li > ul > li > a {

	display: table-cell;

	vertical-align: middle;

	background-image: none;

}



nav.site > div.menu-top-nav-container > ul.menu ul a {

	border-left: 0;

	border-right: 0;

}



nav.site > div.menu-top-nav-container > ul.menu ul {

	line-height: 17px;

}



nav.site > div.menu-top-nav-container > ul.menu ul ul {

	top: auto;

}



nav.site > div.menu-top-nav-container > ul.menu li ul a {

	margin-left: 0;

	font-weight: 700;

	font-family: Raleway, sans-serif;

	font-size: 14px;

	width: 194px;

	float: left;

	border-bottom: 0;

	color: #FFFFFF;

	text-transform: uppercase;

	text-decoration: none;

}



nav.site > div.menu-top-nav-container > ul.menu li ul ul {

	left: 140px;

	margin: 0;

}



nav.site > div.menu-top-nav-container > ul.menu > li:hover > ul > ul,

nav.site > div.menu-top-nav-container > ul.menu > li:hover > ul > ul > ul,

nav.site > div.menu-top-nav-container > ul.menu > li:hover > ul > ul > ul > ul {

	display: none;

}



nav.site > div.menu-top-nav-container > ul.menu > li:hover > ul,

nav.site > div.menu-top-nav-container > ul.menu > li li:hover > ul,

nav.site > div.menu-top-nav-container > ul.menu > li li li:hover > ul,

nav.site > div.menu-top-nav-container > ul.menu > li li li li:hover > ul {

	display: block;

}



nav.site > div.menu-top-nav-container > ul.menu > li > ul > li:last-child > a,

nav.site > div.menu-top-nav-container > ul.menu > li > ul > li:first-child > a,

nav.site > div.menu-top-nav-container > ul.menu > li > ul > li > a {

	border-radius: 0;

	padding: 0 11px 8px 14px;

}

nav.site > div.menu-top-nav-container > ul.menu > li > ul > li:first-child > a {

	padding-top: 15px;

}

nav.site > div.menu-top-nav-container > ul.menu > li > ul > li:last-child > a {

	padding-bottom: 15px;

}

nav.site > div.menu-top-nav-container > ul.menu > li > ul > li > a:hover {

	color: #F37A21;

}



footer.site {

	padding: 15px 0;

	background: transparent url('images/footer-back.jpg') repeat-x;

}

footer.site > .social-icons {

	width: 175px;

	margin: 0 auto;

}

footer.site > .social-icons > .social-icon {

	float: left;

	margin-right: 3px;

}

footer.site > .social-icons > .social-icon:last-child {

	margin-right: 0;

}



.wrapper {

	width: 900px;

	margin: 0 auto;

}



.clear {

	clear: both;

}



.cf {

	*zoom: 1;

}

.cf:before,

.cf:after {

	content: " ";

	display: table;

}

.cf:after {

	clear: both;

}



p.notop {

	margin-top: 0;

}



.content-holder {

	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

}



.content-holder {

	background: #4F1961 url('images/content-holder-back.jpg') repeat-x;

}



.content-holder > .content {

	background: #4F1961 url('images/content-back.jpg') no-repeat;

	min-height: 540px;

	width: 900px;

	margin: 0 auto;

	color: #FFFFFF;

	font-size: 14px;

}

.content-holder > .content a {

	color: #FFFFFF;

	text-decoration: underline;

}
.content-holder > .content a:hover {

	color: #FFFFFF;

	text-decoration: none;

}


.content-holder > .content.content-padding {

	padding: 20px 60px 50px 60px;

	min-height: 470px;

	width: 780px;

}

.content-holder > .content.no-right-padding {

	padding-right: 1px;

	width: 839px;

}

.content-holder > .content.homepage {

	font-size: 25px;

	text-align: center;

	padding: 50px 80px;

	min-height: 440px;

	width: 740px;

	line-height: 38px;

}

.content-holder > .content.homepage > strong {

	font-weight: 600;

}



.breadcrumbs {

	margin-bottom: 15px;

	color: #FFFFFF;

	font-style: italic;

	text-transform: lowercase;

}

.breadcrumbs a {

	color: #FFFFFF;

	text-decoration: none;

}

.breadcrumbs a:hover {

	text-decoration: underline;

}



/* Blog summary pages */

.blog-left-nav {

	float: left;

	width: 548px;

}

.blog-right-nav {

	float: right;

	width: 261px;

}

.blog-list-item {

	float: left;

	width: 176px;

	height: 176px;

	margin: 0 10px 10px 0;

}

.blog-list-item:nth-child(3n) {

	margin-right: 0;

}

.blog-list-item:nth-child(3n-2) {

	clear: left;

}

.blog-list-item > a {

	text-decoration: none;

}

.blog-list-item > a > .image {

	position: relative;

	height: 176px;

	width: 176px;

	display: block;

}

.blog-list-item > a > .image > .overlay {

	color: #EEEEEE;

	background-color: rgba(35,24,22,0.77);

	height: 74px;

	padding: 7px 10px;

	width: 156px;

	text-align: center;

	text-decoration: none;

	position: relative;

	bottom: 92px;

}

.blog-list-item > a:hover > .image > .overlay {

	color: #FFFFFF;

}

.blog-list-item > a > .image > .overlay > .headline {

	font-style: italic;

}



.blog-categories {

	font-size: 15px;
	margin-bottom: 20px;

}

.blog-categories > .title {

	padding: 5px 9px;

	background-color: #381145;

	color: #FFFFFF;

	font-weight: 600;

	font-size: 16px;

}

.blog-categories > .list > .category {

	padding: 5px 9px;

	border-bottom: 1px solid #866092;

}

.blog-categories > .list > .category:last-child {

	border-bottom: 0;

}

.blog-categories > .list > .category > a {

	color: #EEEEEE;

	text-decoration: none;

}

.blog-categories > .list > .category > a:hover {

	color: #FFFFFF;

}



.blog-list-navigation {

	text-align: center;

	width: 78px;

	margin: 0 auto;

}

.blog-list-navigation > .previous,

.blog-list-navigation > .next {

	width: 9px;

	float: left;

	margin: 15px;

}



/* Blog post page */

.single-post {

	margin-bottom: 15px;

}

.single-post > .headline {

	font-weight: 700;

	font-size: 18px;

	margin: 0 0 3px 0;

}

.single-post > .headline > a {

	color: #FFFFFF;

}

.single-post > .subheadline {

	font-size: 12px;

	margin-bottom: 15px;

}

.single-post > .image {

	margin: 7px 0 20px 20px;

	float: right;

}

.single-post > .image img {

	width: 280px;

	height: auto;

}

.single-post > .content {

	line-height: 22px;

	font-size: 14px;

}



/* Homepage */

.homepage-slider {

	position: relative;

	height: 600px;

	z-index: 0;

}



/* Contact us page */

form#contact-us {

	margin-top: 10px;

}

form#contact-us input[type="text"],

form#contact-us select {

	-moz-box-shadow: 0 0 6px 0px #7AB842 inset;

	-webkit-box-shadow: 0 0 6px 0px #7AB842 inset;

	box-shadow: 0 0 6px 0px #7AB842 inset;

	border: 1px solid #0970BF;

	padding: 6px 4px;

	width: 40%;

	-webkit-appearance: none;

}



form#contact-us .form-row {

	margin-bottom: 10px;

}



form#contact-us label {

	display: inline-block;

	width: 20%;

}

form#contact-us label.next-line {

	display: block;

	width: auto;

}



form#contact-us input[type="submit"] {

	display: block;

	margin-top: 10px;

	-webkit-appearance: none;

	border: none;

	border-radius: 8px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;

	background-color: #EABB37;

	font-family: Raleway,sans-serif;

	font-size: 16px;

	font-weight: 600;

	padding: 12px 18px 12px 18px;

	text-align: center;

	text-decoration: none;

	text-shadow: 1px 1px 3px #294813;

	color: #FFFFFF;

	text-transform: uppercase;

}

form#contact-us input[type="submit"]:hover {

	background-color: #83C341;

}



form#contact-us input[type="text"][class="error"] {

	border: 1px solid #DD8888;

	background-color: #FFEEEE;

}

form#contact-us textarea[class="error"] {

	border: 1px solid #DD8888;

	background-color: #FFEEEE;

}



form#contact-us label[class="error"] {

	display: block;

	color: #AA0000;

	font-weight: 700;

	margin: 0 0 14px 0;

	width: auto;

}



nav.responsive {

	display: none;

}



nav.responsive > .row-2 {

	position: relative;

	z-index: 100;

}

nav.responsive > .row-2 > a {

	display: block;

	text-align: center;

	text-transform: uppercase;

	color: #FFFFFF;

	line-height: 30px;

	font-size: 16px;

	text-decoration: none;

	height: 30px;

	background-color: #332623;

}

nav.responsive > .row-2 > a:hover {

	color: #CCCCCC;

}



nav.responsive > .responsive-menu {

	width: 100%;

	text-align: center;

	display: none;

}

nav.responsive > .responsive-menu ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

nav.responsive > .responsive-menu ul > li > a {

	background-color: #371047;

	color: #FFFFFF;

	text-transform: uppercase;

	font-size: 14px;

	height: 30px;

	line-height: 30px;

	display: block;

	text-decoration: none;

	border-top: 1px solid #FFFFFF;

}

nav.responsive > .responsive-menu ul > li > a:hover {

	background-color: #4E1961;

}



@media (max-width: 910px) {

	header.site .logo {

		margin-left: 10px;

	}

	header.site .slogan {

		margin-right: 10px;

	}

}



@media (max-width: 900px) {

	.wrapper {

		width: 100%;

		margin: 0;

	}



	.content-holder > .content {

		background: #4E1961;

		height: auto;

		min-height: 0;

	}



	.content-holder > .content.content-padding {

		width: auto;

		padding: 20px 4%;

		height: auto;

		min-height: 0;

	}



	.blog-left-nav {

		float: none;

		width: auto;

	}



	.blog-right-nav {

		float: none;

		margin-top: 15px;

		width: auto;

	}



	.blog-right-nav .blog-list-item {

		float: none;

		margin: 0 auto !important;

	}

}



@media (max-width: 805px) {

	nav.site > div.menu-top-nav-container > ul.menu > li > a {

		font-size: 13px;

		padding-right: 8px;

		padding-left: 8px;

	}

}



@media (max-width: 720px) {

	nav.site {

		display: none;

	}



	nav.responsive {

		display: block;

	}

}



@media (max-width: 590px) {

	header.site {

		height: auto;

	}



	header.site .logo {

		float: none;

		text-align: center;

		margin: 10px 0 0 0;

	}



	header.site .slogan {

		float: none;

		text-align: center;

		margin: 10px 0 15px 0;

	}

}



@media (max-width: 480px) {

	#banner {

		display: none;

	}

}