/* polygon generator at https://bennettfeely.com/clippy/ */

/* minimise through http://csscompressor.net */
/* body backgrounds dark blue #003153, lighter grey #36454f, darker grey #2b373f, midnight green rgba(0,73,83,1) #004953, dark cyan black rgba(0,47,58,1) #002f3a
orange rgba(255,140,26,1) #ff8c1a, mid-orange rgba(247,113,17,1) #f77111, darker orange rgba(245,110,15,1) #f56e0f, green rgba(34,102,102,1) #226666, darker green rgba(17,100,102,1) #116466, 
polygon blue rgba(41,109,152,1) #296d98, polygon yellow rgba(204,153,0,1) #cc9900, light bright blue rgba(72,209,204,0.1) #48d1cc */

:root{
/* colors */
--body-background:#002f3a;
--body-background-1000px:#003946;
--lighter-orange:#ff8c1a;
--mid-orange:#f77111;
--darker-orange:#f56e0f;
--darker-green:#116466;
--polygon-blue:#296d98;
--darker-blue:#0c202d;
--light-bright-blue:#48d1cc;
--midnight-green:#004953;
/* tints */
--tint-light-bright-blue:rgba(72,209,204,0.2);
--tint-midnight-green:rgba(0,73,83,0.3);
--tint-faint-white:rgba(203,203,203,0.2);
/* gradients */
--t2b-linear-gradient:linear-gradient(to bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);
--b2t-linear-gradient:linear-gradient(to top,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);
--l2r-linear-gradient:linear-gradient(to right,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);
/* fonts */
--standard-font-size:1em;
--standard-font-family:tahoma,arial,helvetica,sans-serif;
/* effects */
--background-shade1:rgba(0,0,0,0.1);
--background-shade2:rgba(0,0,0,0.2);
--background-shade3:rgba(0,0,0,0.3);
--background-shade4:rgba(0,0,0,0.4);
--background-shade5:rgba(0,0,0,0.5);
--background-shade6:rgba(0,0,0,0.6);
--standard-text-shadow:1px 1px 1px rgba(0,0,0,1),-1px -1px 1px rgba(0,0,0,1);
--standard-text-shadow1:1px 1px 2px rgba(0,0,0,1),-1px -1px 2px rgba(0,0,0,1);
--standard-text-shadow2:1px 1px 1px rgba(0,0,0,0.6),-1px -1px 1px rgba(0,0,0,0.6);
--standard-box-shadow1:0 0 1px 1px var(--background-shade3);
--standard-box-shadow2:0 0 1px 1px var(--darker-blue);
--standard-box-shadow3:0 0 1px 1px var(--darker-green);
--standard-box-shadow4:0 0 1px 1px var(--tint-faint-white);
--standard-box-shadow5:0 0 3px 3px var(--background-shade3);
--standard-border-radius:4px}

