| Server IP : 149.202.105.228 / Your IP : 216.73.216.118 Web Server : Apache System : Linux webm129.cluster030.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64 User : atfycaf ( 116275) PHP Version : 7.4.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/a/t/f/atfycaf/www/css/ |
Upload File : |
body {background:#FFF; top:0 !important; margin:0 auto; font-family:"Open Sans", Arial, Verdana, Helvetica; font-size:16px; color:#231F20; overflow-x:hidden;}
*, *::before, *::after {box-sizing:border-box;}
header, #header, nav, #headerBG, #mainContent, .container, #headerTop, #logo, #logo img, #logoTitle a, .logoTitleAl, #showMenu, .dropDownMenu i, #darkHeader, .twoBox, .threeBox, .fourBox, .boxLink, .localClub, .localClubBox, .localClubName, .galleryPhoto, .pGallery img, #eventRegTitle, #eventRegText, #eventRegBtn, #subNotiList {transition-duration:0.5s;}
.fixed {overflow:hidden;}
header {position:absolute; top:0; left:0; width:100%; z-index:99;}
#header {height:98px; position:relative;}
#logo {float:left; display:block;}
#logo img, #menuLogo img, #footerLogo img {float:left;}
.logoTitle {float:left; width:155px; height:84px; font-family:"Arimo", Arial, Verdana, Helvetica; font-weight:700; color:#FFF; display:flex; flex-direction:column; justify-content:center; margin:14px 0 0;}
.logoTitle a {color:#FFF;}
.logoTitle a:hover {color:#FFF; text-decoration:none;}
#logo:hover .logoTitleAl, #menuLogo:hover .logoTitleAl {color:#FEF200;}
.logoTitleInt, .logoTitleAl {float:left; width:100%; text-align:center;}
.logoTitleInt {font-size:10px;}
.logoTitleAl {font-size:40px; text-shadow:0 0 2px rgba(0, 0, 0, 0.8);}
.showMenu {position:fixed; background:#04761C; width:70px; height:70px; margin:0; border:0; display:inline-block; overflow:visible; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:100;}
.showMenuBox {position:absolute; top:17px; left:20px; width:30px; height:24px;}
#menuTitle {position:absolute; bottom:10px; left:0; width:100%; height:14px; line-height:14px; text-align:center; text-transform:uppercase; color:#FFF; font-size:10px;}
.showMenuContent {top:50%; display:block; margin-top:-2px;}
.showMenuContent, .showMenuContent::before, .showMenuContent::after {position:absolute; width:30px; height:2px; background:#FFF; transition-duration:0.15s; transition-property:transform, -webkit-transform; transition-timing-function:ease;}
.showMenuContent::before, .showMenuContent::after {content:""; display:block;}
.showMenuContent::before {top:-6px;}
.showMenuContent::after {bottom:-6px;}
#showMenu:hover {background:#035D16;}
.showMenu:hover .showMenuContent, .showMenu:hover .showMenuContent::before, .showMenu:hover .showMenuContent::after {background:#FFF;}
.menuCollapsed .showMenuContent {bottom:0; top:auto; transition-delay:0.15s; transition-duration:0.15s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.menuCollapsed .showMenuContent::after {top:-16px; transition:top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear 0s;}
.menuCollapsed .showMenuContent::before {top:-8px; transition:top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;}
.menuCollapsed.is-active .showMenuContent {background:#FFF; transform:translate3d(0px, -10px, 0px) rotate(-45deg); transition-delay:0.32s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
.menuCollapsed.is-active .showMenuContent::after {background:#FFF; top:0; opacity:0; transition:top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0s, opacity 0.1s linear 0.27s;}
.menuCollapsed.is-active .showMenuContent::before {top:0; background:#FFF; top:0; transform:rotate(-90deg); transition:top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;}
#mainMenu {position:fixed; top:0; height:100vh; background:rgba(35,31,32,0.8); padding:25px; z-index:99; transition:transform 0.4s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0s; overflow-y:auto; }
#menuContainer {float:left; width:100%; overflow-y:auto; overflow-x:hidden;}
#mainMenu ul {float:left; width:100%; list-style:none; padding:0; margin:100px 0 0;}
#mainMenu li {float:left; width:100%; padding:8px 0; opacity:0; transition-delay:0.8s, 0s; transition-duration:0.8s, 0.6s; transition-property:transform, opacity; transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
#mainMenu li a {width:100%; color:#FFF; font-size:26px; padding:5px 10px; cursor:pointer; display:block;}
#mainMenu li a:hover, #mainMenu li a.selectedPage {color:#FEF200; text-decoration:none;}
.ddMenu {padding:0 0 0 20px !important; margin:0 !important; display:none;}
nav.is-active #mainMenu li, nav.is-active #languagesContainer {transform:translate3d(0px, 0px, 0px); opacity:1; transition:transform 0.8s ease 0s, opacity 0.6s ease 0s;}
nav.is-active #mainMenu li:nth-child(2) {transition-delay:0.05s;}
nav.is-active #mainMenu li:nth-child(3) {transition-delay:0.1s;}
nav.is-active #mainMenu li:nth-child(4) {transition-delay:0.15s;}
nav.is-active #mainMenu li:nth-child(5) {transition-delay:0.2s;}
nav.is-active #mainMenu li:nth-child(6) {transition-delay:0.25s;}
nav.is-active #mainMenu li:nth-child(7) {transition-delay:0.3s;}
nav.is-active #mainMenu li:nth-child(8) {transition-delay:0.35s;}
nav.is-active #mainMenu li:nth-child(9) {transition-delay:0.4s;}
nav.is-active #mainMenu li:nth-child(n+10) {transition-delay:0.45s;}
#menuLogo {position:absolute; bottom:5px; left:25px;}
#langBtn, #langBtn a {height:32px; overflow:hidden;}
#langBtn {width:68px; top:34px; right:90px; z-index:98; position:absolute;}
/*#langBtn a {top:0; left:0; cursor:pointer;}*/
.langSelected {display:none;}
/*#langBtn img {top:0;}
.enLang {left:0;}
.esLang {left:-31px;}
#gLanguage {position:absolute; top:50px; left:0;}
*/
iframe.goog-te-banner-frame, iframe.goog-te-menu-frame {display:none !important;}
main {width:100%; min-height:100vh; background:#FFF; display:inline-block; -webkit-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow:0px 8px 10px 0px rgba(0,0,0,0.75); box-shadow:0px 8px 10px 0px rgba(0,0,0,0.75); position:relative; z-index:1;}
#homeIntro {float:left; background:#175E32; width:100vw; height:100vh; position:relative;}
#homeGallery {position:absolute; top:0; right:0;}
#homeSlider {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.homeGallery {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; clip-path:circle(8vw at 50% 120%);}
.homeGallery img, .homeGallery video {position:absolute; top:0; right:0;}
.homeGallery.resetGallery {clip-path:circle(8vw at 50% 120%) !important;}
.homeGallery.showGallery {transition:clip-path 2s ease-in-out;}
.homeGallery.startGallery, .homeGallery.hideGallery {transition:clip-path 1s ease-in-out;}
.homeGallery.startGallery {clip-path:circle(8vw at 50% 50%);}
.homeGallery.hideGallery {clip-path:circle(8vw at 50% -20%);}
.clipShadow {position:absolute; border-radius:50%; -webkit-box-shadow:inset 6px 6px 12px 0px rgba(0,0,0,0.6); -moz-box-shadow:inset 6px 6px 12px 0px rgba(0,0,0,0.6); box-shadow:inset 6px 6px 12px 0px rgba(0,0,0,0.6);}
.startGallery .clipShadow, .hideGallery .clipShadow, .resetGallery .clipShadow {width:16vw; height:16vw; left:calc(50% - 8vw);}
.startGallery .clipShadow {top:calc(50% - 8vw);}
.hideGallery .clipShadow {top:calc(-20% - 8vw);}
.resetGallery .clipShadow {top:calc(120% - 8vw);}
.startGallery .clipShadow, .hideGallery .clipShadow {transition:1s ease-in-out;}
.showGallery .clipShadow {transition:2s ease-in-out;}
h1, h2, h3, h4, h5, h6 {font-family:"Roboto", Arial, Verdana, Helvetica; font-weight:700;}
#homeIntroText {font-size:20px; color:#FFF; z-index:2;}
#homeIntroText h1 {color:#FEF200; margin:0 0 15px; text-shadow:0px 0px 6px rgba(0, 0, 0, 1);}
#homeIntroText p {text-shadow:1px 1px 1px rgba(0, 0, 0, 1);}
#pageGalleryContainer {float:left; width:100%; height:360px; position:relative;}
#pageGallery {float:left; background:#175E32; width:100%; height:100%; position:relative; overflow:hidden;}
#pageGalleryC {position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; transition:clip-path 4s ease-in-out;}
#pageGalleryC img, #pageGalleryC video {position:absolute; top:0; left:-9999px; right:-9999px; min-height:100%; margin:auto;}
#pageGalleryOverlay {position:absolute; width:100%; height:180px; top:180px; left:0;}
#pageGalleryTitle {float:left; width:100%; height:180px; display:flex; flex-direction:column; justify-content:center;}
#pageGalleryTitle h1 {float:left; width:100%; line-height:50px; color:#FFF; font-size:40px; margin:0; text-shadow:2px 2px 2px rgba(0,0,0,1); transition-duration:0.5s;}
#pageGalleryTitle h1 span {float:unset; line-height:50px !important; font-size:24px; vertical-align:text-top;}
#pageGalleryTitle span {float:left; width:100%; color:#FFF; font-family:"Roboto", Arial, Verdana, Helvetica; font-weight:700; font-size:14px; line-height:18px !important; margin:5px 0 0; text-shadow:2px 2px 2px rgba(0,0,0,1);}
#pageGalleryC.openGallery {clip-path:circle(120vw at 50% 50%);}
#pageGalleryC .clipShadow {transition:4s ease-in-out;}
#pageGalleryC.openGallery .clipShadow {width:240vw; height:240vw; top:calc(50% - 120vw); left:calc(50% - 120vw);}
#darkHeader {position:absolute; top:0; left:0; width:100%; background:-moz-linear-gradient(top, rgba(35,31,32,0.8) 0%, rgba(35,31,32,0) 100%); background:-webkit-linear-gradient(top, rgba(35,31,32,0.8) 0%,rgba(35,31,32,0) 100%); background:linear-gradient(to bottom, rgba(35,31,32,0.8) 0%,rgba(35,31,32,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99231f20', endColorstr='#00231f20',GradientType=0 );}
.mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6, #cookieText h6 {font-size:30px; color:#175E32; margin:5px 0 15px;}
.mainContent h1 a, .mainContent h2 a,.mainContent h3 a, .mainContent h4 a, .mainContent h5 a, .mainContent h6 a, #cookieText h6 a {color:#175E32;}
.mainContent h1 a:hover, .mainContent h2 a:hover, .mainContent h3 a:hover, .mainContent h4 a:hover, .mainContent h5 a:hover, .mainContent h6 a:hover, #cookieText h6 a:hover {color:#FEF200;}
.pageBlock h1, .pageBlock h2, .pageBlock h3, .pageBlock h4, .pageBlock h5, .pageBlock h6 {text-align:center;}
.mainContent {float:left; width:100%; display:inline-block; margin-bottom:60px;}
.mainContent.tb40, #pageBreadcrumb + .mainContent, #homeIntroText + .mainContent {margin:40px 0 !important;}
.mainContent.tb60 {margin:60px 0 !important;}
.mainContent.b20 {margin:0 0 20px !important;}
.mainContent.b40 {margin:0 0 40px !important;}
.mainContent.b60 {margin:0 0 60px !important;}
.mainContent.noMargin {margin:0 !important;}
.mainContent::before, .mainContent::after {content:" "; display:table;}
.mainContent p strong {font-weight:600;}
.grey {background:#FBFBFB;}
.green {background:#175E32; color:#FFF;}
.mainContent.grey, .mainContent.green {padding:40px 0;}
.green h1, .green h2, .green h3, .green h4, .green h5, .green h6, .green h1 a, .green h2 a, .green h3 a, .green h4 a, .green h5 a, .green h6 a {color:#FEF200;}
#pageBreadcrumb {float:left; width:100%; background:#175E32; padding:2px 0; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); position:relative; z-index:2;}
#pageBreadcrumb ol {width:100%; list-style:none; display:block; line-height:16px; padding:5px 0; margin:0;}
#pageBreadcrumb li {display:inline-block;}
#pageBreadcrumb li:not(:first-child)::before {font-family:"Font Awesome 5 Free"; content:"\f30b"; display:inline-block; font-weight:900; font-size:12px; color:#F3F3F3;}
#pageBreadcrumb li a {color:#FFF;}
#pageBreadcrumb li a:hover {color:#FEF200; text-decoration:none;}
.boxRow {width:100%; display:flex; vertical-align:top; position:relative; justify-content:center;}
.textRow {width:100%; text-align:left;}
.textRow, .centredText, .centredTextWide, .textPic, .textSearch {position:relative;}
.boxRowJust {display:flex; align-items:center; flex-direction:row; flex-wrap:wrap;}
.textRow img {height:auto;}
.textRow img.imgLeft {float:left; width:33.3334%; margin:0 10px 10px 0;}
.textRow img.imgRight {float:right; width:33.3334%; margin:0 0 10px 10px;}
.textRow img.imgCentre {float:left; width:100%; margin:10px 0;}
.oneBox, .twoBox, .threeBox, .fourBox {padding:15px;}
.oneBox img, .twoBox img, .threeBox img, .fourBox img {width:100%; height:auto;}
.oneBox {width:80%; margin:0 10%;}
.twoBox {width:calc(50% - 20px);}
.threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox {width:calc(33.3333% - 26.6667px);}
.fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox {width:calc(25% - 40px);}
.oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {background-clip:padding-box; text-align:left; display:inline-block; position:relative; vertical-align:top;}
.oneBox, .twoBox, .threeBox, .fourBox {background:#FFF; color:#231F20 !important; border:2px solid #FFF; padding:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); box-shadow:0 0 20px 0 rgba(0,0,0,0.3);}
.boxRowJust .fourBox, .galleryRow .fourBox {-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.pageGroupTableSlider {float:left; width:100%; overflow:hidden;}
.pageGroupTable {margin:0 15px;}
.pageGroupDate {float:left; width:100%; text-align:center; color:#175E32; font-weight:600;}
.boxViewLink {float:right; margin:15px 0 0;}
.boxLink {float:left; width:100%; min-height:80px; background:#FCFCFC; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,0.1); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative;}
.boxLink:hover {background:#175E32;}
.boxLink:hover a {color:#FEF200;}
.boxLink a {position:absolute; top:0; left:0; width:100%; height:100%; font-size:18px; font-weight:600; display:flex; flex-direction:column; justify-content:center; padding:5px 10px;}
.photoGalleryBox {float:left; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(0,0,0,0.1); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position:relative; overflow:hidden;}
.photoGalleryBox img {float:left; width:100%; height:auto; display:block;}
.photoGalleryTitle {float:left; width:100%; font-weight:600; text-align:center;}
.photoGalleryTitle a {color:#231F20;}
.photoGalleryTitle a:hover {color:#FEF200;}
.pageLeft, .pageRight {float:left;}
.pageLinks {float:left; width:100%; background:#FFF; padding:5px 10px; margin-bottom:40px; border:1px solid #F0F0F0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.pageLinks h3 {text-align:left; font-size:24px;}
.pageLinks ul {float:left; width:100%; list-style:none; margin:0; padding:0;}
.pageLinks li {float:left; width:100%; font-size:14px; margin-bottom:5px;}
.pageLinks a {float:left; width:100%; color:#231F20;}
.pageLinks a:hover {color:#FEF200;}
.pageLinks i {margin-right:5px;}
.pGallery {float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.galleryPhoto {border:5px solid transparent; position:relative;}
.galleryPhoto img {float:left; width:100%; height:auto; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}
.galleryPhotoTitle {position:absolute; bottom:0; left:0; background:rgba(35, 31, 32,0.4); width:100%; height:31px; font-size:14px; color:#FFF; padding:5px 10px; border-top:1px solid rgba(35, 31, 32,0.4); border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; transition-duration:0.6s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#photoGalleryBG {position:fixed; background:rgba(35, 31, 32,0.95); top:0; left:0; width:100%; height:100vh; display:none; z-index:99998;}
#photoGalleryContent {position:absolute; height:calc(100vh - 60px);}
#photoGalleryClose {position:absolute; top:6px; right:14px; width:200px; display:block; color:#FFF; overflow:hidden; cursor:pointer; font-size:24px; line-height:30px; font-weight:600; text-align:right; z-index:99999}
#photoGalleryClose i {font-size:26px; vertical-align:bottom;}
#photoGalleryClose:hover {color:#FEF200; text-decoration:none; transition-duration:0.5s;}
#galleryLogo {position:absolute; left:5px; z-index:-1;}
#galleryLogo img {float:left;}
#galleryLogo .logoTitle {opacity:0.8;}
.pGSPhotoContainer {float:left; width:100%; height:100%; padding:30px 0; overflow:hidden; position:relative; z-index:1;}
#photoGalleryContent {top:0; left:0; width:100%; height:100vh;}
.pGPhotoDetails {padding:5px 10px;}
.pGPhotoDetails h1 {float:left; width:100%; margin:0;}
.pGPhotoDesc p {clear:both;}
.pGGallery, .pageGallery {height:100%;}
.pGGallery {display:table-cell;}
.pGSGallery {height:100vh;}
.pGPhoto {text-align:center;}
.pGPreview {overflow:hidden; display:inline-block;}
.pGPhoto {float:left; width:100vw; height:calc(100vh - 60px); text-align:center; position:relative; margin-bottom:31px;}
.pGPhoto img, .pGPhoto video {top:50%; transform:translateY(-50%); position:relative; width:auto; height:auto; max-width:calc(100vw - 20px); max-height:100%; -webkit-box-shadow:0px 0px 5px 3px rgb(35, 31, 32); -moz-box-shadow:0px 0px 5px 3px rgb(35, 31, 32); box-shadow:0px 0px 5px 3px rgb(35, 31, 32);}
.pGPhotoTitle {position:absolute; background:rgba(35, 31, 32,0.4); bottom:-1px; left:50%; color:#FFF; text-align:center; padding:5px 10px; border-top:1px solid rgba(35, 31, 32,0.4);}
#pGLeft, #pGRight {position:absolute; top:0; width:50%; height:100%; font-size:60px; color:#FFF; display:block; opacity:0.2; cursor:pointer; z-index:100;}
#pGLeft span, #pGRight span {position:absolute; top:calc(50% - 39.5px);}
#pGLeft span {left:0;}
#pGRight span {right:0;}
#pGLeft:hover, #pGRight:hover {opacity:1; text-decoration:none;}
.pGPhoto.activeSlide {z-index:10;}
#galleryLoading {position:absolute; background:rgba(35, 31, 32, 0.8); left:0; width:100vw; top:0; height:100vh; display:none; z-index:99998;}
#galleryLoading img {position:absolute; top:calc(50% - 32px); left:calc(50% - 32px);}
#swipeInstr {position:fixed; background:rgba(255, 255, 255, 0.4); top:calc(50% - 65px); left:0; width:100%; height:130px; text-align:center; padding:10px 0; display:none; z-index:99999;}
#swipeInstr img {animation:leftToRight 1.5s ease-in-out infinite;}
#rulesLink {float:left; width:100%; background:#175E32; text-align:center; color:#FFF; font-weight:600; font-size:20px; padding:15px 0; margin-bottom:40px; border:1px solid rgba(0,0,0,0.4); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; cursor:pointer;}
#rulesLink:hover, .submitButton:hover, #memLoginAC:hover, #memForgotAC:hover, .registerForEvent:hover {background:#FEF200; color:#231F20; text-decoration:none;}
.knockoutContainer {float:left; display:flex; flex-direction:row; align-items:flex-start; position:relative; overflow-x:auto;}
.knockoutContainerD {background:#FCFCFC; border:1px solid #F6F6F6; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.knockoutFixtures {width:100%; min-width:640px; height:100%; display:flex; padding:10px 0;}
.knockoutRound {min-height:40px; text-align:center; display:flex; flex-direction:column; justify-content:space-evenly; margin-bottom:20px;}
.knockoutRound1 {width:100%;}
.knockoutRound2 {width:50%;}
.knockoutRound3 {width:33.3333%;}
.knockoutRound4 {width:25%;}
.knockoutRound5 {width:20%;}
.knockoutRound6 {width:16.6666%;}
.knockoutRound7 {width:14.28%;}
.knockoutRound8 {width:12.5%;}
.knockoutRound9 {width:11.1111%;}
.knockoutRound10 {width:10%;}
.knockoutRound h3 {font-size:22px; font-family:"Open Sans", Arial, Verdana, Helvetica;}
.knockoutRound h3 span {font-size:12px; font-weight:400;}
.knockoutTie {float:left; width:100%; background:#FFF; text-align:left; border:1px solid #F1F2F3; padding:3px 10px; margin-bottom:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.knockoutFixturesS {float:left; width:100%; padding-bottom:40px; position:relative;}
.knockoutTable thead th {padding-bottom:20px;}
td.knockoutTD {width:250px; background:#FFF; font-size:14px; text-align:left; border:1px solid #CACACA; padding:3px 10px; margin-bottom:15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;}
span.kFixtureDate {position:absolute; left:0; bottom:100%; width:100%; line-height:20px; color:#175E32; font-size:10px; text-align:center;}
td.knockoutTD:empty {background:#FCFCFC; border:1px solid #FCFCFC !important;}
td.knockoutTD .knockoutInd {float:left; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
td.knockoutTD .knockoutInd.knockoutIndWS {width:calc(100% - 30px);}
td.knockoutTD .knockoutInd:first-child {margin-bottom:3px;}
td.knockoutTD .knockoutScore {width:20px;}
td.knockoutRndConn {width:22px; position:relative;}
td.knockoutRndConn span {position:absolute; background:#CACACA;}
.hConn {width:calc(50% + 3px); height:1px;}
.vConn {width:1px; height:calc(100% - 49px); top:24.5px; left:calc(50% + 0.5px);}
.firstM, .secondM, .preM {left:-2px;}
.firstM {top:24.5px;}
.secondM {bottom:24.5px;}
.nextR, .preM {top:calc(50% - 0.5px);}
.nextR {left:calc(50% + 1.5px);}
.preM {width:100%; height:1px;}
.knockoutScore {float:right;}
#tournWinner {position:absolute; right:18px; bottom:8px; font-size:20px; font-weight:600;}
.knockoutTable {float:left;}
.knockout64, .knockout32, .knockout16, .knockout8, .knockout4, .knockoutPre64, .knockoutPre32, .knockoutPre16, .knockoutPre8, .knockoutPre4 {display:block;}
.knockout64, .knockoutPre32 {min-width:1161px;}
.knockout32, .knockoutPre16 {min-width:1338px;}
.knockout16, .knockoutPre8 {min-width:1066px;}
.knockout8, .knockoutPre4 {min-width:794px;}
.knockout4 {min-width:522px;}
.knockoutPre64 {min-width:1882px;}
.knockoutPH {color:#FFF;}
.localClubs {margin:40px 0 !important;}
.localClubs .boxRow {margin:0; flex-wrap:wrap;}
.localClub {border:20px solid transparent;}
.localClub:hover .localClubBox {background:#FCFCFC; border:2px solid rgba(23, 94, 50, 0.5); -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.3); box-shadow:0 0 5px 0 rgba(0,0,0,0.3);}
.localClub:hover a, .localClub:hover .localClubName {color:#175E32;}
.localClubBox, .localClubBox a {float:left; width:100%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:start; align-items:center;}
.localClubBox {background:#FFF; border:2px solid #FFF; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3); box-shadow:0 0 20px 0 rgba(0,0,0,0.3);}
.localClubBox a {color:#231F20;}
.localClubBox img {margin-bottom:5px;}
.localClubName {font-weight:600;}
#tabNav {float:left; width:100%; height:50px; text-align:center;}
#tabNav a {height:50px; line-height:50px; background:#EEE; color:#231F20; font-weight:600; padding:0 20px; margin:0 10px; display:inline-block; cursor:pointer; border:1px solid #E3E3E3; border-bottom:none; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; position:relative; overflow:hidden;}
#tabNav a:hover {background:#FAFAFA; color:#175E32; text-decoration:none;}
#tabNav a:first-of-type {margin:0 10px 0 0;}
#tabNav a:last-of-type {margin:0 0 0 10px;}
#tabNav a.currentSelTab, #tabNav a.currentSelTab:hover {background:#FCFCFC; color:#175E32; border-color:#F6F6F6; z-index:2;}
.tabContent {background:#FCFCFC; display:none; padding:10px 10px 20px; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; z-index:1;}
.currentTab {display:inline-block; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.tabContent h4 {font-size:24px; color:#231F20;}
.fixturesContainer, .resultsContainer {width:100%; margin:0 auto;}
.fixturesContainer {max-width:600px;}
.resultsContainer {max-width:768px;}
.weekFixtureResult {float:left; width:100%; margin-bottom:20px;}
.weekTitle, .fixturesGroupTitle {float:left; width:100%; font-weight:600;}
.weekTitle {font-size:20px;}
.weekDate {float:left; width:100%; font-size:12px; margin-bottom:8px;}
.fixturesGroup {float:left; width:100%; margin-bottom:50px; position:relative;}
.fixturesGroupNL {margin-top:25px;}
.fixturesGroupTitle {position:absolute; top:-25px; left:0;}
.fixturesGroupTitleR {float:left; width:100%; font-weight:600; margin-top:-25px;}
.fixturesGroupVenue {text-align:right; font-size:0.9em;}
.fixturesLegend {float:left; width:100%; font-size:10px; text-align:center; display:flex; flex-direction:row; align-items:center; margin-bottom:5px; transition-duration:0.5s;}
.fixturesMatch {float:left; background:#FFF; border:1px solid #F1F2F3; width:100%; margin-bottom:5px; position:relative; padding:3px 5px; display:flex; flex-direction:row; align-items:center; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.homeTeam, .awayTeam {width:calc(50% - 12.5px); display:flex; align-items:center; transition-duration:0.5s;}
.homeTeam {float:left; padding-right:30px;}
.awayTeam {float:right; padding-left:30px;}
.teamName {float:left; width:calc(100% - 70px);}
.resKnockoutName {float:left; width:calc(100% - 35px);}
.awayTeam .teamName, .awayTeam .resKnockoutName {text-align:right;}
.teamRink, .teamScore, .resKnockoutScore {float:left; width:35px; font-weight:600; display:flex; justify-content:center; align-items:center;}
.fixturesLegend .teamRink, .fixturesLegend .teamScore {color:#626262;}
.fixturesVersus {float:left; width:25px; font-size:16px; font-weight:700; color:#175E32; text-align:center;}
.leagueTable {float:left; width:100%; margin-bottom:30px; border-collapse:collapse;}
.leagueTable thead {background:#F7F7F5; font-size:16px; height:24px;}
.leagueTable th {padding-top:10px; border-bottom:1px solid #DBDBDB; cursor:default !important;}
.leagueTable th, .leagueTable td {text-align:right;}
.leagueTable td.tN {text-align:left; width:33% padding:0 1mm;}
.leagueTable td {padding:1.5mm 0; border-bottom:1px solid #EDEDED;}
.tS {width:5%;}
.tM {width:8%;}
.tL {width:10.5%;}
th.tP {padding:3.5mm 1mm 0;}
td.tP {padding:1.5mm 1mm;}
.pageGroupTable td.tN {width:25%;}
.resFixMainTitle, .resFixTLTitle, .resFixTitle {float:left; width:100%;}
.resFixTLTitle, .resFixTitle {font-weight:600;}
.resFixMainTitle {font-size:22px; font-weight:700; color:#175E32; margin-bottom:10px;}
.resFixTLTitle {font-size:20px; color:#175E32; margin-bottom:5px;}
.resFixTitle {font-size:18px; font-weight:600; margin-bottom:10px;}
.resFixture {float:left; background:#FDFDFD; width:100%; margin-bottom:10px; padding:5px; border:1px solid #F9F9F9; transition-duration:0.5s;}
.resFixture .teamName {width:100%;}
.resFixture .homeTeam, .resFixture .awayTeam {display:block;}
.resFixture .homeTeam .teamRink {margin-left:calc(100% - 70px);}
.resFixture .awayTeam .teamRink {margin-right:calc(100% - 70px);}
.committeeContainer, .honoursContainer, .eventsContainer {float:left; background:#FFF; width:100%; padding:10px; border:1px solid rgba(23, 94, 50, 0.1); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1); transition-duration:0.5s;}
.committeeContainer:hover, .honoursContainer:hover, .eventsContainer:hover {border:1px solid rgba(23, 94, 50, 0.3);}
.eventsContainer.currentEvent {border:1px solid rgba(23, 94, 50, 0.5);}
.eventsContainer.currentEvent:hover {border:1px solid rgba(23, 94, 50, 0.8);}
.eventsContainer {margin-bottom:40px;}
.eventsContainer h3 {font-size:24px;}
.committeeRow, .honoursRow {float:left; width:100%; margin-bottom:5px; display:flex; flex-direction:row; align-content:stretch;}
.committeeTitleRow .committeePos, .committeeTitleRow .committeeName, .honoursTitleRow .honoursYear, .honoursTitleRow .honoursLocation, .honoursTitleRow .honoursWinner {font-weight:700; border-top:none !important;}
.committeePos, .committeeName, .honoursYear, .honoursLocation, .honoursWinner {float:left; display:flex; align-items:center; padding:15px 10px 10px; border-top:1px solid #F4F4F4; transition-duration:0.5s;}
.committeeName, .committeeName.skiptranslate, .div.skiptranslate, .committeePos, .committeePos.skiptranslate, .honoursWinner, .honoursWinner.skiptranslate {display:block !important;}
.committeeClubLogo {float:left; width:40px; margin-right:10px;}
.committeePos, .honoursWinner {font-weight:600;}
.committeePos, .honoursYear, .honoursLocation {margin-right:15px;}
.committeePos a {width:100%; display:flex; flex-direction:row; align-items:center;}
.registerForEvent {float:right; background:#175E32; text-align:center; color:#FFF; font-weight:600; font-size:16px; padding:5px 10px; border:1px solid rgba(0,0,0,0.4); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; cursor:pointer;}
#eventsFormC {float:left; width:100%; display:flex; align-items:center; justify-content:center; margin:40px 0;}
#eventsForm {float:left; background:#FFF; padding:10px; border:1px solid rgba(23, 94, 50, 0.1); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1); transition-duration:0.5s;}
.formInput, .formSelect, .formRadio {float:left; width:100%; position:relative; margin:0 0 20px;}
.formInput {background:#FFF; border:1px solid #909090; border-top:none; padding:10px 0;}
.propFormRow .formInput {margin:0 0 8px;}
.formSelect {padding:0;}
.formSelect .ui-selectmenu-button {width:100% !important; border-top:none; border-left:1px solid #909090; border-right:1px solid #909090; border-bottom:1px solid #909090; padding:18px 14px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.twoBox .formInput, .threeBox .formInput, .fourBox .formInput {background:#FFF;}
.formInputHalf {width:49%;}
.formInputHalfL, .propFormInputHalfL {margin-right:2%;}
.formInput.formError {border:1px solid #BB0003; border-top:none;}
.formInput input, .formInput textarea, .formRadio input {width:100%; font-size:20px; color:#333; background:transparent; border:none; padding:0 10px; margin:0;}
.formInput input, .formRadio input {height:35px; line-height:35px;}
.formInputT input {width:calc(100% - 30px);}
.formRadio input[type="radio"] {float:left; width:20px; margin-right:10px; cursor:pointer;}
.radioLabel {float:left; width:calc(100% - 30px); line-height:35px; cursor:pointer;}
.radioLabel img {vertical-align:middle;}
.formInput.formError {border-color:#BB0003;}
.formInput textarea {height:187px; font-family:"Open Sans", Arial, Verdana; resize:none;}
textarea.propertyAddress {height:112px;}
.formLabel {position:absolute; top:0; left:0; right:0; width:100%; height:16px; font-size:12px; display:flex; flex-flow:row nowrap;}
.formLabel::before, .formLabel::after {content: ""; background:#909090; display:inline-block; height:1px; top:0; width:7px;}
.formError .formLabel::before, .formError .formLabel::after {background:#BB0003;}
.formLabel::after {flex:1 1 auto;}
.formLabel {line-height:16px !important;}
.formLabel label {position:relative; top:-8px; color:#909090; padding:0 5px;}
.formLabel label span {color:#BB0003; margin-left:5px;}
.formInput input:focus, .formInput textarea:focus, #subEmail:focus {outline:none !important;}
.formInput input:required + .formLabel label:after, .formInput textarea:required + .formLabel label:after, .formInputFull textarea:required + .formLabel label:after {content:"*"; color:#BB0003; margin-left:3px;}
#passStrength, #passNoMatch {float:left; width:100%; text-align:center; font-size:20px; display:none; margin-bottom:15px;}
#passStrength {font-weight:600;}
#passNoMatch {font-weight:700; color:#BB0003;}
.submitButton:disabled {opacity:0.4; cursor:default !important;}
.contactCols {float:left; padding-top:5px;}
#captchaVerification {float:left; background:#FFF; width:calc(100% - 2px); border:1px solid #A6A6A6; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.imgCaptcha {background:none; width:200px; font-size:14px; margin:0 !important;}
#captchaVerification iframe {float:left;}
input.captchaResponse {clear:none !important;}
.submitButton {float:left; background:#175E32; height:40px; line-height:36px; text-align:center !important; font-family:"Open Sans", Arial, Verdana; font-size:16px; color:#FFF; border:1px solid rgba(0, 0, 0, 0.4); display:block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s; cursor:pointer;}
.submitButton {width:200px; left:50%; margin:10px 0 10px -100px; padding:0 10px; position:relative;}
input[type='number'] {-moz-appearance:textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;}
footer {position:fixed; left:0; bottom:0; width:100%; min-height:250px; background:#175E32; color:#FFF; display:block;}
#footerLogo {float:left; width:224px; height:98px; margin:56px 0; display:block;}
#footerLeft, #footerRight {float:left; width:50%; height:30px; line-height:30px; font-size:10px;}
#footerLeft {clear:left;}
#footerBottom {float:left; background:#165930; width:100%; padding:5px 0;}
#footerRight {text-align:right;}
#footerLeft a, #footerRight a {color:#FFF;}
#footerLeft a:hover, #footerRight a:hover {color:#FEF200; text-decoration:none;}
#loginBGContainer, #rulesBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:99998; }
#loginBGContainer.unfold, #rulesBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#loginBGContainer.unfold #loginBG #loginSignupContainer, #rulesBGContainer.unfold #rulesBG #rulesContainer {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#loginBGContainer.unfold.out, #rulesBGContainer.unfold.out {transform:scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#loginBGContainer.unfold.out #loginBG #loginSignupContainer, #rulesBGContainer.unfold.out #rulesBG #rulesContainer {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#loginBGContainer #loginBG, #rulesBGContainer #rulesBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;}
#loginContainer, #loginHelpContainer {float:left; width:100%; display:none;}
#loginSignupContainer, #rulesContainer {width:96%; max-width:768px; background:#FFF; padding:10px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); transition-duration:0.5s; cursor:default; transform:scale(0);}
#rulesContainer {max-height:90vh;}
#loginForm, #rulesText {float:left; width:100%; height:100%;}
#loginForm {display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden;}
#rulesText {max-height:calc(90vh - 20px); text-align:left; padding:0 15px; overflow-y:auto; overflow-x:hidden;}
#rulesText li {margin-bottom:5px;}
.memLoginContainer, .loginSignup {float:left; width:100%;}
.loginSignup {text-align:center;}
#loginBG h6, #rulesBG h6 {float:left; width:100%; color:#175E32; text-align:center; font-size:22px; line-height:26px; margin:0 0 10px;}
.formTitle {font-weight:600;}
#forgotPass {float:left; width:100%; font-size:12px; text-align:center;}
#loginBG, #forgotPass, #loginSignup, #loginRem, #loginBack, #loginFooter {cursor:pointer;}
#memLoginAC, #memForgotAC, #completeClose {float:left; clear:both; background:#175E32; font-family:"Open Sans", Arial, Verdana, Helvetica; width:200px; height:40px; line-height:36px; left:50%; display:block; color:#FFF; font-size:16px; font-weight:600; text-align:center; border:1px solid rgba(0, 0, 0, 0.4); margin:10px 0 10px -100px; position:relative; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; transition-duration:0.5s;}
.loginError, .errList {color:#B30002; font-weight:600; padding:0; list-style:none;}
.loginError {margin:0;}
.errList {margin:0 0 40px;}
.memLoginWarning {color:#B30002;}
#subscribeRow {display:flex; flex-direction:row; justify-content:center;}
#subscribeForm {background:#F7F7F7; display:inline-block; padding:10px; border:1px solid #F1F2F3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#subEmail, #subNotiList {float:left; height:38px; font-size:16px; padding:3px 5px; font-family:"Open Sans", Arial, Verdana;}
#subEmail {width:calc(50vw - 88px); min-width:180px; max-width:350px; font-size:16px; border:1px solid #D1D3D4; border-right:none; border-radius:2px 0 0 2px; -moz-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px;}
#subNotiList {background:#175E32; color:#FFF; font-weight:600; border:1px solid rgba(0, 0, 0, 0.3); border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; cursor:pointer;}
#subNotiList:hover {background:#FEF200; color:#231F20;}
#closeLogin, #closeRules {position:absolute; background:#175E32; top:-27.5px; right:-27.5px; width:55px; height:55px; color:#FFF; font-size:40px; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#closeLogin:hover, #closeRules:hover {color:#175E32; background:#F1F2F3; text-decoration:none;}
.signupShowContainer {display:block !important;}
.showPass {float:right; width:20px; height:40px; line-height:40px; font-size:22px; color:#CCC; margin:-40px 20px 0 0; display:block; cursor:pointer; transition-duration:0.5s; position:relative; z-index:1;}
#loginPass:hover + .showPass {color:#231F20;}
.showPass:hover {color:#175E32;}
#memLoginACL, #memForgotACL {float:left; background:#175E32; width:70px; height:40px; line-height:36px; display:none; text-align:center; border:1px solid rgba(0, 0, 0, 0.4); position:relative; clear:both; left:50%; margin:10px 0 10px -35px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}
#memLoginRes, #memForgotRes {float:left; width:100%; min-height:25px; line-height:25px; font-size:14px; margin-bottom:15px; display:none;}
.memLoginErr {color:#BB0003;}
#eventRegAlert {position:fixed; left:0; width:100%; z-index:1041; transition-duration:2s;}
#eventRegAlert.alertOpen, #eventRegAlert.alertClosed {transition-duration:0.5s;}
#eventRegAlert.alertOpen, #eventRegAlert.alertFOpen {bottom:0;}
#eventRegContent {position:absolute; top:0; left:0; width:100%; display:block; border-top:1px solid #CCC303; border-bottom:1px solid #CCC303; -webkit-border-radius:6px; webkit-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.75); -moz-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.75); box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.75);}
#eventRegTitle, #eventRegText {float:left;}
#eventRegTitle {background:#FEF200; text-align:center; justify-content:center; font-weight:600; display:flex; align-items:center;}
#eventRegTitle a {color:#231F20;}
#eventRegTitle a:hover {color:#175E32; text-decoration:none;}
#eventRegText {background:#FFF; padding:5px 10px;}
.eventRegAlert {float:left; width:100% !important; margin-bottom:70px;}
.eventRegAlertText {float:left; width:calc(100% - 100px) !important; height:100% !important; display:flex; align-items:center; overflow-y:auto; padding-right:10px;}
.eventRegLinkBtnC {float:right; width:100px !important; height:100% !important; display:flex; align-items:center; justify-content:center;}
.eventRegLinkBtn {background:#175E32; color:#FFF; padding:5px 15px; border:1px solid rgba(0, 0, 0, 0.4); display:block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.eventRegLinkBtn:hover {background:#FEF200; color:#231F20;}
#eventRegBtn {position:absolute; top:-30px; left:30px; width:40px; height:31px; line-height:31px; background:#FEF200; border:1px solid #CCC303; border-bottom:none; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; z-index:1;}
#eventRegBtn:hover {background:#CCC303; color:#FFF;}
#eventRegBtn span {position:absolute; top:0; left:0; width:38px; height:29px; text-align:center; cursor:pointer; display:none;}
#eventRegAlert.alertOpen #eventRegBtnClose, #eventRegAlert.alertFOpen #eventRegBtnClose, #eventRegAlert.alertClosed #eventRegBtnOpen {display:block;}
#eventRegText .slick-list.draggable, #eventRegText .slick-track {width:100% !important;}
#cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #175E32; padding:14px; font-size:14px; display:none; z-index:99997; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; webkit-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); -moz-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75);}
#cookieUse, #cookieText, #cookieButtons {float:left; width:100%; color:#231F20;}
#cookieText {padding:14px;}
#cookieText h6 {text-align:center;}
#cookieText a {color:#175E32;}
#cookieText a:hover {color:#FEF200;}
#cookieContinue, #cookieRefuse {float:left; height:40px; line-height:36px; display:block; cursor:pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#cookieContinue {background:#175E32; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid #0C391D;}
#cookieContinue:hover {background:#0C391D; color:#FEF200; text-decoration:none;}
#cookieRefuse {background:#FFF; width:calc(25% - 4px); color:#231F20; font-size:12px; border:2px solid #231F20; margin:20px 0;}
#cookieRefuse:hover {background:#231F20; color:#FFF; text-decoration:none;}
#scrollToTop {background:rgba(35, 31, 32, 0.6); border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-size:32px; display:block; height:32px; padding:0 2px 20px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;}
#scrollToTop:hover {background:rgba(35, 31, 32, 0.9);}
@keyframes unfoldIn {
0% {transform: scaleY(0.005) scaleX(0);}
50% {transform: scaleY(0.005) scaleX(1);}
100% {transform: scaleY(1) scaleX(1);}
}
@keyframes unfoldOut {
0% {transform: scaleY(1) scaleX(1);}
50% {transform: scaleY(0.005) scaleX(1);}
100% {transform: scaleY(0.005) scaleX(0);}
}
@keyframes zoomIn {
0% {transform:scale(0);}
100% {transform:scale(1);}
}
@keyframes zoomOut {
0% {transform: scale(1);}
100% {transform: scale(0);}
}
@keyframes leftToRight {
0% {transform:translateX(60px);}
50% {transform:translateX(-60px);}
100% {transform:translateX(60px);}
}
@media screen and (min-width: 1400px) {
#homeIntroText {top:270px;}
#homeIntroText h1 {font-size:75px;}
#homeIntroText p {width:36vw; font-size:20px;}
}
@media screen and (min-width: 1320px) {
#header, #mainContent, .container, #footer {width:1170px; margin:0 auto;}
.showMenu {right:50px;}
#homeIntroText {left:50%; margin-left:-585px;}
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
#homeIntroText {top:180px;}
#homeIntroText h1 {font-size:60px;}
#homeIntroText p {width:45vw; font-size:18px;}
}
@media screen and (min-width: 768px) and (max-width: 1319px) {
#header, #mainContent, .container, #footer {width:90%; margin:0 5%;}
.showMenu {right:5%;}
#homeIntroText {left:5%;}
}
@media screen and (min-width: 1171px) {
.knockoutRound {padding:0 40px;}
.gallerySlideContainer .galleryPhoto {width:20%;}
#eventsForm {width:50%;}
}
@media screen and (min-width: 1000px) and (max-width: 1170px) {
.knockoutRound {padding:0 30px;}
}
@media screen and (min-width: 1000px) {
.localClub {width:20%;}
.galleryPhoto {width:25%;}
#tabNav a {font-size:20px;}
#eventRegAlert {bottom:-150px; height:82px;}
#eventRegAlert.alertClosed {bottom:-82px;}
#eventRegText {width:calc(100% - 200px);}
#eventRegTitle {width:200px;}
#eventRegContent {height:82px;}
#eventRegTitle, #eventRegText {height:80px;}
#eventRegText .slick-list.draggable, #eventRegText .slick-track, .eventRegAlert {height:70px !important;}
}
@media screen and (min-width: 1000px) and (max-width: 1170px) {
.knockoutRound {padding:0 20px;}
}
@media screen and (min-width: 768px) and (max-width: 1170px) {
.knockoutTie {font-size:14px;}
.gallerySlideContainer .galleryPhoto {width:33.3333%;}
#eventsForm {width:75%;}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
.localClub, .galleryPhoto {width:33.3333%;}
#tabNav a {font-size:18px;}
#eventRegAlert {bottom:-250px; height:172px;}
#eventRegAlert.alertClosed {bottom:-172px;}
#eventRegText {width:calc(100% - 110px);}
#eventRegTitle {width:110px;}
#eventRegContent {height:172px;}
#eventRegTitle, #eventRegText {height:170px;}
#eventRegText .slick-list.draggable, #eventRegText .slick-track, .eventRegAlert {height:160px !important;}
}
@media screen and (min-width: 768px) {
#header {margin-top:36px;}
#logoTitle {display:flex;}
.showMenu {top:46px;}
#mainMenu {right:-600px; width:600px;}
#menuContainer {height:calc(100vh - 125px);}
nav.is-active #mainMenu {transform:translateX(-600px);}
#mainMenu li {transform:translate3d(600px, 0px, 0px);}
#homeGallery {width:50vw; height:100%;}
.homeGallery.showGallery {clip-path:circle(40vw at 80% 24%);}
.showGallery .clipShadow {width:80vw; height:80vw; top:calc(24% - 40vw); left:calc(80% - 40vw);}
#homeIntroText {position:absolute;}
#homeIntroText .container {padding:0 14vw 0 6vw;}
#pageGalleryC {clip-path:circle(2vw at 50% 50%);}
#pageGalleryC .clipShadow {width:4vw; height:4vw; top:calc(50% - 2vw); left:calc(50% - 2vw);}
#darkHeader {height:154px;}
main {margin-bottom:245px;}
#pageBreadcrumb li {font-size:14px;}
#pageBreadcrumb li:not(:first-child)::before {padding:0 7px 0 5px; margin:0;}
.pageLeft {width:80%; margin-right:2%;}
.pageRight {width:18%; padding-top:50px;}
.knockoutRound {padding:0 10px;}
.threeBox:nth-child(2) {margin:0 40px;}
.twoBox:nth-child(1), .fourBox:nth-child(1) {margin:0 40px 0 0;}
.fourBox:nth-child(3) {margin:0 40px;}
.pGPhoto img {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.pGPhotoTitle {border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;}
#pGLeft {left:10px;}
#pGRight {right:10px;}
.pGPhotoTitle {font-size:20px;}
.galleryPhotoTitle {opacity:0;}
.galleryPhoto:hover .galleryPhotoTitle {opacity:1;}
#galleryLogo {bottom:5px;}
.committeePos {width:33.3333%;}
.committeeName {width:66.6667%;}
.honoursYear, .honoursLocation {width:20%;}
.honoursWinner {width:60%;}
.knockoutContainer {width:100%;}
.formInput50 {width:49%;}
.formInput50:nth-child(2) {margin:0 2% 20px 0;}
.contactCols {width:50%; padding-top:30px; margin:0 0 20px;}
.contactCols:first-child, .popupForm .contactCols:nth-child(2) {padding-right:30px;}
.contactCols textarea {height:186px}
#captchaVerification {margin:0 0 20px;}
input.captchaResponse {width:200px !important; margin:0 0 15px 10px !important;}
#captchaVerification .formInput {width:calc(100% - 220px); margin-left:20px;}
#cookieUseContainer {right:15px; width:calc(100% - 30px);}
}
@media screen and (max-width: 767px) {
#header, #mainContent, .container, #footer {width:96%; margin:0 2%;}
#logo .logoTitle, #menuLogo {display:none;}
.showMenu {top:10px; right:2%;}
#mainMenu {right:-100vw; width:100vw;}
#menuContainer {height:100%;}
nav.is-active #mainMenu {transform:translateX(-100vw);}
#mainMenu li {transform:translate3d(100vw, 0px, 0px);}
#homeGallery {width:100vw; height:100%;}
.homeGallery img, .homeGallery video {width:auto; height:100vh; right:-9999px; left:-9999px; margin:auto;}
.homeGallery.showGallery {clip-path:circle(100vw at 110vw 40vh);}
.showGallery .clipShadow {width:200vw; height:200vw; top:calc(40vh - 100vw); left:10vw;}
#homeIntroText {float:left; width:90%; background:rgba(23, 94, 50, 0.8); position:relative; margin:-140px 5% 0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#homeIntroText h1 {font-size:50px;}
#homeIntroText p {width:100%; font-size:16px;}
#pageGalleryC {clip-path:circle(8vw at 50% 50%);}
#pageGalleryC .clipShadow {width:16vw; height:16vw; top:calc(50% - 8vw); left:calc(50% - 8vw);}
#darkHeader {height:118px;}
main {margin-bottom:275px;}
#pageBreadcrumb ol {overflow-x:auto; white-space:nowrap;}
#pageBreadcrumb li {font-size:9px;}
#pageBreadcrumb li:not(:first-child)::before {padding:0 2.5px; margin:0;}
.pageLeft, .pageRight {width:100%;}
.pageLeft {margin-bottom:40px;}
.knockoutRound {padding:0 5px;}
.knockoutTie {font-size:12px;}
.boxRow {flex-wrap:wrap;}
.centredTextWide, .boxRow, .twoBox, .threeBox, .fourBox, .halfColText, .halfColPic {width:100%;}
.oneBox, .twoBox, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox {border:6px solid transparent;}
.threeBox, .fourBox {border-left:none; border-right:none;}
.oneBox, .twoBox, .threeBox, .fourBox {margin-bottom:40px;}
.twoBox:last-child, .threeBox:last-child, .fourBox:last-child {margin-bottom:0;}
#photoGalleryContent {top:0; left:0; width:100%; height:100vh;}
.pGSPhotoContainer {width:100%; overflow:hidden; padding:30px 0;}
.pGPhoto img {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.pGPhotoTitle {border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px;}
#pGLeft, #pGRight, #previousPhoto, #nextPhoto {display:none;}
.pGPhotoTitle {font-size:16px;}
#galleryLogo {top:5px;}
#galleryLogo .logoTitle {display:none;}
#tabNav {display:flex; flex-direction:row; justify-content:center; padding:0 10px;}
#tabNav a {font-size:14px; line-height:unset; padding:0 6px; margin:0 4px; display:flex; justify-content:center; flex-direction:column;}
#tabNav a:first-of-type {margin:0 4px 0 0;}
#tabNav a:last-of-type {margin:0 0 0 4px;}
.leagueTable .tM {display:none;}
.committeePos, .committeeName {width:50%;}
.committeeClubLogo {display:none;}
.honoursYear, .honoursLocation {width:25%;}
.honoursWinner {width:50%;}
#eventsForm {width:100%;}
.knockoutContainer {width:90%; margin:0 5%;}
.formInput50 {width:100%; margin:0 0 20px;}
.contactCols {width:100%; padding-top:20px; margin-bottom:20px;}
.contactCols:first-of-type {margin-bottom:0;}
#captchaVerification {margin:20px 0;}
#captchaVerification iframe {left:50%; margin:0 0 20px -100px; position:relative;}
input.captchaResponse {width:calc(80% - 2px) !important; margin:0 10% 15px !important;}
.localClub {width:50%;}
#footerLeft, #footerRight {width:100%;}
#footerLeft {padding-left:2%;}
#footerRight {padding-right:2%;}
#eventRegAlert {bottom:-250px; height:172px;}
#eventRegAlert.alertClosed {bottom:-172px;}
#eventRegText {width:calc(100% - 110px);}
#eventRegTitle {width:110px;}
#eventRegContent {height:172px;}
#eventRegTitle, #eventRegText {height:170px;}
#eventRegText .slick-list.draggable, #eventRegText .slick-track, .eventRegAlert {height:160px !important;}
#cookieUseContainer {right:5px; width:calc(100% - 10px);}
}
@media only screen and (min-width: 400px) and (max-width: 767px) {
.galleryPhoto {width:50%;}
}
@media only screen and (max-width: 399px) {
.galleryPhoto {width:100%;}
}
a {color:#04761C; text-decoration:none; transition-duration:0.5s;}
a:hover {color:#FEF200; transition-duration:0.5s; text-decoration:none;}