/** * This file is a container for custom CSS. You can use it to override the default styles of the theme. * * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css". * Otherwise this file will not be loded by Magento. * 2. Enable it in the admin panel. * 3. Uncomment slected sample styles or add your own CSS to override the default styles of the theme. * * Please refer to the user guide for more details. * */ /*Examples*/ /* Stock indicator on product page: icon color -------------------------------------------------------------- */ /* .availability-only .ic { color: green; } */ /* Product counter in the mini cart drop-down -------------------------------------------------------------- */ /* .header .skip-link .count { background-color: deepskyblue; } */ /*Something else you can do here is that each store will automatically have the store name/code added to the class. You can use this to target things for a specific store. eg: Jason Isbell is .jason-isbell, so you could say: .jason-isbell h1{color: #777} etc etc etc. Please comment each stores specific section if applicable. /*end examples*/ /*Jason Isbell specific*/ .jason-isbell .section-title,.catalog-product-view.jason-isbell .product-name, .jason-isbell .page-title, .jason-isbell .category-title,.jason-isbell.cms-index-index h1,.jason-isbell.cms-index-index h2,.jason-isbell.cms-index-index h3,.jason-isbell.cms-index-index h4,.jason-isbell.cms-index-index h5,.jason-isbell.cms-index-index h6{color: #777} .jason-isbell .breadcrumbs li, .jason-isbell .breadcrumbs a{ color: #679dba; } /*.jason-isbell .pager .pages li a{ background-color: #000; }*/ /*.jason-isbell .pager .pages li a:hover{ background-color: #679dba; }*/ .jason-isbell .product-view .product-type-data, .jason-isbell .product-view .product-type-data .price-box, .jason-isbell .container1-wrapper, .jason-isbell .container2-wrapper, .jason-isbell .product-view .add-to-box, .jason-isbell .category-products-grid .item, .jason-isbell .products-list li.item, .jason-isbell .remember-me-popup h3, .jason-isbell .map-popup-heading,.jason-isbell .gen-tabs .tabs-panels,.jason-isbell .block .actions, .jason-isbell .section-line, .jason-isbell .buttons-set, .jason-isbell .toolbar, .jason-isbell .toolbar .pager{ border-color: #777; } .jason-isbell .share-this .feature-wrapper.top-border{ border: none; } .jason-isbell .account-login h2, .jason-isbell #opc-login h3, .jason-isbell .fieldset .legend, .jason-isbell .multiple-checkout .col2-set h2.legend, .jason-isbell .info-set h2.legend, .jason-isbell .block .block-title, .jason-isbell .block-layered-nav .block-subtitle--filter, .jason-isbell .section-title, .jason-isbell .cart .crosssell h2, .jason-isbell .cart .discount h2, .jason-isbell .cart .shipping h2,.jason-isbell.cms-index-index h1,.jason-isbell.cms-index-index h2,.jason-isbell.cms-index-index h3,.jason-isbell.cms-index-index h4,.jason-isbell.cms-index-index h5,.jason-isbell.cms-index-index h6,.jason-isbell.cms-index-index .product-name-holder{ border-bottom: 1px solid #777; } .jason-isbell.cms-index-index h3.product-name{ border-bottom: none; } .jason-isbell .footer-secondary{ border-top: 1px solid #777; } .jason-isbell .nav-regular .nav-item.level0 > a{ font-size: 15px; } .jason-isbell .nav-regular li.level0 > a{ padding: 12px; } /*end Jason Isbell Specific*/ /*Stryper*/ .stryper .opc .step-title a{ color: #333; } .stryper .nav-regular .nav-item.level0 > a{ font-size: 22px; } .stryper .WK_product_background{ background-color: #000 !important; } /*end Stryper Specific*/ /*Brothers Comotase specific*/ .thebrotherscomatose .products-list .ratings, .thebrotherscomatose .products-grid .ratings, .thebrotherscomatose .products-list .ratings a, .thebrotherscomatose .products-grid .ratings a, .thebrotherscomatose .block-layered-nav dl dd ol > li > a .count,.thebrotherscomatose .breadcrumbs li, .thebrotherscomatose .breadcrumbs a, .thebrotherscomatose .block-related-simple .related-add-to-wishlist,.thebrotherscomatose .block-related-thumbnails .related-add-to-wishlist,.thebrotherscomatose .availability,.thebrotherscomatose .product-view .box-reviews dd .date,.thebrotherscomatose .item-options dd,.thebrotherscomatose .product-options p.note{ color: #3b2414 } .thebrotherscomatose .price-notice .price, .thebrotherscomatose .old-price, .thebrotherscomatose .price-box .old-price .price, .thebrotherscomatose #map-popup-msrp, .thebrotherscomatose .map-popup-msrp .price{ color: #000; } /*end Brothers Comatose specific*/ /*Mavis Staples specific*/ .mavisstaples .breadcrumbs a,.mavisstaples .breadcrumbs li, .mavisstaples .availability,.mavisstaples .item-options dd{ color: #000; } /*end Mavis staples specific*/ /*Carole King*/ /*Ryan Montbleau specific*/ /*.ryanmontbleau .breadcrumbs a,.ryanmontbleau .breadcrumbs li, .ryanmontbleau .availability,.ryanmontbleau .item-options dd{ color: #000; }*/ /*end Ryan Montbleau staples specific*/ .caroleking .logo-wrapper { margin: -30px 35px -10px; } .caroleking .header .logo-wrapper .logo { margin: 0; } .caroleking .wrapper{ background-size: 100%; } /*end Carole King Specific*/ .uclimited div#header-nav,.uclimited .footer-container .grid12-3:nth-child(1),.uclimited .footer-container .grid12-3:nth-child(2),.uclimited .breadcrumbs{ display: none; } .uclimited .port-merch-full-width-banner{ padding: 0 0 50px; } .payableondeath .products-grid li.item{ width: 31.3%; clear: none !important; } .payableondeath .header-primary{ padding-bottom: 0; } .payableondeath .header-container3{ padding-top: 0; } .payableondeath #header-nav{ position: absolute; top: 31px; left: 50%; width: auto; transform: translate(-50%, 0); } .payableondeath .nav.container{ width: 100%; } .payableondeath .nav,.payableondeath .nav-regular{ background: transparent; } .payableondeath .nav-border-bottom{ display: none; } @media screen and (max-width: 990px) { .payableondeath .products-grid li.item{ clear: both !important; width: 100% !important; } } /*end Payable on Death*/ .wide-store .products-grid li.item{ width: 31.3%; clear: none !important; padding-bottom: 90px !important; } @media screen and (max-width: 990px) { .wide-store .products-grid li.item{ clear: both !important; width: 100% !important; } } .tommyprine header a.mini-cart-heading { color: #f5f2ed; } /*end tommyprine*/ .nowmorethanever .header-regular .logo-wrapper .logo img{ max-height: 150px; } .nowmorethanever .header-regular .central-column{ text-align: right; padding: 0; } /*end nowmorethanever */ .adamcarollalimited div#header-nav,.adamcarollalimited .footer-container .grid12-3:nth-child(1),.adamcarollalimited .footer-container .grid12-3:nth-child(2),.adamcarollalimited .breadcrumbs,.adamcarollalimited #search-wrapper-regular{ display: none; } .adamcarollalimited .port-merch-full-width-banner{ padding: 0 0 50px; } .adamcarollalimited .header-container3{ padding: 0; } /*end adamcarollalimited*/ /* Default Store (not in use) Specific */ .default .footer-secondary, .default .header-regular .right-column .search-wrapper, .default .header-regular .right-column .dropdown{ display: none; } /* end Default Store (not in use) Specific */ @font-face { font-family: 'fontello'; src: url('../font/fontello.eot?79759722'); src: url('../font/fontello.eot?79759722#iefix') format('embedded-opentype'), url('../font/fontello.woff?79759722') format('woff'), url('../font/fontello.ttf?79759722') format('truetype'), url('../font/fontello.svg?79759722#fontello') format('svg'); font-weight: normal; font-style: normal; } .success-msg:before{ content: '\e800'; font-family: "fontello"; color: #6F953A; margin: -5px 0 0 -40px; float: left; font-size: 28px; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .success-msg{ background-image: none; } /*Let the main nav items be done w/ the font that you pick in the Theme design settings in the admin, but then set everything else that it would normally affect to Oswald.*/ /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ .block-layered-nav .block-subtitle--filter, /* Filters */ /* Generic */ .feature .heading, .accordion .heading, /* Main menu */ /* Regular mode */ /*.nav-regular .nav-item.level0 > a,*/ /* level 1 */ /* Mega dropdown */ .nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */ /* Containers for additional elements in the menu bar */ .nav-regular .nav-holder .dropdown-heading, /* Mobile mode */ .mobnav-trigger, .nav-mobile .nav-item.level0 > a, /* level 1 */ .nav-mobile .nav-item.level1 > a, /* level 2 */ .nav-mobile .nav-item.level2 > a, /* level 3 */ /* Holders for additional elements in the menu bar */ .nav-regular .nav-holder .dropdown-heading, .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading, /* Mobile header skip links */ .header-mobile .skip-link .label, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, .gen-tabs--style1-small .tabs a, /* Captions */ .caption .heading { font-family: "Oswald", sans-serif; font-weight: 400; } .cms-index-index h1.logo{ border: none; } .cms-index-index .category-products-grid .item, .cms-index-index .category-products h2{ border: none !important; } /*.products-grid .product-name { height: 42px; }*/ .footer .item-left{ float: none; } .footer-copyright{ font-size: 12px; text-align: center; } .featured-slide{ margin-top: 25px; } .gen-tabs--style1-small .tabs a{ font-size: 20px; font-weight: lighter; } .gen-tabs .tabs a.current,.gen-tabs--style1-small .tabs a,.gen-tabs--style1 .tabs a{ border: none; } .gen-tabs--style1-small .tabs a,.gen-tabs--style1-small .tabs a.current{ padding: 8px 12px; } .gen-tabs--style1 .tabs a.current{ margin-top: 0; } h2, h3, h4, h5{ margin: 10px 0; } .data-table tr.even{ background: none; } .off{ display: none; } .on{ display: block; } .product-options dd select{ width: auto; } .cart-left-column .grid12-6{ width: 50% } .generic-msg{ border: 3px solid #666; background: #efefef; color: #000; font-style: italic; padding: 10px; } .order-info-box,.data-table tbody.even,.opc .gift-messages-form{ background-color: transparent; } .featured-slide .product-image-wrapper{ min-height: 196px; } .faq-content .faq_answer ul, .faq-content .faq_answer ol,.cms-page-view .col-main ul,.cms-page-view .col-main ol,.tabs-panels ol{ margin: 10px 0 10px 25px; } .faq-content .faq_answer ul li,.cms-page-view .col-main ul li,.tabs-panels ul li{ list-style: disc; } .faq-content .faq_answer ol li,.cms-page-view .col-main ol li,.tabs-panels ol li{ list-style: decimal; } .faq-content .faq_answer li,.cms-page-view .col-main li{ padding: 0 0 10px 0; } .grid12-4{ width: 48%; } .product-view .short-description { margin: 15px 0; line-height: 1.6em; font-size: 15px; } .product-name-holder{ /* this was really put in to cover Jason's store b/c the product names on the home page slide have a bottom border and if it breaks a like it appears to be uneven height*/ min-height: 55px; width: 100%; } .featured-slide .products-grid .item{ text-align: center; } .opc .step-title .number{ background-color: #333; color: #fff; } .product-options ul.options-list:hover { color: inherit; } .port-merch-full-width-banner{ width: 100%; } .port-merch-half-width-banner{ width: 49%; float: left; margin: 0 5px; } /*at Chip's request, hide PayPal as an option on the payment method section of checkout'*/ /*#p_method_paypal_express,#p_method_paypal_express > label{display: none;}*/ /*hide some weird PayPal Payflow option that started appearing when I updated the API key*/ #dt_method_payflow_advanced,#dd_method_payflow_advanced{ display: none; } .yarnmusic .product-options-bottom .price-box{ display: none; } .form-list .name-middlename{ width: 150px; } .form-list .name-middlename input.input-text{ text-align: center; width: 85%; } .header-regular .right-column .search-wrapper{ margin: 0 0 5px 0; } .main{ padding: 0 0 20px; } .breadcrumbs{ margin: 0 0 20px 0; } .button{ font-size: 14px; line-height: 40px; padding: 0 20px; } .nav-regular li.level0 > a{ padding: 0 17px; } .price-box .price.custom-price{ color: #000; } .product-view .short-description .std ul:not(.ic-ul), .product-view .box-tabs .std ul:not(.ic-ul){ list-style: disc; } .product-view .short-description .std ul:not(.ic-ul) li, .product-view .box-tabs .std ul:not(.ic-ul) li { background: none; padding-left: 0; } .product-view .short-description ul{ margin-left: 28px; } /*some bidding module styling*/ .products-grid .wk_front_dd_calign{ /*this is the js countdown timer*/ display: none; } /*.WK_product_background{ background-color: #f2f2f2 !important; }*/ .checkout-onepage-success p{ margin: 7px 0 !important; } .block-reorder .product-name{ display: inline !important; margin-left: 20px !important; } /*Puddles Pity Party Coffee*/ .item-6153 .price-box{ display: none; } /*Cimafunk*/ .header-regular .logo-wrapper .logo img{ max-height: 100px; width: auto; } /*garyhoey*/ .garyhoey .nav-6 a,.garyhoey .nav-regular .nav-item.level0.nav-6.active > a{ background-color: #ba4452; color: #ffffff; } /*tallheights*/ .tallheights.category-softly-softly .category-title{ display: none; } @media only screen and (max-width: 767px) { /*cart coupon field order manipulation*/ .cart-collaterals.nested-container{ display: flex; flex-flow: row wrap; } .cart-right-column,.cart-left-column{ width: 100%; } .cart-left-column{ order: 1; } .cart-right-column{ order: 2; float: none; } }