@charset "UTF-8";
/* CSS Document */


body {background-color:#FFFFFF; font-family:'Raleway', sans-serif; font-size:18px; font-weight:400; color:#808080; margin:0; padding: 0;}
#container {width:100%; max-width:2500px; /*max-width:1500px; -- changed 040823*/ margin:0 auto;}
.clear {clear: both;}

/* Gold #857550 / Lt Green #89AF9A / Gray #808080 / Teal #09545C / Peach #E39B6F */


/* FOR FADE IN EFFECT */
.fadeup{opacity:0; transition: 0.5s ease-out; transform: translate(0, 20vh);}
.fadein{opacity:0; transition: 0.5s ease-out;}
.fadeleft{opacity:0; transition: 0.5s ease-out; transform: translate(20vh, 0);}
.faderight{opacity:0; transition: 0.5s ease-out; transform: translate(-20vh, 0);}
.in {opacity: 1; transform: translate(0, 0);}
.delay-fadein2 {transition-delay: 0.25s;}
.delay-fadein3 {transition-delay: 0.5s;}
.delay-fadein4 {transition-delay: 0.75s;}


/* Turn off transitions for IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .fadeup{opacity:1; transform: translate(0, 0);}
  .fadein{opacity:1; transform: translate(0, 0);}
  .fadeleft{opacity:1; transform: translate(0, 0);}
  .faderight{opacity:1; transform: translate(0, 0);}
}


/* HEADER */
#hdr {position:relative; padding:15px 0 10px 0; font-size:13px;}
#logo {height:12.9vw; margin:0 auto; text-align:center; display:block; position:relative; top:12px; z-index:20;}
#mn_btn {width:35px; height:auto; top:35%; left:70px; position:absolute; z-index:20;}
.bar1, .bar2, .bar3 {width:35px; height:5px; margin:6px 0; transition:0.4s; background-color:#808080; cursor:pointer;}
/* Rotate first bar */
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px) ; transform: rotate(-45deg) translate(-9px, 6px);}
/* Fade out the second bar */
.change .bar2 {opacity:0;}
/* Rotate last bar */
.change .bar3 {-webkit-transform: rotate(45deg) translate(-9px, -8px); transform: rotate(45deg) translate(-9px, -8px);}
#social_hdr {height:auto; top:43%; right:70px; position:absolute;}
#social_hdr img {margin-left:10px; width:25px;}
#social_hdr a {text-decoration:none; vertical-align:middle; color:inherit;}
#social_hdr a:hover {text-decoration:underline;}


/* NAVIGATION */
#nav {height:100%; padding:125px 12% 0 70px; background-color:#89AF9A; font-size:25px; font-weight:600; margin-top:0; position:absolute; left:0; z-index:10; color:#FFFFFF;}
	#nav a {display:block; color:inherit; text-decoration:none; margin:30px 0;}
	#nav a:hover {text-decoration:underline; text-decoration-skip:none;}
.nav-out {transform:translateX(-100%); transition:transform 0.5s ease-in-out;}
.nav-in {transform:translateX(0) !important; transition:transform 0.5s ease-in-out;}
    

/* parallax bg ims */

/* HERO */
#hero {width:100%; background-image:url("images/hero-bg-01-2000.jpg"); background-repeat:no-repeat; background-size:cover; color:#FFFFFF; overflow: hidden; display:table; position:relative; background-position:center; background-attachment:fixed; background-color:#E39B6F;}
#hero_triangle {margin:0 auto; width:100%; display:block; text-align:center; position:absolute;}
#hero_triangle img {width:300px; margin:0 auto; display:block; text-align:center; max-width:300px;}
#hero-left {width:50%; height:34vw; margin:0; padding-left:7%; display:table-cell; vertical-align:middle;}
#hero-left h3 {font-size:2.6vw; font-weight:400; margin:0;}
#hero-left h1 {font-size:5vw; font-weight:600; margin:10px 0 15px 0;}
#hero-left h2 {font-size:1.6vw; font-weight:600; text-transform:uppercase; letter-spacing:3px; margin:0;}
#hero-right {width:50%; height:34vw; margin:0; font-weight:400; font-size:1.6vw; line-height:2.8vw; padding-left:12%; display:table-cell; vertical-align:middle;}
#hero-right h2 {font-size:2vw; font-weight:600; margin:0;}
#hero-right strong {font-size:1.2vw; font-weight:600; text-transform: uppercase; margin:0; letter-spacing:1px;}
#hero-right hr {width:50px; height:5px; margin:15px 0; background-color:#FFFFFF; border:none;}
#hero_map_icon {width:1.5vw; display:inline-block; position:relative; top:6px; margin-right:7px;}
#opening-date {padding:8px 0 8px 18px; border-radius:10px; background-color:#857550; color:#ffffff; width:105%; overflow:hidden;}


