!/*///// Custom CSS /////*/ /* COLORS */ /* TYPOGRRAPHY */ h1, .entry h1, .page-title, .post .title, .page .title, .archive_header, h1.entry-title{ color:#595959!important; font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif !important; text-transform:uppercase; font-weight:400; letter-spacing:-1px; font-size:4.25em; line-height:1em; padding:0; margin-bottom:.5em;} .page-title, .post .title, .page .title { color:#595959!important; font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif !important; text-transform:uppercase; font-weight:400; letter-spacing:-1px; font-size:4.25em; line-height:1em; padding:0; margin-bottom:.5em;} h2,h3,h4,h5,h6, .widget h3, .single .title, .blog .title, .page .post .title, .archive .post .title{ color:#595959; font-family: Roboto, Oswald, "Helvetica Neue Condensed", Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:700; letter-spacing:-.5px;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {line-height:1.1em;} .entry h2{font-size:3em; margin-bottom:.25em;} .entry h3, .widget h3{font-size:2.25em; font-weight:700; margin-bottom:.25em;} .widget h3{color:#595959; padding-bottom:0; margin-bottom:.5em; font-weight:400; font-size:1.5em;} .entry h4{font-size:1.75em; } small{ font-size:.8em;} .single .post .title{ font-size:3em;} .page .post h2.title, .archive .post h2.title{ font-size:2.5em;} .archive_header{ margin-bottom:1em;} .entry p, .entry ul li, .entry ol li, .widget ul li, .widget ol li, .widget p, .article, .article p{ font:400 .867em/1.875em Merriweather, "Times New Roman", Times, serif !important; margin-bottom:1.6em !important; } .entry ul, .entry ol, #connect .related-posts ul{ padding:0 0 0 .25em; margin:1.25em 0 2em;} .entry ul li, #sidebar ul li, #connect .related-posts ul li{ margin-bottom:1em; line-height:1.625em; list-style:none; background:0 2px no-repeat url('./images/blt-arrow.png'); margin-left:0; padding:0 8px 0 20px;} #sidebar ul.menu li{ margin-bottom:.5em; line-height:1.625em; list-style:none; background:none; margin-left:0; padding:0; margin-bottom:1em !important; font-size:1.05em !important;} .entry ol li{ line-height:1.875em;} .entry ol { counter-reset:li; margin-left:0; padding-left:0;} .entry ol > li { position:relative; margin:0 0 1em 2em; padding:2px 8px 0; list-style:none;} .entry ol > li:before { content:counter(li); counter-increment:li; position:absolute; top:0; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; margin-right:8px; padding:1px 0; color:#fff; background:#c03a0b; font-weight:700; font-family: Merriweather, "Times New Roman", Times, serif; text-align:center; font-size:.95em;} .entry ol li ol, .entry ol li ul {margin-top:6px;} .entry ol ol li:last-child {margin-bottom:0;} .entry strong{ font-weight:700;} .entry em{ font-style:italic;} .entry p a{ text-decoration:underline; font-weight:700;} a:link, a:visited{ color:#c03a0b;} a:hover{ color:#9e2800;} .widget{ font-size:92.5%;} .widget ul li a { line-height:inherit;} /* BUTTONS */ a.button, a.comment-reply-link, #commentform #submit, .submit, input[type="submit"], input.button, button.button, #wrapper .woo-sc-button, .hs_submit .actions input.hs-button, #commentform #submit{ background:#c03a0b; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; border:none; border-radius:0; margin:0 !important;} a.woo-sc-button span, button, input[type="reset"], input[type="button"], input[type="submit"], .hs_submit .actions input.hs-button, #commentform #submit, .submit span, .wc-proceed-to-checkout a.checkout-button{color:#FFF; font-family: Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif !important; text-transform:uppercase !important; text-shadow:none !important; font-weight:700!important; font-size:18px; line-height:1em; padding:10px 20px 10px 5px; display:block;} a.woo-sc-button span, button:after, input[type="reset"]:after, input[type="button"]:after, input[type="submit"]:after, .hs_submit .actions input.hs-button:after, #commentform #submit:after, .submit span:after{ background:right .625em no-repeat url('./images/blt-button.png');} button, input[type="reset"], input[type="button"], input[type="submit"], .hs_submit .actions input.hs-button, #commentform #submit{ padding:.5em .6em .4em;} a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover, .hs_submit .actions input.hs-button:hover, .submit:hover span{ text-decoration: none; border:none; background:#a02e06; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; color:#FFF;} a.woo-sc-button:hover span, .hs_submit .actions input.hs-button:hover, input[type="submit"]:hover, #commentform #submit:hover{color:#FFF !important;} a.button:active, a.comment-reply-link:active, #commentform #submit:active, .submit:active, input[type=submit]:active, input.button:active, button.button:active, #wrapper .woo-sc-button:active { box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3); } /* LAYOUT */ body{ background:#3f3f3f;} #content{ padding-top:2em; background-color:#FFF; border-top:20px solid #3f3f3f;} #main-sidebar-container{ width:auto; padding:0 2em; background:#FFF;} #wrapper{ max-width:100%; padding:0;} #inner-wrapper{ padding:0;} /* HEADER */ #header{padding:0 2em 1.875em; width:auto; background:#FFF;} #logo{ clear:none; text-align:center; float:none;} .log-in-cont{ font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; text-transform:capitalize; padding:0; font-size:.875em;} #login, #logged_in{ margin-bottom:1.5em; text-align:center;} #logged_in{ padding-top:1em;} a#login-button{top:0; right:0; background:#c03a0b; color:#FFF; padding:0 0.5em; } a#login-button span{ font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; text-transform:uppercase; font-weight:400; font-size:.875em; color:#FFF; padding:1em .5em; display:block;} /* MAIN NAV */ #navigation{ background:#595959; border:none; border-radius:0; top:-8px; z-index:1000;} #navigation .menus h3{ display:none; } #navigation ul.nav li a { color:#FFF; font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; text-transform:uppercase; font-weight:500; letter-spacing:0; font-size:1.25em;} #navigation .nav li.parent > a:after { color:#c03a0b;} #navigation ul.nav li ul li a { padding-left:2em;} #navigation .nav-home, #navigation .nav-close, #navigation ul.rss li a, #navigation ul.cart a.cart-contents, #navigation ul.nav-search a.search-contents {background:#3f3f3f; border-radius:0; } ul.nav ul li.current_page_item a, ul.nav ul li.current_page_parent a, ul.nav ul li.current-menu-ancestor a, ul.nav ul li.current-cat a, ul.nav ul li.current-menu-item a, #navigation ul.cart .cart_list a { font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; text-transform:uppercase; color:#FFF; } .widget ul.product_list_widget {color: #ababab;} #navigation ul.cart .total { color:#FFF; border-color:rgba(0, 0, 0, 0.5); border-width:1px 0;} #navigation ul.cart .button { padding:.5em 0; margin-bottom:2px !important; font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; text-transform:uppercase; font-size:12px; font-weight:700;} #main-nav{background:#595959;} #navigation ul.nav > li:hover, #navigation ul.nav > li a:hover{ background:#595959;} #navigation ul.nav li a:hover, #navigation ul.nav li ul li a:hover { background:#c03a0b !important; text-decoration:none !important;} ul.nav li.current_page_item a{ background:none; color:#c03a0b;} #navigation ul.cart a.cart-contents, #navigation ul.cart a.search-contents, #navigation ul.nav-search a.cart-contents, #navigation ul.nav-search a.search-contents{ color:#FFF;} #navigation .nav-home, #navigation .nav-close, #navigation ul.rss li a, #navigation ul.cart a.cart-contents, #navigation ul.nav-search a.search-contents {font-size: 1.17em; height: 1em; text-indent: -999px; width: 1em;} #navigation ul.nav ul{ padding:0;} #navigation ul.nav > li.parent:hover,#navigation ul.nav ul{ background-color:none;} #navigation ul.nav > li.parent:hover a, #navigation .nav li.parent:hover > a:after{ color:#FFF;} #navigation ul.nav > li.parent:hover > a:hover{ color:#FFF; } #navigation ul ul { margin:0 0 .5em; width:auto; paddin} #navigation ul.nav li ul li a{ color:#FFF !important; font-size:1em;} #navigation ul.nav li ul li a:hover{ text-decoration:none; color:#FFF !important;} ul.nav li.current_page_parent a{ background:none;} ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a { background:none;} .nav-toggle {margin:0; background-color:#3D3D3D; background-image:none;} .nav-toggle a{font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; } .nav-toggle:before {border-right:1px solid rgba(255, 255, 255, 0.25);} /* FOOTER */ #footer{ border-top:1px solid #3f3f3f; padding:0 0 5em;} #footer-cont{ padding:2.5em 0; background:#494848; color:#FFF; font:400 .75em/2em Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; margin:0 auto;} #footer #footer-cont .col-full{ width:auto; padding:0 2em;} #footer .col-left { margin-bottom: 0; margin-top: -10px;} #hdr-social, #ftr-social{ display:block; margin:0 auto; text-align:center;} #hdr-social li, #ftr-social li { display: inline-block; float: none; margin: 0 auto; text-align: center;} #hdr-social li:first-child, #ftr-social li:first-child{ padding-left:0;} #hdr-social li a, #ftr-social li a{ display:block; width:30px; height:30px; overflow:hidden; text-indent:-9999em; background:top left no-repeat url('./images/ftr-social-icons.png');} #hdr-social li.ftr-tw a, #ftr-social li.ftr-tw a{ background-position:0 -50px;} #hdr-social li.ftr-fb a, #ftr-social li.ftr-fb a{ background-position:0 -100px;} #hdr-social li.ftr-phone{ border-left:1px solid #CCC; padding-left:10px; margin:0 0 0 10px;} #hdr-social li.ftr-phone a{ display:block; font-weight:700; font-size:1.4em; line-height:1.75em; width:auto; height:auto; overflow:auto; text-indent:inherit; background:none;} #footer #footer-cont #copyright #opus-credit{ font-size:11px !important;} #footer #footer-cont #copyright #opus-credit a{ color:#FFF; text-decoration:underline;} /* FORMS */ .gform_body{} .entry .gform_body li{ padding:0; background:none;} /*/// BLOG-SPECIFIC ///*/ .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited { color:#c03a0b;} .post .title a:hover, .post-more a:hover, .post-meta a:hover, .post p.tags a:hover { color:#a6bfc8;} .blog .post .title, .archive .post .title{ font-size:2.875em; line-height:.95em;} .post-meta { font:400 .75em/2em Merriweather, "Times New Roman", Times, serif; color:#222; clear:both; } .blog .post, .archive .post{ padding-bottom:30px; border-bottom:1px solid #E6E6E6; } #post-author{ border-radius:0; background-color:#FFF; border:2px solid #89aab6;} #post-author .profile-content { font-size:14px; line-height:1.33em; padding-left:0;} #post-author .profile-content h4{ font-size:1.6em;} #post-author .profile-image{ display:block; float:none; margin:0 auto; text-align:center;} #post-author .profile-image img { margin:0 auto 15px; text-align:center; float:none; clear:none;} #post-author .profile-link{ margin:20px 0 10px;} .archive_header { font-size:2.2em; font-weight:400;} .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; margin-right:8px; padding:1px 5px; color:#fff; background:#c03a0b; font-weight:700; font-family: Merriweather, "Times New Roman", Times, serif; text-align:center; font-size:.95em; box-shadow:none; border-radius:0;} .woo-pagination a:hover{ background-color:#517788; } /* SINGLE POST */ hr {background-color: #e6e6e6; border: 0 none; clear: both; display: block; height: 1px; margin: 2em 0; } /* HOMEPAGE STYLES */ .home .header{ border-bottom:none; } .home .page-content{ margin:0 0; padding:0 0 4em; background-color:#020f17; border-bottom:1px solid #ababab; background-image:url(./images/home-koi-bg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:175% auto; z-index:1; } .home .main-content{ padding:14em 2em 0; float:right; width:auto;} .home .main-content p{ font-size:1em; color:#FFF; line-height:1.9em; margin-bottom:1em;} .home #main-sidebar-container{border-top:1px solid #4c4c4c; padding:4em 2em; } .home .main-content h1{ color:#c03a0b; font:400 3.9em/1em Merriweather, "Times New Roman", Times, serif; font-style:italic;} .home .main-content h3{ color:#C5C5C5; font-size:1.6em; line-height:.85em; font-weight:700; letter-spacing:0;} .home .homepage-image{ border:none; background:none; position:absolute; z-index:1;} .home #content{ background:#FFF; padding-top:0;} /* HOMEPAGE WIDGETS */ .home #sidebar-alt{ width:auto; padding:0; float:none; clear:both; border-bottom:1px solid #FFF; background:top left repeat url('./images/home-sidebar-bg.jpg'); display:block; margin-bottom:0;} .home #sidebar-alt .widget_text{ width:auto; float:none; border-bottom:1px solid #e5e5e5; padding:2em; margin:0; background:top left no-repeat; background-size:cover;} .home #sidebar-alt .widget_text#text-5{ background-image:url('./images/home-products-bg.jpg'); } .home #sidebar-alt .widget_text#text-3{ background-image:url('./images/home-food-bg.jpg'); } .home #sidebar-alt .widget_text#text-4{ background-image:url('./images/home-why-bg.jpg'); } .home #sidebar-alt .widget_text#text-2{ background-image:url('./images/home-dealer-bg.jpg'); } .home #sidebar-alt .widget_text h3{ border-bottom:none; color:#ababab; font-size:2.5em; text-shadow:1px 1px 0 #000;} .home #sidebar-alt .widget_text p{ margin-bottom:4em; color:#FFF; font-size:1.1em;} .home #sidebar-alt .widget_text:last-child{ margin-right:0; border-bottom:none;} .home .post h2.title{font:200 2em/1.1em Roboto, Oswald, "Helvetica Neue Condensed", Helvetica, Arial, sans-serif; text-transform:capitalize; letter-spacing:-0.5px; } .home .post .title a:link, .home .post .title a:visited{ color: #c03a0b; } .home #main h2.sub-head{ color:#ababab; font-size:4.25em; text-transform:capitalize; padding:0; margin:0 0 .5em; font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; font-weight:100; letter-spacing:-2px;} .home .post .post-more, .home .pagination { display:none;} .home .post{ border-top:1px solid #e5e5e5; margin-bottom:0; padding-top:25px; padding-bottom:15px;} .home #main .home-roll .post:first-child{ border-top:none; padding-top:0;} /*CUSTOM WIDGETS */ #sidebar .testimonials{ background:top left repeat url("./images/quote-bg.jpg"); } #sidebar .testimonials .testimonials-list .quote{background:top 10px right 10px no-repeat url("./images/quote-mark-bg.png"); } #sidebar .testimonials .testimonials-list .quote blockquote, #sidebar .testimonials .testimonials-list .quote .author{ padding:2em !important;} #sidebar .testimonials .testimonials-list .quote blockquote{ padding-bottom:.5em !important;} #sidebar .testimonials .testimonials-list .quote .author{ padding-top:0 !important;} #sidebar{ overflow:visible;} .fix{ width:100%;} /* IMAGES */ .entry img, img.thumbnail, #portfolio .group.portfolio-img img {background-color:#c03a0b;} .single img.thumbnail, .page img.thumbnail{ box-sizing:border-box; margin:0 0 1em; clear:both; float:none;} .home img.thumbnail{ clear:both; float:none; margin:0 auto 20px;} .home #main .entry p{ font-size:.875em;} /* FORMS */ .gform_wrapper .ginput_complex input[type="text"], .gform_wrapper .ginput_complex input[type="url"], .gform_wrapper .ginput_complex input[type="email"], .gform_wrapper .ginput_complex input[type="tel"], .gform_wrapper .ginput_complex input[type="number"], .gform_wrapper .ginput_complex input[type="password"], .gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium{ width:90%; } /* SOCIAL PROFILES */ strong.linkedin{ display:inline-block; float:left; text-indent:-9999em; overflow:hidden; width:22px; height:22px; margin-right:5px; background:-3px -103px no-repeat url('./images/ftr-social-icons.png') #deeff5;} img.img-silo{ background:none !important; border:none !important; box-shadow:none !important;} /*WHOLESALE PRODUCT STYLES */ .wwof-popup-product-summary .product-title { font-size:2.2em; font-weight:700;} .wwof-popup-product-summary .product-price { font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; font-size:1.2em; color:#c03a0b;} .wwof-popup-product-summary .product-desc { font-family:Merriweather, "Times New Roman", Times, serif; font-size:.9em; } .wwof-popup-product-summary .product-categories { font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; display:none;} .wwof-popup-product-images .gallery img{ width:48%; height:auto; margin-right:4%;} .wwof-popup-product-images .gallery img:nth-child(2n+2){ margin-right:0; } /* WHOLESALE PRODUCT LIST STYLES */ #wwof_product_listing_table tr th { padding-bottom: 0.5em; padding-top: 0.5em; text-align: center; vertical-align:middle; background-color:#f3f1ef; display:none;} #wwof_product_listing_table tbody tr td.product_row_action{ text-align:left; font-size:.85em; min-width:100px; } #wwof_product_listing_table tbody tr td.product_row_action label{ line-height:1em; } #wwof_product_listing_table tbody tr td.product_row_action input[type="checkbox"]{clear:both; display:block; text-align:left; margin:0; font-size:2em;} #wwof_product_listing_table tbody tr td.product_title_col{ } #wwof_product_listing_table tbody tr td.product_title_col a{font-weight:700; font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; font-size:1.2em;} #wwof_product_listing_table tbody tr td.product_title_col label.product_variations_label{ display:none;} #wwof_product_listing_table tbody tr td.product_title_col select.product_variations{ clear:right; display:block;} #wwof_product_listing_filter{ padding:1em 0; display:block; clear:both; margin-bottom:2em; min-height:150px;} #wwof_product_listing_filter input[type="text"], #wwof_product_listing_filter select, #wwof_product_listing_filter input[type="button"]{ clear:none; float:left; margin-right:10px !important; font-size:.9em;} #wwof_product_listing_filter input[type="button"]{ margin-bottom:10px !important;} #wwof_product_listing_table tbody tr td h3.opus-new-category{ color:#c03a0b; margin-left:-40%; } .wwof_product_listing_item_thumbnail{max-width:80px;} td.product_quantity_col div.quantity{ text-align:center !important; } td.product_quantity_col div.quantity .screen-reader-text{ font-size:8px; line-height:1em; display:block; text-align:center; margin-bottom:5px; } td.product_quantity_col input.qty{ float:none !important; margin:0 auto !important; text-align:center !important;} a.added_to_cart{ display: block; background: #777; padding: 7px 20px; float: right !important; color: #FFF; font-weight: bold;} .alternate_view_actions .view_cart {float:right !important;} /* WHOLESALE REGISTRATION STYLES */ #wwlc-registration-form p:nth-child(7){ display:none; visibility:hidden; height:1px; padding:0; margin:0;} #wwlc-registration-form .terms-and-condition-container{ display: block; clear: both; margin: 0; padding: 20px 0; } #wwlc-registration-form .form-row{width: 42%; float: left; padding-right: 8%;} /* #wwof_product_listing_table .original-computed-price{ display:none;} #wwof_product_listing_table .wholesale_price_container{ font-weight:bold; } */ /*WOOCOMMERCE STYLES */ .woocommerce-MyAccount-content{ float:none; width:inherit;} .woocommerce #sidebar .widget_shopping_cart ul li, .woocommerce #sidebar ul.cart_list li{ padding-left:0; background:none;} .woocommerce #content #content{ border:none; padding:0;} .woocommerce ul.products{} .woocommerce ul.products li{ min-height:310px; position:relative; margin-bottom:3em;} .woocommerce ul.products li a.button{ position:absolute; bottom:0; left:0; width:100%;} .woocommerce ul.products li h3{ font-weight:700;} .woocommerce ul.products li.product .price{ padding:.5em 0; } .woocommerce del.original-computed-price{ display:none;} .woocommerce ins{ text-decoration:none;} .woocommerce ul.products li.product-category.product{ min-height:inherit !important;} .woocommerce ul.products li.product-category.product mark{ display:none;} /*SINGLE PRODUCT*/ .woocommerce.single-product .summary h1.product_title{ margin-bottom:.5em; font-weight:700; font-size:3.8em;} .woocommerce.single-product .summary p.price, .woocommerce.single-product .summary .woocommerce-variation-price ins{ font-weight:700; font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; font-size:2em; color:#c03a0b;} .woocommerce.single-product .summary p.price ins{ color:#BBB; font-size:.8em; font-weight:200;} .woocommerce.single-product .woocommerce-variation-description{ font-size:1em; font-family:Roboto, "Helvetica Neue Condensed", "Arial Narrow", sans-serif; color:#939393;} /*CHECKOUT*/ ul.wc_payment_methods li.wc_payment_method{ background:none;} ul.wc_payment_methods li.wc_payment_method label{ font-size:1.4em;} ul.wc_payment_methods li .payment_box p{ font-size:1em;} /*THANK YOU PAGE*/ ul.woocommerce-thankyou-order-details{} ul.woocommerce-thankyou-order-details li{ background-image:none; padding:.5em 1em; margin:0; font-size:.8em; } /* FAQs */ .entry ul.faq{ padding-left:0; margin-left:0;} .entry ul.faq li{ background-image:none; padding-left: 30px;} .entry ul.faq li.q, .entry ul.faq li.a *{ font-size:13px;} .entry ul.faq li.a{ padding:1em;} .entry ul.faq li.a p{ margin-bottom:.5em;} .entry ul.faq img { background:none; border:none; margin:0 5px -5px -30px;} /* PAGE-SPECIFIC */ .koi-list ul{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;} /* GRAVITY FORMS */ ul.gform_fields li{ background:none !important; padding:0 !important; } /* Product Image Gallery */ /* WooCommerce 3.0 Gallery */ .woocommerce-product-gallery { position: relative; margin-bottom: 3em } .woocommerce-product-gallery figure { margin: 0 } .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) { width: 25%; display: inline-block } .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; float: left; cursor: pointer } .woocommerce-product-gallery .flex-control-thumbs img { opacity: .5 } .woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1 } .woocommerce-product-gallery img { display: block } .woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 33.3333% } .woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 25% } .woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 20% } .woocommerce-product-gallery__trigger { position: absolute; top: 1em; right: 1em; z-index: 99; } a.woocommerce-product-gallery__trigger { text-decoration: none; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: .875em; right: .875em; display: block; height: 2em; width: 2em; border-radius: 3px; z-index: 99; text-align: center; text-indent: -999px; overflow: hidden; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { background-color: #c03a0b; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover { background-color: #a13109; border-color: #c03a0; color: #ffffff; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before { font: normal normal normal 1em/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; content: "\f00e"; line-height: 2; text-indent: 0; border:none; top:0; left:15px; } .woocommerce-product-gallery .woocommerce-product-gallery__trigger:after{ content:none; background:none; width:0; height:0;} .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img{display:none;} .single-product .woocommerce-variation-description.wc-catalog-visibility{ display:none; } /* DOWNLOAD BOX */ .home .dl-header{float:left; width:100%;} .home .dl-button{float:left; width:100%; margin:20px auto;} .home .dl-button a{ float:left;} /* TUBEPRESS */ .tubepress-thumbs{ padding-left:20px;} .tubepress-thumb{ margin-right:-15px;} dd.tubepress-meta-title { line-height: 1.3em;} .tubepress-pagination{ font-size:16px; margin:30px auto;} .tubepress-pagination-item{ background:none !important;} /* MEDIA QUERIES */ @media only screen and (min-width: 480px){ .home .main-content{ padding:9em auto 2em; float:right; width:90%;} .home h1 { font-size:3.4em; line-height:.875em;} .home .page-content{ background-size:150% auto;} .home .main-content{ padding:22em 2em 0; float:right; width:auto;} .home #sidebar-alt .widget_text{ width:auto; border-right:none; border-bottom:1px solid #ababab; float:none;} .home #sidebar-alt .widget_text h3 { font-size:2.75em;} .woocommerce ul.products li{ min-height:410px;} } /* MOBILE ONLY */ @media only screen and (max-width: 767px) { span.mobile-label{ display:none !important; } a.product_link img.woocommerce-placeholder, .wwof_product_listing_item_thumbnail{ margin:0 15px 15px 0 !important;} div.fancy-overlay div.fancy-wrap{width: 90% !important; top: 10% !important; left: 5% !important;} div.fancy-overlay div.fancy-wrap div.fancybox-outer div.fancybox-inner{ width:100% !important;} .product_title_col .product_link{ vertical-align:text-top !important;} .wwof-popup-product-summary .product-title { font-size:1.5em; font-weight:700;} .page .title{ font-size: calc(48px + 48 * ((100vw - 320px) / 680));} td.product_title_col .product_link:nth-child(3){float: right; width: calc(100% - 74px); margin-bottom: 20px; } .blog .post .title{ font-size: calc(32px + 18 * ((100vw - 320px) / 680));} } /* DESKTOP ONLY */ @media only screen and (min-width: 768px) { #header{padding:2.5em 2em 0; width:auto; margin-bottom:-20px;} #header .col-full{ position:relative;} #hdr-social, #ftr-social{ display:inline-block;} #hdr-social li, #ftr-social li{ float:left; padding-left:10px; margin-top:5px;} #login, #logged_in{ margin-bottom: 2.5em; text-align: right;} #logged_in{ padding-top:10px;} #navigation ul.nav > li.parent{ background:none;} #navigation ul.nav > li.parent:hover, #navigation ul.nav ul { background-color: #c03a0b;} #navigation ul.nav li ul li a:hover{ text-decoration:none; color:#FFF !important; background:#595959 !important;} #content{ padding-top:0;} #wwof_product_listing_filter{min-height:inherit; padding: 1em 0 3em;} #wwof_product_listing_table tr th { display:table-cell;} #wwof_product_listing_table tr th:first-child{ text-align:left;} #wwof_product_listing_table tbody tr td.product_title_col{ min-width:270px;} #wwof_product_listing_table tbody tr td h3.opus-new-category{ margin-left:0;} #wwof_product_listing_table tbody tr td.product_title_col a:first-child{ float:left;} #wwof_product_listing_table tbody tr td.product_row_action{ text-align:center; font-size:.85em; min-width:70px; } #wwof_product_listing_table tbody tr td.product_row_action input[type="checkbox"]{clear:both; display:block; text-align:center; margin:0 auto .25em; font-size:2em;} #wwof_product_listing_table tbody tr td.product_title_col a.product_link:nth-child(2){display: block; float: left; margin-bottom:20px;} /* DOWNLOAD BOX */ .home .dl-header{float:left; width:75%;} .home .dl-button{float:left; width:25%;} .home .dl-button a{ float:right;} #logo{ float:left;} a#login-button{ top:0; right:0em;} #navigation{ position:relative; top:inherit; width:auto; clear:none; margin:0 auto -36px; background-color:#595959;} #main-nav{ background:none; margin-right:0; top:inherit; position:relative; } ul#main-nav li a{ padding-top:1.1em !important; padding-bottom:1.1em !important;} #navigation ul.nav li a{ padding:.5em .8em; font-size:1.05em; text-transform:uppercase; color:#FFF; font-family:Roboto; font-weight:500; } #navigation ul.nav > li.parent:hover a, #navigation .nav li.parent:hover > a:after{ color:#FFF;} #navigation ul.nav li ul li a { padding-left:1em;} #navigation ul ul{ margin-left:1px; width:14em;} #navigation ul.cart a.cart-contents + ul, #navigation ul.cart a.search-contents + ul, #navigation ul.nav-search a.cart-contents + ul, #navigation ul.nav-search a.search-contents + ul { width:16em; background:#3f3f3f;} #navigation ul.cart li:hover a.cart-contents, #navigation ul.cart li:hover a.search-contents, #navigation ul.nav-search li:hover a.cart-contents, #navigation ul.nav-search li:hover a.search-contents { background:#3f3f3f; } #content { padding-top:4em; } #header{ padding:1em; } .log-in-cont{ float:right;} #header{ border-bottom:20px solid #FFF;} .home .main-content { float: right; width: 90%; padding-top:26em;} .home .main-content p{ font-size:1em; color:#FFF; line-height:1.9em; margin-bottom:1em;} .home h1 { font-size:3.75em; line-height:.85em;} .home h1 span{color:#c5c5c5; font-size:.375em; line-height:.5em; font-weight:900; letter-spacing:0;} .home #main-sidebar-container { padding: 4em 2em; width:auto;} .home #sidebar-alt{ padding:0 2em;} .home #sidebar-alt .widget_text{ width:41.5%; min-height:330px; border-right:1px solid #ababab; border-bottom:1px solid #ababab; float:left;} .home #sidebar-alt .widget_text h3 { font-size:2.85em; line-height:.75em;} .home #sidebar-alt .widget_text:nth-child(2n+2){ border-right:none;} .home #sidebar-alt .widget_text:nth-child(3){ border-bottom:none;} .home #sidebar-alt .widget_text a.woo-sc-button{ margin:0 0 .5em;} .home img.thumbnail{ clear:none; float: left; margin: 5px 15px 15px 0;} .home #main-sidebar-container #main{ width:64.89%; float:left;} .home #main-sidebar-container #sidebar{ width:30.91%; clear:none; float:right;} #post-author .profile-content { padding-left:95px;} #post-author .profile-image img { margin:0 15px 15px 0; float:left; clear:left;} .entry ul, .entry ol, #connect .related-posts ul{ padding:0 0 0 1em;} .page-id-818 .koi-list ul{ -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;} .woocommerce ul.products li{ min-height:340px;} } @media only screen and (min-width: 980px) { .home .page-content{ margin:0 0 2em; padding:0 0 4em; background-color:#020f17; background-image:url(./images/home-koi-bg.jpg); background-position:0 0; background-repeat:no-repeat; background-size:contain; z-index:1; } .home .main-content{ padding:2em 2em 1em 0; float:right; width:54%;} #inner-wrapper{ overflow:hidden;} #header, #main-sidebar-container, .home #sidebar-alt{ padding:0;} .home .page-content{ margin:0 auto;} .home .main-content{ padding:4em 0 1em 0; width:62%;} .home #sidebar-alt .widget_text{ width:40.65%; min-height:280px; padding:3em;} #main-sidebar-container, #footer #footer-cont .col-full{ width:auto; padding:0;} .three-col-left #main-sidebar-container, .three-col-middle #main-sidebar-container, .three-col-right #main-sidebar-container{ width:100%; padding:4em 0;} .two-col-left #main-sidebar-container #main, .two-col-right #main-sidebar-container #main { width: 72.89%;} .two-col-left #main-sidebar-container #sidebar, .two-col-right #main-sidebar-container #sidebar { width: 25.91%;} .page-id-7346.two-col-left #main-sidebar-container #main, .page-id-7346.two-col-right #main-sidebar-container #main { width: 64.89%;} .page-id-7346.two-col-left #main-sidebar-container #sidebar, .page-id-7346.two-col-right #main-sidebar-container #sidebar { width: 32.91%;} } @media only screen and (min-width: 980px) {}