/*-------------------------------------------------------------- TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Reset 2.0 - Globals 2.1 - Global Styles 2.2 - Clear Fix 2.3 - Fonts 3.0 - Content 3.1 - Home (landing page) 3.2 - Header 3.3 - Footer 3.4 - Pages 3.5 - Main Search Small 3.6 - Team Page 3.7 - Breadcrumbs Section 3.8 - Team Nav 3.9 - Section Globals 3.10 - About Garb Section 3.11 - Walkthrough Garb Section 3.12 - Schools Page 3.13 - Customer Service Page 3.14 - Careers Page 3.15 - About Us Page 3.16 - Washing Instructions Page 3.17 - Sports Pages 3.18 - Reviews Sections 3.19 - Sizing Chart / Sizing App Section 3.20 - Product Page Thumbs Section 3.21 - Similar Jerseys Section 3.22 - Category Pages 3.23 - Store Locator Page 3.24 - Catalog Page 3.25 - Uniform Builder Page 3.26 - Product Page 3.27 - Blog 3.28 - Privacy Policy Page 3.29 - Site Map 3.30 - Admin 3.31 - Error (404) 3.32 - Categories Toolbar 3.33 - White Label Site 3.34 - Color Disclaimer 3.35 - Uniform Tracker 4.0 - Responsive (Media Queries) 4.1 - Max Width 768px 5.0 - Colors (at end for overriding) 5.1 - Background Colors 5.2 - Font Colors 5.3 - Border Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, img, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, button, input, select, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} html {font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} *, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} article, aside, details, figcaption, figure, footer, header, main, nav, section {display: block;} ol, ul {list-style: none;} a {text-decoration: none;} table { border-collapse: separate; border-spacing: 0;} /*-------------------------------------------------------------- 2.0 Globals --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.1 Global Styles --------------------------------------------------------------*/ html {background: #000;} body {font-family: Arial, sans-serif; overflow: hidden;} /*Positioning*/ .relative {position: relative;} .absolute {position: absolute;} .center {margin: 0 auto;} .no-margin {margin: 0;} .no-padding {padding: 0;} .text-center {text-align: center;} .text-right {text-align: right;} .text-left {text-align: left;} .left {float: left;} .right {float: right;} .no-indent {text-indent: 0;} .display-none {display: none;} /*Font*/ .italic {font-style: italic;} .bold {font-weight: bold;} .underline {text-decoration: underline;} .uppercase {text-transform: uppercase;} .required-text {color: red;} .error {color: red;} /*Loading*/ .loading {background: url('../media/img/pages/loading.gif') no-repeat center center;} /*-------------------------------------------------------------- 2.2 Clear Fix --------------------------------------------------------------*/ .cf:before, .cf:after {content: " "; display: table;} .cf:after {clear: both;} /*-------------------------------------------------------------- 2.3 Fonts --------------------------------------------------------------*/ @font-face { font-family: 'Bebas Neue'; src: url('../media/fonts/BebasNeue/bebasneue-webfont.eot'); src: url('../media/fonts/BebasNeue/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../media/fonts/BebasNeue/bebasneue-webfont.woff') format('woff'), url('../media/fonts/BebasNeue/bebasneue-webfont.ttf') format('truetype'), url('../media/fonts/BebasNeue/bebasneue-webfont.svg#bebas_neueregular') format('svg'); font-weight: normal; font-style: normal; } /*-------------------------------------------------------------- 2.4 Backgrounds --------------------------------------------------------------*/ .dark-silver-gradient { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #b6b6b6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b6b6b6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#b6b6b6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#b6b6b6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#b6b6b6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#b6b6b6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b6b6b6',GradientType=0 ); /* IE6-9 */ } /*-------------------------------------------------------------- 3.0 Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 3.1 Home (Landing Page) --------------------------------------------------------------*/ .home {color: #fff; background: #e1e1e1 url('../media/img/home/garb-home-background.jpg') repeat center top;} .home-search-wrapper {width: 567px; margin: 42px auto 40px; position: relative; left: 5px;} .main-search {width: 567px; height: 121px; position: relative;} .main-search::before {content: ""; display: block; position: absolute; height: 120px; width: 35px; left: -21px; top: 0px; z-index: 0; background: url('../media/img/home/search-shadow.png') no-repeat center center;} .search-container {position: relative; width: 555px; background-color: #656565; margin-left: 11px; border-radius: 5px; border-top-left-radius: 0; transition: height 300ms ease;} .school {height: 90px;} .order {height: 90px;} .custom {height: 340px;} .search-form {} .search-tab {color: #fff; display: inline-block; background-color: #656565; padding: 4px 5px; font-size: 1.4em; vertical-align: bottom; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom: 1px solid #757575;} .search-tab:hover {cursor: pointer;} .search-tab:first-child {margin: 0 2px 0 11px;} .search-tab-order {margin: 0 2px;} .active-stab {border-color: #656565; padding: 7px 8px;} .search-bar-wrapper {border-radius: 10px; box-shadow: -9px 8px 6px -4px #000;} .school-search {} .custom-team {} .search-field {color: #5b5b5b; float: left; position: relative; margin: 6px 0 0; left: -11px; padding: 0 27px; height: 55px; font-size: 1.8em; border-radius: 5px; /*box-shadow: 5px 7px 8px -3px #000;*/} .school-search .search-field, .order-search .search-field {width: 511px; border-top-right-radius: 0; border-bottom-right-radius: 0;} .custom-team .search-field {width: 560px; } .school .custom-team, .school .order-search, .custom .school-search, .custom .order-search, .order .custom-team, .order .school-search {display: none;} .school .search-button, .order .search-button {float: left; margin: 6px 0 0 -11px; width: 49px; height: 55px; background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .search-button:hover {cursor: pointer;} .custom .search-button {display: none; width: 0;} .search-img {border-left: 1px solid #b2b2b2; width: 100%; height: 19px; text-align: center;} .search-img img {width: 20px; height: 19px;} .school .custom-options, .order .custom-options {} .custom-options {visibility: hidden; opacity: 0; -webkit-transition: opacity 300ms ease 300ms; -moz-transition: opacity 300ms ease 300ms; -ms-transition: opacity 300ms ease 300ms; transition: opacity 300ms ease 300ms;} .custom .custom-options {opacity: 1; visibility: visible;} .bottom-shadow {height: 20px; box-shadow: 0px 19px 7px -9px rgba(0,0,0,0.3);} .text-uniform {margin: 12px 0 0 0; font-size: 2em; padding: 2px;} .color-titles {width: 130px; height: 190px; margin: 15px 0 0 0; border-right: 1px solid #848484} .c-title:first-child {margin-top: 21px;} .c-title {margin: 25px 0 25px 18px; text-align: left; font-size: 1.4em;} .alt-c-title {display: none;} .color-palette {width: 425px; margin: 20px 0 0 0;} .colors {width: 390px; height: 35px; margin: 6px 14px 6px 21px; padding: 1px 8px 1px 8px; background-color: #fff; border-radius: 5px;} .color-btn {width: 15px; height: 32px; float: left; margin: 0 1px; box-shadow: 1px 1px 1px 0 rgba(0,0,0,.75); background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2)); background-image: -moz-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2)); background-image: -ms-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2)); background-image: linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));} .color-btn:hover {cursor: pointer; box-shadow: 0 0 2px 1px #007eff; background-image: -webkit-linear-gradient(top,rgba(255,255,255,.1),rgba(0,0,0,.1)); background-image: -moz-linear-gradient(top,rgba(255,255,255,.1),rgba(0,0,0,.1)); background-image: -ms-linear-gradient(top,rgba(255,255,255,.1),rgba(0,0,0,.1)); background-image: linear-gradient(top,rgba(255,255,255,.1),rgba(0,0,0,.1));} .color-btn.color-btn-selected, .color-btn:active {box-shadow: 0 0 2px 1px #ff0000;} .custom-button-wrapper {margin: 17px 14px 0 21px;} .custom-button {width: 286px; height: 40px; float: right; cursor: pointer; background-color: #fff; border-radius: 5px; font-size: 1.6em; text-transform: uppercase;} .button-text {width: 80%; float: left; padding: 7px;} .button-img {width: 20%; float: left; border-left: 1px solid #d8d8d8;} .button-img img {width: 31px; height: 31px;} .ui-autocomplete {width: 512px !important; max-height: 445px; height: 100%; overflow-y: auto; position: absolute !important; font-family: sans-serif; color: #5b5b5b; padding-left: 11px; z-index: 10;} .pages .ui-autocomplete {width: 420px !important;} .small-ui-autocomplete {width: 420px !important;} .ui-schoolname {font-size: 1.6em;} .ui-location {font-size: 1.2em;} .ui-autocomplete .ui-menu-item {background: #fff; padding: 5px 16px; border-bottom: 1px solid #eee;} .ui-autocomplete .ui-menu-item:hover {cursor: pointer; background-color: #eee;} .ui-helper-hidden-accessible { display:none; } .img-create {margin: 80px 0 30px; width: 100%; height: 52px; background: url('../media/img/home/Create-Your-Teams.png') no-repeat center center;} .img-custom {margin: 30px 0 42px; width: 100%; height: 137px; background: url('../media/img/home/Custom-Uniforms.png') no-repeat center center} .img-logo-small {margin: 40px 0 116px; position: relative; top: -200px; transition: top 300ms ease;} .img-logo-small img {width: 189px; height: 88px} .img-logo-small-custom {top: 0;} .home-header-title {padding: 12px 0; margin: 0; font-size: 6.4em; font-family: "Bebas Neue", sans-serif; background-color: #0321da; text-align: center;} .home-header-tool-wrapper {height: 364px; width: 1054px; position: relative; left: -15px;} .home-header-tool-wrapper::before {content: ""; width: 15px; height: 15px; position: absolute; top: -15px; left: 0; border-top: 15px solid transparent; border-right: 15px solid #848383;} .home-header-tool-wrapper::after {content: ""; width: 15px; height: 15px; position: absolute; top: -15px; right: 0; border-top: 15px solid transparent; border-left: 15px solid #848383;} .home-header-tool {width: 484px;} .home-search-text {color: #000; text-align: center; margin: 20px 0 55px;} .home-search-text-title {font-size: 4.4em; font-family: "Bebas Neue", sans-serif; margin: 20px 0 30px; } .home-search-text-text {font-size: 1.6em; margin: 20px auto; width: 328px; position: relative;} .search-ul-1::after {content: ""; width: 121px; height: 43px; position: absolute; top: 20px; left: 18px; background: url('../media/img/home/search-underline-1.png') no-repeat top center;} .search-ul-2::after {content: ""; width: 143px; height: 55px; position: absolute; top: 20px; left: 175px; background: url('../media/img/home/search-underline-2.png') no-repeat top center;} .home-search {margin-left: 17px;} .home-header-video {width: 540px; height: 304px; margin: 25px 0 0 10px; text-align: center;} .home-header-video .home-header-video-container {width: 540px; height: 304px; margin: 0 auto;} .home-header-video iframe {width: 540px; height: 309px;} .details-image {width: 390px; text-align: center; margin: 5px 0 0;} .details-image img {width: 320px; height: 660px; float: right; margin-right: 10px;} .details-text {color: #000; width: 535px; margin: 0 92px 0 7px;} .details-text-title {font-size: 3.6em; font-family: "Bebas Neue", sans-serif; margin: 0 0 5px;} .details-text-header {font-size: 2.4em; font-family: "Bebas Neue", sans-serif; margin: 15px 0 6px;} ul.details-text-text {list-style-type: disc; margin-left: 15px;} .details-text-text {font-size: 1.3em; line-height: 1.7em} .custom-team-jerseys {text-align: center;} .custom-team-jerseys-image {width: 930px; height: 620px;} .testimonial-wrapper {font-size: 1.8em; margin: 80px 40px 0; color: #000; text-align: center; display: none; } .testimonial-active {} .testimonial-wrapper p {margin: 20px 0;} .testimonial-text { font-style: italic;} .testimonial-author {} /*-------------------------------------------------------------- 3.2.1 Notification --------------------------------------------------------------*/ .notification {position: static; top: 0; left: 0; right: 0; width: 100%; height: 26px; background-color: #f1e5bc; color: black; } .notification-title {margin: 0; padding: 6px 0 0 0; color: black; text-align: center; font-size: 12px; } .notification-link {cursor: pointer;} .notification-modal {display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; min-width: 200px; min-height: 200px; margin: 0 auto; padding: 0; z-index: 1001; font-size: 14px; color: black; } .notification-modal-wrapper {positiom: relative; margin: 50px auto; padding: 35px; width: 620px; background: #fcefc5; z-index: 101; border: 1px solid #c9bf9d; border-radius: 5px; font-size: 16px; line-height: 18px; box-shadow: 2px 2px 2px #333333; } .notification-modal-header {font-size: 2em; text-align: center; padding: 5px 0; font-family: sans-serif; font-style: italic; font-weight: bold; text-transform: uppercase;} .notification-modal-close {cursor: pointer; position: relative; top: -20px; right: -20px; } .notification-modal-close span {font-family: sans-serif; text-transform: uppercase; padding: 3px 5px; font-size: 1em;} .notification-modal-section {margin: 10px 0 0; padding: 0 10px 10px; border-bottom: 1px solid #ddd;} .notification-modal-border {border: 1px solid #e3e9ef; border-top-color: #abadb3;} /*-------------------------------------------------------------- 3.2.2 Header --------------------------------------------------------------*/ .main-header {font-family: sans-serif; width: 100%; background: #000 url('../media/img/pages/header-footer-bg.jpg') repeat-x center top; } .main-header-content {max-width: 1024px; height: 94px; margin: 0 auto;} .header-left {width: 310px; color: #fff;} .header-logo {margin: 10px 0 13px; } .header-logo img {width: 148px; height: 69px;} .cs-phone {font-size: 1.6em; margin: 5px 0;} .cs-phone-link:link, .cs-phone-link:visited {color: #fff;} .header-right {width: 479px; height: 94px; position: relative;} .header-phone {display: none; color: #fff; margin: 14px 2px 0 0; font-size: 1.2em; position: absolute; top: 0; right: 0;} .header-phone a {color: #fff;} .header-right .main-search {margin: 6px 0 0 12px;} .header-ui-autocomplete {width: 420px !important;} /*-------------------------------------------------------------- 3.3 Footer --------------------------------------------------------------*/ .main-footer {width: 100%; color: #fff; font-family: "Bebas Neue", sans-serif; background: #000 url('../media/img/pages/header-footer-bg.jpg') repeat center top; } .main-footer a, .main-footer a:visited {color: #fff;} .main-footer a:hover {text-decoration: underline;} .main-footer-content {max-width: 1024px; height: 114px; margin: 0 auto; overflow: hidden; position: relative;} .footer-store-locator {font-size: 2.4em; margin: 44px 0;} /*.footer-store-locator img {widht: 18px; height: 18px;}*/ .footer-links {font-size: 1.8em; max-width: 740px; margin: 16px 0;} .footer-links span {padding:10px; float: right;} .footer-share-wrapper {} .footer-share-title {display: block; text-align: center; font-size: 2em; margin: 20px 0 10px; font-family: sans-serif; font-style: italic;} .footer-share-wrapper span.share {padding: 0; display: inline-block; height: 30px; width: 30px; margin: 0 5px; text-align: center; line-height: 30px; background-image: url('../media/img/pages/footer-sm-icons.png'); background-repeat: no-repeat;} .footer-share-wrapper span.share a {display: block; height: 100%;} .fs-ig {background-position: -120px 0;} .fs-gp {background-position: -90px 0;} .fs-pt {background-position: -60px 0;} .fs-tw {background-position: -30px 0;} .fs-fb {} .footer-phone {font-size: 1.8em; color: #fff; font-family: sans-serif; position: absolute; width: 100%; bottom: 10px; left: 0; text-align: center;} .footer-phone span {} .footer-phone a:hover {text-decoration: none;} /*-------------------------------------------------------------- 3.4 Pages --------------------------------------------------------------*/ .pages {font-family: "Bebas Neue", sans-serif; color: #000;} .pages-main {min-height: 800px; padding: 18px 0 28px; background: #e1e1e1 url('../media/img/pages/garb-pages-background.jpg') repeat center top;} .page-border {width: 100%; height: 25px; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background-color: #0321da;} .page {max-width: 1024px; margin: 0 auto; background-color: #fff;} .loading-gif {position: absolute; width: 30px; height: 30px;} .hr-black {width: 100%; max-width: 908px; height: 50px; margin: 0 auto; background: #fff url('../media/img/pages/hr-black.jpg') no-repeat center center;} /*-------------------------------------------------------------- 3.5 Main Search (small) --------------------------------------------------------------*/ .small-search.main-search {width: 467px; height: 102px; color: #fff; font-family: sans-serif; position: relative;} .small-search.main-search::before {height: 98px; width: 29px; left: -15px; top: 3px; background: url('../media/img/pages/small-search-shadow.png') no-repeat center center;} .small-search .search-container {width: 456px;} .small-search .search-tab {padding: 2px 5px;} .small-search .active-stab {padding: 5px 8px;} .small-search .search-container.school, .small-search .search-container.order {height: 75px;} .small-search .search-container.custom {height: 279px; z-index: 19;} .small-search .search-container {transition: none;} .small-search .school-search .search-field, .small-search .order-search .search-field {width: 420px;} .small-search .custom-team .search-field {width: 460px;} .small-search .search-field {height: 45px; font-size: 1.4em; padding: 0 22px;} .small-search .search-button {width: 40px; height: 45px;} .small-search .bottom-shadow {height: 16px;box-shadow: 0px 6px 20px -5px rgba(0,0,0,.3);} .small-search .school .custom-options, .small-search .order .custom-options {display: none;} .small-search .custom-options {-webkit-transition: none; transition: none;} .small-search .text-uniform {padding: 0; margin: 8px 0 0;} .small-search .color-titles {width: 106px; height: 160px; margin: 10px 0 0;} .small-search .c-title {margin: 21px 0 21px 18px; font-size: 1.3em;} .small-search .c-title:first-child {margin-top: 20px;} .small-search .color-palette {width: 350px; margin: 15px 0 0;} .small-search .colors {height: 30px; width: 325px; margin: 6px 0 6px 15px;} .small-search .color-btn {height: 27px; width: 12px;} .small-search .custom-button-wrapper {margin-top: 13px;} .small-search .custom-button {width: 236px; height: 34px; font-size: 1.4em;} .header-search.small-search.main-search {height: 88px;} .header-search.small-search.main-search::before {display: none;} .header-search.small-search .search-field {height: 35px;} .header-search.small-search .search-button {height: 35px;} .header-search.small-search .search-container.school, .header-search.small-search .search-container.order {height: 55px;} /*-------------------------------------------------------------- 3.6 Team Page --------------------------------------------------------------*/ .team-header {height: 93px; overflow: hidden; padding: 0 0 0 45px; color: #fff; background-color: #0321da;} .team-title {font-size: 4.8em; margin: 3px 0 10px;} .uniforms {min-height: 447px; overflow: hidden; background: #000 url('../media/img/pages/inner-bg.jpg') repeat-y center top;)} .what-style {font-size: 4.8em; color: #fff; text-align: center; margin: 33px 0; overflow: hidden;} .uniforms-sports-category-wrapper {margin: 0 auto;} .uniforms-sports-category {width: 256px; height: 328px;} .uniforms-sports-category a {display: block;} .sports-category-jersey {text-align: center; position: relative;} .rendered-team-jersey-src {width: 210px; height: 235px; z-index: 2; position: relative; } .rendered-team-jersey-loading {top: 102px; left: 113px;} .sport-styles-buttons {width: 168px; height: 37px; margin: 25px auto 30px; text-align: center; background-color: #fff; border: 4px solid #fff; border-radius: 4px;} .sport-styles-link { height: 100%; border-radius: 4px; background-color: #0321da} .sport-styles-text {font-size: 2.4em; color: #fff; line-height: 29px;} /*-------------------------------------------------------------- 3.7 Breadcrumbs --------------------------------------------------------------*/ .breadcrumbs-wrapper {height: 21px; margin: 8px 0 0 0; font-family: "Bebas Neue"; font-size: 1.4em; overflow: hidden;} .breadcrumbs-home {width: 25px; height: 21px; background: url('../media/img/breadcrumbs/breadcrumbs-home.png') no-repeat center top;} .breadcrumbs-middle {width: 77px; height: 21px; background: url('../media/img/breadcrumbs/breadcrumbs-middle.png') no-repeat center top;} .breadcrumbs-end {width: 77px; height: 21px; background: url('../media/img/breadcrumbs/breadcrumbs-end.png') no-repeat center top;} .breadcrumbs-long-middle {width: 115px; height: 21px; background: url('../media/img/breadcrumbs/breadcrumbs-long-middle.png') no-repeat center top;} .breadcrumbs-long-end {width: 115px; height: 21px; background: url('../media/img/breadcrumbs/breadcrumbs-long-end.png') no-repeat center top;} .breadcrumbs {margin: 0 0 0 -7px; cursor: pointer;} .breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs-home a {display: block; color: #444; width: 100%; height: 100%;} .breadcrumbs span {width: 100%; height: 21px; display: inline-block; text-align: center; padding: 3px 5px; overflow: hidden;} .school-breadcrumbs {margin: 8px 0 12px 45px;} /*-------------------------------------------------------------- 3.8 Team Nav --------------------------------------------------------------*/ .team-nav {height: 50px; min-height: 50px; width: 1054px; position: relative; left: -15px; background: #f1f1f1; z-index: 3; } .team-nav::before {content: ""; width: 15px; height: 15px; position: absolute; top: -15px; left: 0; border-top: 15px solid transparent; border-right: 15px solid #848383;} .team-nav::after {content: ""; width: 15px; height: 15px; position: absolute; top: -15px; right: 0; border-top: 15px solid transparent; border-left: 15px solid #848383;} .team-nav-list-menu {display: none; text-align: center; cursor: pointer;} .nav-menu-img {width: 20px; height: 20px; padding: 15px 0; display: inline-block; box-sizing: content-box; vertical-align: bottom;} .nav-menu-menu {display: inline-block; padding: 14px; font-size: 1.8em;} .team-nav-list-wrapper {max-width:1024px; min-height: 50px; margin: 0 auto; overflow: hidden;} .team-nav-list li {display: inline-block; padding: 14px 12px 14px; font-size: 1.8em; border-right: 1px solid #ccc; border-left: none;} .team-nav-list li:first-child {border-left: none;} .team-nav-list a, .team-nav-list a:visited {color: #000;} /*-------------------------------------------------------------- 3.9 Section Globals --------------------------------------------------------------*/ .garb-section-title {font-size: 4.8em; margin: 20px 0; color: #000; text-align: center; font-family: 'Bebas Neue', sans-serif; font-weight: normal;} /*-------------------------------------------------------------- 3.10 About Garb Section --------------------------------------------------------------*/ .about-section {font-family: Arial, Verdana, sans-serif; font-weight: bold;} .about-section-container {max-width: 900px; width: 100%; margin: 0 auto 50px; } .about-section-nav {max-width: 250px; width: 100%; margin: 5px 0 0;} .about-section-nav a, .about-section-nav a:visited {color: #B26F1F; font-size: 1.4em;} .about-button {height: 55px; position: relative; margin: 0 0 5px; border-radius: 3px; border: 1px solid #feeec3; background: #fef6e1; background-image: -webkit-linear-gradient(top,#fffcf4,#fef6e1); background-image: -moz-linear-gradient(top,#fffcf4,#fef6e1); background-image: -ms-linear-gradient(top,#fffcf4,#fef6e1); background-image: linear-gradient(top,#fffcf4,#fef6e1);} .about-button:hover, .about-button-active {border-color: #f4d068; background: #ffe18b; background-image: -webkit-linear-gradient(top,#fff5d8,#ffe18b); background-image: -moz-linear-gradient(top,#fff5d8,#ffe18b); background-image: -ms-linear-gradient(top,#fff5d8,#ffe18b); background-image: linear-gradient(top,#fff5d8,#ffe18b);} .about-button-active::after {content: " "; width: 12px; height: 24px; right: -13px; top: 15px; position: absolute; background: url('../media/img/pages/about-arrow.jpg');} .about-button a {display: block; cursor: pointer; padding: 19px 20px;} .about-section-content {max-width: 633px; width: 100%; min-height: 350px; margin: 5px 0 0 17px;} .about-overview {min-height: 350px; background: url('../media/img/pages/about-overview-background.png') no-repeat; } .about-uniforms {min-height: 495px; background: url('../media/img/pages/about-uniforms-background.png') no-repeat; display: none; } .about-uniforms-extra {margin: 50px 0 0; max-width: 633px; width: 100%; border: 1px dotted #a5a5a5;} .about-extra-box {margin: 20px 0 20px 20px; width: 280px; height: 90px; background: no-repeat left top;} .about-extra-box:nth-child(1) {background-image: url('../media/img/pages/about-uniforms-icon1.png'); } .about-extra-box:nth-child(2) {background-image: url('../media/img/pages/about-uniforms-icon2.png');} .about-extra-box:nth-child(3) {background-image: url('../media/img/pages/about-uniforms-icon3.png');} .about-extra-box:nth-child(4) {background-image: url('../media/img/pages/about-uniforms-icon4.png');} .about-extra-box h4 {font-size: 1.5em; padding: 5px 0 0 44px;} .about-extra-box p {font-weight: normal; font-size: 1.2em; padding: 0 0 0 44px;} .about-purchase {min-height: 870px; background: url('../media/img/pages/about-purchase-background.png') no-repeat; display: none;} .about-purchase-extra {margin: 50px 0 0 20px; max-width: 613px; width: 100%;} .about-extra-row {margin: 50px 0;} .about-extra-row a, .about-extra-row a:visited { display: block; } .about-extra-row h4 {background: no-repeat left top; padding: 4px 0 3px 30px; font-size: 1.5em; color: #7d7d7d;} .about-extra-row:nth-child(1) h4 {background-image: url('../media/img/pages/about-purchase-icon1.png'); } .about-extra-row:nth-child(2) h4 {background-image: url('../media/img/pages/about-purchase-icon2.png'); } .about-extra-row:nth-child(3) h4 {background-image: url('../media/img/pages/about-purchase-icon3.png'); } .about-extra-row p {font-weight: normal; font-size: 1.2em; margin: 5px 0 0; line-height: 18px;} .about-extra-row-left {width: 48%;} .about-extra-row-right {width: 46%;} .about-extra-row-right a, .about-extra-row-right p {margin: 0 0 0 30px;} .about-extra-row-right.left a {margin: 0;} .about-section-bg-text {max-width: 290px; width: 100%; height: 183px; margin: 30px 0 0 23px;} .about-section-content-title {color: #8ca131; font-size: 1.9em;} .about-section-bg-text p {font-size: 1.17em;} .about-section-bg-text a {display: block; margin: 6px 0 0;} .about-section-bg-text ul {list-style-type: disc; font-size: 1.17em;} .about-section-bg-text li {margin: 15px 0;} /*-------------------------------------------------------------- 3.11 Walkthrough Garb Section --------------------------------------------------------------*/ .walkthrough-video {max-width: 560px; height: 315px; width: 100%; margin: 45px auto;} .walkthrough-video iframe {width: 100%; height: 100%;} /*-------------------------------------------------------------- 3.12 Schools --------------------------------------------------------------*/ .find-school-section {font-family: sans-serif;} .find-school {width: 505px; height: 66px; border-radius: 3px; margin: 12px 0 40px 45px; overflow: hidden; background-color: #e5e4e4; text-align: center; color: #0321da; font-size: 1.8em;} .find-school-title {margin: 5px 0 6px; font-family: "Bebas Neue";} .school-search-wrapper {width: 492px; margin: 0 auto;} .school-search-field {max-width: 459px; width: 100%; height: 32px; padding: 3px 10px; border: 1px solid #0321da; border-right: none; border-bottom-left-radius: 3px; border-top-left-radius: 3px;} .school-search-button {margin: 0; width: 33px; height: 32px; background-color: #fff; border: 1px solid #0321da; border-left: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px;} .school-search-button:hover {cursor: pointer;} .schools-country-tabs {margin: 40px 0 0 28px;} .country-tabs {display: inline-block; height: 37px; padding: 11px 33px; margin: 0 1px; font-size: 1.2em; border-top-right-radius: 3px; border-top-left-radius: 3px; background: #a8a7a7; background-image: -webkit-linear-gradient(top,#f1f1f1,#a8a7a7); background-image: -moz-linear-gradient(top,#f1f1f1,#a8a7a7); background-image: -ms-linear-gradient(top,#f1f1f1,#a8a7a7); background-image: linear-gradient(top,#f1f1f1,#a8a7a7);} .country-tabs:hover {cursor: pointer;} .country-tabs-current {background-image: -webkit-linear-gradient(top,#a8a7a7,#f1f1f1); background-image: -moz-linear-gradient(top,#a8a7a7,#f1f1f1); background-image: -ms-linear-gradient(top,#a8a7a7,#f1f1f1); background-image: linear-gradient(top,#a8a7a7,#f1f1f1);} .all-schools-list {width: 100%; min-height: 290px; height: 100%; background-color: #f1f1f1; margin: 0 0 25px; padding: 25px; border-bottom: 1px solid #c5c4c4;} .schools-list-column {} .schools-list {color: #1979a8; margin: 4px 0; width: 190px;} .schools-list-long {width: 300px;} .schools-list span, .schools-list a, .schools-list a:visited, .cant-find-store a, .cant-find-store a:visited, .select-city a, .select-city a:visited {color: #1979a8; font-size: 1.6em;} .schools-list a:hover, .cant-find-store a:hover, .select-city a:hover {text-decoration: underline;} .choose-city {font-size: 3em; font-weight: bold; margin: 30px 18px;} .cant-find-store {margin: 50px 18px 30px; font-size: 1.6em; font-weight: bold;} .cant-find-store a, .cant-find-store span {font-weight: normal; font-size: inherit;} .common-states {} .select-common-city {border-right: 1px solid #ccc; line-height: 21px; padding: 0 12px 0 16px;} .select-common-city:last-child {border-right: none;} .city-letters {margin: 20px 12px 45px;} .select-city-letter {width: 38px; height: 39px; border: 1px solid #ccc; border-right: none;} .select-city-letter:last-child {border-right: 1px solid #ccc;} .select-city-letter a {display: block; line-height: 39px; text-transform: uppercase;} .select-city-by-letter, .select-by-state {color: #ccc; border-bottom: 1px solid #ccc; margin: 25px 20px; font-size: 3em; text-transform: uppercase;} .select-by-state {text-transform: none;} .city-list {padding: 0 20px;} .pages ul#ui-id-2 {padding: 0; border: 1px solid #fff; max-width: 490px !important; width: 100% !important;} .schools-pagination-wrapper {font-size: 1.4em; text-align: center; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #ccc;} .schools-pagination {width: 320px; margin: 0 auto;} .schools-pagination-button, .schools-pagination-button:visited {padding: 0 2px; color: #0321da;} .schools-pagination-button:hover {background-color: #bbb;} .schools-pagination-current {color: #0321da; background-color: #bbb;} /*-------------------------------------------------------------- 3.13 Customer Service --------------------------------------------------------------*/ .cs-wrapper {padding: 15px 40px 35px;} .cs-content {width: 50%; min-width: 320px; font-family: sans-serif;} .cs-info {padding: 0 0 0 20px;} .cs-content h2 {font-size: 2em; font-weight: bold;} .cs-form h5 {font-style: italic; font-size: 1.2em;} .cs-info h4 {font-weight: bold; font-size: 1.4em; margin: 20px 0 10px;} .cs-info h6, .cs-info p, .cs-info a {margin: 10px 0; font-size: 1.2em;} .cs-emails a {display: block; margin: 10px 0 10px 20px;} p.cs-line {font-style: italic; font-size: 1.5em; margin: 20px 0;} .cs-store-locator {font-size: 2.4em; margin: 45px 0; } .cs-store-locator a, .cs-store-locator a:visited {color: #000; display: block; font-family: 'Bebas Neue', sans-serif; } /*Contact Form*/ .cs-form-wrapper {margin: 0 0 20px;} .cs-form-wrapper dt {margin: 15px 0 5px;} .cs-form-wrapper dt:first-child {margin: 0 0 5px;} .cs-form-wrapper dd {margin: 5px 0 15px;} .cs-form-wrapper label {font-size: 1.4em; font-weight: bold;} .cs-form-text, .cs-form-input, .cs-form-select {max-width: 360px; min-width: 320px; width: 100%; height: 25px; line-height: 25px; font-size: 1.2em; background-color: #fff; border: 1px solid #b2b2b2;} .cs-form-text {height: 120px;} .cs-form-send {background: #0000bb; color: #fff; padding: 5px 20px; font-size: 1.2em; font-weight: bold; cursor: pointer;} .cs-sent {margin: 190px 0 250px; font-size: 2em; font-weight: bold; color: #0321da;} .cs-form-wrapper .errors {color: red; font-size: 1.2em;} /*-------------------------------------------------------------- 3.14 Careers --------------------------------------------------------------*/ .careers-wrapper {font-family: sans-serif; padding: 20px 40px 40px 40px;} .careers-title {font-size: 2.4em; font-weight: bold;} .careers-wrapper p {margin: 10px 0; padding: 10px; line-height: 1.6em; font-size: 14px;} .careers-wrapper h4 {font-weight: bold; font-size: 1.4em;} /*-------------------------------------------------------------- 3.15 About Us --------------------------------------------------------------*/ .about-us-wrapper {padding: 20px 15px 40px; font-family: sans-serif;} .about-us-header {min-width: 320px; max-width: 766px; width: 100%; margin: 0 auto; font-style: italic;} .about-us-portrait {width: 228px; height: 274px; background: #fff url('../media/img/pages/about-us-portrait.png') no-repeat left top; } .about-us-header p {margin: 10px 0 90px 20px; font-size: 1.4em;} .about-us-header h2 {font-size: 3.8em; font-weight: bold;} .about-us-header h4 {font-size: 2em;} .about-us-body {min-width: 320px; max-width: 875px; width: 100%; margin: 40px auto 10px;} .about-us-body p {font-size: 1.6em; text-indent: 20px; line-height: 1.4em; margin: 25px 0;} .about-us-body .no-indent {text-indent: 0;} .about-us-body h3 {font-size: 2.2em; text-align: center;} .about-us-underline {position: relative;} .about-us-underline::after {content: ""; position: absolute; width: 137px; height: 9px; top: 17px; left: -6px; background: url('../media/img/pages/about-us-underline.png') no-repeat center top;} .about-us-started {max-width: 360px; border: 3px solid #000; font-weight: bold; padding: 5px; margin: 0 auto;} .about-us-center {margin: 25px 0;} p.about-us-center-p {width: 285px; margin: 0;} .about-us-quote {border-right: 2px solid #000; border-left: 2px solid #000; width: 300px; height: 105px; padding: 0 4px; font-style: italic; margin: 0 auto;} .about-us-right {width: 585px;} .about-us-signature {margin: 0 0 0 80px;} .about-us-stars {width: 270px; border: 2px solid #000; position: relative; margin: 0 20px 0 0;} .about-us-stars h4 {font-style: italic; font-size: 2.2em; text-align: center; font-weight: bold; margin: 10px 0 5px;} .about-us-stars hr {width: 90%; border-color: #000;} .about-us-stars ul {margin: 0 0 0 10px;} .about-us-stars li {display: block; font-size: 1.6em; padding: 0 0 0 23px; margin: 35px 0; background: url('../media/img/pages/about-us-star.jpg') no-repeat left top;} .about-us-stars li span {font-size: .6em;} .about-us-guaranteed {display: block; position: absolute; left: -35px; bottom: -10px;} /*-------------------------------------------------------------- 3.16 Washing Instructions --------------------------------------------------------------*/ .washing-instructions-section {padding: 20px 40px 40px; font-family: sans-serif;} .washing-instructions-title {font-size: 2.4em; font-weight: bold;} .wi-section {padding: 0 20px; margin: 40px 0;} .wi-section-title {font-size: 2em; text-align: center; margin: 0 0 20px; font-weight: bold;} .wi-text {font-size: 1.4em; margin: 10px 0;} .wi-header {margin: 20px 0;} .wi-contact {font-size: 1.6em; font-weight: bold; margin: 40px 0; text-align: center;} /*-------------------------------------------------------------- 3.17 Sports Pages --------------------------------------------------------------*/ .sports-main-section {overflow: hidden; position: relative; background: url('../media/img/pages/sports/sports-page-bg.jpg') no-repeat center top; width: 999px; height: 553px; margin: 10px auto 0; color: #fff;} .sports-main-section-header {font-size: 5.5em; margin: 40px 15px 12px;} .sports-main-section-text {font-size: 2.3em; font-weight: bold; font-size-adjust:0.5; font-family: sans-serif; margin: 12px 15px 45px; position: relative;} .sports-main-section-text::after {content: ""; display: block; position: absolute; width: 61px; height: 56px; top: 63px; right: 190px; background: url('../media/img/pages/sports/sports-arrow.png') no-repeat center center;} .sports-jersey-image {position: absolute; top: 150px; left: 20px;} .sports-custom-search {margin: 0 8px 0;} .sports-school-search-section {max-width:467px; width: 100%; margin: 0 auto; position: relative;} .sports-school-search-section .small-search.main-search {} .sports-school-search-wrapper {position: relative; left: 5px;} .sports-school-search-section a {display: block; margin: 10px 0 0; text-align: center; font-size: 1.4em; font-family: sans-serif;} .sports-school-search-section a:hover {text-decoration: underline;} .sports-walkthrough-section {} .sports-walkthrough-video-wrapper {max-width: 930px; width: 100%; margin: 45px auto;} .sports-walkthrough-video {max-width: 445px; width: 100%; height: 250px; margin: 0 10px;} .sports-walkthrough-video iframe {width: 100%; height: 100%;} /*-------------------------------------------------------------- 3.18 Reviews --------------------------------------------------------------*/ .reviews-section {max-width: 900px; width: 100%; margin: 0 auto;} .reviews-total-rating {margin: 20px 0; text-align: center;} .reviews-total-rating-number {display: inline-block; font-size: 2em; padding: 0 5px; width: 23px; height: 23px; vertical-align: bottom; line-height: 23px; color: #666; } .reviews-percent {text-align: center; font-size: 1.8em; color: #666; margin: 10px 0;} .reviews-total-stats {max-width: 900px; width: 100%; margin: 0 auto; padding: 30px 100px 15px; font-family: sans-serif; border: 1px solid #ddd; border-left: none; border-right: none;} .reviews-total-stats-block {width: 50%;} .hr-black-reviews {width: 50%; background-size: contain;} .review-filter {margin: 0 auto; width: 290px; font-size: 2em; color: #777;} .review-filter li {display: inline-block; padding: 0 8px; position: relative;} .review-filter li:hover {cursor: pointer;} .review-filter-active {color: #0321da; } .review-filter-active::after {content: ""; display: block; position: absolute; width: 9px; height: 8px; bottom: -7px; left: 42%; background: url('../media/img/pages/category-nav-selected.png') no-repeat center center; } .review-button {display: block; color: #fff; background-color: #0321da; text-align: center; cursor: pointer;} .reviews-add-button {width: 140px; height: 40px; line-height: 40px; margin: 10px auto; border-radius: 5px; font-size: 1.8em;} .reviews-submit-button {width: 160px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 1.8em;} .review-comment-button {width: 85px; height: 30px; line-height: 30px; border-radius: 3px; margin: 0; font-size: 1.4em;} .review-comment-submit-button {width: 160px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 1.8em;} .review-button-clicked {background-color: #aaa; margin: 10px auto;} .review-button-clicked:hover {cursor: default;} .review-flag {display: block; width: 30px; height: 30px; line-height: 30px; margin: 0 10px; background-image: url('../media/img/pages/review-flag.jpg'); } .review-flagged {background-image: url('../media/img/pages/review-flagged.jpg');} .review-block {border-bottom: 1px solid #ddd; padding: 20px 0; margin: 0 auto; font-family: sans-serif; } .review-block:last-child {margin: 0 auto 20px;} .review-block-left {width: 60%; height: 310px;} .review-block-right {width: 40%; height: 310px;} .reviews-total-rating img, .review-rating img {width: 23px; height: 23px;} .review-rating {margin: 5px 0;} .review-date {font-size: 1.3em; line-height: 23px; padding: 0 10px; color: #666; margin: 5px 0;} .review-title {font-family: 'Bebas Neue', sans-serif; font-size: 2.4em; margin: 5px 0;} .review-meta, .review-content {color: #666; font-size: 1.4em; margin: 5px 0;} .review-content {padding-right: 100px; margin-top: 15px;} .review-name {color: #000;} .review-stat {width: 320px; margin: 20px 10px; } .r-stat {margin: 0 30px;} .r-stat-title-wrapper {width: 70px; font-size: 1.2em;} .r-stat-title {height: 32px; margin: 15px 0;} .r-stat-slider-wrapper {} .r-stat-slider {overflow: hidden; width: 250px; height: 32px; margin-bottom: 16px; position: relative;} .r-stat-slider-text {padding: 0 6px 0 2px; font-size: 1.2em;} .r-stat-slider-block {position: absolute; width: 35px; height: 15px; left: 0; top: 0px; background-color: #666;} .r-stat-slider span {display: inline-block; width: 35px; height: 15px; background-color: #ddd; border: 1px solid #aaa; border-right: none;} .r-stat-radius-left {border-left: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .r-stat-radius-right {border-top-right-radius: 10px; border-bottom-right-radius: 10px;} .r-stat-left-1 {left: 0px;} .r-stat-left-2 {left: 35px;} .r-stat-left-3 {left: 70px;} .r-stat-left-4 {left: 105px;} .r-stat-left-5 {left: 140px;} .r-stat-left-6 {left: 175px;} .r-stat-left-7 {left: 210px;} .review-form {font-family: sans-serif;} .review-form label, .review-form input, .review-form textarea {display: block;} .review-form label {font-size: 1.6em;} .review-form input, .review-form textarea {border: 1px solid #aaa; font-size: 1.4em; width: 100%; padding: 5px 10px; border-radius: 10px;} .review-form input:focus, .review-form textarea:focus {box-shadow: 0 0 3px 0 #0321da;} .review-form input {} .review-form textarea {height: 100px;} .add-review-block {height: 450px; margin: 10px auto 20px; border-top: 1px solid #ddd; display: none;} .rating-select-title {text-align: center; font-size: 2em; margin: 5px auto;} .rating-select-img {width: 118px; margin: 0 auto;} .review-input {margin: 10px;} .rating-select-img img {float: left; cursor: pointer;} .review-form-slider span {transition: all 500ms ease;} .review-form-slider span:hover {background-color: #888; cursor: pointer;} .review-form-slider .review-slider-active {background-color: #666;} .reviews-submit-error {color: red; text-align: center; font-size: 1.4em; margin: 10px auto; display: none;} .add-review-success {display: none; color: #0321da; padding: 50px 0; text-align: center; font-size: 1.8em; border-top: 1px solid #ddd;} .add-comment-block {height: 260px; width: 50%; display: none; margin: 0 auto;} .rating-validate {transition: border 800ms ease; border: 1px solid transparent;} .rating-block-error {border: 1px solid red !important;} /*-------------------------------------------------------------- 3.19 Sizing Chart / Sizing App --------------------------------------------------------------*/ .sizing-chart-section {font-family: sans-serif;} .sizing-table-wrapper {max-width: 800px; width: 100%; margin: 0 auto;} .sizing-table {margin: 18px 0;} .sizing-table th {font-weight: bold;} .sizing-table th, .sizing-table td {border: 1px solid #d8d8d8; padding: 3px; font-size: 1.2em; min-width: 60px; min-height: 17px; text-align: center;} .sizing-app-form {min-width: 320px; max-width: 560px; margin: 0 auto;} .sizing-app-units-wrapper span {display: inline-block;} .sizing-app-gender-wrapper {width: 80%; float: left; padding: 0 40px 0 120px;;} .sizing-app-circle {width: 25px; height: 25px; /*border: 1px solid #ccc;*/ box-shadow: 0px 0px 5px 1px #ccc inset; border-radius: 50%; cursor: pointer;} .sizing-app-inner-circle {width: 11px; height: 11px; border-radius: 50%; position: relative; top: 7px; left: 7px; transition: background 400ms ease;} .sizing-app-gender {line-height: 25px; vertical-align: bottom; margin: 0 15px 0 4px; cursor: pointer; font-size: 1.6em;} .sa-active .sizing-app-inner-circle {background-color: #0321da;} .sa-active .sizing-app-gender {color: #0321da;} .sizing-app-units-container {cursor: pointer; float: left; width: 20%; padding-top: 4px;} .sizing-app-unit-slider {width: 50px; height: 15px; background: #bbb; border-radius: 10px;} .sizing-app-unit-circle {width: 10px; height: 10px; background: #fff; border-radius: 50%; position: relative; top: 2px; left: 4px; transition: left 400ms ease;} .sizing-app-units {margin: 0 4px; font-size: 1.2em; font-family: sans-serif; color: #888;} .sizing-app-slider-wrapper {padding: 20px 0 10px;} .sizing-app-slider {width: 80%; float: left;} .sizing-app-digits {width: 20%; float: left;} .sizing-app-slider-row {height: 50px; margin: 10px auto; position: relative;} .sizing-app-slider-text {font-size: 1.6em; color: #888; display: inline-block; line-height: 50px; width: 60px;} .sizing-app-slider-slide {margin: 0 40px; display: inline-block; width: 300px; vertical-align: middle; cursor: pointer;} .sizing-app-slider-slide:before {content: ""; position: absolute; display: block; height: 10px; width: 300px; border-radius: 10px; background: #bbb; top: 20px;} .sizing-app-slider-circle {display: block; position: relative; top: -1px; left: 0; width: 25px; height: 25px; background: #fff; border-radius: 50%; box-shadow: 0 0 5px 1px #aaa; z-index: 2;} .sizing-app-digits-box {background: #f9f9f9; border-radius: 3px; border: 1px solid #82b7de; width: 100px; height: 50px; overflow: hidden; margin: 10px 0; font-family: sans-serif; line-height: 50px; text-align: center;} #sizing-app-digits-in {height: 50px;} .sizing-app-digits-in {width: 50%; float: left; height: 50px;} .sizing-app-digits-in:first-child {border-right: 1px solid #bbb; } .sizing-app-digits-number {font-size: 1.8em; width: 1.1em; background: none; vertical-align: middle; text-align: center;} .sizing-app-digits-number-w {width: 3em;} .sizing-app-digits-units {color: #888; float: right; margin-right: 5px;} #sizing-app-digits-cm {display: none;} .sizing-app-submit {cursor: pointer; display: block; width: 300px; margin: 20px auto; background: #0321da; color: #fff; padding: 20px; font-size: 3em; border-radius: 5px;} .sizing-app-arrow {width: 20px; height: 26px; vertical-align: middle; margin-left: 10px;} .sizing-app-result-container {height: 90px;} .sizing-app-result {text-align: center; display: none;} .sizing-app-message {font-size: 1.8em; color: #888; letter-spacing: 1px;} .sizing-app-size {font-size: 6em; letter-spacing: 4px;} /*-------------------------------------------------------------- 3.20 Product Page Thumbs --------------------------------------------------------------*/ .product-page-thumbs {min-height:50px; margin: 60px 0 30px;} .pp-thumb {width: 300px; margin: 0 106px; background: blue; padding: 0 0 0 50px; background: no-repeat left top;} .ppt-delivery {background-image: url('../media/img/pages/delivery-time.jpg');} .ppt-jersey {background-image: url('../media/img/pages/all-inclusive-uniforms.png');} .ppt-header {font-size: 2.2em;} .ppt-body {font-size: 1.2em; font-family: sans-serif;} /*-------------------------------------------------------------- 3.21 Similar Jerseys --------------------------------------------------------------*/ .similar-products-section {} .hs-similar-wrapper {width: 100%; height: 350px; position: relative;} .hs-similar {max-width: 880px; width: 100%; height: 100%; overflow: hidden; margin: 0 auto;} .hs-similar-jerseys {width: 100%; height: 100%; position: relative; left: 0; transition: all 200ms ease;} .similar-rendered-jersey {height: 230px; width: 200px; margin: 0 10px 40px; position: relative;} .similar-rendered-jersey a {display: block;} .similar-jersey-src {width: 200px; height: 230px; z-index: 2; position: relative;} .similar-jersey-loading {top: 100px; left: 85px; position: absolute;} .similar-jersey-title {margin: 40px 0 10px; font-size: 2.8em; } .similar-jersey-title a, .similar-jersey-title a:visited {color: #000;} .circle-arrow {width: 50px; height: 49px; background: no-repeat center center; position: absolute; top: 100px;} .circle-arrow:hover {cursor: pointer;} .circle-arrow-left {background: url('../media/img/pages/circle-arrow-left.png'); left: 22px;} .circle-arrow-right {background: url('../media/img/pages/circle-arrow-right.png'); right: 22px;} /*-------------------------------------------------------------- 3.20 Product Page Thumbs --------------------------------------------------------------*/ .product-page-thumbs {min-height:50px; margin: 60px 0 30px;} .pp-thumb {width: 300px; margin: 0 106px; background: blue; padding: 0 0 0 50px; background: no-repeat left top;} .ppt-delivery {background-image: url('../media/img/pages/delivery-time.jpg');} .ppt-jersey {background-image: url('../media/img/pages/all-inclusive-uniforms.png');} .ppt-header {font-size: 2.2em;} .ppt-body {font-size: 1.2em; font-family: sans-serif;} /*-------------------------------------------------------------- 3.21 Similar Jerseys --------------------------------------------------------------*/ .similar-products-section {} .hs-similar-wrapper {width: 100%; height: 350px; position: relative;} .hs-similar {max-width: 880px; width: 100%; height: 100%; overflow: hidden; margin: 0 auto;} .hs-similar-jerseys {width: 100%; height: 100%; position: relative; left: 0; transition: all 200ms ease;} .similar-rendered-jersey {height: 230px; width: 200px; margin: 0 10px 40px; position: relative;} .similar-rendered-jersey a {display: block;} .similar-jersey-src {width: 200px; height: 230px; z-index: 2; position: relative;} .similar-jersey-loading {top: 100px; left: 85px; position: absolute;} .similar-jersey-title {margin: 40px 0 10px; font-size: 2.8em; } .similar-jersey-title a, .similar-jersey-title a:visited {color: #000;} .circle-arrow {width: 50px; height: 49px; background: no-repeat center center; position: absolute; top: 100px;} .circle-arrow:hover {cursor: pointer;} .circle-arrow-left {background: url('../media/img/pages/circle-arrow-left.png'); left: 22px;} .circle-arrow-right {background: url('../media/img/pages/circle-arrow-right.png'); right: 22px;} /*-------------------------------------------------------------- 3.22 Category Pages --------------------------------------------------------------*/ .category-section-wrapper {position: relative;} .category-page-nav {font-family: sans-serif;} .category-page-nav ul {width: 235px; margin: 0 auto;} .category-page-nav li {display: inline-block; font-size: 1.8em; font-weight: bold; font-size-adjust:0.5; text-transform: uppercase; font-style: italic; margin: 0 8px; position: relative;} .category-page-nav li:hover {cursor: pointer;} .category-nav-selected {color: #0321da;} .category-nav-selected::after {content: ""; display: block; position: absolute; width: 9px; height: 8px; bottom: -7px; left: 42%; background: url('../media/img/pages/category-nav-selected.png') no-repeat center center; } /*.category-page-nav select {background: #fff; border: 1px solid #e3e9ef; border-top-color: #abadb3;}*/ .category-sort-wrapper {margin: 0 50px 0 0; position: relative; font-size: 1.6em; } .category-sort-wrapper select {background: #fff; border: 1px solid #e3e9ef; border-top-color: #abadb3;} .category-mascot-wrapper {font-size: 1.6em; margin: 0 0 0 50px;} .change-mascot {border: 1px solid #e3e9ef; margin: 0; width: 200px;} .change-mascot-button {background: none; cursor: pointer; margin: 0; padding: 0 5px; color: #0321da;} .category-jersey-load-error {text-align: center; font-size: 2.2em; margin: 100px 0;} .category-jersey-wrapper {margin: 0 auto; max-width: 945px; min-height: 800px;/*min-height: 506px;*/ width: 100%;} .category-jersey {width: 285px; height: 446px; border: 1px solid #e0e0e0; margin: 30px 15px;} .rendered-jersey {height: 285px; background: #ededed; position: relative;} .rendered-jersey a {display: block; width: 100%; height: 100%;} .rendered-jersey-src {width: 283px; height: 285px; z-index: 2; position: absolute; } .category-jersey-slide {cursor: pointer; width: 100%; height: 100px; padding: 5px; position: relative; bottom: 0px; background: #fff; z-index: 2; transition: all 1s ease;} .rendered-jersey:hover .category-jersey-slide {bottom: 100px;} .jersey-slide-title {text-align: center; color: #545453; font-size: 1.6em; margin: 0 0 15px; position: relative;} .jersey-slide-title:before, .jersey-slide-title:after {content: ""; width: 50px; height: 1px; background-color: #545453; position: absolute; top: 8px;} .jersey-slide-title:after {left: 20px;} .jersey-slide-title:before {right: 20px;} .jersey-slide-thumb-wrapper {text-align: center; position: relative;} .jersey-slide-thumb-loading {position: absolute; width: 100%; height: 32px; display: block; text-align: center; top: 10px; font-size: 1.4em;} .jersey-slide-thumb {width: 52px; height: 52px; position: relative;} .rendered-jersey-info {z-index: 2; position: relative; background: #fff;} .jersey-title {font-size: 3em; padding: 15px 0 5px;} .jersey-rating {height: 12px; text-align: center;} .jersey-rating img {height: 12px; width: 12px;} .jersey-customize {width: 93px; height: 26px; font-size: 1.8em; text-align: center; color: #fff; background: #0321da; display: block; padding: 3px; margin: 10px auto; border-radius: 3px;} .jersey-social {height: 48px; margin: 10px 0 0; overflow: hidden;} .jsm {height: 48px; background: #aaa url('../media/img/pages/catalog-jersey-sm.jpg') no-repeat; display: block; } .jsm a {display: block; width: 100%; height: 100%;} .jersey-social-fb {width: 48px; background-position: 0 0;} .jersey-social-tw {width: 48px; background-position: -48px 0;} .jersey-social-pt {width: 48px; background-position: -96px 0;} .jersey-social-ig {width: 48px; background-position: -144px 0;} .jersey-social-gp {width: 46px; background-position: -192px 0;} .jersey-social-ml {width: 45px; background-position: -238px 0;} .category-load-more {text-align: center; margin: 10px auto; width: 30px; height: 30px; cursor: pointer;} .category-no-more {text-align: center; font-size: 1.8em; display: none;} .to-category-section {display: block; position: absolute; bottom: 0; right: 0;} /*Toolbar*/ .toolbar-modal {display: block;} .toolbar-wrapper {width: 220px; background: #eee; position: absolute; top: 103px; left: -190px; z-index: 999;} .toolbar-header {font-size: 2em; color: #fff; background: #333; text-align: center; padding: 5px 0; font-family: sans-serif; font-style: italic; font-weight: bold; text-transform: uppercase;} .toolbar-close {display: none; cursor: pointer;} .toolbar-close span {font-family: sans-serif; text-transform: uppercase; padding: 3px 5px; font-size: 1em;} .toolbar-section {margin: 10px 0 0; padding: 0 10px 10px; border-bottom: 1px solid #ddd;} .toolbar-border {border: 1px solid #e3e9ef; border-top-color: #abadb3;} .toolbar-section-header {font-size: 2em; margin: 10px 0;} .toolbar-search-form {text-align: center;} .toolbar-search-button {width: 25px; height: 35px; background: #fff; border-right: none; border-bottom-left-radius: 4px; border-top-left-radius: 4px; vertical-align: bottom; text-align: center; cursor: pointer;} .toolbar-search-button img {width: 20px; height: 19px;} .toolbar-search {background: #fff; border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 170px; height: 35px; font-size: 1.8em; padding: 5px;} .toolbar-search-clear {color: #0321da; text-align: center; font-size: 1.4em; padding: 5px 0 0; cursor: pointer;} .category-jersey-type {font-size: 1.8em;} .category-jersey-type li {cursor: pointer; position: relative;} .category-nav-selected {position: relative; display: inline-block;} .category-nav-selected::after {content: ""; display: block; position: absolute; width: 5px; height: 4px; top: 8px; right: -8px; left: initial; bottom: initial; background: url('../media/img/pages/category-nav-selected.png') no-repeat center center; } .toolbar-select-wrapper {margin: 10px 0;} .toolbar-select-wrapper select {background: #fff; width: 100%; font-size: 1.8em; padding: 5px; border-radius: 4px;} .toolbar-change-mascot-button {padding: 2px 0 6px} .toolbar-mascot-wrapper {font-size: 1.6em; text-align: center;} .toolbar-colors li {cursor: pointer; height: 35px; margin: 10px 0; } .toolbar-colors span {vertical-align: bottom;} .toolbar-color-name {font-size: 1.6em; padding: 0 20px; line-height: 35px;} .toolbar-color-image {display: inline-block; width: 35px; height: 35px; border-radius: 3px; box-shadow: 1px 1px 1px 0 rgba(0,0,0,.75); background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));} .toolbar-section .change-fonts {font-size: 1.4em;} .toolbar-share a {display: inline-block; height: 35px; width: 35px; margin: 0 1px; text-align: center; line-height: 40px; background-image: url('../media/img/pages/toolbar-sm-icons.png'); background-repeat: no-repeat;} .toolbar-fb {background-position: 0 0;} .toolbar-tw {background-position: -35px 0;} .toolbar-pn {background-position: -70px 0;} .toolbar-gp {background-position: -105px 0;} .toolbar-ml {background-position: -140px 0;} .toolbar-menu-wrapper {display: none; position: absolute; top: 10px; left: 10px; cursor: pointer;} .toolbar-menu-title {display: inline-block; font-size: 1.4em; color: #0321da; height: 20px; vertical-align: bottom; padding: 0 3px;} .toolbar-menu-image {width: 20px; height: 20px;} .toolbar-menu-link {display: inline-block; float: right; margin: 10px 20px; font-size: 1.4em; color: #0321da; height: 20px; vertical-align: bottom; padding: 0 3px;} .toolbar-menu-pdf-link {font-size: 1.5em; cursor: pointer;} .toolbar-colors-list {display: none; width: 220px; height: 160px; position: absolute; top: 70px; left: 0; background: #eee;} .toolbar-colors-list-long {height: 220px;} .toolbar-colors-list p {cursor: pointer; width: 20px; height: 20px; padding: 5px; margin: 5px;} .toolbar-close.toolbar-colors-close {display: block; border-bottom: 1px solid #222;} .toolbar-reset-colors {font-size: 1.4em; color: #0321da; cursor: pointer; padding: 3px;} .toolbar-color-message {display: none; font-size: 1.4em; color: #0321da; padding: 5px; text-align: center;} /*-------------------------------------------------------------- 3.23 Store Locator --------------------------------------------------------------*/ .store-locator-section {} .store-locator-container{font-family: sans-serif; color: #000;} .sl-form-container {top: 50px; right: 10px; width: 240px; height: 100px; background: #fff; position: absolute; z-index: 9;} .sl-user-location {} .sl-form-input {} .sl-form-input label {font-size: 2em; display: block; margin: 10px; color: #000;} .sl-form-input input {width: 159px; padding: 5px 3px; font-size: 1.4em; border: 1px solid #ccc; border-right: none; display: block; margin: 10px 0 10px 10px; float: left;} .sl-form-submit {display: block; height: 28px; cursor: pointer; float: left; background: #fff; border: 1px solid #ccc; border-left: none; margin: 10px 10px 10px 0; font-size: 1.4em; padding: 2px 3px;} .sl-form-submit img {width: 20px; height: 19px;} .sl-map-container {position: relative;} .sl-map-container a {color: #0321da; text-decoration: none;} .sl-map-container a:hover, .map-container a:active {text-decoration: underline;} .sl-map-container a:visited {color: #609} .sl-map-container .loc-name {color: #0321da; font-weight: bold;} .sl-map-container .loc-cat-name {color: #000; font-weight: bold; font-style: italic; text-transform: uppercase;} .sl-map {width: 100%; height: 750px; border: 5px solid #fff;} .sl-loc-list {display: none; position: absolute; color: #000; background: #fff; width: 240px; height: 550px; z-index: 9; overflow: auto; top: 150px; right: 10px; box-shadow: 2px 2px 5px 0 #222;} .sl-loc-list ul {display: block; clear: left; float: left; list-style: none; margin: 0; padding: 0;} .sl-list li:nth-child(n+100) {display: none;} .sl-loc-list .list-label {float: left; margin: 10px 0 0 6px; padding: 2px 3px; width: 17px; text-align: center; background: #0321da; color: #fff; font-weight: bold;} .sl-loc-list .list-details {float: left; margin-left: 6px; width: 165px;} .sl-loc-list .list-content {padding: 10px; word-wrap: break-word;} .sl-loc-list .loc-dist {font-weight: bold; font-style: italic; color: #8e8e8e;} .sl-loc-list li {display: block; clear: left; float: left; margin: 6px 10px; cursor: pointer; width: 200px; border: 1px solid #fff;} .sl-loc-list .list-focus {border: 1px solid rgba(82,168,236,0.9); box-shadow: 0 0 8px rgba(82,168,236,0.7); transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;} .store-locator-text, .store-locator-subtext {font-family: sans-serif; font-weight: bold; margin: 15px 0; text-align: center; font-size: 1.4em;} .store-locator-text {margin-top: 20px; font-size: 2em; font-style: italic;} /*-------------------------------------------------------------- 3.24 Catalog --------------------------------------------------------------*/ .catalog-section {} .catalog-slider {max-width: 1024px; height: 602px; width: 100%; margin: 0 auto 20px;} .catalog-buttons {text-align: center; margin: 20px 0 40px;} .catalog-button {display: inline-block; cursor: pointer; width: 100px; background: #ccc; font-size: 2em; text-align: center; border-radius: 3px; padding: 5px; margin: 0 10px; border: 1px solid #aaa; transition: all 200ms ease;} .catalog-button:hover {background-color: #aaa; border: 1px solid #666;} .catalog-customize {color: #0321da;} .catalog-img-wrapper {text-align: center;} .catalog-img {padding: 40px;} .catalog-bg-title h2 {font-size: 2em; text-align: center; margin: 40px 0 10px;} .catalog-bg-slider {margin: 10px auto 20px; position: relative; width: 900px; height: 100px; overflow: hidden;} .catalog-bg-wrapper {margin: 0 20px; position: relative; left: 0; transition: left 200ms ease;} .catalog-bg-wrapper img {width: 200px; height: 100px; margin: 0 10px;} .catalog-bg-thumb {cursor: pointer;} .catalog-bg-thumb:first-child {margin-left: 0;} .catalog-customize-wrapper {width: 880px; margin: 0 auto;} .catalog-customize-section {display: inline-block; width: 220px; height: 175px; float: left;} .catalog-sport-select {width: 200px; font-size: 1.6em; background-color: #fff; border: 1px solid #aaa;} .catalog-customize-section {position: relative;} .catalog-customize-section .toolbar-colors li {padding-left: 20px;} .catalog-customize-section .toolbar-colors-list {top: 0; width: 215px;} .catalog-customize-section .toolbar-mascot-wrapper {margin: 10px 0;} /*-------------------------------------------------------------- 3.25 Uniform Builder --------------------------------------------------------------*/ .uniform-builder-section {min-height: 800px; height: 100%; width: 100%;} .uniform-builder-section iframe {display: block; width: 100%; height: 800px;} .uniform-builder-jersey-colors-wrapper {width: 674px; float: left} .uniform-builder-jersey-colors {width: 300px; margin: 0 auto;} .uniform-rating {margin-bottom: 6px;} /*-------------------------------------------------------------- 3.26 Product --------------------------------------------------------------*/ .product-section {position: relative; min-height: 625px; margin: 20px 0 60px; font-family: sans-serif;} .product-image {margin: 0 12px 0 0; max-width: 570px; width: 100%; text-align: center;} .product-image-container {height: 520px;} .product-image img {width: 455px; height: 520px;} .product-logo-edit {text-align: center; color: red; font-size: 1.2em; display: none; margin: 10px 0 20px;} .product-color-title {margin: 20px 0;} .product-select-color li {display: inline-block; width: 30px; height: 30px; margin: 0 5px; cursor: pointer; border-radius: 3px; box-shadow: 1px 1px 1px 0 rgba(0,0,0,.75); background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));} .product-select-color li:hover {box-shadow: none;} .product-view-title {margin: 20px 0; font-size: 1.8em; color: #545453; text-align: center;} .product-select-view li {display: inline-block; font-size: 2em; font-family: "Bebas Neue"; width: 120px; height: 50px; margin: 0 5px; padding: 15px 5px; cursor: pointer; border-radius: 3px; box-shadow: 1px 1px 1px 0 rgba(0,0,0,.75); background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(0,0,0,.2));} .product-select-view li:hover {box-shadow: none;} .product-description {margin: 0 80px 0 12px; max-width: 350px; width: 100%;} .product-jersey-title {font-size: 4.2em; font-family: "Bebas Neue"; margin: 0 0 12px;} .product-msrp {margin: 12px 0; font-size: 1.4em; color: #0321da; line-height: 1.3em;} .product-review {margin: 12px 0 12px; padding: 0 0 10px; border-bottom: 1px solid #d4d4d4; font-size: 1.2em;} .product-review-count {color: #5f5f60;} .product-review-separator {color: #d4d4d4;} .product-review-new {color: #0321da;} .product-review a {margin: 0 15px 0 15px;} .product-review a:hover {text-decoration: underline;} .product-customize-share {margin: 12px 0 12px; } .product-customize.jersey-customize {margin: 0; font-family: "Bebas Neue"; text-align: center; width: 130px; height: 40px; font-size: 2.4em; padding: 8px; border-radius: 5px;} .product-share {margin: 0 0 0 10px;} .product-share a {display: inline-block; height: 40px; width: 40px; margin: 0 2px; text-align: center; line-height: 40px; background-image: url('../media/img/pages/product-sm-icons.png'); background-repeat: no-repeat;} .ps-fb {background-position: 0 0;} .ps-tw {background-position: -40px 0;} .ps-pn {background-position: -80px 0;} .ps-gp {background-position: -120px 0;} .ps-ml {background-position: -160px 0;} .product-tabs-hidden {display: none;} .product-tabs {border-bottom: 1px solid #d1e1ff; height: 30px;} .product-tabs li {display: inline-block; font-size: 1.2em; cursor: pointer; color: #0321da; height: 30px; padding: 8px 11px; border: 1px solid #d1e1ff; border-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .product-tabs li.product-tabs-active {border-bottom-color: #fff;} .product-text {font-size: 1.4em; color: #545453; } .product-tabs-content-wrapper {/*min-height: 150px;*/ padding: 15px 5px; border-bottom: 1px solid #e1e1e1;} .product-tabs-content {display: none; } .product-tabs-content-active {display: block;} .product-tabs-block {border: 1px solid #ddd; margin: 0 0 10px; border-radius: 3px;} .product-tabs-block select {width: 100%; margin: 0 auto; text-align: center; display: block; border-radius: 2px; font-size: 1.4em; border: 1px solid #a9a9a9; background: #fff;} .product-tabs-block select:focus, .product-tabs-block input:focus {border-color: #83a2b6;} .product-tabs-block label {margin: 0 8px 0 0;} .product-tabs-block input {border: 1px solid #a9a9a9; padding: 4px;} .product-tabs-block textarea {border: 1px solid #a9a9a9; padding: 4px; margin: 5px 0 0; width: 100%; height: 4em;} .product-tabs-input {font-size: 1.2em; margin: 8px 0;} .product-tabs-input-border {padding: 0 0 15px 0; border-bottom: 1px solid #bbb;} .product-tabs-block-top {border-radius: 3px;} .product-tabs-block-number {background: #444; color: #fff; text-align: center; height: 31px; line-height: 31px; width: 10%; font-size: 1.6em; border-top-left-radius: 2px; border-bottom-left-radius: 2px;} .product-tabs-block-title {padding: 0 0 0 10px; width: 90%; height: 31px; line-height: 31px; font-size: 1.2em; background: rgb(234, 234, 234); background: -moz-linear-gradient(270deg, rgb(234, 234, 234) 0%, rgb(255, 255, 255) 60%); background: -webkit-linear-gradient(270deg, rgb(234, 234, 234) 0%, rgb(255, 255, 255) 60%); background: -o-linear-gradient(270deg, rgb(234, 234, 234) 0%, rgb(255, 255, 255) 60%); background: -ms-linear-gradient(270deg, rgb(234, 234, 234) 0%, rgb(255, 255, 255) 60%); background: linear-gradient(0deg, rgb(234, 234, 234) 0%, rgb(255, 255, 255) 60%);} .product-tabs-block-bottom {border-radius: 3px; padding: 10px;} select.product-main-select {margin: 0 auto 15px;} .product-contact-type-button-wrapper {margin: 0 0 20px;} .product-contact-type-button {cursor: pointer; width: 140px; height: 20px; line-height: 20px; text-align: center; font-size: 1.2em; display: block; border: 1px solid #adad89; color: #0321da; background: rgb(195, 195, 168); background: -moz-linear-gradient(270deg, rgb(195, 195, 168) 0%, rgb(252, 252, 240) 60%); background: -webkit-linear-gradient(270deg, rgb(195, 195, 168) 0%, rgb(252, 252, 240) 60%); background: -o-linear-gradient(270deg, rgb(195, 195, 168) 0%, rgb(252, 252, 240) 60%); background: -ms-linear-gradient(270deg, rgb(195, 195, 168) 0%, rgb(252, 252, 240) 60%); background: linear-gradient(0deg, rgb(195, 195, 168) 0%, rgb(252, 252, 240) 60%);} .product-contact-input {display: none;} .product-contact-input-active {display: block;} .did-you-know {color: #e37000; /*color: #eb8d18;*/ font-size: 1.4em; font-weight: bold; margin: 5px 0;} .did-you-know-text {font-size: 1.2em;} .your-number {margin: 20px 0;} .your-number-ac {font-size: 1.2em;} .your-number input {width: 40px;} .your-number-select select {width: 100px; display: inline-block;} .your-number-select .product-submit {margin: 0 0 0 10px;} input.product-submit {cursor: pointer; margin: 10px 0 0; border-radius: 5px; color: #4f005f; border: 1px solid #4966a2; padding: 5px 20px; background: rgba(252,234,187,1); background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(255,199,65,1) 60%, rgba(249,183,8,1) 94%, rgba(248,181,0,1) 99%, rgba(251,223,147,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,234,187,1)), color-stop(60%, rgba(255,199,65,1)), color-stop(94%, rgba(249,183,8,1)), color-stop(99%, rgba(248,181,0,1)), color-stop(100%, rgba(251,223,147,1))); background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(255,199,65,1) 60%, rgba(249,183,8,1) 94%, rgba(248,181,0,1) 99%, rgba(251,223,147,1) 100%); background: -o-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(255,199,65,1) 60%, rgba(249,183,8,1) 94%, rgba(248,181,0,1) 99%, rgba(251,223,147,1) 100%); background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(255,199,65,1) 60%, rgba(249,183,8,1) 94%, rgba(248,181,0,1) 99%, rgba(251,223,147,1) 100%); background: linear-gradient(to bottom, rgba(252,234,187,1) 0%, rgba(255,199,65,1) 60%, rgba(249,183,8,1) 94%, rgba(248,181,0,1) 99%, rgba(251,223,147,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 );} .product-input-ext {position: relative;} .product-input-ext input {background-color: #eaf4fe;} .product-input-ext::before {content: "Ext."; position: absolute; display: block; top:-18px; left: 2px;} .product-options, .product-help-options {display: none;} .product-options-active {display: block;} .product-tabs-success {font-size: 1.4em; text-align: center; color: #0321da; margin: 20px 0;} .product-tabs-fail, .product-tabs-validate {font-size: 1.4em; text-align: center; color: red; margin: 20px 0;} .product-tabs-validate {margin: 0 0 10px 0;} .product-logos-title, .product-color-title {font-size: 1.8em; color: #545453; text-align: center;} .product-logos-title {margin: 8px 0 24px;} .product-logos-wrapper {width: 334px; height: 85px; margin: 24px auto; position: relative;} .product-logos-arrow-left, .product-logos-arrow-right {cursor: pointer; width: 14px; height: 16px; top: 34px; background: url("../media/img/pages/logo-arrow.png") no-repeat center center; position: absolute; z-index: 2;} .product-logos-arrow-left {left: 0;} .product-logos-arrow-right {right: 0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";} .product-logos-slider {overflow: hidden; height: 100%; width:300px; margin: 0 auto;} .product-logos-insert {width: 100%; position: relative; left: 0; transition: left 400ms ease;} .product-logo-img {width: 100px; height: 85px; background: #e2e0e6; border: 1px solid #e2e0e6; cursor: pointer; overflow: hidden;} .product-logo-img:hover {border: 1px solid #0321da} .product-logo-img img {width: 100px; height: 85px; transform: scale(2); position: relative; top: 10px;} .product-mascot-wrapper {font-size: 1.6em; text-align: center; margin: 10px 0;} .change-logo-fonts-wrapper {font-size: 1.4em; text-align: center; margin: 10px 0;} .product-mascot-wrapper .change-mascot, .toolbar-mascot-wrapper .change-mascot {margin-left: 0; padding: 10px 15px; border-radius: 3px;} .product-change-mascot-button {padding: 10px;} .change-fonts {display: block; width: 130px; height: 25px; background: #fff; border: 1px solid #e3e9ef;} .change-logo-button-wrapper {display: block; margin: 0 5px;} .change-logo-button {width: 25px; height: 25px;} .change-logo-font {line-height: 25px;} .change-number-error {border: 1px solid red;} .product-submit.product-customize.jersey-customize {width: 100%; margin: 24px 0;} /*Pictures*/ .product-page-product-pictures-wrapper {float:right; margin: 0 10px; max-width:400px;} .product-pictures-wrapper {position: relative;} .product-pictures-slider {width: 300px; height: 120px; margin: 0 auto; border: 1px solid #e3e9ef; overflow: hidden;} .product-pictures-container {width: 300px; position: relative; left: 0; transition: left 100ms ease-in-out;} .product-pictures {max-height: 120px; margin: 0 10px; cursor: pointer;} .picture-slider-arrow {position: absolute; height: 100%; top: 0; padding: 50px 0 0; opacity: .5; transition: opacity 400ms ease;} .picture-slider-arrow:hover {opacity: 1;} .picture-slider-arrow-left {left: 0; transform: rotateY(180deg);} .picture-slider-arrow-right {right: 0;} .picture-slider-arrow img {float: right;} .pictures-none {display: none; text-align: center; margin: 50px 0 0; color: #999; font-size: 16px; width: 300px;} .pictures-add-wrapper {display: none; text-align: center; margin: 5px 0; font-size: 14px;} .picutes-add, .pictures-add:visited {color: #0321da;} .pictures-add:hover {text-decoration: underline;} .picture-wrapper {display: none; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%;} .picture-modal {position: relative; margin: 50px auto; max-width: 820px; background: #fff; min-height: 560px;} .picture-close-icon {position: absolute; top: 0; right: 0; cursor: pointer;} .picture-modal-left {width: 65%} .picture-modal-right {width: 35%; } .picture-image-info {height: 65px; margin: 10px 0 10px 25px;} .picture-image-title {font-size: 3em;} .picture-image-description {font-size: 1.3em; font-family: sans-serif;} .picture-image-wrapper {margin: 10px 5px 20px 25px; position: relative;} .picture-image { width: 100%; height: auto;} .picture-arrow {position: absolute; height: 100%; top: 0; width: 80px; opacity: .5; transition: opacity 400ms ease;} .picture-arrow:hover {opacity: 1;} .picture-arrow img {padding: 150px 0 0; float: right;} .picture-arrow-left {left: -20px; transform: rotateY(180deg);} .picture-arrow-right {right: -20px;} .picture-modal .product-customize-share {margin: 32px 0 12px;} .picture-modal .product-share {margin: 0 auto; width: 232px; border-bottom: 1px solid #999; padding: 0 0 10px;} .picture-modal .product-submit.product-customize.jersey-customize {width: 232px; margin: 0 auto;} .picture-jersey-wrapper {text-align: center; margin: 25px 0;} .picture-jersey {width: 250px; height: 286px;} .product-picture-message {text-align: center; font-size: 2em; margin: 40px 0;} .back-to-product, .back-to-product:visited {display: block; text-align: center; color: #0321da; font-size: 1.6em; margin: 40px 0;} .back-to-product:hover {text-decoration: underline;} /*-------------------------------------------------------------- 3.27 Blog/Showroom --------------------------------------------------------------*/ .blog {font-family: sans-serif;} .entry-title {font-family: "Bebas Neue", sans-serif;} /*-------------------------------------------------------------- 3.28 Privacy Policy --------------------------------------------------------------*/ .privacy-policy-section {padding: 20px 40px 40px; font-family: sans-serif;} .privacy-policy-title {font-size: 2.4em; font-weight: bold;} .privacy-policy-content {font-size: 1.4em; line-height: 1.6em; padding: 10px; margin: 10px 0;} /*-------------------------------------------------------------- 3.29 Site Map --------------------------------------------------------------*/ .site-map-section {} .site-map-links-wrapper {margin: 40px 100px;} .site-map-header {font-size: 2.6em; margin: 10px 0; font-family: "Bebas Neue", sans-serif;} .site-map-sport {font-size: 2em; margin: 10px 2px 2px; font-family: "Bebas Neue", sans-serif;} .site-map-links {margin: 40px 0;} .site-map-pages {} .site-map-link {display: block; margin: 2px; font-size: 1.8em; font-family: sans-serif;} .site-map-alpha {display: inline-block; margin: 10px 5px; font-size: 2.4em; padding: 3px;} /*-------------------------------------------------------------- 3.30 Admin --------------------------------------------------------------*/ .admin-section {min-height: 500px;} .login-form-wrapper {width: 300px; margin: 40px auto;} .login-form {} .login-form dt {margin: 10px 0 5px;} .login-form dd {margin: 0 0 10px;} .login-form input, .login-form textarea {border: 1px solid #ddd; width: 100%; font-size: 1.8em; padding: 4px; font-family: sans-serif;} .login-form label {font-size: 2em;} .login-form input[type="submit"] {width: inherit; padding: 10px; cursor: pointer;} .login-form-wrapper .errors {font-size: 1.2em; color: red; font-family: sans-serif;} /*Admin Nav*/ .admin-nav {border-bottom: 1px solid #000;} .admin-nav ul {text-align: center;} .admin-nav li {font-size: 1.8em; padding: 10px; display: inline-block;} .admin-nav li a {color: #0321da;} /*Pages*/ .admin-schools-a-z {text-align: center; margin: 40px 0;} .admin-schools-letters {display: inline-block; margin: 10px 5px; font-size: 2.4em; padding: 3px;} .admin-schools-wrapper {margin: 40px 100px;} .admin-schools-link {display: block; margin: 2px; font-size: 1.8em; font-family: sans-serif;} .admin-no-school-error {margin: 40px 0; font-size: 2em; text-align: center; color: red;} .admin-schools-form {margin: 40px 0;} .admin-schools-input {margin: 10px auto; width: 320px;} .admin-schools-input label {display:block; font-size: 2em; color: #0321da;} .admin-schools-input input, .admin-schools-input select {display: block; background: #fff; font-size: 1.6em; font-family: sans-serif; width: 100%; margin: 0 auto; border: 1px solid #ccc; padding: 2px;} .add-school-link {display: block; width: 100px; margin: 20px auto; text-align: center; font-size: 2em; background: #ccc; padding: 5px; border-radius: 3px; color: #0321da;} .add-school-link-long {width: 200px;} .admin-submit-wrapper {margin: 30px auto; width: 320px;} .reset-school-form {font-size: 2em; background: #ccc; margin: 5px; padding: 5px; border-radius: 3px; color: #0321da;} .save-school-form {cursor: pointer; font-size: 2em; background: #ccc; margin: 0 5px; padding: 5px; border-radius: 3px;} .admin-schools-notice {font-size: 2em; color: red; width: 320px; margin: 0 auto;} .admin-schools-note {font-size: 1.4em; width: 320px; margin: 0 auto; font-family: sans-serif;} .admin-school-input-desc {color: red; font-size: 1.4em; font-family: sans-serif;} .available-colors {margin: 40px 0; text-align: center;} .available-colors-title {font-size: 2em;} .available-color {font-family: sans-serif; font-size: 1.6em;} .admin-pre-text {font-family: sans-serif; text-align: center; font-size: 1.4em;} .admin-reviews-wrapper {margin: 10px;} .admin-reviews-title {font-size: 2em; margin: 0 0 0 10px;} .admin-review-column {font-size: 1.4em; width: 55px; border: 1px solid #000; border-right: none; float: left; text-align: center;} .admin-review-column:last-child {border-right: 1px solid #000;} .admin-review-column-content {width: 300px;} .admin-review-row {font-size: 1.2em; width: 55px; overflow: hidden; float: left; text-align: center; height: 2em; line-height: 1.8em; border-bottom: 1px solid #000;} .admin-review-row-content {width: 300px; } .admin-section .admin-review-approve {margin: 0 10px;} .admin-stores-form {margin: 10px auto 40px; width: 300px; text-align: center;} .admin-stores-file {display: block; margin: 10px 0; font-size: 1.4em;} .admin-stores-submit {display: block; width: 100%; margin: 20px 0; cursor: pointer; font-size: 2em; background: #ccc; padding: 5px; border-radius: 3px; color: #0321da;} .admin-stores-message {text-align: center; font-size: 2em; margin: 20px 0;} .admin-stores-link {text-align: center; font-size: 2em; margin: 20px 0; color: #0321da;} .admin-stores-note {width: 300px; margin: 40px auto 10px; font-size: 1.6em; line-height: 1.5em; } .pictures-style-title {text-align: center; font-size: 3em; margin: 40px 0;} .picture-edit-row {margin: 20px 0; font-size: 1.6em; font-family: sans-serif; border-bottom: 1px solid #888;} .picture-edit-row a, .picture-edit-row span {display: inline-block; width: 200px; margin: 0 10px;} .picture-edit-row span {width: 200px;} .picture-edit-row a {width: 60px; } .admin-pictures-message {text-align: center; font-size: 2.2em;} .admin-picture-form {max-width: 500px; width: 100%; margin: 20px auto; font-family: sans-serif;} .admin-picture-picture {width: 503px; margin: 20px auto;} .admin-picture-picture-img {width: 100%; height: auto;} .admin-picture-form label {display: block; font-size: 1.6em; margin: 20px 0 0;} .admin-picture-form label span {font-size: .8em;} .admin-picture-form input, .admin-picture-form select {display: block; width: 100%; font-size: 1.4em; background: #fff; border: 1px solid #999; margin: 0 0 20px; padding: 5px;} .admin-picture-form input[type="file"] {border: none;} .admin-picture-form input[type="submit"] {width: 200px; margin: 20px auto; background: #ccc; cursor: pointer; border-radius: 10px; transition: all 200ms ease;} .admin-picture-form input[type="submit"]:hover {background: #aaa;} .admin-tracker-form {margin: 20px auto; width: 50%;} .admin-tracker-form p {margin: 20px auto; text-align: center; font-size: 1.6em;} .admin-tracker-form-input {font-size: 16px; width: 50%; float: left; text-align: center;} .admin-tracker-form label {display: block; margin: 15px 0 5px;} .admin-tracker-form input[type="text"] {border: 1px solid #666; } .admin-tracker-form input[type="submit"] {background: #ccc; display: block; margin: 20px auto; font-size: 2.2em; cursor: pointer;} /*-------------------------------------------------------------- 3.31 Error --------------------------------------------------------------*/ .error-search-section {max-width: 467px; width: 100%; margin: 100px auto 20px; position: relative;} .error-school-lookup {display: block; margin: 10px 0 0; text-align: center; font-size: 1.4em; font-family: sans-serif;} .error-logo {margin: 40px 0 116px;} .error-logo img {width: 189px; height: 88px;} /*-------------------------------------------------------------- 3.32 Categories Toolbar --------------------------------------------------------------*/ .categories-toolbar-section {position: relative; max-width: 1024px; width:100%; margin: 0 auto;} .categories-toolbar-button-wrapper {text-align: right;} .categories-toolbar-button {cursor: pointer; display: inline-block; line-height: 15px; font-size: 1.3em; padding: 0 5px; color: #fff; /*background: #dbdbdb;*/ text-align: right; font-family: sans-serif; } .categories-toolbar-image {margin-left: 5px; width: 11px; height: 9px; display: inline-block; background: url('../media/img/pages/categories-toolbar-menu-white.png') top center no-repeat; } .categories-toolbar-button-alt-wrapper .categories-toolbar-button {color: #0321da; } .categories-toolbar-button-alt-wrapper .categories-toolbar-image {background: url('../media/img/pages/categories-toolbar-menu-blue.png') top center no-repeat;} .categories-toolbar-wrapper {position: absolute; right: 0; top: 15px; z-index: 18; background: #dbdbdb; display: none; max-width: 770px; width: 100%;} .categories-toolbar-phone {color: #000; text-align: center; font-size: 1.6em; margin: 27px 100px 27px 0; font-family: sans-serif;} .categories-toolbar-phone a, .categories-toolbar-phone a:visited {color: #000;} .categories-toolbar-top {} .categories-toolbar-menu {float: left; min-height: 190px; width: 33.3%; color: #000; padding: 0 20px 20px; font-family: sans-serif; cursor: pointer;} .categories-toolbar-menu h4 {font-size: 2.2em; padding: 4px; font-weight: bold; border-bottom: 1px solid #888;} .categories-toolbar-menu-item {margin: 5px 0 5px 5px; font-size: 1.6em;} .categories-toolbar-menu a, .categories-toolbar-menu a:visited {color: #000;} .categories-toolbar-menu a:hover {text-decoration: underline;} .categories-toolbar-sub-menu {display: none; margin-left: 2px;} .categories-toolbar-sub-menu li {font-size: 0.8em; } .categories-toolbar-sub-menu.small li {font-size: 0.7em} .categories-toolbar-bottom {border-top: 1px solid #999;} .categories-toolbar-bottom .pp-thumb {margin: 0; width: 250px; padding: 0 0 0 40px;} .categories-toolbar-bottom .product-page-thumbs {margin: 0; padding: 10px 70px; color: #000;} .categories-toolbar-bottom .ppt-delivery {background-size: 30px 33.75px;} .categories-toolbar-bottom .ppt-jersey {background-size: 30px 36.75px;} .categories-toolbar-bottom .ppt-header {font-size: 1.6em;} .categories-toolbar-bottom .ppt-body {font-size: 1.1em;} .categories-toolbar-share {margin: 20px 0 20px 75px;} .categories-toolbar-share-title {display: inline-block; color: #000; text-align: center; font-size: 2em; line-height: 32px; font-family: sans-serif; font-style: italic; vertical-align: top;} /*-------------------------------------------------------------- 3.32b Socks/Gear Dropdown --------------------------------------------------------------*/ .gear-dropdown-button-section {position: relative; z-index: 1;} .gear-dropdown-button-icon {display:inline-block;width: 14px;height: 14px;margin: 0;padding: 0;transform: translate(5px, 2px);background-image: url('../media/img/pages/down-caret.png');background-position: center;background-repeat: no-repeat;background-size: 14px;} .gear-dropdown-button-wrapper {display: none;position: absolute;transform: translate(-15px, 15px);background: #f1f1f1;border: 1px solid #ccc;font-size: 10px;margin: 0;margin: 0;padding: 15px 15px 5px 15px;z-index: 4;} .gear-dropdown-nav-list {margin: 0; padding: 0;} .gear-dropdown-nav-list li {display: block; padding: 10px 5px; font-size: 1.8em; border-top: 1px solid #ccc; border-left: none; border-right: none; border-bottom: none;} .gear-dropdown-nav-list li:first-child {border-top: none;} .gear-dropdown-nav-list a, .gear-dropdown-nav-list a:visited {color: #000;} /*-------------------------------------------------------------- 3.33 White Label --------------------------------------------------------------*/ html {background: #fff;} .white-label-home, .white-label-body .pages-main {background: #fff; padding: 0;} .wl-main-header, .wl-main-footer, .white-label-body .page-border {display: none;} .white-label-body .jersey-social {display: none;} /*-------------------------------------------------------------- 3.34 Color Disclaimer --------------------------------------------------------------*/ .color-disclaimer-section p {max-width: 480px; font-family: sans-serif; font-size: 1.4em; margin: 40px auto; padding: 10px; line-height: 1.4em; text-align: justify;} /*-------------------------------------------------------------- 3.35 Uniform Tracker --------------------------------------------------------------*/ .ut-order-number-form {font-size: 1.6em; margin: 80px auto 30px; text-align: center;} .track-order-number {font-family: sans-serif; width: 200px; border: 1px solid #a4a4a4; border-radius: 3px; padding: 6px; margin: 0 5px;} .track-submit {background-color: #49b9fb; color: #fff; padding: 5px 14px; border-radius: 3px; cursor: pointer; margin: 0 5px; box-shadow: 0 4px 4px 1px #2e89cf;} .track-submit:active {box-shadow: none;} .order-tracker-error {text-align: center; font-size: 2.8em; color: red; margin: 30px auto;} .uniform-tracker-outer-wrapper {background-color: #02609d; margin: 30px auto; border: 1px solid #02609d; color: #fff; width: 1004px;} .uniform-tracker-wrapper {background-color: #2e7cad; border: 2px solid #fff; border-radius: 5px; margin: 15px;} .order-blocks {margin: 25px 10px; } .order-block {background-color: #5594bd; width: 200px; height: 200px; padding: 8px; font-weight: bold; overflow: hidden;} .order-block-middle {margin: 0 10px; width: 485px;} .order-block:last-child {width: 240px;} .order-block-hr {border-color: #fff;} .order-block-title {font-size: 2em; text-transform: uppercase;} .order-block-order, .order-block-dealer {font-size: 2.4em; text-align: center; margin: 5px 0 10px; font-style: italic;} .order-block-dealer {margin-bottom: 0;} .order-block-dealer-title {text-transform: none; font-size: 1.2em; font-weight: normal;} .order-block-team {font-size: 10em; font-style: italic; margin: 15px 0; white-space: nowrap;} .tracker-6em {font-size: 6em; white-space: normal;} .tracker-7em {font-size: 7em;} .tracker-9em {font-size: 9em;} .order-block-sport {font-size: 4em;} .order-block-pieces {font-size: 4em; font-style: italic; margin: 10px 0;} .order-block-date {font-size: 1.4em;} .order-tracker-wrapper {margin: 50px 25px;} .bar-row {text-align: center;} .title-bar, .highlight-bar, .progress-bar {display: inline-block; margin: 2px 9px;} .title-bar {white-space: nowrap; text-transform: uppercase;} .tracker-bar-1 {width: 90px;} .tracker-bar-2, .tracker-bar-3, .tracker-bar-6 {width: 95px;} .tracker-bar-4, .tracker-bar-5 {width: 201px;} .tracker-bar-7 {width: 210px;} .tracker-bar-1.progress-bar img {width: 133px;} .tracker-bar-2.progress-bar img, .tracker-bar-3.progress-bar img, .tracker-bar-6.progress-bar img {width: 140px;} .tracker-bar-4.progress-bar img, .tracker-bar-5.progress-bar img {width: 245px;} .tracker-bar-7.progress-bar img {width: 209px;} .title-bar:brefore {border-top: 8px solid transparent;} .title-bar:after {border-top: 8px solid transparent;} .highlight-bar {position: relative; height: 8px; background-color: #d1dee7;} .highlight-bar:after {top: 0; right: -4px; content: ""; position: absolute; width: 0; height: 0; border-top: 8px solid #d1dee7; border-right: 4px solid transparent;} .highlight-bar:before {top: 0; left: -4px; content: ""; position: absolute; width: 0; height: 0; border-bottom: 8px solid #d1dee7; border-left: 4px solid transparent;} .highlight-bar-highlighted {box-shadow: 0 0 10px 3px #fff; background-color: #49fc1d;} .highlight-bar-highlighted:after {border-top: 8px solid #49fc1d;} .highlight-bar-highlighted:before {border-bottom: 8px solid #49fc1d;} .tracker-qc {display: none;} .tracker-bar-1.highlight-bar, .tracker-bar-1.title-bar {width: 90px;} .tracker-bar-2.highlight-bar, .tracker-bar-2.title-bar, .tracker-bar-3.highlight-bar, .tracker-bar-3.title-bar, .tracker-bar-6.highlight-bar, .tracker-bar-6.title-bar {width: 65px;} .tracker-bar-4.highlight-bar, .tracker-bar-4.title-bar, .tracker-bar-5.highlight-bar, .tracker-bar-5.title-bar {width: 155px;} .tracker-bar-7.highlight-bar, .tracker-bar-7.title-bar {width: 105px;} .progress-bar {position: relative; height: 70px; margin: 5px -9px;} .progress-bar img {height: 70px;} .order-information {text-align: center; font-family: sans-serif; text-transform: uppercase; margin: 25px 0 10px; text-transform: uppercase;} .order-information-text {font-size: 1.2em; margin: 10px 0;} .order-information-text a {color: #fff; font-size: 1.6rem;} .order-information-text a:hover { text-decoration: underline;} .information-text-large {font-weight: bold; font-size: 1.2em;} .order-information hr {max-width: 600px; } .order-estimated-delivery {font-weight: bolder; font-style: italic;} h5.order-estimated-delivery {font-size: 2em; margin: 25px 0 0;} h4.order-estimated-delivery {font-size: 3.5em; margin: 10px 0;} .order-disclaimer {font-style: italic; font-size: 1em;} /*-------------------------------------------------------------- 4.0 Responsive --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.1 Min Width 1403px (fot team nav bar) --------------------------------------------------------------*/ @media screen and (max-width:1403px) { /*Toolbar*/ .toolbar-modal {display: none; background: rgba(0,0,0,.6); position: absolute; top: 50px; left: 0; z-index: 99; width: 100%; height: 100%;} .toolbar-wrapper {position: static; margin: 40px auto;} .toolbar-menu-wrapper {display: block;} .toolbar-close {display: block;} } /*-------------------------------------------------------------- 4.1 Max Width 1065px (fot team nav bar) --------------------------------------------------------------*/ @media screen and (max-width:1065px) { /*Home*/ .home-header-tool-wrapper {max-width: 1024px; width: 100%; height: 100%; left: 0; position: static;} .home-header-tool, .home-header-video {width: 100%; float: none; margin: 20px auto;} .home-search {margin: 0 auto; position: relative; left: 12px;} .details-image {width: 100%; float: none; margin: 20px auto;} .details-image img {float: none; margin: 0;} .details-text {margin: 20px auto; float: none;} /*Team Nav Bar*/ .team-nav {width: 100%; left: 0;} .team-nav::before, .team-nav::after {display: none;} } /*-------------------------------------------------------------- 4.1 Max Width 1024px --------------------------------------------------------------*/ @media screen and (max-width:1024px) { /*header*/ .header-center {display: none;} /*footer*/ .footer-links {max-width: 500px;} /*Team Page*/ .team-header {padding: 0 0 0 15px;} .team-title {font-size: 3.8em; margin: 10px 0;} /*Product Page Thumbs*/ .pp-thumb {margin: 0 50px;} /*Similar Jerseys*/ .hs-similar {max-width: 660px;} .circle-arrow-left {left: 15px;} .circle-arrow-right {right: 15px;} /*About-Us*/ .about-us-portrait {background-image: none; display: none;} .about-us-stars {margin: 0 auto; float: none;} .about-us-right {width: 100%; float: none;} .about-us-center {width: 600px; margin: 25px auto;} /*Reviews*/ .reviews-total-stats {padding: 30px 0 15px; max-width: 700px;} } /*-------------------------------------------------------------- 4.1 Max Width 1023px --------------------------------------------------------------*/ @media screen and (max-width:1023px) { /*Home*/ .custom-team-jerseys-image {max-width: 930px; width: 100%; height: auto;} /*Team Page*/ .uniforms-sports-category-wrapper {width: 512px;} .uniforms-sports-category:nth-child(n + 3) {margin: 60px 0;} /*Category Pages*/ .category-mascot-wrapper {margin: 0 0 0 10px;} .category-sort-wrapper {margin: 0 10px 0 0;} .category-jersey-wrapper {max-width: 630px;} /*Product Page*/ .product-image {float: none; margin: 0 auto 30px;} .product-description {float: none; margin: 30px auto 0;} /*Uniform Builder*/ .uniform-builder-jersey-colors-wrapper {width: 540px;} /*Sports Pages*/ .sports-walkthrough-video {margin: 0 auto 30px; float: none;} /*Uniform Tracker*/ .uniform-tracker-outer-wrapper {width: 800px;} .order-block {width: 138px;} .order-block:last-child {width: 170px;} .order-block-middle {width: 415px;} .order-block-title {font-size: 1.6em; } .order-block-sport, .order-block-pieces {font-size: 3em;} .order-block-dealer {font-size: 2em;} .progress-bar, .progress-bar img {height: 55px;} .tracker-bar-1 {width: 71px;} .tracker-bar-2, .tracker-bar-3, .tracker-bar-6 {width: 75px;} .tracker-bar-4, .tracker-bar-5 {width: 158px;} .tracker-bar-7 {width: 165px;} .tracker-bar-1.progress-bar img {width: 102px;} .tracker-bar-2.progress-bar img, .tracker-bar-3.progress-bar img, .tracker-bar-6.progress-bar img {width: 108px;} .tracker-bar-4.progress-bar img, .tracker-bar-5.progress-bar img {width: 189px;} .tracker-bar-7.progress-bar img {width: 164px;} .tracker-bar-1.highlight-bar, .tracker-bar-1.title-bar {width: 70px;} .tracker-bar-2.highlight-bar, .tracker-bar-2.title-bar, .tracker-bar-3.highlight-bar, .tracker-bar-3.title-bar, .tracker-bar-6.highlight-bar, .tracker-bar-6.title-bar {width: 50px;} .tracker-bar-4.highlight-bar, .tracker-bar-4.title-bar, .tracker-bar-5.highlight-bar, .tracker-bar-5.title-bar {width: 118px;} .tracker-bar-7.highlight-bar, .tracker-bar-7.title-bar {width: 80px;} } /*-------------------------------------------------------------- 4.1 Max Width 900px --------------------------------------------------------------*/ @media screen and (max-width:900px) { /*Home Page Images*/ .img-create {height: 45px; background-image: url('../media/img/home/Create-Your-Teams-small.png');} .img-custom {height: 119px; background-image: url('../media/img/home/Custom-Uniforms-small.png');} /*Team Page*/ .what-style {font-size: 4em;} /*Category Pages*/ .category-mascot-wrapper {margin: 20px auto; float: none; text-align: center;} .change-mascot-button {margin: 10px auto 0; display: block; text-align: center;} .category-sort-wrapper {margin: 20px auto; float: none; text-align: center;} /*Product*/ .product-change-mascot-button {margin: 0;} .change-mascot {width: 180px;} .your-number-select select {width: 85px;} .change-fonts {width: 110px;} /*Uniform Builder*/ .uniform-builder-jersey-colors-wrapper {width: 400px;} /*About Section*/ .about-section-nav {float: none; margin: 0 auto;} .about-button-active::after {display: none;} .about-section-content {float: none; margin: 20px auto 0;} /*Customer Service*/ .cs-emails a {margin: 10px 0 10px 5px;} /*Reviews*/ .review-block {max-width: 768px; padding: 20px 50px;} .add-review-block {height: 750px;} .review-block-left, .review-block-right {width: 100%; height: 100%; float: none;} .review-content {padding: 0;} .add-comment-block {width: 100%;} /*Catalog*/ .catalog-bg-slider {width: 680px;} .catalog-customize-wrapper {width: 440px;} } /*-------------------------------------------------------------- 4.1 Max Width 840px --------------------------------------------------------------*/ @media screen and (max-width: 840px) { /*Team Page*/ .team-nav-list li {font-size: 1.5em; padding: 16px 10px;} } @media screen and (max-width:820px) { .picture-modal-left, .picture-modal-right {width: 100%; float: none;} .picture-image-wrapper {margin-left: 20px; margin-right: 20px;} .picture-arrow img {padding: 100px 0 0;} } /*-------------------------------------------------------------- 4.1 Max Width 800px --------------------------------------------------------------*/ @media screen and (max-width:800px) { /*Header*/ .header-left {float: none; margin: 0 auto; text-align: center;} .header-right {display: none;} /*Home*/ .details-text-title {text-align: center;} .details-text {width: 96%; margin-left: 2%; margin-right: 2%;} /*Product Page Thumbs*/ .pp-thumb {margin: 0 25px;} /*Similar Jerseys*/ .hs-similar {max-width: 440px;} .circle-arrow-left {left: 15px;} .circle-arrow-right {right: 15px;} /*Sizing Chart*/ .sizing-table-wrapper {max-width: 650px;} /*Uniform Tracker*/ .uniform-tracker-outer-wrapper {width: 480px;} .order-block, .order-block:last-child, .order-block-middle {width: 100%; float: none; margin: 10px 0; min-height: 200px; height: inherit;} .tracker-6em {font-size: 5em; white-space: normal;} .tracker-7em {font-size: 6em;} .tracker-9em {font-size: 8em;} .order-block-sport, .order-block-pieces {font-size: 5em;} .order-block-dealer {font-size: 4em;} .order-tracker-wrapper {margin: 50px 5px;} .progress-bar {margin: 5px -6px;} .progress-bar, .progress-bar img {height: 35px;} .tracker-bar-1 {width: 45px;} .tracker-bar-2, .tracker-bar-3, .tracker-bar-6 {width: 47px;} .tracker-bar-4, .tracker-bar-5 {width: 100px;} .tracker-bar-7 {width: 105px;} .tracker-bar-1.progress-bar img {width: 65px;} .tracker-bar-2.progress-bar img, .tracker-bar-3.progress-bar img, .tracker-bar-6.progress-bar img {width: 69px;} .tracker-bar-4.progress-bar img, .tracker-bar-5.progress-bar img {width: 120px;} .tracker-bar-7.progress-bar img {width: 104px;} .tracker-qc {display: inherit;} .title-bar, .highlight-bar {margin: 2px 7px;} .tracker-bar-1.highlight-bar, .tracker-bar-1.title-bar {width: 38px;} .tracker-bar-2.highlight-bar, .tracker-bar-2.title-bar, .tracker-bar-3.highlight-bar, .tracker-bar-3.title-bar, .tracker-bar-6.highlight-bar, .tracker-bar-6.title-bar {width: 30px;} .tracker-bar-4.highlight-bar, .tracker-bar-4.title-bar, .tracker-bar-5.highlight-bar, .tracker-bar-5.title-bar {width: 65px;} .tracker-bar-7.highlight-bar, .tracker-bar-7.title-bar {width: 50px;} } /*-------------------------------------------------------------- 4.1 Max Width 768px --------------------------------------------------------------*/ @media screen and (max-width:768px) { /*Header*/ .header-left {float: none; margin: 0 auto; text-align: center;} /*Footer*/ .footer-share-wrapper {margin: 5px 0; text-align: center; float: none;} .footer-share-title {display: none;} .footer-links {width: 95%; margin: 0 auto; font-size: 1.5em; float: none; text-align: center;} .footer-links span {float: none; line-height: 1.5em; padding-top: 0;} .footer-links .footer-share-wrapper {display: block;} /*Home*/ .hs-similar-wrapper {height: 400px;} .testimonial-wrapper {margin: 40px 10px 0; font-size: 1.6em;} .testimonial-wrapper-long {margin: 0; font-size: 1.4em;} /*Team Page*/ .what-style {font-size: 3em;} /*Customer Service*/ .cs-wrapper {padding: 15px 5px 35px;} .cs-content {float: none; margin: 20px auto 40px;} .cs-info {padding: 0;} .cs-emails a {margin: 10px 0 10px 5px;} } /*-------------------------------------------------------------- 4.1 Max Width 767px --------------------------------------------------------------*/ @media screen and (max-width:767px) { /*Main Search*/ .home-search-wrapper {left: 0;} /*Home Page Images*/ .img-create {height: 34px; background-image: url('../media/img/home/Create-Your-Teams-smaller.png');} .img-custom {height: 89px; background-image: url('../media/img/home/Custom-Uniforms-smaller.png');} .categories-toolbar-bottom .product-page-thumbs {padding: 4px 0;} .categories-toolbar-bottom .pp-thumb {width: 80%;} .gear-dropdown-bottom .product-page-thumbs {padding: 4px 0;} .gear-dropdown-bottom .pp-thumb {width: 80%;} /*Category Pages*/ .category-jersey-wrapper {max-width: 315px;} /*Store Locator*/ .sl-form-container {position: static; margin-left: auto; margin-right: auto;} .sl-loc-list {position: static; height: 340px; margin: 10px auto;} .sl-map {height: 500px;} } /*-------------------------------------------------------------- 4.1 Max Width 767px --------------------------------------------------------------*/ @media screen and (max-width:767px) { /*Product Page Thumbs*/ .pp-thumb, .categories-toolbar-bottom .pp-thumb {margin: 15px auto; float: none;} .pp-thumb, .gear-dropdown-bottom .pp-thumb {margin: 15px auto; float: none;} /*Reviews*/ .reviews-total-stats {max-width: 320px} .reviews-total-stats-block {float: none; width: 100%;} .review-block {max-width: 480px; padding: 20px 0;} /*Catalog*/ .catalog-bg-slider {width: 460px;} /*Uniform Builder*/ .uniform-builder-jersey-colors-wrapper {width: 300px; float: none; margin: 30px auto;} .uniform-builder .product-page-product-pictures-wrapper {float: none; margin: 30px auto;} } /*-------------------------------------------------------------- 4.1 Max Width 700px --------------------------------------------------------------*/ @media screen and (max-width:720px) { .categories-toolbar-menu {width: 80%; min-height: 0; margin: 10px auto; float: none; display: block; padding: 4px;} .categories-toolbar-sub-menu li {margin: 4px 0;} .categories-toolbar-sub-menu.small li {font-size: 0.8em;} .categories-toolbar-share {margin: 10px auto; float: none;} .categories-toolbar-share-title {margin-left: 10px;} .categories-toolbar-phone {margin: 10px auto; float: none;} .gear-dropdown-menu {width: 80%; min-height: 0; margin: 10px auto; float: none; display: block; padding: 4px;} .gear-dropdown-sub-menu li {margin: 4px 0;} .gear-dropdown-sub-menu.small li {font-size: 0.8em;} .gear-dropdown-share {margin: 10px auto; float: none;} .gear-dropdown-share-title {margin-left: 10px;} .gear-dropdown-phone {margin: 10px auto; float: none;} } /*-------------------------------------------------------------- 4.1 Max Width 650px --------------------------------------------------------------*/ @media screen and (max-width:650px) { /*Team Page*/ .team-nav {height: auto;} .team-nav-list-menu {display: block;} .team-nav-list-wrapper {display: none;} .team-nav-list li {display: block; font-size: 1.8em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-right: 0px; padding-left: 40px;} .team-nav-list li a {display: block;} } /*-------------------------------------------------------------- 4.1 Max Width 633px --------------------------------------------------------------*/ @media screen and (max-width:633px) { /*About Section*/ .about-section-content-child {background-image: none;} .about-section-bg-text {margin: 30px auto 23px; text-align: center;} .about-section-bg-text ul {text-align: left; width: 90%; margin: 0 auto;} .about-extra-box {float: none; margin: 40px auto;} .about-purchase-extra {margin: 50px 0 0;} .about-extra-row {margin: 0;} .about-extra-row-left, .about-extra-row-right {float: none; width: 50%; margin: 20px auto;} .about-extra-row-left a, .about-extra-row-right a {margin: 10px 0 0;} .about-extra-row-right a {text-align: center;} /*About Us*/ .about-us-center {width: 100%;} .about-us-quote {float: none;} p.about-us-center-p {float: none; margin: inherit;} /*Sizing Chart*/ .sizing-table th, .sizing-table td {min-width: 0; padding: 3px 0;} /*Catalog*/ .catalog-customize {margin: 0;} } /*-------------------------------------------------------------- 4.1 Max Width 575px (Find school/create team) Main Search Form --------------------------------------------------------------*/ @media screen and (max-width:575px) { /*Top Images*/ .img-create {margin-top: 30px; height: 25px; background-image: url('../media/img/home/Create-Your-Teams-smallerr.png');} .img-custom {height: 65px; background-image: url('../media/img/home/Custom-Uniforms-smallerr.png');} .img-create img, .img-custom img {width: 320px;} /*Main Search*/ .home-search-wrapper {width: 320px; left: 0;} .main-search.home-search {margin: 0 auto; left: 0;} .main-search, .small-search.main-search {width: 320px;} .main-search::before, .small-search.main-search {background: none;} .search-tab:first-child, .small-search .search-tab:first-child {margin-left: 0;} .search-container, .small-search .search-container {width: 320px; margin-left: 0;} .custom, .small-search .custom {height: 360px;} .search-bar-wrapper, .small-search .search-bar-wrapper {box-shadow: none;} .search-field, .small-search .search-field {left: 0; padding: 0 0 0 10px;} .school-search .search-field, .small-search .school-search .search-field {width: 271px;} .custom-team .search-field, .small-search .custom-team .search-field {width: 320px;} .school .search-button, .small-search .school .search-button {margin-left: 0;} .bottom-shadow, .small-search .bottom-shadow {display: none;} .text-uniform, .small-search .text-uniform {font-size: 1.5em;} .color-titles, .small-search .color-titles {display: none;} .color-palette, .small-search .color-palette {float: none; width: 320px; margin: 10px 0 0;} .alt-c-title, .small-search .alt-c-title {display: block; text-align: center; padding: 5px; margin: 5px 0 0;} .colors, .small-search .colors {margin: 0 auto; width: 305px;} .color-btn, .small-search .color-btn {width: 11px;} .custom-button-wrapper, .small-search .custom-button-wrapper {margin: 15px 0 0;} .custom-button, .small-search .custom-button {float: none; margin: 0 auto; display: block;} .ui-autocomplete {width: 271px !important; max-height: 308px; overflow-y: scroll;} .search-tab-order {display: none} .small-search .search-container.custom {height: 308px;} /*Home*/ .home-header-video .home-header-video-container {width: 100%;} .home-header-video iframe {width: 100%;} /*Team Page*/ .what-style {font-size: 2.6em;} /*Sports Pages*/ .sports-school-search-section {max-width: 320px;} .sports-school-search-wrapper {max-width: left: 0;} /*Similar Jerseys*/ .hs-similar {max-width: 220px;} .circle-arrow-left {left: 5px;} .circle-arrow-right {right: 5px;} /*Schools*/ .school-breadcrumbs {margin-left: 5px;} .find-school {width: 320px; margin-left: 0px;} .school-search-wrapper {width: 315px;} .school-search-field {width: 280px;} .schools-country-tabs {margin-left: 0;} .choose-city {font-size: 2.6em;} } /*-------------------------------------------------------------- 4.1 Max Width 570px --------------------------------------------------------------*/ @media screen and (max-width:570px) { /*Sizing App*/ .sizing-app-slider, .sizing-app-digits {width: 100%; float: none;} .sizing-app-gender-wrapper {width: 160px; margin: 10px auto; padding: 0; float: none;} .sizing-app-units-container {width: 100px; margin: 10px auto; float: none;} .sizing-app-slider-row {width: 415px; margin: 0 auto;} .sizing-app-slider-slide {margin: 0 20px;} .sizing-app-digits {width: 320px; margin: 10px auto;} .sizing-app-digits-box {float: left; margin: 0 30px;} } /*-------------------------------------------------------------- 4.1 Max Width 511px --------------------------------------------------------------*/ @media screen and (max-width:512px) { /*Team Page*/ .uniforms-sports-category-wrapper {width: 256px;} .uniforms-sports-category:first-child {margin: 20px 0 50px;} .uniforms-sports-category:nth-child(n + 2) {margin: 60px 0;} /*Schools*/ .country-tabs {padding: 11px 23px;} /*Footer*/ .footer-phone {display: none;} } /*-------------------------------------------------------------- 4.1 Max Width 480px --------------------------------------------------------------*/ @media screen and (max-width:480px) { /*Team Page*/ .team-header {padding: 0 0 0 3px;} .team-title {font-size: 2.2em; margin: 18px 0 22px;} .what-style {font-size: 2.2em; margin: 15px 0;} /*Toolbar*/ .toolbar-menu-title {display: none; padding: 0;} /*Product Page*/ .product-image-container {height: 366px;} .product-image img {width: 320px; height: 366px;} .product-pictures-slider {width: 280px;} /*About Section*/ .about-extra-row-left, .about-extra-row-right {width: 90%;} /*Customer Service*/ .cs-wrapper {padding: 15px 0px 35px;} /*Reviews*/ .review-stat {margin: 20px 0;} .review-block {max-width: 320px;} /*Catalog*/ .catalog-bg-slider {width: 240px;} .catalog-slider {height: 454px;} .catalog-customize-wrapper {width: 220px;} .catalog-customize-section {float: none;} .catalog-customize-section .change-logo-fonts-wrapper {width: 180px; margin: 10px auto;} .catalog-customize-section .change-logo-font {text-align: center;} /*Site Map*/ .site-map-links-wrapper {margin: 20px;} /*Uniform Tracker*/ .uniform-tracker-outer-wrapper {width: 360px;} .uniform-tracker-scroll-wrapper {overflow-x: inherit;} .order-tracker-wrapper {margin: 50px 5px;} .progress-bar {margin: 5px -4px;} .progress-bar, .progress-bar img {height: 25px;} .tracker-bar-1 {width: 32px;} .tracker-bar-2, .tracker-bar-3, .tracker-bar-6 {width: 33px;} .tracker-bar-4, .tracker-bar-5 {width: 70px;} .tracker-bar-7 {width: 75px;} .tracker-bar-1.progress-bar img {width: 46px;} .tracker-bar-2.progress-bar img, .tracker-bar-3.progress-bar img, .tracker-bar-6.progress-bar img {width: 49px;} .tracker-bar-4.progress-bar img, .tracker-bar-5.progress-bar img {width: 85px;} .tracker-bar-7.progress-bar img {width: 74px;} .tracker-qc {display: inherit;} .title-bar, .highlight-bar {font-size: 0.8em;} .tracker-bar-1.highlight-bar, .tracker-bar-1.title-bar {width: 27px;} .tracker-bar-2.highlight-bar, .tracker-bar-2.title-bar, .tracker-bar-3.highlight-bar, .tracker-bar-3.title-bar, .tracker-bar-6.highlight-bar, .tracker-bar-6.title-bar {width: 19px;} .tracker-bar-4.highlight-bar, .tracker-bar-4.title-bar, .tracker-bar-5.highlight-bar, .tracker-bar-5.title-bar {width: 42px;} .tracker-bar-7.highlight-bar, .tracker-bar-7.title-bar {width: 30px;} } /*-------------------------------------------------------------- 4.1 Max Width 419px --------------------------------------------------------------*/ @media screen and (max-width:419px) { /*Home Page Images*/ .img-create {height: 19px; background-image: url('../media/img/home/Create-Your-Teams-smallest.png');} .img-custom {height: 50px; background-image: url('../media/img/home/Custom-Uniforms-smallest.png');} /*Team Page*/ .what-style {font-size: 1.8em;} /*Toolbar*/ .toolbar-menu-sub-title {display: none;} /*Sizing Chart*/ .sizing-table th, .sizing-table td {font-size: 1em;} /*Schools*/ .country-tabs {padding: 11px 13px;} /*Catalog*/ .catalog-customize {display: block; margin: 20px auto;} /*Sizing App*/ .sizing-app-slider-wrapper {padding: 0;} .sizing-app-slider-row {height: auto; width: 100%; margin: 20px auto;} .sizing-app-slider-slide {margin: 10px auto; display: block;} .sizing-app-slider-text {display: block; margin: 10px auto;} .sizing-app-slider-circle {top: -8px;} .sizing-app-slider-slide:before {top: initial;} /*Uniform Tracker*/ .uniform-tracker-outer-wrapper {box-sizing: border-box;} .uniform-tracker-scroll-wrapper {overflow-x: scroll;} } /*-------------------------------------------------------------- 5.0 Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Background Colors --------------------------------------------------------------*/ .red {background-color: rgb(166, 3, 3);} .cardinal {background-color: rgb(89, 2, 2);} .maroon {background-color: rgb(46, 0, 2);} .pink {background-color: rgb(255, 182, 229);} .orange {background-color: rgb(255, 138, 0);} .burnt-orange {background-color: rgb(191, 107, 4);} .royal {background-color: rgb(11, 66, 255);} .columbia {background-color: rgb(103, 167, 255);} .navy {background-color: rgb(5, 20, 125);} .purple {background-color: rgb(77, 34, 145);} .maze-yellow {background-color: rgb(255, 255, 0);} .athletic-gold {background-color: rgb(232, 207, 6);} .kelly-green {background-color: rgb(32, 191, 0);} .dark-green {background-color: rgb(13, 77, 0);} .teal {background-color: rgb(8, 188, 189);} .cream {background-color: rgb(255, 241, 209);} .vegas-gold {background-color: rgb(197, 179, 88);} .brown {background-color: rgb(94, 68, 39);} .gray {background-color: rgb(203, 203, 203);} .charcoal {background-color: rgb(74, 74, 74);} .black {background-color: rgb(10, 10, 10);} .white {background-color: rgb(255, 255, 255);} /*-------------------------------------------------------------- 5.2 Font Colors --------------------------------------------------------------*/ .red-font {color: rgb(166, 3, 3);} .cardinal-font {color: rgb(89, 2, 2);} .maroon-font {color: rgb(46, 0, 2);} .pink-font {color: rgb(255, 182, 229);} .orange-font {color: rgb(255, 138, 0);} .burnt-orange-font {color: rgb(191, 107, 4);} .royal-font {color: rgb(11, 66, 255);} .columbia-font {color: rgb(103, 167, 255);} .navy-font {color: rgb(5, 20, 125);} .purple-font {color: rgb(77, 34, 145);} .maze-yellow-font {color: rgb(255, 255, 0);} .athletic-gold-font {color: rgb(232, 207, 6);} .kelly-green-font {color: rgb(32, 191, 0);} .dark-green-font {color: rgb(13, 77, 0);} .teal-font {color: rgb(8, 188, 189);} .cream-font {color: rgb(255, 241, 209);} .vegas-gold-font {color: rgb(197, 179, 88);} .brown-font {color: rgb(94, 68, 39);} .gray-font {color: rgb(203, 203, 203);} .charcoal-font {color: rgb(74, 74, 74);} .black-font {color: rgb(10, 10, 10);} .white-font {color: rgb(255, 255, 255);} /*-------------------------------------------------------------- 5.3 Border Colors --------------------------------------------------------------*/ .red-border {border-color: rgb(166, 3, 3);} .cardinal-border {border-color: rgb(89, 2, 2);} .maroon-border {border-color: rgb(46, 0, 2);} .pink-border {border-color: rgb(255, 182, 229);} .orange-border {border-color: rgb(255, 138, 0);} .burnt-orange-border {border-color: rgb(191, 107, 4);} .royal-border {border-color: rgb(11, 66, 255);} .columbia-border {border-color: rgb(103, 167, 255);} .navy-border {border-color: rgb(5, 20, 125);} .purple-border {border-color: rgb(77, 34, 145);} .maze-yellow-border {border-color: rgb(255, 255, 0);} .athletic-gold-border {border-color: rgb(232, 207, 6);} .kelly-green-border {border-color: rgb(32, 191, 0);} .dark-green-border {border-color: rgb(13, 77, 0);} .teal-border {border-color: rgb(8, 188, 189);} .cream-border {border-color: rgb(255, 241, 209);} .vegas-gold-border {border-color: rgb(197, 179, 88);} .brown-border {border-color: rgb(94, 68, 39);} .gray-border {border-color: rgb(203, 203, 203);} .charcoal-border {border-color: rgb(74, 74, 74);} .black-border {border-color: rgb(10, 10, 10);} .white-border {border-color: rgb(255, 255, 255);} .inc-5000 {float:left; height:100px; padding-left:10px; padding-top:10px;}