@text-white: #fff; @text-lightgrey: #a0a0a0; @text-semilightgrey: #787878; @text-mediumgrey: #464646; @text-darkgrey: #434343; @text-discover-quote: #5e5e5e; @text-event-hero-details: #666666; @text-event-feed-details: #787878; @text-latest-post-date: #949494; @text-validation-error: #F00; @bg-lightgrey: #ededed; @bg-table: #f5f5f5; @border-grey: #bbbbbb; @border-lightgrey: #dbdbdb; @separator-color: #d1d1d1; @footer-bg: #484848; @footer-copy: #cacaca; /* Layout */ /* FOOTER STYLES */ footer .container { padding: 27px 0 0; } footer .container .social { padding: 18px 0 16px; } footer .container p { color: @footer-copy; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } footer .menu { padding: 22px 0 0; } footer .menu a { font-size: 16px; font-weight: bold; } footer .menu a:hover {color:@text-lightgrey;} footer .social a { display: block; text-indent: -9999px; outline:none; } footer .social li.facebook { background: url(../images/footer-social-sprite.png) no-repeat 0 0; height: 24px; width: 15px; } footer .social li.facebook:hover { background: url(../images/footer-social-sprite.png) no-repeat 0 -24px; } footer .social li.twitter { background: url(../images/footer-social-sprite.png) no-repeat -15px 0; height: 24px; margin: 0 0 0 15px; width: 15px; } footer .social li.twitter:hover { background: url(../images/footer-social-sprite.png) no-repeat -15px -24px; } /* MAIN NAVIGATION STYLES */ header .menu { font-size: 14px; margin: 18px 0 0; } header .menu a { color: @text-lightgrey; display:block; padding: 6px 15px 0; text-decoration:none; text-transform:uppercase; outline:none; } header .menu a:hover{color:@text-darkgrey;} header .menu li { font-weight: bold; } header .menu li.current-menu-item, header .menu li.current_page_parent { background: #424242 url(../images/nav-active-bg.png) repeat-x 0 0; border: 1px solid #4c4c4c; border-right: 1px solid #9f9f9f; color: @text-white; padding: 4px 10px 5px; } header .menu li.current-menu-item a, header .menu li.current_page_parent a { color: @text-white; padding: 0; } /* CHECKOUT PAGE STYLES */ #layout .content.content-single.checkout .container tr.checkout-header td { color: @text-mediumgrey; font-size: 16px; padding: 0 0 15px 10px; text-transform: uppercase; } #layout .content.content-single.checkout .container tr.checkout-header td:first-of-type { padding: 0 0 15px; } #layout .checkout .container .product_row input { padding: 6px 10px; } #layout .content.content-single.checkout .container tr.product_row.product_row.alt span.pricedisplay { color: @text-darkgrey; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #layout .checkout .checkout-cart .product_row .product-name .checkout-title a { color: @text-darkgrey; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; text-transform: uppercase; } #layout h3.keep-shopping a { background: url(../images/back-arrow.png) no-repeat 0 0; color: @text-event-hero-details; font-size: 24px; padding: 0 0 0 25px; text-decoration: none; text-transform: uppercase; } #layout .content.content-single.checkout .container .cart-review p.sub-total { color: @text-mediumgrey; font-size: 20px; text-transform: uppercase; } #layout .content.content-single.checkout .container .cart-review p.sub-total span.cart-memo { color: @text-event-hero-details; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: none; } #layout .content.content-single.checkout .container .cart-review p.sub-total span.pricedisplay { color: @text-mediumgrey; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; } #layout .checkout-user-info .container .wpsc_checkout_forms .billing-column { margin: 0 0 50px; } #layout .checkout-user-info .container .wpsc_checkout_forms .billing-column .validation-error { color: @text-validation-error; font-size: 10px; margin: -7px 0 11px 7px; } #layout .checkout-user-info .container .wpsc_checkout_forms .billing-column td.wpsc_billing_forms h4, #layout .checkout-user-info .container .wpsc_checkout_forms .shipping-column td.wpsc_shipping_forms h4 { color: @text-mediumgrey; font-size: 31px; padding: 0 0 11px; text-transform: uppercase; } #layout .checkout-user-info .container .wpsc_checkout_forms .billing-column table.wpsc_checkout_table.table-1 tr td { color: @text-mediumgrey; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } #layout .checkout-user-info .container .wpsc_checkout_forms .billing-column table.wpsc_checkout_table.table-1 tr td input, #layout .checkout-user-info .container .wpsc_checkout_forms .billing-column table.wpsc_checkout_table.table-2 tr td input, #layout .checkout-user-info .container .wpsc_checkout_forms .shipping-column table.wpsc_checkout_table.table-2 tr td input { background: @bg-lightgrey; border: none; color: @text-semilightgrey; height: 30px; margin: 0 0 12px; padding: 0 0 0 7px; } #layout .checkout-user-info .container .wpsc_checkout_forms .billing-column .wpsc_checkout_table .same_as_shipping_row td{height:10px; padding-bottom:10px;} #layout .checkout-user-info .container .wpsc_checkout_forms .billing-column table.wpsc_checkout_table.table-2 .same_as_shipping_row input {padding:0px; margin: 0 10px 0 0; } #layout .checkout-user-info .container .wpsc_checkout_forms .billing-column table.wpsc_checkout_table.table-2 .same_as_shipping_row label { display:block; float:right; margin-top:6px;} #layout .checkout-user-info .container .wpsc_checkout_forms .shipping-column .review h4 { color: @text-mediumgrey; font-size: 31px; padding: 0 0 11px; text-transform: uppercase; } #layout .checkout-user-info .container .wpsc_checkout_forms .shipping-column #wpsc_shopping_cart_container { color: @text-event-hero-details; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: none; } #layout .checkout-user-info .container .wpsc_checkout_forms .shipping-column .wpsc_checkout_table.table-4 { color: @text-event-hero-details; font-family: Arial, Helvetica, sans-serif; font-size: 22px; text-transform: none; } #layout .checkout-user-info .container .wpsc_checkout_forms .shipping-column .review { background: @bg-table; border: 1px solid @border-lightgrey; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 35px 0 0; padding: 30px 40px; width: 331px; } #layout .checkout-user-info .container .wpsc_checkout_forms .shipping-column .review tr.total_price.total_shipping td.wpsc_totals:first-of-type { min-width: 245px; } /* CONTACT PAGE STYLES */ #layout .content.content-single.contact .copy.container { text-transform: uppercase; } #layout .content.content-single.contact .copy.container h1 { color: @text-mediumgrey; font-size: 36px; } #layout .content.content-single.contact .copy.container h2 { color: @text-mediumgrey; font-size: 20px; } #layout .content.content-single.contact .copy.container h3 { color: @text-semilightgrey; font-size: 18px; } #layout .content.content-single.contact .copy.container hr { clear: both; margin: 0 0 41px; } #layout .contact .container p, #layout .contact .container div, #layout .contact .container a { color: @text-mediumgrey; font-size: 14px; } #layout .content.content-single.contact .copy.container strong { color: @text-mediumgrey; font-size: 20px; } #layout .content.content-single.contact .copy.container .contact, #layout .content.content-single .copy.container .generalinfo, #layout .content.content-single .copy.container .location { float: left; margin: 15px 0 48px; } #layout .content.content-single.contact .copy.container .contact { margin-right: 50px; } #layout .content.content-single.contact .copy.container .location { margin-right: 40px; } #layout .content.content-single.contact .copy.container .eastern, #layout .content.content-single .copy.container .dallas { float: left; margin: 50px 0; } #layout .content.content-single.contact .copy.container .eastern { margin-right: 250px; } /* DISCOVER PAGE STYLES */ #layout .discover { background:url(../images/discover-background.png) no-repeat; background-position-x: 200px; margin: -50px 0 0; min-height: 834px; } #layout .discover .copy.container { padding: 65px 0 0; } #layout .discover .copy.container .col1, #layout .discover .copy.container .col3 { font-size: 15px; float: left; line-height: 20px; width: 290px; } #layout .discover .copy.container .col1 span.intro { font-size: 15px; text-transform: uppercase; } #layout .discover .copy.container .col2 { float: left; margin: 0 30px; width: 320px; } #layout .discover .copy.container .col2 img { border: 1px solid @border-grey; } #layout .discover .copy.container .quote { color: @text-discover-quote; font-family: arial, sans-serif; font-size: 18px; line-height: 27px; margin: 0 0 45px; width: 550px;} #layout .discover .copy.container .pullquote { color: @text-darkgrey; font-size: 40px; margin: 0 0 25px; text-transform: uppercase; width: 550px; font-weight: bold; } #layout .history .container h1.title { font-size: 40px; text-transform: uppercase; } /* EVENTS PAGE STYLES */ #layout .event-feed #event-list a { text-decoration: none; } #layout .event-feed .event-title-line { color: @text-darkgrey; font-size: 20px; padding: 12px 0 5px 0; text-transform: uppercase; font-weight: bold; } #layout .event-feed .event-item-line { color: @text-event-feed-details; font-size: 16px; } #layout .event-item-hero a { text-decoration: none; } #layout .event-item-hero .event-item-content p.event-title-line, #layout .event-item-content p.event-item-line { text-decoration: none; } #layout .event-item-hero .event-item-content p.event-title-line { color: @text-darkgrey; font-size: 30px; text-transform: uppercase; font-weight:bold; } #layout .event-item-hero .event-item-content p.event-item-line { color: @text-event-hero-details; font-size: 15px; margin: 5px 0 0; } #layout .event-item-hero .event-item-content .event-item-hero p.event-item-line:last-of-type { margin: 10px 0 0; } #sidebar-container .sidebar-item.first { padding: 0px 0 10px; } #sidebar-container .sidebar-item { padding: 25px 0 10px; } #sidebar-container .events-widget, #sidebar-container .latest-widget { border-bottom: none; } /* EVENTS DETAIL POPUP STYLES */ div#event-popup a.close { background:url(../images/popup-close.png) no-repeat 0 0; bottom: 22.5px; display: block; float: left; height: 45px; left: 22.5px; position: relative; text-indent: -9999px; width: 45px; z-index: 1000; } div.event-content { color: @text-event-hero-details; font-size: 15px; margin: 7px 0 25px; } div.event-content a { color: @text-event-hero-details; font-size: 15px; text-decoration: underline; } section#layout.event-page { padding: 60px 55px 255px 50px; } /* LATEST PAGE STYLES */ #layout .latest-item .latest-item-content .latest-social a, #layout .post-content .social a { display: block; text-indent: -9999px; } #layout .latest-item .latest-item-content .latest-social a.fb, #layout .post-content .social a.fb { background: url(../images/social-sprite.gif) no-repeat 0 0; float: left; height: 30px; width: 25px; } #layout .latest-item .latest-item-content .latest-social a.twitter, #layout .post-content .social a.twitter { background: url(../images/social-sprite.gif) no-repeat -30px 0; float: right; height: 30px; margin: 0 0 0 5px; width: 30px; } #layout .latest-item .latest-item-content .latest-social a.fb:hover, #layout .post-content .social a.fb:hover{background-position:0px -30px;} #layout .latest-item .latest-item-content .latest-social a.twitter:hover, #layout .post-content .social a.twitter:hover{background-position:-30px -30px;} #layout .latest-listing .latest-item p, #layout .latest-content .post-content p { color: @text-event-feed-details; font-size: 16px; } #sidebar-container .sidebar-item a { text-decoration: none; } #sidebar-container #primary .xoxo.tags-widget li, #sidebar-container #primary .xoxo.tags-widget li a { color: @text-event-feed-details; font-size: 14px; margin: 2px 0; padding: 2px 3px; text-decoration: none; } #sidebar-container #primary .xoxo.tags-widget li.active, #sidebar-container #primary .xoxo.tags-widget li.active:hover { background: @text-white; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 5px; } #sidebar-container #primary .xoxo.tags-widget li:hover { background: @text-white; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin: 2px 0; padding: 2px 3px; } /* LATEST ARTICLES PAGE STYLES */ #layout .container h3.latest-post-date { color: @text-latest-post-date; font-size: 16px; text-transform: uppercase; } #layout .latest-content .post-content .tags a { color: @text-latest-post-date; font-size: 16px; font-style: italic; } #layout .latest-content h1.back-latest a { background: url(../images/back-arrow.png) no-repeat 0 0; color: @text-event-hero-details; font-size: 26px; padding: 0 0 0 25px; text-decoration: none; text-transform: uppercase; } /* MARKET DATES PAGE STYLES */ #layout .content.content-single.market-dates .copy.container { padding: 0 0 226px; text-transform: uppercase; } #layout .content.content-single.market-dates .copy.container h1 { color: @text-mediumgrey; font-size: 36px; } #layout .content.content-single.market-dates .copy.container h2 { color: @text-mediumgrey; font-size: 22px; } #layout .content.content-single.market-dates .copy.container h3 { color: @text-semilightgrey; font-size: 20px; } #layout .content.content-single.market-dates .copy.container p { color: @text-mediumgrey; font-size: 14px; } #layout .content.content-single.market-dates .copy.container .lightgrey{color:@text-semilightgrey;} /* SHIPPPING PAGE STYLES */ #layout .content.content-single.shipping .copy.container { padding: 0 0 221px; } /* SHOP PAGE STYLES */ #layout .content.content-single.shop .container .shop-categories { margin: 0 0 0 17px; } #layout .content.content-single.shop .container .shop-categories a { color: @text-darkgrey; text-decoration: none; } #layout .content.content-single.shop .container .shop-categories li.wpsc_category_link.wpsc-current-cat a { color: @text-white; } #layout .content.content-single.shop .container .shop-categories li.wpsc_category_link.wpsc-current-cat { background: #424242 url(../images/category-nav-active-bg.png) repeat-x 0 0; border: 1px solid #4c4c4c; border-right: 1px solid #9f9f9f; color: @text-white; font-size: 30px; margin: 0 0 10px; padding: 5px 20px; text-decoration: none; text-transform: uppercase; } #layout .content.content-single.shop .container .shop-categories li.wpsc_category_link { background: none; border: none; color: @text-darkgrey; font-size: 30px; padding: 5px 20px; text-decoration: none; text-transform: uppercase; }