/* BODY */
#home_body {line-height:36px; display:table; background-image:url("images/hbody-bg-01-2000.jpg"); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; background-position:bottom;}
#home_body hr {width:50px; height:5px; margin:15px 0 35px 0; background-color:#89AF9A; border:none;}
#home_body H2{font-size:1.5vw; font-weight:600; text-transform:uppercase; margin:0; color:#857550; letter-spacing:0.14vw;}
#home_body_left {width:39%; padding:6% 5% 1% 6%; float:left;}
	#home_body_left span{font-size:2.2vw; font-weight:600;  margin-bottom:20px; color:inherit; display:block;}
#home_body_right {width:39%; padding:6% 6% 1% 5%; float:right;}
	#home_body_right span{font-size:2.2vw; font-weight:600;  margin-bottom:20px; color:inherit; display:block;}
.home_body_btn {font-size:1vw; background-color:#857550; font-weight:600; letter-spacing:1px;  color:#FFFFFF; padding:9px 18px; border:none; margin-top:35px; text-transform: uppercase; display:table; border-radius:7px; text-decoration:none; line-height:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.home_body_btn:hover {background-color:#1B3F53;}

#body-glance {display:none; margin-bottom:50px;}
#body-glance strong {font-weight:600; text-transform:uppercase;}

.inner_pg_hdr {height:21vw; width:100%; background-color:#09545C; color:#FFFFFF; text-align:left; position:relative; background-image:url("images/hero-bg-01-2000-teal.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center; background-attachment:fixed;}
	.inner_pg_hdr h1 {font-size:4.5vw; font-weight:400; color:#FFFFFF; position:absolute; left:10%; bottom:5%;}
.inner_pg {padding:5% 10%; font-size:18px; line-height:30px;}
	.inner_pg h1 {font-size:55px; font-weight:400; margin:0 0 100px 0; color:#857550;}
    .inner_pg h2 {font-size:40px; font-weight:400; margin:40px 0 100px 0; color:#09545C;}
	.inner_pg h3 {font-size:35px; font-weight:400; margin:0 0 20px 0; color:#09545C; line-height:40px;}
	.inner_pg h4 {font-size:25px; font-weight:600; margin:0 0 15px 0; color:#857550;}
    .inner_pg h4 em {font-size:inherit; font-weight:inherit; color:inherit; display:block; font-style:italic;}
	.inner_pg h5 {font-size:35px; font-weight:400; margin:50px 0 20px 0; color:#09545C; line-height:40px;}
    .inner_pg hr {width:100%; height:0; margin:80px 0; border-top: 2px dotted #89AF9A; clear:both;}
	.inner_pg p {margin:80px 0; padding:0;}
	.inner_pg p hr {width:50px; height:5px; margin:15px 0 35px 0; background-color:#89AF9A; border:none;}
	.inner_pg a {color:inherit;}
.inner_pg_alt {background-color:#89AF9A; color:#ffffff !important; margin-top:50px; background-image:url("images/hero-bg-01-2000-green.jpg"); background-repeat: no-repeat; background-size:cover; background-attachment:fixed;}
	.inner_pg_alt h3 {color:#ffffff !important;}
	.inner_pg_alt hr {width:50px; height:5px; margin:15px 0 35px 0; background-color:#FFFFFF; border:none;}
	.inner_pg_alt a {color:inherit; text-decoration:underline;}
	.inner_pg_alt strong {font-weight:800!important;}
.inner_pg_alt2 {background-color:#E39B6F; color:#ffffff !important; background-image:url("images/hero-bg-01-2000.jpg"); background-repeat: no-repeat; background-size:cover; background-attachment:fixed;}
	.inner_pg_alt2 h3 {color:#ffffff !important;}


/* ABOUT */
.about {}
	.about img {width:20%; float:left; margin:0 5% 0 0; border-radius:100%; display:block;}
	.about a {width:75%; float:right; display:block; margin-top:0;}
.about_progs {width:27%; display:inline-block; vertical-align:top;}
	.about_progs ul {padding:0;}
	.about_progs li {list-style:disc; list-style-position:outside; margin:0 0 15px 15px;}
	.about_progs img {width:60%; border-radius:100%; display:block; margin:0 0 40px 0; text-align:left;}
	.about_progs hr {display:none; width:100%; height:0; margin:80px 0; border-top: 2px dotted #89AF9A; clear:both;}
.about_progs_lh15 {line-height:15px;}
.about_progs_lh22 {line-height:22px;}
.about_progs_left {margin-right:3%;}
.about_progs_mid {margin:0 3%;}
.about_progs_right {margin-left:3%;}
#food-logo {width:85%; height:10vw; margin:15px auto; background:url("images/Ham-pool-farms-logo.png") no-repeat left top; background-size: contain;}



/* CALENDAR */
#calendar {font-size:16px; line-height:25px;}
	#calendar hr{width:100%; margin:10px 0; border-top: 2px dotted #89AF9A;}
	#calendar ul {margin-bottom:50px; padding:0; line-height:19px;}
	#calendar li {list-style-position:outside; padding:8px; width:93%; margin-left:20px;}
	#calendar h3 {font-size:23px; font-weight:400; margin:0; color:#09545C; text-transform: uppercase;}
	#calendar h4 {width:94%; font-size:23px; font-weight:400; margin:0; color:#ffffff; text-transform: uppercase; background-color:#89AF9A; padding:3%;}
.alt_cal_blue {background-color:#DDE8EA; border-radius:6px;}
.alt_cal_green {background-color:#D8E3DD; border-radius:6px;}
.alt_cal_peach {background-color:#F9EBE2; border-radius:6px;}
.calendar_left {margin:0; width:45%; display:inline-block; vertical-align:top;}
.calendar_right {margin-left:8%; width:45%; display:inline-block; vertical-align:top;}
.calendar_year {color:#89AF9A; float:right;}



/* TUITION FEES */
#tuition {border-collapse:collapse; width:100%; margin-top:25px;}
#tuition td, #tuition th {border: 1px solid #ddd; padding:8px;}
#tuition tr {line-height:18px;}
	#tuition tr:nth-child(even){background-color:#f2f2f2;}
	#tuition tr:hover {background-color:#ddd;}
#tuition th {padding-top:12px; padding-bottom:12px; text-align:left; background-color:#89AF9A; color:#FFFFFF; font-size:18px; line-height:20px;}
.tuition-section {margin-bottom:35px;}
	.tuition-section h3 {font-size:25px; font-weight:400; margin-bottom:7px; color:#09545C;}



/* CONTACT FORMS */
.err {color:#C82D31; font-weight:600; margin-top:15px; display:block;}
.ct_reg_field {margin-top:25px; height:auto; width:100%; color:#333333; border:1px solid #CCC; background-color:#FFFFFF; padding:15px; font-family: inherit; font-size:inherit; border-radius:7px;}
.ct_reg_field:hover {background-color:#D2D2D2;}
.ct-err {color:#C82D31 !important; font-weight:900 !important;}
#thankyou {color:#C82D31 !important; display:block; margin:0; width:100%; font-size:18px;}
	#thankyou H1 {font-size:35px; margin-bottom:25px; color:#C82D31 !important;}
	#thankyou a {font-size:16px; margin:25px 0; color:inherit; text-decoration: none; display: block; cursor: pointer;}
	#thankyou a:hover {text-decoration: underline;}
#hide {display: none;}

#contact_left {width:50%; float:left;}
#contact_right {width:50%; float:right;}
.contact_block {margin-bottom:45px;}
.contact_block hr {width:60px; height:5px; border:none; margin:20px 0 30px 0; background-color:#89AF9A;}
#map {width:100%; height:400px; background-color:#808080; display:inline-block; margin-bottom:100px;}

/* FOOTER */
#footer {font-size:12px; color:#FFFFFF; width: 100%}
#footer_triangle {margin:0 auto; background-color:#FFFFFF;}
#footer_triangle img {width:300px; margin:0 auto; display:block;}
#ftr_block {background-color:#09545C; padding:50px 0 30px 0;}
#ftr_block_inner {margin:0 auto; text-align:center;}
#ftr_logo {width:175px; display:inline-block;}
.ftr_txt {display:inline-block; margin-left:5%; color:inherit !important;}
	.ftr_txt a{color:inherit !important; text-decoration:none;}
	.ftr_txt a:hover{text-decoration:underline;}
	.ftr_txt p{display:inline-block; font-weight:inherit; text-align:left;}
.ftr_icon {margin-right:0.8vw; width:15px;}
.ftr_txt_nomarg {}


@media screen and (max-width: 1200px) {
	#logo {height:15vw;}
	
	/* for iphone - to get cover image to show properly */
	#hero {background-attachment:scroll;}
	#home_body {background-attachment:scroll;}
	.inner_pg_hdr {background-attachment:scroll;}
	.inner_pg_alt {background-attachment:scroll;}
	.inner_pg_alt2 {background-attachment:scroll;}
}

@media screen and (max-width: 1100px) {
	#home_body H2{font-size:1.6vw; letter-spacing:0.16vw;}
	.home_body_btn {font-size:1.3vw;}
	#ftr_block {padding:20px 0; }
	#ftr_logo {width:150px; display:block; margin:0 auto;}
	.ftr_txt_nomarg {margin:0 !important;}
	#logo {height:17vw;}
	#hdr {padding-bottom:18px;}
	#hero-left {height:36vw;}
    #hero-right {font-size:1.6vw; line-height:2.5vw; height:36vw;}
    #hero-right h1 {font-size:2vw;}
    #hero-right strong {font-size:1.5vw;}
	#home_body {line-height:32px;}
}

@media screen and (max-width: 900px) {
	#logo {height:20vw;}
	#hero_triangle img {width:250px; margin:0 auto; display:block; text-align:center;}
	#hdr {padding-bottom:22px;}
	#hero-left {height:43vw; padding-left:7%;}
	#hero-left h3 {font-size:3vw;}
    #hero-left h1 {font-size:5.4vw;}
    #hero-left h2 {font-size:2vw; letter-spacing:3px;}
    #hero-right {font-size:1.8vw; line-height:3vw; height:43vw; padding-left:12%;}
    #hero-right h1 {font-size:2.2vw;}
    #hero-right strong {font-size:1.8vw;}
	#hero_map_icon {top:1px;}
	#container {width:100%; margin:0 auto;}
	#home_body {line-height:30px; display:block;}
    #home_body H2{font-size:20px; letter-spacing:1px;}
    #home_body_left {width:84%; padding:5% 8% 0 8%; float:none; font-size:18px;}
		#home_body_left span{font-size:26px; line-height:30px;}
    #home_body_right {width:84%; padding:5% 8% 0 8%; float:none; font-size:18px;}
		#home_body_right span{font-size:26px; line-height:30px;}
    .home_body_btn {font-size:18px; letter-spacing:1px; padding:16px 0; margin-top:45px; display:block; line-height:20px; width:100%; text-align: center;}
	.about img {width:30%;}
	.about a {width:65%;}
	#contact_left {width:100%; float:none;}
    #contact_right {width:100%; float:none;}
	
	.about_progs {width:100%; display:block;}
        .about_progs img {width:35%; margin:0 auto 40px auto; text-align:center;}
		.about_progs hr {display:block;}
    .about_progs_left {margin-right:0;}
    .about_progs_mid {margin:0 0;}
    .about_progs_right {margin-left:0;}
}

@media screen and (max-width: 768px) {
	
	#nav {width:100%; height:100%; padding:100px 0 0 70px; background-color:#89AF9A; font-size:25px; z-index:10;}

	#logo {height:25vw; z-index:9;}
	#mn_btn {left:50px;}
	#social_hdr {right:50px;}
	#portal_hdr {display:none;}
	#hero {height:60vw; display:block; position:relative;}
    #hero_triangle img {width:40vw;}
    #hero-left {width:auto; margin:14% auto; padding:0; display:table; vertical-align:middle;}
	#hero-left h3 {font-size:5.5vw;}
    #hero-left h1 {font-size:9.9vw; margin:5px 0 10px 0;}
    #hero-left h2 {font-size:3.5vw; letter-spacing:4px;}
	
	#hero_map_icon {width:3.5vw; display:inline-block; position:relative; top:6px; margin-right:7px;}

    /*#hero-right {width:100%; height:31vw; margin:0; display:block; vertical-align:top;}*/
	#hero-right {display:none;}
	#body-glance {display:block; line-height:7vw;}
	#opening-date {padding:0; border-radius:none; background:none; color:#857550; width:100%; font-size:30px !important; margin:30px 0 !important;  overflow:visible;}
	
	#home_body_left {margin-bottom:50px;}
    #home_body_right {margin-bottom:50px;}
	
	.about img {width:50%; float:none; margin:0 auto 40px auto;}
	.about a {width:100%; float:none;}
	.about_progs img {width:50%;}
	
	.inner_pg {padding:10% 10%; font-size:18px; line-height:30px;}
	.inner_pg_hdr {height:25vw;}
	.inner_pg_hdr h1 {font-size:6.5vw; left:10%; bottom:1%;}
	
	.calendar_left {width:100%; display:block;}
	.calendar_right {margin-left:0; width:100%; display:block;}
	
	#ftr_block {padding-top:30px;}
	#ftr_logo {display:none;}
	.ftr_txt {display:block; margin:30px 0; font-size:16px;}
	.ftr_txt_nomarg {margin-top:20px;}
	
}