/* Pheno2022.css overwrites for W3.CSS by Andrew Smith */


html,body{font-family:Verdana,sans-serif;font-size:17px;line-height:1.5; background-color: #faf9f0;}html{overflow-x:hidden}
body,p,li {color: #1b1c21 !important}
h1,h2,h3,h4,h5 {color: #529900 !important; }
h5 {color: #448000 !important; font-weight: 600;}

h1{font-size:48px}h2{font-size:36px}h3{font-size:30px}h4{font-size:24px}h5{font-size:18px; font-weight: bold;}h6{font-size:16px}

a {}


/* Colour scheme - holiday arrival */

.w3-theme-l5 {color:#000 !important; background-color:#fefccd !important} /* yellow */
.w3-theme-l4 {color:#000 !important; background-color:#fff3cc !important} /* orange */
.w3-theme-l3 {color:#000 !important; background-color:#fed030 !important} /* orange */
.w3-theme-l2 {color:#000 !important; background-color:#8fdd76 !important} /* green */
.w3-theme-l1 {color:#000 !important; background-color:#e7fcfe !important} /* blue */

.w3-theme-d1 {color:#000 !important; background-color:#a6d9bb !important} /* green */
.w3-theme-d2 {color:#000 !important; background-color:#8fdd76 !important} /* green */
.w3-theme-d3 {color:#fff !important; background-color:#1e9fd9 !important} /* blue */
.w3-theme-d4 {color:#fff !important; background-color:#0c69ad !important} /* blue */
.w3-theme-d5 {color:#fff !important; background-color:#567d1c !important} /* olive 1 */
.w3-theme-d6 {color:#fff !important; background-color:#73a626 !important} /* green */
.w3-theme-d7 {color:#fff !important; background-color:#2e6b47 !important} /* olive 2 */
.w3-theme-d8 {color:#fff !important; background-color:#007399 !important} /* blue */
.w3-theme-d9 {color:#fff !important; background-color:#f9354a !important} /* brown */

.w3-theme-light {color:#1b1c21 !important; background-color:#f3ecc8 !important}
.w3-theme-dark {color:#fff !important; background-color:#567d1c !important}
.w3-theme-action {color:#fff !important; background-color:#2b4669 !important}

.w3-theme {color:#1b1c21 !important; background-color:#f3ecc8 !important}
.w3-text-theme {color:#dedfdf !important}
.w3-border-theme {border-color:#dedfdf !important}

.w3-hover-theme:hover {color:#000!important; background-color:#f9f6e4 !important}
.w3-hover-text-theme:hover {color:#f9f6e4 !important}
.w3-hover-border-theme:hover {border-color:#f3ecc8 !important}

.w3-text-black,.w3-hover-text-black:hover{color:#000 !important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#269599!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f8f9fa!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#269599!important}

.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#f9f6e4 !important}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#fff !important;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#fff!important;color:#000}

.w3-content a { color: #0099cc; }
.w3-content a:hover {background-color: #ffc;}

.red {color: red !important; font-color: red !important;}
.fabig {color: #529900 !important; }
.reversed {-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg);unicode-bidi:bidi-override;  direction:rtl; }

p.update, span.update, div.update p, div.update strong {color: }

/* layout changes */


.w3-jumbo {font-size:5vw!important}
.w3-xxxlarge {font-size:3vw!important}

.w3-dropdown-hover .w3-button {width: 101%;}

@media only screen and (min-width: 768px) {
/*.w3-jumbo {font-size:64px!important}
.w3-xxxlarge {font-size:36px!important}*/


.w3-ul {list-style-type:none;padding:0;margin:0}
.w3-ul li {padding:8px 16px;border-bottom:1px solid #ddd}
.w3-ul li:last-child {border-bottom:none}

header {background-image: linear-gradient(#3f6699,#3f6699,#3eaad8,#aed973);}
header h1 {color: #88ff00 !important; text-shadow: 0px 0px 8px #448000; }

article.blurb {padding: 30px 20px 10px 20px; margin: 20px 0; background-color: #f9f6e4; border: 1px solid #c2cdd2; }
article ul li {padding:8px 12px;}
article ol li {padding:8px 12px;}
article p.top {text-align: right !important;}
article hr {border: 1px solid #c2cdd2; width: 50%; margin: 1px auto;}
p.top a {background-color: #2b4669; padding: 6px 9px; color: #eaeeef !important; text-decoration: none; font-size: 85%;}
p.top a:hover {background-color: #0d1b4c;  color: #eaeeef !important; text-decoration: none; }
article a {font-weight: 700;}

.centre {text-align: center;}
.right, p.top {text-align: right;}
.footnote {font-size:85%; }
.pink {color: #ff00c6 !important;}

dt {font-weight: bold !important;}
dd {margin: 0 0 20px 0 !important;}

#writing li {margin-top: 1em;}
#writing li p {margin-left: 1em;}

.anchor {padding-top: 40px !important;}

strong {font-weight:900; color: ;}

table.schedule {min-width: 200px !important; margin: 20px 0;}
td.break {font-style: italic; font-weight: 600; color: #012e6c !important; background-color: #ebdcad !important;}
td.no-session {font-style: italic; font-weight: 600; color: #012e6c !important;}
td.white {background-color: #fff !important}
td.right, th.right {text-align: right;}
td.centre, th.centre {text-align: center;}


table.ratings {font-size: medium; background: white; border: 1px solid #a8b7bf; border-collapse: collapse; width: 100%; margin-top: 40px;}
table.ratings td, table.ratings th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table.ratings th {background-color: #355681; color: #ffffff !important;}
table.ratings td:first-child {width: 25%;}
table.ratings td:last-child {width: 75%;}
table.ratings caption { display: none;}

.placeholder {width: 500px; height: 250px; background: #cc0; margin: 20px 0;}
.blurb-image {border: 2px solid #758d99; }

/* rego form */

.disabled {display: none;}
fieldset { margin-top:1em; background-color: #f1f3f5 !important;}
note {display: block; float: right; width: 250px; font-size: 75%; border: 1px solid #a8b7bf; background-color: #e3e8ea; padding: 0 10px;}
legend { background-color:#8fdd76 !important; padding: 0 1em 0 1em; font-weight: bold; font-size: 110%;}
#user {display: block; font-weight: bold; font-size: 24px; padding: 15px 10px 10px 15px; }
table#games th, table#fees th {text-align: left !important;}
td.checkbox {text-align: center !important; }

/* colours match w3-theme-d5,d6 and d7 */
#submitbutton input { background: #567d1c !important; color: #fff !important; border: 1px solid white; padding: 8px 12px; }
#submitbutton input:hover { background: #73a626 !important; color: #fff !important; }
#submitbutton input:active { background: #2e6b47 !important; color: #fff !important; }

.edit input {background: #567d1c !important; color: #fff !important; border: 1px solid white; padding: 8px 12px; }
.edit input:hover {background: #73a626 !important; color: #fff !important;}
.edit input:active {background: #2e6b47 !important; color: #fff !important;}

.pay input {background: #567d1c !important; color: #fff !important; border: 1px solid white; padding: 8px 12px; width: 220px;}
.pay input:hover {background: #73a626 !important; color: #fff !important;}
.pay input:active {background: #2e6b47 !important; color: #fff !important;}


table#conflicts {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#conflicts td, table#conflicts th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; }
table#conflicts th {font-weight: normal; }
table#conflicts td {text-align: center;}

table#banquet {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#banquet td, table#banquet th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table#banquet th {font-weight: normal;}

#checkDetails ol { float:left; list-style:none; display:block; width:100%; margin:0 }
#checkDetails li { float:left; list-style:none; display:inline; margin-left:10px; padding:5px 0px; line-height:130%; }
#checkDetails li.head1 { text-align:left; padding-left:1em; width:180px;  }
#checkDetails li.label { text-align:left; font-weight:bold; padding-left:1em; width:180px; }
#checkDetails li.value { text-align:left; padding-left:1em; width:375px; }
#checkDetails li { }
#checkDetails table tr td { width:8%; }
#checkDetails h2 { text-align:left; }
#checkDetails form p.edit input {margin-top: 20px; }

table#fees td {padding-left: 2em;}

table#payments {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#payments td, table#payments th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table#payments th {font-weight: normal;}

table#payments2 {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#payments2 td, table#payments2 th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table#payments2 th {font-weight: normal;}

playeredit { display:block; width:63%; margin:0 5px 10px 0px; padding:12px; background-color: white; border:1px solid #c2cdd2; }
playeredit ul { text-decoration:; display:inline; margin:30px 50px; }
playeredit li { text-decoration:; display:inline; margin: 0px 20px; }
playeredit li.name { width:40%; }
playeredit li a { color:#0900b3; text-decoration:none; }
playeredit li a:link, playeredit li a:visited, playeredit li a:active { /* color:#671F00;*/ text-decoration:underline; }

table#games {margin: 20px 0; background: white !important; border-collapse: collapse;}
table#games td, table#games th {border: 1px solid #a8b7bf; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table#games th {font-weight: normal;}
table#games th.playername {background-color: #4c5f67;}

label { display:inline-block; width:180px; margin-right:12px;} 
label.no_length { width:100%;}
#login input[type=submit] { margin-left:195px; }