/* Colors:
Green: #568254 , #002d00 , #669366
White: #fff;

*/
body {
    margin: 0px;
    padding: 0px;  
    overflow-x: hidden;
    line-height: 150%;
    background-color: #fffcf5;
    min-resolution: 100vh;
    -webkit-transition: all ease .5s; /* Safari */
    transition: all ease .5s; 
}
h1,h2,h3,h4,h5,h6 {
    line-height:150%;
    letter-spacing: 5px;
    font-family: 'Julius Sans One', sans-serif;
    font-weight: 500;
    color: #568254;
}
p, a, span, li {
    line-height:150%;
    font-family: 'Crimson Text', serif;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 1.15em;
}
p {
    font-size: 1.3em;
}
a {
    color: #fff;
    text-decoration: none;
    transistion: all ease .5s;
}
a:hover, a:visited, a:active {
    color: #5f1919;
    text-decoration: none;
}

/* Buttons */
.btn {
	border-radius: 0px;
}
.btn-flat-white {
	border: 2px solid #fff;
	background: transparent;
	color: #fff;
	transition: all ease .5s;

}
.btn-flat-white:hover, .btn-flat-white:active, .btn-flat-white:visited {
	border-color: #fff;
	background: #568254;
	color: #fff;
	
}
.btn-flat-blue {
	border: 2px solid #2D4059;
	background: transparent;
	color: #2D4059;
	transition: all ease .5s;

}
.btn-flat-blue:hover, .btn-flat-blue:active {
	border: 2px solid #2d4059;
	background: #2d4059;
	color: #fff;
	
}
.btn-flat-green {
	border: 2px solid #568254;
	background: #568254;
	color: #fff;
	transition: all ease .5s;

}
.btn-flat-green:hover, .btn-flat-green:active {
	border: 2px solid #002d00;
	background: #002d00;
	color: #fff;
	
}
.btn-ghost-green {
	border: 2px solid #568254;
	background: transparent;
	color: #fff;
	transition: all ease .5s;

}
.btn-ghost-green:hover, .btn-ghost-green:active, .btn-ghost-green:visited {
	border: 2px solid #002d00;
	background: #002d00;
	color: #fff;
	
}

/* NavBar */
.navbar {
	background-color: #568254;
	color: #fff;
	border-color: none;
	border-radius: 0px;
	padding-top: 1%;
	padding-bottom:  1%;
	transition: all ease .5s;
    font-family: 'Julius Sans One', sans-serif;
}
.navbar-header {
	color: #fff;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand {
	color: #fff;
    font-size: 1em;
    font-family: 'Julius Sans One', sans-serif;
	transition: all ease .5s;
}
.navbar-brand img {
	height: 30px;
	margin-top: -10px;
	display: inline;
	vertical-align: middle;

}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-brand:hover {
	color: #669366;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #002d00;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #fff;
	transition: all ease .5s;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #669366;
}
.navbar-default .navbar-toggle {
	border-color:#568254;
	background: #568254;
	transition: all ease .5s;
}
.navbar-default .navbar-toggle .icon-bar {
	background: #fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:link, .navbar-default .navbar-toggle:visited, .navbar-default .navbar-toggle:active {
	background-color: #002d00;
}

.navbar-nav>li>.dropdown-menu {
	background: darkgreen;
	border: 1px solid #002d00;
}
.dropdown-menu {
	border-radius: 0px;
}

.dropdown-menu>li>a {
	color: 002d00;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #fff;
}
.navbar-default {
	border: none;
}

.nav.past-main {
    background-color:darkgreen;
    color:#fff;
}

.nav .btn {
	margin-top: 20px;
	background: #2D4059;
	border: none;
	transition: all ease .5s;
}
.nav .btn:hover {
	background: #752a2a;
}

/* Splash */
.splash {
    color: #fff;
    background: linear-gradient(
      rgba(45, 64, 89, .5), 
      rgba(45, 64, 89, .5)
    ),
        /*url("https://unsplash.it/2000/3000?image=932") no-repeat right bottom fixed;*/
        url("..//img/montreatarches.jpg") no-repeat right bottom fixed;

    -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    min-height: 100vh;
    position: relative;
    margin-top: 0px;
    padding-top: 0px;
    
}

