@charset "utf-8"; /* CSS Document */ @media (max-width: 767px) { .col-sm-align-bottom, .col-sm-align-middle{ display:block; } .col-sm-align-bottom *[class*='col-sm-'], .col-sm-align-middle *[class*='col-sm-']{ display:block; float:left; width:100%; } button, .button, input[type=submit], input[type=button]{ width:100%; display:block; margin-left:0px; margin-right:0px; } .tinymce-button .button{ margin-top:0; margin-bottom:0; } h1{ font-size:35px; } h2{ font-size:30px; } h3{ font-size:25px; } h4{ font-size:20px; } h5{ font-size:15px; } h6{ font-size:10px; } img.alignleft, img.alignright, img.aligncenter{ float:none; margin:10px auto; display:block; } /** * Header Styling **/ .header-logo{ max-width:180px; } .site-header .contact-icon{ top:0; } .nav-icon-container{ top:-38px; } .header-background-container{ background-attachment:scroll; } .header-background-container h1{ font-size:30px; margin-top:20px; } /** * Hero Template Styling **/ .hero-area{ background-attachment:scroll; } .hero-area .container{ width:100%; position:relative; left:0; top:0; transform:none; -webkit-transform:none; -ms-transform:none; width:100%; height:auto; } /** * WooCommerce Styling **/ /** Notifications **/ .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ float:none; display:block; position:relative; top:0; right:0; left:0; transform:none; -webkit-transform:none; -ms-transform:none; margin-bottom:20px; } /** Shop Page **/ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width:100%; margin-left:0; margin-right:0; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ float:none; display:block; width:100%; } .woocommerce .woocommerce-ordering .dropdown-container, .woocommerce-page .woocommerce-ordering .dropdown-container{ display:block; width:100%; } /** Single Product Styling **/ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width:100%; display:block; margin-right:0; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width:100%; display:block; padding-left:0px; } .woocommerce div.product form.cart .variations td.label{ background:#41B6E6; display:block; border-radius:0px; border-top-left-radius:5px; border-top-right-radius:5px; padding:10px 20px; text-align:center; margin-bottom:0; } .woocommerce div.product form.cart .variations td.value{ display:block; width:100%; } .woocommerce div.product form.cart .variations .dropdown-container{ display:block; width:100%; border-radius:5px; border-top-left-radius:0; border-top-right-radius:0; } .woocommerce div.product form.cart .variations .dropdown-container select{ border-radius:5px; border-top-left-radius:0; border-top-right-radius:0; } /** Cart Page **/ .woocommerce table.shop_table_responsive.cart{ margin-bottom:0; } .woocommerce table.shop_table_responsive tr td.product-remove{ text-align:left !important; } .woocommerce table.shop_table_responsive tr td.product-remove a{ background:#B22111; color:#ffffff !important; transition:all .2s; -webkit-transition:all .2s; } .woocommerce table.shop_table_responsive tr td.product-remove a:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); } .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{ display:block; text-align:center !important; } .woocommerce #content table.cart .product-name:before, .woocommerce table.cart .product-name:before, .woocommerce-page #content table.cart .product-name:before, .woocommerce-page table.cart .product-name:before, .woocommerce #content table.cart .product-thumbnail:before, .woocommerce table.cart .product-thumbnail:before, .woocommerce-page #content table.cart .product-thumbnail:before, .woocommerce-page table.cart .product-thumbnail:before{ display:none; } .woocommerce #content table.cart .product-name, .woocommerce table.cart .product-name, .woocommerce-page #content table.cart .product-name, .woocommerce-page table.cart .product-name{ font-size:17px; text-align:center !important; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text{ display:block; float:none; margin:auto; width:100%; } .woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button{ float:none; display:block; width:100%; margin-top:10px; } /** Checkout Styling **/ .woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last{ float:none; display:block; width:100%; } #add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address{ font-size:20px; margin-top:30px; margin-bottom:30px; } .woocommerce-checkout #order_review_heading, .woocommerce-checkout .woocommerce-order-details__title{ margin-bottom:20px; } .woocommerce .order-total .woocommerce-Price-amount{ font-size:30px; } .woocommerce-column--shipping-address h2{ margin-top:30px; } .woocommerce-PaymentMethod--actions:before{ display:none; } #add_payment_method #payment{ padding:10px; } /** * Footer Styling **/ .site-footer .footer-cta-section h2{ font-size:20px; margin-right:0; } .site-footer .widgettitle{ font-size:20px; } }