/* @override 
	http://boreen.cycul.cc/css/custom.css */

/* Custom style sheets for BOREEN 

Colour
Brown #4F433E
Green #89C64D
Light Brown #ACAAAA
Grey #646969
Light Gray #e2e2e2
Orange #E7471B

10on12
*/


/* @group structure */


/* Navigation background */
nav.navbar.navbar-expand-md.navbar-dark.fixed-top.bg-dark {
	background-color: #4F433E !important
}

.bg-dark{background-color: #4F433E !important
}

ul.navbar-nav.mr-auto {
	float: right;
}

div.jumbotron {
	background-size: cover;
	text-align: center;
	background-color: white;
}

div.container-jumbo {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	
}

img.featurette-image.img-fluid.mx-auto {
	vertical-align: middle;
	display: inline-block;
}

footer.container-fluid {
padding-bottom: 100px;
	padding-top: 50px;
}

div.container-fluid.standfirst {
	background: url(../graphics/gravel-mon-2BW.jpg) center 8% no-repeat fixed #4F433E;
	background-size: auto;
	height: auto;
	text-align: center;
}

div.row.featurette.terrain.brownBG {
	background: url(../graphics/vestry-rdBW.jpg) center center no-repeat fixed #4F433E;
	background-size: auto;
	padding-top: 50px;
	padding-left: 20px;
	text-align: right;
}

div.row.featurette.teamevent {
	padding-top: 50px;
	padding-left: 20px;
}

div.row.featurette.brownBG {
	background: url(../graphics/gravelBG2.png) left top no-repeat fixed #4F433E;
	padding: 10px;
}



div.row.featurette.equipment {
	background: url(../graphics/galibierBG.png) right top no-repeat;
	padding-top: 50px;
	padding-right: 20px;
	padding-left: 20px;
}

div.row.featurette.safety {
	background: url(../graphics/safetyBG.png) right top no-repeat #4F433E fixed;
	padding-top: 50px;
	padding-left: 20px;
	padding-bottom: 30px;
	color: white;
}

div.row.hundred {
	background: #89C64D;
	color: white;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}


div.container.info {
	padding-top: 100px;
}


div.ride1 {
	margin-bottom: 700px;
}

div#winter {
	padding-bottom: 100px;
}
	
/* @end */



	/* @group Buttons */
	
	a.btn.btn-primary.btn-lg {
		background-color: rgba(242, 58, 58, 0.6);
		border-style: none;
	}
	
	a.nav-link.disclaimer {
		background-color: rgba(230, 71, 27, 0.6);
		
		color: #f6f6f6;
		border-radius: 10px;
		padding: 10px;
	}
	
	a.nav-link.disclaimer:hover {
		background-color: #E7471B;
		color: black;
	}
	
	button.btn.btn-primary.btn-lg.buy.nonci {
		margin-left: 15px;
	}
	
	#enter {
		text-align: center;
	}
	
div#enter a.btn.btn-buy{
		background-color: black;
		border-style: solid;
		border-color: #E7471B;
	}
	
	button.btn.btn-rules {
		color: white;
		background-color: #89C64D;
		margin-right: 10px;
		border-radius: 8px;
	}
	
a.btn.btn-light-green.btn-lg {
		background-color: #89C64D;
		font-size: 2em;
	}
	
p.entry-button {
	text-align: center;
	
}
	
	button.btn.btn-gps {
	color: white;
		background-color: #fa6a02;
		margin-right: 10px;
		border-radius: 8px;
	}
	
	button.btn.btn-rules.disclaimer {
		background-color: #e9bc00;
	}
	
	span.badge.badge-control {
		background-color: #e95900;
		color: white;
		padding: 5px;
	}
	
	span.badge.badge-manned, span.badge.badge-blind {
		color: white;
		background-color: gray;
		padding: 5px;
	}
	
	button.btn.btn-light {
		background-color: #fa6a02;
		border: none;
		
	}
	
	button.btn.btn-light a{
		color: #fcfcfc;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 2px;
	}
	
	ul li button.btn {
		background-color: white;
	}
		
	/* @end */



