/* Theme Name: Storefront Child Theme Theme URI: https://github.com/stuartduff/storefront-child-theme Author: Stuart Duff Author URI: http://stuartduff.com Template: storefront Description: This is a blank child theme for WooThemes StoreFront theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: storefront Tags: black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL Images License: GNU General Public License v2 or later */ /* * Add your own custom css below this text. */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css'); body, p, body > a{font-family: 'Montserrat', sans-serif !important;} .hentry .entry-content a{color:#000 !important;text-decoration:none !important} body, p{font-family: 'Montserrat', sans-serif;color: #333;} p{font-family: 'Montserrat', sans-serif;font-size: 16px;color: #333;} h1{font-family: 'Montserrat', sans-serif !important;font-size:40px;font-weight:700;line-height:1.2;} h2{font-family: 'Montserrat', sans-serif !important;font-size:35px;font-weight:700;line-height:1.2;} h3{font-family: 'Montserrat', sans-serif !important;font-size:30px;font-weight:700;line-height:1.2;} h4{font-family: 'Montserrat', sans-serif !important;font-size:25px;font-weight:700;line-height:1.2;} h5{font-family: 'Montserrat', sans-serif !important;font-size:20px;font-weight:700;line-height:1.2;} h6{font-family: 'Montserrat', sans-serif !important;font-size:18px;font-weight:700;line-height:1.2;} .hide, .page .content-area h1.entry-title, .before-header .subscribe p.submit-btn .ajax-loader{display:none !important} .text-center{text-align:center !important;} .color-red, .hentry .entry-content a:hover{color:#ec1d2e !important} .mb-10, .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header{margin-bottom:0px !important} .ml-10{margin-left:10px !important;} .mr-10{margin-right:10px !important;} .mb-0,.hentry, .before-header .subscribe form p, .footer-widgets .block ul, .content-area, .site-main {margin-bottom: 0px !important;} a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{outline:0px !important} .position-relative{position:relative !important} .sep-width {height: 3px !important;} .site-header .primary-navigation ul li a {font-size: 14px;color: #000;padding: 1.3em 1em;letter-spacing: 1px; font-weight: 700!important;transition: 0.3s linear;line-height: 29px;} .main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a{color: #ec1d2e;} .before-header {padding: 30px 20px 30px;overflow: hidden;background: #ec1d2e;} .main-navigation ul ul li a{background: #fff;color: #000 !important;font-size: 14px !important;padding: 7px 12px !important;font-weight: 600 !important;} .main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul li.focus{background: #ec1d2e !important;color: #fff !important;} .main-navigation ul ul li.mega-current-menu-item a {color: #ec1d2e !important;text-decoration:underline !important} .main-navigation ul.nav-menu ul a:hover{color:#ec1d2e !important;text-decoration:underline !important;} .main-navigation ul.nav-menu ul li.mega-font-bolder a {font-weight: 800 !important;letter-spacing: 1px;} .before-header .subscribe {margin: auto;text-align: left;float: left; width: 100%;display: flex;align-items: stretch;justify-content: center;} .before-header .wpcf7 form{margin: 0 auto !important;overflow:hidden} .before-header .wpcf7 form.invalid .wpcf7-response-output{clear:both} .before-header .wpcf7-not-valid-tip{color: #fff;} .before-header .subscribe p {display: inline-block !important;margin-bottom: 0px;justify-content: center;align-items: center;} .before-header .subscribe p label {font-size: 15px;color: #fff;font-weight: 600;letter-spacing: 1px; margin-right: 10px;line-height: 37px;} .before-header .subscribe input[type="email"] {margin-right: 15px;width: 455px !important;height: 38px; border-radius: 3px;background: #fff;font-size: 16px;letter-spacing: 1px; padding: 9px 15px 7px !important;line-height: 41px;} .before-header .subscribe input[type="submit"], .form-design input[type="submit"] {background: #fff;font-size: 16px;color: #000;font-family: 'Montserrat', sans-serif;font-weight: 500;height: 38px;padding: 10px 30px;line-height: 18px;border-radius: 0;position: relative;transition: 0.3s ease-in-out;} .before-header .subscribe form input[type="submit"]:hover, .form-design input[type="submit"]:hover, .product-design li .wp-block-button a:hover{background:#000 !important;color:#fff !important;transition: 0.3s ease-in-out;} .form-design input[type="submit"] {height: auto !important;width: 100% !important;line-height: inherit;border: none !important;background: #fff !important;font-size: 15px !important;box-shadow: 0px 0px 3px rgb(0 0 0 / 30%) !important;padding: 10px 25px !important;position: relative;transition: 0.3s ease-in-out;} .blog .read-more a {background: #000 !important;font-size: 15px !important;padding: 10px 25px !important;position: relative;transition: 0.3s ease-in-out;color: #fff !important;text-transform: capitalize;} .payment-accept {display: flex;float: right;} .payment-accept img {margin: 0px 10px 8px 0px;width: 50px;} .footer-widgets{border-bottom: 2px solid rgb(130 130 130 / 33%);} .site-footer {background-color: #000;color: #6d6d6d;padding: 1.618em 0;} .footer-widgets .block h2 {color: #fff !important;font-size: 16px;font-weight: 600;margin: 0 !important;padding: 0 0 10px !important;letter-spacing: 1px;} .footer-widgets .block ul li {list-style: none;padding: 5px 0px;font-size: 12px;} .footer-widgets .block ul li a {color: #aaa !important;transition: 0.3s linear;text-decoration: none;} .footer-widgets .block ul li a:hover, .email-footer a:hover{color: #ec1d2e !important;transition: 0.3s linear;} .footer-widgets .block ul li a i { font-size: 10px;line-height: 20px; margin-right: 5px;} .contacts-info address {color: #aaa;display: block;font-size: 12px;font-style: normal; line-height: 1.5em; margin: 5px auto 18px;padding-top: 5px;font-weight: 500;} .contacts-info address i {font-size: 15px;color: #fff;height: 35px;width: 35px;line-height: 35px;float: left;font-style: normal;text-align: center;margin-right: 10px;border: 1px solid #ec1d2e;background: #ec1d2e;} .phone-footer {overflow: hidden;font-size: 12px;line-height: 35px;color: #aaa;margin-bottom: 15px;margin-top: 12px;font-weight: 500;} .phone-footer i, .email-footer i {color: #fff;display: inline-block;float: left;font-size: 15px;height: 35px;line-height: 35px;margin-right: 10px;text-align: center;width: 35px;background: #ec1d2e;} .email-footer { overflow: hidden;margin-top: 15px;font-size: 12px;} .email-footer a { font-size: 12px;line-height: 35px;color: #aaa !important;font-weight: 500;text-decoration: none;transition: 0.3s linear;} .social-connect li {display: inline-block;} .social-connect li i {font-size: 22px !important;width: 40px;height: 40px;background: #ec1d2e;color: #fff;justify-content: center;display: flex;align-items: center;} .site-info {padding: 1.617924em 0;color: #aaa;font-size:12px} .image-style {position: relative;padding: 0px;} /*.image-style .wp-block-cover__inner-container {padding: 20px !important;}*/ .image-style:before {overflow: hidden;position: absolute;top: 0;content: "";width: 100%;height: 100%;left: 0;right: 0;bottom: 0;opacity: 1;transition: all 0.3s ease 0s; background-color: rgba(0, 0, 0, 0.35);transform: scale(0);z-index: 1;} .image-style .section-for a {background: linear-gradient( 90deg, rgb(238, 43, 36) 0%, rgb(173, 26, 26) 100%);padding: 10px 20px;color: #fff;text-decoration: none !important;font-size: 15px;font-weight: 500;display: inline-block;opacity: 1;transition: all 0.3s ease 0s;transform: scale(0); border-radius: 5px;letter-spacing: 2.9017px;} .image-style:hover:before, .image-style:hover .section-for a{transform: scale(1);} .storefront-breadcrumb {background: #f5f5f5;margin: 0 0 0em;padding: 1em 0 !important;} .storefront-breadcrumb .woocommerce-breadcrumb {color: #000;font-size: 15px;font-weight: 600;} .storefront-breadcrumb .woocommerce-breadcrumb a {color: #ec1d2e;font-weight: 600;text-decoration: none;} .border-decoration {height: 30px;right: 0; overflow: hidden;bottom: 0px;position: absolute;width: 100%;} .border-decoration .left-decor, .border-decoration .right-decor {background: #f5f5f5;height: 30px;transform: skewX(30deg);left: 0;position: absolute;width: calc((100% - 1350px - 160px) / 2);bottom: -2px;} .border-decoration .right-decor {right: 0;left: auto;transform: skewX(-30deg);} .about-card {box-shadow: 0 1px 3px rgb(0 0 0 / 22%);border-radius: 5px;padding: 32px 36px !important;min-height: 400px;display: flex; justify-content: center;align-items: center;text-align: center; margin-top: -10em !important;position: relative;} .about-card p {font-size: 15px; line-height: 1.8;margin-bottom: 0px;letter-spacing: 1px;font-weight: 500;} .box-design {min-height: 264px;border-top-left-radius: 20px;box-shadow: inset 1px 1px 5px rgb(0 0 0 / 22%);border-bottom-right-radius: 20px;border-bottom: 2px solid #ec1d2e;} .form-design input, .form-design textarea { width: 100%;height: 38px; border-radius: 3px;background: #fff !important;font-size: 16px;letter-spacing: 1px;padding: 9px 15px 7px !important;line-height: 41px;box-shadow: none !important;border: 1px solid #ddd;margin-bottom: 10px;} .form-design textarea{height:auto !important;} .woocommerce-active .site-header .site-branding a{margin-bottom:0px !important} .btn-slider-design, .submit-btn{position:relative;} .btn-slider-design:before, .submit-btn:before, .product-design li .wp-block-button a:before, .blog .read-more a:before{content: "";position: absolute;height: 1px;width: 100%;background: #fff;top: auto;bottom: -7px;left: 0; right: 0;transform: scale(1,1);transform-origin: 0 50%;transition: transform .4s cubic-bezier(.28,.38,0,.81);} .blog .read-more a:before{background:#000 !important} .btn-slider-design:hover:before, .submit-btn:hover:before, .product-design li .wp-block-button a:hover:before, .blog .read-more a:hover:before{transform: scale(0,1);transform-origin: 100% 50%;} .blog .read-more a:hover{background:#ec1d2e !important;color:#fff !important} .product-design li .wp-block-button a:before, .contact:before{background:#000 !important} .contact:before{bottom:30px;} .about-card.margin-top-0 { margin-top: auto !important;} .image-grayscale:hover img { filter: grayscale(0) !important; transition: 0.5s ease-in-out; box-shadow:0px 1px 3px #a9a9a9; border-radius:5px; } .image-grayscale img { transition: 0.5s ease-in-out; filter: grayscale(1) !important; } /** Product Design **/ ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product{margin-bottom:2em} .product-design li .wc-block-grid__product-image{ overflow: hidden;margin-bottom: 0px;border: 1px solid #ddd;padding: 2px;} .product-design li .wc-block-grid__product-image img, .products li img {overflow: hidden;transform: scale(1);transition: 0.5s linear;margin-bottom: 0px;} /*.product-design li:hover .wc-block-grid__product-image img, .products li:hover img {transform: scale(1.05);transition: 0.5s linear;}*/ .product-design li:hover .wc-block-grid__product-image img, .products li:hover img {box-shadow: 0px 0px 10px #d3d3d3;transition: 0.5s linear;} .product-design li .wc-block-grid__product-title, .products li .woocommerce-loop-product__title {font-weight: 700 !important;margin: -10px 0px 5px !important; line-height: 20px;font-size: 14px !important;} .product-design li .price .amount {font-size: 1.3em;font-weight: 800;} .product-design li .price .amount .woocommerce-Price-currencySymbol {font-size: 14px !important;position: relative;top: -3px; margin-right: 2px;color: #ec1d2e;} .product-design li .wp-block-button a {background: #fff !important;font-size: 15px !important;box-shadow: 0px 0px 3px rgb(0 0 0 / 30%);padding: 10px 25px !important; position: relative;transition: 0.3s ease-in-out;} .products li img{border: 1px solid #ddd;padding: 2px;} .products li .price {font-weight: 550 !important;color: #ec1d2d !important;} /** Product Design **/ /** Single Product Design **/ .single-product .site-main { margin-top: 3em;} .single-product .site-main .woocommerce-product-gallery__image img {width: 100%;} .single-product .site-main .entry-summary .entry-title {font-size: 25px;letter-spacing: 1px;} .single-product .site-main .entry-summary .price {margin-top: 0px;font-size: 1em;font-weight: 700;color: #ec1f2f;} .storefront-full-width-content .woocommerce-products-header h1.page-title {font-size: 25px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;} .storefront-sorting select {height: 35px;background: #f5f5f5;padding: 0px 7px;font-family: 'Montserrat';font-weight: 550;font-size: 12px;text-transform: capitalize;} .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {border: 1px solid #ddd;padding: 2px;} .related.products>h2 {padding-top: 10px;border-top: 1px solid #ddd;padding-bottom: 10px;background-image: linear-gradient(180deg, #dbdbdb, transparent); font-size: 17px;margin-bottom: 40px; text-transform: uppercase;font-weight: 800;letter-spacing: 2px;color: #000000;} .product_meta .posted_in {font-size: 12px;font-weight: 700;color: #ec1d2e;} .product_meta .posted_in a {color: #000;font-size: 15px;text-decoration: none !important;} .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {background-color: #ec1d2e !important;color: #ffffff !important;} /** End Single Product Design **/ /** Mega Menu design **/ #mega-menu-wrap-primary{background:#fff !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{background:transparent !important;color:#ec1d2e !important} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{line-height:29px;padding:1.3em 1em !important;height:auto !important; color: #000;letter-spacing: 1px;font-weight: 700!important;transition: 0.3s linear;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding:0px !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{line-height:20px;text-transform:capitalize;transition: 0.3s linear;font-size: 12px !important;} #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu{box-shadow: 2px 2px 3px rgb(0 0 0 / 20%);border-radius: 5px;border-top-left-radius:0px;border-top-right-radius:0px;} #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu{padding:20px;} .woocommerce-pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next {background-color: #ec1d2e !important;color: #ffffff !important;} .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {color: #000000; background-color: #f5f5f5;} #respond .form-submit input[type="submit"] {background: #ec1d2e;color: #fff;} #respond {background-color: rgb(245 245 245);position: relative;padding: 25px !important;margin-bottom: 30px;border: 1px solid #ddd;} .blog article {margin: 30px 0px !important;position: relative;border-bottom: 1px solid #ddd;margin-bottom: 50px !important;} .single-post .storefront-breadcrumb{margin-bottom:30px;} .single-post .site-main nav.navigation {padding: 1em 0 1em;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 20px;} .blog article .entry-title, .single-post article .entry-title {margin-bottom: 10px;font-size: 30px;letter-spacing: 1px;} .blog article .entry-title a {color: #000;font-weight: 600;} .blog article .entry-title a:hover{color:#ec1d2e !important} .blog .hentry .entry-taxonomy, .single-post .hentry .entry-taxonomy {margin: 0px;padding-top: 0; border-top: none;padding-bottom: 1em;} @media (max-width:800px){ .wp-block-columns {display: block !important;} .hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child), .editor-styles-wrapper .wp-block-columns .wp-block-column:not(:last-child){margin-right:0px !important} .box-design{min-height: auto !important;} .before-header .subscribe p{display:block} .before-header .subscribe p label{display: block;text-align: left;margin-bottom: 10px;} .before-header .subscribe input[type="submit"], .form-design input[type="submit"]{width: 100%;margin-top: 10px;} .before-header .subscribe input[type="email"] {margin-right: 0px;width: 100% !important;} } @media (max-width:767px){ .main-navigation .menu {background: #000;margin-top: 10px;padding: 0px 10px;} .main-navigation ul li a, .site-title a, ul.menu li a{color: #ec1d2e;} .mb-10, .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header{margin-bottom:0px;} button.menu-toggle{font-size:1.2em;display:none;} .site-branding{width:100%;} .site-branding img{margin-bottom:20px !important; margin:auto;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding:0.5em 1em !important} #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu {padding: 10px !important;} #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"].mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu.mega-toggle-on ul.mega-sub-menu{box-shadow: 0px 0px 3px rgb(0 0 0 / 20%) !important;} .site-header{padding:0.5em 0px !important} } @media (min-width: 768px){ .site-header{border-bottom:none !important} .site-header>.col-full{display:flex;align-items: center;} .col-full {max-width: 70.498938em;padding: 0 1.617924em;} .site-header {padding-top: 0.6em;} .secondary-navigation{margin-bottom: 1em !important;margin-right: 2.347826087% !important;} .secondary-navigation ul li a {font-size: 1.6em;padding: 10px 15px !important; color: #000;transition: 0.3s ease-in-out;} .secondary-navigation ul li a:hover {transition: 0.3s ease-in-out;transform: scale(1.1);color: #ec1d2e !important;} .site-branding, .site-search, .site-logo-anchor, .site-logo-link{margin-bottom:0.6em !important} .site-header .storefront-primary-navigation {border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .main-navigation ul.menu, .main-navigation ul.nav-menu{margin-left:0px !important} .site-header .site-branding img {height: auto;max-width: 200px;max-height: none;} .woocommerce-active .site-header .site-branding {width: 20%;float: left;margin-right: 2.347826%;} .woocommerce-active .site-header .main-navigation{width:73%} .header-search-cart { width: 75%;float: left;display: flex;justify-content: flex-end;} .header-search-cart #site-header-cart {width: 30%;} .header-search-cart .site-search {width: 40% !important;margin-bottom: 1em;} .header-search-cart .site-search form input[type="search"] {background: #fff;box-shadow: none; border: 1px solid #ddd; font-size: 12px;padding: 13px 50px 14px 20px !important;letter-spacing: 0.1em;font-family: 'Montserrat', sans-serif;text-transform: capitalize;font-weight: 500;color: #000;} .header-search-cart .site-search .widget_product_search form::before {top: 0.7em;left: auto;right: 1.15em;color: #000;font-size: 19px;} .site-header .primary-navigation ul li.sales-botton {position: relative;} .site-header-cart .cart-contents{padding:1.25em 0px !important;font-weight: 600;} .site-header-cart .cart-contents::after {height: auto;font-size: 1.5em;color:#ec1d2e;position: relative;top: -6px;} .site-header .primary-navigation ul li:first-child a { padding-left: 0px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child > a.mega-menu-link { padding-left: 0px !important;} .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header { padding: 1.5em 0px;border-bottom: 1px solid #ddd;margin-bottom: 3em;text-align: center;} /*.storefront-sorting {margin-bottom: 2.617924em;float: right;position: absolute;right: 0;top: 17px;}*/ .storefront-full-width-content .content-area{position:relative;} .woocommerce-result-count {padding: .75em 0;font-size: 13px;} .storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {width: 21.111111%;float: left;margin-right: 3.111111%;} .blog article .entry-header .posted-on, .blog article .entry-header .post-author, .blog article .entry-header .post-comments, .single-post article .entry-header .posted-on, .single-post article .entry-header .post-author, .single-post article .entry-header .post-comments {position: absolute;top: 3.7em; width: 100%;} .blog article .entry-header .post-author, .single-post article .entry-header .post-author {left: 13rem;} .blog article .entry-header .post-comments, .single-post article .entry-header .post-comments {left: 22rem;} .products li img{height: 245px;object-fit: contain;} }