@import "home.css";
@import "profile.css";
@import "other.css";
@import "event.css";
@import "handicaps.css";
@import "course.css";
@import "gallery.css";
@import "font-awesome.css";

/* Font Settings */

@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face{
	font-family: 'OpenSansSemiBold';
    src: url('OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
	}
}

/* Fundamental styles */

html,
body {
	height: 100%;
}

body{
	background-color: #e5e4c8;
  	color: #72674a;
  	font-family: "OpenSansRegular", Helvetica, Arial, sans-serif;
  	font-size: 13px;
  	line-height: 1.7em;
}

.container, .navbar .container{
	width: 1086px;
}

a{
	color: #96c241;
	text-decoration: none !important;
}

a.underline {
    text-decoration: underline !important;
}

a:hover,
a:focus {
  color: #111;
}

a.linkInverse{
	color: #DBDBDB;
}

a.linkInverse:hover,
a.linkInverse:focus{
	color: #94b826;
}

/* Common Elements */

.lineDivider{
	border-bottom: 1px solid #555;
}

.commonMarginBottom{
	margin-bottom: 21px !important;
}

.doubleMarginBottom{
	margin-bottom: 42px;
}

.doubleMarginTop{
	margin-top: 42px;
}

a:hover .muted{
	color: #777;
}

/* Typographic Settings */

h1, h2, h3, h4, h5{
	margin: 0;
	font-weight: normal;
}

h1, h2, h3, h4{
	font-family: Georgia, serif;
}

h1, h2, h3{
	line-height: 1.5em;
	letter-spacing: 0.05em;
}

h1, h2{
	margin-bottom: 21px;
}

h1{
	font-size: 2.5714em;

}

h2{
	font-size: 1.7143em;
}

h3{
	font-size: 1.5em;
	margin-bottom: 13px;
}

h4{
	font-size: 1.2857em;
	line-height: 1.5em;
	margin-bottom: 8px;
	letter-spacing: 0.06em;
}

h5{
	font-family: "OpenSansSemiBold";
	font-size: 1em;
	letter-spacing: 0.05em;
}

h5.largerH5{
	font-size: 1.1428em;
	margin-bottom: 6px;
}

p {
	margin: 0 0 21px;
}

li{
	line-height: 1.5em;
}

label{
	font-size: 1em;
	cursor: text;
}

/* Page header */

#header{
	background-color: #e5e4c8;
	border-bottom: 1px solid #72674a;
}

.pageBanner{
	height: 168px;
}

.pageHeader{
	position: relative;
	background-color: #111;
	height: 126px;
	border-bottom: 1px solid #555;
}

.pageHeadImg{
	width: 1272px;
	height: 100%;
	max-height: 126px;
	position: relative;
	box-shadow: inset 80px 0 120px -15px #111,inset 80px 0 120px -50px #111,inset -80px 0 120px -15px #111,inset -50px 0 120px -50px #111,inset 0 10px 10px -10px #111,inset 0 -10px 10px -10px #111;
	margin: 0 auto;
}

/* Css hacks for box-shadow in FF */

@-moz-document url-prefix() {
	.pageHeadImg{
		box-shadow: inset 80px 0 75px -15px #111,inset 80px 0 75px -50px #111,inset -80px 0 75px -15px #111,inset -50px 0 75px -50px #111,inset 0 10px 10px -10px #111,inset 0 -10px 10px -10px #111;
	}
}

.pageHeader .headContainer{
	position: absolute;
	top: 0;
	width: 100%;
}

.pageHeader .headContainer h1{
	position: relative;
	margin-top: 38px;
	color: whiteSmoke;
	text-shadow: 0 0 24px rgba(0, 0, 0, 0.65),0 0 64px rgba(0, 0, 0, 0.75),0 2px rgba(0, 0, 0, 0.65);
}

/* Top Navigation Bar */

#topNav{
	margin: 6px 0;
	text-transform: uppercase;
}

#topNav .nav{
	border: none !important;
}

#topNav .nav > li{
	padding: 0 15px;
	border: none !important;
}

#topNav .nav > li:last-child{
	padding-right: 5px !important;
}

#topNav .nav > li > a{
	padding: 3px 0;
}

#topNav .langBtn{
	padding-right: 0 !important;
}

#topNav .regBtn a{
	background-color: #38730f;
	color: white;
	padding: 3px 6px !important;
}

