/* NB Keep this separate from NavBar.css, so that button specifiers don't mess up nav buttons */


/* Avoid repetition in the navigation bar colour scheme */
/* Usage var(--nav-main-back); WITH NO SPACES! */
/* ALAS Internet Explorer doesn't like this! */
/* :root { */
/*   --gwent-brown: #903A3D; */
/*   --gwent-green: #004942; */
/* } */

body
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: 400;
	line-height: 150%;
	color: #000000;                /* #00312C; #003731; #004942; */
        /* margin-top: 30px; margin-left:30px; */
}

p
{
	margin-top: 3px;
	margin-left:16px;
}

b
{
	color: #004942;
}

i
{
	color: #903A3D;
}

a:link
{
	color: #0000FF; /* #6F8BBF; */
}

a:active 
{
	color: #00FFFF; /* #9674BF; */
}

a:visited
{
	color: #6020D0; /* #6020B0;  #9674BF; */
} 

table
{
	border:0;
	width:100%;
}

img
{

}

h1, h2, h3, h4, h5, h6
{
	font-family: Candara, Verdana, Arial, Helvetica, sans-serif; 
	color: #903A3D;
	margin-left:16px;
	line-height: 80%;
        /* text-decoration: underline; */
}

h1
{
	text-align: center;
	font-size: 300%; 
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2
{
	font-size: 200%; 
	font-weight: 400;
}

h3
{
	font-size: 160%; 
	font-weight: 400;
	margin-bottom: 6px;
}

h4
{
	font-size: 140%; 
	font-weight: 400;
	margin-bottom: 0px;
}

button {
    display: inline-block;
    border: 3px solid #204030;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    margin: 0;
    text-decoration: none;
    background: #f8f8f8;
    color: #204030;
    font-family: sans-serif;
    font-size: 1rem;
    margin-left:16px;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
}
button:hover,
button:focus {
    background: #e0e0e0;
}


/* An autosize table used for fixtures, awards list, committee, etc. */

.ftable {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	table-layout: auto;
	color: #204030;
	width:auto;
	margin-left:16px;
}

.ftable td, th {
	border: 1px solid #204030;
	text-align: left;
	color: #204030;
	padding: 8px;
}

.ftable tr:nth-child(even) {
	background-color: white;
}


/* An autosize table for the (long) list of clubs */

.ctable {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	table-layout: auto;
	color: #204030;
	width:auto;
	margin-left:16px;
}

.ctable td, th {
	border: 1px solid #204030;
	text-align: left;
	color: #204030;
	padding: 4px;
	padding-left: 8px;
}

.nframe {
	width:95%; 
	height:400px; 
	background:#FFFFFF; 
	border:2px solid grey
}

.resframe {
	margin-left:16px;
	width:1000px;
	height:2000px;
}

.simplediv {
	padding-left:16px;
	padding-right:32px;
	background: #FFFFFF;   
	border:1px solid #FFFFFF;
}

.simplefade {
	padding-left:16px;
	padding-right:32px;
	background-image: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));
	border-top:1px solid #FFFFFF;
}


/*                                      */
/*          Two block layout            */
/*                                      */


/*                                      */
/*            Index Page                */
/*                                      */
.twoblock-index { 
	border:0;
	overflow:hidden;
}

.twoblock-index div {
	padding: 10px;
	padding-top:0px;
}

.twoblock-index #one {
	float:left; 
	padding-left:16px;
	margin-right:20px;
	width:65%;
	background:#FFFFFF;   
}

.twoblock-index #two { 
	overflow:hidden;
	margin:10px;
	margin-top:0px;
	width:25%;
	background: #E8F3F0;
	border:2px solid #000;    
}

/*       Action for the above           */
@media screen and (max-width: 1100px) {
   .twoblock-index #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
  }

   .twoblock-index #two { 
    margin-right:0;
    width:auto;
  }
}



/*                                      */
/*            Declarations Page         */
/*                                      */
.twoblock-declarations { 
	border:0;
	display:flex; /* equal height of the children */
	overflow:hidden;
}

.twoblock-declarations div {
	padding: 10px;
	padding-top:0px;
}

.twoblock-declarations #one {
	float:left; 
	padding-left:16px;
	margin-left:16px;
	margin-right:10px;
	width:45%;
	background: #FFFFFF;
}

.twoblock-declarations #two { 
	overflow:hidden;
	margin-top:0px;
	margin-left:16px;
	width:40%;
	background: #E8F3F0;
	border:2px solid #000;    
}

