/* Theme Name: drsorders Author: Sharp Hue */ /*Basics*/ html, body, .wrapper { min-width:960px; } .container { width:960px; } html { background:#fff; } body { background:#fff; font-family:Arial, Helvetica, sans-serif; } h1,h2,h3,h4,h5,h6 { color:#444; font-size:20px; font-weight:normal; } p, label, ul, ol, input, textarea { color:#444; font-size:13px; line-height:20px; } input[type="text"]{ height:30px; } select { height:auto; min-height:30px;} a { color:#b00007; } a:hover { text-decoration:none; color:#ed1c24; } em { font-style:italic; } strong { font-weight:bold; } img { max-width:100%; height:auto !important; } /*Fonts*/ h1,h2,h3,h4,h5,h6, .source-sans, #header .phone p a, #promo h3, #promo .btn a, #feeds .box .body a, #footer .contact .btn a { font-family: 'Source Sans Pro', sans-serif; } /*Misc*/ span.hide { display:none; } /*Buttons*/ .btn { } .btn a { display:inline-block; background: #c9060e; color:#fff; text-decoration: none; } /*Transitions*/ /*Opacity*/ .btn a, #header .social a, #conversion a { -webkit-transition: opacity 300ms; -moz-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .btn a:hover, #header .social a:hover, #conversion a:hover { opacity:0.8; } /*Wrappers*/ .wrapper.header { z-index:9; background:#fff; } .wrapper.nav { z-index:10; background:#fff; } .wrapper.promo { z-index:7; background:#eee; } .wrapper.conversion { z-index:7; background:#efefef; } .wrapper.intro { z-index:7; background:#fff; } .wrapper.feeds { z-index:7; background:#694f45 url(images/structure/grid-bg.jpg) repeat-x center top; } .wrapper.content { z-index:7; background:#fff; border-top:1px solid #C9060E; border-bottom:1px solid #C9060E;} .wrapper.footer { z-index:7; background:#fff; } .wrapper.visit { z-index:7; background:#efefef; } /*Header*/ #header { position:relative; height:140px; } #header .logo { position:absolute; left:0px; top:35px; } #header .hours { position:absolute; left:360px; top:20px; } #header .phone { position:absolute; left:360px; top:50px; } #header .hours p, #header .phone p { font-size:12px; color:#282828; line-height:25px; text-align:right; text-transform: uppercase;} #header .hours p span, #header .phone p span { color: #c9060e; font-size:15px; font-weight:700; padding-right:5px;} #header .phone p a { color:#282828; text-decoration:none; font-size:23px; font-weight:300; } #header .social { position:absolute; right:0px; top:0px; } #header .social p { text-align: right; padding:0; } #header .social .facebook { display:inline-block; width:25px; height:25px; background:url(images/structure/social.png) no-repeat 0px 0px; } #header .social .twitter { display:inline-block; width:25px; height:25px; background:url(images/structure/social.png) no-repeat 0px 0px; } #header .like { position:absolute; right:0px; top:0px; } #header .contact { position:absolute; top:10px; right:0; } #header .contact a { height:34px; line-height:34px; padding:0 50px; font-weight:bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #header .shop { position:absolute; top:60px; right:0; } #header .shop p { line-height:20px; font-size:13px; font-style:italic; } #header .shop a { text-decoration: underline; color:#c9060e;} #header .shop a.items { display:inline-block; background:url(images/structure/lock.png) no-repeat left center; border-right:1px solid #ccc; padding-right:10px; padding-left:20px; line-height:25px; height:25px;} #header .shop a.checkout { display:inline-block; padding-left:10px; padding-right:10px; line-height:25px; height:25px;} #header .shop a:hover { text-decoration: none; } /*Nav*/ #nav { position:absolute; left:360px; bottom:0; width:600px; } #nav nav { position:relative; width:100%; } #nav nav > ul { display:table; width:100%; list-style:none; } #nav ul > li { float:left; margin:0 15px 0 0; } #nav nav ul > li { display:table-cell; float:none; margin:0; } #nav ul li > a { display:block; height:40px; padding:0 20px 0 0; line-height:40px; font-size:13px; font-weight:700; color:#4e4e4e; text-transform:uppercase; text-decoration:none; text-align:left; } #nav ul li:hover > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a { } #nav ul li.menu-item-has-children > a { padding-left:30px; background:url(images/structure/drop.png) no-repeat 10px center; } #nav ul li:last-child > a { text-align:right; padding:0 0 0 0px;} /*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:#ED1C24; } #nav ul li:last-child ul { left:auto; right:0; } #nav ul li:hover ul { display:block; } #nav ul li ul li { display:block; float:none; margin:0; padding:0; } #nav ul li ul li a,#nav ul li ul li:last-child a { display:block; height:auto; padding:0 15px; line-height:25px; font-size:11px; color:#fff; text-transform:uppercase; text-decoration:none; white-space:nowrap; text-align:left; } #nav ul li ul li:hover a { background:#000; } #nav ul li ul li ul { display:none; } /*Side Nav*/ #sidenav { } #sidenav .spacing { padding:50px 40px 40px 0; } #sidenav ul { list-style:none; width:100%; } #sidenav ul li { border-top:1px solid #c9060e; } #sidenav ul li:first-child { border:none; } #sidenav ul li a { display:block; padding:15px 0 15px 15px; line-height:18px; color:#c9060e; font-size:13px; text-decoration:none; text-transform:uppercase; font-weight:700; } #sidenav ul li:hover a { color:#fff; background:#ed1c24; } #sidenav ul li.current-menu-item a, #sidenav ul li.current-menu-parent a { color:#fff; font-weight:bold; background:#c9060e; } #sidenav ul li ul { display:none; } /*Shopp Nav*/ #shoppnav { } #shoppnav h4 { font-size:24px; margin-bottom:15px; } #shoppnav ul { list-style:none; padding-left:15px; } #shoppnav ul li, #shoppnav ul li:first-child { border:none; border-bottom:1px solid #c9060e; } #shoppnav h3 a { z-index:1; display:block; padding:10px 0 10px 5px; line-height:18px; color:#c9060e; font-size:18px; text-decoration:none; text-transform:uppercase; font-weight:700; } #shoppnav h3.push-right a { margin-left:30px; } #shoppnav h3.expand .icon { z-index:2; display:inline-block; float:left; margin-top:8px; height:20px; width:20px; background:#c9060e url(images/structure/faq.png) no-repeat 3px center; } #shoppnav h3.expand.active .icon { background-position:-97px center; } #shoppnav ul { padding:0; margin:0 0 30px 0 ; } #shoppnav ul li a { display:block; padding:5px 0 5px 15px; line-height:24px; color:#444; font-size:12px; text-decoration:none; text-transform:uppercase; font-weight:700; } #shoppnav h3 a:hover { color:#fff; background:#ed1c24; } #shoppnav ul li.current-menu-item a, #sidenav ul li.current-menu-parent a { color:#fff; font-weight:bold; background:#c9060e; } #shoppnav ul li ul { display:none; } #shoppnav ul li:hover a { background:none; color:#c9060e; } #shoppnav #searchform { height:40px; margin:0 0 20px 0; } #shoppnav #searchform label { display:none; } #shoppnav #searchform [type="text"] { float:left; width:70%; height:40px; padding:5px 10px; line-height:20px; margin:0; border:1px solid #ccc; border-right:none; } #shoppnav #searchform [type="submit"] { float:left; width:30%; height:40px; padding:0; margin:0; text-indent:-9999px; border:none; background:#c9060e url(images/structure/search2.png) no-repeat center center; } #shoppnav #searchform [type="submit"]:hover { opacity:.9; } /*Promo*/ #promo { position:relative; } #promo .wrapper.promo { z-index: 2; } #promo .wrapper.page { z-index: 5; } #promo .message { position:relative; width:620px; margin:0 auto; padding-top:100px; max-width:90%; } #promo .message h2 { text-align:center; color:#fff; font-size:78px; font-weight:300; margin-bottom:20px;} #promo .message p { text-align:center; color:#fff; font-size:18px; font-weight:400; } #promo .message .btn { text-align:center; margin-top:30px; } #promo .message .btn a { height:45px; line-height:45px; padding:0 65px 0 40px; font-size:25px; font-weight:300; background:#c9060e url(images/structure/promo-arrow.png) no-repeat 92% center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;} #promo .slider .slide .promo {height:400px; background-color:#000; background-repeat:no-repeat; background-position:center top; background-size:cover; } /*Slider*/ #promo, #promo .slider { height:400px;} #promo .slider .slide { display:none; } #promo .slider .slide:first-child { display:block; } #promo .pager { position:absolute; bottom:30px; left:0; right:0; z-index:1; text-align:center; } #promo .pager a { display:inline-block; width:5px; height:5px; margin:0 5px; background:#fff; cursor:pointer; border:2px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } #promo .pager a.active { background-color:#ED1C24; } #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 { } #conversion .spacing { padding:30px 0; } #conversion a { } #conversion img { max-width:308px;} /*Feeds*/ #feeds .spacing { padding:35px 0 65px 0; } #feeds .col-333 .padding { padding: 0 6px 6px 0; } #feeds .col-333:last-child .padding { padding-right:0; } #feeds .box h2 { height:38px; line-height:38px; background:#d22b32 url(images/structure/grid-icos.png) no-repeat 0px 6px; color:#fff; padding-left:50px; text-transform:uppercase; font-weight:400;} #feeds .box .body { position:relative; background:#fff; height:256px; } #feeds .box .body .inner { padding:20px 24px;} #feeds .box .body .time { position:absolute; bottom:20px; right:24px; font-size:12px; color:#919191; font-style:italic; } #feeds .box .body a { text-decoration:none; font-size:22px; font-weight:300; line-height:28px; color:#b00007; text-align:left; } #feeds .box .body a:hover { color:#ed1c24; } #feeds .box .date { display:inline-block; background:#614646; color:#fff; height:28px; line-height:28px; padding:0 6px; margin-right:10px; font-size:14px;} #feeds .box.v1 { } #feeds .box.v1 h2 { } #feeds .box.v1 img { display:block; text-align:center; margin:0 auto 20px auto; border:1px solid #b00007; } #feeds .box.v2 { } #feeds .box.v2 h2 { background-position: 0px -92px;} #feeds .box.v2 img { display:block; margin:10px auto; } #feeds .box.v3 { } #feeds .box.v3 h2 { background-position: 0px -192px;} #feeds .box.v3 img { display:block; float:left; margin:0 20px 0 0; } #feeds .box.v3 .title { margin-bottom:15px; } #feeds .box.v3 .title .date { display:inline-block; background:#614646; color:#fff; height:28px; line-height:28px; padding:0 6px; margin-right:10px; font-size:14px;} #feeds .box.v3 .excerpt p { font-size:15px; } #feeds .box.v3 .excerpt a.read { font-size:14px; font-weight:400; text-decoration:underline; } #feeds .box.v4 { } #feeds .box.v4 h2 { background-position: 0px -292px;} #feeds .box.v4 .top { margin-bottom:15px;} #feeds .box.v4 p { margin-bottom:25px;} #feeds .box.v4 .title { margin-bottom:15px;} #feeds .box.v4 .btn a { background:#ed1c24; color:#fff; height:38px; line-height:38px; padding:0 20px; font-size:20px; } #feeds .box.v4 p { font-size:15px; } #feeds .box.v5 { } #feeds .box.v5 h2 { background-position: 0px -392px;} #feeds .box.v5 .title { margin-bottom:30px;} #feeds .box.v5 img { display:block; float:left; margin:0 20px 0 0; } #feeds .box.v5 .excerpt p { font-size:15px; font-weight:700; } #feeds .box.v5 .excerpt a.read { font-size:14px; font-weight:400; text-decoration:underline; } #feeds .box.v5 .excerpt a.read:hover { color:#ed1c24;} #feeds .box.v6 { } #feeds .box.v6 h2 { background-position: 0px -492px;} #feeds .box.v6 .top { margin-bottom:20px;} #feeds .box.v6 .top img { float:left; margin:0 20px 0 0; } #feeds .box.v6 .top .title { } #feeds .box.v6 .excerpt { clear:left; padding:15px 0 0 0; } #feeds .box.v6 .excerpt{ font-size:15px; } #feeds .box.v6 .excerpt a.read { font-size:14px; font-weight:400; text-decoration:underline; } #feeds .box.v6 .excerpt a.read:hover { color:#ed1c24;} /*Intro*/ #introduction .spacing { padding:45px 20px 35px 0;} #introduction h1 { color:#ed1c24; font-weight:700; font-size:44px; height:44px; line-height:32px; margin-bottom:25px; text-transform:uppercase; } #introduction h1 .title { float:left; margin-right:20px;} #introduction h1 .bar { position:relative; display:inline-block; float:left; background:#ed1c24; color:#fff; height:32px; line-height:32px; font-size:16px; font-weight:300; padding:0 30px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; } #introduction h1 .bar .dot { display:none; position:absolute; top:14px; left:10px; display:inline-block; width:5px; height:5px; line-height:32px; margin:0; background:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;} #introduction h1 .bar .dot:last-child { left:auto; right:10px; } #introduction p { font-size:16px; line-height:30px;} #location .spacing { padding:45px 0 35px 0;} /*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 [class*='col-'] { float:right; } #footer .spacing { padding:25px 0; } #footer p { color:#444; font-size:11px; line-height: 18px; } #footer p a { color:#444; } #footer .visit h3 { font-size:21px; font-weight:bold; color:#2e302d; line-height:28px; text-transform:uppercase; } #footer .visit hr { margin:10px 0; } #footer .visit a { color:#ed1c24; } #footer .btn { margin:0 0 10px 0; } #footer .employment-application a { margin:0 0 0 100px; line-height:30px;padding:0 0 0 20px; background:url(images/structure/pdf.png) no-repeat left center; } #footer .contact .btn { text-align:right;} #footer .contact .btn a { padding:0 75px; height:40px; line-height:40px; background:#c9060e; font-size:17px; font-weight:700; text-transform:uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } #footer .like { display:inline-block; float:left; width:80px; margin-right:15px; padding-top:25px; height:28px; line-height:28px;} #footer .social { display:inline-block; float:left; padding-top:20px; } #footer .social .facebook { display:inline-block; width:28px; height:28px; margin-right:5px; background:url(images/structure/social.png) no-repeat 0px 0px; } #footer .social .twitter { display:inline-block; width:28px; height:28px; margin-right:5px; background:url(images/structure/social.png) no-repeat -40px 0px; } #footer .social .gplus{ display:inline-block; width:28px; height:28px; background:url(images/structure/social.png) no-repeat -80px 0px; } /*Content*/ #content .spacing { padding:40px 0; } #content h1 { margin:0 0 18px 0; color:#444; font-size:36px; line-height:54px; font-weight:400; } #content h2 { margin:0 0 12px 0; color:#444; font-size:24px; line-height:36px; font-weight:400; } #content h3 { margin:0 0 11px 0; color:#444; font-size:22px; line-height:33px; font-weight:400; } #content h4 { margin:0 0 9px 0; color:#444; 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; } /* Landing Page */ .wrapper.visit .spacing { padding:40px 0; } #visit .title p { font-weight:700; text-align:center; margin-bottom:30px; color:#ed1c24; font-size:46px; } #visit .map { text-align:center; } #visit .map iframe { display:inline-block; margin:0 auto; max-width:100%; } /*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.active .icon { background-position:-97px center; } #faqs .faq p { padding:0 0 15px 0; font-size:12px; color:#303030; } #faqs .faq h2 { padding:0 0 15px 35px; color:#303030; font-size:20px; line-height:23px; font-weight:300; text-transform:none; } #faqs .faq h2:hover { color:#000; } #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:11px; text-transform:uppercase; color:#777; 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 .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:150px; max-height:150px; min-width:150px; min-height:150px; } #staff .info { padding:0 40px 0 165px; } #staff h2 { padding:0; color:#555; font-size:22px; line-height:25px; font-weight:400; } #staff h3 { padding:0; color:#777; font-size:15px; line-height:17px; font-weight:400; } #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 .block .padding { padding-right:25px;} #information h3 { padding:15px 0 5px 0; color:#c9060e; font-size:22px; line-height:25px; font-weight:400; border-bottom:1px solid #c9060e; } #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 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: #c9060e; 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; } /*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; } .view.controls { display:table; width:100%; } .view.controls:after { display:table; content:" "; clear:both; } /*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 .post {display:table;} /*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: #c9060e; } #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: #c9060e; } #testimonials .testimonial { border-color:#555; } #gallerynav a:hover, #gallerynav a.active { border-bottom-color:#555; } #gallerynav a.active span { border-top-color: #555; } /*Shop*/ #shop .spacing { padding:40px 0; } #shop h1 { padding:0 0 20px 0; } /*Shopp*/ #shopp .shopp-errors { padding:20px; margin:0 0 20px 0; background:#f1f1f1; border:1px solid #ddd; } #shopp .shopp-errors ul li { margin:0; padding:0; } #shopp .shopp-errors h3 { padding-top:0; } #shopp form ul { padding:0; } /*Catalog*/ #shopp .category ul { padding:0; margin:0; } #shopp .category ul li { padding:0; margin:0; } #shopp .category .frame { padding:0; margin:10px; border:1px solid #f1f1f1; } #shopp .category .details { font-weight: 700; } #shopp .category .details h4 { padding:10px 0 0 0; font-size:15px; text-transform:uppercase; } #shopp .category .details h4 a { text-decoration:none; } #shopp .category .details .price { font-weight:400; font-size:20px; font-family:Arial; } #shopp .category .details .savings { font-size:14px; font-family:Arial; font-weight:300; text-transform:uppercase; } /*Breadcrumb*/ #shopp ul.breadcrumb { display:block; margin:0 0 20px 0; padding:5px 10px 5px 20px; background:#eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #shopp ul.breadcrumb li { padding:0; margin:0; text-transform:uppercase; font-weight:bold; font-size:11px; } #shopp ul.breadcrumb a { display:inline-block; padding:0 10px 0 8px; margin:0 0 0 -10px; color:#ED1C24; text-decoration:none; background:#eee url(images/structure/breadcrumb.png) no-repeat right 7px; } #shopp ul.breadcrumb span { display:inline-block; padding:0 0 0 8px; margin:0 0 0 -10px; background:#eee ; color:#694f45 ; } /*Pagination*/ #shopp .category .pagination { float:right; padding:0 18px 10px 0; margin:20px 0 0 0; color:#444; font-size:12px; } #shopp .category .pagination ul li { background:#666 !important; display:inline-block; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #shopp .category .pagination ul li:hover { background:#777 !important; } #shopp .category .pagination ul li a { display:inline-block; line-height:20px; padding:0 7px; color:#fff; text-decoration:none; } #shopp .category .pagination ul li.active { display:inline-block; line-height:21px; padding:0 7px; background:#2e69ba !important; color:#fff; cursor:default; } #shopp .category .pagination ul li.disabled { display:inline-block; line-height:21px; padding:0 7px; cursor:default; } /*Product Example*/ #shopp .gallery { max-width:100%; } #shopp .gallery * { padding:0; margin:0; } #shopp .gallery ul li { border:none; !important; } #shopp .gallery .thumbnails { display:table; width:330px; } #shopp .gallery .thumbnails li { float:left; margin:0; padding:0; } #shopp .gallery .thumbnails li img { margin:0 10px 10px 0; } #shopp .gallery .previews { position:relative; width:320px; height:320px; } #shopp .gallery .previews li { width:320px; padding:0; margin:0 0 10px 0; } #shopp .gallery .previews li img { position:relative; max-width:320px; padding:0; margin:0; } #shopp .gallery .previews a { width:320px; padding:0; margin:0; } #shopp .gallery .previews .active { } #shopp .holder { display:table; width:100%; } #shopp .holder .block:first-child { width:51%; } #shopp .holder .block { float:left; width:49%; } #shopp .spacing { padding:0 0 25px 25px; } #shopp .spacing ul { list-style:square; } #shopp table { width:100%; margin:0 0 15px 0; color:#656565; font-size:12px; line-height:21px; border-left:1px solid #ddd; border-top:1px solid #ddd; } #shopp table td { padding:4px 6px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; } #shopp .price { font-size:20px; } #shopp .product-details form select { padding:4px; } #shopp .product-details form .addtocart { padding:0 10px; line-height:27px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#fff; background:#345ba6; border:none; cursor:pointer; } #shopp .product-details form .addtocart:hover { background:#3564c0; } #shopp ul.variations { padding:0; margin:20px 0 20px 0; } #shopp ul.variations li { padding:0; margin:0; border:none; } #shopp ul.variations li label { padding:0px 0 5px 0; font-size:16px; font-weight:700; } #shopp h3.title { color:#c9060e; font-weight:bold; } /*Cart*/ #shopp #cart div.cart-holder { overflow:scroll; } #shopp #cart .table { border:1px solid #ccc; border-bottom:0; border-left:none; } #shopp #cart table { font-size:12px; overflow:auto; margin-bottom:0; } #shopp #cart table tr { border-left:1px solid #ccc; } #shopp #cart table th { padding: 3px 10px; vertical-align:middle; } #shopp #cart table td { padding: 3px 10px; border:1px solid #ccc; vertical-align:middle; } #shopp #cart textarea, #shopp #cart select, #shopp #cart input { display:inline-block; padding:4px; line-height:27px; height:27px; border:1px solid #ccc; } #shopp #cart .update-button { padding:0 10px; line-height:27px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#fff; background:#777; border:none; cursor:pointer; } #shopp #cart .update-button:hover { background:#c9060e; } #shopp #cart .remove { vertical-align: top; padding:0 10px; line-height:27px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#fff; background:#777; border:none; cursor:pointer; } #shopp #cart .remove:hover { background:#c9060e; } #shopp #cart > div { display:table; width:100%; margin:10px 0; } #shopp #cart > div a { vertical-align:middle; line-height:40px; font-size:12px; } #shopp #cart > div a.right { padding:0 20px; font-size:12px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#fff; background:#c9060e; border:none; cursor:pointer; } #shopp #cart > div a.right:hover { opacity:0.8; } #shopp #cart table.cart th { background:#EEEEEE;} /*Checkout*/ #shopp.checkout #cart { margin:0 0 20px 0; border:1px solid #ccc; border-left:none; } #shopp.checkout #checkout-button { padding:0 20px; line-height:40px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#fff; background:#c9060e; border:none; cursor:pointer; } #shopp.checkout #checkout-button:hover { opacity:0.8; } #shopp.checkout #cart textarea, #shopp.checkout #cart select, #shopp.checkout #cart input { padding:4px !important; line-height:27px; height:27px; border:1px solid #ccc; } #shopp.checkout input.required { color:#444; padding:4px; } #shopp.checkout #cart table tr.totals td { border-bottom:none; } #shopp.checkout li.full { display:table; width:100%; } .shopp_page form ul div input, .shopp_page form ul div select, .shopp_page form ul input, .shopp_page form ul select { padding:4px; } /*Receipt*/ #shopp #receipt { } #shopp #receipt .table { border:1px solid #ccc; border-left:none; } #shopp #receipt table { width:100%; font-size:12px; font-style:normal; } #shopp #receipt table.transaction { overflow:auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } #shopp #receipt table.transaction tr { border-right:1px solid #ccc; } #shopp #receipt table.labels { margin:20px 0; overflow:auto; } #shopp #receipt table.order { border:1px solid #ccc; overflow:auto; } #shopp #receipt table tr { border-left:1px solid #ccc; } #shopp #receipt table th { padding: 3px 10px; vertical-align:middle; text-align:left; background:#eee; } #shopp #receipt table td { padding: 3px 10px; border:1px solid #ccc; vertical-align:top; } #shopp #receipt input { padding:4px; } #shopp #receipt .update-button { padding:0 10px; line-height:27px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#fff; background:#777; border:none; cursor:pointer; } #shopp #receipt .update-button:hover { background:#3564c0; } #shopp #receipt .remove { vertical-align: top; padding:0 10px; line-height:27px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#fff; background:#777; border:none; cursor:pointer; } #shopp #receipt .remove:hover { background:#3564c0; } #shopp #receipt big a.right { padding:0 10px; line-height:27px; font-size:12px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#fff; background:#345ba6; border:none; cursor:pointer; } #shopp #receipt big a.right:hover { background:#3564c0; } #shopp #receipt big a { font-size:12px; } #shopp #receipt fieldset { width:auto; font-size:12px; font-style:normal; } #shopp #receipt address { width:auto; font-size:12px; font-style:normal; } /*Confirm*/ #shopp.confirm .payoption-button.payoption-0 { display:none; } #shopp.confirm .table { margin:0 0 20px 0; border:1px solid #ccc; border-left:none; } /*Media*/ @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 { height:180px;} #header .hours { top:50px; left:auto; right:0; } #header .phone { top:75px; left:auto; right:0; } #header .shop { top:105px; right:0; } #nav { display:block; left:0; width:100%; } /*Promo*/ #promo .message { position:relative; width:90%; margin:0 auto; padding-top:40px; max-width:90%; } #promo .message h2 { text-align:center; color:#fff; font-size:64px; font-weight:300; margin-bottom:20px;} #promo .message p { text-align:center; color:#fff; font-size:16px; font-weight:400; } #promo .message .btn { text-align:center; margin-top:30px; } #promo .message .btn a { height:45px; line-height:45px; padding:0 65px 0 40px; font-size:25px; font-weight:300; background:#c9060e url(images/structure/promo-arrow.png) no-repeat 92% center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;} /*Slider*/ #promo .slider .slide { height:300px; } #promo .v1 { background:url(images/promo1m.jpg) no-repeat center top; } /*Conversion*/ #conversion { } #conversion .spacing { padding:30px 0; } #conversion a img { width:98%;} /*Intro*/ #introduction h1 { display:table; margin-bottom:10px; width:100%; } #introduction h1 .title { display:block; float:none; text-align:center; margin-bottom:15px;} #introduction h1 .bar { display:block; float:none; text-align:center;} /*Feeds*/ .wrapper.feeds { background-size:cover;} #feeds .spacing { padding:35px 0 65px 0; } #feeds .col-333 .padding { padding: 0 6px 6px 0; } #feeds .col-333:last-child .padding { padding-right:0; } #feeds .box h2 { height:38px; line-height:38px; background:#d22b32 url(images/structure/grid-icos.png) no-repeat 0px 6px; color:#fff; padding-left:50px; text-transform:uppercase; font-weight:400; font-size:18px;} #feeds .box .body { position:relative; background:#fff; height:280px; } #feeds .box .body .inner { padding:15px 15px;} #feeds .box .body .time { position:absolute; bottom:20px; right:24px; font-size:12px; color:#919191; font-style:italic; } #feeds .box .body a { text-decoration:none; font-size:20px; font-weight:300; line-height:22px; color:#b00007; text-align:left; } #feeds .box .body a:hover { color:#ed1c24; } #feeds .box .date { display:inline-block; background:#614646; color:#fff; height:28px; line-height:28px; padding:0 6px; margin-right:10px; font-size:14px;} #feeds .box.v1 { } #feeds .box.v1 h2 { } #feeds .box.v1 img { display:block; text-align:center; margin:0 auto 20px auto; border:1px solid #b00007; } #feeds .box.v2 { } #feeds .box.v2 h2 { background-position: 0px -92px;} #feeds .box.v2 img { display:block; margin:10px auto; } #feeds .box.v3 { } #feeds .box.v3 h2 { background-position: 0px -192px;} #feeds .box.v3 img { display:block; float:left; margin:0 20px 20px 0; } #feeds .box.v3 .title { margin-bottom:15px; } #feeds .box.v3 .title .date { display:inline-block; background:#614646; color:#fff; height:28px; line-height:28px; padding:0 6px; margin-right:10px; font-size:14px;} #feeds .box.v3 .excerpt p { font-size:15px; } #feeds .box.v4 { } #feeds .box.v4 h2 { background-position: 0px -292px;} #feeds .box.v4 .top { margin-bottom:5px;} #feeds .box.v4 p { margin-bottom:25px;} #feeds .box.v4 .title { margin-bottom:15px;} #feeds .box.v4 .btn a { background:#ed1c24; color:#fff; height:38px; line-height:38px; padding:0 20px; font-size:20px; } #feeds .box.v4 p { font-size:15px; } #feeds .box.v5 { } #feeds .box.v5 h2 { background-position: 0px -392px;} #feeds .box.v5 .title { margin-bottom:30px;} #feeds .box.v5 img { display:block; float:left; margin:0 20px 20px 0; } #feeds .box.v5 .excerpt p { font-size:15px; font-weight:700; } #feeds .box.v5 .excerpt a.read { font-size:14px; font-weight:400; text-decoration:underline; } #feeds .box.v5 .excerpt a.read:hover { color:#ed1c24;} #feeds .box.v6 { } #feeds .box.v6 h2 { background-position: 0px -492px;} #feeds .box.v6 .top { margin-bottom:0px;} #feeds .box.v6 .top img { float:left; margin:0 5% 0 0; max-width:50%; } #feeds .box.v6 .top .title { float:left; width:45%; } #feeds .box.v6 .excerpt { clear:left; padding:15px 0 0 0; } #feeds .box.v6 .excerpt{ font-size:15px; } #feeds .box.v6 .excerpt a.read { font-size:14px; font-weight:400; text-decoration:underline; } #feeds .box.v6 .excerpt a.read:hover { color:#ed1c24;} /*Product Gallery*/ #shopp .gallery .previews { width:auto; height:auto; /* overflow:visible; */ } #shopp .gallery .previews li { width:auto; height:auto;} #shopp .gallery .previews a { width:auto; height:auto;} #shopp .gallery .previews li { position:relative; } #shopp .gallery .previews li.fill { position:absolute; top:0; left:0;} #shopp #cart div.cart-holder { display:block; overflow:scroll; } #shopp #cart .table { } #shopp #cart table { font-size:12px; overflow:auto; margin-bottom:0; width:auto; } /*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; } /*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; } } @media all and (max-width: 750px) { .header { } .footer { } .promo { } .conversion { } .intro{ } .feeds { } .intro [class*='col-'] { width:100%;} #introduction .spacing { padding:40px 15px;} #location { display:none;} /*Feeds*/ #feeds [class*='col-'] { width:100%; } .wrapper.feeds { background-image:none;} #feeds .spacing { padding:35px 0 65px 0; } #feeds .col-333 .padding { padding: 0 0 10px 0; } #feeds .col-333:last-child .padding { padding-right:0; } #feeds .box h2 { height:38px; line-height:38px; background:#d22b32 url(images/structure/grid-icos.png) no-repeat 0px 6px; color:#fff; padding-left:50px; text-transform:uppercase; font-weight:400; font-size:18px;} #feeds .box .body { position:relative; display:table; width:100%; background:#fff; height:auto; } #feeds .box .body .inner { padding:15px 15px;} #feeds .box .body .time { position:absolute; bottom:20px; right:24px; font-size:12px; color:#919191; font-style:italic; } #feeds .box .body a { text-decoration:none; font-size:20px; font-weight:300; line-height:22px; color:#b00007; text-align:left; } #feeds .box .body a:hover { color:#ed1c24; } #feeds .box .date { display:inline-block; background:#614646; color:#fff; height:28px; line-height:28px; padding:0 6px; margin-right:10px; font-size:14px;} #shopp .gallery { float:none; } #shopp .gallery:after { content:' '; display:table; clear:both;} #shopp .gallery .previews li { position:relative; } #shopp .gallery .previews li.fill { position:absolute; top:0; left:0;} #shopp [class*='col-'] { width:100%; } /*Footer*/ #footer [class*='col-'] { width:100%; margin-bottom:20px; } #footer .contact .btn { text-align:center; } /*Product Gallery*/ } @media all and (max-width: 600px) { .header { } .footer { } .promo { } .conversion { } .intro{ } .feeds { } /*Basics*/ html, body, .wrapper, .container { min-width:320px; } /*Wrappers*/ .wrapper.header { border-top:60px solid #000; } /*Containers*/ .container { padding:0; width:100%; } /*Grid*/ [class*='col-'], .block, .cell { width:100%; padding:0; } /*Header*/ #header { position:relative; height:160px; } #header .logo { position:relative; left:auto; top:auto; padding:20px 0; text-align:center; } #header .hours { position:relative; left:auto; top:auto; text-align:center; } #header .phone { position:relative; left:auto; top:auto; margin-bottom:20px; text-align:left; } #header .hours p, #header .phone p { font-size:12px; color:#282828; line-height:25px; text-align:center; } #header .hours p span, #header .phone p span { color:#c9060e; font-size:15px; font-weight:700; padding-right:5px;} #header .phone p a { color:#282828; text-decoration:none; font-size:23px; font-weight:300; } #header .contact.btn a { } #header .contact.btn a:hover {background-color:#ED1C24; opacity:1; } #header .contact { top:-60px; width:25%; } #header .contact.btn a { width:100%; height:60px; color:#f9bf12; text-indent:-9999px; background:url(images/structure/contact.png) no-repeat center center; padding:0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } #header .shop { position:absolute; top:-60px; right:25%; width:50%; } #header .shop p { } #header .shop a { width:50%; } #header .shop a.items { display:inline-block; background:url(images/structure/m-cart.png) no-repeat center center; border:none; padding:0; line-height:60px; height:60px; text-indent:-9999px;} #header .shop a.checkout { display:inline-block; padding:0; line-height:60px; height:60px; background:url(images/structure/m-checkout.png) no-repeat center center; text-indent:-9999px; } #header .shop a:hover { text-decoration: none; background-color:#ED1C24; } #promo { display:none; } /*Nav*/ #nav { height:auto; } #nav nav > ul { display:block; width:auto; } #nav nav ul > li { display:block; float:none; 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; } #nav ul li:last-child a { text-align:left; padding-left:15px; } #nav ul li:hover > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a { background:#ED1C24; } #nav ul li.menu-item-has-children > a { padding-left:15px; background:url(images/structure/drop.png) no-repeat 95% center; } /*Sub Nav*/ #nav ul ul { display:none; position:relative; left:auto; top:auto; min-width:0; background:#694F45; } #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 0 0 15px;; 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:#BB161C; } #nav ul li ul li ul { display:none; } /*Menu*/ #nav nav { position:absolute; left:auto; top:-160px; right:auto; bottom:auto; width:100%; padding:0; margin:0; } #nav nav ul { display:none; width:100%; height:auto; max-height:none; background:#000; } #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 { background-color:#ED1C24; } #nav.on nav ul li .sub ul { display:none; } #nav.on nav ul li.on .sub ul { display:block; } /*Side Nav*/ #sidenav { display:none; } /*Content*/ #content .spacing { padding:15px; } /*Conversion*/ #conversion a { display:block; margin-bottom:15px; text-align:center;} #conversion img { max-width:100%;} /*Footer*/ #footer .spacing { padding:15px; } /*FAQs*/ #faqs .spacing { padding:15px; } /*Staff*/ #staff .spacing { padding:15px; } #staff .block { width:100%; } #staff .image span { width:100px; height:100px; } #staff .image img { max-width:100px; max-height:100px; min-width:100px; min-height:100px; } #staff .info { padding:0; } #staff h2 { padding:0 0 0 115px; } #staff h3 { padding:0 0 0 115px; } #staff .contact { min-height:50px; padding:15px 0 0 115px; } #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; } } .wrapper.feeds { display: none; } #footer .social { display: none; }