/* Custom Site CSS
-------------------------------------------------------------- */

body {
	background-color: #fff;
	font-family: 'Roboto', 'Open Sans', sans-serif;
}

a,
a:visited,
.entry-content a:visited,
.comment-content a:visited {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.entry-content a,
.comment-content a,
.entry-content a:visited,
.comment-content a:visited {
	color: #9f9f9f;
	font-weight: bold;
}

a:hover,
a:focus,
.entry-content a:hover,
.comment-content a:hover,
.entry-content a:focus,
.comment-content a:focus {
	color: #000;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

#head {
	margin: 0 auto 30px;
	padding-top: 15px;
	position: relative;
	z-index: 9;
	/* box-shadow: 0 10px 15px rgba(0,0,0,0.25);
	background: url('../../wp-content/uploads/header-bg.png'); */
}

.inner-head {
	border-bottom: 1px dashed rgba(0,0,0,0.25);
	margin-bottom: 1px;
	padding-bottom: 15px;
}

#nav {
	padding: 30px 0 0;
	border-bottom: 0;
	box-shadow: 0 0 0;
}

#main {
	padding: 0 15px;
	box-shadow: 0 0 0;
}

.h2-1 {
	color: rgba(0,0,0,0.75);
	border-left: 5px solid rgba(0,0,0,0.125);
	padding-left: 10px;
	font-weight: 100 !important;
}

.h2-2 {
	border-bottom: 1px dotted rgba(0,0,0,0.25);
}

span.arrow-right {
	position: relative;
	top: -7px;
	margin-right: 10px;
	width: 0; 
	height: 0; 
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-left: 6px solid rgba(0,0,0,0.5);
	font-size: 0;
	line-height: 0;
}

hr.hr1 {
	max-width: 75%;
	margin: 30px auto;
	border-bottom: 1px solid rgba(0,0,0,0.125);
	background-color: transparent;
}

.parallax {
	background-attachment: fixed;
	background-position: center center;
	background-size: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	height: 45vh;
	margin: 45px -30px;
	padding: 30px 15px;
	color: #fff;
	box-shadow: inset 0 0 75px rgba(0,0,0,0.5);
}

.par-header-row {
	padding: 15px;
}

.parallax-title {
	height: auto;
	/* margin: -10px -30px 45px; */
	margin: -30px -30px 45px;
	background-image: url('/wp-content/uploads/tandem1.jpg');
}

.parallax-title .entry-header {
	margin: 90px 0;
	position: relative;
	z-index: 99;
	color: #fff;
}

.parallax-title .entry-title,
.parallax h2 {
	margin: 0 auto;
	padding: 15px 30px;
	display: table;
	text-align: center;
	font-size: 42px;
	background-color: rgba(0,0,0,0.75);
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
	z-index: 99;
	color: #fff;
}

.parallax .height-100-percent {
	height: 100%;
	position: relative;
}

.parallax h2.solo-h2 {
	position: relative;
	top: 50%;
	margin-top: -36px;
	line-height: 1;
	z-index: 99;
}

.homedesc {
	margin-top: -60px;
	margin-bottom: 90px;
	text-align: center;
	font-size: 24px;
	font-family: 'Roboto', 'Open Sans', sans-serif;
	color: #fff;
	position: relative;
	z-index: 99;
}

.parallax-sub {
	position: relative;
	top: 50%;
	margin-top: 15px;
	text-align: center;
	font-size: 24px;
	font-family: 'Roboto', 'Open Sans', sans-serif;
	z-index: 99;
}

.parallax-1 {
	background-image: url('/wp-content/uploads/tandem5.jpg');
}

.parallax-2 {
	background-image: url('/wp-content/uploads/tandem8.jpg');
}

.container-fluid-foot {
	margin-top: 30px;
	background-color: #1b1b1b;
	border-top: 7px solid #ffa22c;
	color: #fff;
}

.container-fluid-foot .footer-border-top {
	border-top: 0px dashed rgba(255,255,255,0.75);
}

.container-foot {
	padding-top: 30px;
	padding-bottom: 20px;
}

.footer-logo {
	margin-top: -5px;
}

.socials {
	margin-top: 10px;
	padding-left: 70px;
}

.socials img {
	margin: 0 5px !important;
}

.footer-column-2,
.footer-column-3,
.footer-column-4 {
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
}

.footer-column-2 ul.menu,
.footer-column-3 ul.menu,
.footer-column-4 ul.menu {
	margin-top: 5px;
	font-weight: normal;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.footer-column-2 ul.menu li a,
.footer-column-2 ul.menu li a:visited,
.footer-column-3 ul.menu li a,
.footer-column-3 ul.menu li a:visited,
.footer-column-4 ul.menu li a,
.footer-column-4 ul.menu li a:visited {
	color: #fff;
}

.footer-column-2 ul.menu li a:hover,
.footer-column-2 ul.menu li a:active,
.footer-column-2 ul.menu li a:focus,
.footer-column-3 ul.menu li a:hover,
.footer-column-3 ul.menu li a:active,
.footer-column-3 ul.menu li a:focus,
.footer-column-4 ul.menu li a:hover,
.footer-column-4 ul.menu li a:active,
.footer-column-4 ul.menu li a:focus {
	color: #bbb;
}

@media all and (max-width: 767px) {
	.footer-column-1,
	.footer-column-2,
	.footer-column-3,
	.footer-column-4 {
		text-align: center;
	}
	.footer-column-1 {
		margin-bottom: 15px;
	}
}

.main-navigation {
	background: transparent;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	text-align: right;
}

.main-navigation li a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	text-transform: none;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
	font-weight: normal;
	color: #529336;
}

