/*
Theme Name: six_acres
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: six_acres
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

six_acres is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


 
html {
	background-color: #bb5f34!important; 
}


body {
	margin: 0;
	padding: 0;
	min-height: 1250px;
	position: relative;
	height: 95vh;
	overflow-y: scroll;
}

@media (max-width: 700px) {
	body {
		min-height: 1320px;
	}
}

@media (max-width: 500px) {
	body {
		min-height: 1320px;
	}
}

@media (max-width: 667px) and (max-height:375px) {
	body {
		min-height: 1320px;
	}
}

@media (max-width: 321px) {
	body {
		min-height: 1320px;
	}
}



html {
	background: #bb5f34 url("img/bg.jpg") no-repeat center center fixed;
	background-size: cover;
	font-family: Gotham SSm A, Gotham SSm B;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	min-height: 900px;
}

@media (max-width: 700px) {
	html {
		background: url("img/bg.jpg") no-repeat 30% center fixed;
		min-height: 800px;
		background-size: cover;
	}
}

@media (max-width: 500px) {
	html {
		background: url("img/bg.jpg") no-repeat 30% center fixed;
		min-height: 750px;
		background-size: cover;
	}
}

@media (max-width: 321px) {
	html {
		background: url("img/bg.jpg") no-repeat 30% center fixed;
		min-height: 680px;
		background-size: cover;
	}
}

.container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	display: block;
	text-align: center;
}

.container .logo {
	display: block;
	margin: 10vh auto 0 auto;
	width: 360px;
}

.container .logo img {
	width: 100%;
	display: block;
	border: 0;
}

@media (max-width: 700px) {
	.container .logo {
		margin-top: 5vh;
		width: 280px;
	}
}

@media (max-width: 500px) {
	.container .logo {
		margin-top: 2.5vh;
		width: 65%;
	}
}

@media (max-width: 375px) {
	.container .logo {
		margin-top: 5vh;
		width: 65%;
	}
}

@media (max-width: 320px) {
	.container .logo {
		margin-top: 2.5vh;
		width: 65%;
	}
}

.container .logo.small {
	margin-bottom: 20px;
}

@media (min-width: 701px) {
	.container .logo.small {
		width: 285px;
	}
}

.container h2 {
	font-weight: 300;
	text-transform: uppercase;
	color: #771f09;
	font-size: 2.2em;
	letter-spacing: 0.25em;
	margin: 55px auto;
}

.container h2 span {
	font-weight: 500;
}

.container h2 br {
	display: none;
}

@media (max-width: 700px) {
	.container h2 {
		font-size: 2.1em;
		margin: 25px auto;
	}
	.container h2 br {
		display: inline;
	}
}

@media (max-width: 500px) {
	.container h2 {
		font-size: 7.5vw;
	}
}

.container nav a {
	font-weight: 500;
	display: block;
	color: #fce3cf;
	text-transform: uppercase;
	text-align: center;
	width: 80%;
	max-width: 365px;
	background: #771f09;
	margin: 20px auto;
	text-decoration: none;
	padding: 12px 0;
	font-size: 1.15em;
	letter-spacing: 0.27em;
}

@media (max-width: 700px) {
	.container nav a {
		font-size: 3vw;
	}
}

.container .contact, .container .gallery {
	display: none;
}

.container .gallery {
	margin-top: 20px;
}

.container .gallery .container-gallery {
	max-width: 900px;
	width: 85%;
	margin: 0 auto;
	position: relative;
}

.container .gallery .container-gallery .nav {
	position: absolute;
	width: 100%;
	margin-top: 0%;
	/*height: calc(100% - 150px);    */
}

.container .gallery .container-gallery .nav a {
	position: absolute;
	top: 0%;
	color: white;
	text-decoration: none;
	font-weight: 500;
	font-size: 1.5em;
	height: 100%;

}

.container .gallery .container-gallery .nav a.prev {
	left: -23px;
}

.container .gallery .container-gallery .nav a.next {
	right: -23px;
}

.container .gallery .container-gallery .close {
	margin-bottom: 10px;
	position: absolute;
	top: -26px;
	right: 0px;
}

.container .gallery .container-gallery .gallery-main {
	width: 100%;
	display: block;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.5);
}

.container .gallery .container-gallery .gallery-details {
	margin: 15px auto;
	overflow: hidden;
	color: white;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.2em;
}

.container .gallery .container-gallery .gallery-details .image-description {
	float: left;
}

.container .gallery .container-gallery .gallery-details .gallery-index {
	float: right;
	font-weight: 500;
}

.container .gallery .container-gallery .gallery-thumbs {
	overflow: hidden;
}

.container .gallery .container-gallery .gallery-thumbs .gallery-thumb {
	display: inline-block;
	width: 9.1%;
	margin: 0 0.5%;
	float: left;
	cursor: pointer;
}

@media (max-width: 800px) {
	.container .gallery .container-gallery .gallery-thumbs .gallery-thumb {
		width: 18.2%;
		margin: 0 1.125%;
		margin-bottom: 2.25%;
	}
	/*.container .gallery .container-gallery .gallery-thumbs .gallery-thumb.mfirst {*/
		/*margin-left: 0%;*/
	/*}*/

	img.gallery-thumb.mlast + img {
		margin-left: 0px!important;
	}

	.container .gallery .container-gallery .gallery-thumbs .gallery-thumb.mlast {
		margin-right: 0%;
	}
}

