/* new RHAC 2018  mobile styles   */
/* at 6/4/18 */

html{font-family:tahoma, verdana, sans-serif;}
body{width:100%;font-size:medium;}
/*header mobile  */
#topheader{width:98%;margin:0;color:black;font-family:BBC-Reith-sans, Helvetica, Arial, sans-serif;font-size:16px;padding:20px 0px 25px 0px;}
#topheader{background:#0097fc;background:linear-gradient(#0097fc,white);}
#minorhead{font-size:12px;padding-top:5px;}
#star{float:right;margin-right:10px;}
#star img{width:40px;height:40px;margin-top:-10px;}
#rhac{padding-left:10px;}
#wrapper{width:auto; overflow:none; max-width:auto;}
/* too topheader out above */

/* end header laptop  */
/*news display laptop  */

#wrapper{width:96%;margin:auto;}

#bigdiv{float:right;width:100%;padding-bottom:5px;background:white;} /* was yellow */
 #restofnewsitem{background:white;}   
div.restoftext{display:none;}

/* news item reading */
#comment{font-size:large;}
#comment2 p{display:block;font-size:smaller;padding-bottom:0px;margin-bottom:0px}

/*   general   */
p.c-head{padding:0;margin:0;border:0;text-align:left;}

#rotating-item-wrapper {
position:relative;
width:100%;
height: 250px;
background:white;
}

.rotating-item {
display: none;
position:absolute;
top:0;
left:0;
width:350px;margin:auto;
}
/* width added 20-9-18 */


/*print under*/
span#comment{width:350px;margin:auto;font-size:large;font-style:italic;}

#page1{width:100%;padding:0;}
#page2{width:100%;background:black;color:white;padding-top:15px;}
#othernews{font-size:small;}

/*  end news display laptop  */

/*  backlog news */
div#othernews{font-family:tahoma,verdana,sans-serif; font-size:medium;height:150px;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
#othernews a{text-decoration:none;color:black;}
/* toggle */
#othernews{display:none;}
#c-h-reports{width:45%;float:left;padding:2px;}
#getmorenews{font-weight:bold;text-decoration:none;}

ul#oldlist{list-style-type:none;padding-left:0;}
ul#oldlist li{display:block;margin:0;padding:0 0 0 5px;border-bottom:1px solid white;}
ul#oldlist{background:#ccc;}

/*response to android s9 problem*/
#rotating-items{
width:100%;
}
.landingpix{
width:95%;
margin:auto;
}



