@import "skeleton.css";

body {		
	color: #757575;		
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	font-family: 'Raleway', sans-serif;
}
/*font size: html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So 1.5rem = 15px :) body font-size is set to 1.5em*/

h1 { font-size: 2.5em; color:#354b53; line-height: 1.2; font-weight: 400;}
h2 { font-size: 1.5em; color:#354b53; margin-top: 1em; line-height: 1.2; }
h3 { font-size: 1.25em; color: #90b26f; margin-top: 1em; line-height: 1.2; text-transform:uppercase;}

p { margin: 0 0 1.5em 0; }
em { font-style: italic; }
strong { font-weight: bold;}
img, object, video {max-width: 100%; height: auto; display:block;}
img { max-width: 100%; width: auto; border: 0; -ms-interpolation-mode: bicubic;}
hr { border: solid #ff7a00; border-width: 1px 0 0; clear: both; margin: 30px auto; height: 0; width:80%;}

/* links */
a:link, a:visited { 
	color: #333; 	 
	outline: 0;
	text-decoration:none;
}
a:hover, a:active { color: #666; }

.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.imageLeft {float: left;	margin: 2%;}
.imageRight {float:right; margin: 2%;}
.imageCenter {margin:2% auto;}

header.main {
  margin:0 auto;  
	width: 100%;
	z-index: 4;
	position:fixed;	
}
header.inner {background:#354b53;}
#logo {margin:1em 0 0;}

.toggle, [id^=drop] {
 display: none;
}


nav {	
	width: 100%;
	text-align:right;	
	font-size: 1em;	
	position: relative;	
	z-index: 10;
	font-weight:700;
	text-transform:uppercase;		
	margin-top:3em;
}
nav:after {
  content: "";
  display: table;
  clear: both;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	list-style:none;
	position: relative;
}
nav ul li {
	display: inline-block;	
	padding:0;
	margin:0; 
}
nav a {	
	display: inline-block;
	padding: 1em;
	text-decoration: none;	
}

nav a:link, nav a:visited {color:#fff;} 
nav a:hover, nav a:active {background:#354b53;}

nav ul ul {
  display: none;
  position: absolute;
  top: 56px;  
  
}

nav ul li:hover > ul { display: inherit; }
nav ul ul li {
  width: 280px;
  float: none;
  display: list-item;
  position: relative;
  background:#354b53;
  margin:0 0 0 -115px;
  text-align:left;  
  border-bottom:1px solid #000;
}
nav ul ul li:hover, nav ul ul a:hover {background:#45616b; }
nav ul ul li a {padding: 1em;}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }

.content {}
.header-container .wrapper h1, .slide .wrapper h1 {color:#fff; margin:2em 0 0; font-weight: 700; text-transform:uppercase;}
.header-container .wrapper h2 {color:#fff; font-weight: 400; margin:.5em 0 3em; }
.green-banner {
    top: 89vh;
    width: 100%;
    padding-top: 1%;
    height: 118px;
    position: relative;
    background-color: #90b26f;
    z-index: 50;
}
.arrow_btn {
    margin-left: 48%;
    width: 4%;
    height: 140px;
    cursor: pointer;
    background-image: url(../images/golf-cart.png);
    background-repeat: no-repeat;
    background-size: contain;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.inner-container {padding-top:168px;}
.inner-container h1 { margin:0; text-align:center;}
.help {color:#354b53; font-size:2.5em; margin-bottom:0;}
#cb01 h2 {margin:0;}
#cb02 h1 {margin-top:1em;}
.feature {margin-top:3em;}
.feature-img { height: 264px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
.feature img {position: relative;
    left: 50%;
    transform: translate(-50%,0)
 }
.feature h3 {font-size: 1.75em; padding:.5em 0; font-weight:400; margin: 0 0 .5em;}
.feature-button {
    width: 60%;
    float: left;
    color: #fff;
    background: #90b26f;  
    text-transform: uppercase;
    font-size: 1.25em;   
    height: 70px;
    line-height: 70px;
    padding-right: 5%;
    margin-top: 10px;
    text-align: right;
    cursor: pointer;    
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-decoration:none;
    position:absolute;
    bottom:0;
}
a.feature-button:link, a.feature-button:visited {color:#fff;}
a.feature-button:hover, a.feature-button:active {background:#7e9b61;}

.text1 {padding:5em 0;}
.learn h2 {color:#fff; width:60%; margin:1em auto;}
.learn a {margin:1em; font-size:1.125em;}
.logos img { margin:1em; display:inline-block;}

.page-content .wrapper {background: rgba(255,255,255,0.75);}
.page-content h1 {margin-bottom:1em;}
.page-content .columns {padding:2em;}
.page-content .columns.pic {padding:0;}
.page-content ul {font-weight:bold;}
form {}
.form-label {float: left; width: 150px; }
.video-container {position: relative; padding-bottom: 56.25%;  padding-top: 35px; height: 0; overflow: hidden; margin-bottom: 3rem; }
.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

.swipebox img {
    display: inline;
    margin: 1%;
    max-width: 98%;
}
.gallery img {
    border: 1px solid #939498;
}
.container.gallery {width:100%;}
.page-content .gallery .columns {padding:0;}

footer {width: 100%;	display: block;	}
#footer {padding:3em 0; background:#90b26f; color:#fff;}
#footer h3 {color:#fff; text-transform:none;}
#footer img {display:inline-block;}
ul.footer-nav {list-style:none; text-transform:uppercase; padding:0;}
footer a:link, footer a:visited {color:#fff; }
footer a:hover, footer a:active {color: #000;}

.email {padding:0 1em;}

#copyright { color: #fff; padding: 1.5em 0; font-size: .75em; background:#27373d; text-align:center;}
#copyright a {color: #fff; text-decoration:none; padding:0;}
#copyright a:hover, #copyright a:active{color: #efefef;}




/*media queries*/
@media screen and (max-width: 1200px) {
/* ipad portrait */
 	
	
	.content {-webkit-overflow-scrolling : touch;}	
	header {-webkit-overflow-scrolling : touch;}
	
	nav a {padding:1em .5em;	}
	
	#slide01 h1 {font-size:2em;}
	form {margin-left:0; padding:.5em;}
}


/* mobile devices */
@media only screen and (max-width: 840px) {
header.main {	position:absolute;}
#logo img{margin:0 auto;}

h1 { font-size:2em; 	}
nav {position:absolute; top:0; right:10px;}
.toggle + a,
.menu {display: none;}
.home {display: none;}

.toggle {
  display: block;   
  text-decoration: none;
  border: none;
  margin:0;
  padding: 1em;  
  color:#fff;
  cursor:pointer;
}
.one {text-align:right;margin:0 auto;}
.toggle:hover { color:#333; }

[id^=drop]:checked + ul { display: block; clear:both;}
nav { margin-top:0;}
nav ul li {
  display: block;  
  margin:0 auto;  
  text-align:left;  
  background:#354b53;
  border-bottom:1px solid #222;
}
nav ul li:hover {  }
nav a {padding:.5em 1em;}
nav a:link, nav a:visited { border:0;} 
nav a:hover, nav a:active { } 
nav ul ul .toggle,
nav ul ul li { margin:0; }
nav ul ul li:hover {  }

nav ul ul {
  float: none;
  position: static;
  color: #fff;
  text-align:left;
  margin:0;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}
.inner-container {padding-top:248px;}
.feature-button {float:none; width:95%; margin:0; position:relative; display:block;}	
.slide#slide01 .wrapper { top: 50%; }	
.learn h2 { width:80%;}
.imageLeft {float: none;	margin: 2% auto; max-width:96%;}
.imageRight {float:none; margin: 2% auto; max-width:96%;}

#footer .columns {text-align:center;}
#footer .columns img {margin:0 auto;}

#copyright {text-align:center;}


}