/* @group TYPE */

body {
	font-size: 1.1rem;
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 500;
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: #89C64D;
}

::selection {
  color: white;
  background: #89C64D;
}

.white-text {
	color: white;
}

.green-text {
	color: #89C64D;
}

.brown-text {
	color: #4F433E;
}

.grey-text {
	color: #646969;
}

.invis-text {
	display: none;
}

.strava {
	color: #e95900;
}

.body-bold {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 800;
}

.ital {
	font-style: italic;
}

a.navbar-brand {
	font-family: "newcastle-basic-clean";
	font-size: 1.9em;
	text-align:left;
	margin: 0;
}


.container-jumbo h1{
   font-family: "newcastle-basic-clean";
   font-size: 2.1em;
   letter-spacing: -0.05em;
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}


h1.display-3 {
	color: ##4F433E;
	margin-top: -30px;
}


h1, h2, h3, caption, span.cost, p.opener {
	font-family: "Tungsten A", "Tungsten B";
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}

h1 {
	font-size: 3.5em;
	letter-spacing: 0.1em;
}

h1.featurette-heading.event span.green-text {
	font-size: 2em;
	margin-bottom: -80px;
}

h1.featurette-heading.event span.green-text {
	font-size: 1.8em;
	margin-bottom: -80px;
}

h2 {
	font-size: 2.5em;
	letter-spacing: 0.1em;
}

.offers {
	padding-top: 50px;
}

.offers div.col-md-6.order-md-2 {
	text-align: center;
}

.teamevent h2, .teamevent h1 {
	background-color: white;
	color: #89C64D;
}

 h1.featurette-heading.event {
 	color: #89C64D;
 }

.safety h1, .event h1 {
	text-align: left;
}


p.lead, p.lead-team {
	line-height: 1.5em;
	font-size: 1.3em;
	margin-bottom: 50px;
}

.terrain p.lead.white-text {
	text-align: right;
	background-color: rgba(79, 67, 62, 0.20);
	font-weight: 500;
}

p.lead-team {
	background-color: white;
	opacity: 0.8;
}

p.describe {
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

p.intro {
	font-size: 2.3rem;
	line-height: 3rem;
	color: white;
	text-align: center;
	font-weight: bold;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}

p.intro2 {
	font-size: 2.5rem;
	color: white;
	padding-top: 50px;
	padding-bottom: 50px;
}

p.opener {
	font-size: 1.6em;
	color:white;
}

span.badge.badge-danger {
	background-color: #E7471B;
}

.standfirst p {
	text-align: center;
}

.standfirst h1 {
	font-size: 2.5rem;
	line-height: 5rem;
	padding: 4rem 0 2rem;
}

.equipment h1 {
	text-align: left;
}

.brownBG h1 {
	text-align: left;
}

.pen {
	color: #f31616;
}

h1.armagh {
	padding-top: 0;
	font-size: 4em;
	text-align: center;
	color: #89C64D;
}

h2.armagh {
	padding-top: 10px;
}

.terrain h2 {
	text-align: right;
}

h3.armagh {
	padding-top: 50px;
	margin-bottom: -3px;
	text-align: center;
}

.terrain h1 {
	text-align: right;
}


h2.armagh {
	text-align: center;
}

.describe{
	font-size: 1.5em;
	line-height: 1.7em;
}

.info h5 {
	color: #89C64D;
	font-weight: bold;
}

p.footnote {
	font-size: 1rem;
}

p.footnote.footer-left {
	text-align: center;
}

p.downloadGPS {
	display: block;
}

div.modal-body h3 {

	font-weight: 700;
	color: #4F433E;
	font-size: 1.5em;
	letter-spacing: 0.1em;	
}

span.enter-text {
	font-size: 1.2rem;
	font-style: italic;
	display: inline-block;
}

span.cost {
	font-size: 3rem;
	letter-spacing: 0.05em;
	margin-bottom: -20px;
	margin-top: -30px;
	padding: 0;
	
}


/* @end */

/* @group Navigation */

#navbarsExampleDefault {
	padding-top: 15px;
}

