/* Rugby 2019 restoration: additions to the original rugby_theme CSS (countdown widget styles that were inline,
   replacements for dead third-party embeds, gallery grid, and a minimal mobile layout the original never had). */

/* Countdown (markup/classes of the original jQuery Countdown widget) */
.countdownWrap{width:320px;color:#fff;margin-top:15px;}
.hasCountdown{text-shadow:transparent 0 1px 1px;overflow:hidden;padding:5px}
.countdown_row{clear:both;width:100%;text-align:center;display:block}
.countdown_show3 .countdown_section{width:32.5%}
.countdown_section{display:block;float:left;font-size:75%;text-align:center;margin:3px 0}
.countdown_amount{font-size:200%}
.countdown_descr{display:block;width:100%}

/* Weather box: the original showed a Weather Underground sticker image (service discontinued) */
.weather .weatherLink{display:block;width:282px;margin:30px auto 0;text-align:center;font-family:'MyriadPro-Regular',Arial,sans-serif;font-size:14px;line-height:20px;}
.weather .weatherLink a{color:#064e6d;}

/* Sponsor ticker (replaces <marquee>) */
.sponsor .sponsorTicker{margin:21px 0 0 12px;padding:0;float:left;width:277px;overflow:hidden;white-space:nowrap;}
.sponsor .sponsorTicker span{margin:0;padding:0;float:none;display:inline-block;padding-left:100%;animation:rugbyTicker 16s linear infinite;}
@keyframes rugbyTicker{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* Sponsor slideshow images */
#slideshow li img{display:block;margin:0 auto;}
#slideshow li{width:100%;text-align:center;}

/* Home gallery slides: three framed thumbnails per slide */
.slides_container div.slide a{display:block;}

/* Inner page content */
#leftPanel .contentBox img{max-width:100%;height:auto;}
#leftPanel .contentBox table{max-width:100%;}
#leftPanel .contentBox h4{margin:12px 0 6px 0;font-size:14px;}
#leftPanel .contentBox iframe{max-width:100%;}
#leftPanel .contentBox .alignleft{float:left;margin:0 15px 10px 0;}
#leftPanel .contentBox .alignright{float:right;margin:0 0 10px 15px;}
#leftPanel .contentBox .aligncenter{display:block;margin:0 auto;}
#leftPanel .contentBox .postMeta{color:#888;font-size:11px;margin:0 0 10px 0;}
#leftPanel .contentBox .postItem{margin:0 0 20px 0;}

/* Gallery page grid with hover zoom (the page's own inline CSS, scoped to the content box) */
#leftPanel .contentBox .gallery{width:640px;margin:0 auto;padding:5px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);}
#leftPanel .contentBox .gallery > div{position:relative;float:left;padding:5px;}
#leftPanel .contentBox .gallery > div > img{display:block;width:200px;transition:.1s transform;transform:translateZ(0);}
#leftPanel .contentBox .gallery > div:hover{z-index:1;}
#leftPanel .contentBox .gallery > div:hover > img{transform:scale(1.7,1.7);transition:.3s transform;}
#leftPanel .contentBox .cf:before,#leftPanel .contentBox .cf:after{display:table;content:"";line-height:0;}
#leftPanel .contentBox .cf:after{clear:both;}

/* Mobile: the original site was a fixed 990px layout; stack the panels on small screens */
@media screen and (max-width: 1000px){
	.main,#header #nav,#header #nav ul,#banner,.rslides,.rslides_container,#leftPanel,.leftBox,.leftBoxTop,.leftBoxBody,.leftBoxBottom,.eventSchedule{width:100%;box-sizing:border-box;}
	.leftBoxBody{width:100%;padding:0 10px;}
	.rslides,.rslides_container{height:auto;}
	.stamp{position:static;float:right;margin:10px;}
	.socialIcon{float:left;width:100%;text-align:left;padding:10px;}
	.socialIcon ul,.socialIcon blockquote{float:left;}
	#header #nav{height:auto;background-color:#000;}
	#header #nav ul{line-height:40px;}
	#header #nav ul li{display:inline-block;float:none;}
	#header #nav ul li a{padding:0 12px;}
	.welcomeImgArea,.welcomeTextArea{width:100%;margin:0 0 10px 0;}
	.eventSchedule table{width:100%;}
	.eventSchedule table tr td{display:block;width:auto !important;padding:10px;}
	.slides_container,.slides_container div.slide{width:100%;margin:0;}
	#rightPanel{float:left;width:100%;}
	.weather,.countdown1,.sponsor,.video,.map,.rightBox{margin-left:auto;margin-right:auto;float:none;}
	#leftPanel .contentBox .gallery{width:100%;}
	#leftPanel .contentBox .gallery > div > img{width:140px;}
	#leftPanel .contentBox table[width]{width:100% !important;}
	#leftPanel .contentBox .alignleft,#leftPanel .contentBox .alignright{float:none;margin:10px auto;display:block;}
}

/* Nine menu items must fit on one 990px line (original padding 22px overflowed with "Contact Us") */
#header #nav ul li a{padding:0 17px;}
#header #nav ul li a:hover span,#header #nav ul li.current_page_item a span,#header #nav ul li a.active span{padding:0 7px 0 17px;}
@media screen and (max-width: 1000px){
	.slides_container,.slides_container div.slide{height:auto;min-height:120px;}
	.slides_container div.slide .item{width:28%;margin:0 2.5%;}
	.slides_container div.slide .item img{width:100%;height:auto;display:block;}
	.next,.prev{top:60px;}
}
@media screen and (max-width: 1000px){
	#banner .bannerShadow{width:100%;background-size:100% auto;}
	.slides_container,.slides_container div.slide{width:100% !important;}
	.slides_container div.slide .item{height:auto !important;}
	#bodyContent,.main{overflow-x:hidden;}
}