/*       Action for the above           */
@media screen and (max-width: 1000px) {
   .twoblock-declarations { 
    display:initial;  /* Cancel display:flex */
    }

   .twoblock-declarations #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    }

   .twoblock-declarations #two { 
    margin-right:0;
    width:auto;
    background: #E8F3F0;
    }
}

/*                                      */
/*       Notices Page                   */
/*                                      */
.twoblock-notices { 
	border:0;
	overflow:hidden;
}

.twoblock-notices div {
	padding: 10px;
	padding-top:0px;
}

.twoblock-notices #one {
	float:left; 
	padding-left:16px;
	margin-right:20px;
	width:70%;
	background: #FFFFFF;
}

.twoblock-notices #two { 
	overflow:hidden;
	margin:10px;
	margin-top:0px;
	width:15%;
	background: #E8F3F0;
	border:2px solid #000;    
}

/*       Action for the above           */
@media screen and (max-width: 900px) {
   .twoblock-notices #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
  }

   .twoblock-notices #two { 
    margin-right:0;
    width:auto;
  }
}

/*                                      */
/*           About Cross-Country        */
/*                                      */
.twoblock-xc { 
	border:0;
	display:flex; /* equal height of the children */
}

.twoblock-xc div {
	padding:10px;
	padding-top:0px;
}

.twoblock-xc #one {
	float:left; 
	font-size: 16px; 
	padding-left:20px;
	padding-top:20px;
	padding-right:24px;
	margin-left:16px;
	margin-right:10px;
	width:37%;
	background: #F8E8E8;
	border:2px solid #000;    
}

.twoblock-xc #two { 
	overflow:hidden;
	margin-top:0px;
	margin-left:16px;
	width:48%;
	background: #E8F3F0;
	border:2px solid #000;    
}

/*       Action for the above           */
@media screen and (max-width: 1000px) {
   .twoblock-xc { 
    display:initial;  /* Cancel display:flex */
    }

   .twoblock-xc #one { 
    float: none;
    margin-right:0;
    width:auto;
    background: #FFFFFF;
    border:0;
    }

   .twoblock-xc #two { 
    margin-right:0;
    width:auto;
    }
}


/*                                      */
/*           Training Page              */
/*                                      */
.twoblock-training { 
	border:0;
	display:flex; /* equal height of the children */
}

.twoblock-training div {
	padding: 10px;
	padding-top:0px;
}

.twoblock-training #one {
	float:left; 
	font-size: 16px; 
	padding-left:16px;
	padding-top:6px;
	padding-right:24px;
	margin-top:0px;
	margin-right:10px;
	margin-left:16px;
	width:45%;
	background: #E8FFE8;
	border:2px solid #000;    
}

.twoblock-training #two { 
	overflow:hidden;
	margin-top:0px;
	margin-left:16px;
	width:40%;
	background: #E8F3FF;
	border:2px solid #000;    
}


/*       Action for the above           */
@media screen and (max-width: 1100px) {
   .twoblock-training { 
    display:initial;  /* Cancel display:flex */
    }

   .twoblock-training #one { 
    float: none;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:10px;
    width:auto;
    }

   .twoblock-training #two { 
    margin-right:0px;
    width:auto;
    }
}


/*                                      */
/*           Videos                     */
/*                                      */
.twoblock-video { 
	border:0;
	display:flex; /* equal height of the children */
}

.twoblock-video div {
	padding: 10px;
	margin-bottom:20px;
	margin-left:16px;
}

.twoblock-video #one {
	float:left; 
	width:600px;
	padding-left:16px;
	margin-right:20px;
	text-align: center;
	background: #E0F0F0;
	border:2px solid #000;    
}

.twoblock-video #two { 
	overflow:hidden;
	width:600px;
	text-align: center;
	background: #E0F0F0;
	border:2px solid #000;    
}

/*       Action for the above           */
@media screen and (max-width: 1350px) {
   .twoblock-video { 
    display:initial;  /* Cancel display:flex */
    }

   .twoblock-video #one { 
    float: none;
    margin-right:0;
    }

   .twoblock-video #two { 
    margin-right:0;
    }
}


/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 400px;
	bottom: 100%;
	left: 50%;
	margin-left: -200px; /* Use half of the width to center the tooltip */
	background-color: #F0F0F0;
	color: #903A3D;
	text-align: center;
	padding: 5px 0;
	border-radius: 0px;
 
	position: absolute;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}



/* For the Mailchimp email archive:  */
.display_archive {font-family: arial,verdana; font-size: 12px;}

.campaign {line-height: 125%; margin: 5px;}