#navbarDropdown {
	background: none;
}

/* @end */


/* @group IMAGES */

img.team {
	padding-bottom: 10px;
}


div#navbarsExampleDefault.collapse.navbar-collapse {
	height: 100px;
}

.big-logo {
	margin-top: 50px;
}

i.far.fa-file-archive.fa-3x {
	color: #e95900;
	text-align: center;
}



body main div.container-fluid div.row.featurette.teamevent div.col-md-7.order-md-1.text-center img {
	width: 100%;
}

/* @end */

/* @group Lists */

ul.result-list li a {

	color: #4F433E;
	font-size: 1.5em;

}

.result-list li {
	list-style-type: none;
	text-align: center;
	p
	padding-top: 1em;
	padding-bottom: 2em;
	border-bottom: 1px dashed #4F433E;
}

/* @end */

/* @group Modals  */

#exampleModalLabel {
	font-size: 2rem;
	font-weight: bold;
	color: #4F433E;
}

/* @end */



/* @group Tables*/

thead {
  position: sticky;
  top: 50px;  /* 0px if you don't have a navbar, but something is required */
  background: white;
}


.signon {
   margin: 0 auto;

}

p.image-center {
	text-align: center;
}


.ride-detail th {
	font-family: "Archer A", "Archer B";
	font-style: normal;
	font-weight: 800;
	text-align: left;
	width: 25%;
	padding-left: 10px;
	
}

.ride-detail td {
	width: 70%;
	
}

.ride-detail th i {
	color: #4F433E;
	padding-right: 5px;
}

.detail-header {
	font-size: 3em;
}

caption {
	caption-side: top;
  	text-align: center;
  	font-size: 2em;
  	letter-spacing: 0.1em;
  	background-color: #4F433E;
	color: #f6f6f6;
}

/* @end */

/* @group Maps Group */

.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;

}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;

}

.overlay {
  position: relative;
  width: 100%;
  height: 450px;
  top: 450px;
  margin-top: -450px;
  z-index: 1;
}

/* @end */

/* @group Links */

a, a.btn-enter:link {
  color: white;
}

#footer, a:link{
  color: #89C64D;
  
}

div#Modal-covid a {
	font-weight: bold;
	color: #89C64D;
}

#boreenRules a, #boreenRules a:hover {
	color: #89C64D;
}

a.murphy:hover {
	color: white;
	background-color: #89C64D;
	text-decoration: none;
}

footer a, footer a:hover {
	color:  #89C64D;
}


a.greenBG:link, a.gps:link  {
 	border-radius: 5px;
  	color: #ffffff;
  	background: #89C64D;
  	padding-left: 4px;
  	padding-right: 3px;
}

#boreenGPS div.modal-dialog div.modal-content div.modal-body ul.gps li a {
	color: #e95900;
}

a.footera:link{
	color: #e95900;
}

.downloadGPS a:hover  {
	color: #e95900;
	text-decoration: none;
	transition: 0.8s;
	text-align: center;
}

a:hover {
	color: white;
	text-decoration: underline;
}

a.dropdown-item:active {
	background-color: #4F433E;
}



/* @end */

/* @group MOBILE */

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {


}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {

div.container-fluid.standfirst {
	background: url(../graphics/mapBG.png) center center no-repeat fixed #4F433E;
	
}
		
div.row.featurette.terrain.brownBG {
	background: url(../graphics/gravelBG-Mob.png) center center no-repeat fixed #4F433E;

}


}

	
/* Large devices (laptops/desktops, 992px and down) */
@media only screen and (max-width: 992px) {



}


/* Extra large devices (large laptops and desktops, 1200px and down) */
@media only screen and (max-width: 1200px) {




} 

/* @end */