#card {
    position: absolute;
    width: 85%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    
}
#card h1 {
    color: #fff;
    font-size: 4em;
    letter-spacing: 10px;
    padding: 0px;
    margin: 0px;
    
    
    
}

#card h2 {
    color: #fff;
    font-size: 2em;
    font-weight: 300;
    letter-spacing: 5px;
    padding: 0px;
    margin: 0px;
}
#card .btn {
    min-width: 20%;
    font-size: 1.25em;
    margin-top: 1%;
    font-family: 'Julius Sans One', sans-serif;
}

#more {
   /* margin-top: 10vh; */
   /* border: 2px solid rgba(25,25,25, .25);
    background: rgba(25,25,25, .25); 
    padding: 5%;*/
    position: absolute;
    width: 50%;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    
}
#more a {
    color: #eee;
}
#more span {
    color: #fff;
    font-size: 1.5em;
}

/* About Main */
.about {
    padding-top: 5%;
    padding-bottom: 5%;
}

/* Property */
.property {
    padding-top: 5%;
    padding-bottom: 5%;
}
.slide {
    margin-top: 2%;
    padding-bottom: %;
}
.carousel-inner .item img {
    width: auto;
    height: 60vh;
    max-height: 60vh;
}
.thumbnails-carousel img {
    max-width: 50px;
    max-height: 50px;
    margin: 3%;
}
/* About Montreat */
.area {
    padding-top: 5%;
    padding-bottom: 5%;
}
.areasections {
    padding-top: 3%;
    padding-bottom: 3%
}
.areawords {
    margin-top: -1%;
    padding-top: 0px
}
.areaimg img {
    width: 100%;
    max-height: 400px;
}

/* Rental */
.rental {
    padding-top: 5%;
    padding-bottom: 5%;  
}
.amenitiesbox {
    border: 3px solid #568254;
    margin-top: 3%;
    padding: 2%;
}
.amenitiesbox .btn {
    width: 100%;
}

/* Contact */
.contact {
    padding-top: 5%;
    padding-bottom: 5%;
}
.contact a {
    color: #000;
    font-size: 1.0em
}
.contact a:hover {
    color: #568254;
}
form {
    margin-top: 5%
}
.form-group input {
    font-size: 1.2em;
    line-height: 1.2em;
    height: 3em;
    border-radius: 0px;
    border-color: #568254;
    border-width: 4px;
    color: #568254;
}
.formgroup h5 {
    padding: 0px;
    margin: 0px;
}
.form-group textarea {
    font-size: 1.2em;
    line-height: 1.2em;
    height: 10em;
    border-radius: 0px;
    border-color: #568254;
    border-width: 4px;
    color: #568254;
}
.form-group select {
    font-size: 1.2em;
    line-height: 1.2em;
    height: 3em;
    border-radius: 0px;
    border-color: #568254;
    border-width: 4px;
    color: #568254;
}
form .btn {
    width: 100%;
    height: 100%;
    border-width: 4px;
    color: #568254;
    font-size: 1.5em;
    border-color: #568254;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
form .btn:hover {
    border-width: 4px;
}
.map iframe {
    margin-top: 5%;
    width: 100%;
    min-height: 36rem;
    border-radius: 0px;
    border: 4px solid #eee;
}
.footer a {
    font-size: .95em;
    color: #568254;
}
.calender {
    padding-top: 8%;
    padding-bottom: 5%
}
.calender iframe {
    width: 100%;
    height: 600px;
    border: 5px solid #568254;
    padding: 2%;
}
.view-cap, .view-container-border { background-color:black; }
.mv-daynames-table { color:white; background:black; }
.mv-event-container { border-top:1px solid black; }

@media (max-width: 767px) {
#card h1 {
        font-size: 2em;
    font-weight: bold;
    }
#card h2 {
    font-size: 1.0em;
    

}
#card .btn {
    min-width: 20%;
    font-size: 1em;
    margin-top: 3%;
    font-family: 'Julius Sans One', sans-serif;
}
.about, .property, .rental, .area, .calender, .contact {
    padding-top: 10%;
    padding-bottom: 10%;
}
}