/*** general styling ***/
:root {
/*** color pallette ***/
	--white: #fff;
	--blue: #0065bd;
	--darkblue: #1c1f40;
}

/*** <div> overflow fix ***/
.clearfix::after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#gs-wrapper {
	margin: 32px;
}
@media only screen and (max-width: 840px) {
	#gs-wrapper {
		margin: 10px;
	}
}
@media only screen and (max-width: 480px) {
  #gs-wrapper, #gs-header h1 {
		margin-left: 8px;
		margin-right: 8px;
	}
}
@media only screen and (max-width: 480px) {
	#gs-header h1 {
		font-size: 28px;
	}
}
h1, h2, h3, h4, .gs-colour  {
  color: #1c1f40;
}
@media only screen and (max-width: 480px) {
	h2 {
		font-size: 20pt;
	}
}
#gs-content a:link, #gs-content a:visited,
#gs-contactDetails a:link, #gs-contactDetails a:visited {
  color: #1c1f40;
}
#gs-content a:link, #gs-content a:visited {
	text-decoration: none;
}
#gs-contactDetails a:link, #gs-contactDetails a:visited {
	text-decoration: underline;
}
#gs-content a:hover, #gs-contactDetails a:hover {
	color: #0065bd;
}
#rss-pga a:link, #rss-pga a:visited, .rss-white,
#gs-bnr-img-title a:link, #gs-bnr-img-title a:visited {
  color: #fff;
}
#rss-pga a:hover {
  color: #0065bd;
}
#gs-bnr-img-title a:hover {
	color: #0065bd;
}
#rss-pga {
  font-weight: bolder;
}

/*** nation select ***/
.gs-nation-select-block {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.gs-nation-select-block > div {
	margin: 0 10px;
}
.gs-nation-select-button {
	padding: 15px 50px;
	color: #fff;
	border: 1px solid #1c1f40;
	background-color: #1c1f40;
	cursor: pointer;
}

/*** course list styling ***/
#gs-search-form-container {
	display: inline-block;
	width: 100%;
}
#gs-search-form {
	width: 75%;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
@media only screen and (max-width: 840px) {
	#gs-search-form {
		width: 100%;
	}
}
.gs-query-box {
	display: inline-block;
	width: 37%;
}
@media only screen and (max-width: 480px) {
	.gs-query-box, .gs-submit-box {
		display: block;
		width: 100%;
	}
}	
.gs-submit-box {
	display: inline-block;
	width: 24%;
}
@media only screen and (max-width: 640px) {
	.gs-submit-box {
		width: 24%;
	}
}
#gs-search-button {
	width: 100%;
	padding: 15px 30px;
	color: #fff;
	border: 1px solid #1c1f40;
	background-color: #1c1f40;
	cursor: pointer;
}
@media only screen and (max-width: 480px) {
	#gs-search-button {
		margin-top: 5px;
	}
}
table#gs-course-list {
	width: 100%;
}
table, th, td {
	border: none !important;
}
table#gs-course-list tr:nth-child(odd) {
	background-color: #eee; /* lightgrey */
}
table#gs-course-list tr:nth-child(even) {
	background-color: #fff; /* white */
}
table#gs-course-list th {
	color: white;
	background-color: #1c1f40;
}
@media only screen and (max-width: 480px) {
  table#gs-greenfees2 {
		width: 100%;
	}
}
th {
	height: 50px;
	font-size: 14pt;
}
@media only screen and (max-width: 480px) {
	th {
		height: 50px;
		font-size: 8pt;
	}
}
td {
	font-size: 12pt;
}
@media only screen and (max-width: 480px) {
	td {
		font-size: 8pt;
	}
	th.gs-switch, td.gs-switch {
		display: none;
	}
}
td.center {
	text-align: center;
}
td.gs-img {
	width: 135px;
}
.gs-imgLogo {
	height: 50px;
	border: none!important;
}

