/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Oct 31, 2017, 2:55:47 AM Author : hiddendragon */ .gifts-for-good main, .woocommerce main { margin-top: 85px; } /*================= HERO CONTAINER =========================*/ #hero-container #featured-image img { width: 100% !important; position: relative; left: -2px; } #hero-container #gfg-hero { position: absolute; display: block; width: 100%; top: 10px; color: #fff; margin-top: 80px; } #gfg-hero .hero-image img { margin-top: 10px; } /*================= end of HERO CONTAINER =========================*/ #woo-container { background: #f7f9f8; padding-top: 30px; } /*============== styling woocommerce sidebar categories =======================*/ #sidebar { /*margin-top:44px;*/ } #sidebar ul { list-style: none; padding-left: 0px; } #sidebar ul li.widget_product_categories { padding: 8px 10px; } #sidebar ul li.widget_product_categories h2 { margin: 0px auto; background: #e56b47 !Important; color: #fff; padding-left: 10px; font-size: 1.7rem; text-transform: uppercase; } #sidebar ul li.widget_product_categories h2 a { color: #fff; } #sidebar ul li.widget_product_categories h2 a:hover, #sidebar ul li.widget_product_categories h2 a:active { color: #fff; text-decoration: none; border-bottom: 0px; } #sidebar ul li.widget_product_categories ul.product-categories li { padding: 8px 10px; border-bottom: 1px solid #d9d9d9; } #sidebar ul li.widget_product_categories ul.product-categories li a:link, #sidebar ul li.widget_product_categories ul.product-categories li a:visited { color: #272727; border-bottom: 2px solid transparent; } #sidebar ul li.widget_product_categories ul.product-categories li a:hover, #sidebar ul li.widget_product_categories ul.product-categories li a:active { color: #272727; text-decoration: none; border-bottom: transparent; } /*============== end of styling woocommerce sidebar categories =======================*/ /*====================== styles for product list display========================*/ *.woocommerce-products-carousel-all-in-one { margin-top: 6px; } *.woocommerce-products-carousel-all-in-one .woocommerce-products-carousel-all-in-one-details { text-align: left; } *.woocommerce-products-carousel-all-in-one .woocommerce-products-carousel-all-in-one-details .company_name { text-align: left; font-size: 11px; color: #4d4e4e; } *.woocommerce-products-carousel-all-in-one .woocommerce-products-carousel-all-in-one-details .woocommerce-products-carousel-all-in-one-title { text-align: left; font-size: 20px; line-height: 22px !important; } .tuesday_campaign_logo { background: url("../images/treesnpeople.png") no-repeat left 3px; padding-left: 20px; background-size: 18px 12px; } .treesnpeople_logo { background: url("../images/treesnpeople.png") no-repeat left top; padding-left: 24px; background-size: 22px 16px; } .red_heart { display: inline-block; background: url("../images/GT-heart.svg") no-repeat left 1px; background-size: 18px 12px; height: 13px; width: 18px; } .trees_n_people { display: inline-block; background: url("../images/treesnpeople.png") no-repeat left 1px; background-size: 18px 14px; height: 15px; width: 18px; } .woocommerce-products-carousel-all-in-one-image a { position: relative; } *.woocommerce-products-carousel-all-in-one .woocommerce-products-carousel-all-in-one-details .woocommerce-products-carousel-all-in-one-title a:link, *.woocommerce-products-carousel-all-in-one .woocommerce-products-carousel-all-in-one-details .woocommerce-products-carousel-all-in-one-title a:visited { color: #3c3c3c; text-decoration: none; border-bottom: none; } .image-overlay { height: 110%; width: 100%; position: absolute; top: 0px; left: 0px; background: #fff; opacity: 0; z-index: 75px; -webkit-transition: opacity 0.4s ease-out; -moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; } .woocommerce-products-carousel-all-in-one-image a:hover .image-overlay { opacity: 0.7 !important; } *.woocommerce-products-carousel-all-in-one .woocommerce-products-carousel-all-in-one-details .woocommerce-products-carousel-all-in-one-long-desc { text-align: left; line-height: 24px; } *.woocommerce-products-carousel-all-in-one .woocommerce-products-carousel-all-in-one-details .woocommerce-products-carousel-all-in-one-long-desc .trees-qty { display: inline-block; background: #a8dd15; padding: 2px 6px !important; } #product-area #category-title-custom { display: none; border-bottom: 2px solid #626262; padding-bottom: 10px; } #product-area .products { list-style: none; display: block; padding-left: 0px; } #product-area .products .item { padding-left: 3px !important; padding-right: 3px !important; margin: 30px 0px; } @media screen and (min-width: 800px) { #product-area .products .item { height: 320px; } } *, :after, :before { box-sizing: border-box; } #product-area .products .item .woocommerce-products-carousel-all-in-one-image { text-align: center; vertical-align: central; overflow: hidden; box-shadow: 1px 1px 6px #888888; margin: 10px 0px; background-color: #fff !important; position: relative; } #product-area .products .woocommerce-products-carousel-all-in-one-image a { display: block; } #product-area .products .woocommerce-products-carousel-all-in-one-image a:hover, #product-area .products .woocommerce-products-carousel-all-in-one-image a:active { border-bottom-color: transparent; } #product-area .products .item .woocommerce-products-carousel-all-in-one-image img { display: block; margin: 0 auto; padding: 10px; width: 100%; height: auto; } #product-area .products .woocommerce-products-carousel-all-in-one-image a:hover .image-overlay { display: block; } #product-area .products .item .company_name { text-align: left; font-size: 12px; color: #4d4e4e; } #product-area .products .item .product-title a:link, #product-area ul.products li .product-title a:visited { color: #3c3c3c; text-decoration: none; border-bottom: none; } #product-area .products .item .product-title .woocommerce-loop-product__title { line-height: 25px; text-align: left; margin-top: 0px; margin-bottom: 0px; font-size: 20px; } #product-area .products .item .woocommerce-loop-product__title a { font-size: 1.8rem; } #product-area .products .item .woocommerce-loop-product__title a:link, #product-area ul.products .item .woocommerce-loop-product__title a:visited { color: #3c3c3c; text-decoration: none; border-bottom: none; } #product-area .products .item .woocommerce-products-carousel-all-in-one-long-desc { color: #666; font-size: 12px; } #product-area .products .item .woocommerce-products-carousel-all-in-one-long-desc .trees_qty { background: #a8dd15; display: inline-block; padding: 4px 8px; } /*=================ending styles of product list display=================================*/