#topNav .regBtn > a:hover,
#topNav .regBtn > a:focus{
	background-color: #568b1c;
}

#topNav .dropdown-menu{
	min-width: 50px;
	text-transform: none;
}

/* Navigation Bar */

.navbar{
	margin-bottom: 0;
}

.navbar .nav{
	margin: 0;
}

.navbar-inner {
	min-height: 0;
	padding-right: 0;
	padding-left: 0;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.navbar .nav > li {
	line-height: 1.75em;
	padding: 8px 25px;
}

.navbar.zh_tw .nav > li{
	padding: 8px 33px;
	font-size: 1.0769em;
}

.navbar .nav > li:last-child{
	padding-right: 0;
}

.navbar .nav > li > a {
	padding: 0;
}

.navbar-inverse .navbar-inner {
	background-color: #e5e4c8;
	background-image: none;
	background-repeat: no-repeat;
}

.navbar-inverse .nav > li > a {
	color: #72674a;
	text-shadow: none;
}

.navbar .nav .dropdown-toggle .mainNavCaret{
	margin-top: 11px;
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown > .dropdown-toggle:hover .caret,
.navbar-inverse .nav li.dropdown > .dropdown-toggle:focus .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle:hover .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle:focus .caret{
	border-top-color: #94b826;
	border-bottom-color: #94b826;
}

.dropdown-menu {
	padding: 0;
	margin: 0;
	background-color: #e5e4e3;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.dropdown-menu.pull-right li{
	text-align: right;
}

.navbar .nav > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu:after {
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.dropdown-menu > li > a {
	padding: 10px 17px;
	line-height: 1.5em;
	color: #94b826;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
	color: #DBDBDB;
	background-color: #999;
	background-image: none;
}

.dropdown-menu .divider {
	height: 0;
	margin: 0;
	border-bottom: 1px solid #444;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #96c241;
  background-color: #e5e4c8;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus,
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
	color: #96c241;
	background-color: #e5e4c8;
}

/* Ad sidebar */

#adSideBar{
	padding-top: 4px;
}

#adSideBar img{
	float: right;
}

/* Sticky footer styles */

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -265px;
}

#push,
#footer {
	height: 265px;
}

#footer {
	background-color: #e5e4e3;
	padding-top:21px;
	border-top: 1px solid #555;
}

#footer .muted{
	margin: 17px 0;
	cursor: default;
}

#footer .muted:hover{
	color: #999;
}

/* Grid Construction */

.row {
	margin-left: -30px;
}

[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 30px;
}

.span12 {
	width: 1086px;
}

.span11 {
	width: 993px;
}

.span10 {
	width: 900px;
}

.span9 {
	width: 807px;
}

.span8 {
	width: 714px;
}

.span7 {
	width: 621px;
}

.span6 {
	width: 528px;
}

.span5 {
	width: 435px;
}

.span4 {
	width: 342px;
}

.span3 {
	width: 249px;
}

.span2 {
	width: 156px;
}

.span1 {
	width: 63px;
}

.offset12 {
	margin-left: 1146px;
}

.offset11 {
	margin-left: 1053px;
}

.offset10 {
	margin-left: 960px;
}

.offset9 {
	margin-left: 867px;
}

.offset8 {
	margin-left: 774px;
}

.offset7 {
	margin-left: 681px;
}

.offset6 {
	margin-left: 588px;
}

.offset5 {
	margin-left: 495px;
}

.offset4 {
	margin-left: 402px;
}

.offset3 {
	margin-left: 309px;
}

.offset2 {
	margin-left: 216px;
}

.offset1 {
	margin-left: 123px;
}

.fancybox img {
    height:100%;
}

.navbar .nav {
  display: flex;
  align-items: center;
}

.navbar .nav li {
  padding: 0 1.75rem;
  text-align: center;
}

.dropdown-menu > li {
  padding: 0 !important;
}

.dropdown-menu > li > a {
  text-align: left;
}

#headerContainer {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr 1fr;
  grid-gap: 5px;
  padding-top: 5px;
  align-items: center;
  justify-items: end;
}

#headerContainer::before {
  display: none;
}

#topNav {
  grid-row: 1;
  margin-bottom: .5rem;
}

#topNav li {
  min-width: 35px;
}

#mainNav {
  grid-column: 2;
  grid-row: 2;
}

.navbar__logo {
  width: 150px;
  grid-column: 1;
  grid-row: 1 / span 2;
}
