/* Grid */ .container { position: relative; width: 100%; max-width: 1260px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .full-container{ position: relative; width: 100%; margin: 0 auto; padding: 0px; box-sizing: border-box; } .column, .columns { width: 100%; float: left; box-sizing: border-box; } /* For devices larger than 400px */ @media (min-width: 400px) { .container { width: 90%; padding: 0; } } /* For devices larger than 550px */ @media (min-width: 550px) { .container { width: 90%; } .container-content { width: 100%; } .column, .columns { margin-left: 4%; } .column:first-child, .columns:first-child { margin-left: 0; } .spaced-cont{ margin-top:30px; margin-bottom:60px; } .container.full{ width:100%; max-width:100%; } .container.slim-margin{ margin-bottom:25px; } .container.bg{ background-color:#f65f00; } } .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%; } .four.columns { width: 30.6666666667%; } .five.columns { width: 39.3333333333%; } .six.columns { width: 48%; } .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%; } .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width: 48%; } /* Offsets */ .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } /* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; font-family:'Open Sans', sans-serif; } h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;} h2 { font-size: 3.6rem; line-height: 1.2; letter-spacing: -.1rem; } h3 { font-size: 3.0rem; line-height: 1.2; letter-spacing: -.1rem; } h4 { font-size: 2.4rem; line-height: 1.2; letter-spacing: -.08rem; } h5 { font-size: 1.8rem; line-height: 1.2; letter-spacing: -.05rem; } h6 { font-size: 1.6rem; line-height: 1.2; letter-spacing: 0; } /* Larger than phablet */ @media (min-width: 550px) { h1 { font-size: 5.0rem; } h2 { font-size: 4.2rem; } h3 { font-size: 3.6rem; } h4 { font-size: 3.0rem; } h5 { font-size: 2.4rem; } h6 { font-size: 1.6rem; } } p { margin-top: 0; line-height: 1.75em; } /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ a { color: #555; } a:hover { color: #0FA0CE; } /* Buttons –––––––––––––––––––––––––––––––––––––––––––––––––– */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline-block; height: 38px; padding: 0 30px; color: #fff; text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: .1rem; text-decoration: none; white-space: nowrap; background-color: #f65f00; border-radius: 4px; border: 2px solid #bbb; cursor: pointer; box-sizing: border-box; margin-top:10px; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; -webkit-transition: border-color .1s ease-out; -moz-transition: border-color .1s ease-out; -o-transition: border-color .1s ease-out; transition: border-color .1s ease-out;} .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { color: #FFF; background-color: #a7adb1; border-color: #a7adb1; } .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { color: #FFF; background-color: #6f7375; border-color: #a7adb1; -webkit-transition: background-color .1s ease-out; -moz-transition: background-color .1s ease-out; -o-transition: background-color .1s ease-out; transition: background-color .1s ease-out; } .btn-center{ display: block; margin:0 auto; position: relative; margin-top:30px; } /* Forms –––––––––––––––––––––––––––––––––––––––––––––––––– */ input[type="date"], input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: #fff; border: 2px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; } /* Removes awkward default styles on some inputs for iOS */ select { height: 38px; } input[type="date"], input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 2px solid #33C3F0; outline: 0; } label, legend { display: block; margin-bottom: .5rem; font-weight: 600; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { display: inline; } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } /* -------------------------------- Primary Navigation style -------------------------------- */ *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: "Open Sans", sans-serif; color: #33414a; /*background-image: url("/images/enytb-bg.png");*/ background-image: url("/img/enytb-bg-dblue.png"); background-repeat: repeat; } a { color: #555; text-decoration: none; } /* -------------------------------- Main Components -------------------------------- */ header { position: fixed; z-index: 3; height: 50px; width: 100%; top: 0; left: 0; background-color: #33414a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } header.nav-is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } header::before { /* never visible - this is used in jQuery to check the current MQ */ display: none; content: 'mobile'; } @media only screen and (min-width: 1024px) { header { height: 80px; } header.nav-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } header::before { content: 'desktop'; } } .cd-logo { display: inline-block; height: 100%; margin-left: 15px; /* remove jump on iOS devices - when we fire the navigation */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-logo img { display: block; max-width: 100%; margin-top: 14px; } @media only screen and (min-width: 1024px) { .cd-logo { position: absolute; z-index: 2; margin-left: 5%; } .cd-logo img { margin-top: 29px; } } .cd-nav-trigger { display: block; position: absolute; right: 0; top: 0; height: 100%; width: 50px; /* hide text */ overflow: hidden; white-space: nowrap; color: transparent; } .cd-nav-trigger span { /* hamburger icon created in CSS */ position: absolute; height: 2px; width: 20px; top: 50%; margin-top: -2px; left: 50%; margin-left: -10px; -webkit-transition: background-color 0.3s 0.3s; -moz-transition: background-color 0.3s 0.3s; transition: background-color 0.3s 0.3s; background-color: #ffffff; } .cd-nav-trigger span::before, .cd-nav-trigger span::after { /* upper and lower lines of the menu icon */ content: ''; position: absolute; width: 100%; height: 100%; background-color: #ffffff; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .cd-nav-trigger span::before { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); } .cd-nav-trigger span::after { -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px); } .nav-is-visible .cd-nav-trigger span { background-color: rgba(255, 255, 255, 0); } .nav-is-visible .cd-nav-trigger span::before { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } .nav-is-visible .cd-nav-trigger span::after { -webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); -o-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } /* OPEN / CLOSE BTNS */ .menu-btn { position: absolute; top: 30%; margin-top: -2px; right: 20px; margin-left: -10px; z-index: 99; display: inline; font-size: 32px; } .menu-btn a { display: inline-block; text-decoration: none; /* safari hack */ } .btn-open:after { color: #fff; content: "\f0c9"; z-index: 99; font-family: "Font Awesome 5 Pro"; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition-property: all .2s linear 0s; } .btn-open:hover:after { } .btn-close:after { color: #fff; content: "\f00d"; font-family: "Font Awesome 5 Pro"; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; transition-property: all .2s linear 0s; z-index: 99; } .btn-close:hover:after { } /* OVERLAY */ .overlay { position: fixed; top: 0; z-index: 98; display: none; overflow: auto; width: 100%; height: 100%; background: #333; } .overlay .menu { margin: 5% auto; width: 60%; } .overlay .menu ul { margin: 0; padding: 0; width: 100%; } .overlay .menu ul li { float: none; padding-bottom:20px; margin-bottom: 20px; width: 100%; border-bottom: 2px solid #575757; text-align:center; } .overlay .menu ul li a { color: #f65f00; font-weight: bold; font-size: 32px; text-shadow:2px 2px 0px rgba(0,0,0,.7); } .overlay .menu ul ul { margin-top: 30px; } .overlay .menu ul ul li { position: relative; float: none; margin: 0; width: 100%; border: 0; } .overlay .menu ul ul li a { color: #fff; text-transform: capitalize; font-weight: bold; font-size: 18px; } .overlay .menu ul ul li a:hover { color: #f65f00; } .overlay .menu ul li:last-child { border: 0; } /* RESPONSIVE */ @media screen and (max-width: 768px) { .overlay .menu ul li { float: none; margin-bottom: 50px; width: 100%; border-bottom: 2px solid #575757; } .overlay .menu ul li:last-child { border: 0; } .overlay .menu ul ul { margin-top: 20px; } .menu-btn { right: 45px; } } .reg-slide{ background: url('/images/2024-Registration-Opens-1-15-24-ENYTB.png'); background-size: cover; } /* Temporary hiding of see all teams button */ @media screen and (max-width: 768px){ div#sliiider-toggle{ display:none; } } .allexamples{ position:absolute; bottom:0; font-size:18px; font-weight:bold; width:100%; text-align:center; background:#e9e9e9; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#333; position:fixed; } @media only screen and (min-width: 1030px) { .menu-btn { display: none; } } .cd-main-nav { position: fixed; z-index: 1; top: 0; right: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; visibility: hidden; background: #1e262c; overflow: auto; -webkit-transition: visibility 0s 0.3s; -moz-transition: visibility 0s 0.3s; transition: visibility 0s 0.3s; } .cd-main-nav a, .nav-arrow a { display: block; font-size: 1.8rem; padding: .9em 2em .9em 1em; border-bottom: 2px solid #33414a; color: #ffffff; -webkit-transition: -webkit-transform 0.3s, opacity 0.0s; -moz-transition: -moz-transform 0.3s, opacity 0.0s; transition: transform 0.3s, opacity 0.0s; } .cd-main-nav li ul.subnav { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } .subnav a{ color: #fff; font-weight:700; } .cd-main-nav.nav-is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } .cd-main-nav.moves-out > li > a { /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .cd-main-nav.moves-out > li > ul { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-main-nav .cd-subnav-trigger, .cd-main-nav .go-back a, .dropdown .nav-arrow { position: relative; } .cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after, .cd-main-nav .go-back a::before, .cd-main-nav .go-back a::after{ /* arrow icon in CSS */ content: ''; position: absolute; top: 50%; margin-top: -2px; display: inline-block; height: 2px; width: 10px; background: #485c68; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .go-back a::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-main-nav .cd-subnav-trigger::after, .cd-main-nav .go-back a::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after{ /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; } .cd-main-nav .go-back a { padding-left: 2em; } .cd-main-nav .go-back a::before, .cd-main-nav .go-back a::after { /* arrow goes on the left side - go back button */ left: 20px; -webkit-transform-origin: 2px 50%; -moz-transform-origin: 2px 50%; -ms-transform-origin: 2px 50%; -o-transform-origin: 2px 50%; transform-origin: 2px 50%; } .cd-main-nav .placeholder { /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */ display: none; } @media only screen and (min-width: 1030px) { .cd-main-nav { position: static; visibility: visible; width: 100%; height: 80px; line-height: 80px; /* padding left = logo size + logo left position*/ padding: 0 5% 0 5%; background: transparent; text-align: right; overflow-x: hidden; } .cd-main-nav li { display: inline-block; padding: 0 .4em; } .cd-main-nav li a { display: inline-block; padding: .8em; line-height: 1; font-size: 1.6rem; border-bottom: none; text-shadow:2px 2px 0px rgba(0,0,0,.8); /* Prevent .cd-subnav-trigger flicker is Safari */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.0s; -moz-transition: opacity 0.0s; transition: opacity 0.0s; } .cd-main-nav li a:not(.cd-subnav-trigger):hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: .6; } .cd-main-nav .go-back { display: none; } .cd-main-nav .cd-subnav-trigger { z-index: 1; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 5em; -webkit-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s; } .cd-main-nav .cd-subnav-trigger:hover { border-color: rgba(255, 255, 255, 0.4); } .cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after { top: 22px; right: 17px; background-color: #ffffff; /* change transform-origin to rotate the arrow */ -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.3s, width 0.3s, right 0.3s; -moz-transition: -moz-transform 0.3s, width 0.3s, right 0.3s; transition: transform 0.3s, width 0.3s, right 0.3s; } .cd-main-nav .cd-subnav-trigger::before { right: 23px; } .cd-main-nav .cd-subnav-trigger, .cd-main-nav .placeholder { padding-right: 2.4em; padding-left: 1.1em; padding-top: .8em; padding-bottom: .8em; } .cd-main-nav li ul.subnav { height: 80px; background-color: #f65f00; /* padding left = logo size + logo left position*/ padding: 0 5% 0 5%; -webkit-transform: translateY(-80px); -moz-transform: translateY(-80px); -ms-transform: translateY(-80px); -o-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: -webkit-transform 0.3s 0.2s; -moz-transition: -moz-transform 0.3s 0.2s; transition: transform 0.3s 0.2s; } .cd-main-nav li ul.subnav li { opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.0s 0s; -moz-transition: -moz-transform 0.3s 0s, opacity 0.0s 0s; transition: transform 0.3s 0s, opacity 0.0s 0s; } .cd-main-nav .placeholder { /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */ display: block; visibility: hidden; opacity: 0; pointer-event: none; } .cd-main-nav.moves-out > li > a { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } .cd-main-nav.moves-out > li > ul { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-main-nav.moves-out > li ul li { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s; -moz-transition: -moz-transform 0.3s 0.2s, opacity 0.3s 0.2s; transition: transform 0.3s 0.2s, opacity 0.3s 0.2s; } .cd-main-nav.moves-out .cd-subnav-trigger::before, .cd-main-nav.moves-out .cd-subnav-trigger::after { width: 14px; right: 17px; } .cd-main-nav.moves-out .cd-subnav-trigger::before { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } .cd-main-nav.moves-out .cd-subnav-trigger::after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } } @media only screen and (min-width: 1030px) and (max-width : 1260px) { .cd-main-nav li a{ padding: .4em; font-size: 1.4rem; } .open-modal.login-button{ padding: 0 15px; } .cd-main-nav .cd-subnav-trigger::before, .cd-main-nav .cd-subnav-trigger::after{ top: 19px; right: 14px; } .cd-main-nav .cd-subnav-trigger::before{ right: 20px; } } .cd-main-content::before { /* never visible - this is used in jQuery to check the current MQ */ display: none; content: 'mobile'; } @media only screen and (min-width: 1024px) { .cd-main-content::before { content: 'desktop'; } } /* ENYTB Table Styling - Brought over from legacy site */ .noticebox-info{ margin:60px auto 40px auto; text-align:left; display:block; width:80%; color: #5e5f60; background-color: #c7ecfa; border: 1px solid #5e5f60; padding: 20px 30px 0px 30px; font-weight:600; } .noticebox-warning{ margin:60px auto 40px auto; text-align:left; display:block; width:80%; color: #5e5f60; background-color: #fff8c4; border: 1px solid #5e5f60; padding: 20px 30px 20px 30px; font-weight:600; } .noticebox-warning a{ color: #0f3b65; font-size: 105%; font-weight: 700; text-decoration: underline; } .noticebox-error{ margin:140px auto 40px auto; text-align:left; display:block; width:80%; color: #d81818; background-color: #ffecec; border: 1px solid #d81818; padding: 20px 30px 20px 30px; font-weight:600; line-height: 26px; border-radius:5px; } .noticebox-error i { margin-right: 15px; font-size:220%; } .noticebox-error span{ vertical-align: super; } .noticebox-error ol{ list-style:decimal; list-style-position: inside; padding:20px 10px; } .noticebox-error ul{ list-style:disc; list-style-position: inside; } .noticebox-info p{ margin-bottom:20px; } .link-button{ color:#fff; } table { font: 12px arial, helvetica, sans serif; font-weight: normal; line-height: 20px; } table td { border: 0; font-family: 'Open Sans',sans-serif; font-size: 14px; font-weight:600; color: #555; line-height: 23px; } table.bigger td { font-size: 1.3em; } table.table-fit{ width:auto; } table#results{ width:80%; margin:0 auto; font-family:'Open Sans',sans-serif; } table tr.row-header td, table tr.row-header th { font-family:'Open Sans',sans-serif; background: rgba(191,192,191,.5); padding: 0 4px; margin: 0; font-size: 14px; font-weight: 600; color:#334149; } table #row-dark, .rowalt{ background: rgba(217, 219, 226,.75); text-align:center; } table #row-light { background: #E4E9F7; } TABLE.rowhighlights TR.rowalt:hover, TABLE.rowhighlights TR.row:hover { background: #fdd9c4; } .rowsimple{ background: #E4E9F7; padding: 2px; } .rowsimple2{ background: #D3DAF2; padding: 2px; } .grey-light td, .grey-light{ background:#d4d4d4; text-align:center; white-space:nowrap; color:#7f7f7f; } .grey-dark { background:#cccccc; color:hsl(0, 0%, 50%); } .grey-dark td, .P0{ background:#cccccc; text-align:center; white-space:nowrap; color:hsl(0, 0%, 50%); } .grey-dark A:link, .grey-light A:link, .grey-simple A:link { color:#7f7f7f; } .grey-dark A:hover, .grey-light A:hover, .grey-simple A:hover { color:#000000; } .grey-simple{ background:#cccccc; text-align:left; color:#7f7f7f; } table #color1, .color1 { color: #FFFFFF; background: #192c79; border: none; } .color1-light { color: rgb(255,255,255); background: rgb(250, 136, 60); vertical-align: top; } table TR.color1-light TD { padding: 5px; } table #color2, .color2 { color: #FFFFFF; background: rgb(15, 59, 101); border: none; } table.sortable thead th, table.sortable tfoot td, .head td, .head th { color: #FFFFFF; background-color: rgb(15, 59, 101); text-align:center; font-weight:bolder; font-size:larger; padding-left:4px; padding-right:4px; } tr.head a{ color:#fff; } .totals td{ color: #FFFFFF; background-color: rgb(15, 59, 101); text-align:center; font-weight:bolder; } .seethru { background-color:rgb(192,192,192); } .highlight{ color: #000000; background-color: #ffff00 !important; } .buld{ font-weight:bold; text-decoration:underline; } .cd-main-content { position: relative; z-index: 2; padding-top: 40px; /*background-color: #f2f2f2;*/ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .main-cont-bg{ position:absolute; width:1330px; height:180vh; z-index: -999; margin:0 auto; left: 286.5px; background: #f2f2f2; z-index:-5; box-shadow: 2px 0px 3px rgba(0,0,0,.3),-2px 0px 3px rgba(0,0,0,.3); } .cd-main-content.nav-is-visible { -webkit-transform: translateX(-260px); -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -o-transform: translateX(-260px); transform: translateX(-260px); } @media only screen and (min-width: 1024px) { .cd-main-content { margin-top: 45px; } .cd-main-content.nav-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .no-js .cd-nav-trigger, .no-js .cd-subnav-trigger { display: none; } .no-js header { position: relative; height: auto; } .no-js .cd-logo img { margin-bottom: 14px; } .no-js .cd-main-nav { position: static; width: 100%; height: auto; visibility: visible; overflow: visible; } .no-js .cd-main-nav li { display: inline-block; } .no-js .cd-main-nav li:last-child { display: block; } .no-js .cd-main-nav .go-back { display: none; } .no-js .cd-main-nav li ul.subnav { position: static; width: 100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @media only screen and (min-width: 1030px) { .no-js .cd-main-nav { height: 80px; } .no-js .cd-main-nav li ul.subnav { position: absolute; top: 80px; } .no-js .cd-main-nav li ul.subnav li { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } .no-js .cd-main-nav li ul.subnav li:last-child { display: none; } } .no-js .cd-main-content { padding-top: 0; } @media only screen and (min-width: 1024px) { .no-js .cd-main-content { padding-top: 80px; } } /* -------------------------------- Form -------------------------------- */ .cd-form { width: 90%; max-width: 600px; margin: 4em auto; } .cd-form.tourn-selector{ margin: 0px auto; max-width: 285px; } .cd-form::after { clear: both; content: ""; display: table; } .cd-form fieldset { margin: 0px 0; } .cd-form legend { padding-bottom: 10px; margin-bottom: 20px; font-size: 2rem; border-bottom: 2px solid #ecf0f1; } .cd-form div { /* form element wrapper */ position: relative; margin: 20px 0; } .cd-form h4, .cd-form .cd-label { font-size: 1.3rem; color: #94aab0; margin-bottom: 10px; } .cd-form .cd-label { display: block; } .cd-form input, .cd-form textarea, .cd-form select, .cd-form label { font-family: "Open Sans", sans-serif; font-size: 1.6rem; color: #2b3e51; } .cd-form input[type="text"], .cd-form input[type="email"], .cd-form input[type="password"], .cd-form textarea, .cd-form select, .cd-form legend { display: block; width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .cd-form input[type="text"], .cd-form input[type="email"], .cd-form input[type="password"], .cd-form textarea, .cd-form select { /* general style for input elements */ padding: 12px; border: 2px solid #cfd9db; background-color: #ffffff !important; border-radius: .25em; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.08); } .cd-form input[type="text"]:focus, .cd-form input[type="email"]:focus, .cd-form input[type="password"]:focus, .cd-form textarea:focus, .cd-form select:focus { outline: none; border-color: #f65f00; box-shadow: 0 0 5px rgba(44, 151, 222, 0.2); } .cd-form .cd-select { /* select element wapper */ position: relative; } .cd-form .cd-select::after { /* arrow icon for select element */ content: ''; position: absolute; z-index: 1; right: 16px; top: 50%; margin-top: -8px; display: block; width: 16px; height: 16px; background: url("../img/cd-icon-arrow.svg") no-repeat center center; pointer-events: none; } .cd-form select { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); cursor: pointer; } .cd-form select::-ms-expand { display: none; } .cd-form .cd-form-list { margin-top: 16px; } .cd-form .cd-form-list::after { clear: both; content: ""; display: table; } .cd-form .cd-form-list li { /* wrapper for radio and checkbox input types */ display: inline-block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 26px 16px 0; float: left; } .cd-form input[type=radio], .cd-form input[type=checkbox] { /* hide original check and radio buttons */ position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0; opacity: 0; z-index: 2; } .cd-form input[type="radio"] + label, .cd-form input[type="checkbox"] + label { padding-left: 24px; } .cd-form input[type="radio"] + label::before, .cd-form input[type="radio"] + label::after, .cd-form input[type="checkbox"] + label::before, .cd-form input[type="checkbox"] + label::after { /* custom radio and check boxes */ content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 16px; height: 16px; } .cd-form input[type="radio"] + label::before, .cd-form input[type="checkbox"] + label::before { border: 2px solid #cfd9db; background: #ffffff; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.08); } .cd-form input[type="radio"] + label::before, .cd-form input[type="radio"] + label::after { border-radius: 50%; } .cd-form input[type="checkbox"] + label::before, .cd-form input[type="checkbox"] + label::after { border-radius: .25em; } .cd-form input[type="radio"] + label::after, .cd-form input[type="checkbox"] + label::after { background-color: #f65f00; background-position: center center; background-repeat: no-repeat; box-shadow: 0 0 5px rgba(44, 151, 222, 0.4); display: none; } .cd-form input[type="radio"] + label::after { /* custom image for radio button */ background-image: url("../img/cd-icon-radio.svg"); } .cd-form input[type="checkbox"] + label::after { /* custom image for checkbox */ background-image: url("../img/cd-icon-check.svg"); } .cd-form input[type="radio"]:focus + label::before, .cd-form input[type="checkbox"]:focus + label::before { /* add focus effect for radio and check buttons */ box-shadow: 0 0 5px rgba(44, 151, 222, 0.6); } .cd-form input[type="radio"]:checked + label::after, .cd-form input[type="checkbox"]:checked + label::after { display: block; } .cd-form input[type="radio"]:checked + label::before, .cd-form input[type="radio"]:checked + label::after, .cd-form input[type="checkbox"]:checked + label::before, .cd-form input[type="checkbox"]:checked + label::after { -webkit-animation: cd-bounce 0.3s; -moz-animation: cd-bounce 0.3s; animation: cd-bounce 0.3s; } .cd-form textarea { min-height: 200px; resize: vertical; overflow: auto; } .cd-form input[type="submit"] { /* button style */ border: none; background: #f65f00; border-radius: .25em; padding: 16px 20px; color: #ffffff; font-weight: bold; float: right; cursor: pointer; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .no-touch .cd-form input[type="submit"]:hover { background: #42a2e1; } .cd-form input[type="submit"]:focus { outline: none; background: #2b3e51; } .cd-form input[type="submit"]:active { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .cd-form [required] { background: url("../img/cd-required.svg") no-repeat top right; } .cd-form .error-message p { background: #e94b35; color: #ffffff; font-size: 1.4rem; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius: .25em; padding: 16px; } .cd-form .error { border-color: #e94b35 !important; } @media only screen and (min-width: 600px) { .cd-form div { /* form element wrapper */ margin: 32px 0; } .cd-form legend + div { /* reduce margin-top for first form element after the legend */ margin-top: 20px; } .cd-form h4, .cd-form .cd-label { font-size: 1.4rem; margin-bottom: 10px; } .cd-form input[type="text"], .cd-form input[type="email"], .cd-form textarea, .cd-form select { padding: 5px; } } @-webkit-keyframes cd-bounce { 0%, 100% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.8); } } @-moz-keyframes cd-bounce { 0%, 100% { -moz-transform: scale(1); } 50% { -moz-transform: scale(0.8); } } @keyframes cd-bounce { 0%, 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } } /* -------------------------------- Custom icons -------------------------------- */ .cd-form .icon input, .cd-form .icon select, .cd-form .icon textarea { padding-left: 54px !important; } .cd-form .user { background: url("../img/cd-icon-user.svg") no-repeat 16px center; } .cd-form [required].user { background: url("../img/cd-icon-user.svg") no-repeat 16px center, url("../img/cd-required.svg") no-repeat top right; } .cd-form .company { background: url("../img/cd-icon-company.svg") no-repeat 16px center; } .cd-form [required].company { background: url("../img/cd-icon-company.svg") no-repeat 16px center, url("../img/cd-required.svg") no-repeat top right; } .cd-form .email { background: url("../img/cd-icon-email.svg") no-repeat 16px center; } .cd-form [required].email { background: url("../img/cd-icon-email.svg") no-repeat 16px center, url("../img/cd-required.svg") no-repeat top right; } .cd-form .club-select { background: url("../img/cd-icon-message.svg") no-repeat 16px center; background-color: #fff; } .cd-form .message { background: url("../img/cd-icon-message.svg") no-repeat 16px 16px; } .cd-form [required].message { background: url("../img/cd-icon-message.svg") no-repeat 16px 16px, url("../img/cd-required.svg") no-repeat top right; } .cd-form .location { background: url("../img/cd-location.svg") no-repeat 17px 6px; } .cd-form [required].location { background: url("../img/cd-location.svg") no-repeat 17px 6px, url("../img/cd-required.svg") no-repeat top right; } .cd-form .password { background: url("../img/cd-password.svg") no-repeat 14px 13px; } .cd-form [required].password { background: url("../img/cd-password.svg") no-repeat 14px 13px, url("../img/cd-required.svg") no-repeat top right; } .cd-form .phone { background: url("../img/cd-phone.svg") no-repeat 14px 7px; } .cd-form [required].phone { background: url("../img/cd-phone.svg") no-repeat 14px 7px, url("../img/cd-required.svg") no-repeat top right; } .cd-form .search{ background: url("../img/search-solid.svg") no-repeat 16px center; } /* -------------------------------- FLoating labels -------------------------------- */ .js .floating-labels div { margin: 35px 0; } .js .floating-labels .cd-label { position: absolute; top: 16px; left: 16px; font-size: 1.6rem; cursor: text; -webkit-transition: top 0.2s, left 0.2s, font-size 0.2s; -moz-transition: top 0.2s, left 0.2s, font-size 0.2s; transition: top 0.2s, left 0.2s, font-size 0.2s; } .js .floating-labels .icon .cd-label { left: 56px; } .js .floating-labels .cd-label.float { /* move label out the input field */ font-size: 1.2rem; top: -25px; left: 0 !important; } @media only screen and (min-width: 600px) { .js .floating-labels legend + div { /* reduce margin-top for first form element after the legend */ margin-top: 16px; } .js .floating-labels .cd-label { top: 11px; } } /*////////////////////////////////////////////////////////////////// [ Scroll bar ]*/ .js-pscroll { position: relative; overflow: hidden; } .table100 .ps__rail-x { z-index: 1010; height: 6px; background-color: transparent; opacity: 1 !important; bottom: 10px; } .table100 .ps__rail-x::before { content: ""; display: block; position: absolute; background-color: #e6e6e6; height: 100%; width: calc(100% - 30px); left: 15px; top: 0px; } .table100 .ps__rail-x .ps__thumb-x { height: 100%; bottom: 0; background-color: transparent; opacity: 1 !important; } .table100 .ps__rail-x .ps__thumb-x::before { content: ""; display: block; position: absolute; background-color: #b3b3b3; height: 100%; width: calc(100% - 30px); top: 0; left: 15px; } /*////////////////////////////////////////////////////////////////// [ Table ]*/ /*Old table row highlight > using js now to target full rows by adding/removing classes tr.body.row100:hover td{ background-color: #F3F315; }*/ .highlight{ background-color: #F3F315; font-weight:bold; } .limiter { width: 100%; margin: 0 auto; background: #fa71cd; background: -webkit-linear-gradient(bottom, #c471f5, #fa71cd); background: -o-linear-gradient(bottom, #c471f5, #fa71cd); background: -moz-linear-gradient(bottom, #c471f5, #fa71cd); background: linear-gradient(bottom, #c471f5, #fa71cd); } .container-table100 { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 33px 0px; } .wrap-table100 { width: 100%; } /*////////////////////////////////////////////////////////////////// [ Table ]*/ .table100 { background-color: #fff; border: 2px solid #555; } table { width: 99%; margin:0 auto; } th, td { font-weight: unset; padding-right: 0px; } .column1 { width: 100%; padding-left: 20px; } .column1-roster{ height:65px; } .cell250{ width:250px; } .cell170{ width:175px; } .cell150{ width:150px; } .cell100{ width:100px; } .cell75{ width:75px; } .cell50{ width:50px; } .cell25{ width:25px; } .cell-gray{ background-color: rgba(185,185,185,.5); color: #fff!important; font-weight: bold } .cell-black{ background-color: rgba(0,0,0,.5); color: #fff!important; font-weight: bold } .table100 th { padding-top: 21px; padding-bottom: 21px; font-weight: bold; } .table100 td { padding-top: 16px; padding-bottom: 16px; } .hide-header{ visibility: hidden; } /*================================================================== [ Fix col ]*/ .table100 { width: 100%; position: relative; } .table100-firstcol { background-color: #fff; position: absolute; z-index: 1000; width: 220px; text-align: center; top: 0; left: 0; } .table100-firstcol.abbrev-teamname{ width:120px; } .table100-firstcol table { background-color: #fff; } .wrap-table100-nextcols { width: 100%; overflow: auto; padding-left: 220px; padding-bottom: 28px; } .wrap-table100-nextcols.abbrev-teamname{ padding-left: 120px; } .table100-nextcols table{ table-layout: fixed; } .shadow-table100-firstcol { box-shadow: 8px 0px 10px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 8px 0px 10px 0px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 8px 0px 10px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: 8px 0px 10px 0px rgba(0, 0, 0, 0.05); -ms-box-shadow: 8px 0px 10px 0px rgba(0, 0, 0, 0.05); } .table100-firstcol table { background-color: transparent; } /*================================================================== [ Ver1 ]*/ .table100.ver1 th { font-size: 12px; color: #333333; line-height: 1.4; text-transform: uppercase; } .table100.ver1 td { font-size: 12px; line-height: 1.4; } .table100.ver1 .table100-firstcol td { color: #666666; } .table100.ver1 .table100-nextcols td { color: #999999; text-align:center; border-left: 2px dashed #f2f2f2; } .table100.ver1 tr { border-bottom: 2px solid #f2f2f2; } /* Jory Custom */ /* Modal */ /* Pure CSS modal box Author: Jorge Chavez Github: http://github.com/jorgechavz */ .modal .checkbox{ display: none; } /* Gray background */ .modal .modal-overlay{ opacity: 0; transition: all 0.3s ease; width: 50%; position: absolute; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -100; transform: scale(1); display: none; background-color: rgba(0,0,0,0.7); } /* Box & Help modal */ .modal .modal-wrap{ background-color: #ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.2); padding: 20px 50px; width: 60%; margin: 20px auto; align-self: flex-start; border-radius: 2px; transition: all 0.5s ease; } .tourney-modal, .help-modal{ background-color: #33414a !important; height:auto; min-height:55%; padding:0px 0px 50px 0px !important; border-bottom-right-radius: 15px !important; border-bottom-left-radius: 15px !important; } .tourney-modal h2, .help-modal h2{ text-align: center; padding-bottom:10px; font-weight: 700; } .tourney-header, .help-header{ width:100%; height:100px; background: #fff; padding-top:25px; border-bottom:5px solid #f65f00; } .tourn-header{ font-family: 'Open Sans', sans-serif; text-align:center; color:#334149; text-shadow:2px 2px 0px #fff; padding-top:20px; padding-bottom:20px; margin-bottom:30px; box-shadow:0px 2px 3px rgba(0,0,0,.3); background-color:silver; } .tourn-header>h2{ font-size:4.0rem; font-weight:800; letter-spacing: 1px; } .tourn-info{ margin-top: 0px; } .tourn-back{ color: #f65f00; margin-top:10px; margin-bottom:20px; display:block; font-weight:800; text-decoration:underline; text-shadow:none; } .btn { border-radius: 4px; background: red; border: 2px solid #fff; color: #fff; text-shadow:1px 1px 0px rgba(0,0,0,.7); display: inline-block; margin: 0; overflow: hidden; padding: 20px 60px 20px 16px; position: relative; text-decoration: none; line-height: 1; cursor:pointer; font-weight:600; } input[type="submit"].btn-yes{ background: #14CC60; } input[type="submit"].btn-no{ background: red; } .btn-yes{ width:200px; margin-top:30px; background: #14CC60; } .btn-no{ width:215px; margin-top:30px; } .btn.btn-no>.btn-content{ font-size:90%; } .btn-blue{ background: #406e8e; } .btn-slim-blue{ float:none; margin:0 auto; padding: 10px 60px 10px 16px; background: #406e8e; border: 1px solid #fff; } .btn-slim{ float:none; margin:0 auto; padding: 10px 60px 10px 16px; background: #f65f00; border: 1px solid #fff; } .btn .btn-content { font-size: 1em; line-height: 1.2; position: relative; right: 0; transition: right 300ms ease; display: block; text-align: left; } .btn .icon { border-left: 2px solid #fff; position: absolute; right: 0; text-align: center; top: 50%; transition: all 300ms ease; transform: translateY(-50%); width: 48px; height: 70%; } .btn .icon i { position: relative; top: 50%; transform: translateY(-50%); } .btn:after { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; opacity: 0; transition: opacity 300ms ease; } .btn:hover{ color: #fff; } .btn:hover .btn-content { right: 125%; } .btn:hover .icon { border-left: 0; font-size: 1.8em; width: 100%; } .btn:hover:after { opacity: .2; } .btn:hover img { height: 30px; } .btn.btn-alt-color { border-color: salmon; color: salmon; } .btn.btn-alt-color .icon { border-left-color: salmon; } .btn.btn-alt-color:after { background-color: salmon; } .tourn-grid h4{ font-weight:600; color: #406e8e; text-shadow:2px 2px 0px #fff; } .help-header{ padding-top:15px; height:80px; } .help-modal h2{ padding-bottom:0px; margin-bottom:0px; } .tourney-select{ width:220px; } #help-btn{ position: absolute; display:block; top:20px; left: 5%; background-color: rgba(0,0,0,0); border:0; z-index: 99; } #help-btn > i{ font-size:40px; color: #f65f00; } #help-btn > i:hover{ opacity:.8; } .help-menu{ height:auto; width:100%; background-color: #fff; text-align:center; -webkit-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.48); -moz-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.48); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.48); } .help-menu li { display:inline-block; margin:0 auto; padding:12px 15px; } @media only screen and (max-width: 1024px){ #help-btn{ position: absolute; display:block; top: 14px; left: 5px; } #help-btn > i{ font-size:30px; } } /* Help Modal with Accordian */ .help-content{ width: 80%; margin:30px auto; text-align: left; } .help-content.full-size{ width:100%; } .transition, .help-content > p, .help-content > ul.accordian li i:before, .help-content > ul.accordian li i:after { transition: all 0.25s ease-in-out; } .flipIn, .help-content > h1, .help-content > ul.accordian li { animation: flipdown 0.5s ease both; } .no-select, .help-content > h2 { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .help-content > h1 { text-transform: uppercase; font-size: 36px; line-height: 42px; letter-spacing: 3px; font-weight: 100; } .help-content > ul.accordian li h2 { font-size: 22px; line-height: 30px; font-weight: 300; letter-spacing: 2px; display: block; color: #fff; margin: 0; cursor: pointer; text-align: left; text-shadow:2px 2px 0px rgba(0,0,0,1); } .help-content > ul.accordian li p, .help-content > ul.accordian li ul{ font-size: 14px; line-height: 22px; letter-spacing: 2px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin-top: 14px; z-index: 2; color: #fff; padding-left:20px; } .help-content > ul.accordian { list-style: none; perspective: 900; padding: 0; margin: 0; } .help-content > ul.accordian li { position: relative; padding: 0; margin: 0; padding-bottom: 10px; padding-top: 18px; text-align: left; list-style-type: decimal; margin-left: 30px; } .help-content > ul.accordian li a{ color: #f65f00; } .help-content > ul.accordian li { animation-delay: 0.25s; } .help-content > ul.accordian li:last-of-type { padding-bottom: 0; } .help-content > ul.accordian li i { position: absolute; transform: translate(-6px, 0); margin-top: 12px; right: 0; } .help-content > ul.accordian li i:before, .help-content > ul.accordian li i:after { content: ""; position: absolute; background-color: #fff; width: 3px; height: 9px; } .help-content > ul.accordian li i:before { transform: translate(-2px, 0) rotate(45deg); } .help-content > ul.accordian li i:after { transform: translate(2px, 0) rotate(-45deg); } .help-content > ul.accordian li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; text-align: left; } .help-content > ul.accordian li input[type=checkbox]:checked ~ p { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .help-content > ul.accordian li input[type=checkbox]:checked ~ #rosterarea { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .help-content > ul.accordian li input[type=checkbox]:checked ~ .rfa-accordian { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); display:none; } .help-content > ul.accordian li input[type=checkbox]:checked ~ ul { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .help-content > ul.accordian li input[type=checkbox]:checked ~ li { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .help-content > ul.accordian li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); } .help-content > ul.accordian li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); } @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% { opacity: 1; } 80% { transform: rotateX(8deg); } 83% { transform: rotateX(6deg); } 92% { transform: rotateX(-3deg); } 100% { transform-origin: top center; transform: rotateX(0deg); } } /* RFA Table Accordian */ .rfa-accordian{ width:80%; margin:0 auto; } .rfaccord-table{ border-top:1px solid silver; border-bottom:1px solid silver; border-collapse: collapse; margin-bottom:30px; } .rfaccord-table tr{ text-align:center; border-left:1px solid silver; border-right:1px solid silver; } .rfaccord-table .row-header{ border-bottom:1px dashed silver; border-left:none; border-right:none; font-weight:600; } table.rfaccord-table tr.row-header td, table.rfaccord-table tr.row-header th{ font-weight:700; } .rfalimit{ height:500px; overflow-y: auto; } .rfalimit .rfaccord-table tr{ border-left:1px solid silver; border-right:none; } /* Team Table Accordian */ .team-accordian{ margin: 0px auto; display: block; position: relative; text-align: center; padding:20px 35px; background:#f65f00; box-shadow: -2px -2px 3px rgba(0,0,0,.3); } .team-table{ color: #1C1C1C !important; } #teamtable{ background-color: transparent; width:100%; display:block; position: relative; margin-right:5%; margin-left:0%; margin-top: 30px; } #teamtable th{ text-align:center; font-size:18px; padding:8px 10px; font-weight:700; } #teamtable .diamond-table{ background-color: rgba(202,255,201,.9); border:3px solid #bbb; } #teamtable .gold-table{ background-color: rgba(255,244,214,.9); border:3px solid #bbb; } #teamtable .high_silver-table{ background-color: rgba(221,221,221,.9); border:3px solid #bbb; } #teamtable .low_silver-table{ background-color: rgba(241,241,241,.9); border:3px solid #bbb; } .age-table{ font-weight:700; color:#fff; text-shadow:2px 3px 0px #000; background-color: transparent; padding-left:0px !important; padding-right:0px !important; padding-top:0px !important; } .teamspage .age-table h3{ font-weight:700; color:#33414a; text-shadow:2px 3px 0px #fff; } .teamspage label{ display:inline-block; margin-right: 15px; } .age-table h3{ font-size:3.0rem; } .transition, .team-accordian > .team-table, .team-accordian > ul.accordian li i:before, .team-accordian > ul.accordian li i:after { transition: all 0.25s ease-in-out; } .flipIn, .team-accordian > h1, .team-accordian > ul.accordian li { animation: flipdown 0.5s ease both; } .no-select, .team-accordian > h2 { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .team-accordian > h1 { text-transform: uppercase; font-size: 36px; line-height: 42px; letter-spacing: 3px; font-weight: 100; } .team-accordian > ul.accordian li h2 { font-size: 26px; line-height: 30px; font-weight: 300; letter-spacing: 2px; display: block; color: #fff; margin: 0; cursor: pointer; text-align: center; text-shadow:2px 2px 0px rgba(0,0,0,.85); list-style-type: none !important; } .team-accordian > ul.accordian li .team-table, .team-accordian > ul.accordian li ul{ font-size: 14px; line-height: 22px; position: relative; overflow: hidden; opacity: 1; transform: translate(0, 0); margin-top: 14px; z-index: 2; color: #fff; } .team-accordian > ul.accordian { list-style: none; perspective: 900; padding: 0; margin: 0; } .team-accordian > ul.accordian li { position: relative; padding: 0; margin: 0; text-align: left; list-style-type: none; margin-left: 30px; } .team-accordian > ul.accordian li a{ color: #f65f00; } .team-accordian > ul.accordian li { animation-delay: 0.25s; } .team-accordian > ul.accordian li:last-of-type { padding-bottom: 0; } .team-accordian > ul.accordian li i { position: absolute; transform: translate(-6px, 0); margin-top: 12px; right: 0; } .team-accordian > ul.accordian li i:before, .team-accordian > ul.accordian li i:after { content: ""; position: absolute; background-color: #fff; width: 3px; height: 9px; } .team-accordian > ul.accordian li i:before { transform: translate(-2px, 0) rotate(45deg); } .team-accordian > ul.accordian li i:after { transform: translate(2px, 0) rotate(-45deg); } .team-accordian > ul.accordian li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; text-align: left; } .team-accordian > ul.accordian li input[type=checkbox]:checked ~ .team-table { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .team-accordian > ul.accordian li input[type=checkbox]:checked ~ ul { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .team-accordian > ul.accordian li input[type=checkbox]:checked ~ li { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .team-accordian > ul.accordian li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); } .team-accordian > ul.accordian li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); } #teamtable>tbody{ padding:20px 30px; } @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% { opacity: 1; } 80% { transform: rotateX(8deg); } 83% { transform: rotateX(6deg); } 92% { transform: rotateX(-3deg); } 100% { transform-origin: top center; transform: rotateX(0deg); } } #msform > fieldset > input{ height:35px; line-height: 0px; border-radius: 5px !important; font-family: "Open Sans", sans-serif; } .modal .modal-overlay .tourney-modal .close{ } .modal .modal-wrap.medium{ width: 45%; } .modal .modal-wrap.small{ width: 75%; max-width:520px; } .modal .modal-wrap.full{ width: 100%; height: 100%; } .modal .modal-wrap .help-modal{ width:80%; } .modal .modal-wrap.a-center { align-self: center; } .modal .modal-wrap.from-left { transform: translateX(-100%); } .modal .modal-wrap.from-right { transform: translateX(100%); } .modal .modal-wrap.from-top { transform: translateY(-100%); } .modal .modal-wrap.from-bottom { transform: translateY(100%); } /* Close button */ .modal .modal-overlay .close{ position: absolute; right: 10px; top: 10px; font-size: 20px; width: 20px; height: 20px; color: #282c34; } .modal .modal-overlay .close:hover{ cursor: pointer; color: #4b5361; } .modal .o-close { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -100; } .modal input:checked ~ .o-close { z-index: 9998; } .modal input:checked ~ .modal-overlay{ transform: scale(1); opacity:1; z-index: 9997; overflow: auto; display: flex; animation-duration: 0.5s; animation-name: fade-in; -moz-animation-duration: 0.5s; -moz-animation-name: fade-in; -webkit-animation-duration: 0.5s; -webkit-animation-name: fade-in; } .modal input:checked ~ .modal-overlay .modal-wrap { transform: translateY(0); z-index: 9999; } .open-modal { display: inline-block; height: 38px; padding: 0 30px; color: #555; text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: .1rem; text-transform: uppercase; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 2px solid #bbb; cursor: pointer; box-sizing: border-box; color: #FFF; background-color: #a7adb1; border-color: #a7adb1; } .open-modal:hover { color: #FFF; background-color: #6f7375; border-color: #a7adb1; -webkit-transition: background-color .1s ease-out; -moz-transition: background-color .1s ease-out; -o-transition: background-color .1s ease-out; transition: background-color .1s ease-out; } /* Responsive Design */ /* Tablet size */ @media (max-width: 1200px){ .modal .modal-wrap { width: 80%; padding: 20px; } .modal .modal-wrap.medium, .modal .modal-wrap.small { width: 80%; padding: 20px; } } /* Phone size */ @media (max-width: 500px){ .modal .modal-wrap { width: 90%; } .modal .modal-wrap.medium, .modal .modal-wrap.small { width: 90%; } } /* Fadein from display:none */ @keyframes fade-in { 0% { display: none; opacity: 0; } 1% { display: flex; opacity: 0; } 100% { display: flex; opacity: 1; } } @-moz-keyframes fade-in { 0% { display: none; opacity: 0; } 1% { display: flex; opacity: 0; } 100% { display: flex; opacity: 1; } } @-webkit-keyframes fade-in { 0% { display: none; opacity: 0; } 1% { display: flex; opacity: 0; } 100% { display: flex; opacity: 1; } } /* Herding Cats Modal */ .popup { display: inline-block; opacity: 0; position: fixed; top: 20%; left: 50%; padding: 1em; transform: translateX(-50%); transition: opacity .3s ease-in-out; z-index: 99; } .popup.hidden { display: none; } .popup.fade-in { opacity: 1; } .popup-overlay { opacity: 1; transition: all 0.3s ease; width: 50%; position: absolute; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 98; transform: scale(1); background-color: rgba(225,225,225,.9); /*background-color: rgba(0,0,0,.7);*/ } .popup-overlay-header{ background:#374abe; } .popup-overlay-header > img{ padding-top:10px; margin:0 auto; display:block; position: relative; height:115px; } #popup_initial, #popup_guest{ text-align: center; } #popup_guest a{ color: #f65f00; } #trianglePath1 { fill: #374abe; stroke: #374abe; } #trianglePath2 { fill: #f65f00; stroke: #f65f00; } #popup_initial h1, #popup_guest h1{ font-family: 'Source Sans Pro', sans-serif; font-weight: 900; font-size: 6.5rem; text-shadow: 2px 2px 0px #fff; } #popup_initial button, #popup_guest button{ border-color: #fff; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size: 14px; margin:10px 15px; } #popup_initial button:hover,#popup_guest button:hover{ text-shadow:2px 2px 0px #000; } /* Login */ .login-form{ width:75%; margin:0em auto; } .login-submit{ width:100%; color: #fff; font-weight:700; font-family:'Open Sans'; font-size:13px; } .login-modal{ background-color: #33414a !important; height:auto; padding:0px 0px 50px 0px !important; border-bottom-right-radius: 15px !important; border-bottom-left-radius: 15px !important; } .login-modal h2{ text-align: center; padding-bottom:10px; font-weight: 700; margin-bottom:0px; } p.login-head{ color: #fff !important; } .login-header{ width:100%; align-items: center; display:flex; flex-wrap: wrap; height:auto; background: #fff; padding:10px 20px 10px; border-bottom:5px solid #f65f00; } .login-header img{ height: 80px; } .login-header h2{ padding:0; width: 100%; text-align: center; } .login-header font{ margin-top:20px; flex-basis: 100% } .login-header font > .noticebox-error{ margin-top:0px; } .login-info{ color:#fff; text-align: center; font-size:70%; margin-top: 10px; } .login-info a{ color:#fff; font-weight: 600; } /* multi-step form styles */ #msform { width: 400px; margin: 50px auto; text-align: center; position: relative; } #msform fieldset { background: white; border: 0 none; border-radius: 3px; box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.4); padding: 20px 30px; box-sizing: border-box; width: 80%; margin: 0 10%; /*stacking fieldsets above each other*/ position: relative; } /*Hide all except first fieldset*/ #msform fieldset:not(:first-of-type) { display: none; } /*inputs*/ #msform input, #msform textarea { padding: 15px; border: 2px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2C3E50; font-size: 13px; } /*buttons*/ #msform .action-button { width: 100px; background: #f65f00; font-weight: bold; color: white; border: 0 none; border-radius: 2px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } #msform .action-button:hover, #msform .action-button:focus { } /*headings*/ .fs-title { text-transform: uppercase; color: #2C3E50; margin-bottom: 10px; font-weight: 600; } .fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; } /*progressbar*/ #progressbar { margin-bottom: 30px; overflow: hidden; /*CSS counters to number the steps*/ counter-reset: step; } #progressbar li { list-style-type: none; color: white; text-transform: uppercase; font-size: 12px; width: 33.33%; float: left; position: relative; } #progressbar li:before { content: counter(step); counter-increment: step; width: 30px; line-height: 30px; display: block; font-size: 12px; color: #333; background: white; border-radius: 25px; margin: 0 auto 10px auto; } /*progressbar connectors*/ #progressbar li:after { content: ''; width: 100%; height: 5px; background: white; position: absolute; left: -50%; top: 12px; z-index: -1; /*put it behind the numbers*/ } #progressbar li:first-child:after { /*connector not needed before the first step*/ content: none; } /*marking active/completed steps green*/ /*The number of the step and the connector before it = green*/ #progressbar li.active:before, #progressbar li.active:after{ background: #f65f00; color: white; } /* Tournament Page */ .bg-tourney-img{ background-image: url("../img/baseball_bg_2.png"); background-repeat: no-repeat; background-color: #33414a; } .tournament-header{ text-align:center; margin-top:60px; } .tournament-header h1{ color:#fff; text-shadow: 2px 2px #111; margin-bottom:30px; } .tournament-header ul li:first-child{ margin-right:15px; } .tournament-content{ background-color: #fff; padding: 20px 40px 40px 40px; margin-bottom:40px; text-align: left; -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.9); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.9); box-shadow: inset 0 0 2px rgba(0,0,0,.25); border:2px solid #aaa; } .tournament-content h5{ text-align: center; } .tournament-content a{ display:block; margin-bottom:10px; } .field-info{ text-align: center; margin-top:20px; font-size:85%; } .field-info a{ font-size:130%; line-height: 200%; } .field-info p{ margin-bottom:0px !important; } @media only screen and (min-width: 768px) { .tourney-main{ width:95% !important; } } .tournament-callout{ text-align: center; height:200px; margin:20px; } .tournament-callout.tc-sanc{ width:200px; } .tournament-callout figure{ position: relative; float: left; overflow: hidden; text-align: center; box-shadow: 2px 2px 2px rgba(0,0,0,.3); } .tournament-callout h4{ background-color: rgba(0,0,0,.45); font-weight:bold; color: #33ff00; text-shadow:2px 2px 0px #000; margin-bottom:55px; } .itl-callout h4{ color:#f65f00; margin-bottom:25px; color: #fff; background-color: #33414a; } .itl-callout p{ background: #fff; border-radius: 5px; text-transform: capitalize; width:210px; margin:0 auto; font-size: 14px; } .itl-callout.long{ height:230px; } .itl-long{ width: 410px; height: 230px; } .tournament-row{ margin-bottom:80px; display: flex; flex-flow: row wrap; justify-content: flex-start; } .hp-callout{ text-align: center; width:auto; } .hp-callout figure{ position: relative; float: left; overflow: hidden; text-align: center; width:100%; } .hp-callout figure img{ width:100%; height:82px; -webkit-filter: grayscale(0%); filter: grayscale(0%); } .hp-callout h4{ background-color: rgba(0,0,0,.45); font-weight:bold; text-shadow:2px 2px 0px #000; margin-bottom:55px; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:8px; font-size:2.48rem; } .hp1{border-top: 5px solid rgba(244,72,0,1);} .hp1 h4{ background-color: rgba(228,127,0,.75); color: rgba(244,72,0,1); text-shadow:1px 1px 0px #000; } .hp2{border-top: 5px solid rgb(11, 110, 79);} .hp2 h4{ background-color: rgba(122, 229, 130,.75); color: rgb(11, 110, 79); text-shadow:1px 1px 0px #000; } .hp3{border-top: 5px solid rgb(64, 110, 142);} .hp3 h4{ background-color: rgba(197, 213, 228,.75); color: rgb(64, 110, 142); text-shadow:1px 1px 0px #000; } .hp4{border-top: 5px solid rgb(197, 40, 61);} .hp4 h4{ background-color: rgba(239, 100, 97,.75); color: rgb(197, 40, 61); text-shadow:1px 1px 0px #000; } .modal .hp-modal-wrap{ width:75%; max-width: 780px; } .hp-modal:hover{ cursor: pointer; } .hp-modal-content{ color: #fff; padding:20px 50px; } .hp-modal-content h5{ text-align:center; } .hp-modal-content ul{ list-style: disc; list-style-position:inside; padding:10px 50px; font-size: 1.75rem; line-height:175%; } .hp-modal-content ul li{ margin-bottom:15px; } .madness-plate{ text-align:center; margin-top: 0px; } [data-balloon]{ cursor:help; } .trophy{ margin-right:15px; font-size: 20px; } .trophy.gold{color:#cda935;} .trophy.silver{color:#cacbce;} .trophy.bronze{color:#804900;} .tourn-spacer{ margin-top: 40px; } .big-space{ margin-top:60px; } figure figcaption{ top: 0; left: 0; width: 100%; height: 100%; position: absolute; padding-top:1.75em; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .hp-callout figcaption{ padding-top:0; } .tournament-callout h4{ font-size: 2.8rem; } .itl-callout figcaption{ padding-top:2.25em; } /* Gray Scale */ .hover08 figure img { -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } .hover08 figure:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } .hp-callout figure img{ -webkit-filter: grayscale(0); filter: grayscale(0); } /* Tournament Registrations Table */ li.reg-container.cd-selected{ padding: 2em; } .reg-table{ background-color: #fff; border:2px solid rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px rgba(0,0,0,.9); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.9); box-shadow: inset 0 0 2px rgba(0,0,0,.25); display: block; height:auto; min-height:500px; } .reg-col{ width: auto; min-width:100px; float:left; height:100%; padding:0px 15px; } div.reg-col:first-child{ margin-left: 30px; } div.reg-col:last-child{ margin-left: 30px; } .reg-col p{ margin-bottom:0px!important; font-size:80%; } p.small{ font-size:70%; } .reg-header{ border-bottom:2px solid rgba(0,0,0,.3); font-weight:700; text-transform: uppercase; padding:10px 10px; margin-bottom:15px; } .reg-header p{ margin-bottom:0px!important; } .wrap-table100-nextcols.no-firstcol{ padding-left:10px; } /* Schedule Table */ table.schedule { border: solid 2px #ddd; font-size: 80%; } table.schedule tr { border-bottom: solid 2px #ddd; } section.schedule > p { text-align: center; padding: 5px;} section.schedule {margin-top:30px;} section.schedule:first-child {margin-top:0px;} /* Showing all columns */ .v1 thead { display: none; } .v1 tr td { width: 100%; display: block; position: relative; padding-left: 25%; line-height: 18px } .v1 tr td:before { position: absolute; left: 5px; } .v1 tbody tr:nth-of-type(2n-1) { background: rgba(251,146,89,.1) } .v1 tbody tr:nth-of-type(2n) { background: rgba(251,146,89,.4) } .v1 tr td:nth-of-type(1):before { content: 'R'; } .v1 tr td:nth-of-type(2):before { content: 'G'; } .v1 tr td:nth-of-type(3):before { content: 'Date'; } .v1 tr td:nth-of-type(4):before { content: 'Time'; } .v1 tr td:nth-of-type(5):before { content: 'Field'; } .v1 tr td:nth-of-type(6):before { content: 'Teams'; } table.schedule{background-color: #fff;} @media all and (min-width : 568px) { header { font-size: 1em; } .v1 thead { display: table-header-group; } .v1 tr td:before { position: static; display: none; content: ''; } .v1 tr th { padding: 3px 10px; } .v1 tr td { display: table-cell; postion: realtive; padding-left: 0; padding: 3px 5px; } .v1 tr th:nth-of-type(1),.v1 tr td:nth-of-type(1) { width: 2.5%; } .v1 tr th:nth-of-type(2),.v1 tr td:nth-of-type(2) { width: 2.5%; } .v1 tr th:nth-of-type(3),.v1 tr td:nth-of-type(3) { width: 15%; } .v1 tr th:nth-of-type(4),.v1 tr td:nth-of-type(4) { width: 10%; } .v1 tr th:nth-of-type(5),.v1 tr td:nth-of-type(5) { width: 20%; } } /* removing unimportant columns */ .v2 tr th, .v2 tr td { padding: 3px 5px; } .v2 tr th:nth-of-type(3),.v2 tr td:nth-of-type(3), .v2 tr th:nth-of-type(4),.v2 tr td:nth-of-type(4), .v2 tr th:nth-of-type(6),.v2 tr td:nth-of-type(6) { display: none; } @media all and (min-width : 480px) { .v2 tr th:nth-of-type(3),.v2 tr td:nth-of-type(3) { display: table-cell; } } @media all and (min-width : 525px) { .v2 tr th:nth-of-type(4),.v2 tr td:nth-of-type(4) { display: table-cell; } } @media all and (min-width : 568px) { .v2 tr th:nth-of-type(6),.v2 tr td:nth-of-type(6) { display: table-cell; } } span.bold,.bold{ font-weight: 600; } .indent{ margin-left:25px; } .spaced{ margin-top:20px; } div.divider{ margin:20px 0px; border: 0; height: 2px; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); } .cd-tabs { position: relative; width: 90%; max-width: 1020px; margin: 5em auto; } .news-tabs{ margin:0 auto; max-width: none; width:100%; } .tourn-tabs{ margin:0 auto; max-width: none; width:100%; } .vcfc-img{ width:100%; } .ball-bullet{ margin-right:15px; margin-left:25px; } .trophy-head{ font-weight:700; text-decoration: underline; margin-top:20px; } @supports (background: linear-gradient(to left, #000, #000)) or (background: -webkit-linear-gradient(to left, #000, #000)) { /* if linear-gradient is supported */ .cd-tabs::after { content: ""; position: absolute; top: 0; right: 0; height: 60px; width: 50px; z-index: 1; pointer-events: none; visibility: visible; opacity: 1; -webkit-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-tabs.cd-tabs--scroll-ended::after { /* class added in JavaScript - remove the gradient layer when it's no longer possible to scroll */ visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } } .cd-tabs nav { overflow: auto; -webkit-overflow-scrolling: touch; background: #a7adb1; -webkit-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); } @media only screen and (min-width: 960px) { .cd-tabs nav { position: relative; float: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; } } .cd-tabs__navigation { text-align:center; width: 100%; } .cd-tabs__navigation:after { /* clearfix */ content: ""; display: table; clear: both; } .cd-tabs__navigation li { display: inline-block; } .cd-tabs__navigation a { position: relative; display: block; height: auto; width: auto; text-align: center; font-size: 1.1rem; font-weight: 700; line-height: 0px; color: #33414a; padding: 30px 15px 25px 15px; margin: 0 auto; } .cd-tabs__navigation a:hover { color: #29324e; background-color: rgba(51, 65, 74, 0.05); } .cd-tabs__navigation a.cd-selected { background-color: #f2f2f2 !important; -webkit-box-shadow: inset 0 -2px 0 #f65f00, inset 0 2px 0 #f65f00; box-shadow: inset 0 -2px 0 #f65f00, inset 0 2px 0 #f65f00; color: #f65f00; } .cd-tabs__navigation a::before { } .tourn-tabs{ text-align:left; } @media only screen and (min-width: 960px) { .cd-tabs__navigation { /* tabbed navigation on top on big devices */ width: auto; border-top-left-radius: 15px; border-top-right-radius: 15px; } .cd-tabs__navigation a { height: 50px; line-height: 50px; width: auto; text-align: center; font-size: 1.4rem; padding: 0 2.8em 0 2.8em; } .cd-tabs__navigation li{ text-align:center; background-color: transparent; border-radius: 15px; } .cd-tabs__navigation.vc-nav li{ width:auto; } .cd-tabs__navigation i{ margin-left:5px; } .cd-tabs__navigation li:last-child { margin-right:0px; } .cd-tabs__navigation a.cd-selected { -webkit-box-shadow: inset 0 -2px 0 #f65f00, inset 0 2px 0 #f65f00; box-shadow: inset 0 -2px 0 #f65f00, inset 0 2px 0 #f65f00; } .cd-tabs__navigation a::before { top: 50%; margin-top: -8px; margin-left: 0; left: 40px; } } .cd-tabs__content { background: transparent; /*background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 55%, rgba(242,242,242,1) 65%, rgba(242,242,242,1) 100%); background: -o-linear-gradient(bottom, rgba(0,0,0,0) 55%, rgba(242,242,242,1) 65%, rgba(242,242,242,1) 100%); background: linear-gradient(to top, rgba(0,0,0,0) 55%, rgba(242,242,242,1) 65%, rgba(242,242,242,1) 100%);*/ } .cd-tabs__content li { display: none; padding: 1.4em; } .cd-tabs__content li.cd-selected { display: block; -webkit-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; } .cd-tabs__content li p { margin-bottom: 10px; } @media only screen and (min-width: 960px) { .cd-tabs__content { min-height: 0; } .cd-tabs__content li { padding: 1.4em; } .cd-tabs__content li p { } } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* Banner */ .banner{ text-align: center; height:360px; border-left: 2px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #333; } .banner h3{ padding-top: 140px; } /* Call-Outs */ .call-out { border: 2px solid #333; text-align: center; margin-top:50px; margin-bottom:50px; } .call-out-alt { border: 2px solid #333; text-align: center; padding:30px 20px 30px 20px; margin-top:50px; margin-bottom:50px; height:240px; } .hovereffect { width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .hovereffect .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(75,75,75,0.5); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hovereffect:hover .overlay { background-color: rgba(249, 171, 129, 0.3); } .hovereffect img { display: block; position: relative; -webkit-filter: blur(0); filter: blur(0); transform: scale(1.0); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .hovereffect:hover img{ -webkit-filter: blur(1.5px); filter: blur(1.5px); transform: scale(1.2); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } .hovereffect h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; letter-spacing:.5px; padding: 10px; text-shadow:2px 2px 0px rgba(0,0,0,.8); background: rgba(0, 0, 0, 0.6); -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .hovereffect:hover h2 { -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .hovereffect a.info { font-family: 'Source Sans Pro',sans-serif; display: inline-block; text-decoration: none; padding: 7px 14px; text-transform: uppercase; color: #fff; font-weight:900; font-size:20px; letter-spacing: 2px; text-shadow:2px 2px 0px rgba(0,0,0,.9); border: 2px solid #fff; background-color: transparent; opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-weight: normal; margin: 0px 0 0 0; padding: 62px 100px; } .hovereffect:hover a.info { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .hovereffect a.info:hover { box-shadow: 0 0 5px #fff; } /* Calendar */ .calendar-container{ box-shadow: 2px 2px 3px rgba(0,0,0,.3); background-color: #fff; padding-bottom:30px; } .calendar-container h3{ background: #0f3b65; color: #fff; text-shadow: 2px 2px 0px rgba(0,0,0,.8); text-align:center; padding:10px 15px; border-bottom: 2px solid #f65f00; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 2.8rem; font-weight:600; letter-spacing:1px; } .calendar-container h5{ text-align: center; margin-bottom: 10px; } .calendar-control form{ margin-bottom:10px; } .calendar-control form a{ margin-right:15px; margin-left:15px; color: #334149; } .calendar-control form a:hover{ color: #f65f00; text-shadow: .3px .3px 0px rgba(0,0,0,.4); } .calendar-control form a i{ color: #f65f00; } .calendar-control form select{ height: auto; } .calendar-control form input{ height: auto; line-height: 25px; padding: 0 10px; border-radius:25px; background: #f65f00; color: #fff; } .calendar{ margin:10px 20px 30px 20px; width: 93%; } td.eventday:hover .fullevent { top:0px !important; left: 0px !important; width: 604.8px !important; } .due{ padding:10px 15px !important; text-align:center !important; } .calendar .due{ padding:10px 5px !important; } .fullevent .title{ margin-bottom:5px !important; color: #fff; text-shadow: 2px 2px 0px rgba(0,0,0,.5); } .fullevent .date{ margin-bottom:8px !important; } /* Homepage Galler */ .homepage-gallery{ box-shadow: 2px 2px 3px rgba(0,0,0,.3); height:auto; } .hidden{ display:none; } .homepage-gallery button{ } /* NEWS */ .news-wrapper{ padding-bottom:30px; height:900px; overflow:auto; } .news{ text-align: left; padding: 20px 120px; } .news-img{ width:auto; max-width: 150px; max-height:140px; margin:0 auto; display:block; } .news-item-container{ margin-bottom:35px; background: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,.3); padding: 30px 30px; } .news-item-title{ display:block; margin-bottom: 10px; font-weight: 700; font-family: 'PT Sans', sans-serif; font-size: 20px; } .news-item p{ font-family: "Open Sans", sans-serif; font-size: 14px; margin-bottom:10px; } .news-item-button{ display: inline-block; height: 34px; padding: 0 30px; color: #fff !important; text-align: center; font-size: 12px; font-weight: 600; line-height: 34px; letter-spacing: .1rem; text-decoration: none; white-space: nowrap; background-color: #f65f00; border-radius: 4px; border: 2px solid #bbb; cursor: pointer; box-sizing: border-box; } .news > .tabs{ margin-left:20px; margin-right:20px; width: auto; } .news.tab-content{ top:80px; } .news h3{ } .news ul{ } .news li{ padding:15px 0px; } .news li:last-child{ border-bottom: none; } .fancy { line-height: 1.5; text-align: center; } .fancy span { display: inline-block; position: relative; color: #acacac; opacity:0.75; font-size: 11px; } .fancy span:before, .fancy span:after { content: ""; position: absolute; height: 7.9px; border-bottom: 2px solid #acacac; top: 0; width: 325px; opacity:0.5; } .fancy span:before { right: 100%; margin-right: 5px; } .fancy span:after { left: 100%; margin-left: 5px; } .more-posts{ display: block; position: relative; font-weight:bold; text-align:center; } /* Main Content */ .main-cont{ border: 2px solid #333; text-align: center; padding:30px 30px 30px 30px; margin-bottom:50px; } .main-cont-club{ text-align: center; padding:0px 0px 30px 0px; margin-bottom:50px; } .cont{ background: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,.3); padding: 40px 60px; margin-bottom:50px; } .advertisement-box{ border:2px solid #333; padding:15px 20px 15px 20px; margin-bottom: 40px; } .advertisement-box h3, .scoreboard h3, .upcoming-games h3{ margin-bottom: 0px; text-align:center; } .scoreboard{ margin-bottom: 40px; } .upcoming-games{ border:2px solid #333; padding:80px 20px 80px 20px; margin-bottom: 40px; } /* Icon Section */ .icon-panel{ padding:30px; } .icon-panel ul{ display:inline-block; } .icon-panel > ul > li{ display:inline; } .icon-panel > ul > li:nth-of-type(1){font-size: 25px;padding-right:15px;} .icon-panel > ul > li:nth-of-type(2){font-size: 35px;padding-right:15px;} .icon-panel > ul > li:nth-of-type(3){font-size: 45px;} .icon-panel > ul { padding-left: 60px; } .icon-panel > ul:nth-of-type(1){ padding-left: 0px; } /* Footer */ .footer-nav{ height:40px; z-index: 10; background:#a7adb1; border-bottom:2px solid #fff; border-top:2px solid #fff; } .footer-table{ display: table; /* Allow the centering to work */ margin: 0 auto; } .footer-nav ul{ list-style: none; padding-top: 10px; padding-bottom: 10px; text-align: center; } .footer-nav li{ display: inline; padding-left:7px; padding-right:7px; color: #fff; } .footer-nav li a{ color: #fff; } .footer-nav li a:hover{ text-shadow:2px 2px 0px #000; -webkit-transition: text-shadow .1s ease-out; -moz-transition: text-shadow .1s ease-out; -o-transition: text-shadow .1s ease-out; transition: text-shadow .1s ease-out; } footer { width:100%; height: auto; max-height:250px; background: #33414a; bottom: 0px; padding-top:35px; padding-bottom:35px; } footer p{ text-align:center; line-height: 140%; color: white; } .copyright{ text-align: center; font-size:90%; padding-top: 20px; } /* Tabbed News */ .tabs { position: relative; min-height: 420px; /* This part sucks */ clear: both; margin: 25px auto; width:80%; } .tab{ float: left; width:25%; margin-left:5%; margin-right:20%; } .tab.opppref { width:90%; } .tab:first-child { margin-left:20%; margin-right:5%; } .tab label { background: #334149; border-radius:5px; padding: 15px; margin-left: -2px; position: relative; left: 2px; font-weight: 400; color:#fff; letter-spacing:2px; } .tab [type=radio] { display: none; } .tab-content { position: absolute; top: 50px; left: 0; background: #fff; right: 0; bottom: 0; padding: 20px; line-height:25px; } .tab-content>ul>li:first-child{ font-weight:bold; } [type=radio]:checked ~ label { background: #334149; border-radius:5px; font-weight: 700; z-index: 2; } [type=radio]:checked ~ label:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(51, 65, 73, 0); border-top-color: #334149; border-width: 10px; margin-left: -10px; } [type=radio]:checked ~ label ~ .tab-content { z-index: 1; } /* Club */ #gamescores { position:relative; } #scoreboard { padding: 25px; border: solid 2px #d0d0d0; position:relative; width: auto; background: #000000; color: #FFFF00; text-align:center; min-height: 119px; box-shadow: 2px 2px 3px rgba(0,0,0,.3); } #scoreboard TABLE { font-weight: normal; line-height: 20px; letter-spacing: .3px; background: #000000; color: #FFFF00; border-spacing:0; } #scoreboard TABLE TD { color: #FFFF00; font-size:12px; border-bottom:ridge 2px #CCCCCC; width:auto; } #scoreboard TABLE TD.scorehead-team { text-align:right; font-size:15px; color: #FFFFFF; } #scoreboard TABLE TD.scorehead { width:30px; text-align:right; font-size:15px; color: #FFFFFF; } #scoreboard TABLE TD.score { width:30px; text-align:right; } #scoreboard TABLE TD.spacer { width:30px; text-align:right; border-right:ridge 2px #CCCCCC; } #scoreboard TABLE TR.winner { font-weight:bold; font-size:13px; } /* Team Modal */ #teams-modal{ position:fixed; left:0px; top:150px; width:40px; height:auto; z-index:999; cursor:pointer; } label#teams-modal{ background-color: #f65f00; padding:10px 5px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; } label#teams-modal>h5{ font-family: 'Open Sans', sans-serif; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; text-orientation: upright; text-align:center; font-size: 1.7rem; font-weight:800 !important; text-transform:uppercase; color: #fff; line-height: 1.3; text-shadow:1px 1px 2px rgba(0,0,0,.7); } .upright-sep{ padding-top:15px; } .modal-wrap.teamgrid-modal{ width:80%; height:90%; margin-top:30px; max-height:900px; overflow: auto; background:#33414a; } .modal-wrap.teamgrid-modal h2{ text-align:center; color: #fff; margin-top:20px; font-weight:700; text-shadow:2px 2px 0px #000; } .modal-wrap.teamgrid-modal .close{ color: #fff; } .modal-wrap.teamgrid-modal #teamtable td{ font-size: 14px; } @media screen and (max-width: 1600px) { .modal-wrap.teamgrid-modal #teamtable td{ font-size: 12px; } } @media screen and (max-width: 1400px) { .modal-wrap.teamgrid-modal #teamtable td{ font-size: 11px; } } @media screen and (max-width: 1200px) { .modal-wrap.teamgrid-modal #teamtable td{ font-size: 10px; } } @media screen and (max-width: 900px) { .modal-wrap.teamgrid-modal #teamtable td{ font-size: 10px; } } .teamtable-filters{ max-width:750px; text-align:center; margin:10px auto; padding:5px 10px; background-color: #fff; border-radius:5px; box-shadow:2px 2px 3px rgba(0,0,0,.4); } .teamtable-filters>a:hover{ text-decoration: underline; color: #f65f00; font-weight:600; } #slideout{ visibility: hidden; width:800px; background-color:#33414a; overflow:auto; } button.slider-exit{ background-color:transparent; border:0px; color: #fff; padding:0px 10px 0px 10px; font-size: 30px; } .left-exit, .top-exit, .bottom-exit { top: 0px; right: 30px; } hr.divider-1 { margin-top:30px; margin-bottom:20px; border: 0; height: 2px; background-image: linear-gradient(to right, rgba(51, 65, 73, 0), rgba(51, 65, 73, 0.75), rgba(51, 65, 73, 0)); } hr.divider-2 { margin-top:0px; margin-bottom:20px; border: 0; height: 2px; background-image: linear-gradient(to right, rgba(51, 65, 73, 0), rgba(51, 65, 73, 0.75), rgba(51, 65, 73, 0)); } hr.divider-3 { margin-top:20px; margin-bottom:30px; border: 0; height: 2px; background-image: linear-gradient(to right, rgba(51, 65, 73, 0), rgba(51, 65, 73, 0.75), rgba(51, 65, 73, 0)); } .partner-wrapper{ margin-top:0px; margin-bottom:0px; } .partner-header>h2{ text-align:center; font-weight:700; font-size: 5.5rem; text-shadow: 2px 2px 0px #ddd; } .partner-bg{ background-color: #acacac; } .partner-callout{ text-align:center; } .partner-callout h2{ font-weight:700; font-size: 5rem; padding-top:20px; } .partner img{ width:85%; max-height:125px; margin:0 auto; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); -webkit-transition: .3s -webkit-filter linear; -moz-transition: .3s -moz-filter linear; -moz-transition: .3s filter linear; -ms-transition: .3s -ms-filter linear; -o-transition: .3s -o-filter linear; transition: .3s filter linear, .3s -webkit-filter linear; } .skinny-logo { padding-top:10%; } .partner:first-child img{ float:right; } .partner img:hover{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .vc-header{ background-color: silver; color: #e51937; font-size: 3.2rem; text-shadow: -.75px .75px 0 #fff, .75px .75px 0 #fff, .75px -.75px 0 #fff, -.75px -.75px 0 #fff, -1.5px 1.5px 0 #000, 1.5px 1.5px 0 #000, 1.5px -1.5px 0 #000, -1.5px -1.5px 0 #000; letter-spacing: 1px; } .vc-header h2{ font-size: 3.2rem; } .vc-logo{ max-width:200px; margin:0 auto; position:relative; display: block; margin-bottom:20px; } .vc-img img{ margin:50px auto; position:relative; display: block; } .vc-text h3{ margin-top:30px; margin-bottom:20px; } .vc-text p{ font-size: 108%; line-height: 2.5em; } .vc-text a{ text-decoration: underline; font-weight:700; text-align:center; display:block; margin-top:20px; } .vc-points>p:last-child{ margin-bottom:20px; } .publish-ad{ border: 2px solid rgba(0,0,0); margin: 10px 20px; padding:20px 50px; text-align: center; } .arrow{ font-size:3.5rem; margin-left:20px; margin-right:20px; color: #fff; text-shadow:none; } .bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-10px); } 60% { transform: translateY(-5px); } } .news-header{ padding:20px 50px 0px 50px;; background: #0f3b65; } .news-header h3{ color: rgba(255,255,255); text-shadow:2px 2px 0px rgba(0,0,0,.8); margin-bottom:0px; top:20px; text-align:center; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 1px; font-size: 3.2rem; } #curveDownColor{ stroke: #0f3b65; height:50px; } #curveDownColor path { fill: #0f3b65; stroke: #0f3b65; } #calendar > table.calendar > tbody > tr.calendar-row > td.calendar-day-head{ padding:2px; } button.mustdo-btn{ background-color: #d60000; border: 2px solid #821b15; font-size: 16px; font-weight: 800; font-family: 'Open Sans',sans-serif; text-shadow: 1px 1px 0px #000; padding: 0 20px; } button.mustdo-btn:hover{ background-color:rgba(255,65,54,.75); border:2px solid rgba(130,27,21,.85); } .club-header{ font-family: 'Open Sans',sans-serif; text-align:center; color:#334149; text-shadow:2px 2px 0px #fff; padding-top:30px; padding-bottom:20px; margin-bottom:30px; box-shadow:0px 2px 3px rgba(0,0,0,.3); background-color:silver; } .club-header>h1{ font-weight:800; letter-spacing: 1px; font-size: 4rem; } .club-header>a{ color: #fff; text-shadow:1px 1px 0px #000; text-decoration:underline; } .team-header{ font-family: 'Open Sans',sans-serif; text-align:center; color:#334149; text-shadow:2px 2px 0px #fff; padding-top:20px; padding-bottom:20px; margin-bottom:30px; box-shadow:0px 2px 3px rgba(0,0,0,.3); background-color:silver; } .team-header>h1{ font-weight:800; letter-spacing: 1px; font-size: 4rem; } .contact-table>.head{ font-weight:bold; } .contact-table>#row-header{ color: #f65f00; font-weight:700; font-size: 22px; text-shadow:2px 2px 0px rgba(0,0,0,.7); line-height: 150%; } .contact-table>#row-header>td{ padding-top:20px; padding-bottom:20px; } .contact-table>.row{ background: rgba(251,146,89,.5); padding:5px 0px; } .contact-table>.rowalt{ background: rgba(251,146,89,.2); } .complaints{ background: #fff; margin: 30px 0px; padding-bottom: 25px; box-shadow: 2px 2px 3px rgba(0,0,0,.3); } .complaints h3{ margin-bottom:0px; color: rgba(255,255,255); text-shadow: 2px 2px 0px rgba(0,0,0,.8); padding-top: 10px; } .complaints-header{ background:#f65f00; } .complaints>#curveDownColor{ height:25px; } select#complaintowner{ margin-top:5px; margin-bottom:10px; } .club-info{ background: #fff; margin: 30px 0px; padding-bottom: 30px; box-shadow: 2px 2px 3px rgba(0,0,0,.3); overflow:auto; } .club-info h3{ margin-bottom:0px; color: rgba(255,255,255); text-shadow: 2px 2px 0px rgba(0,0,0,.8); padding-top: 10px; font-family: 'Open Sans', sans-serif; font-size: 3.0rem; font-weight: 600; letter-spacing: 1px; } .bg-container.directory{ width:90%; display:block; margin:0 auto; position: relative; } .info-header{ background:#0f3b65; } .info-row-header{ border-top: 2px solid rgba(172,172,172,0.5); } .info-row-header:first-child{ border-top:none; } .info-row{ margin-bottom:20px !important; } .info-row>td{ font-weight:700; line-height: 180%; padding-bottom:30px; } .info-row>td>a{ color: #0FA0CE; } .info-row-header>td{ padding-bottom:10px; padding-top:30px; font-weight:normal; } .club-team-pad{ padding-top:7px; padding-bottom:7px; } .insurance-container{ background: #fff; padding:50px 30px; box-shadow: 2px 2px 3px rgba(0,0,0,.3); text-align: center; } .insurance-container h1{ font-weight:800; font-size:4.6rem; color:#f65f00; text-shadow:2px 1px 0px #fff; width:auto; } .insurance-container h1:hover{ text-decoration: underline; } .insurance-container img{ margin:0 auto; position: relative; display: block; max-width:200px; } .club-team-link{ color: #0FA0CE; font-weight: 700; } .club-team-b{ font-weight: 700; } .club-news{ padding:0px; } .club-tabs{ background:#fff; } .club-newswrap{ margin-top:80px; } .club-logo{ margin-top:40px; } .club-logo img{ max-height: 120px; } .club-help{ margin-top:100px; } .sidebar{ will-change: min-height; margin-bottom:80px; } .sidebar ul{ list-style: none; } .sidebar__inner{ transform: translate(0, 0); /* For browsers don't support translate3d. */ transform: translate3d(0, 0, 0); will-change: position, transform; } .sidebar__inner>h5{ margin-bottom:0px !important; font-weight:bold !important; margin-top:15px !important; font-size:2.0rem; } .sidebar__inner img{ width:100%; max-width:185px; height:auto; margin-bottom: 20px; } .sidebar li{ margin-top:10px; line-height: 125%; } ul.sidebar_wbutton li>label{ font-weight:400; color: #555; cursor: pointer; } .profile-edit{ border:2px solid #333; padding:20px 20px 20px 20px; } .insurance > a{ font-size:1.5em; } .insurance > p{ margin-top:10px; margin-bottom: 40px; } #field-list li{ margin-bottom:15px; } #field-list a{ color: rgb(15, 59, 101); } /* Style Guide */ .bg-blue{ background-color: #56aee7; } .bg-green{ background: #14CC60; } .bg-orange,button.bg-orange{ background-color: #f65f00; } .bg-white{ background-color: rgba(255,255,255) !important; color: #000; } .bg-dblue{ background-color: #33414a; } .bg-gray{ background-color: #a7adb1; } /* Forced Styling for Guide */ .style-section{ margin-bottom:80px; } .bg-blue, .bg-orange, .bg-dblue, .bg-gray{ text-align:center; } .blue, .orange, .dblue { background-color: white; margin:80px 70px 15px 15px; } ul.sg-lists{ list-style: disc; list-style-position: inside; line-height:150%; } ul.no-bullet{ list-style: none; } li.inline{ display:inline; } ol.sg-lists{ list-style: decimal; list-style-position: inside; line-height:150%; } .example-grid{ margin-top:50px; margin-bottom:50px; display:block; } .example-grid>div{ display:block; } .example-grid>.row>div{ padding:10px 0; margin-top:8px; margin-bottom: 8px; border-radius: 5px; text-align: center; background-color: white; } .section-header{ margin-bottom:30px; padding-bottom: 20px; border-bottom: 2px solid #fff } @media only screen and (min-width: 1024px) { .ftf{ background: #f65f00; } .ftf>h5{ color: #fff; text-shadow:2px 2px 0px rgba(0,0,0,.7); margin-bottom:0px; padding-top:10px; } .ftf>h5>i{ padding-left:10px; padding-right:10px; } .ftf-nav>li>a:hover{ color: rgba(255,255,255,.75); text-shadow:2px 0px 0px rgba(0,0,0,.75); } li.dropdown-ftf { display: inline-block; } .dropbtn-ftf { display: inline-block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown-content-ftf { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content-ftf > li { display:block; } .dropdown-content-ftf > li > a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content-ftf > li > a:hover {background-color: #f1f1f1} .dropdown-ftf:hover .dropdown-content-ftf { display: block; } } .adminz{ margin-top:80px; } @media only screen and (min-width: 1024px) { li.dropdown { display: inline-block; } .dropbtn { display: inline-block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content > li { display:block; } .dropdown-content > li > a { color: black; padding: 12px 16px; text-decoration: none; text-shadow: none; display: block; text-align: left; } .dropdown-content > li > a:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content { display: block; } } @media only screen and (max-width: 1024px) { .dropdown .nav-arrow { position: relative; } .dropdown .nav-arrow::before, .dropdown .nav-arrow::after{ /* arrow icon in CSS */ content: ''; position: absolute; top: 50%; margin-top: -2px; display: inline-block; height: 2px; width: 10px; background: #485c68; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .dropdown .nav-arrow::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .dropdown .nav-arrow::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .dropdown .nav-arrow::before, .dropdown .nav-arrow::after { /* arrow goes on the right side - children navigation */ right: 20px; -webkit-transform-origin: 9px 50%; -moz-transform-origin: 9px 50%; -ms-transform-origin: 9px 50%; -o-transform-origin: 9px 50%; transform-origin: 9px 50%; } .dropdown-content { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } .dropdown-content-mobile { position: absolute; top: 0; left: 0; width: auto; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(260px); -moz-transform: translateX(260px); -ms-transform: translateX(260px); -o-transform: translateX(260px); transform: translateX(260px); } .dropdown-content.nav-is-visible { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; } .dropdown-content.moves-out > li > a { opacity: 0; } .subnav.moves-out > li > a { opacity: 0; } #menu-1.moves-out > li > a { opacity: 0; } #menu-2.moves-out > li > a { opacity: 0; } #menu-3.moves-out > li > a { opacity: 0; } #menu-4.moves-out > li > a { opacity: 0; } #menu-5.moves-out > li > a { opacity: 0; } #menu-6.moves-out > li > a { opacity: 0; } #menu-7.moves-out > li > a { opacity: 0; } } /* Self Clearing Goodness */ .container:after, .row:after, .u-cf { content: ""; display: table; clear: both; } /* Slider */ .slider { margin-top:0px; } .slider-tournlogos{ margin:25px auto; padding:0px 30px; display:block; position:relative; } .smallsub{ color: #f5ee31; font-family:'Open Sans',sans-serif; font-weight:600; font-size: 16px; font-style: italic; text-align:center; margin-top:15px; background: rgba(0,0,0,.85); } .tablez{ display: table; margin: 0 auto; } .halfwidth{ width:50%; float:left; } .thirdwidth{ width:33%; float:left; } .twothirdwidth{ width:66%; float:left; } .fullwidth{ width:100%; } .slide>.halfwidth{ } .slider-tournlogos li{ display: inline; } .slider-tournlogos img{ max-height:90px; margin-left:5px; margin-right:5px; display: inline; } .full-center{ margin-bottom:50px; } .slides-3{ margin-bottom:50px; } .slides-tourngalleries{ margin-bottom:50px; } @media (max-width: 768px) { .full-center { margin-left: -40px; margin-right: -40px; } .slides-3 { margin-left: -40px; margin-right: -40px; } .slides-tourngalleries{ margin-left: -40px; margin-right: -40px; } .slides-2 { margin-left: -40px; margin-right: -40px; } .full-center .slick-center h3 { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); color: #e67e22; opacity: 1; transform: scale(1); } .slides-3 .slick-center h3 { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); color: #e67e22; opacity: 1; transform: scale(1); } .slides-tourngalleries .slick-center h3 { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); color: #e67e22; opacity: 1; transform: scale(1); } .full-center h3 { -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); opacity: 0.8; transform: scale(0.95); transition: all 300ms ease; } .slides-3 h3 { -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); opacity: 0.8; transform: scale(0.95); transition: all 300ms ease; } .slides-tourngalleries h3 { -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); opacity: 0.8; transform: scale(0.95); transition: all 300ms ease; } } .full-center .slick-center h3 { -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -webkit-transform: scale(1.08); color: #e67e22; opacity: 1; transform: scale(1.08); } .full-center h3 { opacity: 0.8; transition: all 300ms ease; } .slides-3 .slick-center h3 { -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -webkit-transform: scale(1.08); color: #e67e22; opacity: 1; transform: scale(1.08); } .slides-3 h3 { opacity: 0.8; transition: all 300ms ease; } .slides-tourngalleries .slick-center h3 { -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -webkit-transform: scale(1.08); color: #e67e22; opacity: 1; transform: scale(1.08); } .slides-tourngalleries h3 { opacity: 0.8; transition: all 300ms ease; } .fade{ max-width:550px; margin:0 auto; } .fade img, .full-center img, .slides-3 img, .slides-2 img, .slides-1 img, .slides-tourngalleries img{ width:100%; height:auto; } .full-center img{ padding:0px 3px; } .slides-3 img,.slides-2 img,.slides-1,.slides-tourngalleries img{ padding:0px 3px; } .photo-header1{ font-weight:700; background: #0f3b65; color: #fff; text-shadow: 2px 2px 0px rgba(0,0,0,.8); text-align: center; padding: 10px 15px; border-bottom: 2px solid #f65f00; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 2.8rem; font-weight: 600; letter-spacing: 1px; margin-bottom: 30px; } .slides-1 .slick-slide{ padding-left:30px; padding-right:30px; } .slider.team-logos .slick-slide{ height:55px; } .team-logos img{ height:55px; width:auto; padding:0px 3px; } .slide{ height:350px !important; } .main-slide{ /*background-image: url(../img/slider-bg.png);*/ background-color:#374abe; } .main-slide img{ width:350px; float:left; margin-top:50px; margin-left:30px; } .main-slide h1, .slide-2 h1{ font-size:45px; font-weight: 800; color: #f5ee31; text-align:center; margin-top:40px; text-shadow:2px 3px 0px rgba(0,0,0,1); } .slide-3 h1{ font-size:26px; font-weight: 800; color: #fff; text-align:center; text-shadow:2px 3px 0px rgba(0,0,0,1); } .slide-3 .btn{ } .main-slide h5{ font-weight: 400; color: #fff; text-align:center; margin-top:5px; text-shadow:2px 2px rgba(0,0,0,.3); } .main-slide h1 span{ font-weight: 700; letter-spacing: 5px; } .slide1-btn{ margin:0 auto; position: relative; } .slide-1{ height:350px !important; background-image: url(../images/CBW_Slider-Ad_Photo.jpg); background-size:cover; } .slide-fall{ height:350px !important; background-image: url(../img/fall-bg.jpg); background-size:cover; } .slide-1 .thirdwidth a>img{ max-width: 450px; padding: 40px 0px 0px 30px; } .fall-content{ text-align: center; color: #000; margin-top: 0; } .fall-content img{ width: 180px; margin:0 auto; } .fall-content .btn{ background: #f65f00; } .fall-content{ font-weight: 700; } .slide-fall .thirdwidth>img{ width: 250px; padding-left: 100px; } .slide-1 .twothirdwidth{ padding: 30px 20px; } .slide-1 .twothirdwidth h1{ font-size: 52px; font-weight: 800; color: #f5ee31; text-align: center; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #262262; } .slide-1 .twothirdwidth .btn{ margin: 30px auto; display: block; width: 320px; background: #283891; } .slide-1 .twothirdwidth .btn .btn-content{ font-weight: 700; letter-spacing: .5px; font-size: 18px; } .slide-1 .twothirdwidth h3{ font-weight: 800; font-style: italic; color: #f7941d; font-size: 3rem; text-align: center; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,.1); } .slide-reg{ height:350px !important; background-image: url(../img/registration-bg.jpg); background-size:cover; } .registration-content{ text-align: center; color: #fff; margin-top: 0; margin-left: 10%; margin-right: 10%; } .registration-content img{ width: 180px; margin:0 auto; } .registration-content .btn{ background: #f65f00; } .registration-content h1{ font-weight: 700; font-size: 4.7rem; text-shadow: 2px 2px 0px #000; letter-spacing: 1; line-height: 120%; } .slide-registration .thirdwidth>img{ width: 250px; padding-left: 100px; } .slide-2{ height:350px !important; background-image: url(../img/tournslider-bg.png); background-size:cover; } .mohawk-slide{ height: auto !important; background-image: url(../img/amsterdam_logo.png); background-position: 50,0; background-size: auto; background-repeat: no-repeat; background-color: #fff; } .mohawk-slide h3{ padding: 10px; width: 60%; margin:0 auto; color: #000; text-align:center; font-weight:bold; } .mohawk-slide-btn{ background: red; color: #fff; text-align: center; border-radius: 5px; padding: 10px 20px; font-weight: bold; margin: 20px auto; display: block; max-width: 320px; border: 1px solid #000; font-size: 110%; } .mohawk-text{ text-align:center; font-weight:bold; color: #000; } .top-banner-slide{ background: red; border-bottom: 5px solid #000; text-align: center; color: #fff; padding: 5px; font-size: 90%; letter-spacing: .5; } .bottom-banner-slide{ background: red; border-top: 5px solid #000; text-align: center; color: #fff; padding: 5px; font-size: 90%; letter-spacing: .5; bottom:0px; margin-top:30px; } .slide-2 button{ text-align:center; margin:0 auto; display: block; margin-top:40px; color: #fff; font-size:12px; text-shadow:2px 2px rgba(0,0,0,1); box-shadow: 2px 2px 2px rgba(0,0,0,.4); } .slide-3{ height:350px !important; background-image: url(../img/homeslider3.png); background-size:cover; } .slide-4{ height:350px !important; background-image: url(../img/cooperstown_slider-bg.jpg); background-size:cover; } .slide-4>.slide-content{ width:90%; margin: 10px auto 10px auto; padding: 5px 20px; background: rgba(255,255,255,.9); border: 2px solid #fff; text-align:center; } .slide-4 h3{ font-size:3.0rem; font-weight:700; margin-bottom: 10px; text-shadow:1px 1px 0px #fff; } .slide-4 h4{ font-size:2.0rem; font-weight:600; margin-bottom: 10px; } .slide-4 span.ital{ font-style:italic; text-decoration: underline; } .slide-4 .cbw-img{ height: 70px; text-align:center; display:inline-block; vertical-align: middle; } .slide-4 .cbw-logo{ height: 90px; margin-left: 35px; margin-right: 35px; } .slide-4 h5.cbw-note{ font-size: 1.7rem; margin-bottom: 5px; width:auto; font-weight:600; } .slide-4 h5.cbw-note-small{ font-size: 1.4rem; margin-bottom: 5px; width:auto; font-weight:600; } .slide-4 a{ color:#f65f00; text-decoration: underline; } .slide-5{ height:350px !important; background-image: url(../img/cooperstown_slider-bg.jpg); background-size:cover; } .slide-5>.slide-content{ width:80%; margin: 0 auto; background: #210202; text-align:center; height:100%; } .slide-content .slide-buttons{ display:flex; flex-flow: row wrap; justify-content: center; width:50%; margin:0 auto; padding-top:10px;; } .slide-content .pencilbanner{ width:100%; } @media only screen and (max-width: 1024px) { .slide-5>.slide-content{ width:100%; padding-top:50px; } } .main-slide button{ text-align:center; display: block; margin-top:40px; color: #fff; font-size:12px; text-shadow:2px 2px rgba(0,0,0,1); box-shadow: 2px 2px 2px rgba(0,0,0,.4); } .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('./fonts/slick.eot'); src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 22px; line-height: 1; opacity: .75; color: #f65f00; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .age-header{ font-family: 'Open Sans', sans-serif; font-weight: 800; padding-top:75px; padding-bottom:20px; } .tourntable-header{ background-color:#406e8e; } .tourntable-header td{ color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; text-shadow:1px 1px 0px rgba(0,0,0,.8); padding:3px 5px 3px 5px; } .pad-top{ margin-top:30px; } .table-age{ font-family: 'Open Sans', sans-serif; font-weight:800; font-size:20px; color:#33414a; } .block{ display: inline-block; } .sanct-text p{ margin-bottom:20px; text-align:left; } .header h3{ text-align:center; font-family: 'Open Sans', sans-serif; font-weight:600; margin-top:50px; } .timestamp p{ text-align:center; margin-top:10px; margin-bottom:20px; } .body{ font-size:18px; line-height: 26px; } .body h3{ font-size:18px; line-height: 26px; } .body strong{ font-weight:600; } .block-center{ display:block; margin:10px auto; position: relative; max-width:150px; } .input-hidden { position: absolute; left: -9999px; } input[type=radio]:checked + label>img { border: 1px solid #fff; box-shadow: 0 0 3px 3px #f65f00; } /* Stuff after this is only to make things more pretty */ input[type=radio] + label>img { width: auto; height: 120px; transition: 500ms all; } .news-img-select:checked ~ label{ background:transparent !important; } .newspost-img-container{ margin-top:30px; } .newspost-img{ display:inline-block; margin-right:20px; } .cd-main-nav-wrapper{ border-bottom: 7px solid silver; } /*------------------- Game Schedule ----------------*/ DIV.updatetools { margin-bottom:1rem; display:flex; flex-wrap: wrap; flex-direction:row; } DIV.gameinfo, .feature-links{ position:relative; padding: 5px; margin:0px; } DIV.description .desc-txt { font-size:2em; line-height:2.3em; color: rgb(255,255,255); float:right; width:475px; white-space:normal; } .flex-title { margin-bottom:1rem; display:flex; flex-wrap: wrap; flex-direction:row; } .flex-title .away { } .flex-title .at { padding: 10px; font-size: 5.0rem; } .flex-title .home { } .cal-section { text-align:center; background-color:rgb(255,255,255); margin: 5px auto; padding: 3px; border-radius:12px 12px 0px 0px; border: 2px solid #0f3b65; border-collapse: separate; width: 100%; } .cal-section .calday { margin-bottom:1rem; display:flex; flex-wrap: wrap; flex-direction:row; } .calday a.btn { color:#FFFFFF; width:180px; } .gcol1 { flex: 1 110px; flex-wrap: wrap; flex-direction: column; } .gcol2 { flex: 6; display: flex; flex-wrap: wrap; flex-direction: row; } .gd1 { flex:1; } .gd2 { flex: 6; } .gcol3 { flex:1; } .cal-section DIV.lose { background-color:rgb(199,0,9); font-weight:bold; text-transform: uppercase; text-shadow:0 0.6px 0 rgb(25,25,25); color:rgb(255,255,255); position:relative; } .cal-section DIV.win { background-color:rgb(15,171,1); font-weight:bold; text-transform: uppercase; text-shadow:0 0.6px 0 rgb(25,25,25); color:rgb(255,255,255); position:relative; } .cal-section DIV.tie { background-color:rgb(232,231,4); font-weight:bold; text-transform: uppercase; text-shadow:0 0.6px 0 rgba(155,155,155,0.75); position:relative; } .cal-section DIV.suspended { background-color:rgb(184,199,254); font-weight:bold; text-transform: uppercase; text-shadow:0 0.6px 0 rgba(155,155,155,0.75); position:relative; } DIV#key { width:470px; } DIV#key DIV { margin: 5px; } .mustplay {border: 4px solid #FFFF00} .mustplay-first{border-top: 4px solid #FFFF00; border-left: 4px solid #FFFF00;} .mustplay-second{border-bottom: 4px solid #FFFF00; border-right: 4px solid #FFFF00;} .extra-first{border-top: 4px solid #939393; border-left: 4px solid #939393;} .extra-second{border-bottom: 4px solid #939393; border-right: 4px solid #939393;} .mustplay-first-secondextra{border-top: 4px solid #FFFF00; border-left: 4px solid #FFFF00; border-bottom: 4px solid #939393; border-right: 4px solid #939393;} .mustplay-second-firstextra{border-top: 4px solid #939393; border-left: 4px solid #939393; border-bottom: 4px solid #FFFF00; border-right: 4px solid #FFFF00;} .mustplay-extra{border-top: 4px solid #939393; border-left: 4px solid #939393; border-bottom: 4px solid #939393; border-right: 4px solid #939393;} .link-button { text-align:left; background-repeat: no-repeat; background-color: rgb(170,170,170); padding-left: 20px; padding-right: 3px; border: outset 1px rgb(0,0,0); display:inline-block; margin-top:15px; font-weight: bold; color: rgb(15, 59, 101); text-shadow:none; } .link-button A { color: rgb(200,0,0); } #switch-team { background-image:url('/images/user_go.png'); } .add-button { background-image:url('/images/add.png'); } .edit-button { background-image:url('/images/pencil.png'); } .delete-button { background-image:url('/images/cancel.png'); } .sched-info{ padding-top:30px; padding-bottom:20px; text-align:left; } .sched-info p{ font-size:15px; margin-top:10px; } .sched-changes{ margin-top:20px; margin-bottom:20px; text-align:center; font-weight:bold; } .sched-changes p{ margin-top:0px; } .sched-grid{ display:table; } .sched-grid h3{ font-family: 'Open Sans', sans-serif; font-weight:800; font-size: 3.0rem; color: #334149; text-shadow:1px 1px 0px #fff; padding-top:10px; padding-bottom:10px; } .sched-grid h5{ font-family: 'Open Sans', sans-serif; font-weight:800; font-size: 2.2rem; color: #334149; text-shadow:1px 1px 0px #fff; padding-right:10px; padding-left:10px; margin-bottom:1rem; } .sched-grid a{ color: rgb(25, 44, 121); font-weight:600; } .row-bl{ background: #e4e9f7; border:1px solid #334149; box-shadow: inset 0px 0px 2px rgba(0,0,0,.5); } .sched-grid [data-balloon]{ cursor: pointer; } .simple-table{ width:80%; border:1px solid #334149; } .simple-table h3{ background:#1261a0; color:#fff; font-family:'Open Sans',sans-serif; font-weight:800; padding-top:10px; padding-bottom:10px; letter-spacing:1px; font-size:3rem; text-shadow:1px 2px 0px #000; } .simple-table .row{ border:1px solid #334149; } .simple-table .row>td{ color: #555; padding-top:10px; padding-bottom:10px; } form.colored fieldset { padding: 0 20px 20px; margin: 0 0 20px; border: 1px solid #334149; min-width: 425px; } form.colored fieldset>legend{ font-weight:800; } form.colored fieldset>label{ margin-top:20px; } .s-slim{ width:60%; } .s-slim tr{ border-bottom:1px dashed rgb(194, 194, 194); } .s-slim select{ margin-top: 10px; margin-bottom: 10px; } .vbold{ font-weight:800; font-size:120%; } .game-title{ font-family: 'Open Sans', sans-serif; font-weight:800; font-size: 2.2rem; margin-bottom:15px; } .game-sub{ font-family: 'Open Sans', sans-serif; font-weight:600; font-size: 2rem; margin-bottom:20px; } .incident-item{ margin-top:10px; margin-bottom:10px; } .directory-header{ border-bottom:1px solid silver; } .directory-header>td{ padding-top:7px; padding-bottom:7px; } #clubinfo, #stafftable{ margin:20px 50px; border:1px solid silver; width:90%; } .directory-row>td{ padding-top:10px; padding-bottom:10px; } table.invoice-table{ border: 2px solid #1e3762; padding-top:20px; border-collapse: initial; } .invoice-table h5{ font-weight:600; } .invoice-table tr.highlight{ border-top:2px solid #000; border-bottom:2px solid #000; } .roster-table{ border:1px solid silver; padding-bottom:20px; } .standings-wrapper{ border:1px solid silver; margin-bottom:50px; overflow:auto; } .standings-wrapper h3{ font-family:'Open Sans', sans-serif; font-weight:600; font-size: 3.0rem; letter-spacing:1px; margin-top:10px; margin-bottom:10px; } .stat-row{ text-align:center; border-bottom:1px solid silver; border-left:1px solid silver; border-right:1px solid silver; } tr.stat-row>td{ border-right:1px dashed silver; } tr.stat-row>td:last-of-type{ border:none; } tr.stat-row input{ padding:0 10px; margin-bottom: 10px; } .stat-table{ margin-bottom:50px; } .stat-container h3{ font-family:'Open Sans',sans-serif; font-weight:800; } .stat-row:nth-of-type(odd){ background: rgba(217, 219, 226,.75); } input.statedit{ padding:0px 0px; text-align:center; width: 39px; } .sched-header{ font-weight:600; font-size:3.2rem; margin-bottom:20px; } .fsched-pri-p{ font-size:70%; line-height:125%; background: #c6efce; color: #006100; font-weight:800; padding:3px 5px; border-radius:20px; } .fsched-pri-s{ font-size:70%; line-height:125%; background: #ffeb9c; color: #9c5700; font-weight:800; padding:3px 5px; border-radius:20px; } .sched-button{ background:#f65f00; color: #fff; padding:4px 6px; border-radius:5px; text-shadow:1px 1px 0px rgba(0,0,0,1); box-shadow:1px 1px 1px rgba(0,0,0,.2); } .fsched-text{ font-size:2.2rem; } .fsched-row{ display:block; margin-bottom:30px; } .tasched-table>tbody>tr:nth-of-type(n+1){ background:silver; } .roster-accordian{ margin-top:0px; margin-bottom:30px; } .roster-accordian > ul.accordian li{ list-style-type: none; padding: 0px; margin: 0px; } .roster-accordian > ul.accordian > li > h2{ text-align:center; padding-top:3px; padding-bottom:5px; background-color: #f65f00; border-radius:10px; } .roster-accordian > ul.accordian > li > i.left-i{ left:30px; margin-top:16px; } .roster-accordian > ul.accordian > li > i.right-i{ right:20px; margin-top:16px; } .roster-accordian > ul.accordian li i:before{ background-color: #fff; } .roster-accordian > ul.accordian li input[type=checkbox]{ height:40px; } .help-content > ul.accordian li a{ color: #555; } #rosterarea tr, form{ text-align:center; } .fa-pool{ text-align:center; } .ufa-tab h2,.fa-pool h2,.contact-tab h2{ font-weight:600; text-align:center; font-size:3.0rem; margin-bottom:30px; } .ufa-tab{ text-align:center; width:100%; } .contact-tab{ text-align:center; } form.ufafilter-form{ width:60%; margin:0 auto; display:block; background: #f2f2f2; border:1px solid silver; box-shadow:inset 1px 1px 2px rgba(0,0,0,.1),inset -1px -1px 2px rgba(0,0,0,.1); padding:10px; margin-top:20px; margin-bottom:20px; } form.ufafilter-form select{ width: 200px; } table.ufa-table{ border:1px solid silver; border-collapse: separate; } .ufa-header{ background:rgb(15, 59, 101); } .ufa-header h1{ color:#fff; font-weight:800; text-shadow:2px 2px 0px rgba(0,0,0,.8); } .ufa-table tr{ border-left:1px solid silver; border-right:1px solid silver; } .shaded { background: #C9DAE6; text-align:left; } .shadeddark { background: #b1c1cd; text-align:left; } .shaded h5, .shadeddark h5{ color: #555; text-shadow:1px 1px 0px rgba(255,255,255,1); font-weight:800; padding-left:25px; padding-right:25px; } .pink { background: #ffc0b2; } #results tbody tr.totals td { background: rgb(25,44,121); color: #FFFFFF; text-align: center; margin: 0px; } #results tbody tr td { line-height: 18px; padding: 5px; margin: 0px; vertical-align: top; } TD.spantitle { font-size: 1.5em; text-decoration: underline; } .totals td { color: #FFFFFF; background-color: rgb(25,44,121); text-align: center; font-weight: 600; } .totals ul>li{ list-style-type: disc; } #results tbody tr td h5 { display: inline-block; } .regform h2{ font-weight:600; color: #555; } .regform h5{ line-height:18px; } tr.color1 h5{ color:#fff; text-shadow:1px 1px 0px rgba(0,0,0,.8); } .space-top{ margin-top:30px; } tbody tr.tabhead td .reg-tab{ background: rgba(225,225,225,1); border-top-right-radius: 12px; border-top-left-radius: 12px; padding: 2px 2px 0 2px; border: ridge 2px #000; border-bottom:2px solid #000; font: bold 1.2em Arial; color: #000; margin-right: 5px; } .regAddon{ border-collapse: unset; border:2px solid #000; background:rgba(253,255,50,.6); } .border-right{ border-right:2px solid #000; } .regAddon td{ font-weight:600; color: #000; } .tabhead>td{ padding-bottom:0px!important; } .hideRegAddon{ display:none !important; } .showRegAddon{ display:table-row !important; } #results [type=radio]:checked ~ label{ background:none; } .invoice-tabhead{ border-left:2px solid #000; border-right:2px solid #000; } .invoice-option{ border-left:2px solid #000; border-bottom:2px solid #000; border-top:1px solid #000; } .activestatus{ width:100px; } .todo-item{ width: 100%; text-align: left; } .todo-item>div{ display:inline-block; } .todo-item>.goto{ float:right; width:20%; } .goto>.btn{ margin-right:10px; } .todo-status{ width:20%; color:#fff; text-shadow: 1px 1px 0px #000; } .todo-status>i{ float:left; font-size: 30px; margin-top:15px; margin-left:5px; margin-right:5px; } .Complete>.todo-status{ background:#006600; } .Failure>.todo-status{ background:#FF0000; } .Upcoming>.todo-status{ background:#FFCC99; } .Incomplete>.todo-status{ background:#ffca00; color:#444; text-shadow: 1px 1px 0px #fff; } .Incomplete>.todo-status{ background:#ffca00; color:#444; text-shadow: 1px 1px 0px #fff; } .Complete>.goto>a.btn{ background:#006600; } .Failure>.goto>a.btn{ background:#FF0000; } .Upcoming>.goto>a.btn{ background:#FFCC99; } .Incomplete>.goto>a.btn{ background:#ffca00; color: #444; text-shadow: 1px 1px 0px #fff; } .Incomplete>.goto>a.btn{ background:#ffca00; color: #444; text-shadow: 1px 1px 0px #fff; } .goto>a.btn{ width:100%; height:87px; border:none; border-radius:0px; padding-top:25px; } .goto>a.btn>.btn-content{ line-height: 2.5; } .todo-status h5{ font-weight:bold; padding-top:5px; padding-bottom:5px; text-align: center; } .todo-status p{ font-size:12px; text-align: center; } .req-content{ width:60%; vertical-align: top; padding:5px 20px; } .req-content>h2{ font-size:1.8rem; font-weight:600; text-align:center; text-transform: capitalize; } .shaded {background: #C9DAE6;} .shadeddark {background: #b1c1cd;} .beige {background: #fff2cd;} .beigedark {background: #ece1be;} .pink {background: #ffc0b2;} .pinkdark {background: #eab0a3;} .gray {background: #aeafaf;} .graydark {background: #9a9c9c;} .green {background: #ccfece;} .greendark {background: #b7e4b9;} .purple {background: #feebfa;} .purpledark {background: #ecdae8;} H5.date-head{ font-weight:800; text-shadow: 1px 1px 0px rgba(255,255,255,1); } .ta-day{ border:1px solid silver; } .weekday-head{ font-weight:800; text-shadow: 1px 1px 0px rgba(255,255,255,1); font-size: 22px; line-height: 38px; } .btn-toolbox{ font-weight:800; line-height:16px; } .readmore-btn{ background:#f65f00; width: 160px; margin:0 auto; display: block; } .btn-rules{ width: 220px; margin-bottom:20px; } .fa-btn{ background: #f65f00; width: 190px; margin: 0 auto; display: block; text-shadow: 1px 1px 0px rgba(0,0,0,.4); } .btn-small{ font-size: 14px; } .loginpage-header{ color: #fff; text-align:center; font-family:'Open Sans', sans-serif; font-weight:800; text-shadow:2px 2px 0px rgba(0,0,0,1); margin-top:30px; } .loginpage-container{ max-width:500px; margin-top:50px; margin-bottom:250px; } .loginpage-container a{ color: #fff; } .loginpage-container>.login-header> h2{ color: #33414a; } input[type="submit"].loginpage-btn{ margin-top:0px; padding:0; height:auto; background-color: #f65f00; margin-bottom:20px; } .edit-button{ background:transparent; color:#f65f00; padding:2px 5px; border-radius:3px; font-weight:600; font-size:12px; } .regoptions-btn{ width:280px; } .reglabel{ display:inline-block; vertical-align: middle; } [data-balloon]:after{ font-size:16px !important; font-family: 'Open Sans', sans-serif !important; font-weight: 800 !important; letter-spacing: 1px; } .standings-wrapper #row-header{ background: silver; } .standings-wrapper #row-header>td{ color: #000; font-weight: 700; } .ufa-tabs>h1{ text-align:center; margin-top:40px; margin-bottom:40px; font-size: 4.3rem; font-weight: 700; } font.error, div.error{ border: 2px solid #000; color: #000; padding:10px 20px; background-color: #ffff00; font-family: 'Open Sans', sans-serif; position: relative; } div.warningmsgs{ padding:0px 20px 10px 20px; } .todo-item.error span.head{ font-weight:700; margin-top:20px; margin-bottom:20px; } .warningmsgs span{ display: block; } .modal-wrap.info-modal{ margin-top:5%; width:65%; background:#f2f2f2; color: #555; padding:30px 50px 40px 50px; } .sched-info>.modal input:checked ~ .modal-overlay{ overflow:hidden; } .info-modal h5{ font-size: 2.0rem; line-height:1.2; } .info-modal p{ font-size: 16px; line-height: 1.35em; } .info-modal ol{ list-style: decimal; list-style-position: inside; } .info-modal ol>li{ padding: 10px 0px 7px 15px; font-size: 16px; line-height: 1.35em; } .underline{ text-decoration: underline; } .ital{ font-style: italic; } .tryout-form > label, #teaminfo > label, #teaminfo2 > label, .tryout-form>fieldset>label{ display:inline-block; } .tryout-form input, .tryout-form select, .tryout-form textarea{ margin-bottom:10px; } .ui-datepicker{ background: #f2f2f2; border-radius: 10px; font-family:'Open Sans', sans-serif; color: #555; box-shadow: 2px 2px 3px rgba(0,0,0,.3); } .ui-datepicker-header{ text-align:center; background-color: #334149; border-top-right-radius: 10px; border-top-left-radius: 10px; padding:5px 0px; border-bottom: 3px solid silver; } .ui-datepicker-header a{ color: #f65f00; font-size: 10px; font-weight: 600; } .ui-datepicker-title{ padding:3px 0px; font-weight: 700; color: #fff; font-size:18px; text-shadow:1px 1px 0px rgba(0,0,0,1); } table.ui-datepicker-calendar{ padding: 7px; border-collapse: initial; } .ui-datepicker-calendar>tbody>tr>td{ line-height: 20px; font-size:14px; font-weight:600; padding: 7px; } td[data-handler='selectDay']:hover{ background-color: rgba(51, 65, 73,.5); color: #fff; cursor: pointer; } td[data-handler='selectDay'] > a:hover, td[data-handler='selectDay']:hover > a{ color: #fff; text-shadow:1px 1px 0px #000; } .ui-datepicker-prev, .ui-datepicker-next{ cursor: pointer; } .ui-datepicker-prev{ float:left; padding-left:15px; padding-top:8px; } .ui-datepicker-next{ float:right; padding-right:15px; padding-top:8px; } .calendar td.calendar-current-day{ background-color: #fcf4a3; } .tryout-box{ border: 1px solid rgb(25,44,121);; margin-bottom:20px; margin-top:20px; border-radius: 12px; border-top-left-radius: 0px; } .tryout-box>.header{ background: rgb(134,145,184); color: rgb(25,44,121); border-top-left-radius: 0px; border-top-right-radius: 12px; padding: 10px 15px; font-weight:700; } .tryout-box>.header .season{ margin-left:20px; font-weight: 400; } .tryout-box>.body{ background: #E4E9F7; padding:15px 25px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .tryout-box>.body td{ vertical-align: top; } .tryout-box>.body .logo-box img{ width:120px; } .tryout-box>.body .comments-box{ padding:10px 20px; } .tryout-box>.body .comments-box p{ font-size: 15px; font-weight:600; } .tryout-box>.body .tryout-contact{ text-align:center; } form.tryout-form fieldset, .tryout-form fieldset{ padding: 0 20px 20px; margin: 0 0 20px; border: 1px solid #334149; min-width: 425px; } form.tryout-form fieldset>legend, .tryout-form fieldset>legend{ font-weight: 800; } #tabcontainer .header .right-corner { float:right; } .logo{ width:150px; height: auto; } .hover-callout{ padding: 45px 75px 45px 25px; background-image: url(/img/madness-tourney-grid.jpg); border:2px solid #334149; border-radius: 0px; max-width: 275px; height: 190px; margin-right:15px; } .hover-callout.tool1,.hover-callout.tool2, .partnercallout{ padding-top:30px; } .hover-callout.homecallout{ height: 140px; padding: 28px 65px 28px 15px; } .hover-callout.clubcallout{ padding: 30px 75px 45px 25px; } .homecallout>span.btn-content{ font-weight:800; text-transform: uppercase; padding: 10px; font-size:19px; } .hover-callout.tool1{background-image: url(/img/schedtool-2.jpg);} .hover-callout.tool2{background-image: url(/img/schedtool-3.jpg);} .hover-callout.tool3{background-image: url(/img/schedtool-1.jpg);} .hover-callout.tool4{background-image: url(/img/schedtool-5.jpg);} .hover-callout.tool5{background-image: url(/img/tool5.jpg);} .hover-callout.tool6{background-image: url(/img/tool6.jpg);} .hover-callout.partnercallout.tool1{background-image: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ),url(/images/partners/amsterdam_mohawks_expanded_ad_934x650_FULL.jpg);} .hover-callout.partnercallout.tool2{background-image: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ),url(/img/amsterdam_ad.PNG);} .hover-callout.partnercallout.tool3{background-image: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ),url(/img/ENYTB_Schedule_copy.jpg);} .hover-callout:last-of-type{ margin-right:0px; } .hover-callout>.btn-content{ background: rgba(0,0,0,.8); padding:20px 20px; font-weight:700; letter-spacing:1px; text-align:center; font-size: 20px; line-height: 30px; } .btn.hover-callout:hover .icon { font-size:75px; } .hover-callout>span.ta-tool{ color: rgba(122, 229, 130,1); border: 1px solid #fff; } .hover-callout>span.ta-icon{ border-left: 3px solid rgba(122, 229, 130,1); color: rgba(122, 229, 130,1); font-size: 24px; } .hover-callout>span.opp-tool{ color: #7cb3e7; border: 1px solid #fff; } .hover-callout>span.opp-icon{ border-left: 3px solid #7cb3e7; color: #7cb3e7; font-size: 24px; } .hover-callout>span.fa-tool{ color: rgba(239, 100, 97,1); border: 1px solid #fff; } .hover-callout>span.fa-icon{ border-left: 3px solid rgba(239, 100, 97,1); color: rgba(239, 100, 97,1); font-size: 24px; } .hover-callout>span.join-tool{ color: #ffc107; border: 1px solid #fff; } .hover-callout>span.join-icon{ border-left: 3px solid #ffc107; color: #ffc107; font-size: 24px; } .hover-callout>span.pu-tool{ color: #fff; border: 1px solid #fff; } .hover-callout>span.pu-icon{ border-left: 3px solid #fff; color: #fff; font-size: 24px; } .hover-callout>span.gr-tool{ color: #04d4cc; border: 1px solid #fff; } .hover-callout>span.gr-icon{ border-left: 3px solid #04d4cc; color: #04d4cc; font-size: 24px; } .hover-callout.rules-callout{ height: 170px; width:240px; padding: 45px 45px 45px 25px; } .hover-callout.partnercallout>span.ta-tool, .hover-callout.partnercallout>span.ta-icon>i{color: #fff !important; text-shadow: 2px 1px 0px rgba(0,0,0);} .hover-callout.partnercallout>span.opp-tool, .hover-callout.partnercallout>span.opp-icon>i{color: #fff !important;} .hover-callout.partnercallout>span.fa-tool, .hover-callout.partnercallout>span.fa-icon>i{color: #fff !important;} .hover-callout.partnercallout>span.ta-icon{border-left: 3px solid #fff;} .hover-callout.partnercallout>span.opp-icon{border-left: 3px solid #fff;} .hover-callout.partnercallout>span.fa-icon{border-left: 3px solid #fff;} .hover-callout.rules-callout{background-image: url(/img/schedtool-1.jpg);} .hover-callout.rules-callout:nth-of-type(1){background-image: url(/img/schedtool-3.jpg);} .hover-callout.rules-callout:nth-of-type(2){background-image: url(/img/schedtool-5.jpg);} .hover-callout.rules-callout:nth-of-type(3){background-image: url(/img/schedtool-2.jpg);} .hover-callout.rules-callout:nth-of-type(4){background-image: url(/img/schedtool-1.jpg);} .league-callout{ padding: 45px 75px 45px 25px; background-image: url(/img/madness-tourney-grid.jpg); border:2px solid #334149; border-radius: 0px; max-width: 275px; height: 190px; margin: 10px auto; } .league-callout.galleries-callout{ max-width: 295px; } .league-callout:nth-of-type(2){background-image: url(/img/other2-tourney-grid.jpg);} .league-callout:nth-of-type(3){background-image: url(/img/lms-tourney-grid.jpg);} .league-callout:nth-of-type(4){background-image: url(/img/selector_grid_1.png);} .league-callout:nth-of-type(5){background-image: url(/img/selector_grid_2.png);} .league-callout:nth-of-type(6){background-image: url(/img/selector_grid_3.png);} .league-callout:nth-of-type(7){background-image: url(/img/selector_grid_4.png);} .league-callout:nth-of-type(8){background-image: url(/img/selector_grid_5.png);} .league-callout:nth-of-type(9){background-image: url(/img/selector_grid_6.png);} .league-callout>.btn-content{ background: rgba(0,0,0,.8); padding:20px 20px; font-weight:700; letter-spacing:1px; text-align:center; font-size: 24px; line-height: 30px; border:1px solid #fff; text-shadow:1px 1px 0px #000,2px 2px 0px #f65f00; position: relative; top: 50%; transform: translateY(-50%); } .league-callout .icon{ font-size: 28px; text-shadow:2px 2px 0px rgba(0,0,0,.8); } .memberlogo-item{ border:1px solid silver; border-radius: 20px; padding:10px 10px 10px 10px; box-shadow:1px 1px 2px rgba(0,0,0,.1); background: #fff; } .memberlogo-item span{ font-weight: 700; } .memberlogo-item img{ padding-top:10px; } .memberlogo-item a{ color: #33414a; } .memberlogo-item a:hover{ color: #f65f00; } .membertable{ width:45%; margin-left: 2.5%; margin-right: 2.5%; float:left; } .membertable table{ border-collapse: separate; border-bottom: 1px solid #e0e1e6; } .membertable .row>td, .membertable .rowalt>td{ vertical-align:middle; padding: 5px; } .membertable .row>td:first-child{ border-left: 1px solid #e0e1e6; border-right: none; } .membertable .row>td:last-child{ border-right: 1px solid #e0e1e6; } @media only screen and (max-width: 960px) { .membertable{ width:90%; margin-left: 5%; margin-right: 5%; float:none; display:block; } } .btn.league-callout:hover .icon { font-size:75px; } .hover-callout.rules-callout>span.ta-tool{ color: #fff; font-weight:800; text-shadow:1px 1px 0px #000,2px 2px 0px #f65f00; } .hover-callout.rules-callout>span.ta-icon{ border-left: none; color: #f65f00; font-size: 24px; font-weight:800; } .hover-callout.rules-callout>.btn-content{ font-size: 24px; } .first-rule{ order:-1; } .important-read{ background: #ffeb9c; padding:10px 15px; border:2px solid #9c573e; text-align: left; } .important-read i{ color: red; margin-right:15px; } /*--------------------- SCHEDULING ----------------------*/ .P1 { background-color: #27cb58; } .P2 { background-color: #fff759; } .P3 { background-color: #ffa76c; } .news-back{ text-align: right; display: block; color: #f65f00; } .newspost{ background: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,.3); margin-bottom:30px; } .newspost .postheader{ padding:20px; background: #0f3b65; color: #fff; text-shadow:1px 2px 0px #000; text-align:center; border-bottom: 2px solid #f65f00; } .newspost .postheader h3{ font-weight:600; font-size:3.0rem; } .newspost .postheader>.timestamp p{ margin-bottom:0px; } .newspost .body{ padding:20px 30px; } .newspost .body a { color: #f65f00; text-decoration: underline; } .control-hide{ display:none; } .control-show{ display:table-row; } a.orangelink{ color: #f65f00; text-decoration: underline; } tr.row-odd{ background-color: #fefefe !important; } .contact-head{ font-weight:700; margin-bottom:20px; } .contact-adtype{ margin-top:25px; margin-bottom:15px; } #calendar-wrapper>.calendar{ margin: 30px 0px 50px 0px; width:100%; border:1px solid #555; } #calendar-wrapper>.calendar>.header{ font-weight:800; margin-top:20px; margin-bottom:20px; font-size:3.0rem; } #wrapper .block_note.ta-legend{ margin-top:50px; border:1px solid #555; padding: 15px 20px; } #wrapper .block_setup .setup_right{ border:1px solid #555; padding: 15px 20px; } .created-pattern{ height: auto; vertical-align: middle; text-align: left; font-size:12px; } .clubmustdo-table{ border:1px solid #555; border-collapse: initial; } .clubmustdo-table a{ text-decoration: underline; color: #f65f00; padding-left:20px; } .rowsub-head>th{ font-weight:400; } #teamtable tbody tr th.power1 {background-color:#F4C522;} #teamtable tbody tr th.power2 {background-color:#000000;} #teamtable tbody tr th.power3 {background-color:#B9B9B9;} #teamtable tbody tr th.power4 {background-color:#d43c3c;} #teamtable tbody tr th.power5 {background-color:#43CC90;} #teamtable tbody tr td.power1 {background-color:#FFF4D6;} #teamtable tbody tr td.power2 {background-color:#DDDDDD;} #teamtable tbody tr td.power3 {background-color:#F0F0F0;} #teamtable tbody tr td.power4 {background-color:#f4e0e0;} #teamtable tbody tr td.power5 {background-color:#CAFFC9;} .paid { color:#00b709; font-weight:bold; } #teamtable tbody tr th { border:3px ridge #f4c522; text-align:center; color: #fff; font-weight:700; } td.power1, td.power2, td.power3, td.power5, td.power4{ border:2px solid silver; padding:0px 10px 10px 10px; font-size: 11px; } img.photographer-bannerimg{ width:100%; } .photog-text{ margin-bottom:20px; margin-top:30px; text-align:center; } .photog-text a{ color: #f65f00; text-decoration:underline; } .photog-text p{ font-size:20px; margin-bottom:10px; margin-top:10px; } .photog-text>h3{ font-weight:600; font-size: 3.0rem; } table#results.club-invoicetable{ margin-bottom:50px; } table#results.club-invoicetable td{ font-size:14px; font-weight:600; } table#results.club-invoicetable h4{ font-weight:700; padding-bottom:10px; color:#334149; } table#results.club-invoicetable a{ color: #f65f00; text-decoration:underline; } table.membertourn{ border:1px solid #555; width:550px; } table.membertourn>tbody>tr.rowsimple{ border-top:1px solid silver; } table.membertourn>tbody>tr.rowsimple>td{ padding:10px 25px; } table.membertourn>tbody>tr.rowsimple>td strong, table.membertourn>tbody>tr.rowsimple>td b{ font-weight:600 } h3.membertourn{ text-align:center; font-weight:700; font-size:3.0rem; } .tournsubhead>td{ font-weight:600; border-top:1px solid silver; border-bottom:1px solid silver; text-align:center; padding:3px 5px; } .uploadlogo-cont{ width:60%; border:1px solid #555; margin:0 auto; padding:20px; } .uploadlogo-cont h3{ font-size: 3.0rem; font-weight:700; margin-bottom:10px; } .uploadlogo-cont form{ margin-top:10px; } .box-floatleft{ margin:50px auto 0px auto; width:80%; } .box-floatleft h3{ font-size: 3.0rem; font-weight:700; margin-bottom:10px; } .cont.access{ padding: 40px 100px; } .cont.access p{ font-size:14px; margin-bottom:20px; } .accessrow-head{ background: #0f3b65; border-top:30px solid #fff; } .accessrow-head:first-of-type{ border:none; } .accessrow-head > td{ color: #fff; font-size:2.5rem; font-weight:700; padding: 10px 0px; } .archived-year{ font-weight:700; margin-bottom:20px; } .newsfilters{ width:375px; margin:15px auto; padding: 10px 0px; border:1px solid silver; } .newsfilters p{ text-align:center; font-weight:600; } .filterrow{ text-align:center; display:inline-block; width:100%; } .filterrow a{ text-align:center; margin-right:7px; margin-left:7px; display:inline-block; text-decoration:underline; color: #f65f00; } .calendar-container.homecal{ margin-top:50px; margin-bottom:80px; } .postheader a{ color:#fff; } .memberposted-ads{ width: 80%; border:1px solid #555; margin:10px auto 30px auto; padding:30px 10px; } .memberposted-ads a{ color: #f65f00; text-decoration:underline; } .cal-event>i{ color:#0f3b65; text-shadow:1px 1px 0px rgba(255,255,255,.3); text-align:center; font-size:25px; padding-top:0px; } .cal-legend{ text-align:center; vertical-align:middle; font-size:14px; } .login-password{ margin-top:20px; font-size:90%; } .login-password a{ text-decoration:underline; font-weight:700; font-size:120%; } .sched-buttons{ display: inline-block; margin: 0 auto; position: relative; text-align: center; width: 100%; margin-bottom:10px; } .sched-buttons a{ display:inline-block; margin-left:15px; margin-right:15px; } .standings-tname{ text-align:left; padding-left: 30px; } .bold-header{ font-weight:700; font-size:3.0rem; margin-top:30px; margin-bottom:20px; } .bold-subheader{ font-weight:600; font-size:2.0rem; margin-top:20px; margin-bottom:20px; } .fa-teamlink .head.table-title>td{ padding:10px 0px; font-weight:700; font-size:16px; } div.note-container{ margin:50px auto; width: 80%; background: #ffff00; color: #000; border: 1px solid #555; padding:15px 30px; } div.note-container li{ list-style: disc; margin-bottom:10px; list-style-position: inside; line-height: 24px; } a.cta-link{ color: #f65f00; } a.cta-link:hover{ text-decoration:underline; } .btn-centered{ margin:10px auto; display:block; width: 150px; position:relative; } .addperson-table td>input, .addperson-table td>select{ display: block; margin-left: 20px; margin-bottom: 10px; width: 250px; } .addperson-table td>input[type="submit"]{ margin:20px auto; display:block; position:relative; } .addperson-table>table{ width:80%; } .field-list p{ margin-bottom:15px; } .field-list a{ color: #f65f00; } .fielddir-cont{ margin-bottom:250px; text-align:center; } .fielddir-cont select { min-width: 220px; } .fielddir-text p{ font-size: 18px; font-weight:700; padding-right: 30px; } .fielddir-text i{ padding-left: 5px; } .fielddir-selector a{ padding: 12px 10px 10px; color: #566473; text-shadow: none; font-weight: 700; position: relative; width:240px; display: inline-block; text-align: center; margin: 10px 20px 50px 20px; } .fielddir-selector a::before, .fielddir-selector a::after { position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background: #566473; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); } .fielddir-selector a::after { opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: top 0.3s, opacity 0.3s, transform 0.3s; } .fielddir-selector a:hover::before, .fielddir-selector a:hover::after, .fielddir-selector a:focus::before, .fielddir-selector a:focus::after { -webkit-transform: scale(.95); -moz-transform: scale(.95); transform: scale(.95); } .fielddir-selector a:hover::after, .fielddir-selector a:focus::after { top: 0%; opacity: 1; } .fielddir-selector a:hover::before, .fielddir-selector a:hover::after, .fielddir-selector a:focus::before, .fielddir-selector a:focus::after { -webkit-transform: scale(.95); -moz-transform: scale(.95); transform: scale(.95); } .fielddir-selector a.fielddir-selected{ font-weight: 800; } .fielddir-selector a.fielddir-selected::before,.fielddir-selector a.fielddir-selected::after{ -webkit-transform: scale(.95); -moz-transform: scale(.95); transform: scale(.95); } .fielddir-selector a.fielddir-selected::after, .fielddir-selector a.fielddir-selected::after { top: 0%; opacity: 1; } .fielddir-list a{ font-size: 16px; line-height: 35px; } .fielddir-list h3{ font-size: 2.6rem; font-weight:800; } .fielddir-info p{ line-height: 22px; } .hide{ display:none !important; } .onoffswitch { position: relative; width: 70px; margin:0 auto; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none !important; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 20px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 10px; text-align: left; background-color: #34A7C1; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .onoffswitch-switch { display: block; width: 22px; margin: 3.5px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 41px; border: 2px solid #999999; border-radius: 20px; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .date-td{ font-weight: 600; vertical-align: middle; padding:5px 15px; } .numberCircle { border-radius: 50%; behavior: url(PIE.htc); /* remove if you don't care about IE8 */ width: 55px; height: 55px; padding: 15px 10px 15px 10px; margin:10px auto; background: silver; color: #fff; font-size: 40px; font-weight: 800; text-shadow:1px 1px 0px #000; text-align: center; } .numberCircle.on-step{ background: rgb(15, 59, 101); animation-duration: 1.5s; animation-fill-mode: both; animation-iteration-count: infinite; } @keyframes on-step { 0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);} } .on-step { animation-name: on-step; animation-duration: 1s; } .numberCircle.completed-step{ background: rgb(15, 59, 101); } .numberCircle.fa-complete{ background: #228B22; } h3.ta-header{ font-size:2.0rem; font-weight:800; text-align:center; padding: 20px 20px; } tr.table-borderleft > td, tr.table-borderleft > th{ border-left:1px dashed silver; padding:0px 15px; } tr.table-borderleft > td:first-child, tr.table-borderleft > th:first-child{ border:none; } input:disabled{ opacity: 0.65; cursor: not-allowed; } .fa-teamlist>p{ font-weight:700; border-bottom:1px solid silver; border-top:1px solid silver; background:rgb(15, 59, 101); color: #fff; } .fa-teamlist{ border-left:1px solid silver; border-right:1px solid silver; border-bottom:1px solid silver; margin:5px 10px 20px 10px; } .fixedheight>.slick-list.draggable>.slick-track>a{ height:275px; overflow: hidden; } h1.split-header, h3.split-header{ width:100%; background: rgba(0,0,0,.5); padding:15px 0px; } .bigfixed>.slick-list.draggable>.slick-track>a{ height:600px; overflow: hidden; } .btn-wide{ width:220px; } .homegallery h2{ font-weight: 700; font-size: 4.75rem; padding-bottom: 10px; text-align:center; vertical-align: middle; } .homegallery h2>i{ color:#cda935; font-size: 5rem; } .homegallery h2>img{ height:50px; } #sidebar .mobile-sidebar{ display:none; } .slick-slide{ height:auto; } #teamdir-section #staff-cancel{ display:none; } .x-close{ font-size:80%; } form > fieldset:nth-child(1) > label:nth-child(23), form > fieldset:nth-child(1) > label:nth-child(27){ background: none; font-weight: 600; } .messagepost-label{ text-align:right; vertical-align: middle; font-weight:800; font-size: 18px; } .messagepost-input{ width: 600px; margin-bottom:20px; } textarea.messagepost-input{ height: 300px; } .messagepost-select{ width: 200px; } .newspost-img-container>h4{ font-weight:800; font-size: 18px; margin-bottom:30px; } #faq-section{ text-align:left; } #faq-section h3{ padding-top:20px; font-weight: 700; text-transform: capitalize; } #faq-section .faq-item{ font-size: 16px; line-height: 30px; font-weight: 600px; margin-bottom:10px; } .faq-head{ font-size: 2.4rem; font-weight: 700; line-height: 1.5; letter-spacing: -.05rem; } .faq-body p{ font-weight: 500; font-size: 18px; margin-top:25px; margin-bottom:25px; } .faq-body h5{ font-weight: 700; } .faq-body ul{ list-style: disc; list-style-type:disc; list-style-position: inside; } .faq-body li { padding-left: 30px; margin-bottom: 20px; margin-top: 20px; list-style-position: inside; } ul.faq-sb{ list-style-type: decimal; } ul.faq-sb li{ margin-bottom:20px; } .desktop-sidebar h5{ font-weight:700; } .desktop-sidebar .floating-labels{ margin-left:0px; } .desktop-sidebar .floating-labels .icon{ margin-bottom:10px; } .slim-pad{ padding: 10px 10px; } div.glossary_container{ padding:20px 40px; } div.glossary_title{ font-weight:700; font-size: 2.4rem; margin-bottom:20px; margin-top:30px; } div.glossary_body{ font-size:1.8rem; line-height:2.3rem; } div.glossary_filter{ text-align:center; font-size:2.0rem; font-weight: 600; } form.glossary_add{ max-width: 800px; margin: 30px auto; border:1px solid silver; padding:20px 30px; } form.glossary_add table td{ vertical-align: middle; } form.glossary_add input, form.glossary_add textarea{ float:left; margin-bottom:10px; } form.glossary_add input[type=text]{ width:350px } form.glossary_add textarea{ height:150px } form.glossary_add input[type=submit]{ float:right; } #rosterarea{ overflow: auto; } #dialog{ z-index:99; } @font-face { font-family: "Wanted"; src: url(https://www.enytb.com/fonts/WesternBangBang.otf) format("opentype"); } @font-face { font-family: "Bangers"; src: url(https://www.enytb.com/fonts/Bangers.ttf) format("truetype"); } h1.wanted-header{ font-family: "Wanted", sans-serif; font-size: 86px; text-transform: uppercase; letter-spacing: 2px; color: #fcd786; font-weight:initial; } .help-content > ul.accordian li .helpmodal-faqtext, .help-content > ul.accordian li ul{ font-size: 16px; line-height: 24px; letter-spacing: 2px; position: relative; overflow: hidden; opacity: 1; transform: translate(0, 0); margin-top: 14px; margin-bottom: 21px; z-index: 2; color: #fff; padding-left: 20px; } .help-content > ul.accordian li input[type=checkbox]:checked ~ .helpmodal-faqtext{ margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .helpmodal-faqtext{ border:1px solid silver; padding-bottom:22px; } .help-content .helpmodal-faqtext a{ color: #f65f00 !important; } .helpmodal-faqtext>h3{ display:none; } .clubmustdo-table .row>td{ text-align:center; } .cont.rules-cont{ padding: 40px 10px; } input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .msched-search{ width:70%; margin:0 auto; max-width:600px; } .msched-results{ width:90%; margin:0 auto; max-width:700px; text-align:left; } .msched-results h5{ font-size: 16px; font-weight:600; text-align: left; padding: 5px 0px 2px 10px; margin-bottom:0px; } .msched-results hr{ margin-top:15px; margin-bottom: 15px; } .msched-results p { font-size: 15px; text-align: left; } .msched-results .row, .msched-results .rowalt{ border-top: 1px dashed #555; } .msched-results #row-header{ border-top: none; } .msched-results .row{ background: #d3daf2; } .msched-results #row-header.row { background: #e4e9f7; } .msched-results #row-header.rowalt { background: #f9f9f9; } span.mcshed-spec{ font-weight: 700; margin:0px 0px 0px 10px; } .msched-error{ color: #ff0000; } .msched-time p{ font-weight: 700; text-align:center; padding:3px 0px; } .flex-container{ display:flex; flex-flow: row wrap; justify-content: center; } .flex-container .hover-callout{ margin: 10px auto; } .pickupreq-header{ border:solid 1px #999999; border-bottom: dashed 1px #999999; background: #1e3762; color: #fff; } input.table-delete{ background-color: #ff0000; width: 30px; height: 30px; padding:0px; border-radius: 25px; text-align: center; line-height: 0px; letter-spacing: 0; margin-top:5px; margin-bottom:5px; } .pickup-search{ width:80%; max-width: 750px; margin:0 auto; border: solid 1px #555; } .pickup-search input.datepicker{ height: 38px; padding: 6px 10px; background-color: #fff; border: 2px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; } .pickup-search strong{ color: #777; } .pickup-search td{ padding-top: 5px; padding-bottom: 5px; } .pickuplabel{ font-weight:700; border-right: dashed 1px silver; padding-left: 15px; padding-right: 15px; } .pickuplabel strong{ font-size: 16px; color: #334149; } .pickupall{ color: #0FA0CE; padding-left:10px; } .pickupall:hover{ text-decoration: underline; } .hasfield{ width: 250px; margin:5px auto; border: 1px dashed silver; } .pickupkey{ margin-top:25px; } .nofield{ width: 250px; margin:5px auto; background: #d3daf2; border: 1px dashed silver; } .pickupboard .color1{ background: #d3daf2; } .pickupboard .row, .pickupboard .color1{ border-bottom: 1px solid silver; } input[type="submit"].rules-edit{ background-color: transparent; border:none; color: #f65f00; text-decoration: underline; margin-bottom:20px; font-size: 12px; } .pdfobject-container{ width:80%; max-width:800px; margin:0 auto; height:800px; } .bigtextarea{ height:300px; } .ump-table{ overflow: auto; border:1px solid silver; } .ump-table td{ padding-left:7px; padding-right:7px; } .editump-table input, .editump-table select{ margin-left: 20px; margin-bottom: 10px; } .addgame-table select{ margin-top:5px; margin-bottom:5px; } .nolborder{ border-left:none; } .leaders-cont{ padding:0px 0px 40px 0px; } .leaders-filters{ width:100%; padding:20px 30px; background: #c9dae6; border:2px solid #33414a; } .leaders-filters select{ margin:3px 5px; } .upcominggames-table{ text-align:left; max-width:900px; margin-top:30px; } .upcominggames-table .head>td{ text-align:left; padding:10px 20px 10px 50px; font-size: 18px; text-shadow:1px 1px 0px #000; } .upcominggames-table .row>td, .upcominggames-table .rowalt>td{ padding:10px 20px 10px 20px; text-align:left; } .stats-table{ width:100%; } .rfa-table{ max-width:75%; margin:0 auto; } .power-dia{ color: #b9f2ff;} .power-gold{ color: #FFD700;} .power-highsilver{ color: #808080;} .power-lowsilver{ color: #D3D3D3;} .rfa-table tr.row, .rfa-table tr.rowalt{ border-bottom:1px solid silver; } .fees-table tr>td{ border-right: 2px dashed #fff; } .fees-table tr>td:last-of-type{ border-right:none; } .scrollbar-container table{ overflow:auto; } .stats-row td{ padding: 5px; text-align: center; } .stats-row{ border-bottom: 1px solid silver; border-top: 1px solid silver; } .stats-row td{ border-left: 1px dashed silver; border-right: 1px dashed silver; } .stats-row td:first-of-type, .stats-row td:nth-of-type(2), .stats-row td:nth-of-type(3){ border-left:0px; border-right:0px; } table #row-light >td, table #row-dark >td{ vertical-align: middle; } form.search-form{ display:flex; flex-wrap: wrap; justify-content: center; } .search-element{ width: 20%; display:inline-block; min-width:150px; margin: 30px auto; } input.search-continue{ width: 200px; margin:30px auto 130px auto; display: block; } .dirsearch-results h3{ font-weight:700; margin-top:30px; } .nabf-reg select{ margin-top:5px; margin-bottom:5px; margin-left:5px; } .main-cont-club form [type=radio]:checked ~ label { background: transparent; border-radius: 0px; font-weight: 600; z-index: 2; } .nabf-forms .hover-callout.rules-callout{ height: 190px; width:275px; padding: 15px 45px 15px 25px; } .gallery-callout{ width:100%; border:3px solid #33414a; padding:20px 10px; background-image: url(/images/bannerbg-grass.jpg); margin-top:20px; margin-bottom:20px; } .gallery-callout h3 { float:left; font-size:3.0rem; font-weight: 800; vertical-align:middle; margin-bottom:0px; color: #fff; text-shadow:2px 2px 0px rgba(0,0,0,1); } .gallery-callout i{ float:right; font-size:45px; color: #fff; text-shadow:2px 2px 0px rgba(0,0,0,1); } .video-slide{ display:block; text-align:center; } .gr-options{ align-items: center1; } .gr-option{ max-width:400px; padding:10px 30px; } .editbuttons{ padding:0px 10px 20px 10px; } .partner-buttons a.btn{ display: inline-block; } .partnerpage-row{ text-align: center; } .partnerhead{ padding-bottom:0px; } .partnerhead h2{ -ms-transform: translateY(-80%); transform: translateY(-80%); padding:0px 15px; } .cutoff-message{ text-align:left; display:block; width:100%; color: #5e5f60; background-color: #ffecec; border: 3px solid #5e5f60; padding: 30px 40px 30px 40px; font-weight:600; line-height: 26px; } .cutoff-message ol{ list-style:decimal; list-style-position: inside; padding:20px 10px; } .cutoff-message ul{ list-style:disc; list-style-position: inside; } .cutoff-message p { font-size: 16px; line-height: 40px; } .cutoff-message .head p{ font-weight: 600; font-size: 2.5rem; line-height: 3.5rem; padding-bottom:20px; } .cutoff-message i{ margin-right:10px; font-weight:800; } .cutoff-message a { color: #fff; background: #f65f00; padding: 5px 10px; border-radius: 5px; text-decoration:underline; font-weight: 400; } .button-background.cta-link{ border: 2px solid #f65f00; border-radius: 5px; padding: 5px 15px; } table.edit-hotel input{ margin-bottom:15px; } table.edit-hotel td{ vertical-align: top; } .rules-accordian{width:90%;margin:30px auto;text-align:left; margin-bottom:100px;} .rules-accordian > ul.accordian li i:before,.rules-accordian > ul.accordian li i:after{transition:all 0.25s ease-in-out;} .rules-accordian > ul.accordian li{animation:flipdown 0.5s ease both;border:1px solid silver;border-top:none;} .rules-accordian > ul.accordian li:first-of-type{border-top:1px solid silver;} .rules-accordian > ul.accordian li h2{font-size:24px;line-height:30px;font-weight:800;letter-spacing:1px;display:block;color:#33414a;margin:0;cursor:pointer;text-align:left;text-shadow:2px 2px 0px #fff;} .rules-accordian > ul.accordian li p{font-size:18px;line-height:24px;letter-spacing:0px;position:relative;overflow:hidden;max-height:800px;opacity:1;transform:translate(0, 0);margin-top:14px;z-index:2;color:#555;padding-left:10px; font-weight:600;} .rules-accordian > ul.accordian li p.bullet-list{padding-left: 40px;} .rules-accordian > ul.accordian li p>span.bold{font-weight:700;} .rules-accordian > ul.accordian li p>span.italic{font-weight:500;font-style: italic;} .rules-accordian > ul.accordian li p>span.red-text{font-weight:700;color:red;} .rules-accordian > ul.accordian li p>span.underline{text-decoration: underline;} .rules-accordian > ul.accordian li p:first-of-type{margin-top:30px;} .rules-accordian > ul.accordian{list-style:none;perspective:900;padding:0;margin:0;} .rules-accordian > ul.accordian li{position:relative;padding:20px 40px;margin:0;text-align:left;list-style-type:none;margin-left:30px;} .rules-accordian > ul.accordian li{animation-delay:0.25s;} .rules-accordian > ul.accordian li i{position:absolute;transform:translate(-6px, 0);margin-top:12px;right:20px;} .rules-accordian > ul.accordian li i:before,.rules-accordian > ul.accordian li i:after{content:"";position:absolute;background-color:#33414a;width:3px;height:9px;} .rules-accordian > ul.accordian li i:before{transform:translate(-2px, 0) rotate(45deg);} .rules-accordian > ul.accordian li i:after{transform:translate(2px, 0) rotate(-45deg);} .rules-accordian > ul.accordian li input[type=checkbox]{position:absolute;cursor:pointer;width:100%;height:100%;z-index:1;opacity:0;text-align:left;} .rules-accordian > ul.accordian li input[type=checkbox]:checked ~ p{margin-top:0;max-height:0;opacity:0;transform:translate(0, 50%);} .rules-accordian > ul.accordian li input[type=checkbox]:checked ~ i:before{transform:translate(2px, 0) rotate(45deg);} .rules-accordian > ul.accordian li input[type=checkbox]:checked ~ i:after{transform:translate(-2px, 0) rotate(-45deg);} input:disabled{opacity:0.65;cursor:not-allowed;} .rules-accordian > ul.accordian li:hover{border-left:3px solid #f65f00} /*! CSS Used keyframes */ @keyframes flipdown{0%{opacity:0;transform-origin:top center;transform:rotateX(-90deg);}5%{opacity:1;}80%{transform:rotateX(8deg);}83%{transform:rotateX(6deg);}92%{transform:rotateX(-3deg);}100%{transform-origin:top center;transform:rotateX(0deg);}} @keyframes flipdown{0%{opacity:0;transform-origin:top center;transform:rotateX(-90deg);}5%{opacity:1;}80%{transform:rotateX(8deg);}83%{transform:rotateX(6deg);}92%{transform:rotateX(-3deg);}100%{transform-origin:top center;transform:rotateX(0deg);}} .disabled-talink{ pointer-events: none; } .member-tag{ background:#33414a; border-bottom: 2px solid #fff; padding: 2px 10px; } .member-tag p{ color: #fff; margin-bottom: 0px; text-align: center; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .open-tag{ background:#283891; border-bottom: 2px solid #fff; padding: 2px 10px; } .open-tag p{ color: #fff; margin-bottom: 0px; text-align: center; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .standings-wrapper tr.row td{ text-align: center; } .standings-wrapper tr.row td.standings-tname{ text-align: left; } .standings-wrapper h3.bold-header{ font-family: 'Open Sans', sans-serif; font-weight: 800; font-size: 3.0rem; letter-spacing: 1px; margin-top: 20px; margin-bottom: 20px; text-align: center; } [type=radio]:checked ~ label { background: inherit; border-radius: 0px; font-weight: 600; z-index: inherit; } .login-modal-btn{ display: inline-block; height: 38px; color: rgb(255, 255, 255); text-align: center; font-size: 11px; font-weight: 600; line-height: 38px; letter-spacing: 0.1rem; white-space: nowrap; cursor: pointer; box-sizing: border-box; margin-top: 10px; padding: 0px 30px; text-decoration: none; border-radius: 4px; border-width: 2px; border-style: solid; border-color: rgb(187, 187, 187); border-image: initial; width: 100%; color: #fff; font-weight: 700; font-family: 'Open Sans'; font-size: 13px; background-color: #f60000; } .login-modal-btn.password-btn{ background-color: #077d39; } .login-modal-btn:hover{ color:#fff; } .basic-text{ padding: 30px 30px; } .basic-text p{ font-size: 18px; color: #1d3762; margin-bottom:25px; } .basic-text a{ color: #4472C4; text-decoration: underline; } .basic-text .btn{ border-radius: 5px; color: #fff; text-decoration: none; font-weight: 800; padding-top: 30px; padding-bottom: 30px; width: 30%; } .basic-text .btn .btn-content{ text-align: center; font-size: 1.7em; } .noticebox-warning#deadlines{ margin-top:100px; } .covid-waiver h1{ font-weight: 700; font-size: 4rem; padding-top: 20px; padding-bottom: 60px; } .covid-waiver p{ text-align: left; max-width:850px; margin: 20px auto; font-size: 18px; } .covid-waiver b{ font-weight: 600; } .covid-notice{ margin: 0 auto; width: 800px; text-align: center; border: 1px solid #000; padding: 20px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); font-weight:600; } .covid-notice.covid-error{ background-color: #f8e6e6; border: 1px solid #f8aeae; } .covid-notice.covid-success{ background-color: #e9ffd9; border: 1px solid #79b774; } .covid-notice>i{ margin-right: 15px; font-size: 26px; vertical-align: middle; } .covid-notice.covid-error>i{ color: #f04a31; } .covid-notice.covid-success>i{ color: #45cd56; } h1.covidbanner{ font-size:4rem; font-weight:700; max-width: 800px; margin:0px auto; text-align: center; color: #fff; text-shadow: 2px 2px 0px rgba(246, 95, 0,.8), 3px 3px 0px rgba(0, 0, 0,.8); } h1.split-header, h3.split-header{ background: none; font-size:4rem; margin:0px auto; max-width:400px; text-align: center; font-weight:600; color: #fff; text-shadow: 2px 2px 0px rgba(0,0,0,.8); } .slide-1.covid-slide{ background: url('/images/MohawksShowcaseAd.png'); background-size: cover; } .slide-1.tryouts1-slide{ background: url('/images/Slider_Tryout Ad.png'); background-size: cover; } .slide-1.tryouts2-slide{ background: url('/images/Fall Ball Tryout Flyer ENYTB (For Website).png'); background-size: cover; } .slide-1.tryouts3-slide{ background: url('/images/Fall Ball Slider_2023.png'); background-size: cover; } .covid-slidercont{ width:80%; margin:0 auto; padding: 20px 30px; height:100%; } .covid-slidercont .fullwidth{ display: inline-flex; } .covid-slidercont .fullwidth .halfwidth{ margin-top:30px; } .covid-slidercont .fullwidth .halfwidth:first-of-type{ border-right: 2px solid #fff; } p.indented-bullet{ padding-left:30px; } .waiver-instructions{ background: #fff; border-radius: 15px; margin:30px auto; width:80%; padding:20px 30px; } /* Start of Responsive Styling Additions */ @media screen and (max-width: 1308px) { .mohawk-slide h3{ font-size: 26px; } } @media screen and (max-width: 1168px) { .slide-1 .thirdwidth{ display: none; } .slide-1 .twothirdwidth{ width:100%; } h1.covidbanner, h1.covidbanner>span{ font-size: 40px !important; margin-top:20px; margin-bottom:10px; } .covid-slidercont{ width:90%; padding: 10px 10px; } .registration-content img{ display:none !important; } .registration-content h1{ margin-top: 60px; font-size: 4rem; } } /* tablet break */ @media screen and (max-width: 768px) { .seven.columns{width: 100%;} .eight.columns{width: 100%;} .nine.columns{width: 100%;} .ten.columns{width: 100%;} .three.columns{width: 48%;} .column, .columns, .column:first-child, .columns:first-child { margin-left: 1%; margin-right: 1%; } .container{ padding:0px 30px; } .container.full{ padding:0px; } .container.full>.row>.column,.container.full>.row>.columns{ margin-left:0px; margin-right:0px; } .slides-3{ margin-left:0px; margin-right:0px; } label.homecallout, .hover-callout:last-of-type{ margin:10px auto; display: block; } h1.covidbanner, h1.covidbanner>span{ font-size: 32px !important; margin-top:20px; margin-bottom:10px; } .covid-slidercont a.btn{ width: 130px !important; margin-top:20px !important; } .covid-slidercont{ width:100%; padding: 10px 10px; } .covid-notice{ width: 80% !important; max-width: 500px; } .covid-slidercont .fullwidth .halfwidth{ margin-top:10px; } .slide-2>h1{ font-size: 32px; margin-top:20px; margin-bottom:10px; } .slider-tournlogos{ padding-left: 10px; padding-right: 10px; margin:15px auto; } .slider-tournlogos img{ max-width: 80px; } td.calendar-day-head{ font-size: 9px; } .slider{ max-width:100%; } .news { text-align: center; padding: 20px 0px; } h1.split-header{ font-size: 28px; padding:0px 10px; } .covid-slidercont h1.split-header { font-size: 24px; padding: 0px 10px; } .slide-3 .btn{ width:100px !important; } .slide-3 .btn .icon{ width:30px; } .slide-3 .btn-content{ font-size:12px; } .news-header a.arrow{ display:none; } .partner-callout h2{ margin-bottom: 0px; } .partner-callout p{ margin-bottom:20px; } #sidebar{ width:100%; z-index: 999999; } #sidebar.is-affixed .sidebar__inner{ top: 55px !important; } #sidebar .desktop-sidebar{ display:none; } #sidebar .mobile-sidebar{ display:block; margin:0 auto; width:80%; max-width:500px; } #sidebar .mobile-sidebar > select{ width:100%; border-radius:0px; font-size: 18px; font-family: 'Open Sans', sans-serif; padding:15px 20px; height:auto; } .covid-waiver h1{ font-size: 3rem; padding-bottom: 30px; } .mohawk-slide h3{ font-size: 18px; width:90%; } .mohawk-text{ font-size: 13px; } .top-banner-slide{ font-size: 11px; } .bottom-banner-slide{ font-size: 12px; } .mohawk-slide{ height: auto !important; background-image: none; background-position: 50,0; background-size: auto; background-repeat: no-repeat; background-color: #fff; } } @media screen and (max-width: 700px) { .four.columns{width: 100%;} .five.columns{width: 100%;} .six.columns{width: 100%;} select{ height:auto; } .slide-1 .twothirdwidth{ padding: 10px 30px; } .slide-1 .twothirdwidth h1{ font-size: 4.3rem; } .slide-1 .twothirdwidth .btn{ width:90% !important; font-size: 14px; } .registration-content h1{ margin-top: 20px; font-size: 3.5rem; } } /* tablet break */ @media screen and (max-width: 475px) { .two.columns{width: 46%;} .three.columns{width: 100%;} .four.columns{width: 100%;} .five.columns{width: 100%;} .six.columns{width: 100%;} .seven.columns{width: 100%;} .eight.columns{width: 100%;} .nine.columns{width: 100%;} .ten.columns{width: 100%;} .column, .columns, .column:first-child, .columns:first-child { margin-left: 0%; margin-right: 0%; } .two.columns{ margin-left: 2%; margin-right: 2%; } .slide-1 .twothirdwidth h1{ font-size: 3.9rem; padding-top: 10px; margin-bottom: 5px; } .slide-1 .twothirdwidth h3{ font-size: 2.5rem; margin-bottom: 0px; } .slide-1 .twothirdwidth .btn{ width: 100%; } .slide-2 h1{ font-size: 29px; } .slide-3 h1.wanted-header{ font-size: 66px; line-height: .9; padding-top:20px; } .slide-3 h1.split-header{ font-size: 24px; line-height: 1.1; padding: 0px 10px; } .slide-3 h1.split-header:first-of-type{ border-right: 2px solid #fff; } #teams-modal{ display:none; } .help-header{ padding-top: 15px; height: auto; } .help-modal h2{ padding-bottom:20px; padding-top: 20px; } .hp-modal-content{ padding: 10px 15px; } .hp-modal-content ul{ padding: 10px 20px; } .hp-modal-content h5{ font-size: 2rem; line-height: 1.3; letter-spacing: .3rem; } .modal .hp-modal-wrap { width: 90%; } .container#news { padding: 0px 0px; } .news>.container{ width:100%; padding: 0px 20px; } .cd-tabs nav{ background:transparent; } .news .cd-tabs__navigation>li{ padding: 5px 20px; } .news .cd-tabs__navigation a { font-size: 1.8rem; } .registration-content h1{ margin-top: 20px; font-size: 3rem; } } @media screen and (max-width: 425px) { .slide-1 .twothirdwidth h1{ font-size: 3.6rem; } } /* tablet break */ @media screen and (max-width: 300px) { h1.covidbanner{ font-size: 2rem !important; padding-bottom: 0px; } .covid-slidercont a.btn{ width: 100px !important; margin-top:20px !important; } .covid-slidercont{ padding: 0px; } .covid-slidercont .btn .icon{ border-left:0px; } }