/* while using tippingslideshow */
.generalslideshow.enlarge:hover,.contentrightimage.enlarge:hover{width:600px;max-width:55%}
.generalslideshow.enlarge:hover span.hidespan,.contentrightimage.enlarge:hover span.hidespan{display:none}

/* used for mphospitality sell outs
div[class*="nrlstartsnot"]{font-family:'Archivo Black',sans-serif;z-index:1;padding:0 10px;position:absolute;display:block;margin:0 auto;xbackground:#11334f;background:var(--background-shade6);
box-shadow:0 0 2px 2px var(--background-shade6);border-radius:4px}
.nrlstartsnotready{top:24%;bottom:20%;left:30%;width:15em;height:55.5%}
.nrlstartsnotready5games{top:5%;bottom:5%;left:25%;width:15em;height:89.5%}
div[class*="nrlstartsnot"]:after{content:'';display:inline-block;height:100%;vertical-align:middle;width:0}
div[class*="nrlstartsnot"] p{color:var(--mid-orange);display:inline-block;vertical-align:middle;margin:0 auto;padding:10px 10px 0;text-align:center;font-size:.75em;font-weight:700}
span.ampersand{font-size:80%}
@media screen and (max-width:1000px){
div[class*="nrlstartsnot"]{background:#11334f}
.nrlstartsnotready5games{left:20%;width:14em}}
@media screen and (max-width:800px){
.nrlstartsnotready{top:30%;bottom:30%;left:15%;width:15em;height:39.5%}
.nrlstartsnotready5games{top:26%;bottom:25%;height:49%}}
@media screen and (max-width:600px){
.nrlstartsnotready{top:23%;bottom:20%;left:35%;width:15em;height:56.5%}
.nrlstartsnotready5games{top:11%;bottom:10%;left:30%;height:79%;width:15em}} */
 
/* used for boys in town video - padding-top:56.25% maintains 16:9 ratio 
.contentrightvideo{width:366px;max-width:40%;height:auto;float:right;clear:right;margin:.25em 0 .75em 1.5em;padding:0;overflow:auto;text-align:center;z-index:0;position:relative;border-radius:var(--standard-border-radius)}
.contentrightvideowrapper{position:relative;overflow:hidden;width:100%;padding-top:56.25%;height:0;margin:0}
.contentrightvideowrapper iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none}
@media screen and (max-width:1000px){
.contentrightvideo{max-width:45%}}
@media screen and (max-width:600px){
.contentrightvideo{display:none}}
@media screen and (min-width:601px){
.contentrightvideo{display:block}} */

/* for .botanicalgardens and .botanicalslideshow large centered images */
.cycle-slideshow.botanicalslideshow,div.botanicalgardens{display:block;position:relative;width:100%;max-width:100%;margin:3px auto 1.75em;height:auto;padding:0;overflow:hidden;text-align:center;xbox-shadow:var(--standard-box-shadow3);
z-index:0;xborder-radius:var(--standard-border-radius);border:0;border-image:none /* stops rainbow effect that currently applies to cycle/contentright elements */}
.cycle-slideshow.botanicalslideshow div{width:100%}/* allows images to expand to 100% */
div.botanicalgardens img{display:block;width:100%;height:auto}
.cycle-slideshow.botanicalslideshow p[class^="generalcapt"],.cycle-slideshow.botanicalslideshow p,div.botanicalgardens p[class^="generalcapt"],div.botanicalgardens p[class^="copyrig"]{border-radius:0}
/* general sibling selector */
div.publicnotice ~ .cycle-slideshow.botanicalslideshow,div.publicnotice ~ div.botanicalgardens{margin-top:1.25em}
/* adjacent sibling selector = + */

@media screen and (max-width:1000px){
.cycle-slideshow.botanicalslideshow,div.botanicalgardens{margin:0 auto 1.25em}}

@media screen and (max-width:800px){
div.botanicalgardens p.generalcaption1,div.botanicalgardens p.generalcaptiontop1,.cycle-slideshow.botanicalslideshow p.generalcaption1,.cycle-slideshow.botanicalslideshow p.generalcaptiontop1{display:none}}

@media screen and (max-width:600px){
div.botanicalslideshow,div.botanicalgardens{display:none}
div.publicnotice{margin-bottom:0}
div.publicnotice + h1{margin-top:0}}

@media screen and (min-width:801px){
div.botanicalgardens p.generalcaption2,div.botanicalgardens p.generalcaptiontop2,.cycle-slideshow.botanicalslideshow p.generalcaption2,.cycle-slideshow.botanicalslideshow p.generalcaptiontop2{display:none}}

/* for matteo.php centered images
.centerpic1{width:500px} */