body,p span.superscript1,p span.superscript2,li span.superscript1,li span.superscript2,p > a{color:#000}
.navigation,div.contentright h1,div[id^="container"],h1,h4{color:#fff}
p[class^="generalcapt"],p[class^="copyr"],p > a:hover,div.contentright p,.registeredoffice p,.trendspek p,.scanlensarray p{color:var(--darker-orange)}
.scanlenshr{background:var(--darker-green)}
div.contentright div.first,.slideshow div.first,.slideshow1 div.first{display:block}
h1,h1.wide,div.contentright h1,.earlwoodtime h1,.pullquote{font-family:'Archivo Black',sans-serif}
div.contentright,.earlwoodtime{font-size:100%;font-family:'Trebuchet MS',arial,sans-serif}
.navigation ul,div.contentright h1,.earlwoodtime h1,h1,p > a,div[class^="screenwarning"] p{font-weight:700}
div[id^="container"]{text-shadow:var(--standard-text-shadow1)}
div[class^="screenwarning"] p{text-shadow:3px 3px 4px rgba(0,0,0,.4),-1.5px -1.5px 2px rgba(216,216,216,.6)}
div[class^="screenwarning"],p > a,ol.numberedlist li a{background:var(--mid-orange);border:1px solid black}
.vimeovideo iframe,.slideshow,.slideshow1{border:none}
html{height:100%;box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*,:before,:after{box-sizing:inherit}
/* table,.domtab,iframe,img{box-sizing:content-box}
table *,.domtab *{box-sizing:inherit} */
body{background:var(--body-background);font-size:var(--standard-font-size);font-family:var(--standard-font-family);margin:0;padding:0;background-attachment:fixed;overflow:auto}

/* for image stored inside esx.htm - not to display until beercoin1 & 2 close at 1500px (except on nrl pages where it always displays) */
.esxbeercoin{float:left;display:none;shape-outside:circle(50%);-webkit-shape-outside:circle(50%);width:110px;max-width:35%;aspect-ratio:1/1;margin:0}
.esxbeercoin img{width:100%;height:100%;object-fit:cover;border-radius:50%;xdisplay:block}
/* beercoinlogo and raslogo 1 & 2 sit outside (left & right) of container */
div[class^="beercoinlogo"],div[class^="raslogo"]{display:block;position:fixed;padding:0;margin:0;z-index:5}
div.beercoinlogo1{top:1.25em;left:calc((100% - 90em) / 2)}
div.beercoinlogo2{bottom:1.25em;right:calc((100% - 90em) / 2)}
div[class^="beercoinlogo"] img{xfilter:drop-shadow(0 0 3px rgba(0,0,0,0.75))} /* not using on dark background */
/* reschs appreciation society logo not a svg file */
div.raslogo1{display:block;top:0.75em;right:calc((100% - 91em) / 2)}
div.raslogo2{display:block;bottom:1.25em;left:calc((100% - 91em) / 2)}
div[class^="raslogo"] img{display:block;width:100%;height:auto}

/* testing display:flow-root instead of overflow:clip Oct 10th - padding 0 instead of 0 1.25em 0 if no box-shadow, border-radius */
#container1000{min-height:30em;width:100%;max-width:70em;position:relative;margin:0 auto;padding:0;display:flow-root;font-size:1em}

/* full list of transparent backgrounds animations and keyframes archived/stored transparentbackgrounds.htm file */
div[class^="transparentbackground"]{top:0;bottom:0;right:0;left:0;padding:0;margin:0;position:fixed;background-size:cover;z-index:0}
.transparentbackground4{background:#296d98;clip-path:polygon(100% 0%,100% 100%,85% 100%)}
.transparentbackground6{background:#296d98;clip-path:polygon(15% 100%,0% 0%,0% 100%)}
.transparentbackground5{background:#cc9900;clip-path:polygon(0% 100%,0% 85%,100% 100%)}
.transparentbackground4,.transparentbackground5,.transparentbackground6{display:none}
.transparentbackground10{background:var(--t2b-linear-gradient);clip-path:polygon(0% 0%,7.5% 50%,0% 100%,-0.2% 100%,7.3% 50%,-0.2% 0%)}
.transparentbackground11{background:var(--t2b-linear-gradient);clip-path:polygon(100% 0%,92.5% 50%,100% 100%,100.2% 100%,92.7% 50%,100.2% 0%)}
.transparentbackground12{background:var(--b2t-linear-gradient);clip-path:polygon(95% 0%,87.5% 50%,95% 100%,95.2% 100%,87.7% 50%,95.2% 0%)}
.transparentbackground10,.transparentbackground11,.transparentbackground12{display:block}
/* css for transparentbackground13 stored in cssesgec5 and cssnrl1 for files using image as background */

/* clearfixheader div sits in nrldedicatedrounds1and2, clearfixfooter div sits in all the footer .htm files */
.clearfixheader,.clearfixgeneral,.clearfixfooter{display:block;clear:both;margin:0 auto 0;width:90%;height:1px;padding:0}
span #footerupdate{margin:0;padding:0}
/* keep all header/footer styles here */
header{margin:0 auto;border-bottom:4px solid transparent;border-image:var(--l2r-linear-gradient) 1}
footer{clear:both;margin:1.25em auto 0;border-top:4px solid transparent;border-image:var(--l2r-linear-gradient) 1}
header,footer{padding:0;text-align:center;font-family:'Rock Salt',cursive;letter-spacing:.75px;color:#fff}
header p[class^="header"],footer p[class^="footer"]{width:100%;display:block;margin:0 auto;padding:0;text-align:center;font-weight:700}
header p.headerone{font-size:1.25em}
footer p.footerone{font-size:1.1em}
footer p.footerone.showat600px{display:none}
header p.headertwo,header p.headerthree,footer p.footertwo,footer p.footerthree{font-size:0.9em}
header p.headerthree,footer p.footerthree{padding-bottom:0.25em}

/* used for notices at top of page e.g. public holiday closures - stored in publicnotice.htm file in header directory and included in header files
nrl only notices have their own css
header p.headertwo{display:none} */
/* adjacent sibling selector */
/* div.publicnotice + h1{margin-top:0.5em}
div.publicnotice{display:block;position:relative;width:100%;margin:1em auto;padding:0 5px}
div.publicnotice p{font-weight:bold;font-family:Georgia,serif;font-size:1.15em;margin:0 auto;padding:0;color:var(--mid-orange);text-align:center}
@media screen and (max-width:1000px){
div.publicnotice{width:100%}
div.publicnotice p{font-size:0.9em}} */

.navigation{position:sticky;top:0;right:0;left:0;margin-bottom:0;text-align:center;padding:0;font-size:.8em;background:black;z-index:20;border-image:var(--l2r-linear-gradient) 1;border-top:4px solid transparent;border-bottom:4px solid transparent}
ul.nav{list-style:none;font-weight:700;padding:0;display:inline;position:relative;border-radius:0}
/* first part - dulling non-hover elements */
ul.nav:hover li{opacity:0.3}
ul.nav li{display:inline-block;width:8em;margin:0.5em 1em;padding:5px 0;position:relative;background:none;box-shadow:none;border-top:2px solid transparent}
ul.nav li:last-of-type{width:12em}
ul.nav a{color:#fff;display:block;padding:5px;text-decoration:none}
ul.nav li a:hover,ul.nav ul li a:hover{color:#00ff85;text-transform:uppercase;font-weight:700}
ul.nav ul{background:black;border:none;padding:0;margin:0;list-style:none;position:absolute;left:-9999px;z-index:10}
ul.nav ul{border-bottom:4px solid transparent;border-top:4px solid transparent;border-image:var(--l2r-linear-gradient);border-image-slice:1}
ul.nav ul li{box-shadow:none;margin:0 auto;padding:0 0 2px 0;float:left;text-align:center;border:none;z-index:15}
ul.nav li:hover ul li{width:14em}
ul.nav li:last-of-type:hover ul li{width:16em}
ul.nav ul li:hover{border:none}
ul.nav li:hover ul{left:-3em}
ul.nav li:last-of-type:hover ul{left:-2em}
.nav ul a{white-space:nowrap}
.nav li:hover a{text-transform:uppercase;text-decoration:none}
.nav li:hover ul a{text-transform:none;text-decoration:none}
.nav li:hover ul li a:hover{text-shadow:var(--standard-text-shadow1);text-transform:uppercase;border:none}
.nav li.nonlinked{color:white;text-decoration:none;text-shadow:none}
/* second part - highlighting hovered element */
.nav:hover li:hover,.nav:hover li:hover ul li{opacity:1}
.nav li.nonlinked:hover a{opacity:0.3;color:white;text-decoration:none;text-transform:none;text-shadow:none}
.nav li.nonlinked:hover li a{opacity:1;color:white;text-decoration:none;text-transform:none;text-shadow:none}
.nav li.nonlinked:hover li:hover a{opacity:1;color:#00ff85;text-decoration:none;text-transform:uppercase;text-shadow:none}
.nav li.nonlinked:hover li:nth-of-type(10n+1):hover a{color:#b827fc}.nav li.nonlinked:hover li:nth-of-type(10n+2):hover a{color:#725cfc}.nav li.nonlinked:hover li:nth-of-type(10n+3):hover a{color:#2c90fc}.nav li.nonlinked:hover li:nth-of-type(10n+4):hover a{color:#72c798}
.nav li.nonlinked:hover li:nth-of-type(10n+5):hover a{color:#b8fd33}.nav li.nonlinked:hover li:nth-of-type(10n+6):hover a{color:#dbe335}.nav li.nonlinked:hover li:nth-of-type(10n+7):hover a{color:#fec837}.nav li.nonlinked:hover li:nth-of-type(10n+8):hover a{color:#fe7065}
.nav li.nonlinked:hover li:nth-of-type(10n+9):hover a{color:#fd1892}.nav li.nonlinked:hover li:nth-of-type(10n+10):hover a{color:#da20c7}
.nav li.nonlinked:hover li.nonlinked a{opacity:1;color:#00ff85;text-decoration:underline;text-underline-offset:3px;text-transform:none;text-shadow:none}
.nav li.nonlinked:hover li.nonlinked:hover a{opacity:1;color:#00ff85;text-decoration:underline;text-underline-offset:3px;text-transform:none;text-shadow:none}
a{outline-style:none}

span.ampersand{font-size:80%}
span.ampersand70{font-size:70%}
span.ampersand60{font-size:60%}

/* contentright not using jquery cycle2 */
div.contentright,div.contentrightcharts,div.contentrightimage,.contentrightsign,.contentrighttable,.contentright.esx,.pullquote,.fatcatlogo3{display:block;width:366px;max-width:40%;height:auto;float:right;clear:right;padding:0;overflow:visible;
text-align:center;z-index:10;position:relative;box-shadow:none;text-shadow:var(--standard-text-shadow2);margin:0 0 15px 15px;border:2px solid transparent;border-image:var(--l2r-linear-gradient) 1}
div.contentrightimage img{width:100%;height:auto;display:block;padding-top:0.75px}

/* contentright using jquery cycle2 */
.cycle-slideshow{display:block;width:366px;max-width:40%;height:auto;float:right;clear:right;padding:0;overflow:hidden;text-align:center;z-index:10;position:relative;box-shadow:none;
text-shadow:var(--standard-text-shadow2);margin:0 0 15px 15px;border:2px solid transparent;border-image:var(--l2r-linear-gradient) 1}
.cycle-slideshow > div{opacity:0;display:none;padding-top:0.75px}
.cycle-slideshow > div:first-of-type{opacity:1;display:block;padding-top:0.75px}
.cycle-slideshow img{width:100%;height:auto;display:block;border-radius:0}
/* stabilise container during transitions */
.cycle-slideshow{overflow:hidden}

/* for finannce charts */
div.contentrightcharts h1{width:90%;margin:3px auto 0;padding-bottom:0;letter-spacing:normal;background:none;border:none;box-shadow:none;text-align:center;color:white;font-weight:bold;font-size:1em}
div.contentrightcharts div[id^="chart"]{width:100%;margin:0 auto;height:auto;text-shadow:none;text-align:center}
div.contentrightimage h1{width:calc(100% - 20px);margin:10px auto 5px;text-indent:0;padding:3px;font-size:1em}
img[class^="news"]{border-radius:var(--standard-border-radius);height:auto;display:block;position:relative;box-shadow:var(--standard-box-shadow)}
img.newscentre{width:80%;max-width:80%;margin:10px auto}
img.newsleft,img.newsright{max-width:40%;margin:5px 10px}
img.newsleft{float:left}
img.newsright{float:right}

/* aims to target general paragraphs in #container */
#container1000 p:not([class^="header"]):not([class^="footer"]):not([class^="generalcapt"]):not([class^="copyr"]):not(.xfirstparagraph):not(.xparabeforelist):not(.containsanchor){margin:0.5em 0}

div[class*="static"]{width:100%;margin:0 auto 0;padding:5px 10px 8px;text-align:center}
div.static3{padding:0 0 8px}
div[class*="static"] h1{width:100%;margin:0 auto 3px;padding:0;letter-spacing:normal;text-indent:0;font-size:1em}
div.static3 h1{width:calc(100% - 20px);margin:5px auto 3px;padding:0}
div[class*="static"] p{width:100%;padding:0 0 3px}
div.static3 p{padding:0 10px 3px}
div[class*="static"] p:last-of-type{padding:0}
div.static3 p:last-of-type{padding:0 10px}
.static1 p,.static3 p{margin:0 !important;text-align:left}
.static2 p{margin:0 auto !important;text-align:center}
div[class*="rotating"] div,div[class*="rotating"] div.first,.espn div{width:100%;margin:0 auto;padding:0 0 8px;text-align:center}
div[class*="rotating"] div h1,.espn div h1{width:calc(100% - 20px);letter-spacing:normal;text-indent:0;margin:5px auto 3px;padding:0;font-size:1em}
.rotating1 div p,.espn div p,.nrltimetable1 p{width:calc(100% - 22px);margin:0 auto !important;padding:0 0 3px;text-align:left}
.rotating2 div p{width:calc(100% - 20px);margin:0 auto !important;padding:0 0 3px;text-align:center}
.esgecstories div h1,.esgecstories1 div h1{padding:0;margin:0 auto;text-align:center;letter-spacing:normal}
div[class*="rotating"] div img.newsleft{max-width:60%;height:auto;display:block;position:relative;float:left;margin:10px 10px 5px 10px}
div[class*="rotating"] div p:last-of-type{padding-bottom:0}
div.rotating2 div p:last-of-type{padding-bottom:3px}

/* used for xmas & new year decorations - yuletide and newyear files stored in ../header/esgeclogo.htm - at xmas & new year add div[class^="beercoinlogo"],div[class^="raslogo"]{display:none} */
div[class^="yuletide"],div[class^="newyear"],div[class^="fatcatlogo"]{display:none}
/* after christmas just change name for next four lines from yuletide to newyear */
div[class^="yuletide"]{position:fixed;padding:0;margin:0;z-index:5}
/* newyear left 86em, yuletide 88em */
div.yuletide1{top:1.25em;left:calc((100% - 86em) / 2)}
div.yuletide2{top:1.25em;right:calc((100% - 86em) / 2)}
div.yuletide3{display:none;bottom:1.25em;right:calc((100% - 90em) / 2)}
div[class^="yuletide"] img,div[class^="newyear"] img{filter:drop-shadow(0 0 3px rgba(0,0,0,0.75))}

.vimeovideo{padding:0;height:228px}

p.firstparagraph{margin:0.25em 0 0.5em !important}
p.firstparagraph.parabeforelist{margin:0.25em 0 0 !important}
p.parabeforelist{margin:0.5em 0 0 !important;white-space:normal !important}

p.quotes:before{content:"\201C...";padding-right:5px}
p.quotes:after{content:"...\201D";padding-left:5px}
.centerpic1{clear:both;position:relative;width:800px;max-width:90%;margin:1.5em auto;padding:0;xborder-radius:var(--standard-border-radius);border-radius:0}
.centerpic1 img{width:100%;height:auto;display:block;xborder-radius:var(--standard-border-radius);border-radius:0}
p[class^="generalcapt"],p[class^="copyr"]{position:absolute;display:block;margin:0 !important;padding:3px 5px 5px !important;font-size:var(--standard-font-size);
font-family:var(--standard-font-family);font-size:0.7em;font-weight:600;background:var(--background-shade6);text-shadow:var(--standard-text-shadow2)}
p[class^="generalcapt"],p[class^="generalcaptiont"]{text-align:center;width:100%}
p.generalcaption,p.generalcaption1,p.generalcaption2{right:0;left:0;bottom:0;xborder-radius:0 0 4px 4px;border-radius:0}
p.generalcaptiontop,p.generalcaptiontop1,p.generalcaptiontop2{right:0;left:0;top:0;xborder-radius:4px 4px 0 0;border-radius:0}
p.generalcaption2,p.generalcaptiontop2{display:none}
p[class^="copyrig"]{xborder-radius:0 0 4px 0;border-radius:0}
p.copyright{text-align:right;right:0;bottom:0}
p.copyrighttop{text-align:right;right:0;top:0}
p.copyrighttopleft{text-align:left;left:0;top:0;xborder-radius:4px 0 0 0;border-radius:0}
div[class*="static"] p,div[class*="rotating"] p{font-family:var(--standard-font-family);font-size:11px !important;font-weight:600}

h1,h1.wide{text-indent:0;margin:0.75em auto 0.75em;text-align:center;font-size:1.5em;padding:5px;letter-spacing:1px;border-radius:var(--standard-border-radius)}
h1{width:375px}
h1.wide{width:80%}
/* h2 widths match contentright widths */
h2,h2.narrow{width:55%;min-width:calc(100% - 390px)}
h2.wide{width:80%;max-width:80%}
h2,h2.wide{text-indent:0;text-align:left;font-size:1em;margin:.75em 0 0.25em;padding:0 0 0.25em;color:var(--darker-orange);border-bottom:2px solid var(--darker-orange)}
h2.narrow{font-size:1em}
h2{text-shadow:var(--standard-text-shadow1);font-weight:bold}
h2 > span.superscript3,li span.superscript1{font-size:60%;vertical-align:super;font-weight:700;padding:0 0 0 2px;margin:0;border:none;background:none}
h4{text-indent:0;text-align:left;font-size:1.25em;margin:1.25em 0 .75em;width:400px;text-transform:uppercase}
p.containsanchor{margin:0.5em 0 0.75em !important}
.contentright p.containsanchor{font-weight:600;text-align:center}
.trendspek div p.containsanchor{font-weight:600;text-align:center;margin:0.5em auto !important}
p.containsanchor > a,p > a{font-size:12px;padding:3px 5px 3px !important;text-decoration:none;border-radius:var(--standard-border-radius);box-shadow:none;text-shadow:none}
.contentright p.containsanchor > a,.trenspek div p.containsanchor > a,p[class^="ampersand"] > a{font-size:10px}
p.containsanchor > a:hover,p > a:hover{background:rgba(0,0,0,1);border:1px solid var(--mid-orange)}

p[class^="ampersand"]{font-size:0.8em}
p.ampersand70{font-size:0.7em}
p.ampersand60{font-size:0.6em}
p.ampersandsingle{margin:-0.25em 0.25em 0.25em 0 !important}
p.ampersandfirst{margin:-0.25em 0.25em 0 0 !important}
p.ampersandmiddle{margin:0 0.25em 0 0 !important}
p.ampersandlast{margin:0 0.25em 0.25em 0 !important}
div[class^="screenwarning"]{max-width:100%;color:#000;display:none;margin:0.5em auto 0.5em;padding:10px;border-radius:var(--standard-border-radius)}
div[class^="screenwarning"] p{text-align:center;margin:0 auto;font-size:11px !important;text-shadow:none}

[class^="showat"],[class^="showparaat"],[class^="showbrat"],[class^="showspanat"]{display:none}
[class^="hideat"],[class^="hideparaat"],[class^="hidebrat"]{display:block}
[class^="hidespanat"]{display:inline}

span.superscript1,span.superscript2{display:inline-block;margin:0;padding:1px 3px 2px;line-height:1;font-weight:700;background:var(--mid-orange);border:1px solid black;vertical-align:2px;text-shadow:none}
span.superscript1{font-size:70%}
span.superscript2{font-size:75%}
#container1000{counter-reset:sup1-counter sup2-counter}
span.superscript1{counter-increment:sup1-counter}
span.superscript1::before{content:counter(sup1-counter) ".";xfont-size:75%;position:relative;top:0 /* adjust if needed */}
span.superscript2{counter-increment:sup2-counter}
span.superscript2::before{content:counter(sup2-counter) ".";xfont-size:85%;position:relative;top:0/* adjust if needed */}

ul[class^="bulletedlist"]{margin:0 0 0.5em;padding:0;list-style-type:none;font-size:1em}
ul[class^="bulletedlist"] li{margin:.05em 0 .05em 1em;padding-left:.75em;position:relative;text-align:left}
ul[class^="bulletedlist"] li:before{font-family:"Segoe UI Symbol","Apple Symbols","Noto Sans Symbols",sans-serif;display:inline-block}
ul[class^="bulletedlist"] li:before{font-size:1.15em;font-weight:700;text-shadow:none;position:absolute;left:-0.9em;top:-.15em}
ul[class^="bulletedlist"] li:nth-of-type(4n+1):before{content:"\2663";color:#000}
ul[class^="bulletedlist"] li:nth-of-type(4n+2):before{content:"\2666";color:red}
ul[class^="bulletedlist"] li:nth-of-type(4n+3):before{content:"\2660";color:#000}
ul[class^="bulletedlist"] li:nth-of-type(4n+4):before{content:"\2665";color:red}

ol.numberedlist{margin:0 0 1em;padding:0;list-style-type:decimal;font-size:1em}
ol.numberedlist li,ol.numberedlist li.showat600px,ol.numberedlist li.hideat600px{margin:.05em 0 .05em 1.25em;padding-left:.75em;position:relative;text-align:left}
ol.numberedlist li:before,ol.numberedlist li.showat600px:before,ol.numberedlist li.hideat600px:before{font-size:1.25em;font-weight:700;text-shadow:none;position:absolute;left:-1em;top:-.15em}
ol.innernumberedlist{margin:-1em 0 1em;padding:0;list-style-type:decimal;font-size:1em}
ol.innernumberedlist li{margin:.05em 0 .05em 2.8em;padding-left:0.75em;position:relative;text-align:left}
ol.innernumberedlist li:before{content:none}
div.contentright div ul.bulletedlist{font-family:var(--standard-font-family);font-size:.7em;font-weight:600;margin:0;padding:0;width:100%;list-style-type:none;color:var(--mid-orange)}
div.contentright div ul.bulletedlist li:before{font-weight:700;text-shadow:none;position:absolute;left:-0.75em;top:-.25em}
div.contentright div ul.bulletedlist li{margin:0 0 0 1em;padding-left:0.75em;position:relative;text-align:left}

@media (max-width:1800px){
#container1000{padding:0 0.5em 0}
.showbrat1800px{display:inline}}

@media (max-width:1600px){
.showbrat1600px{display:inline}
.transparentbackground10,.transparentbackground11,.transparentbackground12{display:none}}

@media (max-width:1500px){
.showspanat1500px{display:inline}
.showparaat1500px,.showbrat1500px,.esxbeercoin{display:block}
.hideparaat1500px,.hidebrat1500px,.hidespanat1500px,.hideat1500px,div[class^="beercoinlogo"],div[class^="raslogo"],div[class^="yuletide"],div[class^="newyear"]{display:none}}

/* @media screen and (max-width:1200px){ */
@media (max-width:1200px){
.showspanat1200px{display:inline}
.showparaat1200px,.showbrat1200px{display:block}
.hideparaat1200px,.hidebrat1200px,.hidespanat1200px{display:none}
.rotating3{background:#b30000}
h1.wide{width:80%;max-width:80%}}

@media (max-width:1000px){
body{background:var(--body-background-1000px)}
.cycle-slideshow,div.contentright,div.contentrightcharts,div.contentrightimage,.contentrightsign,.contentrighttable,.contentright.esx,.pullquote,.fatcatlogo3{margin:0 0 15px 10px}
div.contentrightimage img{width:100%;height:auto;display:block;border-radius:var(--standard-border-radius)}div.contentright,div.contentrightcharts,div.contentrightimage,.contentrightsign,.contentright.nrlteams,.cycle-slideshow.contentright,
.contentright.esx,.cycle-slideshow.generalslideshow,.pullquote{max-width:45%;background:none}
h1,h1.wide{font-size:1.25em}
/* h2 width matches contentright etc. max-width */
h2,h2.wide,h2.narrow{width:50%}
h2,h2.wide{font-size:0.9em}
h2.narrow{font-size:0.8em}
#container1000 p,ul[class^="bulletedlist"],ol[class^="bulletedlist"],ol.numberedlist,ol.innernumberedlist,.pullquote{font-size:14px}
/* slight adjustment below because of font size change above */
ul[class^="bulletedlist"] li:before{font-size:1.15em;left:-0.75em;top:-0.15em}
div.contentright h1,.cycle-slideshow.contentright.rotating1 div h1,.cycle-slideshow.contentright.rotating2 div h1,div.contentright .static1 h1,div.contentright > .static2 h1{font-size:16px}
div.contentright p,.cycle-slideshow.contentright.rotating1 p,.cycle-slideshow.contentright.rotating2 p,.cycle-slideshow.contentright.rotating2.registeredoffice p,.cycle-slideshow.contentright.rotating2.trendspek p,
.contentright.esx p,p.containsanchor > a,p > a,.cycle-slideshow.generalslideshow p{font-size:12px}
p.containsanchor > a,p > a{font-size:10px}
#container1000 p[class^="ampersand"],.superscript2{font-size:70%}
p.generalcaption,p.generalcaptiontop,p.generalcaption1,p.generalcaption2,p.generalcaptiontop1,p.generalcaptiontop2,p.copyright,p.copyrighttop,p.copyrighttopleft,.fatcatlogo3 p{font-size:11px !important}
span.superscript1,span.superscript2{padding:1px 2px 2px}
ol.numberedlist{font-size:80%}
.showspanat1000px{display:inline}
.showparaat1000px,.showbrat1000px{display:block}
div[class^="transparentbackground"],header p.headertwo,.hideparaat1000px,.hidebrat1000px,.hidespanat1000px{display:none}
header p.headerone{font-size:1.1em !important}
footer p.footerone{font-size:0.9em !important}
header p.headerthree,footer p.footertwo,footer p.footerthree{font-size:12px !important}}

/* hopefully only targetting iphones */
@media (max-width:480px) {
ul[class^="bulletedlist"] li:before{font-size:1.5em;left:-0.75em;top:0}}
	
@media (max-width:900px){
/* for when header breaks */
header p.headerthree{padding-top:0.25em}
.hideparaat900px,.hidebrat900px,.hidespanat900px{display:none}
.showspanat900px{display:inline}
.showparaat900px,.showbrat900px{display:block}}

@media (max-width:800px){
header p.headerthree,footer p.footertwo,p.generalcaption1,p.generalcaptiontop1,h1.wide span.ampersand60,div.contentright div img[class^="news"],.hideparaat800px,.hidebrat800px,.hidespanat800px{display:none}
p.generalcaption2,p.generalcaptiontop2,.showparaat800px,.showbrat800px{display:block}
.showspanat800px{display:inline}}

@media (max-width:700px){
#container1000{padding:0 0.2em 0}
h1,h1.wide{width:90%;max-width:90%}
div.contentright h1,.cycle-slideshow h1,.esx h1{width:100%;max-width:100%}
.hideparaat700px,.hidebrat700px,.hidespanat700px{display:none}
span.showspanat700px{display:inline}
.showparaat700px,.showbrat700px{display:block}}

@media screen and (max-width:600px){
h1,h1.wide,h2,h2.wide,h2.narrow{width:95%;max-width:95%}
div.contentright,div.contentrightcharts,div.contentrightimage,.contentrightsign,.contentright.nrlteams,.cycle-slideshow,.registeredoffice,.contentright.esx,.tackhead,.hideparaat600px,.hidebrat600px,.hidespanat600px{display:none}
div[class^="botanical"] p.generalcaption2,.showparaat600px,.showbrat600px{display:block}
.showspanat600px{display:inline}}

@media (max-width:550px){
.hideparaat550px,.hidebrat550px,.hidespanat550px{display:none}
.showspanat550px{display:inline}
.showparaat550px,.showbrat550px{display:block}}

/* now using jquery file - slideshow-resize.js - to restore cycle-slideshow elements when window resizes above 600px - remove cycle-slideshow elements below ? 9th March */
@media (min-width:601px){
div.contentright,div.contentrightcharts,div.contentrightimage,.contentrightsign,.contentright.nrlteams,.contentright.esx,.tackhead{display:block}}

@media print{body,#container1000,h1,h2,p,a,ul{color:#000;background:#fff}header,.navigation,div.contentright,.disclaimer,footer{display:none}@page{margin:.75cm;background:#fff}#container1000{display:block;width:90%;text-shadow:none;margin:0;padding:0;border:none}#container1000 p,a,ul{font-size:10px}}