/*** course template styling ***/
#gs-header, #gs-top-banner {
	position: relative;
	background-color: #1c1f40;
	background-size: cover;
	background-position: left center;
	background-repeat: none;
  height: 360px;
	margin-bottom: 20px;
}
#gs-bnr-img-title {
  position: absolute;
  bottom: 0px;
  left: 20px;
}
#gs-header, #gs-header h1, #gs-footer,
#gs-top-banner, #gs-top-banner h1 {
	color: white;
}
#gs-header h1 {
	margin: 152px 0px 0px 32px;
}
#gs-top-banner h1 {
	margin-top: 200px ;
  text-align: center;
}
#gs-logo {
	position: absolute;
	top: 32px;
	left: 32px;
	height: 100px;
}
@media only screen and (max-width: 480px) {
	#gs-logo {
		left: 8px;
	}
}
#gs-footer {
	background-color: #ccc; /* grey */
	background-size: cover;
	background-position: left center;
	background-repeat: none;
	padding: 20px 32px;
	font-size: 14px;
}
@media only screen and (max-width: 480px) {
  #gs-footer {
		padding-left: 8px;
		padding-right: 8px;
	}
}
#gs-footer a:link, #gs-footer a:visited {
	color: #fff; /* white */
}
#gs-footer a:hover {
	color: palegoldenrod;
}
#gs-contactDetails {
	width: 100%;
}
#gs-contactItems, #gs-socialMedia {
	display: inline-block;
	margin-right: 32px;
}
@media only screen and (max-width: 480px) {
	#gs-contactItems {
		width: 100%;
	}
}
.gs-contact {
	display: inline-block;
	width: 74px;
}
.gs-social {
	width: 50px;
}
@media only screen and (max-width: 480px) {
	.gs-social {
		display: inline-block;
		margin-top: 20px;
	}
}
#gs-address {
	margin-top: 10px;
	text-align: right;
}
#gs-content > div {
	margin-bottom: 20px;
}

/*** green fees styling ***/
#gs-weekday, #gs-weekend {
	display: inline-block;
	margin: 0px 32px 10px 0px;
}
.gs-ticket {
	display: inline-block;
	width: 120px;
}
table#gs-greenfees2 {
	width: 80%;
	font-size: 14pt;
	border: none;
}
table#gs-greenfees2 th {
	font-weight: bold;
	text-transform: capitalize;
	border: none;
}
table#gs-greenfees2 td {
	border: none;
}
table#gs-greenfees2 tr:nth-child(odd) {
	background-color: #fff; /* white */
}
table#gs-greenfees2 tr:nth-child(even) {
	background-color: #eee; /* lightgrey */
}
table#gs-greenfees2 th:nth-child(n+3):nth-child(-n+7),
table#gs-greenfees2 td:nth-child(n+3):nth-child(-n+7) {
	text-align: right;
}
table#gs-greenfees2 td:nth-child(n+3):nth-child(-n+7) {
	font-weight: bold;
	color: var(darkblue);
}

/*** map styling ***/
#gs-key {
	background-color: #b2cadf; /* lightblue */
	padding: 20px;
}
#gs-map {
	border: 1px solid #1c1f40;
	margin:0;
	padding: 0;
	width: 100%;
  height: 400px;
}
#gs-scot-map, #gs-eng-map, #gs-welsh-map, #gs-irish-map {
  border: 1px solid #1c1f40;
	margin:0;
	padding: 0;
	width: 100%;
}
#gs-scot-map {
  height: 2200px;
}
@media only screen and (max-width: 480px) {
  #gs-scot-map {
    height: 600px;
  }
}
#gs-eng-map {
  height: 1750px;
}
@media only screen and (max-width: 600px) {
  #gs-eng-map {
    height: 600px;
  }
}
#gs-welsh-map {
  height: 1500px;
}
@media only screen and (max-width: 480px) {
  #gs-welsh-map {
    height: 600px;
  }
}
#gs-irish-map {
  height: 1250px;
}
@media only screen and (max-width: 480px) {
  #gs-irish-map {
    height: 600px;
  }
}

