/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, th { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

body {color: #3b3b3b; font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 16px;}

.pageWidth, #mainContent {margin: 0 auto; max-width: 1200px;}

.section {overflow: hidden;}
.layout1-2 {width: 50%;}
.layout3-4 {width: 75%;}
.layout1-4 {width: 25%;}
.layout2-3 {width: 67%;}
.layout1-3 {width: 33%;}
.right {float: right;}
.left {float: left;}
.marginAll {margin: 20px;}
.marginRight {margin-right: 20px;}
.marginLeft {margin-left: 20px;}

.col-section {display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.col-no-margin {margin: 0 -25px;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: left; padding: 0 25px 25px 25px;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

h1, h2, h3, h4, h5, h6 {font-weight:bold; margin-bottom: 15px;}
.headerFont, h1, h2, h3 {font-family: 'PT Sans', helvetica, sans-serif;}
h1 {font-size: 30px;}
h2 {font-size: 24px;}
p {line-height: 1.4em; margin-bottom: 20px;}
a {color: #389600;}
.green {color: #389600;}
.orange {color: #ffad00;}
.yellow {color: #f7ea12;}

.aligncenter { display:block; margin:0 auto }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }

#navigationBar {background: #222;}

#mobileHeader {display: none; padding: 7px 15px 3px;}
#mobileBanner {background: none; display: none;}

#hamburger{background-color:transparent;border:0;float:right;width:30px;height:35px;position:relative; cursor:pointer}
#ham-1, #ham-2, #ham-3, #ham-4 {display:block;position:absolute;height:4px;width:100%;background:#fff;border-radius:9px;left:0;transition:.1s ease-in-out}
#ham-1 {top:6px}
#ham-2,#ham-3{top:16px}
#ham-4 {top:26px}
#hamburger.is-active #ham-1, #hamburger.is-active #ham-4 {top:22px;width:0;left:50%}
#hamburger.is-active #ham-2 {transform:rotate(45deg)}
#hamburger.is-active #ham-3 {transform:rotate(-45deg)}

#searchform {float: right; margin: 10px 20px 0 0; position: relative;}
#searchform input[type=text] {border: 1px solid #c9c9c9; height: 20px; padding-right: 20px; width: 198px;}
#searchform input[type=image] {position: absolute; right: 5px; top: 5px;}
#navigation {}
#navigation li {float: left; font-size: 15px; line-height: 22px; padding: 12px 15px 8px;}
#navigation a {color: #fff; font-weight: bold; text-decoration: none;}
#navigation a:hover {color: #389600;}
#banner {background: url(/images/golf-banner-mobile.jpg) no-repeat center center; background-size: cover; height: 240px; text-align: center;}
#tagLine {background: #eee; font-size: 15px; padding: 15px; text-align: center;}

/*POSTS*/
.post {margin-bottom: 40px;}
.postTitle {margin-bottom: 0;}
.postTitle a {color: #3b3b3b; text-decoration: none;}
.postDetails {background: #389600; color: #fff; font-size: 12px; font-weight: bold; margin: 10px 0; padding: 3px 10px;}
.postDetails a {color: #fff; text-decoration: none;}
.entry-date {float: right;}
.author {margin-right: 10px;}
.postContent img {height: auto;}
img.size-full, img.size-large, img.size-medium, img.size-thumbnail {height: auto; max-width: 100%;}
.alignleft {float: left; margin: 0 20px 20px 0;}
.alignright {float: right; margin: 0 0 20px 20px;}

.golfers {margin-top: 40px;}
.golfers > .wp-block-group__inner-container {display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -25px;}
.golfer .wp-block-media-text {grid-template-columns: 120px 1fr !important; margin-bottom: 15px;}
.golfer .wp-block-media-text__content {padding: 0 0 0 20px;}
.golfer img {margin-bottom: 10px; width: 100%;}
.golfer h2 {margin-bottom: 5px;}
.golfer strong {color: #389600; display: inline-block; min-width: 135px;}

#mainContent .layout2-3 ul {margin-bottom: 20px;}
#mainContent li {margin-bottom: 10px;}

/* SIDEBAR */
#sidebar li {margin-bottom: 20px;}
#sidebar .ngg_images h3 {display: none;}
#stogieSlides img {max-width: 100%;}

/* GOLF */
#selectRound select {font-size: 18px; margin-bottom: 20px; width: 100%;}

#selectRound input[type="submit"], #editScores input[type="submit"], #leaderboardBtn {background: #389600; border: 1px solid #ccc; color: #fff; cursor: pointer; font-size: 18px; padding: 10px; margin-bottom: 20px; width: 100%; -webkit-appearance: none; -webkit-border-radius: 0;}

/* SCORING */
#editScores, #editScores p {font-size: 18px;}
#currentHole {background: #eee; padding: 10px 0; text-align: center;}
.currentHole {background: #eee; line-height: 28px; padding: 7px 0; text-align: center;}
#scores {margin: 20px 0;}
#scores td {font-size: 18px; padding: 10px 0 10px 20px; vertical-align: top;}
#scores td:first-child {padding-left: 0;}
#scores td:nth-of-type(2), #scores td:nth-of-type(3), #scores td:nth-of-type(4) {width: 35px; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
#scores input[type="text"] {border: 1px solid #ccc; font-size: 16px; padding: 4px; width: 22px; -webkit-appearance: none; -webkit-border-radius: 0;}
.nextHole {float: right;}
.previousHole {float: left;}
#feedback, #changeRound {text-align: center;}

/* LEADERBOARD */
#leaderboard, .roundleaderboard {margin: 4px 0 15px 0;}

#leaderboard th {background: #fdf9bf; font-weight: bold;}
#leaderboard th, #leaderboard td {padding: 4px 5px; text-align: right;}
#leaderboard th:nth-of-type(1), #leaderboard td:nth-of-type(1) {text-align: left;}
/*#leaderboard td:nth-of-type(2), #leaderboard td:nth-of-type(3), #leaderboard td:nth-of-type(4), #leaderboard td:nth-of-type(5), #leaderboard td:nth-of-type(6) {color: #bbb}  use when rounds not counted */
#leaderboard tr:nth-of-type(2n + 1) {background: #f6f6f6;}

.roundleaderboard th {background: #ccc; font-weight: bold;}
.roundleaderboard th, .roundleaderboard td {padding: 4px 5px;}
.roundleaderboard th:nth-of-type(2), .roundleaderboard th:nth-of-type(3), .roundleaderboard td:nth-of-type(2), .roundleaderboard td:nth-of-type(3) {text-align: right;}
.roundleaderboard td:nth-of-type(2) {color: #bbb}
.roundleaderboard tr:nth-of-type(2n + 1) {background: #f6f6f6;}


/* FOOTER */
#footer {font-size: 11px; text-align: center;}
#footerBar {background: #fff; border-top: 1px solid #eee; padding: 6px; margin-top: 10px;}
#footer .linkKyle {color: #666; font-size: 11px; text-decoration: none;}
#footer .linkKyle:hover {color: #389600;}

@media screen and (max-width: 959px) {
	#pageWidth {box-shadow: none; width: 100%;}
	#sidebar .ngg_images img {width: 95%;}
}

@media screen and (max-width: 900px) {
	#searchform {display: none;}
	#navigation {margin: 0 auto; width: 650px;}
}

@media screen and (max-width: 739px) {
	#sidebar {display: none;}
	#homeContent, .layout2-3 {width: 100%;}
	#locationMap {float: none; margin: 0 0 20px 0;}
	.postContent {margin-top: 20px; margin-right: 0;}
}

@media screen and (min-width: 651px) {
	#navigation {display: block !important;}
	#banner {background: url(/images/golf-banner-2.jpg) no-repeat center center; background-size: cover; padding: 30px 0;}
	#mainContent {margin-top: 30px;}
	#allRounds {display: flex; flex-flow: row wrap;}
	.round {margin: 0 4%; width: 42%;}
	#leaderboard, .roundleaderboard {margin-bottom: 25px;}
}

@media screen and (max-width: 650px) {
	#navigationBar {box-shadow: 0 0 5px #333; position: fixed; top: 0; width: 100%; z-index: 1000;}
	#mobileHeader {display: block;}
	#navigation {display: none; padding-bottom: 15px; width: 100%;}
	#navigation li {float: none; font-size: 18px; line-height: 22px; padding: 12px 15px; text-align: center;}
	#navigation li:first-child {display: none;}
	#navigation #navLogo {display: none;}
	#banner {margin-top: 54px; margin-bottom: -20px;}
	.page #banner {display: none;}
	#tagLine {display: none;}
	#mainContent {margin-top: 46px;}
}

@media screen and (min-width: 900px) {
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {float: left; padding: 0 25px 25px 25px;}
	  
	.col-md-12 {width: 100%;}
	.col-md-11 {width: 91.66666667%;}
	.col-md-10 {width: 83.33333333%;}
	.col-md-9 {width: 75%;}
	.col-md-8 {width: 66.66666667%;}
	.col-md-7 {width: 58.33333333%;}
	.col-md-6 {width: 50%;}
	.col-md-5 {width: 41.66666667%;}
	.col-md-4 {width: 33.33333333%;}
	.col-md-3 {width: 25%;}
	.col-md-2 {width: 16.66666667%;}
	.col-md-1 {width: 8.33333333%;}
	
	h1 {font-size: 36px;}
	h2 {font-size: 28px;}
	.round {margin: 0 5% 0 0; width: 30%;}
	.round:nth-of-type(3n) {margin-right: 0;}
}