/* Site CSS */
:root {
--grid-gap: 0px;
--font1: Verdana, sans-serif;
--font2: 'Marcellus', serif;;
--font-size: 16px;
--theme_background_1: rgb(51, 18, 88);
--theme_foreground_1: #fff;
--theme_background_2: rgb(227, 227, 227);
--theme_foreground_2: #000;
--theme_background_3: rgb(241, 241, 241);
--theme_foreground_3: #000;
--body_foreground: #000;
--body_background: rgb(165, 191, 225);
--block_color_1:var(--theme_background_1);
--block_color_1_alt:var(--theme_foreground_1);
--block_color_2:var(--theme_background_2);
--block_color_2_alt:var(--theme_foreground_2);
}
body {
background-color:rgb(165, 191, 225);
color:#000;
}
article h1, aside h1, footer h1 {
color:#331258;

}
article h2, aside h2, footer h2 {
color:#331258;

}
article h3, aside h3, footer h3 {
color:#331258;

}
article h4, aside h4, footer h4 {
color:#331258;

}
article h5, aside h5, footer h5 {
color:#331258;

}
article h6, aside h6, footer h6 {
color:#331258;

}
main {
max-width:1280px;
margin:0 auto;
}
@media(min-width: 600px) {
main {
margin:1rem auto;
}
}
header {
background-color:rgb(51, 18, 88);
color:rgb(255, 255, 255);
grid-template-areas:'';
min-height:360px;
}
header div#inner {
height:360px;
}
.header_logo, .header_bar_logo {
background-image:url('https://web-cdn.org/s/1431/logos/Gairloch-Boat-Club.png?r=82444&maxwidth=1920&maxheight=600');
}
#header_bar {
min-height:100px;
background-color:rgb(51, 18, 88);
color:rgb(255, 255, 255);
}
nav {
background-color:rgb(51, 18, 88);
color:rgb(255, 255, 255);
border-top:6px solid rgb(51,18,88);
border-bottom:6px solid rgb(233,224,56);
}
nav a {
color:rgb(255, 255, 255);
}
nav ul ul {
background-color:rgb(51, 18, 88);
color:rgb(255, 255, 255);
}
nav li:hover, nav li:active, nav li:hover>a, nav li:active>a, nav a.on, nav li.on, #menu_opener:hover::before, nav ul ul li:hover, nav ul ul li:hover>a {
background-color:rgb(233, 224, 56);
color:rgb(0, 0, 0);
}
nav ul {justify-content:center;}
article {
background-color:rgb(255, 255, 255);
color:#000;
}
aside {
background-color:rgb(241, 241, 241);
color:#000;
}
footer {
background-color:rgb(51, 18, 88);
color:rgb(255, 255, 255);
border-top: 6px solid rgb(233,224,56);
}
@media(min-width: 780px) {
article section {padding: 2rem 2rem;}
aside section {padding: 2rem 2rem;}
footer section {padding: 2rem 2rem;}
}
section.breadcrumb, section.breadcrumb:nth-child(odd) {
background-color:#555555;
color:#ffffff;
}
section.breadcrumb a {
color:#ffffff;
}
#breadcrumbhomeicon {fill:#ffffff;}
@media(min-width: 1000px) {
.header_heading {align-self:center;justify-self:center;}
.header_subheading {align-self:center;justify-self:center;}
}
body#p13876 {}
body#p13877 {}
body#p13878 {}
body#p13879 {}
body#p13888 {}
body#p13890 {}
body#p13891 {}
body#p13892 {}
body#p13893 {}
body#p13894 {}
body#p13948 {}
body#p14203 {}
body#p16627 {}
body#p16631 {}
body#p17380 {}
/* Custom CSS */
.header_heading {
font-size:50px;
padding:1rem 3rem;
margin:0 1rem;
background: rgba(0,0,0,.3);
}

@media only screen and (max-width: 600px) {
  .header_bar_logo {
    margin-top:1rem;
    padding:3rem;
  }
  #header_bar_1369 {display:none;}
}

@media only screen and (min-width: 601px) {

main {
-webkit-box-shadow: 0 0 0 4px rgba(255,255,255,1),0 0 3px 4px rgba(0,0,0,.6);
box-shadow: 0 0 0 4px rgba(255,255,255,1),0 0 3px 4px rgba(0,0,0,.6);
}

}

article table {width:100%;}
article table tr:nth-child(odd) {background:var(--theme_background_2);color:var(--theme_foreground_2);}
article table tr:nth-child(even) {background:var(--theme_background_3);color:var(--theme_foreground_3);}
article table th {padding:4px 6px;background:var(--theme_background_1);color:var(--theme_foreground_1);}
article table td {padding:4px 6px;}

.racetitle {margin-top:2rem;}

@media only screen and (max-width: 600px) {
    /* hide columns on table on mobile */
    .racetable, .summarytable {	
	& tr>* {display:none;}
	
	& tr>*:nth-child(1) {display:table-cell;}
	& tr>*:nth-child(7) {display:table-cell;}
	& tr>*:nth-child(12) {display:table-cell;}
    }
}
@media only screen and (min-width: 601px) and (max-width: 900px) {
    .racetable, .summarytable {
	
	& tr>* {display:none;}
	
	& tr>*:nth-child(1) {display:table-cell;}
	& tr>*:nth-child(4) {display:table-cell;}
	& tr>*:nth-child(7) {display:table-cell;}
	& tr>*:nth-child(12) {display:table-cell;}
    }
}
