/*
Theme Name: ASW Template
Theme URI:
Author: Elliot Toman
Author URI: http://asubtleweb.com
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: 
*/

@import url(//fonts.googleapis.com/css?family=Oswald|Roboto:400,400italic,500);
@import url(//fonts.googleapis.com/css?family=Arapey:400italic);

* { margin: 0px; padding: 0px; }

body, html { height: 100%; }

body { font: 90% 'Roboto', sans-serif; color: black; margin: 0px; background: #f6f6f6; line-height: 1.5em; }

a { text-decoration: none; color: #85382d; }
h1 { font: 1.5em 'Oswald', sans-serif; text-transform: uppercase; color: #300; }
h2 { display: block; font: 1em 'Oswald', sans-serif; }
h1, h2, p { margin-bottom: 1em; }
h3 { display: block; font: italic 1em 'Roboto', sans-serif; font-weight: 500; }
.alignleft { max-width: 100%; float: left; margin: .5em 10px 10px 0px; }
.alignright { max-width: 100%; float: right; margin: 0px 0px 10px 10px; }
img { max-width: 100%; }
article { display: block; margin-bottom: 1em; }
section { display: block; float: none; clear: both; }

.clear { display: block; width: 100%; height: 0px; float: none; clear: both; }

.noslider article { margin-bottom: 2.5%; }

.testimonial { font: 1.25em 'Arapey', serif; margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px dotted #CCC; }
.testimonial a { font: normal .8em 'Oswald', serif; font-style: normal; }

#site-wrap { display: table; width: 95%; padding: 2.5%; max-width: 1080px; margin: 0 auto; }

/* HEADER AND HEADER NAV */
header { display: table; width: 95%; padding: 2.5%; background-color: white; }
header h1#logo { display: block; width: 50%; float: left; overflow: hidden; }
header h1#logo a { display: block; text-indent: -9999px; width: 100%; height: 0px; padding-top: 25%; background: url('../../uploads/HCC_Logo_Horizontal.png') no-repeat; background-size: contain; }
header nav ul { display: block; width: 100%; max-height: 0px; overflow: hidden; list-style-type: none; clear: both; }
header nav ul a { display: block; padding: 10px 0; font-size: 1.5em; text-transform: uppercase; color: #5a2f2f;}
header nav span { display: block; width: 50%; float: right; }
header nav span a { text-align: right; display: block; text-transform: uppercase; font-size: 1.5em; margin-top: 10%;}
header nav span.menu-close { display: none; }
header nav#menu:target span.menu-open { display: none; }
header nav#menu:target span.menu-close { display: block; }
header nav#menu:target ul { max-height: 9999px; }

/* SERVICE FEATURES */
#fp-services { display: block; width: 100%; }
#fp-services article { width: 100%; display: table; margin: 0px; }
#fp-services article.active a h2 { color: black; }
#fp-services div { display: block; width: 95%; padding: 2.5%; }
#fp-services a { color: white;}
#fp-services h2 { font: 1.5em 'Oswald', sans-serif; text-transform: uppercase; }
#fp-services .learn-more,
#fp-services .thumbnail { display: none; }
#fp-services .membership,
#fp-services .membership ul { background-color: #7bbec8; }
#fp-services .weddings-events,
#fp-services .weddings-events ul { background-color: #ff9570; }
#fp-services .golf,
#fp-services .golf ul { background-color: #75ae75; }
#fp-services p { display: block; float: none; clear: both; padding-top: 1em; }
#fp-services.interior { display: none; }

/* IMAGE SLIDER */
section#slider { display: block; width: 100%; margin-bottom: 2em; float: none; clear: both; }

/* MAIN CONTENT */
main { display: table; width: 95%; padding: 2.5%; background-color: white; }
main a { font-family: 'Oswald', sans-serif; color: #330000; }
.footnote { color: #666; }
table.golf { display: table; width: 100%; border: 0px; margin-bottom: 1em; }
table.golf td { display: table-cell; width: 33%; }
main ul { margin-left: 2.5%; margin-bottom: 10px; }

/* FRONT PAGE TAGLINE */
#fp-tagline { display: table; width: 100%; padding: 2.5% 0; background-color: #d9cfc1; }
#fp-tagline img { display: block; width: 90%; height: auto; margin: 0 auto; }


/* FOOTER */
footer { display: table; width: 95%; padding: 2.5%; background-color: #white; color: #666; text-decoration: uppercase; text-align: center; }
#social-links { display: block; clear: both; margin-bottom: 1em; }
#social-links a { display: inline-block; text-indent: -9999px; padding: 0px 5px; text-align: center; }
#social-links a span { display: block; width: 32px; height: 32px; background-size: contain; background-position: center; opacity: 0.5; }
#social-links a.facebook span { background-image: url('assets/social-facebook.png'); }
#social-links a.pinterest span { background-image: url('assets/social-pinterest.png'); }
#social-links a.instagram span { background-image: url('../../uploads/instagram.png'); }

/* GALLERY */
#gallery a { display: block; position: relative; width: 48.75%; height: 0px; padding-top: 48.75%; margin-bottom: 2.5%; margin-left: 2.5%; float: left; text-indent: -9999px; overflow: hidden; background-size: 100%; background-position: center center; background-repeat: no-repeat; }
#gallery a:nth-of-type(2n+1) { margin-left: 0%; clear: left; }
.additional	{padding-top: 70px;}

/*SIDEBAR */
#gallery-link .thumbnail { display: block; position: relative; text-indent: -999px; width: 100%; height: 0; padding-top: 100%; background-size: cover; background-position: center center; }

/* VIDEO CONTAINER */
.video-container {
    float: none; clear: both;
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* FRONT PAGE GALLERIES LINK */
#fp-galleries { display: table; width: 100%; clear: both; margin: 1em 0; }
#fp-galleries span { display: inline; position: relative; float: left; margin-right: 2%; margin-bottom: 4%; width: 30%; height: 0; padding-top: 30%; background-size: cover; background-position: center center; overflow: hidden; }
#fp-galleries span:nth-of-type(3n) { margin-right: 0%; }
#fp-galleries span a { display: block; position: absolute; height: 80%; width: 80%; top: 0px; left: 0px; text-indent: -9999px; }

/* GENERAL FORM STYLES */
form br { display: none; }
form, input, textarea { -webkit-appearance: none; -moz-appearance: none;   appearance: none; }
input, textarea { display: block; border: 0px; width: 97.5%; padding: 1.25%; max-width: 400px; background-color: #ccc !important; font: 1em 'Roboto', sans-serif; margin-bottom: 2px; } 
input:focus, textarea:focus { background-color: rgb(230,230,230); }
input[type=submit] { width: auto; background-color: rgb(200,200,200); }


/* MEDIUM LAYOUT */
@media screen and (min-width: 800px) {

	body { background: url('http://highlandscountryclub.net/wp-content/themes/asw_template/assets/background_white.jpg') fixed no-repeat; background-size: cover; }
	body.front-page { background: url('http://highlandscountryclub.net/wp-content/themes/asw_template/assets/background_white.jpg') fixed no-repeat; background-size: cover; }

	/* HEADER AND HEADER NAV */
	header { width: 90%; padding: 2% 5%; }
	header h1#logo { width: 25%; }
	header nav span { display: none; }
	header nav ul { display: block; max-height: 999px; width: 75%; margin-top: 2%; float: right; clear: none; text-align: right; }
	header nav li { display: inline; }
	header nav li.mobile { display: none; }
	header nav ul a { display: inline; font-size: 1em; padding-left: 20px; }
	
	/* SERVICE FEATURES */
	#fp-services article { width: 33.33%; float: left; padding-bottom: 10px;}
	#fp-services a { display: block; width: 100%; position: relative;  }
	#fp-services div.content { display: block; position: relative; width: 100%; height: 0px; padding: 100% 0 0 0; }
	#fp-services div.content ul { display: none; z-index: 999; }
	#fp-services h2 { display: block; position: absolute; top: 2.5%; left: 2.5%; width: 95%; font-size: 1.5em; }
	#fp-services p { display: block; position: absolute; top: 3em; left: 2.5%; width: 95%; }
	#fp-services .thumbnail { display: block; height: 0px; padding-top: 50%; background-position: center center; background-size: cover; }
	#fp-services .learn-more { display: block; position: absolute; top: 2.5%; right: 2.5%; width: auto; padding: 2.5%; border: 1px solid white; border-radius: 3px; font-size: .5em; text-transform: uppercase; }
	#fp-services .learn-more:after { content: ' \2192'; }
	#fp-services.interior { display: block; float: none; clear: both; }
		#fp-services.interior .thumbnail,
		#fp-services.interior .learn-more,
		#fp-services.interior p { display: none; }
		#fp-services.interior article { padding-bottom: 0px; }
		#fp-services.interior div.content { display: table; height: auto; padding: 0; overflow: visible; }
		#fp-services.interior h2 { position: static; padding: 2.5%; margin-bottom: 0px; }
		#fp-services.interior div.content ul { list-style-type: none; display: block; position: absolute; top: auto; left: -2.5%; max-height: 0px; overflow: hidden; width: 100%; }
		#fp-services.interior div.content ul li { display: block; width: 95%; padding: 2.5%; }
		#fp-services.interior div.content:hover ul { max-height: 999px; }
		#fp-services.interior div.content ul { transition: max-height .5s linear; -moz-transition: max-height .5s linear; -webkit-transition: max-height .5s linear;  }
	
	/* FRONT PAGE  */
	#fp-tagline img { width: 60%; }
	
	/* COLUMNS */
	.column.two-thirds-left { display: table; width: 100%; float: left; clear: none; }
	.column.one-third-right { display: table; width: 0%; float: right; clear: none; }
	
	/* GALLERY */
	#gallery a:hover { background-size: 105%; }
	#gallery a { transition: background-size .5s linear; -moz-transition: background-size .5s linear; -webkit-transition: background-size .5s linear; }
	.gallery-content { margin-top: 5em; }
	
	
	
}

a  {text-decoration: none !important;}

.login-remember {display:none;}



/* LARGE LAYOUT */
@media screen and (min-width: 1020px) {

	#fp-services div.content { padding: 50% 0 0 0; }
	
}

#buy_now_button {
	width: 130px;
	background-color: white !important;
}

.wp_pp_button_submit_btn {
	width: 130px;
	background-color: white !important;
}

.um {
opacity: 1 !important;
}