html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height:100%; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
.clear {display:block; height:0; clear:both;}
body {margin: 0; font-family: "Fira Sans", sans-serif; font-size: 0.85rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: left; background-image: url('../img/bg.jpg'); background-position:bottom center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; height:100%; }
a {color:#30a510; text-decoration:none;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.section-left {float:left; width:300px;}
.section-right {float:right; width:840px;}

#page-container {width:100%; min-height:100%; background-image:linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 240px, rgba(0,0,0,0.3) 100%); padding:24px 0;}
#page {width:1510px; margin:0 auto;}
#content {width:1150px; float:left;}
#side {width:350px; float:right;}
.br {border-radius:4px;}
.side-section {background:#fff; margin-bottom:0; padding:10px;}
#side-headlines {background:#fff; padding:20px; margin-bottom:10px; text-align:left;}
#side-headlines h4 {margin-top:0; margin-bottom:0; font-size:18px; color: #293037}
#side-headlines ul.headlines {list-style-type:none; padding-left:0; font-size:15px; margin-bottom:0;}
#side-headlines ul.headlines li {border-bottom:1px dotted #999; padding:7px 0;}
#side-headlines a {color: #394047; text-decoration:none;}
#side-headlines a:hover {color: #091017}
#side-payment {margin-bottom:10px; padding:20px;}
#side-payment p {text-align:center;}
#side-payment h4 {margin-top:0; margin-bottom:0; font-size:18px; color: #293037}
#side-payment-message {font-size:13px; line-height:15px; }

#side-payment-qr .payment-title {margin-bottom:2px; text-transform:uppercase;}
#side-payment-qr .payment-line1 {margin:2px 0 0 0;}
#side-payment-qr .payment-line2 {margin:0;}

#side-holeinone, #side-sundaygroup {background:#fff; padding:20px; margin-bottom:10px; text-align:left;}
#side-holeinone h4 {margin-top:0; margin-bottom:20px; font-size:18px; color: #293037}

#side-holeinone-image {float:left; width:80px;}
#side-holeinone-image img {width:100%; height:auto;}
#side-holeinone-content {float:right; width:210px; text-align:center;}
#side-holeinone-currentpot {color:#289c07; font-weight:500; font-size:15px;}
#side-holeinone-currentpot-value {display:block; padding:12px; margin:4px 12px 10px 12px; font-size:25px; font-weight:800; line-height:25px; background:#289c07; color:#fff;}
#side-holeinone-bottommsg {font-size:0.8rem; line-height:0.9rem; }
#side-holeinone-bottommsg p {margin:0; padding:0;}

#side-sundaygroup-title {text-align:center; font-weight:bold; font-size:27px; margin-bottom:12px;}
#side-sundaygroup-course {text-align:center; font-size:18px; font-weight:500;}
#side-sundaygroup-date {text-align:center; font-size:18px; font-weight:500; color:#30a510;}
#side-sundaygroup-time {text-align:center;  font-size:21px; font-weight:600; padding-top:8px; color:#3bacfb;}
#side-sundaygroup-msg {text-align:center; }
#side-sundaygroup-link {text-align:center; padding:10px 0;}
#side-sundaygroup-link a {font-weight:bold;}

#side-handicaps {background:#fff; padding:20px 5px; margin-bottom:10px; float:left; width:160px;}
#side-handicaps h4 {margin-top:0; margin-bottom:5px; font-size:18px; color: #293037; text-align:center;}
#side-handicaps .inner {text-align:center; height:125px; }
#side-handicaps .inner img {height:125px; width:auto;}

#side-inmemory {background:#fff; padding:20px; margin-bottom:10px; float:right; width:130px;}
#side-inmemory h4 {margin-top:0; margin-bottom:5px; font-size:18px; color: #293037; text-align:center;}
#side-inmemory .inner {text-align:center;height:125px;}
#side-inmemory .inner img {height:125px; width:auto;}
#side-inmemory #inmemory-member-side {text-align:center; height:125px;}
#side-inmemory #inmemory-member-side-image img {height:103px; width:auto;}
#inmemory-member-side-image {height:110px;}
#inmemory-member-side-name a {font-weight:bold; color:#293037;}

#side-banner-primary {margin-bottom:10px; background:#fff;}
#side-banner-primary img {width:100%; height:auto;}

#header {margin-bottom:10px;}
#header-title {padding:0;  margin-bottom:10px;}
#header-title-main {display:none; font-size:32px; font-weight:700; line-height:1; margin-bottom:6px; color:#30a510;}
#header-title-sub { display:none; font-size:14px; font-weight:600; line-height:1; color:#889094;}
#header-title a {display:block; height:100px; background-size:cover; background-position:top center; background-repeat:no-repeat; }

#header-nav {background-color:#238508; color:#fff; margin-bottom:10px;}
#header-nav a {color:#fff; text-decoration: none; text-transform:uppercase; display:inline-block; padding:4px 8px; font-weight:500; font-size:16px;}
#header-nav ul {list-style-type:none; margin:0; padding:0; text-align:center;}
#header-nav ul li {display:inline;}

.top-ad {background:#fff; padding:0px; margin-bottom:10px; text-align:center;}
.top-ad img {max-width:100%}
.main-content {background:#fff; padding:16px 24px; margin-bottom:10px;}
.error-msg {background:rgb(255, 53, 53) !important; color:#fff;}
.success-msg {background:#33de03 !important; color:#fff; font-weight:bold;}

.main-content h1 {font-size:1.66rem; text-align:center;color:#30a510; margin-top:4px; margin-bottom:10px;}
.main-content h1.regformtitle { text-align:left;color:#293037;}
.main-content h2 {font-size:1.25rem; text-align:center;color:#30a510}

#footer {background-color:rgba(0,0,0,0.6); color:#fff; padding:16px 24px 24px 24px;}
#footer-title-main {display:block; font-size:21px; margin-top:10px; margin-bottom:5px;}
#footer-title-sub {display:block; font-size:14px;}
#footer a {text-decoration:none; color:#ddd; }
#footer a:hover {color:#fff;}
.footer-col {float:left; }
.footer-col-1 {width:50%; margin-right:30px; text-align:center;}
.footer-col-2 {width:15%; margin-right:30px;}
.footer-col-3 {width:15%; }
.footer-menu, .footer-contact {list-style-type:none; padding-left:0;}

.players-row {display: flex; justify-content:center; padding: 0 10px 10px 10px;}
.player {width:16.5%; text-align:center; padding:10px; font-weight:600;}
.player-image p {margin:0; padding:0; text-align:center;}
.player-image img {height:100px; width:auto; border-style: none none solid none; border-width:3px; border-color:#30a510;}

#tournament-goty .player {width:100%}

.tournament-details-container {float:left;position: relative;left: 50%; }
.tournament-details-container > div {float: left; position: relative; left:-50%; }
.course-logo {text-align:center;}
.course-logo img { max-height:100px; width:auto;}
.tournament-details-data {text-align:center;}
.tournament-details-data p {margin:4px 0;}

#tournament-details {}
#tournament-details-flights {}
#tournament-top25 {}

#registration-payment {float:left; margin-left:60px;}
#registration-payment-qr {margin-bottom:30px;}
#registration-payment-qr .payment-title {text-transform:uppercase; margin:6px 0 4px 0;}
#registration-payment-qr .payment-line1, 
#registration-payment-qr .payment-line2 {margin:4px 0;} 

#registration-payment-qr-details {font-size: 0.85rem}
#registration-payment-qr-details p {margin-top:0; margin-bottom:10px; line-height:1;}

.form {padding:20px 0;}
.form-membership {width:66%; margin-left:17%;}

.formrow {clear:both; margin-bottom:12px; padding:4px 0;}
.formfield {padding-right:30px; box-sizing:border-box;}
.form label {display:block; font-weight:500;}
.form .radiogroup label, 
.form .radiogroup input {display:inline;}
.formfield20 {width:19.99%; float:left;}
.formfield25 {width:24.99%; float:left;}
.formfield33 {width:33.33%; float:left;}
.formfield50 {width:49.99%; float:left;}
.formfield66 {width:66.66%; float:left;}
.formfield75 {width:74.98%; float:left;}
.formfield100 {width:99.99%; float:none;}

.formfieldcity {width:33.33%; float:left;}
.formfieldstate {width:16.66%; float:left;}
.formfieldzip {width:16.66%; float:left;}

.radiogroup-item {display:block; margin-bottom:4px;}

.formselect {background:white; border:1px solid #ccc; padding:4px 8px; width:100%; font-size:0.95rem;}
.forminput {background:white; border:1px solid #ccc; padding:5px 8px; width:100%; font-size:0.95rem;}
.forminput50 {width:50px;}
.forminput80 {width:80px;}
.forminput120 {width:120px;}
.forminput200, .formselect200 {width:200px;}

.error .formselect, .error .forminput {border:1px solid #c00; color:#c00;}
.error {color:#c00;}

.btnsubmit {border:0; background-color:#30a510; color:#fff; font-size:1.25rem; padding:16px 32px; font-weight:600; line-height:1; margin-top:24px; transition:all 0.5s ease;}
.btnsubmit:hover {background-color:#3fc11b;}

.regformtitle {clear:both;}
.title_counter {float:right; font-size:0.9rem;}

.paring {border:1px solid #ccc; margin-bottom:20px;}
.paring-hole {float:left; border-right:1px solid #ccc; width:220px; text-align:center;}
.paring-hole-no {font-size:36px; font-weight:800; line-height:1; padding:40px 0 35px 0;color:#30a510}
.paring-hole-hole {background:#30a510; color:#fff; padding:15px 0; line-height:1; font-size:18px;}
.paring-players {float:right; width:540px; padding-top:10px;}
.paring-player {display:block; padding:10px 0; line-height:1;}

#leaderboard_btn {color:#fff; margin-bottom:10px; text-align:center;}
#leaderboard_btn a {display:block; color:#fff9f9; background:#cb110a; text-decoration:none; padding:30px 30px 24px 30px; text-align:center; font-size:30px; font-weight:900; line-height:1; transition:all 0.5s ease;}
#leaderboard_btn a:hover {color:#fff;background:#f4120b; }

.member_row {position:relative;}
.member_image { position:absolute; top:0; left:-100px; border:10px solid #fff; background:#fff; }
.nomember_image {display:inline-block; width:80px; height:100px; text-align:center; }
.nomember_image i {font-size:60px; line-height:100px; color:#ccc;}
.member_row .member_image {display:none;}
.member_row:hover .member_image, .member_row:focus .member_image {display:block;}

.ad { width:100%; line-height:1; background:#fff; text-align:center;}
#main_ads, .adt, .adt a {width:100%; height:60px;}
#side_ads, .ads, .ads a {width:100%; height:200px;}
.adt a, .ads a {background-repeat:no-repeat; background-position:center center; background-size:contain; display:block;}

#main_ads {height:80px;}
#side_ads {height:210px;}
.red {color:#c00;}

.top25_separator {position:relative; height:26px;}
.top25_separator_line {position:absolute; top:0; left:0; width:1100px; text-align:center; background:#30a510; color:#fff; font-weight:700; height:26px; line-height:26px;}

#tournament-results a {display:block; text-align:center; text-decoration:none; font-size:1.1rem; font-weight:500; line-height:1; background:#30a510; color:#fff; padding:20px 0; transition:all 0.5s ease;}
#tournament-results a:hover {color:#fff;background:#278d0b; }

.payment-details {display:none; padding:20px 0; border-top:1px dotted #777; border-bottom:1px dotted #777;}
.info-new, .info-member {display:none;}

#payment-details-zelle-qr .payment-title {text-transform:uppercase; margin-bottom:0;}
#payment-details-zelle-qr .payment-line1,
#payment-details-zelle-qr .payment-line2 {margin:2px 0;}

#in-memory-of-memberslist {padding:20px 20px;}
.inmemoryof-member {float:left; width:12.5%; text-align:center; padding-bottom:20px;}
.inmemoryof-member .inmemoryof-member-image img {height:100px; width:auto; border-bottom:5px solid #000; transition:all 0.4s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.inmemoryof-member .inmemoryof-member-name a {color:#222; transition:all 0.4s ease;}
.inmemoryof-member:hover .inmemoryof-member-image img { border-bottom:5px solid #30a510; -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.inmemoryof-member:hover .inmemoryof-member-name a  {color:#30a510;}

#inmemory-memberpage {width:76%; margin-left:12%; padding-top:10px; padding-bottom:30px;}
#inmemory-memberpage-left {float:left; width:190px;}
#inmemory-memberpage-right {float:right; width:640px;}
#inmemory-memberpage-image {padding:10px 0;}
#inmemory-memberpage-image img {height:133px; width:auto;}
#inmemory-memberpage-name {font-size:1rem; font-weight:bold;}

.redbtn1 {margin-bottom:10px; display:block; color:#fff9f9; background:#cb110a;font-weight:900; line-height:1; transition:all 0.5s ease; text-align:center; padding:20px; font-size:1.1rem;}
.redbtn1:hover {color:#fff;background:#f4120b; }

#leaderboard_btn_full {margin-bottom:10px; display:block; color:#fff9f9; background:#3bacfb;font-weight:900; line-height:1; transition:all 0.5s ease; text-align:center; padding:18px; font-size:1.5rem;}
#leaderboard_btn_full:hover {color:#fff;background:#58e033; }
#leaderboard_btn_full span {display:block; font-weight:700; font-size:1rem;}

#gallery {padding:20px 30px;}
.gallery-images {}
.gallery-thumb { float:left; width:18%; padding:10px;}
.gallery-thumb-archive {width:12.25%;}
.gallery-thumb img {width:100%; height:auto;}
.gallery-thimb-title {padding-top:5px;}
.gallery-thimb-title a {color:#222; transition:all 0.4s ease;}
.gallery-thimb-title a:hover {color:#30a510;}


.archive-item {background:#fff; padding:15px 20px; margin:0 10px 10px 0; float:left; width:240px; transition:all 0.4s ease;}
.archive-item-last {margin:0 0 10px 0; }
.archive-item h4 {color:#293037; font-size:18px; margin:0 0 5px 0; padding:0; transition:all 0.4s ease;}
.archive-item a {font-weight:700; transition:all 0.4s ease;}
.archive-item-list {list-style-type:none; margin-left:0; padding-left:0; margin-bottom:5px;}

.archive-item:hover {background:#30a510;}
.archive-item:hover a, .archive-item:hover a:focus, .archive-item:hover a:active, .archive-item:hover h4 {color:#fff;}

table#tournaments .fas::before {font-size:1.25rem;}

#uploads ul {list-style-type:none; margin-bottom:20px; padding-top:20px;}
#uploads ul li {display:block; padding-bottom:5px;}
#uploads ul li a {font-weight:bold;}

.members_announcement {padding-top:10px; padding-bottom:10px; margin-bottom:40px; border-bottom:1px solid #d0d0d0;}







