/* Theme Name: eastside Author: Sharp Hue */ /*Basics*/ html, body, .wrapper { min-width:1200px; } .container { width:1200px; } html { background:#fff; } body { background:#fff; font-family: 'Open Sans', sans-serif; } h1,h2,h3,h4,h5,h6 { color:#0d4374; font-size:20px; font-weight:normal; } p, label, ul, ol, input, textarea { color:#444; font-size:14px; line-height:20px; } a { color:#0155a4; } a:hover { text-decoration:none; } em { font-style:italic; } strong { font-weight:bold; } img { max-width:100%; height:auto !important; } .hide { display:none; } .pull-right { float:right; } /*Fonts*/ h1,h2,h3,h4,h5,h6, .exo, #conversion a.box, #header .btn.quote, #upcoming .bottom .title, #needs .box input[type="submit"] { font-family: 'Source Sans Pro', sans-serif; } /*Wrappers*/ .wrapper.header { z-index:9; background:#fff; } .wrapper.nav { z-index:10; background:#0155a4; } .wrapper.promo { z-index:7; background:#000; } .wrapper.conversion { z-index:7; background:#333; } .wrapper.results { z-index:7; background:#ecf1f6; } .wrapper.upcoming { z-index:7; background:#ecf1f6; padding:40px 0; } .wrapper.intro { z-index:7; background:#fff; padding:40px 0; } .wrapper.content { z-index:7; background:#fff; } .wrapper.footer { z-index:7; background:#333; } /* Live Result Banner */ .live-race-result-banner { } .live-race-result-banner a { padding: 20px; background: #0155a4; color:#fff; font-weight:bold; font-size:14px; line-height:16px; display:block; text-align: center; text-decoration:none; } .live-race-result-banner .btn { display:inline-block; padding:5px 10px; border-radius:3px; color:#333; background:#fff; } /*Header*/ #header { position:relative; height:100px; } #header .logo { position:absolute; left:0px; top:15px; } #header .phone { position:absolute; right:0px; top:0px; } #header .phone p { font-size:15px; color:#ccc; line-height:25px; text-align:right; } #header .phone p a { color:#ccc; text-decoration:none; } #header .social { position:absolute; right:250px; top:35px; } #header .social p { text-align: right; padding:0; } #header .social p a { display:inline-block; width:31px; height:31px; background:url(images/structure/social.png) no-repeat 0px 0px; margin-left:10px; } #header .social .facebook { background-position:0px 0px; } #header .social .twitter { background-position:-51px 0px; } #header .social .linkedin { background-position:-101px 0px; } #header .social p a:hover { opacity:0.8; } #header .like { position:absolute; right:380px; top:25px; line-height:31px;} #header .btn.quote { position:absolute; top:30px; right:0; } #header .btn.quote a { display:inline-block; width:225px; height:36px; line-height:36px; font-weight:700; background:#0d4374; color:#fff; text-align:center; text-decoration:none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #header .btn.quote a:hover { background:#0155a4; } #header .login { position:absolute; top:80px; right:0; text-align:right; } #header .login a { display:inline-block; color:#31709e; background:url(images/structure/login-arrow.png) no-repeat right center; padding-right:20px;} /*Nav*/ #nav { position:relative; } #nav nav > ul { display:table; width:100%; list-style:none; } #nav ul > li { float:none; display:table-cell; margin:0px; } #nav ul > li.hide { display:none; } #nav ul li > a { display:block; height:40px; padding:0 12px; line-height:40px; font-size:15px; font-weight:600; color:#fff; text-transform:uppercase; text-decoration:none; } #nav ul li:hover > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a { background:#0155a4; } #nav ul li.menu-item-has-children > a { padding-left:50px; background:url(images/structure/drop.png) no-repeat 25px center; } #nav ul li.events > a { padding-left:50px; background:#0155a4 url(images/structure/erc-nav.png) no-repeat 25px center; } #nav ul li.home { } #nav ul li.home > a { width:90px; background:url(images/structure/home.png) no-repeat 30px center; border-right:1px solid #0d4374; padding:0 0 0 0; text-indent:-9999px; } #nav ul li.home:hover > a { opacity:0.9; } /*Sub Nav*/ #nav ul li .sub { position:relative; } #nav ul ul { display:none; position:absolute; left:0px; top:0px; min-width:200px; height:auto; background:#0155a4; } #nav ul li:last-child ul { left:auto; right:0; } #nav ul li:hover ul { display:block; } #nav ul li ul li { float:none; display:block; margin:0; padding:0; } #nav ul li ul li a { display:block; height:auto; padding:0 15px; line-height:25px; font-size:11px; font-weight:400; color:#fff; text-transform:uppercase; text-decoration:none; white-space:nowrap; } #nav ul li ul li:hover a { background:#0155a4; } #nav ul li ul li ul { display:none; } /*Side Nav*/ #sidenav .spacing { padding:50px 40px 40px 0; } #sidenav ul { list-style:none; } #sidenav ul li { border-top:1px solid #ccc; } #sidenav ul li:first-child { border:none; } #sidenav ul li a { display:block; padding:15px 0; line-height:18px; color:#666; font-size:13px; text-decoration:none; text-transform:uppercase; } #sidenav ul li:hover a { color:#000; } #sidenav ul li.current-menu-item a, #sidenav ul li.current-menu-parent a { color:#0155a4; font-weight:600; } #sidenav ul li ul { display:none; } /*Promo*/ #promo { position:relative; } #promo .wrapper.promo { z-index: 2; height:370px;} #promo .wrapper.page { z-index: 5; } #promo .message { position:absolute; left:0; top:80px; width:70%; } #promo .message h2 { color:#444; display:inline-block; font-size:42px; font-weight:300; line-height:58px; padding:0 15px; background:#fef5d4; background:rgba(254, 245, 212, 0.82); text-transform: uppercase; margin-bottom:25px; } #promo .message p { } #promo .message .btn { text-align:left; } #promo .message .btn a { display:inline-block; height:40px; line-height:40px; padding:5px 60px; color:#fff; text-decoration: none; font-size:24px; font-weight:bold; text-transform: uppercase; background:url(images/structure/promo-arrow.png) no-repeat 95% center;background-color:rgba(0,0,0,.4); border-top:3px solid #fff; border-bottom:3px solid #fff; } #promo .message .btn a:hover { opacity:0.85; } #promo .event { position:absolute; right:0; top:80px; width:30%; } #promo .event .image { background:#fff; text-align:center; padding:15px; } #promo .event .image img { max-height:120px; } #promo .event .date { background:#0d4374; text-align:center; padding:19px 0; color:#fff; font-size:18px; font-weight:bold; } /*Slider*/ #promo .slider .slide { display:none; height:370px; } #promo .slider .slide:first-child { display:block; } #promo .pager { position:absolute; bottom:30px; left:0; right:0; z-index:1; text-align:left; } #promo .pager a { display:inline-block; width:10px; height:10px; margin:0 25px 0 0; background:transparent; border:3px solid #333; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } #promo .pager a.active { background-color:#fff; } #promo .prev, #promo .next { z-index:1; position:absolute; left:30px; top:50%; width:30px; height:30px; margin-top:-15px; background-color:#999; cursor:pointer; -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; } #promo .next { left:auto; right:30px; } #promo .prev:hover, #promo .next:hover { background-color:#fff; } /*Conversion*/ #conversion .spacing { padding:15px 0;} #conversion a.box { display:table-cell; vertical-align:middle; height:90px; font-size:19px; font-weight:700; text-decoration: none; color:#fff; text-transform: uppercase; } #conversion a.box:hover { opacity:1; color:#FED67E;} #conversion a.box .padding { padding:0 10px 0 115px;} #conversion .v1 a.box { background:url(images/conversion1.png) no-repeat 27px center; } #conversion .v2 a.box { background:url(images/conversion2.png) no-repeat 27px center; } #conversion .v3 a.box { background:url(images/conversion3.png) no-repeat 27px center; } #conversion .v4 a.box { border-left:1px solid #fff; background:url(images/conversion4.png) no-repeat 27px center; } /*Latest Results*/ .wrapper.results .background { background:#ecf1f6; width:1200px; margin:0 auto;} #results .spacing { padding:30px 0; } #results .holder { background:#fff; } #results h2 { color:#0155a4; font-size:30px; font-weight:600; line-height:40px; margin-bottom:20px; text-transform: uppercase; } #results p { margin-bottom:10px; } #results a { display:inline-block; font-style:italic; font-size:12px; padding-right:10px; margin-right:10px; background:url(images/structure/blue-arrow.png) no-repeat right center; } #results .holder { background:#fff; } #results .padding { padding:25px 70px 0px 25px; } #results table { border-left:1px solid #ecf1f6; height:100%; width:100%; } #results table th { background:#333; color:#fff; height:40px; text-align:left; padding-left:15px; } #results table td { padding:4px 4px 4px 15px; font-size:12px; line-height:25px; border-bottom:1px solid #ecf1f6; } #results table tr { border-bottom:1px solid #ecf1f6; } #results table tr:last-child { border-bottom:none; } /*Upcoming*/ #upcoming .spacing { padding:40px 0 0px 0;} #upcoming .padding { padding:0 5px; } #upcoming .rel { position:realative; } #upcoming .slide { height:256px;} #upcoming h2 { font-size:30px; font-weight:700; color:#0155a4; margin-bottom:30px; text-transform: uppercase; } #upcoming a { display:block; text-decoration: none;} #upcoming a:hover { opacity:0.85; } #upcoming .btn { position:absolute; top:40px; right:0; } #upcoming .btn a { color:#fff; height:30px; line-height:30px; padding:0 40px 0 20px; background:#0155a4 url(images/structure/blue-btn-arrow.png) no-repeat 85% center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #upcoming .image { display:block; margin:0 auto; position:relative; border:1px solid #ddd; background-color:#fff !important; width:220px; height:200px; max-width:100%; margin-bottom:10px; } #upcoming .image img { max-width:100%; width:100%; } #upcoming .image .date { display:table-cell; vertical-align:middle; position:absolute; left:0; bottom:0; background:#333; width:45px; height:40px; padding-top:5px; } #upcoming .image .date span { display:block; color:#fff; text-align:center;} #upcoming .image .date .month { font-size:12px; line-height:14px;text-transform: uppercase; } #upcoming .image .date .day { font-size:24px; line-height:24px; font-weight:700;} #upcoming .bottom .title { font-size:16px; font-weight:700; color:#0155a4; margin-bottom:10px; text-align:center; } #upcoming .bottom .location { font-size:12px; font-style:italic; color:#0155a4; } #upcoming .prev, #upcoming .next { z-index:1; position:absolute; left:-50px; top:50%; width:32px; height:180px; margin-top: -70px; cursor:pointer; } #upcoming .next { left:auto; right:-50px; background-position: right center; } #upcoming .prev:before, #upcoming .next:before { content:""; display:block; position:absolute; left:50%; top:50%; margin:-10px 0 0 -5px; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 25px solid #0155a4; } #upcoming .prev:before { border-left:none; border-right:25px solid #0155a4; } /*Landing Page Upcoming Events*/ #upcoming.erc-events .event { display:table; position:relative; border:1px solid #ddd; margin-bottom:20px; height:372px; width:300px; margin-right:5px;} #upcoming.erc-events .image { display:block; position:relative; border:none;text-align:center; width:100%; height:120px; padding:5px; text-align:center; max-width:100%; margin:0 20px 0 0; vertical-align:top; box-sizing:border-box; } #upcoming.erc-events .image img { max-height:120px; vertical-align:middle; margin-bottom:5px; } #upcoming.erc-events .date { display:block; vertical-align:middle; position:relative; background:#669759; -moz-border-radius:2px;border-radius:2px; width:100%; height:30px; line-height:30px; color:#fff; font-weight:700; padding-top:5px; margin:0 0 10px 0; text-align:center; } #upcoming.erc-events .date.passed { background:#aaa; } #upcoming.erc-events .date span { display:block; color:#fff; text-align:center;} #upcoming.erc-events .date .month { font-size:12px; line-height:14px;text-transform: uppercase; } #upcoming.erc-events .date .day { font-size:24px; line-height:24px; font-weight:700;} #upcoming.erc-events .body { display:table-cell; padding:20px 20px; } #upcoming.erc-events .body .title { font-size:18px; font-weight:bold; color:#0155a4; margin-bottom:10px; } #upcoming.erc-events .body .location { font-size:12px; font-style:italic; color:#0155a4; margin-bottom:20px; } #upcoming.erc-events .body .btn { position:absolute; top:320px; right:20px; } #upcoming.erc-events .body .btn a { background-position:90% center; } #upcoming.erc-events .body .times { line-height:25px; margin:0; padding:0; } #upcoming.erc-events .body .times span { display:inline-block; width:120px; font-weight:bold; text-transform:uppercase; font-style:italic; color:#444; } /*Upcoming Races*/ #upcoming-races { } #upcoming-races h2 { color:#0155a4; font-size:30px; font-weight:600; line-height:40px; margin-bottom:20px; text-transform: uppercase; } #upcoming-races p { margin-bottom:10px; } #upcoming-races a { display:inline-block; font-style:italic; font-size:12px; padding-right:10px; margin-right:10px; background:url(images/structure/blue-arrow.png) no-repeat right center; } #upcoming-races .holder { background:#fff; } #upcoming-races .padding { padding:25px 70px 0px 25px; } #upcoming-races table { border-left:1px solid #ecf1f6; border-right:1px solid #ecf1f6; height:100%; width:100%; /* min-width:600px; */ } #upcoming-races table th { background:#333; color:#fff; height:40px; text-align:left; padding-left:15px; } #upcoming-races table td { padding:4px 4px 4px 15px; font-size:13px; line-height:25px; border-bottom: 1px solid #ecf1f6; } #upcoming-races table td.date { font-weight:700; width:150px;} #upcoming-races table td.links { width:340px; } #upcoming-races table .alt td { background:#ECF1F6; } #upcoming-races table .alt td.event { background:#f2f5f8;} #upcoming-races table tr { border-bottom:1px solid #ecf1f6; } #upcoming-races table tr:last-child { border-bottom:none; } /*Introduction*/ #introduction .spacing { padding: 30px 0 30px 0; } #introduction h1 { font-size:54px; font-weight:800; font-style:italic; color:#0155a4; border-bottom:1px solid #343434; margin-bottom:20px; padding-bottom:10px; } #introduction h1 i { color:#FED67E; } #introduction h2.tagline { display:block; height:25px; line-height:25px; background:#0155a4; color:#fff; font-size:14px; letter-spacing:5px; padding-left:10px; text-transform:uppercase; margin:-30px 0 20px 0;} #introduction p { font-size:14px; line-height:24px; margin-bottom:20px; } #introduction ul, #introduction ol { margin-left:20px; } /*Needs*/ #needs .spacing { padding: 60px 0 30px 0; } #needs .box { float:right; width:340px; height:auto; background:#0155a4; color:#fff; } #needs .box .inner { padding: 15px 20px 20px 20px; } #needs .box h2 { font-size:32px; color:#fff; line-height:40px; font-weight:600; text-transform: uppercase; margin-bottom:20px; } #needs .box label { display:block; color:#fff; font-size:16px; margin-bottom:15px; } #needs .box label:last-child { margin-bottom:50px; } #needs .box label input { margin-right:20px;} #needs .box input[type="submit"] { border:none; display:block; width:100%; height:40px; line-height:40px; color:#fff; text-transform:uppercase; font-size:21px; font-weight:500; background: #FED67E; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } #needs .box input[type="submit"]:hover { opacity:0.8; } #needs .box ul { list-style:none; padding:25px 0 0 30px;} #needs .box ul li { color:#fff; font-size:20px; margin-bottom:15px; } #needs.landing .box { background:#0155a4 url(images/eastside-racing-sponsors.png) no-repeat center center;) background-size:100%; } /*Home Sponsor*/ #home-sponsors { margin-bottom:40px;} #home-sponsors h2 { text-align:left; border-bottom:1px solid #999; margin-bottom:30px; font-size:40px; line-height:65px; } #home-sponsors .inner { padding:10px; } #home-sponsors .name h2 { font-size:18px; line-height:20px; } #home-sponsors .name h2 a { text-decoration:none; } #home-sponsors .name .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 50px; } #home-sponsors .name .center * { vertical-align: middle; } #home-sponsors .logo img { max-width:200px; max-height:120px; } #home-sponsors .logo .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 120px; } #home-sponsors .logo .center * { vertical-align: middle; } /*Race Results*/ #race-results .spacing { padding:30px 0; } #race-results h2 { color:#0155a4; font-size:30px; font-weight:600; line-height:40px; margin-bottom:20px; text-transform: uppercase; } #race-results p { margin-bottom:10px; } #race-results a { display:inline-block; font-style:italic; font-size:12px; padding-right:10px; margin-right:8px; } #race-results a:after { content:""; display:inline-block; margin-left:4px; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #0155a4; } #race-results .holder { background:#fff; } #race-results .padding { padding:25px 70px 0px 25px; } #race-results table { border-left:1px solid #ecf1f6; border-right:1px solid #ecf1f6; height:100%; width:100%; /* min-width:600px; */ } #race-results table th { background:#333; color:#fff; height:40px; text-align:left; padding-left:15px; } #race-results table td { padding:4px 4px 4px 15px; font-size:12px; line-height:25px; border-bottom: 1px solid #ecf1f6; } #race-results table td.date { font-weight:700; } #race-results table .alt td { background:#ECF1F6; } #race-results table .alt td.event { background:#f2f5f8;} #race-results table tr { border-bottom:1px solid #ecf1f6; } #race-results table tr:last-child { border-bottom:none; } /* Temp Live Results */ #temp-live-results .spacing { padding:30px 0; } #temp-live-results h2 { color:#0155a4; font-size:30px; font-weight:600; line-height:40px; margin-bottom:20px; text-transform: uppercase; } #temp-live-results p { margin-bottom:10px; } #temp-live-results a { display:inline-block; font-style:italic; font-size:12px; padding-right:10px; margin-right:8px; background:url(images/structure/blue-arrow.png) no-repeat right center; } #temp-live-results .holder { background:#fff; } #temp-live-results .padding { padding:25px 70px 0px 25px; } #temp-live-results table { border-left:1px solid #ecf1f6; border-right:1px solid #ecf1f6; height:100%; width:100%; /* min-width:600px; */ } #temp-live-results table th { background:#333; color:#fff; height:40px; text-align:left; padding-left:15px; } #temp-live-results table td { padding:4px 4px 4px 15px; font-size:12px; line-height:25px; border-bottom: 1px solid #ecf1f6; } #temp-live-results table td.date { font-weight:700; } #temp-live-results table .alt td { background:#ECF1F6; } #temp-live-results table .alt td.event { background:#f2f5f8;} #temp-live-results table tr { border-bottom:1px solid #ecf1f6; } #temp-live-results table tr:last-child { border-bottom:none; } /*ERC Event*/ #erc-event { position:relative; } #erc-event .logo { display:inline-block; float:left; margin-right:40px; max-width:140px;} #erc-event .event-info { padding-bottom:40px; width:590px; float:left; } #erc-event .event-info .body { float:left; display:inline-block; width:400px; } #erc-event .event-info h1 { margin-bottom: 10px; font-size: 26px; line-height: 34px;} #erc-event .event-info h2 { } #erc-event .event-info p { font-style:italic; color:#0155a4; font-size:14px; } #erc-event .tables { } #erc-event .tables h2 { background: #0155a4; padding:0 10px; color:#fff; margin:0; } #erc-event .tables table { width:100%; margin-bottom:20px; background:#fafafa; } #erc-event .tables table tr { border-bottom:1px solid #f3f3f3; } #erc-event .tables table tr td { padding:5px 15px; font-size:12px; } #erc-event .tables table tr td:first-child { font-weight:700; } #erc-event .content { padding:20px 0; } #erc-event .content p { padding:10px 0; } #erc-event .content h2 { margin-bottom:20px;} #erc-event .timer { text-align:right; padding:0 0 40px 0; float:right; width:360px; } #erc-event .timer .frame { border:1px solid #eaeaea; display:inline-block; padding: 20px 25px; font-size:16px; line-height:30px; background:#FAFAFA; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #erc-event .timer #time { display:inline-block; margin-bottom:20px; } #erc-event .timer #time span { font-size:18px; padding:0 5px; color:#0155a4; line-height:30px; } #erc-event .timer .btn { display:block; } #erc-event .timer .btn a { display:inline-block; height:40px; line-height:40px; padding:0 35px; background:#0155a4; color:#fff; text-align:center; text-decoration:none; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #erc-event .timer .btn a:hover { background:#0155a4; } #content h2.bar { background: #0155a4; padding:0 10px; color:#fff; } /*Photographers*/ #photographers { display:table; width:100%; padding-top:30px; } #photographers a { display:block; float:left; margin-right:10px; text-align:center; font-size:12px; text-decoration:none; } #photographers a img { display:block; width:auto; margin:0 20px; max-height:60px; padding-bottom:10px;} /*Side Promos*/ #side-promos { padding:0 40px 20px 0; } #side-promos img { padding-bottom:20px; } /*Development*/ #development pre { position:relative; display: block; overflow: auto; color: #999; background-color: #f1f1f1; padding: 1px 30px; margin:0 0 15px 0; } #development code { font-family: Menlo, Monaco, monospace; background: none; padding: 0; white-space: pre; overflow: auto; display: block; } #development small { display:block; margin:15px 0 0 0; padding:5px; background:#ddd; white-space: normal; } #development #promo.v2 img { width:100% !important; height:100px !important; } #development #promo.v3 { width:100% !important; height:200px !important; } #development #promo.v3 img { width:100% !important; height:200px !important; } /*Footer*/ #footer { position:relative; min-height:50px; } #footer .spacing { padding:40px 0; } #footer p { color:#9a9a9a; font-size:11px; line-height: 18px; margin-bottom:20px; } #footer p a { color:#fed67e; } #footer .btn { margin-bottom:35px;} #footer .btn a { display:inline-block; height:40px; line-height:40px; width:100%; padding:0; color:#fff; text-align:center; text-decoration: none; font-size:17px; font-weight:bold; text-transform: uppercase; background:url(images/structure/promo-arrow.png) no-repeat 100% center; border-top:1px solid #fff; border-bottom:1px solid #fff; } #footer .btn a:hover { opacity:0.85; } #footer-nav ul li { list-style:none; } #footer-nav ul li a,#footer-nav ul li.bold ul li a {display:inline-block; margin-bottom:10px; font-size:16px; font-weight:700; color:#fff; text-decoration: none; text-transform: uppercase; } #footer-nav ul li ul li a { margin:0; text-decoration:underline; text-transform:none; font-size:12px; font-weight:400; color:#fed67e; } #footer-nav ul li ul li a:hover { text-decoration:none; } /*Content*/ #content .spacing { padding:40px 0; } #content h1 { margin:0 0 18px 0; color:#0155a4; font-size:34px; line-height:40px; font-weight:700; text-transform:uppercase; } #content h2 { margin:0 0 12px 0; color:#0d4374; font-size:23px; line-height:36px; font-weight:500; } #content h3 { margin:0 0 11px 0; color:#0155a4; font-size:22px; line-height:33px; font-weight:400; } #content h4 { margin:0 0 9px 0; color:#0d4374; font-size:18px; line-height:27px; font-weight:400; } #content h5 { margin:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; } #content h6 { margin:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; } #content p { margin:0 0 20px 0; } #content ul, #content ol { padding:0 0 0 20px; margin:0 0 20px 0; } #content ul { list-style:square; } #content li { padding:4px 0; } /*FAQs*/ #faqs .spacing { padding:40px 0; } #faqs .faq { position:relative; margin: 0; padding:15px 0 0 0; border-top:1px solid #ccc; cursor:pointer; } #faqs .faq:first-child { border:none; } #faqs .faq .icon { position:absolute; left:0px; top:15px; height:20px; width:20px; background:#999 url(images/structure/faq.png) no-repeat 3px center; } #faqs .faq .icon.link { background-image:url(images/structure/search-white.png); background-size:65%; background-position:center center; } #faqs .faq.active .icon { background-position:-97px center; } #faqs .faq p { padding:0 0 15px 0; font-size:12px; color:#999; } #faqs .faq h2 { padding:0 0 15px 35px; color:#444; font-size:18px; line-height:20px; font-weight:300; text-transform:none; } #faqs .faq h2:hover { color:#000; } #faqs .faq h2 a { text-decoration:none; color:#444; } #faqs .faq .answer { display:none; } #faqs .faq:first-child .answer { display:block; } /*Testimonials*/ #testimonials .spacing { padding:40px 0; } #testimonials .testimonial { position:relative; margin:0 0 20px 0; padding:25px 25px 20px 50px; border-bottom:2px solid #ddd; background:#f9f9f9 url(images/structure/quote.png) no-repeat 12px 12px; } #testimonials p { font-size:13px; line-height:22px; font-weight:300; color:#666; font-style:italic; } #testimonials p span { display:block; padding:13px 0 0 0; font-size:16px; line-height:18px; color:#888; font-weight:400; font-style:normal; } #testimonials p span span { padding:3px 0 0 14px; } #testimonials img { float:right; max-width:125px; margin:0 0 5px 20px; } /*Gallery*/ #gallery { display:none; } .no-js #gallery { display:block; } #gallery .spacing { padding:40px 0; } #gallery .gallery { display:table; width:977px; padding:0 0 15px 0; margin:0 0 0 -17px; } #gallery .gallery .gallery-item { position:relative; float:left; opacity:.9; width:220px; height:160px; margin:0 0 17px 17px; overflow:hidden; border:3px solid #fff; } #gallery .gallery .gallery-item img { vertical-align:top; } #gallery .gallery .gallery-caption { display:block; position:absolute; left:0px; top:160px; width:100%; padding:8px 0; line-height:13px; text-align:center; font-size:11px; color:#fff; background: rgba(0, 0, 0, .5); } #gallery.video .gallery .gallery-item a { position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:block; cursor:pointer; background:url(images/structure/play.png) no-repeat center center; } /*Gallery Nav*/ #gallerynav { margin:10px 5px 17px 5px; border-bottom:1px solid #f1f1f1; } #gallerynav a { position:relative; display:inline-block; font-size:14px; font-weight:600; text-transform:uppercase; color:#0d4374; text-decoration:none; padding:10px 8px 4px 8px; margin:0 10px 0 0; } #gallerynav a:hover { border-bottom:2px solid #111; } #gallerynav a.active { border-bottom:2px solid #111; } #gallerynav a.active span { position:absolute; left:50%; bottom:-10px; display:inline-block; width: 0; height: 0; margin:0 0 0 -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; } /*Staff*/ #staff .spacing { padding:40px 0; } #staff .grid { padding-bottom:40px; } #staff .block { width:50%; } #staff .member { display:table; margin:0 0 50px 0; } #staff .image { float:left; } #staff .image span { display:block; width:150px; height:150px; overflow:hidden; } #staff .image img { width:auto !important; height:auto !important; max-width:100px; max-height:120px; min-width:100px; min-height:120px; } #staff .info { padding:0 40px 0 115px; } #staff h2 { padding:0; color:#0d4374; font-size:27px; line-height:25px; font-weight:500; } #staff h3 { padding:0; color:#0155a4; font-size:19px; line-height:17px; font-weight:500; } #staff .bio p { padding:15px 0; } #staff .contact { padding:15px 0 0 0; } #staff .contact.none { padding:0; } #staff .contact p.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ddd; } #staff .contact p a { display:inline-block; color:#888; text-decoration:none; text-transform:uppercase; } #staff .phone { font-size:15px; cursor:default; } #staff .email { font-size:12px; } #staff .email:hover { color:#222; } /*Team*/ #team .spacing { padding:40px 0; } #team .member { position:relative; display:table; margin:0 0 25px 0; } #team .thumb { float:left; } #team .thumb span { display:block; width:160px; height:160px; overflow:hidden; } #team .thumb img { width:160px !important; height:auto !important; } #team .thumb img:hover { opacity:.9; } #team .info { padding:0 0 0 175px; } #team h2 { padding:0 0 5px 0; color: #444; font-size:20px; line-height:23px; font-weight:400; } #team h2 a { text-decoration:none; color: #444; } #team h2 a:hover { color:#777; } #team h3 { padding:0; color:#747474; font-size:16px; line-height:19px; font-weight:300; } #team .bio p { padding:15px 0; } #team .contact { padding:15px 0 0 0; } #team .contact.none { padding:0; } #team .contact p.split .phone { padding:0 15px 0 0; margin:0 15px 0 0; border-right:1px solid #ddd; } #team .contact p a { display:inline-block; color:#444; text-decoration:none; text-transform:uppercase; } #team .phone { font-size:15px; cursor:default; } #team .email { font-size:12px; } #team .email:hover { color:#777; } #team .link { display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:url(images/structure/clear.png); } /*Sponsors*/ #sponsors .spacing { padding:40px 0; } #sponsors .grid { width:980px; margin:0 0 0 -25px; } #sponsors .sponsor { float:left; width:218px; margin:0 0 20px 25px; border:1px solid #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #sponsors .sponsor:hover { border:1px solid #ddd; } #sponsors .name h2 { font-size:18px; line-height:20px; } #sponsors .name h2 a { text-decoration:none; } #sponsors .name .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 50px; } #sponsors .name .center * { vertical-align: middle; } #sponsors .logo img { max-width:200px; max-height:120px; } #sponsors .logo .center { display: table-cell; text-align: center; vertical-align: middle; width: 320px; height: 120px; } #sponsors .logo .center * { vertical-align: middle; } /*IE*/ .lt-ie8 #sponsors .name .center span { display: inline-block; height: 100%; } .lt-ie8 #sponsors .logo .center span { display: inline-block; height: 100%; } /*Events*/ #events .spacing { padding:40px 0; } #events.one .cell { width: 33.333333333%; background:#f1f1f1; border:2px solid #fff; } #events.one .cell:nth-child(even) { background:#f9f9f9; } #events.one .event { position:relative; } #events.one .date { position:absolute; right:5px; top:5px; padding:0 5px; color:#777; font-size:18px; text-transform:uppercase; font-weight:700; line-height:25px; } #events.one .date span { display:inline-block; padding:0 5px 0 0; font-size:17px; } #events.one .padding { padding:15px; } #events.one h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #events.one .text { padding:10px 0 0 0; } #events.two .event { position:relative; } #events.two .date { position:absolute; left:0px; top:5px; width:70px; height:70px; text-align:center; color:#f1f1f1; font-size:38px; line-height:40px; text-transform:uppercase; font-weight:300; background:#999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #events.two .date span { display:block; padding:8px 0 0 0; line-height:20px; font-size:18px; font-weight:700; } #events.two .padding { padding:0 15px 30px 90px; } #events.two h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #events.two .text { padding:10px 0 0 0; } #events.three .frame { border-bottom:1px solid #ccc; background:url(images/structure/calendar-frame.png) repeat-y; } #events.three .date { padding:0 5px; color:#fff; font-size:18px; text-transform:uppercase; font-weight:700; line-height:25px; background:#999 url(images/structure/c-arrow.png) no-repeat right 0px; } #events.three .date span { display:inline-block; padding:0 5px 0 0; font-size:17px; } #events.three .event:hover .date { background-color:#888; } #events.three .event.active .date { background:#666 url(images/structure/c-arrow.png) no-repeat right -100px; } #events.three .padding { padding:15px; } #events.three h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #events.three .text { padding:10px 0 0 0; } /*Information*/ #information .block { width:100%; } #information h3 { padding:15px 0 5px 0; color:#444; font-size:22px; line-height:25px; font-weight:400; } #information p { } #information a.tel { color:#888; text-decoration:none; cursor:pointer; } /*Contact*/ #contact .spacing { padding:40px 0; } #contact .frm_forms .frm_form_field { position:relative; padding-bottom:20px; margin-bottom:0; } #contact .frm_forms .frm_primary_label { display:block; } #contact .frm_forms [type="text"], #contact .frm_forms [type="tel"], #contact .frm_forms [type="email"], #contact .frm_forms select, #contact .frm_forms textarea { display:block; width:100%; padding:7px 10px; font-size:12px; line-height:16px; background:#fff; border:1px solid #ddd; border-bottom:1px solid #ccc; -webkit-box-shadow: inset 0 0 3px #eee; -moz-box-shadow: inset 0 0 3px #eee; box-shadow: inset 0 0 3px #eee; } #contact .frm_forms [type="text"]:focus, #contact .frm_forms [type="tel"]:focus, #contact .frm_forms [type="email"]:focus, #contact .frm_forms textarea:focus { border:1px solid #bbb; } #contact .frm_forms .frm_submit input { padding:0 25px; background:#555; border:none; color:#fff; font-size:13px; text-transform:uppercase; line-height:36px; box-shadow:none; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } #contact .frm_forms .frm_submit input:hover { opacity:.9; } #contact .frm_forms .frm_error { position:absolute; right:0px; top:0px; font-weight:normal; color:#d90000; font-size:11px; } #contact .frm_forms .frm_error_style { display:none; } #contact .frm_forms .frm_message { background:#f1f1f1; border:1px solid #ddd; } #contact .frm_forms .frm_message p { padding:30px; } #contact h3 { border-bottom:1px dotted #ddd; font-size:28px; padding:10px 0 2px 0; color:#0155a4; } /*Colorbox*/ #cboxContent, #cboxContent button { font-size:10px; text-transform:uppercase; color:#555; } /*UI*/ #ui-datepicker-div { font-size: 11px; } /*Edit*/ .edit-link { display:block; padding:15px 0; } .edit-link a { font-size:11px; text-transform:uppercase; } /* Alignment */ .alignleft { float: left; margin:6px 20px 14px 0; } .alignright { float: right; margin:6px 0 14px 20px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; padding:6px 0 14px 0; } /*Blog*/ #blog .spacing { padding:40px 60px 40px 0; } #blog article { padding:0 0 40px 0; } #blog h1 { margin:0 0 15px 0; color:#666; font-size:30px; line-height:35px; font-weight:400; } #blog h1 a { color:#666; text-decoration:none; } #blog h1 a:hover { text-decoration:none; opacity:.9; } #blog h1.archive-title { padding:5px 0 3px 0; margin:0 0 25px 0; color:#666; font-size:16px; font-style:italic; border-bottom:1px solid #ccc; font-family:Arial; } #blog h1.archive-title a { color:#888; text-decoration:none; } #blog h1.archive-title a:hover { color:#888; text-decoration:none; } #blog h2 { margin:0 0 12px 0; color:#444; font-size:24px; line-height:36px; font-weight:400; } #blog h3 { margin:0 0 11px 0; color:#444; font-size:22px; line-height:33px; font-weight:400; } #blog h4 { margin:0 0 9px 0; color:#444; font-size:18px; line-height:27px; font-weight:400; } #blog h5 { margin:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; } #blog h6 { margin:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; } #blog p { margin:0 0 20px 0; } #blog ul, #blog ol { padding:0 0 0 20px; margin:0 0 20px 0; } #blog ul { list-style:square; } #blog li { padding:4px 0; } #blog input[type="submit"] { padding:0 5px; } /*Meta*/ #blog .blog-meta-info { display:table; width:100%; padding:5px 0; margin:0 0 10px 0; border-top:1px dotted #999; border-bottom:1px dotted #999; } #blog .blog-meta-info { color:#888; font-size:11px; text-transform:uppercase; } #blog .blog-meta-info a { color:#888; font-size:11px; text-transform:uppercase; text-decoration:none; } #blog .blog-meta-info a:hover { color:#999; } #blog .blog-meta-info .meta-info { float:left; } #blog .blog-meta-info .comments-link { float:left; border-left:1px solid #ccc; padding:0 0 0 10px; margin:0 0 0 10px; } #blog .blog-meta-info .entry-date { padding-left:2px; } #blog .entry-meta { display:none; } /*Blog Nav*/ #blognav .spacing { padding:90px 0 40px 0; } #blognav h3 { display:inline-block; background:#fff; color:#666; font-size:17px; line-height:16px; text-transform:uppercase; padding:0 3px 0 0; margin:20px 0 10px 0; font-weight: 600; } #blognav ul { width:100%; margin:0; padding:0; list-style:none; } #blognav ul li { width:100%; margin:0; padding:0 0 0 0; border-bottom:1px solid #ccc; } #blognav ul li a { display:block; margin:0; padding:5px 1px; line-height:16px; color:#888; font-size:12px; text-decoration:none; } #blognav ul li a:hover { color:#999; } #blognav aside { padding:0 0 20px 0; background:url(images/structure/lines.png) no-repeat left 22px; } #blognav aside:first-child { padding:0px 0 10px 0; background:none; } /*Search*/ #blognav #searchform { position:relative; width:100%; } #blognav #searchform #s { width:100%; height:26px; padding:0 9px; background:#f9f9f9; color:#444; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; outline:none; } #blognav #searchform #s:focus { background:#fff; border:1px solid #ddd; } #blognav #searchform .screen-reader-text { display:none; } #blognav #searchform #searchsubmit { position:absolute; right:0px; top:0px; width:28px; height:28px; border:none; text-indent:-9999px; cursor:pointer; background:url(images/structure/search.png) no-repeat center center; } /*Nav Below*/ #blog nav { display:table; width:100%; } #blog nav .assistive-text { display:none; } #blog nav .nav-previous { float:left; } #blog nav .nav-previous a { display:block; background:#666; font-size:11px; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 5px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } #blog nav .nav-previous:hover a { opacity:.9; } #blog nav .nav-next { float:right; } #blog nav .nav-next a { display:block; background:#666; font-size:11px; text-transform:uppercase; color:#fff; text-decoration:none; padding:3px 5px; -webkit-border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; border-radius:2px; } #blog nav .nav-next:hover a { opacity:.9; } /*Custom Comments*/ #blog h2.comments-title { padding:50px 0 0 0; margin:0; font-size:13px; } #blog .comments-area article header cite a { color: #444; } #blog .comments-area cite { padding-left:60px; margin:0; } #blog .comments-area time { padding-left:60px; margin:0; } #blog .comments-area header { padding:0 0 10px 0; margin:0; } #blog .comments-area ol { padding:0; margin:0; border:none; list-style:none; } #blog .comments-area ol li { padding:0; margin:0; border:none; list-style:none; } #blog .comments-area ol li ol li { padding:0 0 0 20px; } #blog .comments-area ol li ol li ol li { padding:0; } #blog .comments-area article { border:1px dotted #ccc; padding:10px; margin:20px 0; } /*Custom Respond*/ #blog #respond form { padding:0; margin:0; } #blog #respond p.logged-in-as { padding:0; margin:0; } /* =Comments -------------------------------------------------------------- */ .comments-title { margin-bottom: 18px; margin-bottom: 1.428571429rem; font-size: 12px; font-size: 1.142857143rem; line-height: 1.5; font-weight: normal; } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .commentlist { padding:15px; border:1px dotted #555; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; } /* Comment form */ #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; } #respond .required { color: red; } /*Theme*/ #events.one h2, #blog .blog-meta-info a:hover, #blog h1 a, #content h1, #blog h1, #blognav h3, #blognav ul li a:hover { color: #0155a4; } #faqs .faq .icon, #events.two .date, #events.three .event.active .date, #contact .frm_forms .frm_submit input, #blog nav .nav-previous a, #blog nav .nav-next a { background-color:#0155a4; } #testimonials .testimonial { border-color:#0155a4; } #gallerynav a:hover, #gallerynav a.active { border-bottom-color:#0155a4; } #gallerynav a.active span { border-top-color: #0155a4; } /*Media*/ @media all and (max-width: 1201px) { /*Results*/ .wrapper.results .background { width:100%; } /*Upcoming*/ .wrapper.upcoming .container { width:100%; } #upcoming .spacing { padding:40px 15px 0px 0; } #upcoming .btn { right:15px; } #upcoming .prev { left:10px; } #upcoming .next { right:10px; } #upcoming .slider { max-width:90%; margin:0 auto; } #upcoming a.box { max-width:100%; } #upcoming a.box .image { width:auto; height:auto; max-width:100%; overflow:hidden; } } @media all and (max-width: 1280px) { /*Basics*/ html, body, .wrapper, .container { min-width:960px; } /*Containers*/ .container { width:1024px; } } @media all and (max-width: 1100px) { /*Containers*/ .container { width:960px; } } @media all and (max-width: 960px) { /*Basics*/ html, body, .wrapper, .container { min-width:600px; } /*Containers*/ .container { width:100%; margin:0; padding:0 15px; } /*Header*/ #header .like { display:none; } /*Nav*/ #nav nav > ul { } #nav ul > li { } #nav ul li > a { display:block; padding:0 5px; font-size:12px; text-align:center; } #nav ul li.menu-item-has-children > a { padding-left:30px; background:url(images/structure/drop.png) no-repeat 25px center; } #nav ul li.events > a { padding-left:30px; } #nav ul li.home > a { width:40px; background:url(images/structure/home.png) no-repeat 15px center; } /*Promo*/ #promo .message { left:15px; width:65%; } #promo .event { right:15px; } #promo .pager { left:15px; display:none;} /*Conversion*/ #conversion .col-25 { display:table; width:50%;} #conversion a.box { height:100px; width:100%; } #conversion .v4 a.box { border:none; } /*Upcoming*/ #upcoming .btn { right:15px;} /*Intro*/ .wrapper.intro [class*='col-'] { width:100%; } .wrapper.intro .container { padding:0; } #introduction .spacing { padding:20px 15px 30px 15px;} /*Needs*/ #needs .spacing { padding:0px 0 0px 0; } #needs .box { float:none; width:100%; height:auto; } #needs .box .inner { padding:35px; } #needs.landing .box { background:#0155a4 url(images/eastside-racing-sponsors-big.png) no-repeat center top; background-size:100%; padding-top:35%; } /*Race Results*/ #race-results .holder { /* overflow:scroll; */ } #upcoming-races table { width:830px;} #upcoming-races .holder { overflow:scroll; } /*Sponsors*/ #sponsors .spacing { padding:15px; } #sponsors .grid { width:100%; margin:0; } #sponsors .sponsor { float:none; width:auto; margin:0 0 25px 0; } #sponsors .sponsor .inner { width:218px; margin:0 auto; } /*Landing Page Upcoming Events*/ #upcoming.erc-events .col-333 { width:100%; } #upcoming.erc-events .event { display:table; position:relative; border:1px solid #ddd; width:100%; height:150px; margin-bottom:20px;} #upcoming.erc-events .image { display:table-cell; position:relative; border:none; border-right:1px solid #ddd; width:180px; height:180px; text-align:center; max-width:100%; margin:0 20px 0 0; vertical-align:middle; } #upcoming.erc-events .image img { width:100%; vertical-align:middle; } #upcoming.erc-events .date { display:block; vertical-align:middle; position:relative; left:auto; bottom:auto; background:#333; width:100%; height:auto; min-height:40px; padding-top:5px; } #upcoming.erc-events .date span { display:block; color:#fff; text-align:center;} #upcoming.erc-events .date .month { font-size:12px; line-height:14px;text-transform: uppercase; } #upcoming.erc-events .date .day { font-size:24px; line-height:24px; font-weight:700;} #upcoming.erc-events .body { display:table-cell; padding:20px 20px; } #upcoming.erc-events .body .title { font-size:18px; font-weight:bold; color:#0155a4; margin-bottom:10px; } #upcoming.erc-events .body .location { font-size:12px; font-style:italic; color:#0155a4; margin-bottom:20px; } #upcoming.erc-events .body .btn { position:absolute;; top:auto; left:auto; bottom:20px; right:20px;} #upcoming.erc-events .body .btn a { width:auto; height:40px; line-height:40px; margin:0; } /*Gallery*/ #gallery .spacing { padding:15px; } #gallery .gallery { display:table; width:100%; padding:0 0 10px 0; margin:0; } #gallery .gallery .gallery-item { width: 50%; height: auto; margin: 10px 0 0 0; padding:0 5px; border: none; } #gallery .gallery .gallery-item, #gallery .gallery .gallery-item:after, #gallery .gallery .gallery-item:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #gallery .gallery .gallery-caption { display:none; visibility:hidden; } #erc-event .event-info, #erc-event .event-info .body { width:auto; } #erc-event .event-info .body h1 { font-size:20px; line-height:30px; margin-bottom:10px; } #erc-event .event-info .body h2 { font-size:18px; line-height:30px; } #erc-event .timer { display:block; width:100%;; float:none; clear:both;} #erc-event .timer .frame { display:block;} } @media all and (min-width: 751px) { /*Responsive*/ .alignright .fluid-video { width:400px !important; } .alignright .fluid-video iframe { width:400px !important; } } @media all and (max-width: 750px) { .alignright { float:none; margin:0 0 20px 0; } .wrapper.header { } .wrapper.nav { } .wrapper.promo { } .wrapper.conversion { } .wrapper.upcoming { } .wrapper.results { } .wrapper.intro { } .wrapper.content { } .wrapper.footer { } /*Basics*/ html, body, .wrapper, .container { min-width:320px; } /*Wrappers*/ .wrapper.header { border-top:60px solid #0155a4; } /*Containers*/ .container { } /*Grid*/ [class*='col-'], .block, .cell { width:100%; padding:0; } /*Header*/ .header .container { padding:0; } #header .logo { position:relative; text-align:center; padding:0 15px; } #header .social { display:none; } #header .btn.quote { top:-60px; right: 0; width:60px; } #header .btn.quote a { display:block; height:60px; width:60px; background:transparent url(images/structure/contact.png) no-repeat center center; text-indent:100%; white-space:nowrap; overflow:hidden; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #header .btn.quote a:hover { background:#333 url(images/structure/contact.png) no-repeat center center; } #header .login { top:-60px; width:33.3333%; right:0; } #header .login a { display:block; height:60px; padding:0; color:#fff; background:url(images/structure/lock.png) no-repeat center center; text-indent:100%; white-space:nowrap; overflow:hidden; } #header .login a:hover { background-color:#333; } #header .login a span { display:none; } /*Nav*/ .nav .container { width:100%; padding:0; } #nav { height:auto; } #nav nav > ul { display:block; width:auto; } #nav ul > li { float:none; display:block; margin:0; padding:0; } #nav ul li > a { height:auto; margin:0; padding:0 15px; line-height:40px; font-size:12px; color:#fff; text-transform:uppercase; text-align:left; } #nav ul li:hover > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a { background-color:#0155a4; } #nav ul li.menu-item-has-children > a { padding-left:15px; background:url(images/structure/drop.png) no-repeat 95% center; } #nav ul li.events > a { padding-left:15px; background-position:95% center;} #nav ul li.home > a { text-indent: 0; background-image:none; padding:0 15px; width:auto; } #nav ul li.home { background-image:none; } /*Sub Nav*/ #nav ul ul { display:none; position:relative; left:auto; top:auto; min-width:0; background:#444; } #nav ul li:last-child ul { right:auto; } #nav ul li:hover ul { display:none; } #nav ul li ul li { float:none; margin:0; padding:0; } #nav ul li ul li a { padding:0 35px; line-height:25px; font-size:11px; color:#fff; text-transform:uppercase; text-decoration:none; white-space:normal; } #nav ul li ul li:hover a { background:#0155a4; } #nav ul li ul li ul { display:none; } /*Menu*/ #nav nav { position:absolute; left:auto; top:-100px; right:auto; bottom:auto; width:100%; } #nav nav ul { display:none; width:100%; height:auto; max-height:none; background:#333; } #nav.on nav ul { display:block; } #nav .menu { display:none; position: absolute; left:0; top:-60px; width:60px; height:60px; background:url(images/structure/menu.png) no-repeat center center; cursor:pointer; } #nav .menu.done { display:block; } #nav.on nav .menu, #nav .menu:hover { background-color:#333; } #nav.on nav ul li .sub ul { display:none; } #nav.on nav ul li.on .sub ul { display:block; } /*Promo*/ #promo .message { position:relative; left:auto; top:auto; width:100%; padding:15px 0px 0 0px; text-align:center; } #promo .message h2 { line-height:40px; font-size:26px; } #promo .message .btn { text-align:center; } #promo .message .btn a { display:block; width:90%; padding:0 5%; background-color:rgba(0,0,0,0.4); background-position: 95% center; height:50px; line-height:50px;} #promo .event { position:relative; right:auto; top:auto; width:auto; padding:15px 0; } #promo .event .image { padding:10px; } #promo .event .image img { max-height:70px; } #promo .event .date { padding:10px; } /*Conversion*/ #conversion a.box { border-bottom:1px solid #555; text-align:left; } #conversion a.box br { display:none;} /*Results*/ #results .padding { padding-bottom:25px;} #results .col-75 { overflow:scroll; } #results table { min-width:600px;} /*Upcoming*/ #upcoming .col-20 { } #upcoming .btn { position:relative; right:auto; top:auto; } #upcoming .btn a { margin-bottom:25px; height:60px; line-height:60px; width:auto; text-align:center; font-size:20px; } #upcoming .padding { padding:10px 15px;} #upcoming a.box { display:block; margin:0 auto; width:80%; } #upcoming a.box .image { display:inline-block; float:left; width:22%; height:auto; max-width:90px; } #upcoming a.box .bottom { display:inline-block; width:75%; float:left; padding-left:2%;} #upcoming .slide { height:auto; } #upcoming .prev { left:15px; margin-top:0; } #upcoming .next { right:15px; margin-top:0; } /*Landing Page Upcoming Events*/ #upcoming.erc-events .event .body .btn { position:relative; top: auto; right:auto; bottom:auto; left: auto; padding-top:20px; } /*ERC Event*/ #erc-event { border-top:1px solid #ccc; } #erc-event .logo { display:block; float:none; text-align:center; } /*Introduction*/ /*Footer*/ #footer-nav { display:none; } #footer .btn a { height:60px; line-height:60px; background-position:95% center;} /*Side Nav*/ #sidenav { display:none; } /*Content*/ #content .spacing { padding:15px; } /*FAQs*/ #faqs .spacing { padding:15px; } /*Staff*/ #staff .spacing { padding:15px; } #staff .block { width:100%; } #staff .image span { width:120px; height:100px; } #staff .image img { max-width:100px; max-height:120px; min-width:100px; min-height:120px; } #staff .info { } #staff h2 { } #staff h3 { } #staff .contact { min-height:50px; } #staff .contact p.split .phone { padding:0; margin:0; border-right:none; } #staff .contact p a { display:block; padding:5px 0; } /*Team*/ #team .spacing { padding:15px; } #team .thumb span { width:100px; height:100px; } #team .thumb img { width:100px !important; height:auto !important; } #team .info { padding:0; } #team h2 { padding:0 0 5px 115px; } #team h3 { padding:0 0 0 115px; } #team .bio p { padding:15px 0; } #team .contact { min-height:50px; padding:15px 0 0 115px; } #team .contact p.split .phone { padding:0; margin:0; border-right:none; } #team .contact p a { display:block; padding:5px 0; } /*Events*/ #events .spacing { padding:15px; } #events.one .cell { width: 33.333333333%; background:#f1f1f1; border:2px solid #fff; } #events.one .cell:nth-child(even) { background:#f9f9f9; } #events.one .event { position:relative; } #events.one .date { position:absolute; right:5px; top:5px; padding:0 5px; color:#777; font-size:18px; text-transform:uppercase; font-weight:700; line-height:25px; } #events.one .date span { display:inline-block; padding:0 5px 0 0; font-size:17px; } #events.one .padding { padding:15px; } #events.one h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #events.one .text { padding:10px 0 0 0; } #events.two .event { position:relative; } #events.two .date { position:absolute; left:0px; top:5px; width:70px; height:70px; text-align:center; color:#f1f1f1; font-size:42px; line-height:25px; text-transform:uppercase; font-weight:300; background:#999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #events.two .date span { display:block; padding:8px 0 0 0; font-size:23px; font-weight:700; } #events.two .padding { padding:0 15px 30px 90px; } #events.two h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #events.two .text { padding:10px 0 0 0; } #events.three .frame { border-bottom:1px solid #ccc; background:url(images/structure/calendar-frame.png) repeat-y; } #events.three .date { padding:0 5px; color:#fff; font-size:18px; text-transform:uppercase; font-weight:700; line-height:25px; background:#999 url(images/structure/c-arrow.png) no-repeat right 0px; } #events.three .date span { display:inline-block; padding:0 5px 0 0; font-size:17px; } #events.three .event:hover .date { background-color:#888; } #events.three .event.active .date { background:#666 url(images/structure/c-arrow.png) no-repeat right -100px; } #events.three .padding { padding:15px; } #events.three h2 { padding:0; color:#444; font-size:24px; line-height:30px; font-weight:400; } #events.three .text { padding:10px 0 0 0; } /*Information*/ #information .block { display:block; width:100%; } #information .padding { position:relative; } #information h3 { padding: 15px 0 5px 35px; } #information .icon { position:absolute; left:0px; top:17px; height:20px; width:20px; background:#999 url(images/structure/faq.png) no-repeat 3px center; } #information .active .icon { background-position:-97px center; } /*Contact*/ #contact .spacing { padding:15px; } #contact .frm_forms .frm_form_field { width:100%; } #contact .frm_forms .frm_submit input { width:100%; padding:0; font-size:16px; line-height:50px; } /*Blog*/ #blog .spacing { padding:15px; } #blog article { padding:0 0 20px 0; } /*Blog Nav*/ #blognav .spacing { padding:15px; } /*Comment Form*/ #respond form p.form-allowed-tags { display:none; } #erc-event .timer #time { display:block; margin:0 0 20px 0; } } @media all and (max-width: 600px) { /*Conversion*/ #conversion .col-25 { display:table; width:100%; } #results h2 { font-size:24px;} /*Introduction*/ #introduction h1 { display:block; text-align:center; line-height:60px; height:auto; } #introduction h1 > span { display:block; line-height:24px;} #introduction h1 span span { display:inline; line-height:20px;} #needs .box h2 { font-size:24px; } #upcoming.erc-events .event { height:auto; } #upcoming.erc-events .event .image { height:auto; } #race-results table td { border-right:1px solid #ecf1f6; padding:6px 8px; text-align:center; } #race-results table td:last-child { border-right:none; } } @media all and (max-width: 480px) { /*Upcoming*/ .upcoming .container { padding:0;} #upcoming h2 { padding:0 15px; font-size:20px; text-align:center;} #upcoming .btn { padding:0 15px;} #upcoming a.box { border-bottom:1px solid #ddd; padding-bottom:5px;} #upcoming a.box .image { display:block; float:left; width:45px; height:45px; height:auto; } #upcoming a.box .image img { } #upcoming a.box .bottom { display:inline-block; width:70%; float:left; padding-left:2%;} #upcoming .box .bottom .title { font-size:12px; font-weight:bold; color:#0155a4; margin-bottom:10px; } #upcoming .box .bottom .location { font-size:12px; font-style:italic; color:#0155a4; } #upcoming .slider { max-width:100%;} #upcoming .prev, #upcoming .next { width:15px; border:1px solid #ddd;} #upcoming .prev { background-position: -6px center;} #upcoming .next { background-position: -60px center;} #upcoming.erc-events .event .image { display:block; width:auto; height:auto; padding:10px 15px 10px 15px; margin:0;} #upcoming.erc-events .event .image img { max-width:180px;} #upcoming.erc-events .body { display:block; } #upcoming.erc-events .body .times { padding-bottom:20px;} #upcoming.erc-events .body .btn { position:relative; bottom:auto; left:auto; width:100%; padding:10px 0 0 0; text-align:center; } #needs.landing .box { background:#0155a4 url(images/eastside-racing-sponsors.png) no-repeat center top; background-size:100%; padding-top:100%; } #erc-event .timer #time { display:block; text-align:center; margin:0 0 20px 0; font-size:12px;} #introduction h2.tagline { height:auto; } } @media all and (max-width: 890px) { #macomb-sponsorship .col-25 { width: 50%; } } @media all and (max-width: 525px) { #macomb-sponsorship .col-25 { width: 100%; } } #macomb-sponsorship span {color: #0155a4; font-size: 36px;} .tablepress thead th {background-color: #333 !important; color: #fff !important;} .tablepress .odd td {background: #ECF1F6 !important;} .tablepress img {max-height: 70px !important; max-width: 70px !important;}