/* Theme Name: Alanah Free Theme URI: https://nikkiwebshop.com/product/alanah-creative-multipurpose-woocommerce-theme/ Author: Nikki Web Shop Author URI: https://nikkiwebshop.com Description: Multipurpose Minimal eCommerce Theme Text Domain: alanah-free Version: 1.0.0 Tested up to: 6.0 Requires PHP: 7.0 Requires at least: 5.4 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: blog, block-patterns, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles, footer-widgets, portfolio, left-sidebar, right-sidebar */ /***** Global *****/ html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Body */ body { font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.55; color: #555555; text-align: left; background: #efefef; } /* Headings */ h1 { font-size: 22px; font-family: 'Montserrat', sans-serif; color: #353535; } /* 22px */ h2 { font-size: 20px; font-family: 'Montserrat', sans-serif; color: #353535; } /* 22px */ h3 { font-size: 18px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #666666; } /* 20px */ h4 { font-size: 16px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #666666; } /* 18px */ h5 { font-size: 14px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #666666; } /* 16px */ h6 { font-size: 12px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #666666; } /* 14px */ h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.1; margin-bottom: .8em; } /* Default Wordpress Classes */ .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .sticky, .bypostauthor { opacity: 1; } .aligncenter { text-align: center; } /* Anchors */ a { color: #808080; outline: 0; text-decoration: none; } a:hover { text-decoration: none; outline: 0; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } a img { border: 0px; text-decoration: none; } /* Paragraphs */ p { margin-bottom: 15px; } strong, b { font-weight: bold; } em, i { font-style: italic; } /* Lists */ ul { list-style: none; } ol { list-style: none; } /* Tools */ .fl-l { float: left!important; } .fl-r { float: right!important; } .clear { clear: both!important; } hr { background: #dfdfdf; height: 0.5px; border: 0; margin: 5px 0 25px; } /* HTML5 tags */ header, section, footer, aside, nav, article, figure { display: block; } :focus { outline: 0; } input { border: 1px solid #e8e8e8; background: white; padding: 6px; } /* Button */ button, input[type="submit"]:not(.button-primary), input[type="button"]:not(.button-primary), .button, .button-secondary, body .button-primary:hover, body .button.active:hover { background: #dfdfdf; color: #666666; border: 1px solid #e8e8e8; text-decoration: none; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .button:hover, button:hover, .button-secondary:hover, input[type="submit"]:not(.button-primary):hover, input[type="button"]:not(.button-primary):hover, .button-primary, .button.button-primary, button.active, .woocommerce-cart-form .qty-block .minus:hover, .woocommerce-cart-form .qty-block .plus:hover { background: #EE9D16; color: #ffffff; text-decoration: none; border: 1px solid #EE9D16; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; appearance: none; -webkit-appearance: none; -moz-appearance: none; } body input[type="checkbox"], body input[type="radio"] { box-shadow: none; } input.button { padding: 7px 15px; line-height: 1.2; } /* Form Inpits */ body input[type="text"], body input[type="number"], body input[type="password"], body input[type="email"], body input[type="tel"], body select, body textarea { border: 1px solid #e8e8e8; color: #666666; background: #fff; box-sizing: border-box; padding: 7px; font-family: 'Poppins', sans-serif; max-width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; } body .input-text { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; } .button, .widget-container .woocommerce-product-search button { padding: 0 15px; text-align: center; white-space: nowrap; cursor: pointer; display: inline-block; line-height: 32px; text-transform: uppercase; font-size: 12px; text-align: center; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } form.checkout_coupon button.button { line-height: 35px; } .button.big { padding: 0 25px; } .button.big span { font-size: 16px; text-transform: uppercase; line-height: 48px; } .delete-btn { display: block; text-indent: -99999px; cursor: pointer; width: 25px; height: 25px; background-position: top center; background-repeat: no-repeat; background-image: url('assets/images/delete.png'); } .delete-btn:hover { background-position: bottom center; } /* Lists -------------------------------------------------------------- */ article ol, p ol { list-style: decimal; margin-bottom: 20px; } article ul, p ul { list-style: disc; margin-bottom: 20px; } article li, p li { margin-left: 30px; } ul.none { list-style: none; margin: 0; } ul.dotted { margin: 0 0 20px 0; } ul.dotted+ul.dotted:before { content: ''; display: block; clear: both; border-bottom: 1px dotted #bdbdbd; margin: -15px 0 5px; } .arrow li, .arrow-2 li, .circle li, .check li, .check-2 li, .star li, .plus li, .dash li, .list-square li { list-style: none; margin: 0; padding: 1px 0 1px 24px; background-position: left center; background-repeat: no-repeat; } .arrow li { background: url('assets/images/list-arrow.png') no-repeat 5px 5px; } .arrow-2 li { background: url('assets/images/list-arrow-2.png') no-repeat 2px 4px; } .circle li { background: url('assets/images/list-circle.png') no-repeat 4px 5px; } .check li { background: url('assets/images/list-check.png') no-repeat 3px 4px; } .check-2 li { background: url('assets/images/list-check-2.png') no-repeat 0 4px; } .star li { background: url('assets/images/list-star.png') no-repeat 0 1px; } .plus li { background: url('assets/images/list-plus.png') no-repeat 3px 3px; } .dash li { background: url('assets/images/list-dash.png') no-repeat 3px 8px; } .square li { background-image: url('assets/images/square_li.png'); } .list-square li { background: url('assets/images/list-square.png') no-repeat 0 4px; } /* Table -------------------------------------------------------------- */ table th { border-bottom: 1px solid #dddddd; background: #fafafa; font-size: 12px; text-transform: uppercase; padding: 5px 15px; vertical-align: top; } table tr:last-child th, table tr:last-child td { border-bottom: 0; } table td { border-bottom: 1px solid #dddddd; padding: 10px; vertical-align: top; background: white; } table.data-table tr:hover { background: #FCFCFC; } table thead tr:hover, table tr.header:hover { background: #fff; } table.table { border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px; } table.table tr:hover td { background: #fbfbfb; } table.table th, table.table td { text-transform: none; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-bottom: 0; } table.table td { font-size: 13px; color: #818181; } table.table th { padding: 10px 20px; font-size: 16px; background: #f9f9f9; color: #111; text-align: center; font-weight: normal; } /* Msg -------------------------------------------------------------- */ .woocommerce-error, .error, .woocommerce-message, .woocommerce_error, .success, .info, .notice { display: block; padding: 8px 20px 10px 34px; border-style: solid; border-width: 0 0 0 5px; } .woocommerce-error, .woocommerce_error { margin-bottom: 20px; } .woocommerce-error, .woocommerce_error, .error { background: #FFF9F9 url('assets/images/icon-box-error.png') no-repeat 15px 16px; border-color: #f6c5c8; color: #f3252f; } .woocommerce-message, .success { background: #f7fdea url('assets/images/icon-box-success.png') no-repeat 15px 16px; border-color: #bfcf88; color: #67942d; } .info { background: #F7FCFF url('assets/images/icon-box-info.png') no-repeat 15px 16px; border-color: #98c6dd; color: #4aaffd; } .notice { background: #fefae5 url('assets/images/icon-box-notice.png') no-repeat 15px 16px; border-color: #f2da7a; color: #dcb721; } /* Columns -------------------------------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float: left; margin-right: 20px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px; } .one-half { width: 450px; } .one-third { width: 293px; } .two-third { width: 606px; } .one-fourth { width: 215px; } .three-fourth { width: 685px; } /* Content Columns */ .col2-set .col-1 { float: left; width: 48.5%; background: white; } .col2-set .col-2 { float: right; width: 48.5%; background: white; } .col2-set.noregistration { background: #fff; padding: 60px 20px; box-sizing: border-box; } .col2-set.noregistration .col-1 { float: none; display: block; margin: 0 auto; } .col2-set .col-narrow { width: 32%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /* Layout Full Width */ .containerInner.layout-fullwidth { width: 100%; padding: 0; box-sizing: border-box; } .containerInner.layout-fullwidth .head_area, .containerInner.layout-fullwidth .menu_container .inner_container, .containerInner.layout-fullwidth #main, .containerInner.layout-fullwidth .breadcrumb_container, .alanah-fullwidth .prefooter-container .before-prefooter, .alanah-fullwidth .prefooter-container #prefooter, .alanah-fullwidth .footer-container #footer { max-width: 1350px; margin: 0 auto; box-sizing: border-box; } body .containerInner.layout-fullwidth:not(.page-home) section#main { margin: 30px auto; } body .containerInner.layout-fullwidth:not(.page-home) .breadcrumb_container + #main, body .containerInner.layout-fullwidth:not(.page-home) .breadcrumb_container + .clear + #main { margin: 0 auto; } body .containerInner .breadcrumb_container, body .containerInner.layout-fullwidth .breadcrumb_container { width: 100%; margin: 15px auto 16px; padding: 0 10px; overflow: hidden; background: #fff; max-width: 1310px; box-sizing: border-box; } /* Layout -------------------------------------------------------------- */ #container { width: 100%; margin-bottom: 40px; } .containerInner { padding: 0 20px; margin: 45px auto 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .containerInner.layout-fullwidth { margin-top: 60px; } .containerInner .menu_container { background-color: #EE9D16; width: 100%; z-index: 100000; } .containerInner.layout-fullwidth #header { margin-top: 2%; } #header { margin: 1% 0 1.4%; } .containerInner.layout-fullwidth #header { margin-bottom: 0; } .columns2-full, .columns2-full .content { width: 100%; } .columns2-right>#sidebar, .columns2-left>#sidebar { width: 23%; float: left; } #products-sidebar { float: left; width: 23%; } .columns2-right>.content, .columns2-left>.content { float: right; width: 75%; } .columns2-right > #sidebar { float: right; z-index: 1; position: relative; } .columns2-right>.content { float: left; } .content.page-content.fullwidth, .content.fullwidth, #default_products_page_container.content.fullwidth{ width: 100%; } .al-page-title { margin-top: 0.8em; } .content.page-content { background: white; padding: 2%; width: 75%; box-sizing: border-box; } #default_products_page_container { width: 75%; float: right; } .al-iconbox .wpb_column:first-child .mega_info_box_2 .mega-info-header { padding-top: 10px; } .al-iconbox .nonesss .mega-info-footer { padding-top: 10px; padding-left: 5px; } .al-iconbox .nonesss .mega-info-header img { padding-bottom: 0; } /* top-panel -------------------------------------------------------------- */ #top-panel { height: auto; position: absolute; width: 100%; top: 0; left: 0; transition: all 0.5s ease; z-index: 1000000; } #top-panel .topexpand { width: 90px; float: right; display: block; color: #ccc; text-align: center; top: 25px; position: relative; height: 23px; font-size: 12px; cursor: pointer; background-color: #333; padding: 2px 10px 0 0; background-image: url('assets/images/cart-arrow.png'); background-repeat: no-repeat; background-position: 70px 8px; } body.logged-in #top-panel .topexpand { width: auto; background-image: none; padding: 2px 5px; } body.logged-in #top-panel .topexpand a { color: #ccc; padding: 0 5px; } body.logged-in #top-panel .topexpand a:first-child { padding-right: 0; } body.logged-in #top-panel .topexpand a:first-child:after { content: '|'; margin-left: 5px; } #top-panel .head_area { max-width: 1150px; margin: 0 auto; padding: 0 20px; } #top-cart { text-align: right; float: right; clear: both; position: relative; padding: 0 20px 5px 30px; background-repeat: no-repeat; background-position: 100% 5px; top: -3px; } body .containerInner.layout-fullwidth #top-cart { top: 2px; } #top-panel .top_border { border-bottom: 4px solid #444; } .top-elements { width: 265px; background: #444; position: absolute; right: 12%; top: -283px; transition: all 0.5s ease; } body.logged-in .top-elements { top: -23px; } .top-elements.expand { top: 0; transition: all 0.5s ease; } .top-elements .top-left, .top-elements .top-middle, .top-elements .top-right { width: 33.33%; float: left; } body .top-elements .top-right { float: right; } #top-cart.hover { background-image: url('assets/images/cart-arrow.png'); } #top-cart>a { color: #cccccc; text-transform: uppercase; } #top-cart>span { color: #cccccc; text-transform: uppercase; } #top-cart>span .amount { color: #cccccc; } #top-cart .cart-popup { display: none; width: 310px; text-align: left; padding: 20px 15px 15px 15px; background: #fff; position: absolute; z-index: 10001; right: -9px; top: 37px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); } #top-cart .cart-popup a.delete-btn { float: right; } #top-cart .cart-popup .recently-added { font-size: 10px; text-transform: uppercase; margin-bottom: 5px; } #top-cart .cart-popup .totals .amount, #top-cart .cart-popup .totals { clear: both; padding: 5px 0; font-size: 14px; text-transform: uppercase; text-align: right; color: #555; } #top-cart .cart-popup .totals { border-bottom: 1px solid #dddddd; margin: 0 -15px 10px; padding: 0 15px 5px; } #top-cart .cart-popup .totals .amount {} #top-cart .amount { font-size: 12px; font-weight: normal; } #top-cart .cart-popup .totals .price { font-size: 14px; font-weight: normal; color: #090909; } #top-cart .cart-popup .button { padding: 0 35px; vertical-align: top; } #top-cart .cart-popup .empty { margin-bottom: 0; } #top-panel .woocommerce-form { width: 100%; max-width: 350px; color: #fff; padding: 10% 10% 0; box-sizing: border-box; } #top-panel .woocommerce-form label, #top-panel .woocommerce-form p { color: #fff; width: 100%; display: block; } #top-panel .woocommerce-form label { line-height: 16px; } #top-panel .woocommerce-form input[type="text"], #top-panel .woocommerce-form input[type="email"], #top-panel .woocommerce-form input[type="password"] { width: 100%; font-size: 13px; } #top-panel .woocommerce-form .woocommerce-button { width: 100%; } #top-panel .woocommerce-form input[type="checkbox"] { border: none; padding: 0; outline: none; } #top-panel .woocommerce-form .woocommerce-button { margin-top: 10px; } #top-panel .woocommerce-form .woocommerce-privacy-policy-text { display: none; } #top-panel .woocommerce-form .lost_password { margin-bottom: 0; overflow: hidden; } #top-panel .woocommerce-form .woocommerce-registerLink { float: right; padding-top: 3px; } #top-panel .woocommerce-form .lost_password a, #top-panel .woocommerce-form .woocommerce-registerLink { color: #bbb; font-size: 12px; } #top-panel .woocommerce-form h3 { color: #fff; } /* Header -------------------------------------------------------------- */ .head_area { width: 100%; box-sizing: border-box; } .logo, .header-content, #search { display: inline-block; vertical-align: bottom; } .logo { width: 30%; } .layout-fullwidth .logo { position: relative; top: 4px; } .logo img { max-width: 100%; position: relative; top: 5px; } .header-content { width: 40%; text-align: center; } .header-content h2 { margin-bottom: 5px; font-weight: 500; } body .orange { color: #EE9D16; } #search { width: 29.1%; text-align: right; } #search #searchform { width: 100%; } .header-phone { font-size: 12px; color: #fff; margin-top: 6px; display: block; } .header-phone .separator { border-left: 1px solid #ccc; margin: 0 10px 0 5px; } #links .links ul li a { color: #fff; font-size: 12px; } #search input[type="text"], #search .button { display: inline-block; vertical-align: middle; } #search input[type="text"] { max-width: 200px; width: 60%; color: #828282; font-size: 11px; padding: 8px; margin: 0; float: none; margin-right: 2%; margin-top: 0; vertical-align: middle; } #search .button { height: 34px; width: 18%; max-width: 60px; padding: 0; line-height: 15px; font-size: 14px; vertical-align: middle; } body #searchform #searchsubmit span i { font-family: 'Font Awesome 5 pro'; } #search #site-info { color: #555555; font-size: 11px; line-height: 1.2; } /* Header Sticky -------------------------------------------------------------- */ .header-sticky { top: -80px; width: 100%; background: #fff; padding: 0 8%; line-height: 60px; height: 60px; box-sizing: border-box; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); left: 0; width: 100%; z-index: 100000; position: fixed; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .header-sticky .inner-sticky { max-width: 1150px; width: 100%; margin: 0 auto; } .header-sticky .logo { float: left; width: 25%; } .header-sticky .logo img { max-width: 100%; max-height: 40px; margin-top: 4px; } .header-sticky #main-nav, .header-sticky .menu, .header-sticky .mega-menu-wrap { float: right; width: 75%; background: #fff; margin-top: 0; } .header-sticky #main-nav > ul, .header-sticky .menu > ul { text-align: right; width: 100%; } .header-sticky #main-nav ul ul, .header-sticky .menu ul ul { text-align: left; } .header-sticky #main-nav ul > li:last-child, .header-sticky .menu ul > li:last-child { margin-right: 0; } .header-sticky .menu > ul > li ul.sub-menu li a, .header-sticky #main-nav > ul > li ul.sub-menu li a, .header-sticky #main-nav > ul > li > ul li::before, .header-sticky .menu > ul > li > ul li::before { line-height: normal; } .header-sticky .menu > ul > li ul, .header-sticky #main-nav > ul > li ul { top: 60px; } .header-sticky #main-nav > ul > li > a, .header-sticky .menu > ul > li > a { color: #666; height: 58px; line-height: 58px; } .header-sticky #main-nav > ul > li.current-menu-ancestor > a, .header-sticky .menu > ul > li.current-menu-ancestor > a, .header-sticky #main-nav > ul > li > a:hover, .header-sticky .menu > ul > li > a:hover { background: transparent; color: #EE9D16; } #links { text-align: right; float: right; width: 100%%; margin-top: 3px; } .links li { padding: 0 7px 0 10px; line-height: 14px; display: inline-block; border-left: 1px solid #cccccc; } .links li:first-child { border-left: 0; } .links li:last-child { padding-right: 0; } #links #site-description { color: #ffffff; font-size: 12px; line-height: 1; margin-bottom: 0; display: inline-block; } .entry-title, .page-title { font-size: 24px; color: #353535; } .page-description { padding: 10px 20px 20px; border-bottom: 1px solid #dddddd; border-right: 0; border-left: 0; margin: 0 -20px 30px -20px; font-size: 32px; line-height: 40px; font-weight: normal; } .entry-content { background: white; padding: 20px 20px 20px 20px; } .entry-summary { padding: 15px 20px 5px 20px; } .woocommerce-cart .entry-content { background: none; padding: 0; } .woocommerce-checkout .content { background: white; padding: 20px; } body .content.page-content.notfound { text-align: center; padding: 10% 2%; background:#fff; } h1.notFound { font-size: 48px; } h1.notFound strong { color: #EE9D16; } /* Navigation -------------------------------------------------------------- */ .menu_container { width: 100%; position: relative; } .menu_container #top-cart { margin-top: 8px; margin-right: 9px; background-color: transparent; cursor: pointer; } .layout-fullwidth .menu_container #top-cart { margin-top: 6px; } body .menu_container #top-cart > a { font-size: 23px; } body .containerInner.layout-fullwidth .menu_container #top-cart > a { font-size: 25px; } .menu_container #top-cart > a, .menu_container #top-cart > span, .menu_container #top-cart > span .amount { color: #fff; font-size: 14px; } body .containerInner.layout-fullwidth .menu_container #top-cart > span, body .containerInner.layout-fullwidth .menu_container #top-cart > span .amount { font-size: 16px; } .menu_container #top-cart>span.chvmore { font-size: 18px; position: relative; right: -10px; top: 2px; } div.menu, #main-nav, nav#main, body .containerInner.layout-fullwidth nav#main { text-align: left; margin: 15px 0 0 0; } body #main-nav, body nav#main { height: 41px; padding: 0; } body .containerInner.layout-fullwidth #main-nav, body .containerInner.layout-fullwidth nav#main { height: 50px; } body #main-nav > ul, body #main-nav > ul > li, body nav#main > ul, body nav#main > ul > li { height: 100%; padding: 0; } body #main-nav > ul > li > a, body nav#main > ul > li > a { display: inline-block; vertical-align: middle; height: 100%; padding: 0 18px; line-height: 40px; } body .containerInner.layout-fullwidth #main-nav > ul > li > a, body .containerInner.layout-fullwidth nav#main > ul > li > a { line-height: 50px; } /* level 0 -------------------------------------------------------------- */ .menu > ul > li:first-child, #main-nav > ul > li:first-child { margin-left: 0; } .menu > ul > li:last-child, #main-nav > ul > li:last-child { margin-right: 5px; } .menu > ul > li, #main-nav > ul > li { padding: 2px 0; margin-left: 5px; display: inline-block; position: relative; } .menu > ul > li.clearence, #main-nav > ul > li.clearence { float: right; } .menu > ul > li > a, #main-nav > ul > li > a { padding: 10px 17px; font-size: 15px; color: white; display: inline; } body .containerInner.layout-fullwidth .menu > ul > li > a, body .containerInner.layout-fullwidth #main-nav > ul > li > a { font-size: 16px; } #main-nav .current-menu-parent a, #main-nav .current-menu-item a, .menu .current-menu-parent a, .menu .current-menu-item a, .menu > ul > li.over > a, .menu > ul > li.active > a, .menu > ul > li > a:hover, #main-nav > ul > li.over > a, #main-nav > ul > li.active > a, #main-nav > ul > li > a:hover { text-decoration: none; background: white; color: #666666; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } /* level 1 -------------------------------------------------------------- */ .menu > ul > li > ul, #main-nav > ul > li > ul { border-top: 0!important; top: 41px; left: 0px; } /* level 1 + -------------------------------------------------------------- */ .menu > ul > li ul, #main-nav > ul > li ul { position: absolute; padding: 15px; width: 230px; background: white; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18); display: none; box-sizing: border-box; z-index: 10000; } .menu > ul > li ul ul, #main-nav > ul > li ul ul { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); box-shadow: 0 0 3px rgba(0, 0, 0, 0.18); } .menu > ul > li > ul li, #main-nav > ul > li > ul li { padding: 8px 15px 8px 20px; display: block; position: relative; } .menu > ul > li > ul li:first-child, #main-nav > ul > li > ul li:first-child { padding-top: 0; } .menu > ul > li > ul li:last-child, #main-nav > ul > li > ul li:last-child { padding-bottom: 0; } #main-nav > ul > li > ul li { border-bottom: 1px solid #e8e8e8; } #main-nav > ul > li > ul li:last-child { border-bottom: none; } #main-nav > ul > li > ul li:before { content: '\f178'; position: absolute; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: #555; left: 0; top: 13px; font-size: 9px; } #main-nav > ul > li > ul li:first-child:before { top: 5px; } .menu > ul > li > ul > li a, #main-nav > ul > li > ul > li a { width: 100%; padding: 2px 0; display: block; } #main-nav > ul > li > ul > li a:hover { color: #000000; } .menu > ul > li > ul > li ul, #main-nav > ul > li > ul > li ul { top: 0; left: 214px; } .menu > ul > li > ul > li .sf-sub-indicator, #main-nav > ul > li > ul > li .sf-sub-indicator { float: right; } /* Mobile Navigation -------------------------------------------------------------- */ .et-mobile-menu { text-align: left; display: none; width: 100%; position: absolute; z-index: 100000; background: #fff; } .et-menu-title { cursor: pointer; display: none; padding: 0 15px 0 45px; line-height: 35px; background: url('assets/images/menu-icon.png') no-repeat 10px center; color: white; font-size: 18px; margin: 25px 0 0 0; text-align: left; } /* level 0 -------------------------------------------------------------- */ .et-mobile-menu li { display: block; position: relative; } .et-mobile-menu li .open-child { float: right; display: block; text-indent: -99999px; width: 35px; height: 36px; background-image: url('assets/images/plus.png'); background-position: center center; background-repeat: no-repeat; cursor: pointer; } .et-mobile-menu li .open-child:hover { background-color: #dcdcdc; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } .et-mobile-menu li.over>.open-child { background-image: url('assets/images/minus.png'); } .et-mobile-menu li>a { display: block; line-height: 35px; padding: 0 10px; font-size: 15px; background: white; border-top: 1px solid #dddddd; } .et-mobile-menu li>a:hover { background-color: #DFDFDF; text-decoration: none; color: #222; -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; -ms-transition: background-color .3s ease; -o-transition: background-color .3s ease; transition: background-color .3s ease; } /* level 1 -------------------------------------------------------------- */ .et-mobile-menu>li>ul { border-top: 0!important; } /* level 1 + -------------------------------------------------------------- */ .et-mobile-menu>li ul { display: none; width: 100%; } .et-mobile-menu>li>ul li { display: block; position: relative; } .et-mobile-menu>li>ul>li a { padding-left: 20px; display: block; font-size: 13px; } .et-mobile-menu>li>ul>li li a { padding-left: 40px; } .et-mobile-menu>li>ul>li li li a { padding-left: 60px; } /* Blocks -------------------------------------------------------------- */ .widget-container { margin: 0 0 22px 0; padding: 8%; font-size: 13px; background: white; line-height: 20px; box-sizing: border-box; } .widget-container h3, .widget_block h2 { font-size: 14px; text-transform: uppercase; color: #222222; padding: 2px 0 15px; margin: 0 0 15px; border-bottom: 1px solid #dddddd; } .widget-container ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dfdfdf; } .widget-container ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } /* widget_categories -------------------------------------------------------------- */ .widget_categories > ul > li { font-size: 12px; position: relative; padding: 2px 2px 10px 18px; } .widget_categories > ul > li:before { content: '\f178'; position: absolute; font-family: "Font Awesome 5 Pro"; font-weight: 400; color: #555; left: 0; top: 2px; font-size: 9px; } /* alanah_widget_recent_entries -------------------------------------------------------------- */ .alanah_widget_recent_entries .post_image { max-width: 100%; } .alanah_widget_recent_entries>ul>li { margin-bottom: 15px; color: #808080; } .alanah_widget_recent_entries>ul li:last-child { margin-bottom: 0; border-bottom: 0; } .alanah_widget_recent_entries>ul>li .postimg { display: block; float: left; width: 23%; height: auto; margin: 0 15px 0 0; background-repeat: no-repeat; background-position: center center; } .alanah_widget_recent_entries > ul > li a { float: left; display: block; width: 69%; font-size: 12px; line-height: 15px; } .alanah_widget_recent_entries > ul > li a, .alanah_widget_recent_comments > ul > li > a, .cats .block-content .al_categories > li > a { color: #222; } .alanah_widget_recent_entries > ul > li span { font-size: 12px; } /* widget products & archives */ .widget-container ul.product_list_widget li .star-rating { display: none; } /* widget_recent_entries -------------------------------------------------------------- */ .alanah_widget_recent_comments {} .alanah_widget_recent_comments>ul>li { margin-bottom: 10px; } .alanah_widget_recent_comments > ul > li span { display: inline-block; padding: 1px 2px 4px 4px; color: #808080; font-size: 11px; } .alanah_widget_recent_comments > ul > li > a { display: inline-block; margin-left: 9px; font-size: 12px; } .comment_author { color: #808080; } .widget_recent_comments a { font-style: italic; color: #bbb; } .widget_recent_comments li { margin-bottom: 5px; } /* widget_archive -------------------------------------------------------------- */ .widget_archive {} .widget_archive li { padding: 3px 2px 7px 3px; color: #222222; font-size: 12px; } /* widget_product_search -------------------------------------------------------------- */ .widget_product_search, .widget_search #searchform { width: 100%; } .widget_product_search input[type="search"] { width: 70%; line-height: 30px; display: inline-block; vertical-align: bottom; height: 30px; padding-top: 0; padding-bottom: 0; box-shadow: none; border-radius: 0; -webkit-appearance: none; } .widget_product_search label { display: none; } .widget-container .woocommerce-product-search button { padding: 0; line-height: 30px; vertical-align: bottom; width: 28%; display: inline-block; height: 30px; } .widget-container .woocommerce-product-search button:hover { color: #fff; } /* search -------------------------------------------------------------- */ .widget_search .widget-title { padding-top: 0; } .widget_search input[type="text"], .widget_search .button { height: 30px; box-sizing: border-box; display: inline-block; vertical-align: top; } .widget_search input[type="text"] { width: 74%; } .widget_search .button { width: 24%; } body .wp-block-search input[type="search"] { border: 1px solid #e8e8e8; background: white; padding: 6px; } body .wp-block-search button.wp-block-search__button { color: #666666; cursor: pointer; border: none; padding: 0 10px; line-height: 14px; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; } body .wp-block-search button:hover { background-color: #EE9D16; color: #fff; } .widget_search .button { line-height: 14px; } /* product_list_widget-------------------------------------------------------------- */ .product_list_widget {} .product_list_widget li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dddddd; } .product_list_widget li:last-child { border-bottom: 0; } .product_list_widget li img { width: 50px; height: 50px; } .product_list_widget li .amount { font-size: 14px; font-weight: normal; } /* widget_meta -------------------------------------------------------------- */ .widget_meta {} .widget_meta h3 { padding-bottom: 10px; } .widget_meta a { width: 100%; display: inline-block; padding: 0; font-size: 13px; font-weight: 300; } /* widget_calendar -------------------------------------------------------------- */ .widget_calendar td, .widget_calendar th { padding: 0 7px; } /* widget_pages -------------------------------------------------------------- */ .widget_pages li { padding: 3px; font-size: 12px; } .widget_pages li>li { padding-left: 6px; } /* widget_rss -------------------------------------------------------------- */ .widget_rss li { margin: 0 0 10px; } .widget_rss li a { font-size: 12px; display: block; } .widget_rss li .rss-date { font-style: italic; } /* widget_text -------------------------------------------------------------- */ .widget_text img { max-width: 100%; } #menu-ss { background-color: transparent; } /* widget_categories -------------------------------------------------------------- */ .widget_categories select#cat { margin-top: 15px; } .side_banner { position: relative; text-align: center; margin: 0 -20px -25px; } .side_banner .button { position: absolute; bottom: 15px; right: 15px; } .block { margin: 0 0 20px 0; background: white; } .block .block-head { font-size: 14px; color: #090909; padding: 10px 10px 5px; } .block.non-line .block-head { background: none; padding: 5px 10px 5px; } #comments-title { font-size: 14px; text-transform: none; } #comments-title em { text-transform: uppercase; } /* Cats -------------------------------------------------------------- */ .cats .block-head { text-transform: uppercase; text-align: center; padding: 10px; font-size: 22px; color: #222222; background: #fff; padding: 20px 10px 15px; border-bottom: 1px solid #dddddd; } .cats .block-content .categories-group { margin-bottom: 10px; } .cats .block-content .al_category_title { font-size: 13px; font-family: 'Poppins', sans-serif; margin-bottom: 0; } .cats .block-content .al_categories li a, .cats .block-content .al_categories li { font-size: 12px; } .cats .block-content .al_categories > li > a { margin-left: 1px; padding: 0 0 0 8px; } .cats .block-content .al_categories > li ul > li a { margin-left: 5px; color: #666666; padding: 3px 0 3px 3px } /* ------------------------------------*/ .cats .block-content ul.children { margin-left: 10px; } .cats .block-content .al_categories p { margin-bottom: 5px; } .cats .block-content .al_categories ul { margin-left: 5px; } .cats .block-content .al_categories li { padding: 3px 3px 5px 10px; margin-bottom: 5px; } .cats.acc_enabled .block-content .al_category_title a { display: inline-block; } .cats.acc_enabled .block-content .categories-group > h5 { padding: 0 0 0 15px; position: relative; font-weight: normal; } .cats.acc_enabled .block-content .categories-group > h5:before { content: '\f178'; position: absolute; font-family: "Font Awesome 5 Pro"; font-weight: 600; left: 0; top: 2px; font-size: 8px; } .cats.acc_enabled .block-content .categories-group .al_top_level_categories { display: none; padding-top: 10px; } .cats.acc_enabled .block-content .categories-group.current-parent .al_top_level_categories { display: block; } .cats.acc_enabled .block-content .categories-group.has-subnav .btn-show { cursor: pointer; display: inline-block; float: right; width: 20px; height: 20px; background-image: url('assets/images/btn-show.png'); background-repeat: no-repeat; background-position: top left; } .cats.acc_enabled .block-content .categories-group.has-subnav.opened .btn-show { background-position: top right; } .cats.acc_enabled .block-content .categories-group .btn-show { display: none; } /* Text (sidebar block) -------------------------------------------------------------- */ .text .block-content p { font-size: 11px; } /* Prefooter -------------------------------------------------------------- */ .before-prefooter { padding: 15px 0 0; margin: 0 auto; overflow: hidden; } .before-prefooter .first-prefooter { float: left; width: 49%; } .before-prefooter .last-prefooter { float: right; width: 49%; text-align: right; } .before-prefooter .first-prefooter .menu { background: transparent; padding-top: 6px; } .before-prefooter .first-prefooter .menu li { display: inline-block; padding: 0 12px 0 10px; border-right: 1px solid #555; } .before-prefooter .first-prefooter .menu li:last-child { border-right: none; } .before-prefooter .first-prefooter .menu li a { color: #cccccc; } .before-prefooter .first-prefooter .menu li a:hover { color: #ffffff; } .before-prefooter .last-prefooter img { max-width: 300px !important; width: auto; height: auto; max-height: 30px; margin-top: 2px; } .before-prefooter .links li { border-color: #444444; } .before-prefooter .links li:first-child { padding-left: 0; } .before-prefooter .links a { color: #666666; font-size: 12px; } #prefooter { padding: 25px 0; margin: 0 auto; } #prefooter .one-third.gift { border-right: 1px solid #dddddd; border-left: 1px solid #dddddd; margin-right: 18px; text-align: center; } .footer_support { background: #111; padding: 1% 2%; overflow: hidden; margin-bottom: 35px; } .footer_support .sp_first { float: left; width: 33%; } .footer_support .sp_middle { float: left; width: 33%; text-align: center; } .footer_support .sp_last { float: right; width: 33%; text-align: right; } .footer_support .sp_first a, .footer_support .sp_middle a, .footer_support .sp_last a { color: #aaa; font-size: 18px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .footer_support .sp_first a:hover, .footer_support .sp_middle a:hover, .footer_support .sp_last a:hover { color: #fff; } .footer_support .sp_first i, .footer_support .sp_middle i, .footer_support .sp_last i { font-size: 26px; color: rgba(255, 255, 255, 0.8); margin-right: 5px; vertical-align: middle; } /* Footer -------------------------------------------------------------- */ #prefooter-container { background: #222222; } #footer-container { background: #222; } #footer { margin: 0 auto; padding: 20px 0; border-top: 1px solid #555; } #footer .copyright { text-align: center; width: 100%; color: #bbb; line-height: 12px; } .footer-information { margin-top: 20px; } .footer-information .two-third { max-width: 860px; width: 100%; } .footer-information h5 { color: white; font-size: 16px; text-transform: uppercase; } .footer-information .one-third { width: 260px; } .footer-information .one-third.last { width: 320px; } .footer-information .one-third.last .newsletter_inner .wpcf7-spinner { background-color: #aaaaaa; position: absolute; margin-top: 6px; } .footer-information .one-third.last .wpcf7 form .wpcf7-response-output { margin: 0; color: #ccc; font-size: 13px; } #subscribe input { width: 215px; } #subscribe button { width: 75px; } #prefooter .footer-time { margin: 15px 0 0 0; } #prefooter .footer-time span { font-size: 11px; color: #888; } #footer .links li:first-child { padding-left: 0; } #footer .copyright p { margin-bottom: 0; font-size: 13px; width: 49%; display: inline-block; text-align: left; } #footer .copyright.disablesocial p { width: 100%; text-align: center; } #footer .copyright .footer-social { width: 50%; display: inline-block; text-align: right; } #footer .copyright .follow-us > div { float: none; border: none; padding: 0 10px; text-align: center; display: inline-block; margin-top: 3px; } #footer .copyright .follow-us a { color: #bbb; height: auto; overflow: auto; font-size: 16px; } #footer .copyright .follow-us a:hover { color: #FFFFFF; } #footer .copyright .fl-r { text-align: right; } #footer .copyright .fl-r, #footer .copyright .fl-l { width: 50%; } #footer .links li { line-height: 12px; border-color: #f0f0f0; } #back-to-top { display: none; z-index: 999; position: fixed; bottom: 70px; right: 15px; text-align: center; background: rgba(0, 0, 0, 0.5); border-radius: 2px; } #back-to-top:hover { background: rgba(238, 157, 22, 0.6); } #back-to-top a { display: block; width: 50px; height: 50px; text-align: center; text-transform: lowercase; } #back-to-top a:before { content: '\f106'; font-family: "Font Awesome 5 Pro"; font-size: 33px; color: #fff; } /*** Alanah Banner **/ .alanah-banner { margin-bottom: 0; position: relative; } .alanah-banner .banner_img, .alanah-banner .banner_img img { width: 100%; padding: 0; } .alanah-banner .banner_img { overflow: hidden; } .alanah-banner .banner_img img { transform: scale(1); -webkit-transition: all .8s ease-out; transition: all .8s ease-out; -moz-transition: all .8s ease-out; display: block; } .alanah-banner:hover .banner_img img { transform: scale(1.05); } .alanah-banner .banner_content { position: absolute; top: 19%; } .alanah-banner .banner_content.left { left: 8%; } .alanah-banner .banner_content.right { right: 8%; } .alanah-banner .banner_content.center { position: absolute; top: 20%; margin: 0 auto; left: 0; text-align: center; display: inline-block; width: 100%; } .alanah-banner .banner_heading { font-weight: 600; font-size: 22px; margin-bottom: 10px; } .alanah-banner .banner_content.center .banner_heading { text-align: center; } body .alanah-banner .banner_pretext { font-size: 12px; margin-bottom: 10px; } .alanah-banner .banner_pretext, .alanah-banner .banner_posttext { font-size: 15px; color: #888; font-weight: 400; letter-spacing: 1px; } .alanah-banner.boxshadow img { width: 100%; } .alanah-banner.boxshadow img, .alanah_shadow, .Shadow_area .wpb_column .vc_column-inner { box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, 0.2); } body .nonesss { border-radius: 0; } .alanah-banner .button.right { position: absolute; bottom: 20px; right: 20px; } .alanah-banner .button.left { position: absolute; bottom: 20px; left: 20px; } #homepage-sidebar { margin-bottom: 15px; } #homepage-sidebar .widget-container { padding: 0; margin: 0; position: relative; } body.home .hometexts { margin-bottom: 15px !important; font-size: 14px; border: 1px solid #f1f1f1; } form.wpcf7-form .newsletter_inner { width: 100%; margin-top: 10px; display: inline-block; } form.wpcf7-form .newsletter_inner input[type="text"], form.wpcf7-form .newsletter_inner input[type="email"] { width: 100%; padding: 3%; } form.wpcf7-form .newsletter_inner input[type="submit"] { width: 100%; border-radius: 2px; cursor: pointer; padding: 3% 0; } .footer-information .menu { background: transparent; } .footer-information .menu li a { color: #cccccc; font-size: 14px; margin: 4px 0; display: inline-block; width: 100%; } .footer-information .menu li a:hover, .footer-information a:hover { color: #fff; } /* Products Small -------------------------------------------------------------- */ .products-small .product-item { font-size: 12px; background: white; padding: 10px; margin-bottom: 10px; color: #111111; border: 1px solid #e8e8e8; } .products-small .product-item h5 a { color: #111111; } .products-small .product-item .product-image { float: left; margin: 0 7px 7px 0; } .products-small .product-item h5 { font-size: 12px; margin-bottom: 5px; } .products-small .product-item .qty { float: left; } .products-small .product-item .price { font-size: 12px; } .products-small .product-item .actions { height: 62px; margin: -10px -10px -10px 0; padding: 10px; float: right; border-left: 1px solid #dddddd; } .products-small .product-item .actions a { display: block; color: #666666; font-size: 11px; padding: 5px; text-align: center; } /* Breadcrumbs -------------------------------------------------------------- */ #breadcrumb { font-size: 11px; background: white; float: left; width: auto; } #breadcrumb a { display: inline-block; margin-bottom: 12px; color: #666666; margin: 0 0px 0 2px; padding: 7px 6px 5px 6px; position: relative; line-height: 15px; } .layout-fullwidth #breadcrumb a { line-height: 16px; } #breadcrumb a:first-child { margin-left: 0; } #breadcrumb a:last-child { margin-right: 0; } #breadcrumb a:last-child:hover {} #breadcrumb a:hover { text-decoration: none; } .back-to { color: #666666; font-size: 11px; line-height: 28px; margin: 0; float: right; padding: 0 10px 0 25px; background-repeat: no-repeat; background-position: left center; } .toolbar { padding: 10px 20px; background: #fff; clear: both; border-bottom: 1px solid #dddddd; box-sizing: border-box; } .toolbar.bottom { border-top: 1px solid #dddddd; border-bottom: 0; } .toolbar .pagination { float: right; } .toolbar .pagination .page-numbers li { display: inline-block; } .toolbar .pagination span.page-numbers.dots { background: none; color: #818181; } .toolbar .pagination span, .toolbar .pagination a { display: inline-block; margin: 0 2px; background: #efefef; color: #666666; padding: 5px 9px 5px; line-height: 14px; } .toolbar .pagination a:hover { color: white; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; } .toolbar .pagination .page-numbers span.current, .toolbar .pagination a.selected { background: #dfdfdf; text-decoration: none; } .cat-banner { margin-bottom: 20px; width: 100%; } .products-categories { margin-bottom: 20px; } .products-categories li { float: left; margin: 0; width: 23.5%; text-align: center; margin-right: 2%; margin-bottom: 2%; position: relative; overflow: hidden; } .products-categories.columns-3 li { width: 32%; } .products-categories.columns-5 li { width: 18.8%; margin-right: 1.5%; margin-bottom: 1.5%; } .products-categories li.last { margin-right: 0; } .products-categories li.first { clear: both; } .products-categories li img { height: auto; width: 100%; display: block; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .products-categories li a:hover img { opacity: 0.8; -webkit-transform: scale(1.1); transform: scale(1.1); } .products-categories li h2 { position: absolute; bottom: 0; width: 100%; background: #dfdfdf; margin: 0; padding: 3%; text-align: center; box-sizing: border-box; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; } .products-categories li h2 .count { display: none; } .products-categories.columns-5 li h2 { padding: 5% 3%; font-size: 16px; } .products-categories li:hover a:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; } .products-categories li:hover h2 { color: #fff; background: transparent; z-index: 10; bottom: 42%; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; } .products-categories.columns-4 li:hover h2 { font-size: 22px; } .product-image .img-wrapper { border: 0; background: #fff; position: relative; width: 100%; text-align: center; overflow: hidden; } .product-image .img-wrapper img { max-width: 100%; max-height: 100%; transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -webkit-transition: 0.3s all ease-in-out; display: block; } .product-image .img-wrapper .product_hover_image { position: absolute; left: 0; top: 0; opacity: 0; z-index: 1; } body .product-image.swap .img-wrapper:hover .product_hover_image { opacity: 1; } /* Product Variation Form */ .single-product .variations_form .variations { width: 100%; margin-bottom: 20px; } .added_to_cart { display: none; } .imageHolder { z-index: 2; } /* Single Product Page -------------------------------------------------------------- */ #product-page { background: white; padding: 20px; } .single-product #product-page { padding: 20px 20px 10px; } #product-page .product-images .main-image, #product-page .product-images .main-image #wrap, #product-page .product-images .main-image #wrap .woocommerce-main-image { width: 100%; } /* Product images -------------------------------------------------------------- */ #product-page .product-images { float: left; width: 36%; margin-right: 2%; position: relative; } #product-page .product-images .main-image img { margin: 0 auto; width: 100%; } #product-page .product-images .starwrapper { right: 5px; top: 5px; position: absolute; z-index: 10000; } #product-page .product-images .main-image .lightbox-btn { text-indent: -9999px; display: block; width: 93px; height: 26px; background: url('assets/images/zoom_img.png') no-repeat top center; } #product-page .product-images .main-image .lightbox-btn:hover { background-position: bottom; } /* Product shop -------------------------------------------------------------- */ #product-page .product-shop { float: left; width: 47%; padding: 20px; border: 1px solid #e8e8e8; box-sizing: border-box; } #product-page .product-shop.fullwidth { width: 62%; } #product-page hr { margin: 5px -20px 15px; } #product-page .product-shop h1 { font-size: 22px; } /* Price, "in stock", product code -------------------------------------------------------------- */ #product-page .product-shop .main-info { margin-bottom: 10px; } #product-page .product-shop .main-info .price-block { float: left; } #product-page .product-shop .main-info .product-stock { text-align: right; float: right; } #product-page .product-shop .main-info .product-code { font-size: 11px; } #product-page .product-shop .main-info { font-size: 11px; color: #090909; } #product-page .product-shop .quick-overview { text-transform: uppercase; font-size: 12px; color: #323232; } #product-page .product-shop .product-description { margin-bottom: 10px; } #product-page .product-shop .size_guide { margin: -10px 0 15px 0; width: 80px; text-align: center; } #product-page .product-shop .size_guide a { display: block; width: 80px; font-size: 10px; padding: 0 0 15px 0; background: url('assets/images/size_icon.png') no-repeat bottom center; } body.archive .product-image .img-wrapper { width: 100%; height: auto; overflow: hidden; } /* Product variation -------------------------------------------------------------- */ #product-page .product-shop .variation { margin-bottom: 10px; } #product-page .product-shop .variation .variant { color: #323232; margin-bottom: 10px; } #product-page .product-shop .variation .variant label { margin-bottom: 3px; color: #323232; } #product-page .product-shop .variation .variant select { width: 250px; margin-left: 3px; } .reset_variations { float: right; margin: 10px 0 -20px } /* Product add to cart container -------------------------------------------------------------- */ #product-page .product-shop .addto-container .button.big { display: block; margin: 0 0 10px 0; float: right; } #product-page .product-shop .external.addto-container .button.big { float: left; } #product-page .variations_form .woocommerce-variation-add-to-cart .single_add_to_cart_button.disabled { opacity: 0.6; cursor: not-allowed; pointer-events: none; } /* Alanah Popup -------------------------------------------------------------- */ .alanah-popup-overlay { left: 0; top: 0; width: 100%; height: 100%; position: fixed; z-index: 1000000; background: black; opacity: .75; filter: alpha(opacity=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); } .alanah-popup { left: 0; top: 0; width: 100%; height: 0; position: relative; z-index: 1000000; } .alanah-popup-content { position: fixed; width: 308px; background-color: #fff; background-image: url('assets/images/loading.gif'); min-height: 50px; background-repeat: no-repeat; background-position: center center; border: 1px solid #e8e8e8; padding: 15px; z-index: 10002; top: 300px; left: 37%; } .alanah-popup img { border: 1px solid #e8e8e8; float: left; margin: 0 15px 15px 0; } /* Product sidebar -------------------------------------------------------------- */ #product-page .product-sidebar { float: right; width: 13%; margin-left: 2%; } #product-page .product-sidebar .product-banner { position: relative; margin-bottom: 15px; overflow: hidden; padding: 1% 1% 0 1%; } #product-page .product-sidebar .product-banner .sellproduct { width: 80%; font-size: 11px; color: #fff; position: absolute; top: 12%; left: 41%; text-align: center; transform: rotate(45deg); background-color: #ff4a4a; text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); background-color: #ff4a4a; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#bf0d0d)); background-image: -webkit-linear-gradient(#ff4a4a); background-image: -moz-linear-gradient(top, #ff4a4a, #bf0d0d); background-image: -ms-linear-gradient(top, #ff4a4a, #bf0d0d); background-image: -o-linear-gradient(top, #ff4a4a, #bf0d0d); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); } #product-page .product-sidebar .product-banner img { width: 100%; display: block; } #product-page .product-sidebar .product-banner .button { position: absolute; bottom: 10%; left: 0; padding: 0px 10px; line-height: 25px; font-size: 11px; } #product-page .tabs-nav { margin-top: 20px; } /* Labels -------------------------------------------------------------- */ .label-icon { text-indent: -9999px; background-repeat: no-repeat; background-position: left top; position: absolute; left: 0; top: 0; z-index: 1; } .label-icon.sale-label { right: 0; left: auto; } /* Price -------------------------------------------------------------- */ .price, .currentprice { color: #555555; font-size: 14px; } ins { text-decoration: none; } .pricedisplay { margin: 0; font-size: 16px; } del .amount, .old-price { color: #818181; font-size: 11px; } .oldprice .pricedisplay, .old-price .price, .oldprice { text-decoration: line-through; font-weight: normal; color: #818181; font-size: 11px; } .onsale-price { color: #818181; font-size: 16px; } .amount, .onsale-price .price, .currentprice { font-size: 20px; } .price-normal .amount, .price-normal .currentprice, .price-normal del .amount { font-size: 14px; font-weight: normal; } .ppp_price { color: #090909; font-size: 11px; } .ppp_price .pp_price .pricedisplay { font-size: 11px; } .you-save { color: #090909; font-size: 11px; } .you-save .pricedisplay, .you-save .price { font-weight: normal; font-size: 11px; } /* Stock -------------------------------------------------------------- */ .stock { font-size: 11px; } .stock.in-stock span {} .stock.out-stock span { color: #ff292c; } /* qty-block -------------------------------------------------------------- */ .qty-block { text-align: center; display: inline-block; } .qty-block .qty { width: 30px; text-align: center; padding: 3px 4px 4px; border: 1px solid #e8e8e8; -moz-appearance: textfield; } .qty-block .qty::-webkit-inner-spin-button, .qty-block .qty::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } #product-page .product-shop .addto-container .qty-block { float: left; margin-top: 12px; } #product-page .product-shop .group_table.addto-container .qty-block { margin: 10px 0; min-width: 100px; } #product-page .product-shop .addto-container .qty-block .minus, #product-page .product-shop .addto-container .qty-block .plus, .woocommerce-cart-form .qty-block .minus, .woocommerce-cart-form .qty-block .plus { display: inline-block; background: #dfdfdf; width: 28px; height: 26px; text-align: center; cursor: pointer; border: none; text-transform: uppercase; font-size: 12px; vertical-align: middle; color: #666666; -webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; } body .woocommerce-cart-form .qty-block .minus, body .woocommerce-cart-form .qty-block .plus { height: 28px; vertical-align: top ; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } body .woocommerce-cart-form .qty-block .qty { vertical-align: top; height: 28px; margin: 0 5px; } body table.checkout_cart th.product-quantity, body table.checkout_cart td.product-quantity { min-width: 116px; } #product-page .product-shop .addto-container .qty-block .minus:hover, #product-page .product-shop .addto-container .qty-block .plus:hover { background: #EE9D16; color: #fff; } #product-page .product-shop .addto-container .qty-block .qty::-webkit-inner-spin-button, #product-page .product-shop .addto-container .qty-block .qty::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } #product-page .product-shop .addto-container .qty-block .qty { -moz-appearance: textfield; display: inline-block; margin: 0 2px; height: 26px; vertical-align: middle; } form.cart table.group_table td { padding: 4px 10px 4px 0 !important; } form.group_cart .button.single_add_to_cart_button { margin: 10px 0; } /* Tabs -------------------------------------------------------------- */ .woocommerce-tabs { background: white; padding: 20px; margin: 20px 0; } .woocommerce-tabs #tabs { margin: 0; } #tabs { position: relative; top: 1px; margin-top: 40px; } ul#tabs> :first-child { margin-left: 15px; } ul#tabs { padding: 0; } #tabs li { list-style: none; } #tabs li > a { padding: 5px 18px; text-decoration: none; font-size: 14px; background: #eaeaea; border: 1px solid #e8e8e8; color: #666666; margin-bottom: -1px; } #tabs li>a.active { border-bottom: 1px solid transparent; cursor: pointer; border: 1px solid #e8e8e8; border-bottom: 1px solid #fff; } #tabs li>a:hover { background-color: #f2f2f2; } #tabs li a.active { position: relative; background: white; } #tabs section { display: none; float: left; border: 1px solid #e8e8e8; background: #FFF; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 20px; } .no-js #tabs section { display: block; } #tabs li ul li a { padding: 10px 25px; border-bottom: 1px dotted #dddddd; } .single-product .product-images .sellupper { width: 0; height: 0; display: inline-block; position: absolute; top: -6px; right: -23px; background: transparent; z-index: 10; border-left: 35px solid transparent; border-right: 35px solid transparent; border-bottom: 35px solid #EB3636; border-top: none; transform: rotate(45deg); } body.single-product .product-images .sellupper, body.single-product .product-images .newupper { z-index: 10; } body.single-product .product-images.zoom-enabled .sellupper, body.single-product .product-images.zoom-enabled .newupper { z-index: 10000; } .single-product .product-images .sellupper .sale-label { background: transparent; text-indent: unset; color: #fff; top: 14px; right: -15px; text-transform: uppercase; font-size: 11px; font-weight: 500; letter-spacing: 0.8px; } .single-product .product-images .newupper { width: 0; height: 0; display: inline-block; position: absolute; top: -5px; left: -22px; background: transparent; z-index: 10; border-left: 35px solid transparent; border-right: 35px solid transparent; border-bottom: 35px solid #EE9D16; border-top: none; transform: rotate(-45deg); } .single-product .product-images .newupper .new-label { background: transparent; text-indent: unset; color: #fff; top: 14px; left: -15px; text-transform: uppercase; font-size: 11px; font-weight: 500; letter-spacing: 0.8px; } body .adjustwidth { box-sizing: border-box; margin: 0 auto; position: relative; } body .mega-testimonial-3 .tm-prof3 p, body .mega-testimonial-3 .tm-prof3 p a { font-weight: normal !important; font-style: normal !important; } #tabs section h3, #tabs section h2, #tabs section h4 { color: gray!important; font-size: 16px; } #tabs section table.shop_attributes th { font-weight: normal; padding: 8px; font-size: 11px; color: #818181 !important; } .panel.entry-content, .tabs-container { border: 1px solid #e8e8e8; margin: -1px 0 20px; overflow: hidden; width: 100%; } .panel.entry-content { width: 878px; } .panel.entry-content { margin: -2px 0 0; } .panel.entry-content, .tab-content { padding: 20px; background: white; } /* Code -------------------------------------------------------------- */ pre code { display: block; padding: 0.5em; color: #000; background: #efefef; border: 1px solid #D8D5D5; margin-bottom: 10px; } pre .comment, pre .template_comment, pre .diff .header, pre .javadoc { color: #998; font-style: italic } pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .lisp .title, pre .subst { color: #000; font-weight: bold } pre .number, pre .hexcolor { color: #40a070 } pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula { color: #d14 } pre .title, pre .id { color: #900; font-weight: bold } pre .javascript .title, pre .lisp .title, pre .subst { font-weight: normal } pre .class .title, pre .haskell .label, pre .tex .command { color: #458; font-weight: bold } pre .tag, pre .tag .title, pre .rules .property, pre .django .tag .keyword { color: #000080; font-weight: normal } pre .attribute, pre .variable, pre .instancevar, pre .lisp .body { color: #008080 } pre .regexp { color: #009926 } pre .class { color: #458; font-weight: bold } pre .symbol, pre .ruby .symbol .string, pre .ruby .symbol .keyword, pre .ruby .symbol .keymethods, pre .lisp .keyword, pre .tex .special, pre .input_number { color: #990073 } pre .builtin, pre .built_in, pre .lisp .title { color: #0086b3 } pre .preprocessor, pre .pi, pre .doctype, pre .shebang, pre .cdata { color: #999; font-weight: bold } pre .deletion { background: #fdd } pre .addition { background: #dfd } pre .diff .change { background: #0086b3 } pre .chunk { color: #aaa } pre .tex .formula { opacity: 0.5; } /* Social List -------------------------------------------------------------- */ ul.socialList { margin: 0 0 12px; list-style: none outside none; } ul.socialList li { float: left; margin: 0 8px 6px 0; width: 28px; height: 28px; } /* Contacts -------------------------------------------------------------- */ #map { border: 1px solid #e8e8e8; height: 280px; position: relative; width: 100%; } #map img { max-width: none; } .contacts-page { background: white; padding: 20px 0 0 0; } .alanah_contaal_form textarea { width: 100%; max-width: 600px; } .form .form-submit, #commentform .form-submit { clear: both; } .form .formField, #commentform .formField { margin: 0 0 10px; position: relative; } .form .formField label, #commentform .formField label { float: left; width: 150px; margin: 0; padding: 3px 0; font-size: 14px; color: #808080; cursor: pointer; } #commentform .comment-form-cookies-consent { font-size: 12px; } .form .formField .required, #commentform .formField .required { margin: 0 3px; color: red; } .form input[type=text], .form textarea, #commentform input[type=text], #commentform input[type=url], #commentform input[type=tel], #commentform input[type=number], #commentform input[type=color], #commentform input[type=email], #commentform textarea { float: left; width: 190px; margin: 0; clear: both; font-size: 13px; color: #808080; } .form textarea, #commentform textarea { width: 290px; height: 120px; border: 1px solid #e8e8e8; } .form input[type=text]:focus, .form textarea:focus, #commentform input[type=text]:focus, #commentform input[type=url]:focus, #commentform input[type=tel]:focus, #commentform input[type=number]:focus, #commentform input[type=color]:focus, #commentform input[type=email]:focus, #commentform textarea:focus { border-color: #fa832a; } .form .formField input[type=submit], .form .formField .button, #commentform .formField input[type=submit], #commentform .formField .button { float: right; margin: 10px 15px 0 0; } .form .formField input[type=submit], .form .formField .button { margin: 10px 3px 0 0; } .form .formField input[type=submit][disabled="disabled"], .form .formField .button[disabled="disabled"] { cursor: default; } .form .formField input[type=submit][disabled="disabled"]:hover, .form .formField .button[disabled="disabled"]:hover { background: #c0c0c0; } .form .contactSpinner { float: right; margin: 9px 20px 0 0; width: 32px; height: 32px; background: url('assets/images/spinner.gif'); display: none; } .form input.textField, #commentform input.textField { margin: 0 0 5px; width: 196px; } .form input.textField { margin: 0 0 0; } .form .oneThird input.textField, #commentform .oneThird input.textField { width: 276px; } #commentsMsgs { margin-bottom: 20px; width: 400px; } #respond {} #respond .formField { float: left; width: 100%; } #respond .formField input { float: left; width: 92%; } #commentform .form-submit { margin: 0 0 0 472px; } #commentform .form-submit input { clear: both; border: none; cursor: pointer; text-transform: uppercase; color: #666666; font-size: 12px; padding: 10px 15px; } #commentform .form-submit input:hover { color: white; } .captcha-block { float: left; } .captcha-block img { float: left; border: 1px solid #d8d5d5; padding: 3px; margin-right: 5px; } #contaet-form .captcha-block input, .captcha-block input { float: left; width: 70px; height: 32px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* gallery -------------------------------------------------------------- */ img.alignleft, img.img-left { float: left; margin: 5px 20px 10px 0; } img.alignright, img.img-right { float: right; margin: 5px 0 10px 20px; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; margin-bottom: 10px; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl, .gallery dt { margin: 0; } .gallery br+br { display: none; } /* Article -------------------------------------------------------------- */ .article { margin-bottom: 20px; background: white; } .article .article-image { display: block; background-position: center center; background-repeat: no-repeat; } .article .article-image img { max-width: 100%; } .blog-default .article .article-image { text-align: center; } .blog-portrait .article .article-image img { display: block; } .article .article-info { padding: 20px 20px 0 20px; } .article .article-title { padding: 8px 10px 8px 20px; float: left; font-size: 14px; text-transform: uppercase; color: #222222; margin-bottom: 0; } .layout-fullwidth .article .article-title { min-width: 60%; } .article .entry-utility { float: left; padding: 8px 10px 8px 20px; font-size: 12px; border-top: 1px solid #dddddd; } .article .article-info .article-date { float: left; width: 65px; height: 65px; background: #efefef; color: #565656; } .search-results .article .article-title, .search-results .article .entry-utility { width: 100%; box-sizing: border-box; padding-left: 3px; } .search-results .article.search-portrait .article-title, .search-results .article.search-portrait .entry-utility { width: auto; } .search-results .article.search-portrait .article-date { margin-right: 10px; } .search-results .article.search-portrait .entry-utility { min-width: 80%; } .search-results .article .article-image { text-align: center; } .blog-default .article .entry-utility { min-width: 80%; } .blog-portrait .article .post { position: relative; overflow: hidden; width: 100%; } .blog-portrait .article .post .article-image { position: absolute; left: 0; top: 0; height: 100%; } .blog-portrait .article .post .article-image img { height: 100%; max-width: none; } .blog-portrait .article .article-info .article-date, .blog-default .article .article-info .article-date { margin-right: 10px; } .article .article-info .article-date .date-day { display: block; text-align: center; padding: 8px 5px 0; font-size: 30px; line-height: 30px; } .article .article-info .article-date .date-month { display: block; text-align: center; font-size: 14px; } .article p { font-size: 13px; color: #808080; } .article-meta { padding: 10px 0; margin: 15px 0; font-size: 12px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .article .entry-summary p>a, .article .entry-content .more-link { margin: 18px 0 10px; display: block; } .article-meta a { display: inline-block; font-style: italic; } /***** Visual composer Specifics *****/ .vc_grid-container-wrapper .vc_grid-container .vc_row .vc_grid-item .button-primary { display: none; } body .no_col_paddings .wpb_column { padding-top: 0 !important; padding-bottom: 0 !important; } #nav-above { background: white; margin-bottom: 15px; margin-top: 15px; } .nav-previous, .nav-next { padding: 5px 15px; } .nav-previous a, .nav-next a { color: #818181; font-size: 11px; } .nav-previous:hover a, .nav-next:hover a { text-decoration: none; } .nav-previous { float: left; } .nav-next { text-align: right; float: right; } .article-single { margin-bottom: 0; } .article-single .article-image img { max-width: 100%; margin: 0 auto; } .article-single .article-description { padding: 20px; } /* Portait Images */ .blog-portrait .article .article-image { width: 29%; float: left; overflow: hidden; text-align: center; } .blog-portrait .article-single .article-image { margin: 0 20px 5px 0; } .blog-portrait .article .article-info { float: left; width: 70%; box-sizing: border-box; margin-left: 28.7%; } .blog-portrait .article.with-image .article-title { max-width: 100%; width: auto; } .blog-portrait .article .entry-utility { width: auto; min-width: 60%; max-width: 100%; } .blog-portrait .article.without-image .entry-content { width: 100%; } .blog-portrait .article.without-image .article-info, .blog-portrait .article.without-image .entry-utility { width: auto; } .blog-portrait .article .entry-content, .blog-portrait .article .entry-summary { width: 71.3%; float: right; box-sizing: border-box; } .alanah_navigation { width: 100%; display: inline-block; padding: 15px 10px; border-radius: 3px; background: #fff; box-sizing: border-box; } .alanah_navigation ul { width: 100%; text-align: right; } .alanah_navigation li a, .alanah_navigation li a:hover, .alanah_navigation li.active a, .alanah_navigation li.disabled { color: #fff; text-decoration: none; } .alanah_navigation li { display: inline; margin-right: 5px; } .alanah_navigation li a, .alanah_navigation li a:hover, .alanah_navigation li.active a, .alanah_navigation li.disabled { background-color: #dfdfdf; border-radius: 1px; cursor: pointer; padding: 5px 8px; width: 20px; text-align: center; height: 20px; color: #666666; display: inline-block; } .alanah_navigation li a:hover, .alanah_navigation li.active a { background-color: #EE9D16; color: #fff; } /* Pagination -------------------------------------------------------------- */ .pagination { margin: 0; } .pagination li { display: inline-block; list-style: none; margin: 0 5px 0 0; } .pagination li:last-child { margin-right: 0; } .pagination .current { background: #e6edef; } .pagination a, .pagination .current { border: 1px solid transparent; display: inline-block; padding: 2px 8px 4px; } .pagination a:hover { border-color: #e6edef; } .pagination .next a, .pagination .prev a { border: none; } /* Comments -------------------------------------------------------------- */ #comments { background: white; padding: 20px; border-top: 1px solid #dddddd; } #comments .section-title, #respond .section-title { margin-bottom: 15px; } .comments-list { border-bottom: 1px solid #dddddd; margin: 27px 0 45px; padding: 0 0 20px; } .comment { border-top: 1px solid #dddddd; list-style: none; margin: 30px 0 0; padding: 35px 0 0; } .comment:first-child { border-top: none; margin-top: 0; padding-top: 0; } .comment>article { margin: 0; } .comment .avatar { background: #fff; float: left; margin: 0 0 5px 0; width: 10%; max-width: 54px; z-index: 1; } .comment .comment-body, .comment .comment-meta { float: left; margin: 0 0 0 2%; width: 85%; } .comment .comment-meta { margin-bottom: 0; } .comment .author, .comment .author a { margin: 0; font-size: 15px; } .comment .author .comment-reply-link { font-size: 11px; } .comment .date, .comment .date a { font-style: italic; font-size: 12px; margin: 1px 0 5px; } .comment .children { margin: 0; padding: 2% 0 0 8%; } .comment .children .comment { border-top: 1px solid #dddddd; margin: 3% 0 0; padding: 5% 0 0; } .comment .children .comment:first-child { margin-top: 0; } .comment .children .comment-body, .comment .children .comment-meta { width: 80%; } #respond #reply-title { font-size: 16px; text-transform: uppercase; text-align: left; font-weight: 600; } #respond .button { margin: 20px 15px 0 335px; float: left; } /* checkout -------------------------------------------------------------- */ #checkout-slider-mask { position: relative; width: 940px; clear: both; } #checkout-slider { width: 3000px; } #shopping-cart>h3 { display: none; } #shopping-cart, #shopping-cart-form { float: left; margin-right: 30px; width: 940px; } #shopping-cart-form { display: none; } .checkout_cart { width: 100%; } .checkout_cart tr:last-child td { border-bottom: 1px solid #dddddd; } .table td.product-name a, .checkout_cart td.product-name a { font-size: 14px; color: #808080; } .table td.product-thumbnail, .checkout_cart td.product-thumbnail { padding-left: 20px; } .table td.product-name dt, .checkout_cart td.product-name dt { font-size: 11px; float: left; color: #555; } .table td.product-name dd, .checkout_cart td.product-name dd { font-size: 11px; color: #353535; } .table td.order-total span, .table td.product-total span, .checkout_cart td.product-subtotal span, .checkout_cart td.product-price span { font-size: 14px!important; } body .checkout_cart td.product-price span, body .checkout_cart td.product-subtotal span { color: #808080; } .productcart tr:last-child td { border-bottom: 0; } .productcart tr:hover { background: none!important; } .checkout { overflow: hidden; } #shopping-cart-form .back-to { margin: -37px 0 0 0; } #shopping-cart-form textarea, #shopping-cart-form input[type='text'] { width: 250px; padding: 5px; border: 1px solid #D8D5D5; } #shopping-cart-form select { width: 262px; padding: 5px; border: 1px solid #D8D5D5; } .wc-checkout-totals tr th, .wc-checkout-totals tr td { vertical-align: middle; border-bottom: 0; text-transform: none; background: none; } .wc-checkout-totals strong { font-weight: normal; } .wc-checkout-totals tr th { text-align: left; font-weight: normal; } .wc-checkout-totals .amount { color: #808080!important; font-size: 14px; } .wc-checkout-totals .total strong { font-size: 18px; } .wc-checkout-totals .total .amount { color: #555555!important; font-size: 18px; } .wc-checkout-totals tr:last-child th strong, .wc-checkout-totals tr:last-child td strong { font-weight: bold; } .wc-checkout-totals tr:last-child th .amount, .wc-checkout-totals tr:last-child td .amount { color: #555555!important; font-size: 18px; } .shipping_calculator, .cart_totals { background: white; text-align: left; padding: 0; } .shipping_calculator .shipping-calculator-form { padding: 6%; box-sizing: border-box; } .shipping_calculator>h2, .cart_totals>h2 { margin: 0; background: #fafafa; border-bottom: 1px solid #dddddd; font-size: 13px; text-transform: uppercase; padding: 14px 15px 10px; text-align: center; line-height: 13px; } .shipping_calculator .form-row-first { margin-top: 15px; } .woocommerce-table--order-details tr td, .woocommerce-checkout-review-order-table tr td { padding-left: 20px; padding-right: 20px; } /* Thank you PAGE -------------------------------------------------------------- */ .alanah_order_recieved { width: 100%; background: #fff; border: 1px solid #e8e8e8; padding: 3%; box-sizing: border-box; margin-bottom: 40px; } .alanah_order_recieved ul.order_details { overflow: hidden; margin-bottom: 15px; } .alanah_order_recieved ul.order_details li { margin-right: 4%; border-right: 1px solid #ddd; padding-right: 4%; font-size: 12px; } .alanah_order_recieved ul.order_details li:last-child { border-right: none; } .alanah_order_recieved ul.order_details li strong { color: #555; margin-top: 5px; font-weight: 500; font-size: 15px; } .alanah_order_recieved ul.order_details li .woocommerce-Price-amount { font-size: 14px; color: #555; } .order_details tr th, .order_details tr td { vertical-align: middle; border-bottom: 0; text-transform: none; } .order_details tr td { font-size: 14px; } .order_details strong { font-weight: normal; } .order_details tr th { text-align: left; font-weight: normal; } .order_details .amount { color: #808080!important; font-size: 14px; } .order_details .total strong { font-size: 18px; } .order_details .total .amount { color: #555555!important; font-size: 18px; } .order_details tr:last-child th strong, .order_details tr:last-child td strong { font-weight: bold; } .order_details tr:last-child th .amount, .order_details tr:last-child td .amount { color: #555555!important; font-size: 18px; } /* My Account Page */ #customer_login input[type="text"], #customer_login input[type="email"], #customer_login input[type="password"] { width: 60%; } form.register .woocommerce-privacy-policy-text { font-size: 13px; } form.register .woocommerce-privacy-policy-text a { color: #EE9D16; } .alanah_reset_password { width: 100%; background: #fff; padding: 2%; border: 1px solid #e8e8e8; box-sizing: border-box; } form.woocommerce-ResetPassword { font-size: 13px; width: 100%; max-width: 450px; margin: 3% auto; border: 1px solid #e8e8e8; border-radius: 10px; padding: 4%; box-sizing: border-box; } /* After Login user dashboard */ .alanah_user-account { width: 100%; box-sizing: border-box; padding: 0; position: relative; overflow: hidden; } .alanah_user-account .woocommerce-MyAccount-navigation { float: left; width: 28%; box-sizing: border-box; background: #fff; border: 1px solid #e8e8e8; } .alanah_user-account .woocommerce-MyAccount-content { float: right; width: 70%; box-sizing: border-box; border: 1px solid #e8e8e8; padding: 2%; background: #fff; min-height: 340px; } .alanah_user-account .woocommerce-MyAccount-navigation ul li { width: 100%; display: inline-block; padding: 5%; background: #ffffff; border-bottom: 1px solid #ddd; font-size: 15px; line-height: 15px; box-sizing: border-box; } .alanah_user-account .woocommerce-MyAccount-navigation ul li:hover, .alanah_user-account .woocommerce-MyAccount-navigation ul li.is-active { background: #EE9D16; } .alanah_user-account .woocommerce-MyAccount-navigation ul li:hover a, .alanah_user-account .woocommerce-MyAccount-navigation ul li.is-active a { color: #fff; } .alanah_user-account .woocommerce-MyAccount-navigation ul li a { color: #555; position: relative; width: 100%; display: inline-block; } .alanah_user-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:before { font-family: "Font Awesome 5 Pro"; margin-right: 10px; display: inline-block; } .alanah_user-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before { content: '\f628'; } .alanah_user-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before { content: '\f291'; } .alanah_user-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a:before { content: '\f38a'; } .alanah_user-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before { content: '\f019'; } .alanah_user-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before { content: '\f3c5'; } .alanah_user-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before { content: '\f65c'; } .alanah_user-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before { content: '\f406'; } .alanah_user-account .woocommerce-MyAccount-content .woocommerce-Address a.edit { text-transform: uppercase; height: 30px; background-color: #dfdfdf; padding: 6px 13px; color: #666666; line-height: 18px; box-sizing: border-box; font-size: 12px; } .alanah_user-account .woocommerce-MyAccount-content .woocommerce-Address a.edit:hover { background: #EE9D16; color: #fff; } .alanah_user-account .woocommerce-MyAccount-content fieldset legend { color: #555; font-size: 16px; font-weight: 500; font-family: 'Montserrat', sans-serif; margin: 2% 0; } /* My Account Orders */ .woocommerce-orders-table .woocommerce-button { line-height: 25px; font-size: 11px; } .woocommerce-orders-table td .woocommerce-Price-amount { color: #808080; font-size: 16px; } /* PROFILE PAGE -------------------------------------------------------------- */ .logdisplay { width: 100%; } .processed a img { margin-right: 5px; } /* -------------------------------------------------- */ /* WOOCOMMERCE /* -------------------------------------------------- */ /* Global/Helpers/Clears */ .clear { clear: both; } .nobr { white-space: nowrap; } .info a { color: #93864E; } div.woocommerce_error, div.woocommerce-message { margin: 20px auto 20px; clear: both; } div.woocommerce_error, div.woocommerce-message .button { display: none; } div.woocommerce_error a.button, div.woocommerce-message a.button { margin-top: 0; float: right; } p small { color: #999; } p.demo_store { position: fixed; top: 0; width: 100%; font-size: 12px; text-align: center; background: #f7f5c6; background: -webkit-gradient(linear, left top, left bottom, from(#f7f5c6), to(#eeeac1)); background: -webkit-linear-gradient(#f7f5c6, #eeeac1); background: -moz-linear-gradient(center top, #f7f5c6 0, #eeeac1 100%); background: -moz-gradient(center top, #f7f5c6 0, #eeeac1 100%); padding: 8px 0; border: 1px solid #eeeac1; color: #747165; z-index: 999999; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3); -webkit-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.3) } small.note { display: block; color: #999; font-size: 11px; line-height: 21px; margin-top: 10px; } form.woocommerce_ordering { float: left; } form.woocommerce_ordering select { padding: 1px; } .term_description { clear: both; } /* =Product Page -------------------------------------------------------------- */ div.product { position: relative; } div.product .product_title { clear: none; margin-top: 0; float: left; } div.product p.price { color: green; font-size: 1.5em !important; } div.product p.price:after { background: none repeat scroll 0 0 #FFFFFF; border-radius: 6px 6px 6px 6px; content: ""; display: block; height: 6px; position: absolute; right: -3px; top: 15px; width: 6px; } div.product p.price:before { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent transparent #7FA92D; border-style: solid; border-width: 18px; content: ""; position: absolute; right: -36px; top: 0; } div.product div.summary p { clear: both; } div.product div.summary p.price { clear: none; } div.product p.price { background: none repeat scroll 0 0 #7FA92D; border-bottom-left-radius: 4px; border-top-left-radius: 4px; color: #FFFFFF; display: inline-block; float: right; font-size: 18px; font-weight: bold; margin: 0px 22px 24px 0; padding: 5px 16px 5px 12px; position: relative; line-height: 25px; height: 26px; } div.product p.price del { font-size: 14px; color: #fff; } div.product p.stock { font-size: 0.92em; float: left; padding: 2px 0 0 0; margin-bottom: 0px; } div.product div.images { float: left; width: 314px; margin-bottom: 10px; position: relative; } /* div.product div.images a { border: 1px solid #ddd; background: #fff; padding: 6px; display: block; position: static; height: auto; width: auto; */ } div.product div.images img { margin-bottom: 0; display: block; } div.product div.images div.thumbnails { padding-top: 10px; overflow: hidden; zoom: 1; width: 105%; } div.product div.images div.thumbnails a { margin-right: 10px; margin-bottom: 10px; float: left; padding: 0; width: auto; } div.product div.images div.thumbnails a img { padding: 3px; width: auto; height: auto; } /*div.product div.images div.thumbnails a.last { margin-right: 0; } div.product div.images div.thumbnails a.first { clear: both; } div.product div.summary { float: left; margin-left: 2.0833%; } */ div.product_meta { clear: both; color: #888; font-size: 11px; } div.product div.social { text-align: right; margin: 0 0 1em; } div.product div.social span { margin: 0 0 0 2px; } div.product div.social span span { margin: 0; } div.product div.social span .stButton .chicklets { padding-left: 16px; width: 0; } div.product div.social iframe { float: left; margin-top: 3px; } div.product #product-tabs { clear: both; padding: 1em 0 0 0; margin: 0 0 1em 0; } div.product #product-tabs .containers { padding-top: 2em; } div.product #product-tabs ul.tabs { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #ddd; overflow: hidden; zoom: 1; margin: 0 !important; padding: 4px 4px 0; list-style: none outside !important; } div.product #product-tabs ul.tabs li { float: left; margin: 0 4px 0 0; font-size: 0.92em; } div.product #product-tabs ul.tabs a { float: left; padding: 6px 12px; background: #eee; text-decoration: none; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } div.product #product-tabs ul.tabs li.active a { background: #fff; color: #555; } div.product #product-tabs .panel { border: 1px solid #e8e8e8; border-top: 0; padding: 15px 15px 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } div.product #product-tabs ul.tabs { background: url('woocommerce/images/tabs.png') repeat-x scroll center bottom transparent; padding: 0; height: auto; } div.product #product-tabs ul.tabs li a { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 1.15em !important; font-weight: bold; padding: 9px 16px 8px; } div.product #product-tabs ul.tabs li { float: left; font-size: 0.92em; margin: 0 4px 0 0; height: auto; line-height: 1.5em; width: auto; background: none; border: 0 !important; } div.product #product-tabs ul.tabs li.active a { border: 1px solid #c4c5c5; border-bottom: 0; padding: 8px 15px; } div.product #product-tabs ul.tabs li a { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 1.15em !important; font-weight: bold; padding: 9px 16px 8px; } div.product #product-tabs ul.tabs li a:hover { border: 1px solid #c4c5c5; border-bottom: 0; background: none repeat scroll 0 0 #FFFFFF; padding: 8px 15px; } div.product #product-tabs .panel { border: none; border-bottom: 1px solid #c4c5c5; margin-bottom: 3em; padding: 0 0 1.5em; } div.product #product-tabs .panel h2 { margin-top: 0.5em; } form.cart table { font-size: 12px; border-width: 0 0 1px 0 !important; } form.cart table td { padding: 4px 4px 4px 0 !important; } form.cart table div.quantity { float: none; margin: 0; } form.cart table small.stock { display: block; float: none; } form.cart .button { vertical-align: middle; float: left; } span.onsale { background: #b9b701; color: #fff; min-height: 32px; min-width: 32px; padding: 4px; font-size: 12px; position: absolute; text-align: center; line-height: 32px; top: 0; right: 0; margin: -6px 0 0 0; z-index: 10; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .products ul, ul.products { margin: 0 !important; padding: 0 !important; list-style: none !important; float: left; } .related.products { margin-bottom: 2em; } .products { clear: both; } .products.traditional li { float: left; margin: 0px !important; padding: 0 30px 30px 0; position: relative; width: 172px; text-align: center; } .layout-sidebar-no .products.traditional li { padding: 0 52px 45px 0; } .products.traditional li.border { padding: 0 20px 30px 0; } .layout-sidebar-no .products.traditional li.border { padding: 0 34px 35px 0; } .products li.last-row { margin-bottom: 0; } .products li .onsale { top: 0; right: 0; left: auto; margin: -3px -6px 0 0; } .products li a { text-decoration: none; display: block; position: relative; } .products li.shadow.border a img { margin-bottom: -1px !important; } .products li.shadow a .thumb-shadow { background: url('woocommerce/images/shadow-product.png') center bottom no-repeat; height: 22px; width: 100%; display: block; } .products li a strong.inside-thumb { font-size: 0.85em; text-transform: uppercase; color: #fff; font-weight: normal; display: block; width: 120px; padding: 10px 15px; position: absolute; left: 0px; background: #000; background: rgba(0, 0, 0, 0.8); } .products li a strong.inside-thumb { bottom: 0px; } .products li.border a strong.inside-thumb { bottom: 8px; } .products li.shadow a strong.inside-thumb { bottom: 20px; } .products li.border.shadow a strong.inside-thumb { bottom: 28px; } .products li a strong.below-thumb { font-size: 12px; font-weight: normal; text-transform: uppercase; color: #5e6060; width: 100% !important; } .products li.border a strong { left: 7px; } .products li a img { width: 150px !important; display: block; margin: 0 0 8px !important; } .products li.border a:hover img { border: 1px solid #7f7f7f; } .products li.border a img { border: 1px solid #b2b0b0; padding: 6px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .products li .thumbnail { position: relative; overflow: visible; padding-top: 0; } .products li strong { color: #555; display: block; } .products li .price { color: #5e6060; display: block; font-weight: bold; font-size: 14px; } .products li .price del { font-size: 10px; line-height: 10px; margin: -2px 0 0 0; color: #888; } .products li .price ins { text-decoration: none; } #content .products .hide-price .price { display: none; } .products li .price .from { font-size: 10px; line-height: 10px; margin: -2px 0 0 0; display: block; color: #ccc; } .products li.first { clear: both; } .products li.last { margin-right: 0 !important; } .products li .buttons { margin-top: 0.6em; } .products li .buttons a { display: inline-block; width: 73px; color: #fff; font-size: 10px; } .products li .buttons a.add-to-cart { background: #6b90a9; } .products li .buttons a.details { background: #535353; } .products li .buttons a.details:hover { background: #6b6b6b; } .products li.hide-details-button .buttons a.details { display: none; } .products li.hide-add-to-cart-button .buttons a.add-to-cart { display: none; } table.shop_attributes { border: 0 !important; border-top: 1px dotted #ccc !important; width: 100%; } table.shop_attributes th { width: 150px; font-weight: bold; padding: 8px; color: black !important; border-bottom: 1px dotted #ccc; margin: 0 !important; line-height: 1.5em; } table.shop_attributes td { padding: 0 !important; border-bottom: 1px dotted #ccc; margin: 0 !important; line-height: 1.5em; } table.shop_attributes td p { margin: 0 !important; padding: 8px; } table.shop_attributes .alt td, table.shop_attributes .alt th { background: #f9f9f9; } /* ribon style */ .box-title { border-bottom: 1px solid #D1CECE; clear: both; margin: 40px 0; position: relative; width: 700px; } .box-title h2 { background: #FFF; font-family: 'Rokkitt', 'Georgia', 'Times New Roman', serif; font-size: 12px; padding: 0 10px 0 0; position: absolute; top: -17px; text-transform: uppercase; } .products.ribbon { float: left; margin: 0 !important; padding: 0 !important; } .products.ribbon li { list-style: none; float: left; margin-right: 29px; text-align: center; width: 153px; margin-bottom: 0; } .layout-sidebar-no .products.ribbon li { margin-right: 46px; } .products.ribbon li .below-thumb { color: #6C6C6C !important; text-transform: uppercase; } .products.ribbon li:hover .below-thumb { color: #090909 !important; } .products.ribbon li .buttons { height: 44px; } .products.ribbon li .buttons .add-to-cart { text-align: center; display: block; width: 77px; height: 41px; margin: 0 auto; line-height: 25px; } .products.ribbon li .buttons .add-to-cart a { color: #FFF; display: block; height: 44px; margin-top: 6px; width: 153px; text-transform: uppercase; font-size: 10px; } .products.ribbon li .buttons .add-to-cart a span { position: relative; top: 2px; } .products.ribbon li .buttons { visibility: hidden; } .no_js .products.ribbon li:hover .buttons, .isMobile .products.ribbon li .buttons { visibility: visible; } /* =Buttons -------------------------------------------------------------- */ a.button.loading, button.button.loading, input.button.loading, #review_form #submit.loading { color: #999; border-color: #ccc } a.button.loading:before, button.button.loading:before, input.button.loading:before, #review_form #submit.loading:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: url('woocommerce/images/ajax-loader.gif') center no-repeat rgba(255, 255, 255, 0.65) } a.button.added:before, button.button.added:before, input.button.added:before, #review_form #submit.added:before { content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: 600; position: relative; text-indent: 0; color: #81d742; font-size: 13px; margin-right: 5px; } .cart .button, .cart input.button { float: none } #reviews h2 small { float: right; color: #999; font-size: 15px; line-height: 21px; margin: 10px 0 0 0 } #reviews h2 small a { text-decoration: none; color: #999 } #reviews h3 { margin: 0 } #reviews #respond { margin: 0; border: 0; padding: 0 } #reviews #comment { height: 75px } #reviews #comments .add_review:after { content: ""; display: block; clear: both } #reviews #comments h2 { clear: none } #reviews #comments ol.commentlist { margin: 0; width: 100%; background: 0 } #reviews #comments ol.commentlist:after { content: ""; display: block; clear: both } #reviews #comments ol.commentlist * {} #reviews #comments ol.commentlist li { padding: 00; margin: 0 0 20px; border: 0; position: relative; background: 0; border: 0 } #reviews #comments ol.commentlist li .meta { color: #999; font-size: .75em } #reviews #comments ol.commentlist li img { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; border: 1px solid #e8e8e8; background: #fff; margin: 0; line-height: 1 } #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; border: 1px solid #e8e8e8; padding: 11px 11px 0 } #reviews #comments ol.commentlist li .comment-text p { margin: 0 0 11px } #reviews #comments ol.commentlist li .comment-text p.meta { font-size: .86em } .widget_rating_filter ul li .star-rating { float: left; } .star-rating { float: right; width: 75px; height: 16px; background: url('assets/images/ratings.png') repeat-x left -15px } .star-rating span { background: url('assets/images/ratings.png') repeat-x left 0; height: 0; padding-top: 16px; overflow: hidden; float: left } .hreview-aggregate .star-rating { margin: 10px 0 0 0 } #respond label[for="rating"] { margin: -1px 7px 0px 0; float: left; } #respond label[for="comment"] { display: block; } #respond textarea { width: 100% !important; margin: 5px 0 !important; float: none!important; clear: both!important; } #respond { border: 1px solid #e7e7e7; margin: 0; padding: 10px 20px 20px } #respond p.comment-form-rating { margin: 10px 0 10px!important; } #review_form #respond:after { content: ""; display: block; clear: both } #respond #commentform p { margin: 0 0 10px } p.stars:after { content: ""; display: block; clear: both } p.stars span { width: auto; height: auto; position: relative; float: left; } p.stars span a { float: left; position: relative; left: auto; top: auto; width: auto; height: auto; overflow: hidden; font-size: 12px; margin-right: 3px; color: #aaa; } p.stars span a:hover, p.stars span a:focus, p.stars span a:active, p.stars span a.active, p.stars span a.rate { color: #EE9D16; } #related-products { clear: both; } .single-product #reviews { width: 100%; } .single-product #reviews #comments, .single-product #reviews #review_form_wrapper { display: inline-block; vertical-align: top; border: none; width: 48%; } .single-product #reviews #comments { padding: 0 2% 0 0; } .single-product #reviews #review_form_wrapper { padding: 0 0 0 1%; } /* =Tables -------------------------------------------------------------- */ table.shop_table { margin: 0px -1px 24px 0px; text-align: left; width: 100%; } table.shop_table th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 12px !important; } table.shop_table td { border-top: 1px solid #E7E7E7; padding: 6px 12px !important; vertical-align: middle; } table.shop_table td a.button { margin: 0 3px; } table.shop_table tfoot td { font-weight: bold; } /*table.my_account_orders { font-size: 0.85em; } */ table.my_account_orders th, table.my_account_orders td { padding: 10px 8px !important; vertical-align: top; } table.my_account_orders .button { white-space: nowrap; margin: 4px 0; } table.shop_table { border: 1px solid #dddddd; } table.shop_table tfoot td { background: #f8f8f8; } table.shop_table th { color: #666666; text-shadow: 0 1px 0 #ffffff; background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)); background: -webkit-linear-gradient(#ffffff, #f1f1f1); background: -moz-linear-gradient(center top, #ffffff 0%, #f1f1f1 100%); background: -moz-gradient(center top, #ffffff 0%, #f1f1f1 100%); } table.shop_table td { border-top: 1px solid #dddddd; } table.shop_table td.actions { background: #F6F6F6; box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.025); -webkit-box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.025); } table.shop_table td.actions div.coupon { text-align: left; width: 40%; } table.shop_table td.actions div.coupon label { display: none; } table.shop_table td.actions div.coupon span.input-text { float: left; width: 160px; margin-right: 12px; } table.shop_table td.actions div.coupon span.input-text input { padding: 0 !important; } table.shop_table td.actions .button, table.shop_table td.actions .button-alt, table.shop_table td.actions .button.alt { font-size: 12px !important; vertical-align: top !important; margin-right: 0; } table.shop_table tbody tr { background: #fff; } table.shop_table tbody a { color: #000; } table.shop_table tbody .product-name a:hover { color: #444; } table.shop_table td.product-thumbnail img { width: 36px; } /* =Cart Sidebar -------------------------------------------------------------- */ ul.cart_list, ul.product_list_widget { list-style: none outside !important; } ul.cart_list li, ul.product_list_widget li { overflow: hidden; zoom: 1; } ul.cart_list li a, ul.product_list_widget li a { display: block; line-height: 20px; } ul.cart_list li img, ul.product_list_widget li img { float: left; margin-right: 8px; margin-bottom: 0px; border: 1px solid #e8e8e8; padding: 2px; } ul.cart_list li .amount { font-size: 14px; font-weight: bold; } ul.cart_list li img { padding: 3px; width: 50px; } .widget_shopping_cart .total { border-top: 3px double #ddd; padding: 4px 0 0 10px; margin: 0 !important; } .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .widget_shopping_cart .buttons { overflow: hidden; margin-top: 0; zoom: 1; } /* =Cart -------------------------------------------------------------- */ .woocommerce-cart .product-thumbnail img { width: 65px; height: auto; display: inline-block; vertical-align: middle; } a.remove { display: block; color: #EE9D16; } .cart th, .cart td { vertical-align: middle; text-align: left; } td.actions { text-align: right; border-bottom: 0!important; padding: 10px 20px; } td.actions .coupon { float: left; } td.actions .checkout-button { display: none; } td.actions .coupon label { display: none; } td.actions .coupon .input-text { width: 160px; float: left; margin: 0px 5px 0 0; height: 30px; box-sizing: border-box; } td.actions .button { text-transform: uppercase; height: 30px; line-height: 30px; padding-top: 0; padding-bottom: 0; border-radius: 0; } td.actions .button-alt, td.actions .button.alt { float: right; margin: 0px 0 0 6px; padding: 8px 15px; } .col2-set { width: 100%; } #order_review_heading { clear: both; } .form-row .select2-container { display: inline-block !important; } .shipping_calculator .select2-container--default .select2-selection--single { border: 1px solid #e8e8e8; border-radius: 0; height: 35px; font-size: 13px; } .shipping_calculator .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; color: #555; } .shipping_calculator .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #555; } .shipping_calculator .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; height: 35px; } .select2-container .select2-choice, .select2-drop-active { border-radius: 0px !important; border: 1px solid #e8e8e8 !important; } .col2-set .col-1, .col2-set .col-2 { width: 49%; padding: 2%; box-sizing: border-box; border: 1px solid #e8e8e8; } .col2-set .col-1 { float: left; } .col2-set .col-2 { float: right; } .cart-collaterals { overflow: hidden; zoom: 1; width: 100%; margin-bottom: 2em; } .cart-collaterals .related { width: 310px; float: left; } .cart-collaterals .cross-sells { width: 96%; float: left; padding: 3% 2%; } .cart-collaterals .shipping_calculator { float: left; max-width: 300px; width: 100%; clear: left; text-align: left; overflow: hidden; zoom: 1; } .cart-collaterals .shipping_calculator select, .cart-collaterals .shipping_calculator input[type="text"] { width: 100%; padding: 3%; box-sizing: border-box; } .cart-collaterals .shipping_calculator select { width: 100%; } .cart-collaterals .shipping_calculator .button { width: 100% !important; float: none !important; display: block; } .cart-collaterals .shipping_calculator a { color: #000; width: 100%; display: block; } .cart-collaterals .shipping_calculator a.shipping-calculator-button i { margin-left: 5px; } .cart-collaterals .shipping_calculator .col2-set { margin-top: 0; } .cart-collaterals .shipping_calculator .col2-set .col-1, .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; } .cart-collaterals .cart_totals { float: right; max-width: 400px; width: 100%; } .cart-collaterals .cart_totals p { text-align: center; clear: both; } .cart-collaterals .cart_totals .woocommerce-info p { font-size: 13px; text-align: left; } .cart-collaterals .cart_totals table { border-collapse: collapse; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 6px !important; padding: 0; width: 100% !important; } .cart-collaterals .cart_totals .alanah_inner_cart { width: 100%; padding: 6%; display: inline-block; box-sizing: border-box; } .cart-collaterals .cart_totals table tr:first-child th, .cart-collaterals .cart_totals table tr:first-child td { border-top: 0 !important; } .cart-collaterals .cart_totals table td, .cart-collaterals .cart_totals table th { padding: 6px 12px !important; } .cart-collaterals .cart_totals table small { display: block; color: #999; } .cart-collaterals .cart_totals .discount td { color: green; } .cart-collaterals .cart_totals tr td, .cart-collaterals .cart_totals tr th { padding: 12px 10px !important; border-bottom: 1px solid #ddd; } .cart-collaterals .cart_totals tr th { font-size: 13px; } .cart-collaterals .cart_totals a.button-alt, .cart-collaterals .cart_totals a.button.alt { width: 193px; display: block; font-size: 0.92em; } .cart-collaterals .cart_totals .checkout-button { margin-top: 15px; width: 100%; box-sizing: border-box; } .cart-collaterals .cart_totals .checkout-button i { margin-left: 5px; } .cart_totals table ul#shipping_method li { padding-bottom: 5px; } #order_review .table .order-discount td { font-size: 14px; } #order_review .table .order-discount td .amount { font-size: 14px; } /* =Forms -------------------------------------------------------------- */ /* =Checkout -------------------------------------------------------------- */ form .form-row label { font-size: 13px; color: #090909; width: 35%; display: block; float: left; line-height: 32px; } form .form-row input[type="text"], form .form-row input[type="email"], form .form-row input[type="tel"], form .form-row input[type="url"], form .form-row input[type="password"], form .form-row input[type="file"] form .form-row select, form .form-row textarea { width: 60%; } form .form-row .select2-container { max-width: 60%; } form .form-row .select2-container--default .select2-selection--single { border: 1px solid #e8e8e8; border-radius: 0; height: 31px; margin: 0; font-size: 13px; } form .form-row .select2-container--default .select2-selection--single .select2-selection__rendered { color: #666666; line-height: 30px; } form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 29px; right: 4px; } .woocommerce-checkout-review-order table { width: 100%; } .alanah-checkout_metafields { width: 100%; overflow: hidden; } .alanah-coupon_container, .alanah-checkout_login { background: #fff; border: 1px solid #e8e8e8; width: 49%; padding: 2%; box-sizing: border-box; margin-bottom: 20px; float: left; } .alanah-checkout_login { margin-right: 2%; } .alanah-coupon_container .woocommerce-form-coupon, .alanah-checkout_login .woocommerce-form-login { margin-top: 3%; } .alanah-coupon_container .woocommerce-form-coupon input[type="text"], .alanah-checkout_login .woocommerce-form-login input[type="text"], .alanah-checkout_login .woocommerce-form-login input[type="password"] { width: 60%; } .alanah-coupon_container .woocommerce-form-coupon input[type="text"] { vertical-align: bottom; } .alanah-checkout_login .woocommerce-form-coupon .button { line-height: 31px; vertical-align: bottom; } .alanah-coupon_container .woocommerce-error { margin: 10px 0; } .woocommerce-checkout .woocommerce-notices-wrapper { margin-bottom: 2%; } .woocommerce-checkout .col2-set { margin-bottom: 40px; overflow: hidden; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { padding: 2%; box-sizing: border-box; width: 49%; border: 1px solid #e8e8e8; } .woocommerce-checkout form p { width: 100%; display: inline-block; } .woocommerce-checkout form p label { width: 35%; font-size: 13px; } .woocommerce-checkout form p label .optional { display: none; } .woocommerce-checkout form .woocommerce-input-wrapper { width: 65%; display: inline-block; } form.woocommerce-checkout p input[type="text"], form.woocommerce-checkout p input[type="email"], form.woocommerce-checkout p input[type="url"], form.woocommerce-checkout p input[type="password"], form.woocommerce-checkout p input[type="tel"], form.woocommerce-checkout p textarea, form.woocommerce-checkout p select { width: 100%; font-size: 13px; } .woocommerce-checkout form .select2-container { max-width: 100%; } .woocommerce-checkout form .select2-container--default .select2-selection--single { height: 35px; } .woocommerce-checkout form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; text-overflow: unset; font-weight: 400; } .woocommerce-checkout form .select2-container--default .select2-selection--single .select2-selection__arrow { height: 35px; } .woocommerce-checkout form p label.screen-reader-text, .woocommerce-address-fields p label.screen-reader-text { position: relative !important; height: auto; clip: auto; clip-path: unset; } .woocommerce-checkout-review-order table th { text-align: left; vertical-align: middle; } .woocommerce-checkout-review-order table .amount { color: #818181; } .woocommerce-checkout-review-order table tfoot .amount { font-size: 14px; } .woocommerce-checkout-review-order table #shipping_method label .woocommerce-Price-amount { margin-left: 10px; } .woocommerce-checkout-review-order table .order-total .amount { font-size: 20px; } .woocommerce-checkout .woocommerce-checkout-payment { background: #fff; border: 1px solid #e8e8e8; padding: 2%; } .woocommerce-checkout .woocommerce-privacy-policy-text a { color: #EE9D16; } .woocommerce-checkout abbr.required { text-decoration: none; color: ##EE9D16; } #result span { margin-bottom: 20px; } li.payment_method_paypal img { max-width: 130px; padding-right: 10px; } #payment ul.payment_methods { overflow: hidden; zoom: 1; text-align: left; padding: 0 0 10px 0; border-bottom: 1px solid #eee; margin: 0 !important; list-style: none outside; } #payment ul.payment_methods li { line-height: 2em; text-align: left; margin: 0 !important; font-weight: normal; } #payment ul.payment_methods li input {} #payment ul.payment_methods li img { vertical-align: middle; margin: -2px 0 0 0.5em; position: relative; } #payment div.form-row { padding: 1em; border-top: 1px solid #efefef; } #payment .place-order { overflow: hidden; } #payment #place_order { float: right; margin: 0; } #payment .terms { padding: 0 1em 0 !important; text-align: right; } #payment div.payment_box { position: relative; width: 96%; background: #f1f1f1; border: 1px solid #f1f1f1; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; padding: 1em 2% 0; margin: 1em 0 1em 0; font-size: 0.92em; } #payment div.payment_box #cc-expire-month, #payment div.payment_box #cc-expire-year { width: 48%; float: left; } #payment div.payment_box #cc-expire-year { float: right; } #payment div.payment_box span.help { font-size: 11px; color: #999; line-height: 13px; font-weight: normal; } #payment div.payment_box p, #payment div.payment_box .form-row { margin: 0 0 1em; } #payment div.payment_box:after { content: ""; display: block; border: 8px solid #f1f1f1; /* arrow size / color */ border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; top: -5px; left: 0; margin: -1em 0 0 2em; } div.shipping-address { padding: 0; clear: left; } #shiptobilling { text-align: left; } #shiptobilling label { font-size: 0.9em; line-height: 20px; width: 130px; } .checkout .col-2 .notes { clear: left; } .checkout .col-2 .form-row-first { clear: left; } .form-row.terms { float: left; text-align: left!important; } .form-row.terms label { width: auto; display: inline; float: none; } .form-row.terms input { margin: 9px; display: inline-block; float: none; } /* =Order Page -------------------------------------------------------------- */ .order_details { width: 100%; } .my_account_orders .order-total { vertical-align: middle; } .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: 0.715em; line-height: 1em; border-right: 1px dashed #ccc; padding-right: 2em; } .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5em; color: #333; } .order_details li.method { border: none; } .customer_details { margin-bottom: 20px; } /* =Account -------------------------------------------------------------- */ .addresses .title { overflow: hidden; zoom: 1; } .addresses .title h3 { float: left; } .addresses .title .edit { float: right; } /* Price Slider Widget */ .widget_price_filter .ui-slider .ui-slider-handle { background: #888888; width: 15px; height: 16px; top: -0.4em; position: absolute; z-index: 2; cursor: pointer; outline: 0; } .widget_price_filter .price_slider { margin-bottom: 1em } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; font-size: .8751em } .widget_price_filter .price_slider_amount .button { float: right } .widget_price_filter .ui-slider { position: relative; text-align: left } .widget_price_filter .ui-slider .ui-slider-handle {} .widget_price_filter .ui-slider .ui-slider-handle:hover { background: #bbbbbb; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -5px; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #efefef; } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #ccc; } .widget_price_filter .ui-slider-horizontal { height: .5em } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px } .contaal_icons #mega_social_icons, .contaal_icons #mega_social_icons .mega-social-icons2 { display: inline-block !important; } .contaal_icons #mega_social_icons .mega-social-icons2 { margin-bottom: 10px !important; } .contaal_icons .vc_color-white.vc_message_box { color: #555; } /* Woocommerce mini cart widget */ .widget-container .woocommerce-mini-cart li a.remove { display: block; text-indent: -99999px; cursor: pointer; width: 20px; height: 20px; background-size: 100%; background-position: top center; background-repeat: no-repeat; background-image: url('assets/images/delete.png'); float: right; } .widget-container .woocommerce-mini-cart li a.remove:hover { background-position: bottom center; } .widget-container ul.cart_list li .amount { font-weight: normal; font-size: 13px; } .widget-container.widget_shopping_cart .total { border-top: 2px solid #dddddd; padding: 8px 0 0 0px; margin: 5px 0 15px 0 !important; width: 100%; } .widget-container.widget_shopping_cart .total strong { font-weight: 500; } .widget-container.widget_shopping_cart .total .woocommerce-Price-amount, .widget-container.widget_shopping_cart .woocommerce-mini-cart__buttons .checkout { float: right; } .widget-container .woocommerce-mini-cart__buttons { margin-bottom: 0; } /* Gallery Widget */ .widget-container .gallery { width: 100%; } .widget-container .gallery .gallery-item { margin-right: 2%; margin-bottom: 2%; width: 32%; } .widget-container .gallery .gallery-item:nth-child(3), .widget-container .gallery br+.gallery-item+.gallery-item+.gallery-item { margin-right: 0; } .widget-container .gallery .gallery-item img { width: 100%; height: auto; display: block; } /* =Layered Nav Widgets -------------------------------------------------------------- */ .widget_price_filter .price_slider_wrapper .button { float: right; margin: 0 !important; } .widget_price_filter .price_slider_wrapper .price_slider { margin: 20px 0 20px; } .widget_price_filter .price_slider_wrapper .price_slider .ui-slider-handle { outline: 0 !important; } .widget_price_filter .price_slider_wrapper .price_slider_amount { overflow: hidden; line-height: 2em; margin: 15px 0 0; } .widget_price_filter .price_label { color: #666; float: left; } .widget_layered_nav ul { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none outside !important; } .widget_layered_nav ul li { overflow: hidden; zoom: 1; padding: 0 0 1px; } .widget_layered_nav ul li a, .widget_layered_nav ul li span { padding: 1px 0; float: left; } .widget_layered_nav ul li.chosen a { padding: 0 6px 0 18px; border: 1px solid #3399cc; background: #3399cc url('woocommerce/images/cross_white.png') no-repeat 6px center; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5) #888888; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget_layered_nav ul small.count { float: right; margin-left: 6px; font-size: 1em; padding: 1px 0; color: #999; } /* =Layered Nav Widgets -------------------------------------------------------------- */ .widget_featured_products ul.product_list_widget li { font-weight: bold; } .widget_featured_products ul.product_list_widget li a { font-weight: normal; } .widget_featured_products ul.product_list_widget li del { font-size: 10px; line-height: 10px; font-weight: normal; margin: -2px 0 0 0; color: #888; } .widget_featured_products ul.product_list_widget li ins { text-decoration: none; } /* =Categories Widgets -------------------------------------------------------------- */ #sidebar .widget_product_categories ul li ul li, #sidebar .woocommerce_product_categories ul li ul li { background: none !important; padding-left: 0 !important; } #sidebar .widget_product_categories ul li ul li a, #sidebar .woocommerce_product_categories ul li ul li a { color: #888; } #sidebar .widget_product_categories ul li ul li a:hover, #sidebar .woocommerce_product_categories ul li ul li a:hover { color: #000; } /* =Variations -------------------------------------------------------------- */ .variations_form .variations_button { clear: both; position: relative; display: inline-block; width: 100%; margin-top: 20px; } .variations_form table.variations { border: 0; margin-bottom: 1px; } .variations_form table.variations tr { background: none; padding: 5px 0; } .variations_form table.variations tr td { border: none; } .variations_form table.variations tr label { display: block; width: 80px; } .variations_form table.variations tr select { padding: 7px; width: 100%; } .variations_form .price { color: #444444; display: block; float: left; font-size: 1.5em; } .variations_form .out-of-stock { margin: 0.8em 20px 0.8em 0; clear: both!important; } .variations_form .variations div { margin-bottom: 10px; } .variations_form .seleal_label { display: block; width: 50px; float: left; } /* =Widget login -------------------------------------------------------------- */ .widget_login input.input-text { border: 1px solid #B2B0B0; padding: 5px; } .track_order { text-align: left; } /* -------------------------------------------------- */ /* [--END--] WOOCOMMERCE /* -------------------------------------------------- */ .custom_box .nonesss .mega-info-header img { padding-bottom: 0; } .custom_box .mega_info_box_2 .mega-info-title { margin-bottom: 0; margin-top: 10px; } /* =Contact Form 7 -------------------------------------------------------------- */ form.wpcf7-form textarea { width: 100%; } form.wpcf7-form input[type="submit"] { cursor: pointer; padding: 6px 20px; } /* -------------------------------------------------- */ /* Media Queries /* -------------------------------------------------- */ /* Standard 960 or larger (browsers) */ @media only screen and (min-width: 1150px) { /* -------------------------------------------------- */ /* Container /* -------------------------------------------------- */ .containerInner, .before-prefooter, #prefooter, #footer { width: 1150px; } body .containerInner.layout-fullwidth .head_area, body .containerInner.layout-fullwidth .menu_container .inner_container, body .containerInner.layout-fullwidth #main, body .alanah-fullwidth .prefooter-container .before-prefooter, body .alanah-fullwidth .prefooter-container #prefooter, body .alanah-fullwidth .footer-container #footer { padding: 0 20px; } .containerInner img { max-width: 100%; } /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ #top-cart { display: block; } #search #site-description { margin-left: 7px; } #links { text-align: right; width: 100%; display: inline-block; } #links .links { display: inline-block; } #alanah_mobile_menu { display: none; } #main-nav { display: block; } /* -------------------------------------------------- */ /* Columns /* -------------------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float: left; margin-right: 20px; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px; } .one-half { width: 450px; } .one-third { width: 293px; } .two-third { width: 606px; } .one-fourth { width: 215px; } .three-fourth { width: 685px; } } /* For fullwidth layout */ @media all and (max-width: 1250px) { .containerInner.layout-fullwidth { width: 100%; } .containerInner.layout-fullwidth .head_area, .containerInner.layout-fullwidth .menu_container .inner_container, .containerInner.layout-fullwidth #main, .alanah-fullwidth .prefooter-container .before-prefooter, .alanah-fullwidth .prefooter-container #prefooter, .alanah-fullwidth .footer-container #footer { max-width: 100%; } } /* For box layout */ @media all and (max-width: 1150px) { /* -------------------------------------------------- */ /* Container /* -------------------------------------------------- */ body .containerInner { width: 100%; box-sizing: border-box; } body .containerInner.layout-fullwidth { padding: 0 20px; } /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ body .header-sticky { padding: 0 2%; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ body .footer-information { width: 100%; padding: 0 3%; box-sizing: border-box; } body .footer-information .two-third { max-width: 73%; margin-right: 1%; } body .footer-information .one-third.last { width: 25%; } /* -------------------------------------------------- */ /* Widgets /* -------------------------------------------------- */ .alanah_widget_recent_entries > ul > li a { width: 68%; } } /* Full width Fix for some large ipads */ @media all and ( min-width: 959px ) and ( max-width: 1150px ) { body .containerInner.layout-fullwidth .menu_container { margin-left: -20px; margin-right: -20px; width: auto; } } /* Fix some mega menu glitches */ @media all and ( max-width: 980px ) { /* -------------------------------------------------- */ /* Mega Menu /* -------------------------------------------------- */ body.mega-menu-main header .menu_container { max-height: 40px; } body.mega-menu-main .menu_container #top-cart { margin-top: 0; padding-bottom: 0; height: 40px; box-sizing: border-box; padding-top: 6px; } body #top-panel .head_area .top-elements { right: 5%; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { /* -------------------------------------------------- */ /* Visual Composer Specifics /* -------------------------------------------------- */ body .custom_box .mega_info_box_2 .mega-info-title { margin-top: 0; } body .custom_box .wpb_column:first-child .vc_column-inner { padding-top: 10px !important; } body .alanah-banner.mantainwidth { max-width: 500px; margin: 0 auto; } /* -------------------------------------------------- */ /* Top Bar /* -------------------------------------------------- */ #top-panel .top-left { display: none; } body .layout-fullwidth #header { margin-left: -20px; margin-right: -20px; } body .layout-fullwidth #header .head_area { padding: 0 20px; } body .containerInner.layout-fullwidth #top-cart { top: 0; padding-bottom: 0; line-height: 34px; } body .layout-fullwidth .logo { top: 6px; } .layout-fullwidth #top-cart .cart-popup { top: 36px; } /* -------------------------------------------------- */ /* Container /* -------------------------------------------------- */ .containerInner img { max-width: 100%; } .columns2-right > .content, .columns2-left > .content { width: 100%; box-sizing: border-box; } #sidebar, #products-sidebar { display: none; } #breadcrumb { text-align: left; } .menu_container #top-cart { margin-top: 4px; padding-right: 15px; z-index: 1000; } #alanah_mobile_menu { display: block; } .menu.sf-js-enabled.sf-shadow, #main-nav { display: none; } .et-menu-title { display: block; height: 35px; } body .layout-fullwidth .et-menu-title { height: 42px; line-height: 42px; margin-top: 14px; } body .layout-fullwidth .et-mobile-menu li > a { line-height: 42px; } .head_area .header-content { display: none; } body .head_area .logo { width: 50%; text-align: left; } body .head_area #search { width: 49%; margin-top: 18px; } /* -------------------------------------------------- */ /* Columns /* -------------------------------------------------- */ .one-half, .one-third, .two-third, .one-fourth, .three-fourth { float: left; } .one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last { margin-right: 0px; } .one-half { width: 100%; } .one-third { width: 100%; } .two-third { width: 100%; } .one-fourth { width: 100%; } .three-fourth { width: 100%; } .col3-set .col-1 { width: 50%; margin: 10px 0; } .col3-set .col-2 { width: 50%; margin: 10px 0; } .col3-set .col-3 { width: 100%; margin: 10px 0; } .col4-set .col-1 { width: 50%; margin: 10px 0; } .col4-set .col-2 { width: 50%; margin: 10px 0; } .col4-set .col-3 { width: 50%; margin: 10px 0; } .col4-set .col-4 { width: 50%; margin: 10px 0; } /* -------------------------------------------------- */ /* Single Product Page /* -------------------------------------------------- */ .cloud-zoom-lens, .cloud-zoom-big { display: none!important; } #product-page .product-images { float: none; margin: 0 auto 20px; width: 100%; max-width: 400px; } #product-page .product-sidebar { display: none; } #product-page .product-shop { width: auto!important; float: none; margin: 0 0 20px; } #product-page .product-shop .main-info .price-block { float: none; } #product-page .product-shop .size_guide { margin: -10px auto 15px auto; } .panel.entry-content { width: 94%; } .woocommerce_tabs .panel>div, #product-page #tab6>div, #product-page #tab5>div, #product-page #tab4>div { width: 100%!important; border: none!important; } .woocommerce_tabs .panel>div>img, #product-page #tab6>div>img, #product-page #tab5>div>img, #product-page #tab4>div>img { max-width: 100%!important; float: none!important; margin: 0 auto 10px auto!important; display: block; } .variations_form table.variations tr select { width: 100%; } /* -------------------------------------------------- */ /* Checkout /* -------------------------------------------------- */ body.woocommerce-checkout form.woocommerce-form-login p label { line-height: 20px; } .woocommerce-checkout form p label.screen-reader-text, .woocommerce-address-fields p label.screen-reader-text { text-align: left; } /* -------------------------------------------------- */ /* My Account /* -------------------------------------------------- */ .alanah_user-account .woocommerce-MyAccount-navigation, .alanah_user-account .woocommerce-MyAccount-content { width: 100%; } .alanah_user-account .woocommerce-MyAccount-navigation ul li { padding: 15px 20px; } .alanah_user-account .woocommerce-MyAccount-content { margin-top: 20px; } .col2-set.noregistration { background: transparent; padding: 0; } body.woocommerce-account #customer_login .col-1, body.woocommerce-account #customer_login .col-2 { width: 100%; max-width: 550px; float: none; margin: 0 auto; } body.woocommerce-account #customer_login .col-1 { margin-bottom: 20px; } body.woocommerce-account #customer_login form .form-row { clear: both; } /*----------------------------------------------------*/ /* Banner */ /*----------------------------------------------------*/ body .banner_box .wpb_column { width: 100%; } body .banner_box .wpb_column .alanah-banner .banner_img { margin-bottom: 4%; } body .banner_box .wpb_column:last-child .alanah-banner .banner_img { margin-bottom: 0; } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ .blog-portrait .article .post .article-image { position: relative; left: auto; top: auto; } .blog-portrait .article .article-image, .blog-portrait .article .article-info, .blog-default .article .article-image, .blog-default .article .article-info { width: 100%; box-sizing: border-box; } .blog-portrait .article .article-info { margin-left: 0; } body .blog-portrait .article .post .article-image img, body .blog-default .article .article-image img { margin: 0 auto; max-width: 100%; height: auto; } .blog-portrait .article .entry-content, .blog-default .article .entry-content { width: 90%; } .comment .comment-meta { text-align: left; float: left; } .article .article-image, .article .entry-utility, .comment .comment-body { text-align: left; width: auto; } .form .formField label, #commentform .formField label { text-align: left; } #commentform .form-submit { margin-left: 0; text-align: left; } #alanahContactForm .formField:last-child .button { margin-bottom: 20px; float: left; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ .before-prefooter .links.fl-l, .before-prefooter .links.fl-r { float: none!important; } .before-prefooter, #footer, #prefooter { width: 767px; } .footer-information .two-third { width: 100%; } #prefooter .one-third.gift { border: none; margin: 0; } #prefooter .follow-us { width: 200px; } #footer .copyright .fl-r, #footer .copyright .fl-l { width: 100%; } .one-third.fl-r.last { width: 100%!important; } #footer .copyright .fl-r { text-align: center; } #footer .copyright p { margin: 10px 0; } body .footer-information .two-third { width: 100%; margin-right: 0; max-width: 100%; } body .footer-information .one-third.last h5, body .footer-information .two-third .col4-set { text-align: center; } body .footer-information .one-third { margin-top: 25px; } body .footer-information .one-third .wpcf7 { max-width: 400px; margin: 0 auto; } body .footer_support { width: 100%; box-sizing: border-box; } /* -------------------------------------------------- */ /* Fix iPad, iPhone Specific CSS /* -------------------------------------------------- */ button, .button, .wpcf7-form input[type="submit"] { font-weight: 300; } td.actions .button, input[type="submit"], input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], input[type="tel"], input[type="search"], textarea, select { border-radius: 0; box-shadow: none; } input[type="checkbox"], input[type="radio"] { box-shadow: none; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #default_products_page_container { width: 100%; float: none; } #products-sidebar { text-align: left; margin: 20px 0; float: none; } button, .button, .wpcf7-form input[type="submit"] { font-weight: 300; } td.actions .button, .wpcf7-form input[type="submit"], #customer_login input[type="submit"], input[type="search"] { border-radius: 0; } } @media only screen and (min-width: 768px) { #tabs { width: 100%; position: relative; border: none; } #tabs>li { display: inline; margin-right: 10px; border-top: 1px solid transparent; border-right: 1px solid transparent; } #tabs li>a { display: inline-block; } #tabs section { left: 0; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { html, body { width:100%; overflow-x:hidden; position: relative; box-sizing: border-box; } /***** Visual composer Specifics *****/ body .layout-fullwidth.page-home .vc_column_container > .vc_column-inner { padding: 0; } body .no_col_paddings .wpb_column { padding-top: 4% !important; } body .no_col_paddings .wpb_column:first-child { padding-top: 0 !important; } body .custom_box .mega_info_box_2 .mega-info-header { width: 100%; text-align: center; padding-right: 0; } body .custom_box .mega_info_box_2 .mega-info-header img { margin: 0 auto 25px; } body .custom_box .mega_info_box_2 .mega-info-footer { width: 100%; text-align: center; float: left; } body .custom_box .wpb_column.mega_button .vc_column-inner { padding-top: 15px !important; padding-bottom: 27px !important; } body .custom_box .wpb_column.mega_button .wpb_wrapper > div { justify-content: center !important; } body .mob_paddings { margin: 2% 0 !important; } body .mob_paddings .wpb_column { padding-top: 2% !important; } body .mob_paddings .wpb_column .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important; } body .mob_center .wpb_column:last-child .vc_btn3-container.vc_btn3-left { text-align: center; } body #main.custom_bg .content.page-content { padding: 3%; } body .mega_info_box.nonesss, body .mega_info_box_1.nonesss, body .mega_info_box_2.nonesss, body .mega_info_box_3.nonesss { border-right: none !important; text-align: center; } body .al-iconbox .wpb_column:first-child .mega_info_box_2 .mega-info-header { padding-top: 0; } body .al-iconbox .mega_info_box_2 .mega-info-header { float: none; padding-right: 0; width: 100%; margin: 0 auto; display: block; text-align: center; } body .al-iconbox .mega_info_box_2 .mega-info-header img { margin: 0 auto; } body .al-iconbox .mega_info_box_2 .mega-info-footer { float: none; padding-left: 0; width: 100%; text-align: center; display: block; } body .al-iconbox .mega_info_box_2 .mega-info-desc p { margin-bottom: 0; } body .nopaddingmob, body .smallvc_colpaddingmob { padding-left: 0 !important; padding-right: 0 !important; } body .smallvc_colpaddingmob .vc_column-inner { padding-left: 2% !important; padding-right: 2% !important; } /* -------------------------------------------------- */ /* Header /* -------------------------------------------------- */ #top-panel { top: 0 !important; } #top-panel .top-elements .top-right { width: 100%; } .layout-fullwidth #top-cart .cart-popup { top: 34px; } .links li:first-child { padding-left: 0; } body .head_area .logo, body .head_area #search, body #top-panel .top-right #links { width: 100%; text-align: center; } #header #search input[type="text"] { margin: 0 auto; float: none; } .back-to { display: none; } #back-to-top { display: none!important; } body .containerInner.layout-fullwidth .breadcrumb_container { display: inline-block; margin-bottom: 0; } body .containerInner.layout-fullwidth .breadcrumb_container #breadcrumb { margin-bottom: 0; } body #breadcrumb { line-height: normal; padding: 5px; } body #breadcrumb a { padding: 0 3px; line-height: 10px; } body #breadcrumb a:first-child { padding-left: 0; } /* -------------------------------------------------- */ /* #default_products_page_container /* -------------------------------------------------- */ .toolbar .pagination a { margin-bottom: 5px; } #default_products_page_container { width: 100%; float: none; } #products-sidebar { text-align: left; margin: 20px auto; float: none; } .toolbar form.woocommerce_ordering, .toolbar .view-mode { display: none; } .panel.entry-content { width: 90%; } .alanah-popup-content { top: 20%; left: 30%; } ul#tabs> :first-child { margin-left: 0; } #tabs li>a { display: block; } #tabs li>section { float: left; margin-bottom: 0; } #tabs li>section>div { max-width: 100%; } /* -------------------------------------------------- */ /* Shopping Cart /* -------------------------------------------------- */ .plus, .minus { display: none; } .woocommerce-cart .shipping_calculator, .woocommerce-cart .cart_totals { width: 48%; margin-top: 20px; } /* -------------------------------------------------- */ /* Checkout /* -------------------------------------------------- */ body.woocommerce-checkout .alanah-coupon_container, body.woocommerce-checkout .alanah-checkout_login { width: 100%; margin-right: 0; } body.woocommerce-checkout .col2-set .col-1, body.woocommerce-checkout .col2-set .col-2 { width: 100%; margin: 0; float: none; } body.woocommerce-checkout .col2-set .col-2 { margin-top: 20px; } #respond .formField textarea { width: auto; } body .alanah-coupon_container, body .alanah-checkout_login, body .woocommerce-checkout .col2-set .col-1, body .woocommerce-checkout .col2-set .col-2 { padding: 3%; } /* -------------------------------------------------- */ /* Thank you Page /* -------------------------------------------------- */ body .alanah_order_recieved ul.order_details { width: 100%; text-align: center; margin-bottom: 0; } body .alanah_order_recieved ul.order_details li { float: none; display: inline-block; margin-bottom: 20px; } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ .blog-portrait .article .entry-content, .blog-default .article .entry-content { width: 87%; } /* -------------------------------------------------- */ /* Feauters /* -------------------------------------------------- */ #alanahContactForm .formField:last-child .button { margin-bottom: 20px; float: left; } /* -------------------------------------------------- */ /* Sidebar /* -------------------------------------------------- */ .columns2-right>.content, .columns2-left>.content { box-sizing: border-box; float: none; } body .widget-container { padding: 8% 5%; } #sidebar, #products-sidebar { display: block; margin: 20px auto 0; width: 410px !important; float: none !important; } body #main.columns2-left { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; } body #main.columns2-left .left_sidebar { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; box-ordinal-group: 2; } body #main.columns2-left .content.has_sidebar { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1; } .alanah_widget_recent_entries > ul > li a { width: 70%; } /* -------------------------------------------------- */ /* Single Product /* -------------------------------------------------- */ .single-product #reviews #comments, .single-product #reviews #review_form_wrapper { width: 100%; padding: 0 !important; } .single-product #reviews #comments { margin-bottom: 20px; } #tabs li.reviews_tab a { line-height: 30px; padding-bottom: 0; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ body .before-prefooter { padding-top: 4%; } body #prefooter { padding: 4% 0; } body .before-prefooter, body #footer, body #prefooter { width: 95%; } body .before-prefooter .first-prefooter { width: 100%; } .before-prefooter .first-prefooter .menu { text-align: center; } body .before-prefooter .last-prefooter { width: 100%; text-align: center; margin: 4% 0 0; } body .footer_support { padding: 4% 2%; margin-bottom: 5%; } body .footer_support .sp_first, body .footer_support .sp_middle, body .footer_support .sp_last { text-align: center; } body .footer_support .sp_first, body .footer_support .sp_middle { width: 100%; } body .footer_support .sp_last { width: 100%; margin-top: 3%; } body .footer_support .sp_middle, body .footer_support .sp_last { margin-top: 4%; } body .footer_support .sp_first i, body .footer_support .sp_middle i, body .footer_support .sp_last i { display: block; margin: 0 0 5px 0; width: 100%; } /* -------------------------------------------------- */ /* My Account /* -------------------------------------------------- */ body .woocommerce-MyAccount-content .col2-set .col-1, body .woocommerce-MyAccount-content .col2-set .col-2 { width: 100%; } body .woocommerce-MyAccount-content .col2-set .col-1 { margin-bottom: 2%; border-bottom: 1px solid #ddd; padding-bottom: 3%; } body .woocommerce-MyAccount-content form p { clear: both; } body .woocommerce-MyAccount-content form p label { line-height: 20px; } } @media all and (max-width: 639px) { /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ #prefooter-container, #footer-container { text-align: center; } /* -------------------------------------------------- */ /* My Account /* -------------------------------------------------- */ .woocommerce-MyAccount-orders .woocommerce-orders-table__header-order-status, .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-status { display: none; } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ body .blog-portrait .article .article-info .article-date, body .blog-default .article .article-info .article-date { float: none; margin: 0 auto 15px 0; display: block; } body .blog-portrait .article .entry-content, body .blog-default .article .entry-content { width: 100%; box-sizing: border-box; } body .blog-portrait .article.with-image .article-title, body .blog-portrait .article .entry-utility, body .blog-default .article.with-image .article-title, body .blog-default .article .entry-utility { padding-left: 3px; } /* -------------------------------------------------- */ /* Features /* -------------------------------------------------- */ body .alanah-banner { margin-left: 0%; margin-right: 0; } body .alanah-banner:not(.bigsize) .banner_heading { font-size: 16px; margin-bottom: 5px; } body .alanah-banner:not(.bigsize) .banner_pretext, body .alanah-banner:not(.bigsize) .banner_posttext { font-size: 12px; margin-bottom: 5px; } body .alanah-banner:not(.bigsize) .button { line-height: 22px; } body #main.custom_bg:not(.bigsize) .content.page-content { padding: 4%; } /* -------------------------------------------------- */ /* Cart /* -------------------------------------------------- */ body.woocommerce-cart .shipping_calculator, body.woocommerce-cart .cart_totals { width: 100%; max-width: 100%; float: left!important; margin: 0 auto 20px; } .cart_totals .button.big { padding: 0 15px; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ #footer .copyright p, #footer .copyright .footer-social { width: 100%; text-align: center; } #footer .copyright p { margin-bottom: 15px; margin-top: 0; } #footer .copyright.disablesocial p { margin-bottom: 0; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 639px) { .columns2-right>.content, .columns2-left>.content { box-sizing: border-box; } .content.page-content { box-sizing: border-box; } /* -------------------------------------------------- */ /* Checkout /* -------------------------------------------------- */ #checkout-slider-mask { width: 440px; } /* -------------------------------------------------- */ /* Catalog /* -------------------------------------------------- */ #shopping-cart, #shopping-cart-form { width: 440px; } #product-page .product-images { width: 100%; } .alanah-popup-content { top: 20%; left: 30%; } .tabs li, .tabs-nav li { float: none; margin-bottom: 5px; display: block; } .tabs li a, .tabs-nav li a { border: 1px solid white; } .tabs li.active a, .tabs-nav li.active a { border-bottom: 1px solid #dddddd; } .tabs-container { margin-top: 0; } .panel.entry-content { width: 80%; } .woocommerce #product-page .product-images .main-image { height: 390px; } #product-page .product-shop .variations .reset_variations { display: block; } /* -------------------------------------------------- */ /* Shopping Cart /* -------------------------------------------------- */ .plus, .minus { display: none; } .checkout_cart .product-thumbnail { display: none; } .before-prefooter, #footer, #prefooter { width: 470px; } #prefooter .shippings { display: none; } td.actions .coupon .input-text { width: 114px!important; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { body .containerInner:not(.page-home) .vc_column_container > .vc_column-inner { padding-left: 5%; padding-right: 5%; } #top-cart .cart-popup { width: 81vw; } body .header-sticky .logo { width: 40%; } body .layout-fullwidth #top-cart .cart-popup { width: 92vw; top: 40px; } body.mega-menu-main .menu_container #top-cart { margin-top: 3px; padding-top: 4px; } #sidebar, #products-sidebar { width: 100% !important; display: block; text-align: left; } #alanahContactForm textarea { width: 227px; } .columns2-right>.content, .columns2-left>.content { box-sizing: border-box; } .content.page-content { box-sizing: border-box; } #homepage-sidebar { display: none; } body .vc_btn3-container.calltoaction.vc_btn3-left { text-align: center; } /* -------------------------------------------------- */ /* Catalog /* -------------------------------------------------- */ #breadcrumb { padding: 0 5px; } #product-page .product-shop .addto-container .qty-block { width: 100%; } #product-page .product-images { width: 100% !important; } #product-page .product-shop .addto-container .button.big { margin-top: 20px; float: left; width: 100%; } .alanah-popup-content { top: 20%; left: 2%; width: 96%; box-sizing: border-box; } .alanah-popup-content a.cont-shop { margin-right: 2%; } .alanah-popup-content img { display: none; } .alanah-popup-content a.fl-r { float: none!important; margin-top: 10px; } #product-page .product-shop { margin-top: 20px; width: 100% !important; border: none; } .tabs li, .tabs-nav li { float: none; margin-bottom: 5px; display: block; } .tabs li:first-child a, .tabs-nav li:first-child a { margin-left: 0; } .tabs li a, .tabs-nav li a { border: 1px solid white; } .tabs li.active a, .tabs-nav li.active a { border-bottom: 1px solid #dddddd; } .tabs-container { margin-top: 0; } .panel.entry-content { width: 80%; } form.login { width: auto; } /* -------------------------------------------------- */ /* Single Product /* -------------------------------------------------- */ .single-product .variations_form .variations_button { margin-top: 0; } .single-product #product-page .product-shop { margin-bottom: 0; } /* -------------------------------------------------- */ /* Checkout /* -------------------------------------------------- */ body.woocommerce-checkout form p label { line-height: 20px; width: 100%; margin-bottom: 5px; } body.woocommerce-checkout form .woocommerce-input-wrapper, body .alanah-checkout_login .woocommerce-form-login input[type="text"], body .alanah-checkout_login .woocommerce-form-login input[type="password"], body .alanah-checkout_login .woocommerce-form-login button[type="submit"] { width: 100%; } body .alanah-coupon_container .checkout_coupon input[name="coupon_code"], body .alanah-coupon_container .checkout_coupon button[name="apply_coupon"] { width: 100%; } body .alanah-coupon_container .checkout_coupon button[name="apply_coupon"] { margin-top: 10px; } body .alanah-coupon_container .checkout_coupon p { margin-bottom: 0; } body .alanah-coupon_container, body .alanah-checkout_login, body .woocommerce-checkout .col2-set .col-1, body .woocommerce-checkout .col2-set .col-2, body .woocommerce-checkout .woocommerce-checkout-payment { padding: 5%; } body .woocommerce-checkout .woocommerce-account-fields p { margin-bottom: 0; } /* -------------------------------------------------- */ /* My Account /* -------------------------------------------------- */ .woocommerce-MyAccount-orders .woocommerce-orders-table__header-order-total, .woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-total { display: none; } body .woocommerce-MyAccount-content form p label { width: 100%; margin-bottom: 5px; } body .woocommerce-MyAccount-content form .form-row input[type="text"], body .woocommerce-MyAccount-content form .form-row input[type="email"], body .woocommerce-MyAccount-content form .form-row input[type="tel"], body .woocommerce-MyAccount-content form .form-row input[type="url"], body .woocommerce-MyAccount-content form .form-row input[type="password"], body .woocommerce-MyAccount-content form .form-row input[type="file"] body .woocommerce-MyAccount-content form .form-row select, body .woocommerce-MyAccount-content form .form-row textarea, body .woocommerce-MyAccount-content form .form-row .select2-container { width: 100%; max-width: 100%; } body .woocommerce-MyAccount-content form .woocommerce-address-fields p { margin-bottom: 20px; } body.woocommerce-account form .form-row label, body.woocommerce-account form .form-row label { line-height: 20px; width: 100%; margin-bottom: 5px; } body.woocommerce-account form .form-row input[type="text"], body.woocommerce-account form .form-row input[type="password"], body.woocommerce-account form .form-row input[type="email"], body.woocommerce-account form .form-row input[type="numner"], body.woocommerce-account form .form-row select, body.woocommerce-account form .form-row textarea { width: 100% !important; } body.woocommerce-account #customer_login .col-1, body.woocommerce-account #customer_login .col-2 { padding: 5%; } body form.woocommerce-ResetPassword { border: none; } /* -------------------------------------------------- */ /* Blog /* -------------------------------------------------- */ .article .article-info .article-date { margin-bottom: 10px !important; float: none; } #respond .formField input, #respond .formField textarea { width: 230px; } body .blog-portrait .article .entry-content .more-link, body .blog-portrait .article .entry-content .more-link .button, body .blog-default .article .entry-content .more-link, body .blog-default .article .entry-content .more-link .button { width: 100%; box-sizing: border-box; margin-top: 8px; } /* -------------------------------------------------- */ /* Shopping Cart /* -------------------------------------------------- */ .plus, .minus { display: none; } .checkout_cart .cart_del_column { display: none; } .before-prefooter, #footer, #prefooter { width: 300px; } #prefooter .follow-us { float: none; margin: 0 auto; } #prefooter .follow-us>div { border: none; } #prefooter .shippings { display: none; } .checkout .col2-set .col-2, .checkout .col2-set .col-1 { width: 100%; } .woocommerce-cart-form .actions, .woocommerce-cart-form .actions .coupon { width: 100%; box-sizing: border-box; } .woocommerce-cart-form .actions .coupon .input-text { width: 100% !important; } .woocommerce-cart-form .actions input[name="update_cart"] { margin-top: 20px; width: 100%; height: 40px; } .woocommerce-cart-form button[name="update_cart"], .woocommerce-cart-form .actions .coupon .button { width: 100%; margin-top: 10px; } .woocommerce-cart-form table.checkout_cart { box-sizing: border-box; } /* -------------------------------------------------- */ /* Buttons /* -------------------------------------------------- */ .alanah-banner .button.right { font-size: 10px; padding: 0 8px; line-height: 23px; } /* -------------------------------------------------- */ /* Footer /* -------------------------------------------------- */ body .footer_support { padding: 6% 2%; } body .footer_support .sp_first, body .footer_support .sp_middle { width: 100%; } body .footer_support .sp_middle, body .footer_support .sp_last { margin-top: 6%; } body .footer-information .col4-set .col-1, body .footer-information .col4-set .col-2, body .footer-information .col4-set .col-3, body .footer-information .col4-set .col-4 { width: 100%; margin-bottom: 4%; margin-top: 2%; } /* -------------------------------------------------- */ /* Features /* -------------------------------------------------- */ body .alanah-banner .banner_heading { margin-bottom: 3px; } body .nomobile { display: none; } } /* Small Screen Mobiles */ @media only screen and (max-width: 430px) { /* -------------------------------------------------- */ /* Features /* -------------------------------------------------- */ body .alanah-banner:not(.nocontent):not(.bigsize) .banner_content { top: 14% !important; } body .alanah-banner:not(.nocontent) .banner_img img { min-height: 100px; } }