/* nav styles new on 5/3 */
/*general section*/
.section{width:100%;margin:0;}
/*.sectionhead{font-size:16px;text-align:center;padding-top:10px;padding-bottom:20px;padding-top:10px}*/
.sectionhead{font-size:14px;text-align:center;padding-bottom:8px;padding-top:5px}
.sectionbody{background:#f7f7f7;font-size:12px;color:black;padding:5px;}
.sectionbody a{font-size:larger;color:black;text-decoration:none;}

.sectionbody ul{
background:#add8e6;
margin-left:-30px;
}

.sectionbody ul li{
float:left;
background:#add8e6;
list-style-type:none;
width:44%;
padding:5px 0px 5px 10px;
margin: 0px;}

#relevant{clear:both;padding-top:10px;}
#container{margin-bottom:20px;}

#footer{background:#0097fc;background:linear-gradient(black,#0097fc);color:white;font-size:12px;padding:15px 10px 15px 30px;margin-top:20px;clear:both;}
#footer p {clear:both;text-align:center;}





/*indiv section*/
/*.sectionhead{color:black;background:#0097fc;background:linear-gradient(#0097fc,white);border-style:solid;border-width:0px 0px 1px 0px;border-color:black;}*/
.sectionhead{color:white;background:#292980;border-style:solid;border-width:0px 0px 1px 0px;border-color:grey;}


.ptr{float:right;width:20px;margin-right:30px;font-size:18px;}
.mainanchor{text-decoration:none;}


/*actions*/
.section{display:none;}
.sectionhead{display:block;}
 .sectionbody{display:none;}   

#section0{display:block;}

/*alert system clear both */
#c-h-alerts{margin-bottom:5px;}
#alertpanel{clear:both;text-align:left;}
#alertpanel{width:95%;color:black;background:white;padding:5px;display:block;}
.alert-header{font-size:large;text-align:center;}

/* #alertpanel div{margin-top:10px;}  */
.alert-header{padding-top:0px;border-top: 1px solid black;margin:0;} 
.alert-header{background:#ffa;font-size:22px;padding-top:10px;padding-left:5px;}
.routine{background:#000;color:white;}

.significant{background:#00e;color:white;}

.urgent{background:#0f0;color:white;text-shadow: 1px 1px black;}
.vital{background:#f00;color:#fff;}

 a.aa{text-decoration:none;color:black;}
.alert-body{background:#eee;font-size:smaller;padding:5px;padding:0;margin:0;margin-top:-12px;min-height:90px;}
.alertbody p{padding:0;margin:0;}
hr{padding:0px;margin:0px;}
.entire-alert{clear:both;}
img.cc{width:80px;height:80px;float:left;margin-right:3px;overflow:hidden;}



/*open-close menus */
.sb-open{display:block;}
.sb-close{display:none;}

/* home welcome */
#home-welcome{font-size:medium;background:#fff; color:black;padding:3px;font-weight:normal;}

/* sitemap display    */
div.sitemap-major{float:left;width:45%;background:black;margin-left:30px;}
div.sitemap-minor{width:150px;background:black; color:white;font-size: 10px;}


/* clubinfo  */
#athwel{width:350px;margin:auto;}
#cwo-pix{
margin:20px 5px;
background:#dadada;
border-radius:8px;
text-align:center;
}
#ensure-welfare{
background:#6f9;
padding:4px;
}
#clubawards17{width:350px;height:175px;margin:auto;}


div#page1 div#relevant p#athwel img#aw{width:100%;max-width:375px;}
#coaches img{width:350px;margin:auto;}  
#coachstrt{width:350px;margin:auto;}  
#clubawards17{width:350px;margin:auto;}
.starttext{font-size:12px;margin-left:5px;}

/* #alertpanel{display:none;}  */

#venu{width:95%;padding:2px;}
#stad,#stad2{width:350px;margin:auto;}


/*history section */
#keydates img{width:100%;max-width:375px;}

/*added 2-21   */

div #gotimeline{
background-image:linear-gradient(#c0f0c0,#f5f5ff);width:95%;
min-height:100px;margin:10px;margin-top:0;
font-size:14px;
}

div #goresources,#gomeeting,#goorganise,#goathletewelfare{
width:95%;
min-height:50px;margin:10px;margin-top:0;
font-size:12px;
}
#goresources{background-image:linear-gradient(#f0c0c0,#f5f5ff)}
#gomeeting{background-image:linear-gradient(#f0f0c0,#f5f5ff)}
#goorganise{background-image:linear-gradient(#c0f0f0,#f5f5ff)}
#goathletewelfare{background-image:linear-gradient(#c0f0c0,#a5f5ff)}

/*clearfixau just for mobile */
.clearfixau::after {
  content: "";
  clear: both;
  display: table;
}
a.noline{text-decoration:none;
}


/* end added  */



/* beginners */
.landingpix{width:350px;height:234px;margin:auto;}
p.rel-p{font-size:medium;}
a.sign-up{padding:8px 8px 2px;border-radius:8px;}
a#c25k-signup{background:#aa0000;color:white;}
a#visit-nhs{background:#00aa00;color:white;}
p#new-date{text-align:center;background:#900;color:yellow;}

#group1-630,#group2-630,#group3-fandf{
width:350px;margin:auto;
}


/*   competition   */
#competitionpic{width:350px;margin:auto;}
h2#comp-h2{text-align:center;}
p.bulk-info{font-size:small;}
.blue-up{
color:blue;
font-size:larger;
}
.member-id{float:left;
margin-right:3px;
}

/*  vets  */
#vetscomp-org{
display:block;
width:300px;
margin:auto;
margin-bottom:10px;
}





/*  contacts  */
#janetandgill{width:350px;margin:auto;}

/*  young ath  */
#promotedrhya{width:350px;margin:auto;}

#induct-reason{
width:85%;
display:block;
margin:auto;
padding:10px;
background:#dee;
}


/*  activities   */
#relaystart{width:350px;margin:auto;}
#safety-stadium{width:100%;}


/*  our events  */
#ulleyres2013{width:350px;margin:auto;}
div.evt-link{width:100%;min-height:100px;background:#cc6;margin-top:4px;padding-bottom:5px;}
p.evt-thumb{margin:5px 15px 15px 15px;font-size:smaller;overflow:hidden;}
p.evt-thumb img{float:left;border:1px solid black;margin:4px;}
a.evt-goto{text-decoration:none;color:white;}
#evt-tenk{background:red;color:blue;}
#evt-rr{background:black;}
#evt-sc{background:#008}
#evt-ur{background:#060;}
#evt-r5k{background:#f18202;}
#evt-wc{background:#942727;}
#evt-xd{background:black;}
#evt-tf{background:#f99;color:black;}
#evt-xc{background:#c9f;color:black;}
#evt-sch{background:#cf3;color:black;}
#evt-tenk{color:black;}
p.oe-head{font-weight:bold;padding:4px 0 4px 4px;margin:0;border:0;}

/* young athletes competition */
ul.for-date, ul.for-date li{
list-style-type:none;
padding-left:0;
font-size:smaller;
} 
ul.for-date li{
display:inline-block;
width:70px;
}

/* indoor*/
#syis-link{
background:cyan;color:black;text-decoration:none;padding:5px;border-radius:5px;
}


/* membership  */
#paying{
padding:2px 8px 2px 8px;
background:#6f6;
}

#notpaying{
padding:2px 8px 2px 8px;
background:#fc6;
}

#fourweeks{
padding:15px;
background:#fcc;
}
#tokenusepic{
border: 1px solid black;
}

/*fees page  */
.fees-row{
display:block;
clear:both;
width:100%;
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width:1px;
overflow:auto;
}
.fees-fl{
width:30%;
height:80px;
float:left;
border-right-color:#aaa;
border-right-style:solid;
border-right-width:1px;
}
.mainbit{
clear:both;
}

.subpage-para{
font-size:medium;
}
#spp-button{text-decoration:none;color:black;}
#goto-spp{background:yellow;padding:3px;border-radius:5px;}

#gate-redirect{
text-align:center;
background:#7cfc00;
border-radius:10px;
color:black;
}
#gate-redirect a {text-decoration:none;color:black; font-size:medium;}
#gate-redirect p {color:black; font-size:medium}

/* contacts  */
.all-links{
display:inline-block;
width:80%;

/*margin-right:20px;*/

}
/*#genlink{float:left;}*/

.all-links li{
list-style-type:none;
padding:3px 0px 3px 3px;
margin:2px;
background:#eee;
border:1px solid red;
}
.all-links li a{
text-decoration:none;padding-left:3px;
color:black;
}











/* end */