:root{
  --rgc-navy:#003896;
  --rgc-blue:#0085ca;
  --rgc-green:#89b55c;
  --rgc-ink:#18304d;
  --rgc-body:#43566a;
  --rgc-body-strong:#344b63;
  --rgc-muted:#64788d;
  --rgc-line:#dfe9f0;
  --rgc-card-radius:24px;
  --rgc-item-radius:18px;
  --rgc-card-shadow:0 8px 24px rgba(20,55,90,.07);
}

/* Proefstijl voor de start- en nieuwspagina. */
.main>.title{
  position:relative;
  margin-bottom:14px;
  padding-bottom:12px;
  color:var(--rgc-navy);
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.03em;
}
.main>.title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:52px;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--rgc-blue),var(--rgc-green));
}
.main>.subtitle{
  color:#52677a;
  font-weight:500;
}
.main .card{
  margin-bottom:20px;
  padding:20px 20px 22px;
  border-left-width:7px;
  border-radius:var(--rgc-card-radius);
  box-shadow:var(--rgc-card-shadow);
}
.main .meta{
  gap:10px;
  margin-bottom:16px;
  color:var(--rgc-blue);
  font-size:12px;
  line-height:1.3;
  letter-spacing:.1em;
}
.main .meta.green{color:#5d9b43}
.main .round-icon{width:36px;height:36px}
.main .round-icon svg{width:22px;height:22px}

.main .card.green{
  position:relative;
  overflow:hidden;
  border-left:0;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.2) 0 58px,transparent 59px),
    linear-gradient(135deg,#003896 0%,#006eb6 58%,#5b9c69 100%);
  box-shadow:0 15px 34px rgba(0,56,150,.22);
}
.main .card.green::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-76px;
  width:190px;
  height:190px;
  border:34px solid rgba(255,255,255,.08);
  border-radius:50%;
  pointer-events:none;
}
.main .card.green>*{position:relative;z-index:1}
.main .card.green>.meta{
  display:inline-flex;
  width:max-content;
  padding:7px 12px 7px 8px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.13);
  color:#fff;
  backdrop-filter:blur(4px);
}
.main .card.green .round-icon{background:rgba(255,255,255,.16)}
.main .card.green .round-icon svg{stroke:#fff}

.main .card.green>h2{
  margin:0 0 12px;
  color:#fff;
  font-size:20px;
  line-height:1.35;
  letter-spacing:0;
  font-weight:800;
}
.main .card.green>p{
  margin:0 0 14px;
  color:rgba(255,255,255,.94);
  font-size:17px;
  line-height:1.55;
  font-weight:500;
}
.main .card.green>p:last-child{margin-bottom:0}
.main .card.green>p strong{color:#fff}

.main .news-feed>h2{
  margin:0 0 16px;
  color:var(--rgc-navy);
  font-size:24px;
  line-height:1.2;
  letter-spacing:0;
  font-weight:800;
}
.main .news-feed>.meta{
  display:inline-flex;
  width:max-content;
  padding:7px 11px;
  border-radius:999px;
  background:#e7f5fb;
}
.main .news-feed>.meta.green{background:#edf7e9}
.main .news-grid{gap:14px}
.main .news-item{
  border-color:var(--rgc-line);
  border-radius:var(--rgc-item-radius);
  box-shadow:0 8px 22px rgba(20,55,90,.09);
}
.main .news-copy{padding:16px 16px 18px}
.main .news-date{
  margin-bottom:8px;
  color:var(--rgc-muted);
  font-size:14px;
  line-height:1.4;
}
.main .news-item h3{
  margin:0 0 10px;
  color:var(--rgc-navy);
  font-size:17px;
  line-height:1.5;
  letter-spacing:0;
  font-weight:800;
}
.main .news-item p{
  margin:0 0 14px;
  color:var(--rgc-body-strong);
  font-size:17px;
  line-height:1.55;
  font-weight:500;
}
.main .news-link,.main .more-news,.main .news-archive{
  font-size:16px;
  line-height:1.45;
}
.main .news-link{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:9px 13px;
  border-radius:12px;
  background:var(--rgc-navy);
  color:#fff;
  box-shadow:0 6px 14px rgba(0,56,150,.16);
}
.main .more-news{
  background:var(--rgc-navy);
  color:#fff;
  box-shadow:0 7px 16px rgba(0,56,150,.17);
}
.main .newsletter-arrow{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#e7f5fb;
}

@media(min-width:761px){
  .main>.title{font-size:44px}
  .main .card{padding:26px 26px 28px}
  .main .meta{font-size:13px}
  .main .card.green>p,.main .news-item h3,.main .news-item p{font-size:18px}
  .main .card.green>h2{font-size:22px}
  .main .news-feed>h2{font-size:28px}
}

/* Gedeelde appstijl voor de overige schermen. */
.rgc-ui-page{
  box-sizing:border-box;
  margin:0;
  padding:20px 18px 36px;
  background:linear-gradient(180deg,#eef5fa 0,#f5f8fa 250px);
  color:var(--rgc-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.rgc-ui-page *,
.rgc-ui-page *::before,
.rgc-ui-page *::after{box-sizing:border-box}
.rgc-ui-page :where(.rgc-proxy-wrap,.rgc-weather,.rgc-score-page,.rgc-status,.wrap,main){
  width:100%;
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
.rgc-ui-page :where(h1,.rgc-proxy-wrap>h1,.rgc-proxy-wrap>h2){
  position:relative;
  margin:0 0 14px;
  padding-bottom:13px;
  color:var(--rgc-navy);
  font-size:32px;
  line-height:1.1;
  letter-spacing:-.03em;
  font-weight:800;
}
.rgc-ui-page :where(h1,.rgc-proxy-wrap>h1,.rgc-proxy-wrap>h2)::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:52px;
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--rgc-blue),var(--rgc-green));
}
.rgc-ui-page :where(.kicker,.eyebrow,.rgc-kicker,.rgc-weather-kicker,.rgc-status-kicker){
  display:inline-flex;
  width:max-content;
  margin:0 0 10px;
  padding:7px 10px;
  border-radius:999px;
  background:#edf7e9;
  color:#5d9b43;
  font-size:12px;
  line-height:1.3;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
}
.rgc-ui-page :where(.intro,.rgc-intro,.rgc-page-intro,.rgc-weather-location,.rgc-status-updated){
  margin:0 0 22px;
  color:#52677a;
  font-size:17px;
  line-height:1.55;
  font-weight:500;
}
.rgc-ui-page :where(.card,.article,.rgc-card,.rgc-card-link,.rgc-weather-current,.rgc-radar,.rgc-status-card){
  border-radius:var(--rgc-card-radius);
  box-shadow:0 12px 30px rgba(20,55,90,.1);
}
.rgc-ui-page :where(.card,.article,.rgc-card,.rgc-card-link,.rgc-status-card){
  padding:20px 20px 22px;
}
.rgc-ui-page :where(.card,.article,.rgc-card,.rgc-card-link){margin-bottom:20px}
.rgc-ui-page :where(.card h2,.rgc-card-link h2,.rgc-status-card h2,.rgc-round-title){
  margin:0 0 10px;
  color:var(--rgc-navy);
  font-size:17px;
  line-height:1.5;
  letter-spacing:0;
  font-weight:800;
}
.rgc-ui-page :where(.card p,.rgc-card-link p,.rgc-status-card p,.intro,ol,ul){
  color:var(--rgc-body-strong);
  font-size:17px;
  line-height:1.55;
  font-weight:500;
}
.rgc-ui-page :where(a,.rgc-card-link span,.back){color:var(--rgc-navy)}
.rgc-ui-page :where(.open,.submit){background:var(--rgc-navy)}

/* Handig en de door de website aangeleverde kaarten. */
.rgc-ui-content-page .rgc-proxy-wrap{padding-top:0}
.rgc-ui-content-page .rgc-card-link{
  border-left-width:7px;
  border-radius:var(--rgc-card-radius);
  text-decoration:none;
}
.rgc-ui-content-page .rgc-card-link span{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  margin-top:14px;
  padding:9px 13px;
  border-radius:12px;
  background:var(--rgc-navy);
  color:#fff;
  font-size:16px;
  line-height:1.45;
  box-shadow:0 6px 14px rgba(0,56,150,.16);
}

/* Events: behoud de inhoud van de website, maar maak de typografie en vlakken rustig. */
.rgc-ui-events-page .rgc-proxy-wrap>div:first-child{padding-top:0!important}
.rgc-ui-events-page .rgc-proxy-wrap h1{
  position:relative!important;
  color:var(--rgc-navy)!important;
  font-size:32px!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
}
.rgc-ui-events-page .rgc-proxy-wrap :where(h2,h3,h4){
  color:var(--rgc-navy);
  line-height:1.35;
}
.rgc-ui-events-page .rgc-proxy-wrap :where(p,li){
  color:var(--rgc-body-strong);
  font-size:17px;
  line-height:1.55;
  font-weight:500;
}
.rgc-ui-events-page .rgc-proxy-wrap :where(article,.event,.events-list>div,.tribe-events-calendar-list__event-row){
  border-radius:var(--rgc-item-radius);
}

/* Weer, baanstatus en scores houden hun eigen dataverdeling, binnen dezelfde hiërarchie. */
.rgc-ui-weather-page .rgc-weather h1,
.rgc-ui-status-page .rgc-status h1,
.rgc-ui-score-page-shell .rgc-score-page h1{font-size:32px}
.rgc-ui-weather-page .rgc-weather h2{font-size:24px;line-height:1.25}
.rgc-ui-weather-page .rgc-weather-current{
  overflow:hidden;
  padding:20px;
  border-left:0;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.2) 0 58px,transparent 59px),
    linear-gradient(135deg,#003896 0%,#006eb6 58%,#5b9c69 100%);
  box-shadow:0 15px 34px rgba(0,56,150,.2);
}
.rgc-ui-weather-page .rgc-weather-now strong,
.rgc-ui-weather-page .rgc-weather-now span:last-child{color:#fff}
.rgc-ui-weather-page .rgc-weather-metric{
  background:rgba(255,255,255,.14);
  color:rgba(255,255,255,.88);
}
.rgc-ui-weather-page .rgc-weather-metric b{color:#fff}
.rgc-ui-weather-page .rgc-weather-advice{
  border:1px solid #d6ead0;
  box-shadow:0 6px 16px rgba(44,101,55,.08);
}
.rgc-ui-weather-page .rgc-radar-heading{padding:20px}
.rgc-ui-weather-page .rgc-radar h2{font-size:24px}
.rgc-ui-weather-page :where(.rgc-weather-hour,.rgc-weather-day){
  border-radius:var(--rgc-item-radius);
  box-shadow:0 8px 20px rgba(20,55,90,.08);
}
.rgc-ui-status-page .rgc-status-card{min-height:0;box-shadow:0 10px 24px rgba(20,55,90,.09)}
.rgc-ui-status-page .rgc-status-card.is-positive{background:linear-gradient(135deg,#fff,#f0f8ec)}
.rgc-ui-status-page .rgc-status-card h2{font-size:17px;margin-bottom:8px}
.rgc-ui-status-page .rgc-status-card p{font-size:17px;line-height:1.55}
.rgc-ui-status-page .rgc-status-note p{font-size:15px}
.rgc-ui-score-page-shell .rgc-score-page{padding:0}
.rgc-ui-score-page-shell .rgc-card{
  border-radius:var(--rgc-card-radius);
  box-shadow:0 12px 30px rgba(20,55,90,.1);
}
.rgc-ui-score-page-shell .rgc-note,
.rgc-ui-score-page-shell :where(.rgc-total,.rgc-course-hcp,.rgc-hole){border-radius:var(--rgc-item-radius)}
.rgc-ui-score-page-shell .rgc-note{
  border:0;
  background:linear-gradient(135deg,#003896,#0075b9);
  color:rgba(255,255,255,.94);
  box-shadow:0 10px 24px rgba(0,56,150,.18);
}
.rgc-ui-score-page-shell .rgc-note strong{color:#fff}
.rgc-ui-score-page-shell .rgc-reset{background:var(--rgc-navy);color:#fff;box-shadow:0 6px 14px rgba(0,56,150,.16)}

/* Contact en wedstrijden. */
.rgc-ui-contact-page .card{border-radius:var(--rgc-card-radius)}
.rgc-ui-contact-page .wrap>.card:first-of-type{
  overflow:hidden;
  border-left:0;
  background:
    radial-gradient(circle at 94% 8%,rgba(255,255,255,.19) 0 58px,transparent 59px),
    linear-gradient(135deg,#003896 0%,#006eb6 62%,#5b9c69 100%);
  box-shadow:0 15px 34px rgba(0,56,150,.2);
}
.rgc-ui-contact-page .wrap>.card:first-of-type :where(h2,.address,.notice p,.phone a){color:#fff}
.rgc-ui-contact-page .wrap>.card:first-of-type .notice{background:rgba(255,255,255,.13)}
.rgc-ui-contact-page .wrap>.card:first-of-type .phone-icon{background:rgba(255,255,255,.16);color:#fff}
.rgc-ui-contact-page .card>h2,
.rgc-ui-contact-page .form-card>h2,
.rgc-ui-competitions-page .card h2{font-size:17px}
.rgc-ui-contact-page :where(.address,.notice p,.form-card>p){font-size:17px;line-height:1.55}
.rgc-ui-contact-page .notice{border-radius:var(--rgc-item-radius);padding:18px}
.rgc-ui-contact-page .phone a{font-size:20px}
.rgc-ui-contact-page :where(.field input,.field textarea){font-size:17px}
.rgc-ui-contact-page .submit{box-shadow:0 7px 16px rgba(0,56,150,.18)}
.rgc-ui-competitions-page .card{border-radius:var(--rgc-card-radius)}
.rgc-ui-competitions-page .open{font-size:17px}
.rgc-ui-competitions-page .wrap>.card:first-of-type{
  overflow:hidden;
  border:0;
  background:
    radial-gradient(circle at 94% 8%,rgba(255,255,255,.19) 0 58px,transparent 59px),
    linear-gradient(135deg,#003896 0%,#006eb6 62%,#5b9c69 100%);
  box-shadow:0 15px 34px rgba(0,56,150,.2);
}
.rgc-ui-competitions-page .wrap>.card:first-of-type :where(h2,p){color:#fff}
.rgc-ui-competitions-page .wrap>.card:first-of-type .open{background:#fff;color:var(--rgc-navy);box-shadow:0 7px 16px rgba(0,30,80,.16)}

/* Nieuwsdetails en nieuwsbrieven: dezelfde kaart en rustige tekstmaat. */
.rgc-ui-news-detail-page main,
.rgc-ui-newsletter-page main{padding:0}
.rgc-ui-news-detail-page .article,
.rgc-ui-newsletter-page .article{border-radius:var(--rgc-card-radius)}
.rgc-ui-news-detail-page .article>.kicker,
.rgc-ui-newsletter-page .article>.kicker{background:#edf7e9}
.rgc-ui-news-detail-page .article h1{
  padding-bottom:0;
  margin:0 0 18px;
  color:var(--rgc-navy);
  font-size:17px;
  line-height:1.55;
  letter-spacing:0;
}
.rgc-ui-news-detail-page .article h1::after,
.rgc-ui-newsletter-page .article h1::after{display:none}
.rgc-ui-news-detail-page .body p{font-size:17px;line-height:1.55;color:var(--rgc-body)}
.rgc-ui-news-detail-page .images :where(img,video){border-radius:var(--rgc-item-radius)}
.rgc-ui-newsletter-page .article h1{padding-bottom:0;font-size:24px;line-height:1.25;letter-spacing:0}
.rgc-ui-newsletter-page .newsletter-content{color:var(--rgc-body);font-size:17px;line-height:1.55}
.rgc-ui-news-detail-page .back,
.rgc-ui-newsletter-page .back{
  background:var(--rgc-navy);
  color:#fff;
  font-size:16px;
  box-shadow:0 7px 16px rgba(0,56,150,.18);
}

@media(min-width:761px){
  .rgc-ui-page{padding:30px 32px 48px}
  .rgc-ui-page :where(h1,.rgc-proxy-wrap>h1,.rgc-proxy-wrap>h2),
  .rgc-ui-events-page .rgc-proxy-wrap h1,
  .rgc-ui-weather-page .rgc-weather h1,
  .rgc-ui-status-page .rgc-status h1,
  .rgc-ui-score-page-shell .rgc-score-page h1{font-size:44px!important}
  .rgc-ui-page :where(.card,.article,.rgc-card,.rgc-card-link,.rgc-status-card){padding:26px 26px 28px}
  .rgc-ui-page :where(.card h2,.rgc-card-link h2,.rgc-status-card h2,.rgc-round-title),
  .rgc-ui-contact-page .card>h2,
  .rgc-ui-contact-page .form-card>h2,
  .rgc-ui-competitions-page .card h2{font-size:18px}
  .rgc-ui-page :where(.card p,.rgc-card-link p,.rgc-status-card p,.intro,ol,ul),
  .rgc-ui-page :where(.intro,.rgc-intro,.rgc-page-intro,.rgc-weather-location,.rgc-status-updated),
  .rgc-ui-events-page .rgc-proxy-wrap :where(p,li),
  .rgc-ui-contact-page :where(.address,.notice p,.form-card>p),
  .rgc-ui-news-detail-page .article h1,
  .rgc-ui-news-detail-page .body p,
  .rgc-ui-newsletter-page .newsletter-content{font-size:18px}
  .rgc-ui-weather-page .rgc-weather-current{padding:26px}
  .rgc-ui-weather-page .rgc-weather h2,
  .rgc-ui-weather-page .rgc-radar h2,
  .rgc-ui-newsletter-page .article h1{font-size:28px}
}