.main-navigation li ul {
	z-index: 999;
	text-align: left;
}

.main-navigation li ul li a {
	border-bottom: 0;
	background: rgba(0,0,0,0.9);
	font-size: 14px;
	color: #eee;
}

.main-navigation li ul li a:hover, .main-navigation li ul li a:focus {
	background: rgba(0,90,0,1);
	color: #fff;
}



.front-logos {
	margin: 15px auto 45px;
}

.front-logos .row {
	border-top: 1px solid rgba(0,0,0,0.125);
	border-bottom: 1px solid rgba(0,0,0,0.125);
}

.front-logos .col-xs-12 {
	margin: 15px auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	transition: all ease 1s;
	text-align: center;
}

.front-logo-1 {
	background-image: url('/wp-content/themes/hermitpress/images/logo-calfee-2.png');
}

.front-logo-1:hover {
	background-image: url('/wp-content/themes/hermitpress/images/logo-calfee.png');
}

.front-logo-2 {
	background-image: url('/wp-content/themes/hermitpress/images/logo-comotion-2.png');
}

.front-logo-2:hover {
	background-image: url('/wp-content/themes/hermitpress/images/logo-comotion.png');
}

.front-logo-3 {
	background-image: url('/wp-content/themes/hermitpress/images/logo-khs-2.png');
}

.front-logo-3:hover {
	background-image: url('/wp-content/themes/hermitpress/images/logo-khs.png');
}

.front-logo-4 {
	background-image: url('/wp-content/themes/hermitpress/images/logo-ventana-2.png');
}

.front-logo-4:hover {
	background-image: url('/wp-content/themes/hermitpress/images/logo-ventana.png');
}

div.featured-pages .featured-page {
	margin: 10px auto 0;
	border: 1px solid rgba(0,0,0,0.125);
	padding: 5px;
	text-align: center;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-clip: content-box !important;
}

@media all and (max-width: 767px) {
	div.featured-pages .featured-page {
		margin: 10px auto 15px;
	}
}

div.featured-pages .col-xs-12:last-child .featured-page {
		margin-bottom: 0px !important;
}

div.featured-pages .col-xs-12:nth-child(1) .featured-page {
	background: url('/wp-content/uploads/featured-page-1.jpg');
}

div.featured-pages .col-xs-12:nth-child(2) .featured-page {
	background: url('/wp-content/uploads/featured-page-2.jpg');
}

div.featured-pages .col-xs-12:nth-child(3) .featured-page {
	background: url('/wp-content/uploads/featured-page-3.jpg');
}

div.featured-pages .col-xs-12:nth-child(4) .featured-page {
	background: url('/wp-content/uploads/featured-page-4.jpg');
}

div.featured-pages .featured-page .featured-page-title {
	position: relative;
	margin-top: 90px;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-family: 'Roboto Condensed', 'Roboto', 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 50px;
	min-height: 50px;
	max-height: 50px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

div.featured-pages .featured-page .featured-page-title:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #529336;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

div.featured-pages .featured-page:hover .featured-page-title:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}




.newsletter-subscribe {
	padding: 5px;
	border: 1px solid rgba(0,0,0,0.125);
	background: rgba(0,0,0,0.75);
	color: #fff;
	text-align: center;
	background-clip: content-box;
}

.newsletter-subscribe-inner {
	padding: 10px;
}

.newsletter-subscribe input[type="text"],
.newsletter-subscribe input[type="email"] {
	width: 100%;
	background: rgba(255,255,255,0.125);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 0;
	margin-bottom: 0;
}

.newsletter-subscribe input[type="text"]:focus,
.newsletter-subscribe input[type="email"]:focus {
	background: rgba(255,255,255,0.25);
	border: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 0 0;
}

.newsletter-subscribe input[type="submit"] {
	width: 50%;
	margin-bottom: 5px;
	background: rgba(255,255,255,0.125);
	color: #ddd;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 0;
	box-shadow: 0 0 0;
}

.newsletter-subscribe h2 {
	color: #fff;
}

.newsletter-subscribe p {
	margin-bottom: 20px;
	line-height: 1;
	font-style: italic;
	color: #eee;
}

img.frame1 {
	margin-bottom: 15px;
	border: 1px solid rgba(0,0,0,0.125);
	padding: 5px;
}

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

.map-container {
	margin-bottom: 5px;
	border: 1px solid rgba(0,0,0,0.125);
	padding: 5px;
}

.map-container iframe {
	margin-bottom: -7px;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

.entry-content table, .entry-content th {
	font-size: 14px;
}

.woocommerce .products ul, .woocommerce ul.products {
	text-align: center;
}

.clear {
	clear: both;
}

img.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}

img.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}

img.max-width-50-percent {
	max-width: 50%;
}

.container-announcement {
	margin: -15px auto 30px;
}

.container-announcement .col-xs-12 {
	border: 1px dashed rgba(0,0,0,0.25);
	border-radius: 5px;
	padding: 15px;
	background: rgba(0,0,0,0.03125);
	font-weight: bold;
}

.container-announcement .col-xs-12 .textwidget {
	font-weight: normal;
}

@media all and (max-width: 767px) {
	img.max-width-50-percent {
		max-width: 100%;
	}
	img.left,
	img.right {
		float: none;
	}
}

.container {
	max-width: 100%;
}

@media all and (max-width: 599px) {
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li a, .main-navigation li,
	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-decoration: none;
	}
	.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul li a {
		display: block;
		line-height: 2.1818181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	ul.nav-menu {
		text-align: center !important;
	}
	
	ul.nav-menu > li {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.site-header {
		text-align: center;
	}
	#nav {
		padding: 10px 0 0;
	}
}