.container .gallery .container-gallery .gallery-thumbs .gallery-thumb.first {
	margin-left: 0%;
}

.container .gallery .container-gallery .gallery-thumbs .gallery-thumb.last {
	margin-right: 0%;
}

.container .contact {
	max-width: 640px;
	width: 90%;
	margin: 0 auto;
	/*background: blue;*/
	overflow: hidden;
	text-align: left;
	color: #771f09;
}

.container .contact h3, .container .contact label.h3 {
	text-transform: uppercase;
	font-size: 1.3em;
	margin: 28px 0 12px;
	letter-spacing: 5px;
	display: block;
}

.container .contact input, .container .contact textarea {
	padding: 8px 1%;
	font-size: 1.2em;
	font-family: Gotham SSm A, Gotham SSm B;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #fce3cf;
	color: #771f09;
	border: 0;
}

.container .contact input {
	width: 98%;
}

.container .contact label {
	font-weight: 500;
}

.container .contact .input-name {
	width: 100%;
	overflow: hidden;
}

.container .contact .input-name label {
	margin: 5px 0;
	display: block;
}

.container .contact .input-name div {
	width: 48.5%;
}

.container .contact .input-name div.fname {
	float: left;
}

.container .contact .input-name div.lname {
	float: right;
}

@media (max-width: 640px) {
	.container .contact .input-name div {
		width: 100%;
	}
	.container .contact .input-name div.fname {
		float: none;
	}
	.container .contact .input-name div.lname {
		float: none;
	}
}

.container .contact textarea {
	resize: none;
	width: 98%;
	height: 150px;
}

.container .contact .signup {
	color: #fce3cf;
	font-size: 0.8em;
	font-weight: 500;
	letter-spacing: 0.2em;
	margin: 20px 0;
}

.container .contact #newsletter {
	display: inline;
	width: auto;
}

.container .contact .newsletter-label {
	color: #fce3cf;
	font-size: 0.8em;
	font-weight: 500;
	letter-spacing: 0.2em;
}

.container .contact .submit {
	width: 80%;
	max-width: 300px;
	background: #771f09;
	color: #fce3cf;
	text-transform: uppercase;
	display: block;
	margin: 10px auto;
	font-weight: 500;
	letter-spacing: 4px;
	cursor: pointer;
}

@media (max-width: 640px) {
	.container .contact .submit {
		max-width: 100%;
		width: 100%;
	}
}

.container .close {
	float: right;
	color: white;
	/*margin-right: 15%;*/
}

footer {

	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 0.8em;
	padding-bottom: 10px;
}

footer .rydges {
	max-width: 140px;
	width: 35%;
	display: inline-block;
	margin: 0 auto;
	border: 0;
}

footer a {
	color: white;
	text-decoration: none;
}

footer a.url {
	display: block;
	font-weight: 500;
	font-size: 1.4em;
	margin-top: 15px;
	margin-bottom: 2px;
}

footer br {
	display: none;
}

@media (max-width: 500px) {
	footer {
		font-size: 0.35em;
		padding-bottom: 20px;
	}
	footer a {
		line-height: 1.8em;
		font-size: 1.4em;
	}
	footer br {
		display: inline;
	}
	footer span {
		display: none;
	}
}

.modal footer {
	position: relative;
	margin-top: 50px;
}
/*cal's code*/

.transition {
	transition: all 0.75s ease-out 0.25s;
}

@media(min-height: 1000px) {
	body {
		/*min-height: 1000px;*/
		min-height: 1250px;

	}
}

.container .gallery .container-gallery .gallery-main {
	width: auto;
	max-width: 100%;
	display: block;
	height: 522px;
	margin: auto auto;
}

@media(max-width: 960px) {
	.container .gallery .container-gallery .gallery-main {
		height: 400px;
	}
	.nav_span {
		position: relative;
		top: 50%;
	}
}
@media(max-width:960px){
	.container .gallery .container-gallery .nav a {
		top: 50%;
	}
}

@media(max-width: 640px) {
	.container .gallery .container-gallery .gallery-main {
		height: 239px;
	}
}

body::-webkit-scrollbar {
	width: auto;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ab4728;
}

body::-webkit-scrollbar-thumb {
	background-color: rgb(195, 98, 62);
;
}
.success_popup{

	background: transparent;
	text-align: center;
	font-size: 2em;
	padding-top: 60px;
	display: none;

}
.success_popup span{
	/*position: absolute;*/
	/*transform: translate3d(-50%,0px,0px);*/
	/*font-style: inherit;*/
	font-color:#fff;
	font-family: Gotham SSm A, Gotham SSm B;
	-webkit-font-smoothing: antialiased;


}

.error-msg{
	padding-top: 20px;
	display: block;
	margin-bottom: -20px;
}

.social_icon{
	font-size:3em;
	vertical-align: top;
	color: #fce3cf;
	padding-left:0.5rem;
	padding-right:0.5rem;
}

#home_para{
	padding-top: 2.5vh;
	padding-bottom: 2.5vh;
}

/*}
  @keyframes fade {
  from {opacity: 1;}
  to {opacity:0;}
}*/
/*  .success{
    display:block;
    animation: fade 2.5s;
    animation-delay: 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }
*/



/*
body {
margin: 0;
padding: 0;
min-height: 900px;
position: relative;
height: 90vh; }
@media (max-width: 700px) {
body {
min-height: 800px; } }
@media (max-width: 500px) {
body {
min-height: 750px; } }
@media (max-width: 321px) {
body {
min-height: 680px; } }*/