/*** advert styling ***/
#gs-advertBox {
  display: grid;

  column-gap: 20px;
  row-gap: 20px;
	margin: 20px auto;
}
.gs-ad-box {
  display: inline-block;
  max-width: 960px;
  margin: 0px auto;
}
img.gs-advert {
  display: block;
  max-height: 360px;
	margin: 0px auto;
}
@media only screen and (max-width: 480px) {
  .gs-advert {
		width: 100%;
	}
}

/*** special offers styling ***/
#book-now-button {
  display: block;
  width: 50%;
  margin: auto;
}
@media only screen and (max-width: 480px) {
  #book-now-button {
		width: 100%;
	}
}
#book-now {
  background-color: lightblue;
  border: 7px lightgrey;
  border-style: ridge;
  border-radius: 20px;
  width: 100%;
  padding: 10px 0px;
  font-size: 48px;
  font-weight: bolder;
  color: white;
  cursor: pointer;
}
#book-now:hover {
  background-color: white;
  color: lightblue;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/*** feature styling ***/
.gs-featBox {
	display: inline-block;
	max-width: 320px;
}
.gs-featItem {
	display: inline-block;
	width: 50%;
}
.gs-featIcon {
	display: inline-block;
	text-align: center;
}

/*** video styling ***/
.gs-vid {
	margin-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .gs-vid {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
}

/*** news pages styling ***/
.gs-cstm-hdr {
  position: relative;
  height: 360px;
}

/*** europro tour styling ***/
#europro-banner {
  display: block;
  background-color: #1c1f40;
	color: white;
}
#europro-banner-img {
  display: block;
	margin: 50px auto 20px auto;
  border:none;
}
@media only screen and (max-width: 480px) {
  #europro-banner-img {
    display: block;
  	margin: 30px auto 20px auto;
    border: none;
  }
}
#europro-tagline {
	width: 100%;

  color: white;
}
.gs-top-title-subheading {
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}

/*** rss feed styling ***/
#rss-widget-block {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.rss-widget {
  font-family: sans;
  position: relative;
  display: inline-block;
  background-color: white;
  margin: 0px 1.5%;
  width: 30%;
  vertical-align: top;
}

@media only screen and (max-width: 840px) {
  .rss-widget {
    display:block;
    margin: 0px auto 20px auto;
    width: 100%;
  }
  #hdr-logo-block {
    left: 10px;
  }
}

#widget-header, #widget-footer {
  width: 100%;
}
#widget-content {
  padding-left: 20px;
  padding-right: 20px;
}
#widget-header {
  position: relative;
  background-image: url("https://www.golfscotland.net/wp-content/uploads/2022/01/europro_hdr_blu.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 165px;
  color: var(darkblue);
}
@media only screen and (max-width: 300px) {
  #widget-header {
    background-size: contain;
  }
}
#widget-date {
  position: absolute;
  top: 15px;
  right: 0px;
  background-color: #e5113c; /* red */
  height: 25px;
  padding: 3px 10px 2px 10px;
  font-size: 12px;
  font-weight: bolder;
  color: white;
}
#widget-content h2 {
font-size: 24px;
font-weight: bolder;
color: var(darkblue);
}
@media only screen and (max-width: 300px) {
	#widget-content h2 {
    font-size: 18px;
  }
}
#widget-footer {
  position: relative;
  height: 100px;
}
#widget-button {
  position: absolute;
  top: 20px;
  right:20px;
  border: 2px solid #1c1f40;
  padding: 10px 20px;
  color: var(darkblue);
  cursor: pointer;
}
#rss-feed-block h2 {
  font-size: 24px;
  font-weight: bolder;
}
#article-header h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
#article-date {
  font-size: 12px;
}

/*** special offers styling ***/
.special-offers-table, .society-offers-table, .open-comps-table {
  border: 1px solid #1c1f40;
	border-collapse: separate;
}
td.special-offers-list, td.society-offers-list, td.open-comps-list {
	background-color: #ccc;
}