/********************************* [ GLOBAL STYLES ] *********************************/ .clear, .clearfix { clear: both; } .clear:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .post, .page { margin: 0 !important; } div, span, ul, li, img, header, nav, footer, main, article, aside, section { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body { position: relative; font-size: 1.1rem; line-height: 1.6rem; font-weight: 300; font-family: "Lexend Deca", sans-serif; color: #333; background: #d7d7d7; } #page { z-index: 1; } /***************************/ /* GLOBAL COLOUR - #62493f */ /***************************/ a, a:visited { text-decoration: none; color: #62493f; } a:active, a:hover { text-decoration: none; color: #555; } .entry-content a { text-decoration: underline; color: #62493f; } .entry-content a:hover { text-decoration: underline; color: #62493f; } h1, h2, h3, h4, h5, h6 { margin: 0 0 40px; color: #62493f; letter-spacing: 0px; line-height: 1em; font-weight: 700; font-family: "Barlow Semi Condensed", sans-serif; text-shadow: none; text-transform: uppercase; letter-spacing: -0.5px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #62493f; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: bold; } h1.entry-title a, h2.entry-title a, h3.entry-title a, h4.entry-title a, h5.entry-title a, h6.entry-title a { color: #62493f !important; } h1 { font-size: 3rem; line-height: 3rem; } h2 { font-size: 1rem; line-height: 2rem; } h3 { font-size: 1.6rem; line-height: 2rem; margin-bottom: 20px; } h4 { font-size: 1.6rem; line-height: 2rem; margin-bottom: 20px; } h5 { font-size: 1.3rem; line-height: 2rem; margin-bottom: 20px; } h6 { font-size: 1.3rem; line-height: 1.8rem; margin-bottom: 20px; } strong { font-weight: 700; } p { margin: 0 0 2rem; } ::-webkit-input-placeholder { color: #222; } ::-moz-placeholder { color: #222; } :-ms-input-placeholder { color: #222; } :-moz-placeholder { color: #222; } input:focus, input:active, input[type="checkbox"], select, textarea, img { outline: none; } input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input.text, input.title, textarea, select { background-color: #fff; color: #222 !important; border: 1px solid #cecece; padding: 14px !important; font-weight: 400; font-size: inherit; border-radius: 5px; -webkit-border-radius: 5px; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #999; color: #222; } input::placeholder, textarea::placeholder { color: #888; opacity: 1; } .ginput_container_checkbox { padding-top: 20px; } .gfield_checkbox input[type="checkbox"] { opacity: 0; } .gfield_checkbox label::before{ content: ""; display: inline-block; height: 20px; width: 20px; left: 0; border: 2px solid #ccc; border-radius: 0 0; -webkit-border-radius: 0 0; } .gfield_checkbox label::after { content: ""; display: inline-block; height: 8px; width: 12px; border-left: 2px solid #111; border-bottom: 2px solid #111; transform: rotate(-45deg); } .gfield_checkbox label { position: relative; padding-left: 30px !important; padding-bottom: 6px !important; } .gfield_checkbox label::before, .gfield_checkbox label::after { position: absolute; } .gfield_checkbox label::before { top: 3px; } .gfield_checkbox label::after { left: 4px; top: 7px; } /*Hide the checkmark by default*/ .gfield_checkbox input[type="checkbox"] + label::after { content: none; outline: none; } /*Unhide the checkmark on the checked state*/ .gfield_checkbox input[type="checkbox"]:checked + label::after { content: ""; outline: none; } /*Adding focus styles on the outer-box of the fake checkbox*/ .gfield_checkbox input[type="checkbox"]:focus + label::before { outline: none; } input[type=button], input[type=submit], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; /* For Mobiles */ z-index: 1; border-radius: 5px; -webkit-border-radius: 5px; position: relative; background: #62493f; border: 0px none; display: inline-block; cursor: pointer; color: #fff !important; font-size: 1rem; font-weight: 500; font-family: 'Barlow Semi Condensed', sans-serif; text-decoration: none !important; text-transform: uppercase; letter-spacing: 0.4px; line-height: 2rem; padding: 8px 25px; text-align: center; } input[type=button] i, input[type=submit] i, button i, .button i, a.read-more i, .reply-container a i, #commentform input#submit i, a i, .shortcode-button a i { margin-right: 10px; vertical-align: middle; position: relative; } input[type=button]:hover, input[type=submit]:hover, button:hover, .button:hover, a.read-more:hover, .reply-container a:hover, #commentform input#submit:hover, .shortcode-button a:hover, .gform_wrapper.gravity-theme .gform_previous_button.button:hover, .gform_wrapper.gravity-theme .gform_save_link.button:hover { background: #9b624b !important; text-decoration: none !important; color: #fff; } /* Change this class to whatever ID or class you wish to animate */ input, select, textarea, article, section, input[type=button], input[type=submit], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .site-info section .footer-socials a, .main-navigation ul ul, #back-top, body.archive li.product, body.archive .product img, .main-navigation li a::after, .main-navigation li a::before, .site-header, .site-branding, .site-branding img, .main-navigation, .main-navigation li a, .main-navigation ul ul a, ul#post-page-loop li .feat-zoom, #home-view-menu, a.home-new-link, a.home-new-link::after, .site-info section ul li a, ul.products li { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /******************************* [ END GLOBAL STYLES ] *******************************/ .container { margin: 0 auto; width: 1560px; } #primary { float: right; width: 73%; text-align: left; margin: 0px 0px 100px; padding: 4%; background: #fff; border: 0 none; box-shadow: 2px 2px 2px rgba(0,0,0,0.06); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.06); border-radius: 10px; -webkit-border-radius: 10px; } .fullwidth #primary { float: none; width: auto; } #secondary { float: left; width: 24%; margin: 0px 0px 100px; text-align: left; } /********************************* [ HEADER STYLES ] *********************************/ .site-header { position: absolute; z-index: 11111; top: 0; width: 100%; background: linear-gradient(to bottom, rgba(17,17,17,0.5) 0%,rgba(0,0,0,0) 100%); box-shadow: 0 0 10px rgba(0,0,0,0); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0); } .site-header article.not-topbar { padding: 30px 0px; display: flex; flex-flow: row nowrap; align-items: center; } .site-header article.not-topbar.freeshippingbar { background: #62493f; color: #fff; text-align: center; justify-content: center; padding: 6px; font-family: "Barlow Semi Condensed", sans-serif; letter-spacing: 2px; } .site-header article.not-topbar.freeshippingbar strong { font-weight: 500; } .header-left { width: 110px; } .site-branding { margin: 0 auto; } .site-branding img { display: block; width: 100%; height: auto; margin: 0; } .body-fixed { } .site-header.scroll-fixed { position: fixed; background: #241C18; box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); } .site-header.scroll-fixed .site-header-topbar { display: none; } .site-header.scroll-fixed article { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 5px 0; } .site-header.scroll-fixed article.not-topbar.freeshippingbar { display: none; } .site-header.scroll-fixed .site-branding { margin: 0 auto; } .site-header.scroll-fixed .site-branding img { width: 55%; } .site-header.scroll-fixed .header-right { padding-left: 0; } /******************************* [ END HEADER STYLES ] *******************************/ /********************************* [ NAVIGATION STYLES ] *********************************/ .header-right { width: calc(100% - 110px); display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; padding-left: 50px; } .main-navigation { display: flex; flex-flow: row nowrap; justify-content: flex-start; } .menu-main-menu-container { width: 70%; } .main-navigation ul { display: flex; flex-flow: row nowrap; justify-content: flex-start; list-style: none; margin: 0; } .main-navigation li { } .main-navigation li a { position: relative; display: inline-block; margin: 0 24px; line-height: 3rem; font-size: 1.2rem; font-family: "Barlow Semi Condensed", sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: none; color: #fff; } .main-navigation li.menu-item-1847 a { } .main-navigation li a:hover { text-decoration: none; color: #9b624b; } .main-navigation li:last-child a i { margin-right: 0px; font-size: 1.3rem; vertical-align: middle; } .main-navigation li > a::before { position: absolute; content: ''; z-index: -1; bottom: 8px; left: 50%; width: 0; height: 1px; background: #9b624b; opacity: 0; -webkit-opacity: 0; } .main-navigation li > a:hover::before { left: 0; width: 100%; opacity: 1; -webkit-opacity: 1; } .menu-item-has-children { padding-right: 10px; } .menu-item-has-children::before { position: absolute; z-index: 11; right: 14px; top: 50%; margin-top: -10px; font-size: 20px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f13c"; } .main-navigation ul ul { display: block; width: 310px; background: #fff; border-top: 3px solid #9b624b; margin-top: 0; padding: 0 0; text-align: left; box-shadow: 6px 6px 6px rgba(0,0,0,0.2); margin-right: 0px; font-size: 0.9rem !important; line-height: 1.2rem !important; } .main-navigation ul ul::before { display: block; background: rgba(255, 0, 0,0); height: 6px; position: absolute; top: -9px; left: 0; width: 100%; content: ''; z-index: 2; } .main-navigation ul ul a { width: 100%; padding: 15px 25px 15px 40px; margin: 0 0; background: #f4f4f4; font-size: 0.9rem; line-height: 1rem; color: #333; } .main-navigation ul ul a::before { position: absolute; z-index: 11; left: 15px; top: 50%; bottom: unset; margin-top: -10px; font-size: 20px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f13c"; background: none transparent; color: #333; width: auto; height: auto; opacity: 1; -webkit-opacity: 1; } .main-navigation ul ul a:hover::before { width: auto; height: auto; left: 20px; color: #62493f; } .main-navigation ul ul a:hover { background: #fff; color: #9b624b; } /* Sub Sub Menus */ .main-navigation ul ul ul { display: none; left: 250px; top: 2px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .main-navigation ul ul li:hover ul { display: block; left: 250px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #header-right-cart { width: 30%; text-align: right; display: flex; flex-flow: row nowrap; justify-content: flex-end; font-size: 1.4rem; line-height: 1.4rem; } #header-right-cart a, #header-right-cart a i { display: inline-block; line-height: 3rem; color: #fff; } #header-right-cart a i { margin-right: 18px; } #header-right-cart a:hover, #header-right-cart a:hover i, ul#site-header-cart:hover::before { color: #9b624b; } ul#site-header-cart { position: relative; display: block; text-align: left; list-style: none; margin: 0 0; } ul#site-header-cart::before { position: relative; z-index: 1; left: 0; top: -2px; cursor: pointer; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; content: "\f9d7"; font-size: 1.4rem; line-height: 3rem; display: inline-block; vertical-align: middle; color: #fff; } ul#site-header-cart li { display: inline-block; } ul#site-header-cart li a.cart-contents { margin: 0px 0px; padding: 0px 2px; color: #fff; font-size: 1rem; } ul#site-header-cart li p { margin: 0 0 !important; } ul#site-header-cart li .widget_shopping_cart_content a { margin: 0 0 2px !important; display: block; padding: 0px 0px 10px; font-size: 1.2rem; line-height: 1.4rem; color: #222; background: none; } ul#site-header-cart li .widget_shopping_cart_content a.remove_from_cart_button { position: absolute; z-index: 2; top: 10px; left: 10px; border: 0 none !important; background: #111; color: #fff; border-radius: 100px; padding: 0 0 3px !important; width: 23px; text-align: center; line-height: 20px; } ul#site-header-cart li .widget_shopping_cart_content a.button { background: #111 !important; padding: 8px 5px; font-size: 1rem; line-height: 1rem; } ul#site-header-cart li .widget_shopping_cart_content a::before { display: none; } ul#site-header-cart li .widget_shopping_cart_content a:hover { background: #111; } ul#site-header-cart li .widget_shopping_cart_content a.remove_from_cart_button:hover { background: #111 !important; } ul#site-header-cart li .widget_shopping_cart_content dl.variation { margin-bottom: 14px; } .site-header-cart .widget_shopping_cart { top: 20px; width: 350px !important; padding: 20px; } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { left: -300px !important; background: #fff; color: #444; border-top: 4px solid #9b624b; } ul.woocommerce-mini-cart { left: 0 !important; top: 0 !important; position: relative !important; background: none transparent !important; border: 0 none !important; padding: 0 !important; box-shadow: 0 0 !important; } ul.woocommerce-mini-cart a {} ul#site-header-cart li p.woocommerce-mini-cart__buttons { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; margin-top: 10px !important; } .site-header-cart p.woocommerce-mini-cart__buttons a.button { width: 48%; } .header-mobile { display: none; } /******************************* [ END NAVIGATION STYLES ] *******************************/ /********************** [ BODY STYLES ] **********************/ #homepage-spacer { /*min-height: 125px;*/ } #homepage-slider { position: relative; z-index: 1; } #slider-fence { background: #e0d9ce url(images/slider-woodbg.webp) no-repeat 50% 50%; background-size: cover; -webkit-background-size: cover; height: 50px; border-top: 2px solid #685A59; border-bottom: 2px solid #231514; } #home-latest article section:first-of-type h2, #home-popular article section:first-of-type h2, #home-reviews h2 { display: block; position: relative; z-index: 1; margin: 0 0 70px; font-size: 7rem; line-height: 7rem; text-align: center; } #home-latest article section:first-of-type h2 strong, #home-popular article section:first-of-type h2 strong, #home-reviews h2 strong { display: block; font-size: 1.8rem; line-height: 2rem; color: rgba(0,0,0,0.3); text-align: center; } #home-intro { padding: 180px 0px; background: #372f2b url(images/bg-intro.webp) no-repeat 0 0; background-size: cover; -webkit-background-size: cover; color: #fff; } #home-intro article { display: flex; flex-flow: row nowrap; justify-content: space-between; } #home-intro section:first-of-type { width: 50%; text-align: left; padding: 0 3% 0 0; display: flex; flex-flow: row wrap; align-items: center; } #home-intro section:first-of-type div { } #home-intro section:first-of-type h1 { position: relative; margin-bottom: 0px; font-size: 1.8rem; line-height: 1.4rem; color: #998173; letter-spacing: 1px; } #home-intro section:first-of-type h2 { position: relative; margin-bottom: 40px; font-size: 5.5rem; line-height: 6rem; color: #fff; } #home-intro section:first-of-type p { } #home-intro section:first-of-type a { color: #fff; text-decoration: underline; } #home-intro section:first-of-type a:hover { color: #9b624b; } #home-intro section:first-of-type em { font-family: "Niconne", cursive; font-weight: 400; font-style: normal; font-size: 2.2rem; line-height: 2.4rem; display: block; margin-top: 70px; } #home-intro section:last-of-type { width: 50%; text-align: right; } #home-intro section:last-of-type img { position: relative; z-index: 1; width: 100%; max-width: 90%; display: inline-block; border-radius: 30px; -webkit-border-radius: 30px; border: 10px solid #241C18; } #home-latest { padding: 150px 0 200px; background: #efece3; } #home-latest .home-latest-divider { position: absolute; top: -48px; width: 100%; height: 50px; } .home-designs-logo { position: absolute; z-index: 2; top: -100px; left: 50%; margin-left: -86px; } #home-latest::before { position: absolute; z-index: 1; top: 230px; left: -400px; content: 'Latest Products'; font-family: "Barlow Semi Condensed", sans-serif; font-weight: 700; font-size: 14rem; line-height: 11rem; text-transform: uppercase; letter-spacing: -5px; color: #62493f; opacity: 0.06; } #home-latest article { z-index: 2; display: flex; flex-flow: column wrap; align-items: flex-start; } #home-latest article section:first-of-type { width: 100%; } #home-latest article section:first-of-type a { } #home-latest article section:first-of-type p { text-align: center; width: 68%; margin: 0 auto 5rem; } #home-latest article section:last-of-type {} #home-latest article section ul.products { display: flex; flex-flow: row nowrap; justify-content: space-between; margin-bottom: 50px; } #home-latest article section ul.products li { width: 22% !important; margin-right: 0 !important; } #home-latest article section ul.products li:last-child { margin-right: 0 !important; } #home-latest article section > p { text-align: center; margin-bottom: 0; } #home-latest article section a.home-new-link { position: relative; display: inline-block; text-transform: uppercase; font-size: 90%; color: #333; } #home-latest article section a.home-new-link::after { position: absolute; content: ''; bottom: -3px; left: 0; width: 100%; height: 1px; background: #333; } #home-latest article section a.home-new-link:hover { color: #62493f; } #home-latest article section a.home-new-link:hover::after { background: #62493f; left: 50%; width: 0%; } #home-paynowlater { background: #fff; } #home-paynowlater article { display: flex; flex-flow: row nowrap; align-items: center; border: 2px solid #d1d1d1; background: #fff; padding: 40px 0px; position: relative; top: -63px; box-shadow: 0 0 40px rgba(0,0,0,0.12); -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.12); border-radius: 5px; -webkit-border-radius: 5px; } #home-paynowlater article section { display: flex; flex-flow: row nowrap; align-items: center; width: 100%; } #home-paynowlater article section div { width: 33.333%; text-align: center; } #home-paynowlater article section strong { font-family: "Barlow Semi Condensed", sans-serif; font-weight: 700; font-size: 1.4rem; color: #999; } #home-paynowlater article section img { display: block; width: auto; height: 40px; margin: 0 auto; } #home-gift-voucher { padding: 100px 0 0; background: #fff; } #home-gift-voucher article { display: flex; flex-flow: row nowrap; align-items: stretch; text-align: center; color: #fff; font-size: 1.3rem; line-height: 2rem; letter-spacing: 0.5px; font-family: "Barlow Semi Condensed", sans-serif; border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; } #home-gift-voucher article section { width: 50%; } #home-gift-voucher article section:first-of-type { background: #333 url(images/home-custom-quotes-bg.webp) no-repeat 50% 50%; background-size: cover; -webkit-background-size: cover; padding: 6%; } #home-gift-voucher article section:first-of-type::before { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #42312a; opacity: 0.8; -webkit-opacity: 0.8; } #home-gift-voucher article section div { z-index: 2; } #home-gift-voucher article section h3 { color: #fff; font-size: 3.5rem; line-height: 3rem; margin-bottom: 40px; } #home-gift-voucher article section strong { font-weight: 400; } #home-gift-voucher article section p { margin-bottom: 20px; } #home-gift-voucher article section a.button { margin-top: 20px; border: 1px solid #fff; background: none transparent; } #home-gift-voucher article section a.button:hover { border: 1px solid #fff; background: #fff !important; color: #222 !important; } #home-gift-voucher article section:last-of-type { background: #333 url(images/home-custom-quotes.webp) no-repeat 50% 50%; background-size: cover; -webkit-background-size: cover; } #home-gift-voucher article span { font-size: 0.8rem; line-height: 1rem; display: block; position: absolute; bottom: 14px; left: 14px; } #home-reviews { padding: 150px 0; text-align: center; background: #fff; } #home-reviews article { display: flex; flex-flow: column wrap; align-items: flex-start; } #home-reviews article section { width: 100%; } #home-reviews article section .strong-view.wpmtst-simple .wpmtst-testimonial-inner { text-align: center !important; } #home-reviews article section .strong-view.wpmtst-simple .wpmtst-testimonial-content { font-size: 1.5rem; line-height: 2rem; padding: 0 5%; } /******************** [ END BODY STYLES ] ********************/ .entry-header { position: relative; width: 100%; background: #111 url(images/bg-page-header.webp) no-repeat 50% 0; background-size: cover; -webkit-background-size: cover; padding: 250px 0px 120px; text-align: center; margin-bottom: 100px; } .entry-header .container { z-index: 2; } .entry-header h1.entry-title { font-size: 5rem; line-height: 5rem; color: #fff; margin: 0px 0px 10px; letter-spacing: 5px; } .entry-header .entry-meta { margin-top: 20px; color: #fff; text-transform: uppercase; font-size: 80%; } .entry-header .entry-meta a { color: #fff; } .page-header-overlay { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; background: rgba(0,0,0,0.6); } #header-breadcrumbs { color: #fff; display: inline-block; padding: 4px 30px; background: rgba(255,255,255,0.14); border-radius: 300px; -webkit-border-radius: 300px; margin-top: 5px; font-family: "Lexend Deca", sans-serif; font-size: 0.7rem; line-height: 1.4rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } #header-breadcrumbs a { color: #fff; } #header-breadcrumbs span { padding: 0 10px; } .page-content, .entry-content, .entry-summary, #post-page-loop { padding: 0 0; margin: 0 0; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { display: none; } h1, h2, h3, h4, h5, h6 { clear: none !important; } .red-swish { background: url(images/red-underline.png) no-repeat 50% 100%; background-size: 100% 9px; -webkit-background-size: 100% 9px; padding-bottom: 15px; color: #111; font-size: 140%; } .entry-content iframe { width: 100% !important; } iframe.googlemap { border: 10px solid rgba(0,0,0,0.1); } .alignright { float: right; margin: 0 0 15px 5%; } .alignleft { float: left; margin: 0 3% 15px 0; } .imageborder { border: 0 none; padding: 5px; } .entry-content > ul, .shortcode-one-half > ul, .shortcode-one-half-last > ul, .shortcode-faq > ul { margin: 0 0 40px; padding: 0 0 0 20px; list-style: none outside; } .entry-content > ul > li, .shortcode-one-half > ul > li, .shortcode-one-half-last > ul > li, .shortcode-faq > ul li { padding: 0 0 10px 30px; background: url(images/icon-list-item.png) no-repeat 0 9px; background-size: 9px auto; -webkit-background-size: 9px auto; } footer.entry-footer { clear: both; } .quote-top-cta { background: #ddd url(images/bg-quote-top-cta.jpg) no-repeat 100% 0; padding: 50px 40% 50px 50px; text-align: left; margin-bottom: 40px; background-size: 30% 100%; -webkit-background-size: 30% 100%; font-size: 120%; line-height: 160%; } /* Blog Posts Page */ body.page-template-page-blog { } body.page-template-page-blog #primary { background: none transparent; padding: 0; } ul#post-page-loop { float: left; width: 100%; list-style: none outside; margin: 0 0; } ul#post-page-loop li { float: left; width: 49%; margin-right: 2%; margin-bottom: 30px; background: transparent; } ul#post-page-loop li:nth-child(even) { margin-right: 0; } ul#post-page-loop li img { display: block; width: 100%; margin-bottom: 20px; border-radius: 0px; -webkit-border-radius: 0px; } ul#post-page-loop li .post-page-stats { position: absolute; z-index: 2; left: 30px; top: 30px; font-size: 70%; line-height: 70%; } ul#post-page-loop li .post-page-stats strong { display: inline-block; background: #111; color: #fff; padding: 8px 16px 6px; margin-right: 5px; font-weight: normal; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; } ul#post-page-loop li .post-page-stats strong a, ul#post-page-loop li .post-page-stats strong i { color: #fff; } ul#post-page-loop li h3 { margin-bottom: 10px; color: #111; } ul#post-page-loop li h3 a { color: #111; } ul#post-page-loop li .button { padding: 5px 20px; font-size: 0.77rem; letter-spacing: 1px; } ul#post-page-loop li .button i { position: relative; top: -2px; font-size: 0.5rem; } /* Single Post Styles */ article.post, article.page { margin-bottom: 20px !important; } article.page.type-page { background: transparent; } .post-meta { margin-bottom: 10px; font-size: 70%; text-transform: uppercase; } .entry-header h1 { margin-bottom: 20px; } .entry-header .post-meta { margin-top: 30px; } .post-meta strong { display: inline-block; background: #111; padding: 2px 15px; margin-right: 5px; font-weight: normal; color: #fff; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; } .post-meta strong i { position: relative; vertical-align: middle; margin-top: -2px; margin-right: 4px; } .post-meta strong a { color: #fff; } .post h1 { margin-bottom: 10px; } .post .post-thumbnail { max-width: 40%; float: right; margin: 0 0 40px 50px; border: 10px solid rgba(0,0,0,0.06); } .post .post-thumbnail img { display: block; } .post #post-social-share { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; } .post #post-social-share div { max-width: 170px; } .post-tags { } .post-tags ul { list-style: none outside; margin: 0 0; padding: 0 0; } .post-tags ul li { display: inline-block; background: #111; padding: 0px 10px; margin-right: 5px; font-weight: normal; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; font-size: 70%; } .post-tags ul li a { color: #444; } #comments { margin: 0 auto !important; } #wpdcom { margin: 0 !important; padding: 0 !important; max-width: 100% !important; } #wpdcom .wpd-thread-list { padding: 30px 0 0; } /* End Single Post Styles */ /* Single Custom Stone Project Post Styles */ article.post.single-stone-project { } #single-project-gallery { display: flex; flex-flow: row nowrap; justify-content: flex-start; margin: 0 0 40px 0; } #single-project-gallery .post-thumbnail { display: block; max-width: 100%; width: 100%; float: none; margin: 0 0; border: 0 none; padding-right: 3%; } #single-project-gallery .post-thumbnail img { display: block; border: 0 none; } #single-project-gallery .post-gallery { width: 30%; display: flex; flex-flow: column wrap; justify-content: space-between; } #single-project-gallery .post-gallery img { display: block; border: 0 none; width: 100%; } /* End Single Custom Stone Project Post Styles */ /* Page - Contact Page */ ul.contact-details-fields { list-style: none outside; margin: 0 0 50px; padding: 0 0; display: flex; flex-direction: row; flex-wrap: nowrap; } ul.contact-details-fields li { width: 32%; margin-right: 2%; color: #fff; padding: 50px 30px; text-align: center; font-size: 120%; } ul.contact-details-fields li { background: #111; } ul.contact-details-fields li:nth-child(2) { background: #9f0d11; } ul.contact-details-fields li:last-child { margin-right: 0; } ul.contact-details-fields li i { display: block; margin: 0 auto 10px; font-size: 150%; } ul.contact-details-fields li strong { display: block; margin: 0 auto 10px; } /* End Page - Contact Page */ /* Page - Custom Stone Page */ .page-custom-stone { display: flex; flex-flow: row nowrap; align-items: stretch; margin-bottom: 50px; } .page-custom-stone .page-custom-left { width: 40%; } .page-custom-stone .page-custom-left img { display: block; width: 100%; height: auto; margin-top: 4px; } .page-custom-stone .page-custom-right { width: 60%; padding: 0 0 0 50px; } .page-custom-stone .page-custom-right p:last-of-type { margin-bottom: 0px; } /* End Page - Custom Stone Page */ /* Custom Navigation with Thumbnails */ .wpb-posts-nav { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; margin-top: 100px; border-top: 2px solid rgba(0,0,0,0.1); padding-top: 50px; } .wpb-posts-nav > div { width: 45%; display: flex; } .wpb-posts-nav > div:last-of-type { justify-content: flex-end; text-align: right; } .wpb-posts-nav > div a { display: flex; flex-flow: row nowrap; justify-content: center; align-items: flex-start; width: 100%; } .wpb-posts-nav > div a .nextprev-thumb { width: 75px; } .wpb-posts-nav > div a .nextprev-text { width: calc(100% - 75px); padding: 0px 20px; } .wpb-posts-nav > div a .wpb-posts-nav__thumbnail.wpb-posts-nav__prev { } .wpb-posts-nav > div a .wpb-posts-nav__thumbnail.wpb-posts-nav__next { } .wpb-posts-nav > div a .wpb-posts-nav__thumbnail img { width: 76px; height: auto; } .wpb-posts-nav > div:last-of-type a div { display: flex; flex-flow: column wrap; align-items: flex-end; } .wpb-posts-nav > div a strong { display: flex; } .wpb-posts-nav > div a h4 { font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 20px; width: 60%; padding: 0 7px; } /********************************* [ SIDEBAR STYLES ] *********************************/ #secondary { } .widget { background: #fff; padding: 30px; margin: 0 0 30px; border: 0 none; box-shadow: 2px 2px 2px rgba(0,0,0,0.06); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.06); border-radius: 10px; -webkit-border-radius: 10px; font-size: 90%; } .widget.widget_media_image { padding: 0 0; } .widget.widget_media_image img { display: block; } .widget h2 { position: relative; font-size: 1.5rem; line-height: 2rem; font-weight: 400; letter-spacing: 2px; margin: 0 0 20px; padding: 0 0; text-transform: uppercase; } .widget a { } .widget p:last-of-type { margin-bottom: 0; } .widget_shopping_cart_content, .widget form, .widget .price_slider_wrapper, .widget ul.product-categories, .widget_recently_viewed_products ul.product_list_widget { padding: 0 !important; } .widget .price_slider_amount .button { padding: 6px 30px 3px; font-size: 0.7rem; letter-spacing: 2px; } .widget_recent_entries { } .widget_recent_entries ul { margin: 0 0; padding: 0 0; list-style: none outside; } .widget_recent_entries ul li { padding: 0 0 10px 30px; background: url(images/icon-list-item.png) no-repeat 0 8px; background-size: 9px auto; -webkit-background-size: 9px auto; } .widget_recent_entries ul li a { font-size: 100%; } .widget_recent_entries ul li .post-date { display: block; color: rgba(0,0,0,0.5); } .widget_nav_menu { } .widget_nav_menu ul { margin: 0 0; padding: 0 0 20px 10px; list-style: none outside; } .widget_nav_menu ul li { display: flex; flex-wrap: nowrap; flex-direction: row; margin-bottom: 0; } .widget_nav_menu ul li a { width: 100%; color: #666; padding: 5px 10px 5px 20px; background: url(images/menu-dropdown-menu.png) no-repeat 0 14px; } .widget_nav_menu ul li a:hover { color: #999; } .widget_nav_menu ul li .count { width: 20%; padding: 5px 0px 5px 0px; text-align: right; } #custom_html-2 { background: url(images/bg-widget-wood.webp) no-repeat 50% 50%; background-size: cover; -webkit-background-size: cover; padding: 40px 30px; text-align: center; } #custom_html-2 h2 { color: #fff; font-size: 3rem; font-weight: 600; } #custom_html-2 a.button { background: #9b624b !important; } .rpwwt-widget ul { padding: 20px; } .rpwwt-widget ul li { margin: 0 0 20px; } .rpwwt-post-title { margin-bottom: 10px; display: flex; } .rpwwt-post-date { position: relative; font-size: 86%; } .rpwwt-post-date::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f073"; font: var(--fa-font-solid); margin-right: 6px; } .widget_shopping_cart { } #secondary .widget_shopping_cart ul.product_list_widget, .widget_shopping_cart ul.product_list_widget li { float: left; width: 100%; } #secondary .widget_shopping_cart ul.woocommerce-mini-cart { margin: 0 0; padding: 0 0; list-style: none outside; } #secondary .widget_shopping_cart ul.woocommerce-mini-cart .remove_from_cart_button { display: block; font-size: 1.2rem; line-height: 1rem; position: absolute; z-index: 2; left: 5px; top: 11px; color: #fff; background: #111; border-radius: 100px; -webkit-border-radius: 100px; padding: 3px 6px 4px 7px; } #secondary .widget_shopping_cart ul.woocommerce-mini-cart img { float: left; max-width: 70px; margin: 6px 20px 0px 0px; } #secondary .widget_shopping_cart ul.woocommerce-mini-cart .variation dd { margin: 0 1.5em 3px; } #secondary .widget_shopping_cart ul.woocommerce-mini-cart .variation dd p { margin-bottom: 0; } #secondary .widget_shopping_cart .woocommerce-mini-cart__total { float: left; width: 100%; border-top: 1px solid #444; padding-top: 10px; margin-top: 10px; margin-bottom: 5px; } #secondary .widget_shopping_cart p.buttons { display: flex; flex-wrap: nowrap; flex-direction: row; margin-bottom: 0; clear: both; padding-top: 5px; } #secondary .widget_shopping_cart p.buttons a.button { display: inline-block; width: 49%; padding: 10px 10px; margin: 0 5px 0 0; } .widget_product_categories { } .widget_product_categories ul { margin: 0 0; padding: 0 0; list-style: none outside; } .widget_product_categories ul li { line-height: 2rem; display: flex; flex-wrap: nowrap; flex-direction: row; margin-bottom: 0; } .widget_product_categories ul li a { width: 80%; color: #222; padding: 2px 10px 2px 20px; background: url(images/menu-dropdown-menu.png) no-repeat 0 11px; } .widget_product_categories ul li a:hover { color: #999; } .widget_product_categories ul li .count { width: 20%; padding: 5px 0px 5px 0px; text-align: right; } .widget ul.product-categories .cat-item-15 { display: none; } .widget_pwb_filter_by_brand_widget { } .widget_pwb_filter_by_brand_widget ul { margin: 0 0; padding: 0; list-style: none outside; } .widget_pwb_filter_by_brand_widget ul li { clear: both; } .widget_recently_viewed_products { float: left; width: 100%; } .widget_recently_viewed_products ul { margin: 0 0; padding: 10px 0 0; list-style: none outside; float: left; width: 100%; } .widget_recently_viewed_products ul li { clear: both; padding-bottom: 20px; float: left; width: 100%; } .widget_recently_viewed_products ul li img { float: right; max-width: 60px; margin-bottom: 0; margin-left: 15px; } .widget_recently_viewed_products ul li span.product-title { font-size: 1rem; } .widget_recently_viewed_products ul li span.amount { display: inline-block; color: #999; } /******************************* [ END SIDEBAR STYLES ] *******************************/ /********************************* [ FOOTER STYLES ] *********************************/ .site-footer { width: 100%; position: relative; padding: 100px 0 20px; background: #111; font-size: 80%; line-height: 1.5rem; color: #fff; } .site-info { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: stretch; } .site-info section { width: 25%; } .site-info a { color: #fff; } .site-info a:hover { color: #62493f; } .site-info section h1, .site-info section h2, .site-info section h3, .site-info section h4, .site-info section h5, .site-info section h6 { font-size: 1.3rem; line-height: 2rem; margin-bottom: 30px; color: #fff; } .site-info section h1::after, .site-info section h2::after, .site-info section h3::after, .site-info section h4::after, .site-info section h5::after, .site-info section h6::after { display: block; content: ''; background: #62493f; width: 30px; height: 2px; margin-top: 6px; } .site-info section strong { color: #62493f; } .site-info section.footer-left { } .site-info section .footer-logo { width: 200px; max-width: 100%; margin: 0 0 30px; } .site-info section .footer-contacts { margin-bottom: 40px; } .site-info section .footer-contacts p { margin-bottom: 15px; } .site-info section .footer-contacts a { display: inline-block; } .site-info section .footer-contacts a i { font-size: 130%; vertical-align: middle; margin-top: -3px; color: #62493f; } .site-info section .footer-socials { display: block; clear: both; margin-bottom: 50px; vertical-align: middle; } .site-info section .footer-socials a { display: inline-block; vertical-align: middle; margin: 0 30px 0 0; } .site-info section .footer-socials a i { font-size: 24px; } .site-info section.footer-middle { } .site-info section ul.menu { width: 85%; margin: 0 0; padding: 0 0; list-style: none outside; border: 1px solid rgba(255,255,255,0.2); } .site-info section ul.menu li { display: block; position: relative; } .site-info section ul.menu li a { display: block; line-height: 1rem; color: #fff; padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,0.2); } .site-info section ul.menu li:last-child a { border-bottom: 0 none; } .site-info section ul.menu li a::before { position: relative; top: -2px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 15px; content: "\f17d"; vertical-align: middle; margin-right: 10px; } .site-info section ul.menu li a:hover { text-decoration: none; color: #62493f; padding-left: 25px; padding-right: 15px; } .site-info section.footer-right { margin-right: 0; } .site-info section.footer-right p { } .site-info-copy { display: flex; flex-flow: row nowrap; font-size: 80%; border-top: 1px solid rgba(255,255,255,0.2); margin-top: 50px; padding-top: 30px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 1px; } #copyright a, #developed a { color: rgba(255,255,255,0.5); } #copyright a:hover, #developed a:hover { color: rgba(255,255,255,1); text-decoration: none; } #copyright { width: 50%; } #developed { display: inline-block; margin-left: 20px; } #footer-credit-cards { width: 50%; text-align: right; } #footer-credit-cards img { max-height: 26px; width: auto; } #back-top { padding: 0; bottom: 140px; position: fixed; z-index: 3; right: 20px; opacity: 0.6; -o-opacity: 0.6; -ms-opacity: 0.6; -webkit-opacity: 0.6; } #back-top:hover { opacity: 1; -o-opacity: 1; -ms-opacity: 1; -webkit-opacity: 1; } #back-top a { display: block; width: 57px; color: #FFF; text-align: center; text-decoration: none; text-transform: uppercase; } #back-top span { background: #62493f url(images/up-arrow.png) no-repeat 50% 50%; display: block; width: 50px; height: 50px; margin-bottom: 0; background-size: 60% auto; -webkit-background-size: 60% auto; } #footer-toggle-menu { display: none; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-evenly; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 99999; background: #678ba0; color: #fff; width: 100%; margin: 0 0; padding: 0 0; } #footer-toggle-menu li { display: block; width: 33.333%; vertical-align: middle; text-align: center; } #footer-toggle-menu li a { display: block; min-height: 52px; padding: 10px 0px 6px; color: #fff; font-size: 0.7rem; line-height: 1rem; font-family: 'Lexend Deca', Arial, sans-serif; } #footer-toggle-menu li a i { display: block; margin: 0 auto; font-size: 1.2rem; min-height: 22px; } #footer-toggle-menu li a:hover{ opacity: 1.0; background: #516f80; text-decoration: none; color: #fff; } .shiftnav-toggle-button, .shiftnav-toggle-button:hover { background: #516f80 !important; color: #fff !important; } .shiftnav-toggle * { line-height: 1rem !important; } .shiftnav .fa, .shiftnav-toggle .fa { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; font-size: 20px; margin-top: 3px; } .shiftnav-nav .menu-item-has-children::before { top: 1.6rem !important; right: 11px !important; } .shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover { background: transparent !important; } .shiftnav.shiftnav-skin-light.shiftnav-left-edge { border-right: 1px solid rgba(0,0,0,0.1) !important; } .shiftnav.shiftnav-skin-light, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu ul.sub-menu, .shiftnav.shiftnav-skin-light ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target { background: #f5f2ec !important; color: #222 !important; } .shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target { padding: 8px 25px; } /* Font size of menu options */ .shiftnav.shiftnav-skin-light ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item > .shiftnav-target { font-size: 16px !important; } .shiftnav::after { display: none !important; } /******************************* [ END FOOTER STYLES ] *******************************/ /********************** [ GRAVITY FORMS STYLES ] **********************/ .gform_wrapper { margin: 0 0 !important; } .gform_wrapper li { margin-top: 12px !important; } body .gform_legacy_markup_wrapper .top_label div.ginput_container { margin-top: 2px !important; } .gform_wrapper div.ginput_container input, .gform_wrapper div.ginput_container textarea, .gform_wrapper div.ginput_container select { font-family: "Lexend Deca", sans-serif; font-size: 0.9rem !important; padding: 12px !important; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .gform_wrapper.gravity-theme .gfield_label { text-transform: uppercase; margin-bottom: 0 !important; font-family: "Barlow Semi Condensed", sans-serif; font-size: 1rem !important; font-weight: 500 !important; } .gform_wrapper.gravity-theme label { margin-bottom: 0 !important; font-size: 1rem !important; } .gform_body.gform-body h2, .gform_body.gform-body h3, .gform_body.gform-body h4, .gform_body.gform-body h5, .gform_body.gform-body h6 { margin: 0 0 20px 0; } .gform_wrapper.gravity-theme .gform_previous_button.button svg, .gform_wrapper.gravity-theme .gform_save_link.button svg { vertical-align: middle; } .gform_body.gform-body .button svg path { fill: #fff; } .gform_delete_file { background: #222; padding: 5px 5px; line-height: 1rem; } .gform_required_legend { display: none; } .enquiryform { background: rgba(0,0,0,0.02); padding: 5%; border: 1px solid rgba(0,0,0,0.06); } /******************** [ END GRAVITY FORMS STYLES ] ********************/ .lrm-form a.button, .lrm-form button, .lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit] { background: #111 !important; } div.is-ajax-search-details, div.is-ajax-search-result { padding: 1px !important; } .xoo-el-form-container button.btn.button.xoo-el-action-btn { height: auto !important; } .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i { font-size: 0.9rem; line-height: 1rem; background: #fff; border-radius: 200px; -webkit-border-radius: 200px; padding: 10px 11px 8px; } /* Hustle Overrides */ .hustle-ui .hustle-button-icon.hustle-button-close { background-color: #62493f !important; } /* End Hustle Overrides */ /* FunnelKit Flyout Cart */ #fkcart-modal .fkcart-quantity-selector .fkcart-quantity__input { min-width: 44px; width: 44px; } #fkcart-modal .fkcart-item-wrap .fkcart--item .fkcart-remove-item { position: relative; top: -12px; left: 10px; } /* FunnelKit Flyout Cart */ /* Override Variation Swatches Styles */ .woo-variation-items-wrapper { padding-bottom: 30px; } .woo-variation-swatches .variable-items-wrapper.radio-variable-items-wrapper { flex-direction: row; } .reset_variations { display: inline-block; border: 1px solid #666; color: #666; padding: 4px 5px; font-size: 0.8rem; text-transform: uppercase; line-height: 0.8rem; margin-top: 20px; } /* Override Variation Swatches Styles */ /* Ivory Search */ .is-form-style.is-form-style-3 label { width: calc(100% - 55px) !important; } .is-form-style input.is-search-input { height: 55px; border: 0 none !important; } .is-form-style button.is-search-submit { width: 55px; height: 55px; } .is-form-style input.is-search-submit, .is-search-icon { line-height: 55px; height: 55px; width: 100% !important; background: #2B93D1 !important; color: #fff !important; border: 0 none !important; } .is-form-style .is-search-submit path { fill: #fff; } .hustle-ui.module_id_2 button.hustle-button-close { color: #fff !important; } .hustle-ui.module_id_2 button.hustle-button-close:hover { color: #fff !important; background: none transparent !important; } /* End Ivory Search */ /********************************* [ SHORTCODES STYLES ] *********************************/ .shortcode-pdf { position: relative; padding: 15px 15px 15px 55px; margin-bottom: 24px; border: 2px dashed #111; line-height: 30px; } .shortcode-pdf::before { position: absolute; left: 20px; z-index: 1; font-weight: 900; font-family: "Font Awesome 5 Free"; content: '\f1c1'; font-size: 30px; line-height: 30px; color: #111; } .shortcode-pdf a { color: #222; } .shortcode-hr { position: relative; margin: 30px 0px; border-top: 2px solid #ececec; } .shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { position: relative; vertical-align: middle; margin-bottom: 15px; display: block; } .shortcode-address i, .shortcode-phone i, .shortcode-fax i, .shortcode-email i, .shortcode-time i, .shortcode-facebook i, .shortcode-instagram i, .shortcode-shop i { font-size: 1.2rem; margin: 0px 15px 0px 0px; vertical-align: middle; color: #111; border: 1px solid #111; border-radius: 100px; padding: 14px; text-align: center; } .shortcode-address strong, .shortcode-phone strong, .shortcode-fax strong, .shortcode-email strong, .shortcode-time strong, .shortcode-facebook strong, .shortcode-instagram strong, .shortcode-shop strong { display: inline-block; margin-right: 5px; } .shortcode-address p, .shortcode-phone p, .shortcode-fax p, .shortcode-email p, .shortcode-time p, .shortcode-facebook p, .shortcode-instagram p, .shortcode-shop p { padding-bottom: 0px; } .shortcode-address + br, .shortcode-phone + br, .shortcode-fax + br, .shortcode-email + br, .shortcode-time + br, .shortcode-facebook + br, .shortcode-facebook + br, .shortcode-shop + br { display: none; } .shortcode-cta { position: relative; display: block; border: 2px solid #ccc; background: #fafafa; margin-bottom: 3rem; padding: 5%; border-radius: 10px; -webkit-border-radius: 10px; } /*.shortcode-cta a { color: #fff; font-size: inherit; text-decoration: underline; } .shortcode-cta a:hover { color: #fff; font-size: inherit; text-decoration: underline; }*/ .shortcode-urllink { position: relative; padding-left: 30px; font-weight: bold; color: #111; } .shortcode-urllink a { color: #111; text-decoration: underline; } .shortcode-urllink a:hover { color: #111; } .shortcode-urllink::before { position: absolute; left: 0px; z-index: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c1"; } .shortcode-button { display: inline-block; } .shortcode-quote { font-family: "Barlow Semi Condensed", sans-serif; font-size: 1.5rem; line-height: 2.5rem; font-weight: 400; margin: 30px 50px 30px 10px; padding: 0px 0px 3rem 170px; background: url(images/home-intro-quote-1.png) no-repeat 0 10px; background-size: 129px auto; -webkit-background-size: 129px auto; } .shortcode-quote strong { clear: right; } .one-half-container { display: flex; flex-flow: row nowrap; } .shortcode-one-half, .shortcode-one-half-last { width: 49%; margin-right: 2%; padding: 0 0; } .shortcode-one-half-last { margin-right: 0; padding-left: 2%; } .shortcode-one-half h2, .shortcode-one-half-last h2, .shortcode-one-half h3, .shortcode-one-half-last h3 { } .shortcode-one-half-last p:first-of-type { margin: 0 0; } .shortcode-one-half img, .shortcode-one-half-last img { display: block; max-width: 100% !important; } .shortcode-one-third, .shortcode-one-third-last { float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; } .shortcode-one-third-last { margin-right: 0; } .shortcode-one-third p, .shortcode-one-third-last p { margin: 0 0 20px; } .shortcode-one-third img, .shortcode-one-third-last img { display: block; margin-bottom: 10px; } .shortcode-one-third h3, .shortcode-one-third-last h3 { margin-bottom: 20px; font-size: 1.6rem; } .shortcode-one-third p:last-of-type a, .shortcode-one-third-last p:last-of-type a { text-align: center; } .shortcode-one-third p:last-of-type a:hover, .shortcode-one-third-last p:last-of-type a:hover { } .shortcode-one-third ul, .shortcode-one-third-last ul { margin: 0 0 3rem; padding: 0 0 0 20px; list-style: none outside; } .shortcode-one-third ul li, .shortcode-one-third-last ul li { padding: 0 0 5px 40px; background: url(images/icon-list-item.png) no-repeat 0 5px; } .shortcode-one-fourth, .shortcode-one-fourth-last { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 20px; text-align: center; } .shortcode-one-fourth-last { margin-right: 0; } .shortcode-one-fourth p, .shortcode-one-fourth-last p { margin: 0 0; } .shortcode-one-fourth p:last-of-type, .shortcode-one-fourth-last p:last-of-type { margin: 20px 0 0; } .shortcode-one-fourth img, .shortcode-one-fourth-last img { display: block; text-align: center; margin: 10px auto; } .shortcode-one-fourth h3, .shortcode-one-fourth-last h3 { margin: 0 0 10px; } .shortcode-one-fourth p:last-of-type a, .shortcode-one-fourth-last p:last-of-type a { display: block; text-align: center; } .shortcode-one-fourth p:last-of-type a:hover, .shortcode-one-fourth-last p:last-of-type a:hover { } .shortcode-faq { display: block; border-bottom: 2px solid #ececec; margin-bottom: 30px; padding-left: 80px; } .shortcode-faq::before { font-size: 50px; position: absolute; top: 3px; left: 0px; margin: 0 30px 30px 0; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f7cf"; color: #62493f; } .shortcode-faq h4 { font-size: 1.4rem; line-height: 1.6rem; margin-bottom: 5px; } .shortcode-faq p:first-of-type { margin: 0 0; } .shortcode-faq p { margin-bottom: 30px; } /******************************* [ END SHORTCODES STYLES ] *******************************/ /********************************* [ RESPONSIVE STYLES ] *********************************/ .post img, #logo { max-width: 100%; height: auto; } embed, iframe, object, video { max-width: 100%; } @media only screen and ( max-width: 1600px ) { body { font-size: 1rem; } .container { width: 1160px; } .main-navigation li a { margin: 0 13px; } #home-intro section:first-of-type h1 { font-size: 1.2rem; } #home-latest article section:first-of-type h2 strong, #home-popular article section:first-of-type h2 strong, #home-reviews h2 strong { font-size: 1rem; } #home-paynowlater article section strong { font-size: 1.2rem; } #home-gift-voucher article { font-size: 1.1rem; line-height: 1.6rem; letter-spacing: 0; } #home-gift-voucher article section h3 { font-size: 2rem; } /* Woocommerce Shop Styles */ ul li.product h2 { font-size: 0.9rem; } ul.products li.product .button { top: 30%; } .single-product div.product .entry-summary h1.entry-title { font-size: 1.7rem; line-height: 2.2rem; } .single-product div.product .entry-summary p.price, .single-product div.product .entry-summary .woocommerce-variation-price { font-size: 1.3rem; } /* End Woocommerce Shop Styles */ .entry-header { } .entry-header h1.entry-title { } h1 { font-size: 2.2rem; } .shortcode-quote { background-position: 0 8px; background-size: 110px auto; -webkit-background-size: 110px auto; font-size: 150%; line-height: 126%; margin: 50px 30px 0px; } .shortcode-cta { font-size: 1.5rem; line-height: 2.2rem; } .alignright { max-width: 40% !important; } .shortcode-one-half img, .shortcode-one-half-last img { max-width: 100% !important; } input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button { font-size: 0.8rem; } .widget_product_categories ul { font-size: 0.9rem; } /* Page Navigation */ .wpb-posts-nav > div { width: 50%; } .wpb-posts-nav > div a h4 { width: 70%; } } @media only screen and ( max-width: 1260px ) { body { line-height: 1.5rem; } .container { width: 960px; } .fullwidth #primary { padding: 40px; } .site-header { } .header-right { padding-left: 30px; } .main-navigation li a { margin: 0 16px; } .menu-item-has-children::before { right: 9px; } #home-intro { padding: 100px 0px 100px; } #home-latest { padding: 100px 0 150px; } #home-popular { padding: 50px 0 0; } #home-gift-voucher { padding: 50px 0 0; } #home-reviews { padding: 100px 0; } /* Woocommerce Shop Styles */ form.woocommerce-ordering { margin-bottom: 10px; } ul.products { width: 100%; margin-top: 10px; } ul.products li.product .button { margin-left: 0px; padding: 4px 10px 0px !important; } body.archive li.product, ul.products li.product.last { } ul.products li.product.first { clear: inherit; } body.archive li.product h2 { } .related ul.products li.product.last { display: none; width: 23.5% !important; margin-right: 0 !important; } .related.products ul li, .upsells.products ul li { width: 23.5% !important; margin-right: 0 !important; } .related ul.products li.product:nth-child(4n+0) { margin-right: 0 !important; } body.woocommerce-cart .coupon .input-text { width: 100%; margin-bottom: 2px; } body.woocommerce-cart .cart-update-button .button, body.woocommerce-cart .coupon .button, a.checkout-button { width: 100%; padding: 10px 5px; display: block; font-size: 0.9rem; letter-spacing: 0; } body.woocommerce-cart .cart-update-button { vertical-align: top; } #secondary .widget_shopping_cart ul.woocommerce-mini-cart img { max-width: 60px; margin: 6px 10px 0px 0px; } /* End Woocommerce Shop Styles */ .entry-header { } .entry-header h1.entry-title { font-size: 2rem; } .alignright, .alignleft { max-width: 50%; } ul#post-page-loop li { padding: 10px; } ul#post-page-loop li .post-page-stats { left: 20px; top: 20px; } ul#post-page-loop li h3 { font-size: 1.3rem; line-height: 1.6rem; } #rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 60px; height: auto; } .post .post-thumbnail { max-width: 55%; } ul.contact-details-fields li { padding: 30px 10px; } .shortcode-quote { background-position: 0 8px; background-size: 110px auto; -webkit-background-size: 110px auto; font-size: 120%; line-height: 140%; margin: 50px 0px 0px; padding: 0px 0px 3rem 16%; } .shortcode-cta { font-size: 1.5rem; line-height: 2.2rem; } .one-half-container { display: block; } .shortcode-one-half, .shortcode-one-half-last { width: 100%; margin: 0 0 20px; padding: 0 0; } .widget { } .widget h2 { font-size: 1.1rem; } #secondary .widget_price_filter { } #secondary .widget_price_filter .price_slider_amount { text-align: left; } #secondary .widget_price_filter .price_slider_amount .button { float: none; padding: 5px 19px; } #secondary .widget_shopping_cart p.buttons { flex-wrap: wrap; } #secondary .widget_shopping_cart p.buttons a.button { width: 100%; margin: 0 0 5px; } /* Page Navigation */ .wpb-posts-nav > div { width: 50%; } .wpb-posts-nav > div a h4 { width: 80%; } .site-info { flex-flow: row wrap; } .site-info section.footer-left, .site-info section.footer-middle, .site-info section.footer-three { width: 33.333%; } .site-info section.footer-right { width: 100%; margin-top: 50px; border: 1px solid rgba(0,0,0,0.2); padding: 20px; } .site-info section.footer-right p { margin-bottom: 10px; } .site-info section.footer-right form { display: flex; flex-flow: row wrap; } .site-info section.footer-right form .gform-body { width: 70%; } .site-info section.footer-right form .gform_footer { width: 30%; margin: 0 0; padding: 0 0; } .site-info section.footer-right form .gform_footer input { padding: 8px 20px; margin-bottom: 0; } } @media only screen and ( max-width: 980px ) { .container { width: 750px; } body { background-position: 0 -60px; font-size: 0.9rem; line-height: 1.5rem; } .site-branding img { width: 70%; } .main-navigation { justify-content: flex-end; } .menu-main-menu-container { display: none; } #homepage-spacer { min-height: 100px; } #rev_slider_1_1_forcefullwidth { display: none; } #slider-header { display: block; } #home-intro section:first-of-type { width: 60%; } #home-intro section:first-of-type h1 { font-size: 1rem; } #home-intro section:first-of-type h2 { font-size: 2rem; letter-spacing: -1.3px !important; line-height: 2rem; margin-bottom: 20px; } #home-intro section:last-of-type { width: 40%; } #home-latest {} #home-latest article section ul.products li:last-child, #home-popular article section ul.products li:last-child { display: none; } #home-latest article section ul.products li, #home-popular article section ul.products li { width: 23.5% !important; margin-right: 2% !important; } #home-popular article section a.home-new-link { font-size: 100%; } #home-gift-voucher article { flex-flow: column wrap; font-size: 1rem; } #home-gift-voucher article section { width: 100%; } #home-gift-voucher article section:first-of-type { padding: 4%; } #home-gift-voucher article section:last-of-type { min-height: 300px; } /* Woocommerce Shop Styles */ body.archive li.product, ul.products li.product.last { } ul.products li.product.first { clear: none; } .single-product div.product .entry-summary h1.entry-title { font-size: 1.5rem; } .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { padding: 20px; text-align: center; } .woocommerce-message > .button, .woocommerce-info > .button, .woocommerce-error > .button, .woocommerce-noreviews > .button, p.no-comments > .button { margin: 0 auto 20px; clear: both; display: block; } form.woocommerce-cart-form .coupon .input-text, form.woocommerce-cart-form .coupon .button { margin-bottom: 10px; } .related.products ul li .price { font-size: 0.9rem; } body.woocommerce-cart #primary .woocommerce-cart-form, body.woocommerce-cart #primary .cart-collaterals { float: none; width: 100%; } /* My Account Styles */ body.woocommerce-account .entry-content .woocommerce #customer_login { display: block; } body.woocommerce-account .entry-content .woocommerce .col-1, body.woocommerce-account .entry-content .woocommerce .col-2 { width: 100%; margin-right: 0; margin-bottom: 20px; } body.woocommerce-account .entry-content .woocommerce .col-2 label { display: block; } body.woocommerce-account .entry-content .woocommerce .col-2 input { width: 100%; } /* End Woocommerce Shop Styles */ .entry-header { padding: 120px 0px 50px; margin-bottom: 50px; } .entry-header h1.entry-title { font-size: 1.8rem; } h1 { font-size: 2.3rem; line-height: 3rem } ul#post-page-loop li h2 { font-size: 1.3rem; } ul.contact-details-fields li { font-size: 100%; } .shortcode-quote { background-size: 80px auto; -webkit-background-size: 80px auto; padding: 0px 0px 3rem 14%; } img.wp-image-323 { display: none; }/* Custom Stone Quote Page */ #primary { width: 100%; float: none; } body.page-template-page-blog #primary { margin-bottom: 20px; } #secondary { display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; font-size: 100%; margin: 0; padding: 0; } .widget { width: 100%; padding: 5%; } .widget h2 { font-size: 1.2rem; } #secondary .widget_price_filter { display: none; } #secondary .widget.widget_product_categories ul { display: flex; flex-flow: row wrap; } #secondary .widget.widget_product_categories ul li { display: flex; flex-flow: row wrap; width: 33%; } #secondary .widget_shopping_cart ul.woocommerce-mini-cart img { float: none !important; max-width: 100px !important; margin: 6px 0px 0px 0px !important; } .widget_recently_viewed_products ul { line-height: 1.4rem; } .wpb-posts-nav > div a h4 { width: 100%; } .site-footer { padding: 100px 0 100px; } #fkcart-floating-toggler { bottom: 90px; right: 30px; } #footer-toggle-menu { display: flex; } } @media only screen and ( max-width: 768px ) { body { background-position: 0 -120px; } .container { width: auto; padding: 0px 20px; } #primary { width: auto; float: none; clear: both; } #secondary { width: auto; float: none; clear: both; } .site-header-topbar { display: none; } .site-header article.not-topbar { padding: 20px 20px; } .site-header article.not-topbar.freeshippingbar { font-size: 100%; letter-spacing: 0; padding: 4px; } .header-right { padding-left: 0; } #header-right-cart { width: 100%; } #homepage-spacer { min-height: 80px; } #slider-header { padding: 140px 50px 60px 50px; } #slider-header h1 { width: 100%; } #home-intro article { display: block; } #home-intro section:first-of-type { width: 100%; padding: 0 0; } #home-intro section:last-of-type { display: none; } #home-paynowlater article section { display: block; } #home-paynowlater article section div { width: 100%; text-align: center; } #home-paynowlater article section img { margin: 18px auto; } #home-paynowlater article section img:last-of-type { margin: 18px auto 0; } #home-latest article section:first-of-type h2, #home-popular article section:first-of-type h2, #home-reviews h2 { font-size: 2rem; line-height: 2rem; margin-bottom: 20px; } #home-latest article section:first-of-type h2 strong, #home-popular article section:first-of-type h2 strong, #home-reviews h2 strong { font-size: 0.9rem; } #home-intro { padding: 50px 0px; } #home-latest { padding: 50px 0 100px; } #home-paynowlater { padding: 50px 50px 0; } #home-paynowlater article { top: -110px; margin-bottom: -100px; } #home-gift-voucher article { padding: 0; } #home-gift-voucher article section:first-of-type { padding: 8%; } #home-latest article section ul.products li:nth-child(4n+0), #home-popular article section ul.products li:nth-child(4n+0) { margin-right: 0 !important; } /* Woocommerce Settings */ p.woocommerce-result-count { float: none; margin-bottom: 10px; } form.woocommerce-ordering { float: none; } .woocommerce-breadcrumb { line-height: 1.4rem; } .woocommerce-breadcrumb::before { height: 23px; } body.archive li.product h2 { font-size: 1rem; } ul.products { clear: both; width: 100%; } ul.products li, ul li.product { } ul.products li.product:hover { transform: scale(1); -webkit-transform: scale(1); } .single-product div.product .woocommerce-product-gallery { float: none; width: 100%; margin-bottom: 10px; } .single-product div.product .entry-summary { float: none; width: 100%; padding: 10px 0 50px; clear: both; } .single-product div.product .entry-summary h1.entry-title { font-size: 1.4rem; line-height: 1.8rem; } .single-product div.product .product_meta .sku_wrapper, .single-product div.product .product_meta .posted_in, .single-product div.product .product_meta .tagged_as, .single-product div.product .product_meta .pwb-single-product-brands { padding: 10px 0px; } .woocommerce-tabs ul.tabs li { display: block; margin-right: 0; border-radius: 0px; -webkit-border-radius: 0px; width: 100%; margin-bottom: 10px; } .related.products ul { flex-wrap: wrap; } .related ul.products li.product:nth-child(odd) { width: 48% !important; margin-right: 2% !important; } .related ul.products li.product:nth-child(even) { width: 48% !important; margin-right: 0 !important; } .related.products ul li.product img { margin: 0px auto; } .related.products ul li.product h2 { font-size: 0.9rem; margin-bottom: 10px; } form.checkout #checkout-flex { display: block; } form.checkout #checkout-flex #checkout-leftcol, form.checkout #checkout-flex #checkout-rightcol { width: 100%; margin-bottom: 20px; } form.checkout #checkout-flex #checkout-rightcol { padding-left: 0px; } form.checkout p { margin-bottom: 1rem; } /* End Woocommerce Settings */ .entry-header { padding: 100px 0px 50px; margin-bottom: 50px; } .entry-header .container { padding: 0 50px; } .entry-header h1.entry-title { font-size: 1.6rem; line-height: 2rem; } article.post, article.page { margin-right: 0 !important; } ul#post-page-loop { padding-right: 0; } .shortcode-quote { font-size: 115%; line-height: 145%; background-position: 0 6px; background-size: 60px auto; -webkit-background-size: 60px auto; padding: 0px 0px 3rem 17%; } .shortcode-one-half, .shortcode-one-half-last { float: none; width: auto; margin-right: 0; } #primary {} .post .attachment-post-thumbnail { max-width: 100%; float: none; } p { margin: 0 0 2rem; } .gform_wrapper div.ginput_container input, .gform_wrapper div.ginput_container textarea, .gform_wrapper div.ginput_container select { font-size: 1rem !important; padding: 8px 12px !important; } .sp-easy-accordion .sp-ea-single .ea-header a { padding: 14px !important; font-size: 15px !important; } .page-custom-stone { display: block; } .page-custom-stone .page-custom-left, .page-custom-stone .page-custom-right { width: 100%; padding: 0 0 20px; } .page-custom-stone .page-custom-left img { margin-top: 0; } #secondary { } body.woocommerce-checkout #secondary { display: none; } .widget { } .widget.widget_media_image img { width: 100%; } .widget ul { } .widget_recently_viewed_products ul { padding: 5% !important; } #secondary .widget.widget_product_categories ul { display: flex; flex-flow: row wrap; } #secondary .widget.widget_product_categories ul li { display: flex; flex-flow: row wrap; width: 50%; } #secondary .widget_shopping_cart ul.woocommerce-mini-cart img { float: left !important; max-width: 100px !important; margin: 6px 20px 0px 0px !important; } .wpb-posts-nav > div a .nextprev-thumb { display: none !important; } .wpb-posts-nav > div a .nextprev-text { width: 100%; padding: 0px 0px; } .site-footer { padding: 50px 0 60px; } .site-info { flex-flow: row wrap; } .site-info section { width: 100% !important; margin-right: 0 !important; text-align: center; } .site-info section.footer-middle, .site-info section.footer-right { margin-bottom: 30px; } .site-info section .footer-logo { width: 150px; margin: 0 0; } .site-info section .footer-contacts { margin: 30px 0; } .site-info section .footer-socials { margin-bottom: 30px; } .site-info section .footer-socials a { margin: 0 20px; } .site-info section ul.menu { width: 100%; } .site-info section ul.menu li { display: inline-block; width: 49%; } .site-info section h1::after, .site-info section h2::after, .site-info section h3::after, .site-info section h4::after, .site-info section h5::after, .site-info section h6::after { margin: 10px auto; } .site-info section.footer-right form input[type="text"] { text-align: center; } .site-info-copy { display: block; margin: 20px !important; padding: 20px 0 !important; } #copyright { width: 100%; text-align: center; margin-bottom: 20px; } #footer-credit-cards { width: 100%; text-align: center; } } @media only screen and ( max-width: 479px ) { body { background-position: 0 -150px; } .container { width: auto; padding: 0px 15px; } #primary, .fullwidth #primary { width: 100%; float: none; padding: 20px 20px; margin: 0px 0px 40px; } #secondary,.fullwidth #secondary { width: 100%; float: none; } #slider-header { padding: 100px 20px 60px 20px; text-align: center; } #slider-header h1 { font-size: 1.3rem; line-height: 1.6rem; } #homepage-slider a.slidebtn { margin: 20px 0 0; padding: 5px 20px; } #home-intro section:first-of-type h1, #home-intro section:first-of-type h2, #home-intro section p { text-align: center; } #home-latest article section:first-of-type h2, #home-popular article section:first-of-type h2, #home-reviews h2 { font-size: 1.7rem; } #home-latest article section:first-of-type h2 strong, #home-popular article section:first-of-type h2 strong, #home-reviews h2 strong { font-size: 0.8rem; letter-spacing: 0; } #home-latest article section ul.products, #home-popular article section ul.products { flex-flow: row wrap; } #home-latest article section ul.products li, #home-popular article section ul.products li { width: 48% !important; } #home-paynowlater article section strong { padding: 0 20px; } #home-reviews { padding: 50px 0; } /* Woocommerce Settings */ ul.products { clear: both; width: 100%; flex-direction: column; } body.archive li.product, ul.products li.product.last { clear: both; width: 100% !important; margin-right: 0 !important; } ul.products li.product .button { top: 40%; } .single-product div.product .woocommerce-product-gallery, .single-product div.product .entry-summary { float: left; width: 100%; padding: 2% !important; } .single-product div.product .entry-summary button.single_add_to_cart_button::before { float: none; position: relative; top: 2px; } body.woocommerce-cart table thead th { width: 100%; } body.woocommerce-cart table thead th.product-price, body.woocommerce-cart table thead th.product-subtotal { display: none; } /* End Woocommerce Settings */ input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit { display: block; padding: 12px 0px 10px; width: 100%; text-align: center; letter-spacing: 0; } .entry-header { padding: 100px 0px 50px; } .entry-header h1.entry-title { font-size: 1.3rem; line-height: 1.7rem; } .post-meta strong { display: block; max-width: 70%; margin: 0 auto 10px; } h1 { font-size: 2rem; line-height: 2.4rem; margin-bottom: 20px; } ul#post-page-loop { padding-right: 0; } ul#post-page-loop li { float: none; width: auto; margin-right: 0; } .entry-content > ul { padding: 0 0; } .post.type-post { margin-right: 0 !important; } .post .post-thumbnail { max-width: 100%; float: none; margin: 0 0 20px; } .alignleft { float: none; margin-right: 0; margin-bottom: 5px; } ul, ol { margin: 0 0 1.5em 0.5em; } .shortcode-quote { font-size: 110%; line-height: 140%; background-position: 0 6px; background-size: 60px auto; -webkit-background-size: 60px auto; padding: 0px 0px 3rem 21%; } .shortcode-cta { font-size: 1.2rem; line-height: 1.6rem; padding: 15px 6%; } .shortcode-faq h4 { font-size: 1.2rem; } #secondary { text-align: center; display: block; } .widget ul { } .widget { width: 100%; margin-right: 0; } #secondary .widget.widget_product_categories ul { display: block; width: 100%; } #secondary .widget.widget_product_categories ul li { width: 100%; } #secondary .widget.widget_product_categories ul li a { padding: 5px 10px; width: 100%; background: none transparent; } .is-search-icon { width: 70px !important; } .widget h2::after { left: 50%; margin-left: -20px; } .wpb-posts-nav > div a h4 { font-size: 1rem; } body.woocommerce-account .entry-content .woocommerce .woocommerce-MyAccount-navigation { width: 40%; } body.woocommerce-account .entry-content .woocommerce .woocommerce-MyAccount-navigation ul { font-size: 80%; line-height: 1.5rem; } body.woocommerce-account .entry-content .woocommerce .woocommerce-MyAccount-content { width: 60%; } body.woocommerce-account .entry-content .woocommerce .woocommerce-MyAccount-content .button { letter-spacing: 0; } .site-footer { padding: 50px 0 100px; } .site-info section .footer-logo { width: 160px; } .site-info section.footer-right form .gform-body { width: 60%; } .site-info section.footer-right form .gform_footer { width: 40%; } .site-info section.footer-right form .gform_footer input { padding: 12px 20px; } .site-info-copy { margin: 0 20px !important; padding: 20px 0 0 !important; } #copyright, #developed { float: none; width: auto; text-align: center; } #back-top span { width: 40px; height: 40px; } } /* Woocommerce Specific Styles */ @media only screen and ( max-width: 768px ) { table.shop_table_responsive tr:first-of-type { display: block !important; } table.shop_table_responsive tr.woocommerce-cart-form__cart-item { border-bottom: 1px solid #ccc; display: block; float: left; width: 100%; margin-bottom: 20px; } table.shop_table_responsive tr td { display: inline-block !important; float: left !important; text-align: left !important; clear: none !important; } table.shop_table_responsive tr td::before { content: '' !important; } table.shop_table_responsive tr td.product-remove { width: 10% !important; } table.shop_table_responsive tr td.product-thumbnail { width: 18% !important; padding: 10px !important; } table.shop_table_responsive tr td.product-name { width: 50% !important; line-height: 1.5rem; } table.shop_table_responsive tr td.product-name .variation { margin: 5px 0 0 !important; } table.shop_table_responsive tr td.product-name .variation-Colours, table.shop_table_responsive tr td.product-name .variation-Colours p { margin: 0 0 !important; } table.shop_table_responsive tr td.product-quantity { width: 20% !important; } table.shop_table_responsive tr td.product-quantity input { width: 100% !important; padding: 6px !important; } table.shop_table_responsive tr td.product-price, table.shop_table_responsive tr td.product-subtotal { display: none !important; width: 0 !important; } table.shop_table_responsive tr td.actions, table.shop_table_responsive tr td.actions input, table.shop_table_responsive tr td.actions .button { float: none; width: 100%; display: block !important; } .cart_totals th { display: block; width: 100%; } /* End Woocommerce Styles */ /********************************* [ RESPONSIVE STYLES ] *********************************/