Skip to content

Instantly share code, notes, and snippets.

@jakkrobbit

jakkrobbit/styles-l.css

Created November 14, 2019 05:26
Show Gist options
  • Save jakkrobbit/31764143a508c9944962cdca839202d7 to your computer and use it in GitHub Desktop.
Save jakkrobbit/31764143a508c9944962cdca839202d7 to your computer and use it in GitHub Desktop.
Download ZIP
AHA custom theme - desktop
Raw
styles-l.css
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* MageSpecialist
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* @category MSP
* @package MSP_ReCaptcha
* @copyright Copyright (c) 2017 Skeeller srl (http://www.magespecialist.it)
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
*/
.login-container .g-recaptcha,
.form-login .g-recaptcha {
margin-bottom: 10px !important;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License").
* You may not use this file except in compliance with the License.
* A copy of the License is located at
*
* http://aws.amazon.com/apache2.0
*
* or in the "license" file accompanying this file. This file is distributed
* on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
* express or implied. See the License for the specific language governing
* permissions and limitations under the License.
*/
/**
* Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License").
* You may not use this file except in compliance with the License.
* A copy of the License is located at
*
* http://aws.amazon.com/apache2.0
*
* or in the "license" file accompanying this file. This file is distributed
* on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
* express or implied. See the License for the specific language governing
* permissions and limitations under the License.
*/
/**
* Amazon Pay variables
**/
@media all and (max-width: 768px) {
.amazon-button-container {
width: 100%;
}
}
.amazon-logout-widget {
display: none;
}
/**
* Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License").
* You may not use this file except in compliance with the License.
* A copy of the License is located at
*
* http://aws.amazon.com/apache2.0
*
* or in the "license" file accompanying this file. This file is distributed
* on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
* express or implied. See the License for the specific language governing
* permissions and limitations under the License.
*/
@media all and (max-width: 768px) {
.amazon-minicart-container .amazon-button-container {
width: auto;
}
}
.multi-checkout-fields label {
display: block;
margin-bottom: 7px;
}
.multi-checkout-fields .field {
margin: 1.5em 0;
}
.multi-checkout-fields .field.checkbox label {
display: inline-block;
margin: 0 0 0 12px;
}
.collection-point-country,
.collection-point-postalcode,
.collection-point-button {
display: inline-block;
padding: 20px 10px 0 0;
}
.collection-point-postalcode {
max-width: 9em;
vertical-align: top;
}
.field-error {
color: #e02b27;
font-size: 1.2rem;
margin-top: 7px;
}
.box-order-shipping-address .box-subtitle {
font-weight: 600;
}
.box-order-shipping-address .order-shipping-secondary-address {
margin-top: 1rem;
}
#delivery-options-fields-block {
max-width: 100%;
}
.pickup-locations-headline {
font-weight: 600;
font-size: 16px;
margin-bottom: 25px;
}
.delivery-locations-form .delivery-locations-list {
border: 1px solid #c2c2c2;
max-height: 500px;
overflow: auto;
}
.delivery-locations-form .delivery-locations-list table.location {
margin-top: 28px;
}
.delivery-locations-form .delivery-locations-list table.location .first-column {
padding: 0 14px;
width: 14px;
}
.delivery-locations-form .delivery-locations-list table.location .second-column {
padding: 0;
}
.opening-hour-wrapper {
font-size: 12px;
}
.opening-hour-wrapper table thead {
cursor: pointer;
font-weight: 700;
}
.opening-hour-wrapper table thead tr td {
padding: 10px 0 0;
display: inline-block;
text-decoration: none;
}
.opening-hour-wrapper table thead tr td:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.2rem;
line-height: 20px;
color: #8f8f8f;
content: '\e622';
font-family: 'icons-blank-theme';
margin: 0 0 0 10px;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.opening-hour-wrapper table thead tr td:hover:after {
color: #333333;
}
.opening-hour-wrapper table thead tr td:active:after {
color: #8f8f8f;
}
.opening-hour-wrapper table tbody {
display: none;
}
.opening-hour-wrapper table tbody.special-hours-heading {
padding-top: 10px;
font-weight: 700;
}
.opening-hour-wrapper table tbody tr td {
padding: 0 10px 0 0;
}
.opening-hour-wrapper table tbody tr td.time-span {
font-weight: 600;
}
.opening-hour-wrapper table._active thead tr td:after {
content: '\e621';
}
.opening-hour-wrapper table._active tbody {
display: block;
}
/**
* @copyright Vertex. All rights reserved. https://www.vertexinc.com/
* @author Mediotype https://www.mediotype.com/
*/
.opc-block-summary .vertex-message td,
.cart-summary .vertex-message td {
padding: 0;
border-top: none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) {
.product-video {
height: 100%;
width: 81%;
}
}
@media all and (min-width: 768px), print {
.abs-product-options-list-desktop dt,
.block-giftregistry-shared .item-options dt {
clear: left;
float: left;
margin: 0 10px 5px 0;
}
.block-giftregistry-shared .item-options dt:after {
content: ': ';
}
.abs-product-options-list-desktop dd,
.block-giftregistry-shared .item-options dd {
display: inline-block;
float: left;
margin: 0 0 5px;
}
.abs-button-desktop {
width: auto;
}
.abs-blocks-2columns,
.amazon-addresses .amazon-address,
.login-container .block,
.account .column.main .block:not(.widget) .block-content .box,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box,
.sales-guest-view .column.main .block:not(.widget) .block-content .box {
width: 48.8%;
}
.amazon-addresses .amazon-address:nth-child(odd),
.login-container .block:nth-child(odd),
.account .column.main .block:not(.widget) .block-content .box:nth-child(odd),
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(odd),
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(odd),
.sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(odd) {
clear: left;
float: left;
}
.amazon-addresses .amazon-address:nth-child(even),
.login-container .block:nth-child(even),
.account .column.main .block:not(.widget) .block-content .box:nth-child(even),
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(even),
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(even),
.sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(even) {
float: right;
}
.abs-reset-left-margin-desktop,
.bundle-options-container .legend.title,
.gift-summary .actions-toolbar,
.cart.table-wrapper .gift-summary .actions-toolbar,
.column.main .block-giftregistry-shared-items .actions-toolbar,
.form-new-agreement .fieldset .legend,
.form-new-agreement .actions-toolbar,
.column.main .paypal-review .actions-toolbar,
.wishlist-index-index .main .form-wishlist-items .actions-toolbar,
.column.main .cart-summary .actions-toolbar,
.cart.table-wrapper .item-actions .actions-toolbar {
margin-left: 0;
}
.abs-action-remove-desktop,
.abs-add-fields-desktop .fieldset .additional .action.remove,
.form-giftregistry-share .fieldset .additional .action.remove,
.form-giftregistry-edit .fieldset .additional .action.remove,
.form-add-invitations .fieldset .additional .action.remove,
.form-create-return .fieldset .additional .action.remove,
.form.send.friend .fieldset .additional .action.remove {
margin-left: 75.8%;
top: 6px;
}
.form-giftregistry-share .fieldset .field:not(.choice) .control,
.form-giftregistry-edit .fieldset .field:not(.choice) .control,
.form-add-invitations .fieldset .field:not(.choice) .control,
.form-create-return .fieldset .field:not(.choice) .control,
.form.send.friend .fieldset .field:not(.choice) .control {
width: 50%;
}
.abs-margin-for-forms-desktop,
.fieldset .legend,
.column:not(.sidebar-main) form .actions-toolbar,
.column:not(.sidebar-additional) form .actions-toolbar,
.login-container .fieldset:after {
margin-left: 0;
}
.abs-visually-hidden-desktop,
.dashboard-welcome-toggler,
.block-search .label,
.block-collapsible-nav .title {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-add-clearfix-desktop:before,
.abs-add-clearfix-desktop:after,
.abs-pager-toolbar:before,
.abs-pager-toolbar:after,
.amazon-addresses:before,
.amazon-addresses:after,
.block-cart-failed .block-content:before,
.block-cart-failed .block-content:after,
.login-container:before,
.login-container:after,
.account .column.main .block:not(.widget) .block-content:before,
.account .column.main .block:not(.widget) .block-content:after,
.block-addresses-list .items.addresses:before,
.block-addresses-list .items.addresses:after,
.block-giftregistry-shared .item-options:before,
.block-giftregistry-shared .item-options:after,
.gift-wrapping .nested:before,
.gift-wrapping .nested:after,
.table .gift-wrapping .content:before,
.table .gift-wrapping .content:after,
.block-wishlist-management:before,
.block-wishlist-management:after,
.paypal-review .block-content:before,
.paypal-review .block-content:after,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content:before,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content:before,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after,
.sales-guest-view .column.main .block:not(.widget) .block-content:before,
.sales-guest-view .column.main .block:not(.widget) .block-content:after,
.cart-container:before,
.cart-container:after,
.header.content:before,
.header.content:after,
.page-header .header.panel:before,
.page-header .header.panel:after,
.account .toolbar:before,
.account .toolbar:after,
.toolbar-giftregistry-results:before,
.toolbar-giftregistry-results:after,
.toolbar-wishlist-results:before,
.toolbar-wishlist-results:after {
content: '';
display: table;
}
.abs-add-clearfix-desktop:after,
.abs-pager-toolbar:after,
.amazon-addresses:after,
.block-cart-failed .block-content:after,
.login-container:after,
.account .column.main .block:not(.widget) .block-content:after,
.block-addresses-list .items.addresses:after,
.block-giftregistry-shared .item-options:after,
.gift-wrapping .nested:after,
.table .gift-wrapping .content:after,
.block-wishlist-management:after,
.paypal-review .block-content:after,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after,
.sales-guest-view .column.main .block:not(.widget) .block-content:after,
.cart-container:after,
.header.content:after,
.page-header .header.panel:after,
.account .toolbar:after,
.toolbar-giftregistry-results:after,
.toolbar-wishlist-results:after {
clear: both;
}
.abs-add-box-sizing-desktop,
.column.main,
.sidebar-main,
.sidebar-additional {
box-sizing: border-box;
}
.abs-add-box-sizing-desktop-m,
.opc-wrapper {
box-sizing: border-box;
}
.abs-revert-field-type-desktop .fieldset > .field,
.abs-revert-field-type-desktop .fieldset .fields > .field,
.product-add-form .fieldset > .field,
.product-add-form .fieldset .fields > .field {
margin: 0 0 20px;
}
.abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .label,
.abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .label,
.product-add-form .fieldset > .field:not(.choice) > .label,
.product-add-form .fieldset .fields > .field:not(.choice) > .label {
box-sizing: content-box;
float: none;
width: auto;
text-align: left;
padding: 0;
}
.abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .control,
.abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .control,
.product-add-form .fieldset > .field:not(.choice) > .control,
.product-add-form .fieldset .fields > .field:not(.choice) > .control {
float: none;
width: auto;
}
.abs-revert-field-type-desktop .fieldset > .field > .label,
.abs-revert-field-type-desktop .fieldset .fields > .field > .label,
.product-add-form .fieldset > .field > .label,
.product-add-form .fieldset .fields > .field > .label {
margin: 0 0 8px;
display: inline-block;
}
.abs-revert-field-type-desktop .fieldset > .field.choice:before,
.abs-revert-field-type-desktop .fieldset .fields > .field.choice:before,
.abs-revert-field-type-desktop .fieldset > .field.no-label:before,
.abs-revert-field-type-desktop .fieldset .fields > .field.no-label:before,
.product-add-form .fieldset > .field.choice:before,
.product-add-form .fieldset .fields > .field.choice:before,
.product-add-form .fieldset > .field.no-label:before,
.product-add-form .fieldset .fields > .field.no-label:before {
display: none;
}
.product-add-form .fieldset > .field:not(:first-child):last-of-type,
.product-add-form .fieldset .fields > .field:not(:first-child):last-of-type {
margin-bottom: 0;
}
.abs-no-display-desktop,
.sidebar .block.widget .pager .item:not(.pages-item-next):not(.pages-item-previous) {
display: none;
}
.abs-pager-toolbar,
.account .toolbar,
.toolbar-giftregistry-results,
.toolbar-wishlist-results {
margin-bottom: 20px;
position: relative;
}
.abs-pager-toolbar .limiter,
.account .toolbar .limiter,
.toolbar-giftregistry-results .limiter,
.toolbar-wishlist-results .limiter {
float: right;
position: relative;
z-index: 1;
}
.abs-pager-toolbar .toolbar-amount,
.account .toolbar .toolbar-amount,
.toolbar-giftregistry-results .toolbar-amount,
.toolbar-wishlist-results .toolbar-amount {
float: left;
line-height: normal;
padding: 7px 0 0;
position: relative;
z-index: 1;
}
.abs-pager-toolbar .pages,
.account .toolbar .pages,
.toolbar-giftregistry-results .pages,
.toolbar-wishlist-results .pages {
position: absolute;
width: 100%;
z-index: 0;
}
.abs-shopping-cart-items-desktop,
.block-cart-failed,
.cart-container .cart-gift-item,
.cart-container .form-cart {
float: left;
position: relative;
width: 72%;
}
.abs-shopping-cart-items-desktop .actions,
.block-cart-failed .actions,
.cart-container .cart-gift-item .actions,
.cart-container .form-cart .actions {
text-align: right;
}
.block-cart-failed .action.continue,
.cart-container .cart-gift-item .action.continue,
.cart-container .form-cart .action.continue {
float: left;
}
.block-cart-failed .action.clear,
.cart-container .cart-gift-item .action.clear,
.cart-container .form-cart .action.clear {
margin-right: 10px;
}
h1 {
font-size: 40px;
margin-bottom: 40px;
}
.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.footer.content,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1280px;
padding-left: 15px;
padding-right: 15px;
width: auto;
}
.page-main {
width: 100%;
}
.columns {
display: block;
}
.column.main {
min-height: 300px;
}
.page-layout-1column .column.main {
width: 100%;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-3columns .column.main {
width: 50%;
display: inline-block;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-2columns-left .column.main {
width: 75%;
float: right;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-2columns-right .column.main {
width: 75%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.sidebar-main {
padding-right: 2%;
}
.page-layout-3columns .sidebar-main {
width: 25%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.page-layout-2columns-left .sidebar-main {
width: 25%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.page-layout-2columns-right .sidebar-main {
width: 25%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.page-layout-2columns-right .sidebar-main {
padding-left: 2%;
padding-right: 0;
}
.sidebar-additional {
clear: right;
padding-left: 2%;
}
.page-layout-3columns .sidebar-additional {
width: 25%;
float: right;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
}
.page-layout-2columns-left .sidebar-additional {
width: 25%;
float: right;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-2columns-right .sidebar-additional {
width: 25%;
float: right;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.page-layout-2columns-left .sidebar-additional {
clear: left;
float: left;
padding-left: 0;
padding-right: 2%;
}
.panel.header {
padding: 10px 20px;
}
.nav-toggle {
display: none;
}
.nav-sections {
-webkit-flex-shrink: 0;
flex-shrink: 0;
-webkit-flex-basis: auto;
flex-basis: auto;
margin-bottom: 25px;
}
.nav-sections-item-title {
display: none;
}
.nav-sections-item-content {
display: block !important;
}
.nav-sections-item-content > * {
display: none;
}
.nav-sections-item-content > .navigation {
display: block;
}
.navigation {
background: #712b7b;
font-weight: 400;
height: inherit;
left: auto;
overflow: inherit;
padding: 0;
position: relative;
top: 0;
width: 100%;
z-index: 3;
}
.navigation:empty {
display: none;
}
.navigation ul {
margin-top: 0;
margin-bottom: 0;
padding: 0;
position: relative;
}
.navigation li.level0 {
border-top: none;
}
.navigation li.level1 {
position: relative;
}
.navigation .level0 {
margin: 0px;
display: inline-block;
position: relative;
}
.navigation .level0:last-child {
margin-right: 0;
padding-right: 0;
}
.navigation .level0:hover:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 100%;
width: 10px;
height: calc(103%);
z-index: 1;
}
.navigation .level0 > .level-top {
background: transparent;
color: #ffffff;
line-height: 20px;
padding: 18px 20px;
text-decoration: none;
box-sizing: border-box;
position: relative;
display: inline-block;
}
.navigation .level0 > .level-top:hover,
.navigation .level0 > .level-top.ui-state-focus {
background: #9b74a2;
border: none;
color: #ffffff;
text-decoration: none;
}
.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top {
background: #9b74a2;
border-color: none;
border-style: none;
border-width: 0px;
color: #ffffff;
text-decoration: none;
display: inline-block;
}
.navigation .level0.parent:hover > .submenu {
overflow: visible !important;
}
.navigation .level0.parent > .level-top {
padding-right: 20px;
}
.navigation .level0.parent > .level-top > .ui-menu-icon {
position: absolute;
right: 0;
display: inline-block;
text-decoration: none;
}
.navigation .level0.parent > .level-top > .ui-menu-icon > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.navigation .level0.parent > .level-top > .ui-menu-icon:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: 20px;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.navigation .level0 .submenu {
background: #ffffff;
border: 1px solid #d1d1d1;
box-shadow: none;
font-weight: 400;
min-width: 230px;
padding: 5px 0;
display: none;
left: 0;
margin: 0 !important;
padding: 0;
position: absolute;
z-index: 1;
margin-top: 11px;
}
.navigation .level0 .submenu > ul {
margin-top: 11px;
}
.navigation .level0 .submenu > ul:before,
.navigation .level0 .submenu > ul:after {
content: '';
display: block;
overflow: hidden;
position: absolute;
}
.navigation .level0 .submenu > ul:before {
color: #ffffff;
left: 20px;
top: -20px;
border: 10px solid transparent;
height: 0;
width: 0;
border-bottom-color: #ffffff;
z-index: 4;
}
.navigation .level0 .submenu > ul:after {
border: 11px solid transparent;
height: 0;
width: 0;
border-bottom-color: #d1d1d1;
color: #d1d1d1;
left: 19px;
top: -22px;
z-index: 3;
}
.navigation .level0 .submenu:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 4px;
left: 0;
top: -4px;
z-index: 1;
}
.navigation .level0 .submenu a {
display: block;
line-height: inherit;
border: none;
color: #333333;
padding: 10px 18px;
text-decoration: none;
}
.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a.ui-state-focus {
background: transparent;
border: none;
color: #712b7b;
text-decoration: none;
}
.navigation .level0 .submenu .active > a {
background: transparent;
border-color: transparent;
border-style: none;
border-width: 0px;
color: #712b7b;
text-decoration: none;
}
.navigation .level0 .submenu .submenu {
top: 0 !important;
left: 100% !important;
}
.navigation .level0 .submenu .submenu-reverse {
left: auto !important;
right: 100%;
}
.navigation .level0 .submenu li {
margin: 0;
}
.navigation .level0 .submenu li.parent > a > .ui-menu-icon {
position: absolute;
right: 3px;
display: inline-block;
text-decoration: none;
}
.navigation .level0 .submenu li.parent > a > .ui-menu-icon > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.navigation .level0 .submenu li.parent > a > .ui-menu-icon:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: 20px;
color: inherit;
content: '\e608';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.navigation .level0.more {
position: relative;
display: inline-block;
text-decoration: none;
}
.navigation .level0.more:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 26px;
line-height: inherit;
color: inherit;
content: '\e607';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.navigation .level0.more:before {
display: none;
}
.navigation .level0.more:after {
cursor: pointer;
padding: 8px 12px;
position: relative;
z-index: 1;
}
.navigation .level0.more:hover > .submenu {
overflow: visible !important;
}
.navigation .level0.more li {
display: block;
}
.panel.header .links,
.panel.header .switcher {
display: inline-block;
}
.fieldset > .field {
margin: 0 0 29px;
}
.product.data.items {
position: relative;
z-index: 1;
}
.product.data.items:before,
.product.data.items:after {
content: '';
display: table;
}
.product.data.items:after {
clear: both;
}
.product.data.items > .item.title {
float: left;
width: auto;
}
.product.data.items > .item.title > .switch {
height: 20px;
display: block;
position: relative;
z-index: 2;
}
.product.data.items > .item.content {
margin-top: 20px;
box-sizing: border-box;
float: right;
margin-left: -100%;
width: 100%;
}
.product.data.items > .item.content:before,
.product.data.items > .item.content:after {
content: '';
display: table;
}
.product.data.items > .item.content:after {
clear: both;
}
.product.data.items > .item.content.active {
display: block;
}
.product.data.items > .item.title {
margin: 0 -1px 0 0;
}
.product.data.items > .item.title > .switch {
font-weight: 600;
line-height: 40px;
font-size: 1.4rem;
color: #7d7d7d;
text-decoration: none;
background: #f0f0f0;
border: 1px solid #d1d1d1;
border-bottom: none;
height: 40px;
padding: 1px 35px 1px 35px;
}
.product.data.items > .item.title > .switch:visited {
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:hover {
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:active {
color: #333333;
text-decoration: none;
}
.product.data.items > .item.title:not(.disabled) > .switch:focus,
.product.data.items > .item.title:not(.disabled) > .switch:hover {
background: #fcfcfc;
}
.product.data.items > .item.title:not(.disabled) > .switch:active,
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
background: #ffffff;
color: #333333;
text-decoration: none;
}
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
padding-bottom: 2px;
}
.product.data.items > .item.content {
background: #ffffff;
margin-top: 43px;
padding: 35px 35px 35px 35px;
border: 0;
border-top: 1px solid #d1d1d1;
}
.actions-toolbar:before,
.actions-toolbar:after {
content: '';
display: table;
}
.actions-toolbar:after {
clear: both;
}
.actions-toolbar .primary {
float: left;
}
.actions-toolbar .secondary {
float: right;
}
.actions-toolbar .primary,
.actions-toolbar .secondary {
display: inline-block;
}
.actions-toolbar .primary a.action,
.actions-toolbar .secondary a.action {
display: inline-block;
}
.actions-toolbar .primary .action {
margin: 0 5px 0 0;
}
.actions-toolbar .secondary a.action {
margin-top: 6px;
}
.actions-toolbar > .primary,
.actions-toolbar > .secondary {
margin-bottom: 0;
}
.actions-toolbar > .primary .action,
.actions-toolbar > .secondary .action {
margin-bottom: 0;
width: auto;
}
.modal-popup.modal-slide .modal-footer {
border-top: 1px solid #c1c1c1;
text-align: right;
}
.login-container .block-amazon-login {
clear: none;
float: right;
}
.login-container .block-amazon-login .actions-toolbar {
margin-top: 25px;
}
.login-container .block:nth-child(2) + .block-amazon-login {
clear: none;
}
.amazon-validate-container {
margin: 40px auto 0 auto;
width: 500px;
}
.amazon-validate-container .primary {
width: 190px;
}
.amazon-validate-container .continue-as-guest {
width: 130px;
}
.amazon-validate-container .forgot-password {
text-align: right;
width: 175px;
}
.amazon-addresses .amazon-address {
margin-bottom: 0;
}
.block-cart-failed .actions {
text-align: left;
}
.block-cart-failed .actions.primary {
float: right;
}
.payment-method-braintree .cvv .field-tooltip {
left: 6rem;
}
.braintree-paypal-account {
border-color: #cccccc;
border-style: solid;
border-width: 1px 0;
display: inline-block;
width: 50%;
}
.account .table-credit-cards .col.actions {
width: 100px;
}
.bundle-options-container .bundle-options-wrapper,
.bundle-options-container .product-options-wrapper {
float: left;
width: 57%;
}
.bundle-options-container .block-bundle-summary {
float: right;
position: relative;
width: 40%;
}
.page-layout-2columns-left .bundle-options-container .bundle-options-wrapper,
.page-layout-2columns-left .bundle-options-container .block-bundle-summary,
.page-layout-2columns-right .bundle-options-container .bundle-options-wrapper,
.page-layout-2columns-right .bundle-options-container .block-bundle-summary,
.page-layout-3columns .bundle-options-container .bundle-options-wrapper,
.page-layout-3columns .bundle-options-container .block-bundle-summary {
width: 48%;
}
.block-category-event.block:last-child {
margin-bottom: 30px;
padding: 10px 0 30px;
}
.block-category-event .block-title {
margin: 0;
}
.block-category-event .block-title strong {
font-size: 2.4rem;
}
.block-category-event .ticker li {
display: none;
margin: 0 50px;
}
.block-category-event .ticker .value {
font-size: 6rem;
}
.block-category-event .ticker .label {
font-size: 1.4rem;
text-transform: none;
}
.block-category-event .dates .date {
font-size: 5rem;
}
.block-category-event .dates .start {
padding-right: 50px;
}
.block-category-event .dates .start:after {
font-size: 5rem;
right: 10px;
}
.login-container .block.login .actions-toolbar > .primary {
margin-bottom: 0;
margin-right: 30px;
}
.login-container .block.login .actions-toolbar > .secondary {
float: left;
}
.login-container .fieldset > .field > .control {
width: 55%;
}
.fieldset .fullname .field .label {
padding: 6px 15px 0 0;
text-align: right;
width: 25.8%;
box-sizing: border-box;
float: left;
}
.fieldset .fullname .field .control {
width: 74.2%;
float: left;
}
.form.password.reset,
.form.send.confirmation,
.form.password.forget,
.form.create.account,
.form.form-orders-search {
min-width: 600px;
width: 50%;
}
.account.page-layout-2columns-left .sidebar-main,
.account.page-layout-2columns-left .sidebar-additional {
width: 22.3%;
}
.account.page-layout-2columns-left .column.main {
width: 77.7%;
}
.block-addresses-list .items.addresses {
font-size: 0;
}
.block-addresses-list .items.addresses > .item {
display: inline-block;
font-size: 14px;
margin-bottom: 20px;
vertical-align: top;
width: 48.8%;
}
.block-addresses-list .items.addresses > .item:nth-last-child(1),
.block-addresses-list .items.addresses > .item:nth-last-child(2) {
margin-bottom: 0;
}
.block-addresses-list .items.addresses > .item:nth-child(even) {
margin-left: 2.4%;
}
.control.captcha-image .captcha-img {
margin: 0 10px 10px 0;
}
.page-product-downloadable .product-options-wrapper {
float: left;
width: 55%;
}
.page-product-downloadable .product-options-bottom {
float: right;
width: 40%;
}
.page-product-downloadable .product-options-bottom .field.qty + .actions {
padding-top: 0;
}
.gift-message .field {
margin-bottom: 20px;
}
.gift-options {
position: relative;
z-index: 1;
}
.gift-options .actions-toolbar {
clear: both;
float: right;
position: static;
}
.gift-options .actions-toolbar .secondary {
float: right;
}
.gift-options .actions-toolbar .secondary .action {
float: right;
margin-left: 20px;
}
.gift-options .actions-toolbar .secondary .action-cancel {
display: block;
float: left;
margin-top: 6px;
}
.gift-options .actions-toolbar:nth-child(3):before {
border-left: 1px solid #c1c1c1;
bottom: 5rem;
content: '';
display: block;
left: 50%;
overflow: hidden;
position: absolute;
top: 0;
width: 0;
}
.gift-options-title {
font-weight: 300;
font-size: 1.8rem;
}
.cart.table-wrapper .action-gift {
float: left;
}
.order-options .gift-wrapping,
.table-order-review .gift-wrapping {
max-width: 50%;
}
.form-giftregistry-search .fieldset {
margin-bottom: 29px;
}
.block-giftregistry-shared-items .product-item-photo {
display: table-cell;
max-width: 100%;
padding: 0 20px 0 0;
vertical-align: top;
width: 1%;
}
.block-giftregistry-shared-items .product-item-details {
display: table-cell;
vertical-align: top;
width: 99%;
word-break: normal;
}
.block-giftregistry-shared-items .col.product {
width: 48%;
}
.block-giftregistry-shared-items .col:not(.product) {
text-align: center;
}
.block-giftregistry-shared-items .col.price {
padding-top: 17px;
}
.block-giftregistry-shared-items .input-text.qty {
margin-top: -4px;
}
.gift-options-cart-item .gift-wrapping,
.cart-gift-item .gift-wrapping {
box-sizing: border-box;
float: left;
padding-right: 20px;
width: 50%;
}
.gift-options-cart-item .gift-wrapping + .gift-message,
.cart-gift-item .gift-wrapping + .gift-message {
border-left: 1px solid #c1c1c1;
box-sizing: border-box;
float: left;
padding-left: 4.5rem;
width: 50%;
}
.form-add-invitations .additional,
.form-add-invitations .field.text {
margin-top: 29px;
}
.table-invitations .col {
width: 50%;
}
.wishlist.window.popup {
bottom: auto;
top: 20%;
left: 50%;
margin-left: -212px;
width: 380px;
right: auto;
}
.wishlist.window.popup .field {
margin: 0 0 20px;
}
.wishlist.window.popup .field:not(.choice) > .label {
box-sizing: content-box;
float: none;
width: auto;
text-align: left;
padding: 0;
}
.wishlist.window.popup .field:not(.choice) > .control {
float: none;
width: auto;
}
.wishlist.window.popup .field > .label {
margin: 0 0 8px;
display: inline-block;
}
.wishlist.window.popup .field.choice:before,
.wishlist.window.popup .field.no-label:before {
display: none;
}
.block-wishlist-management {
margin-bottom: 20px;
}
.block-wishlist-management .wishlist-select {
border-bottom: 1px solid #e8e8e8;
display: table;
margin-bottom: 15px;
width: 100%;
}
.block-wishlist-management .wishlist-select .wishlist-name {
display: table-cell;
margin-right: 10px;
padding: 5px 10px 10px;
vertical-align: top;
white-space: nowrap;
width: 5%;
}
.block-wishlist-management .wishlist-select-items {
display: table-cell;
padding-right: 160px;
vertical-align: top;
}
.block-wishlist-management .wishlist-select-items .item {
display: inline-block;
margin-right: 10px;
padding: 5px 10px 10px;
}
.block-wishlist-management .wishlist-select-items .item:last-child {
margin-right: 0;
}
.block-wishlist-management .wishlist-select-items .current {
border-bottom: 3px solid #ff5501;
font-weight: 600;
}
.block-wishlist-management .wishlist-select .wishlist-name-current {
display: none;
}
.block-wishlist-management .wishlist-add.item {
position: absolute;
right: 0;
top: 0;
}
.block-wishlist-management .wishlist-title strong {
font-size: 4rem;
}
.block-wishlist-management .wishlist-info {
float: left;
}
.block-wishlist-management .wishlist-toolbar {
float: right;
}
.block-wishlist-info-items .product-item-photo {
margin-left: 0;
}
.products-grid.wishlist .product-item-checkbox {
float: left;
}
.products-grid.wishlist .product-item-checkbox + .product-item-name {
margin-left: 25px;
}
.block.newsletter {
width: 32%;
}
.block.newsletter .field {
margin-right: 5px;
}
.block.newsletter .field .control {
width: 100%;
}
.block.newsletter .action.subscribe {
border-radius: 3px;
}
.paypal-review .paypal-review-title {
border-bottom: 1px solid #d1d1d1;
}
.paypal-review .block-content .box-order-shipping-address,
.paypal-review .block-content .box-order-shipping-method,
.paypal-review .block-content .box-order-shipping-method + .box-order-billing-address {
box-sizing: border-box;
float: left;
width: 33%;
}
.paypal-review .block-content .box-order-shipping-address {
padding: 0 5%;
width: 34%;
}
.paypal-review .col.subtotal,
.paypal-review .mark,
.paypal-review .amount {
text-align: right;
}
.products.wrapper.list .product-reviews-summary {
margin: 0;
}
.reward-settings + .actions-toolbar {
margin-top: -32px;
}
.form-create-return .additional .field:last-child {
margin-top: 29px;
}
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box {
margin-bottom: 20px;
}
.block-returns-tracking .block-title .action {
margin: 0 0 0 30px;
}
.block-returns-tracking .block-title .actions-track {
float: right;
margin-top: 12px;
}
.table-order-items .subtotal,
.table-order-items .amount {
text-align: right;
}
.table-order-items.creditmemo .col.qty,
.table-order-items.creditmemo .col.discount,
.table-order-items.creditmemo .col.subtotal {
text-align: center;
}
.table-order-items.creditmemo .col.total {
text-align: right;
}
.order-pager-wrapper .order-pager-wrapper-top {
padding-left: 0;
padding-right: 0;
}
.order-pager-wrapper .pages {
float: right;
}
.order-actions-toolbar .action.print {
display: block;
float: right;
}
.page-title-wrapper .order-date {
margin-top: -20px;
}
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box,
.sales-guest-view .column.main .block:not(.widget) .block-content .box {
margin-bottom: 20px;
}
.my-credit-cards .card-type img {
display: block;
}
.products-grid.wishlist .product-item-tooltip {
display: inline-block;
}
.products-grid.wishlist .product-item-actions {
margin: 10px 0 0;
}
.products-grid.wishlist .product-item .fieldset .field.qty {
margin-bottom: 10px;
padding-right: 10px;
}
.products-grid.wishlist .product-item .fieldset .field.qty .label {
width: auto;
}
.products-grid.wishlist .product-item .box-tocart .actions-primary {
margin: 0;
}
.products-grid.wishlist .product-item .box-tocart .stock {
margin: 20px 0 0;
}
.wishlist-index-index .product-item-info {
width: 240px;
}
.page-products .products-grid .product-item {
width: 33.33333333%;
}
.page-products.page-layout-1column .products-grid .product-item {
width: 25%;
}
.page-products.page-layout-3columns .products-grid .product-item {
width: 50%;
}
.product-info-main .box-tocart,
.product-options-bottom .box-tocart {
display: table;
}
.product-info-main .box-tocart .field.qty,
.product-options-bottom .box-tocart .field.qty {
display: table-cell;
}
.product-info-main .box-tocart .actions,
.product-options-bottom .box-tocart .actions {
display: table-cell;
padding-top: 25px;
text-align: center;
vertical-align: bottom;
}
.sidebar .product-items .product-item-info .product-item-photo {
position: relative;
left: auto;
top: auto;
float: left;
margin: 0 10px 10px 0;
}
.sidebar .product-items .product-item-details {
margin: 0;
}
.sidebar .product-items .product-item-actions {
clear: left;
}
.product-info-main {
float: right;
}
.product.media {
float: left;
margin-bottom: 25px;
}
.page-layout-1column .product-info-main {
width: 52%;
}
.page-layout-1column .product.media {
width: 45%;
}
.page-layout-2columns-left .product-info-main,
.page-layout-2columns-right .product-info-main,
.page-layout-3columns .product-info-main {
width: 48%;
}
.page-layout-2columns-left .product.media,
.page-layout-2columns-right .product.media,
.page-layout-3columns .product.media {
width: 50%;
}
.block-search {
position: relative;
float: right;
padding-left: 15px;
width: 400px;
z-index: 4;
margin: 5px 0;
}
.block-search .control {
border-top: 0;
margin: 0;
padding: 0;
}
.block-search .nested {
display: none;
padding-top: 5px;
position: absolute;
}
.block-search input {
background: transparent;
border-color: #d1d1d1;
color: #666666;
height: 45px;
margin: 0;
padding-right: 35px;
position: static;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.block-search input::-webkit-input-placeholder {
color: #666666;
}
.block-search input:-moz-placeholder {
color: #666666;
}
.block-search input::-moz-placeholder {
color: #666666;
}
.block-search input:-ms-input-placeholder {
color: #666666;
}
.block-search .action.search {
position: absolute;
right: 0;
height: 45px;
width: 45px;
text-align: center;
top: 0;
z-index: 1;
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
padding: 0;
}
.block-search .action.search > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.block-search .action.search:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: #8f8f8f;
content: '\e615';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.block-search .action.search:hover:before {
color: inherit;
}
.block-search .action.search:active:before {
color: inherit;
}
.block-search .action.search:focus,
.block-search .action.search:active {
background: none;
border: none;
}
.block-search .action.search:hover {
background: none;
border: none;
}
.block-search .action.search.disabled,
.block-search .action.search[disabled],
fieldset[disabled] .block-search .action.search {
pointer-events: none;
opacity: 0.5;
}
.block-search .action.search:focus:before {
color: #333333;
}
.search-autocomplete {
margin-top: 0;
}
.cart-container .widget {
float: left;
}
.cart-summary {
float: right;
position: relative;
width: 25%;
}
.column.main .cart-summary .actions-toolbar > .secondary {
float: none;
}
.cart-summary .block .fieldset .field {
margin: 0 0 20px;
margin: 0 0 10px;
}
.cart-summary .block .fieldset .field:not(.choice) > .label {
box-sizing: content-box;
float: none;
width: auto;
text-align: left;
padding: 0;
}
.cart-summary .block .fieldset .field:not(.choice) > .control {
float: none;
width: auto;
}
.cart-summary .block .fieldset .field > .label {
margin: 0 0 8px;
display: inline-block;
}
.cart-summary .block .fieldset .field.choice:before,
.cart-summary .block .fieldset .field.no-label:before {
display: none;
}
.cart.table-wrapper .items {
min-width: 100%;
width: auto;
}
.cart.table-wrapper .item .col.item {
padding: 27px 8px 10px;
}
.cart.table-wrapper .item-actions td {
text-align: right;
}
.cart.table-wrapper .product-item-photo {
display: table-cell;
max-width: 100%;
padding-right: 20px;
position: static;
vertical-align: top;
width: 1%;
}
.cart.table-wrapper .product-item-details {
display: table-cell;
vertical-align: top;
white-space: normal;
width: 99%;
}
.cart.table-wrapper .item-actions .actions-toolbar {
text-align: left;
}
.minicart-wrapper {
margin-left: 13px;
margin-top: 5px;
}
.minicart-wrapper .block-minicart {
right: 0;
width: 390px;
}
.opc-wrapper {
width: 66.66666667%;
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
padding-right: 30px;
}
.opc-estimated-wrapper {
display: none;
}
.opc-progress-bar-item {
width: 185px;
}
.opc-wrapper .fieldset > .field.required {
position: relative;
}
.opc-wrapper .fieldset > .field.required > label {
padding-right: 25px;
}
.opc-wrapper .fieldset > .field.required > label:after {
margin-left: 10px;
position: absolute;
top: 9px;
}
.checkout-index-index .modal-popup .form-shipping-address {
max-width: 600px;
}
.checkout-index-index .modal-popup .modal-footer .action-save-address {
float: right;
margin: 0 0 0 10px;
}
.checkout-shipping-method .actions-toolbar > .primary {
float: right;
}
.checkout-shipping-method .actions-toolbar .action.primary {
margin: 0;
}
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
max-width: 600px;
}
.table-checkout-shipping-method {
width: auto;
}
.opc-sidebar {
margin: 46px 0 20px;
width: 33.33333333%;
float: right;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.opc-summary-wrapper .modal-header .action-close {
display: none;
}
.authentication-dropdown {
background-color: #ffffff;
border: 1px solid #aeaeae;
position: absolute;
text-align: left;
top: 100%;
transform-origin: 0 0;
transform: scale(1, 0);
transition: transform linear .1s, visibility 0s linear .1s;
visibility: hidden;
width: 100%;
}
.authentication-dropdown._show {
z-index: 100;
transform: scale(1, 1);
transition: transform linear .1s, visibility 0s linear 0s;
visibility: visible;
}
.authentication-wrapper {
width: 33.33333333%;
text-align: right;
}
.block-authentication .block-title {
font-size: 2.6rem;
border-bottom: 0;
margin-bottom: 25px;
}
.block-authentication .actions-toolbar > .primary {
display: inline;
float: right;
margin-right: 0;
}
.block-authentication .actions-toolbar > .primary .action {
margin-right: 0;
}
.block-authentication .actions-toolbar > .secondary {
float: left;
margin-right: 2rem;
padding-top: 1rem;
}
.popup-authentication .modal-inner-wrap {
min-width: 768px;
width: 60%;
}
.popup-authentication .block-authentication {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
border-top: 1px solid #c1c1c1;
}
.popup-authentication .block[class],
.popup-authentication .form-login,
.popup-authentication .fieldset,
.popup-authentication .block-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-grow: 1;
flex-grow: 1;
}
.popup-authentication .block[class] {
box-sizing: border-box;
float: left;
padding: 10px 30px 0 0;
width: 50%;
}
.popup-authentication .block[class] + .block {
border-left: 1px solid #c1c1c1;
border-top: 0;
margin: 0;
padding: 10px 0 0 40px;
}
.popup-authentication .block[class] + .block::before {
left: 0;
top: 50%;
}
.popup-authentication .actions-toolbar {
margin-bottom: 0;
margin-top: auto;
}
.checkout-payment-method .payment-methods .actions-toolbar .primary {
float: right;
margin: 0;
}
.checkout-payment-method .fieldset > .field-select-billing > .control {
float: none;
width: 100%;
}
.checkout-payment-method .payment-method-content .fieldset > .field {
margin: 0 0 20px;
}
.checkout-payment-method .payment-method-content .fieldset > .field.type .control {
margin-left: 25.8%;
}
.checkout-payment-method .payment-method-content .fieldset > .field.type.no-detection .control {
margin-left: 0;
}
.payment-method-billing-address .action-update {
float: right;
}
.payment-method-billing-address .actions-toolbar .action-cancel {
margin: 6px 20px 0 0;
}
.checkout-payment-method .payment-option-title {
padding-left: 22px;
}
.checkout-payment-method .payment-option-content .payment-option-inner + .actions-toolbar {
margin-left: 0;
}
html,
body {
height: 100%;
}
.page-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
}
.page-wrapper > .breadcrumbs,
.page-wrapper > .top-container,
.page-wrapper > .widget {
width: 100%;
box-sizing: border-box;
}
.ie10 .page-wrapper,
.ie11 .page-wrapper {
height: 100%;
}
.navigation ul {
padding: 0 15px;
}
.header.panel > .header.links {
float: right;
font-size: 0;
margin: 0;
padding: 0;
list-style: none none;
margin-left: auto;
}
.header.panel > .header.links > li {
display: inline-block;
vertical-align: top;
}
.header.panel > .header.links > li {
font-size: 14px;
margin: 0 0 0 15px;
}
.header.panel > .header.links > li.welcome,
.header.panel > .header.links > li a {
line-height: 1.4;
}
.header.panel > .header.links > li.welcome a {
padding-left: 5px;
}
.header.content {
padding: 25px 15px;
}
.page-header {
border: 0;
margin-bottom: 0;
}
.page-header .panel.wrapper {
background: #fff;
}
.page-header .header.panel {
padding-top: 12px;
padding-bottom: 12px;
}
.page-header .switcher {
display: inline-block;
}
.page-main > .page-title-wrapper .page-title {
display: inline-block;
}
.page-main > .page-title-wrapper .page-title + .action {
float: right;
margin-top: 20px;
}
.logo {
margin: 0;
}
.logo img {
max-height: inherit;
}
.footer.content .block {
float: right;
}
.footer.content .links {
display: inline-block;
vertical-align: top;
margin-bottom: 20px;
padding: 0 50px 0 0;
}
.footer.content .switcher.store {
display: inline-block;
padding-right: 50px;
vertical-align: top;
}
.block.widget .products-grid .product-item {
width: 33.33333333%;
}
.page-layout-1column .block.widget .products-grid .product-item {
width: 25%;
}
.page-layout-3columns .block.widget .products-grid .product-item {
width: 50%;
}
.sidebar .block.widget .pager .pages-item-next {
padding: 0;
}
.sidebar .block.widget .pager .pages-item-next .action {
margin: 0;
}
.minicart-wrapper .action.showcart.active::before {
font-size: 30px;
color: #54bbbe;
line-height: 43px;
}
.block-search .action.search:before {
color: #333333;
}
.block-search .action.search:hover:before {
color: #54bbbe;
}
}
@media all and (min-width: 1024px), print {
.wishlist-index-index .products-grid .product-items {
margin: 0;
}
.wishlist-index-index .products-grid .product-item {
margin-left: calc((100% - 4 * 24.439%) / 3);
padding: 0;
width: 24.439%;
}
.wishlist-index-index .products-grid .product-item:nth-child(4n + 1) {
margin-left: 0;
}
.products-grid .product-item {
width: 20%;
}
.page-layout-1column .products-grid .product-item {
width: 16.66666667%;
}
.page-layout-3columns .products-grid .product-item {
width: 25%;
}
.page-products .products-grid .product-items {
margin: 0;
}
.page-products .products-grid .product-item {
width: 23.233%;
margin-left: calc((100% - 4 * 23.233%) / 3);
padding: 0;
}
.page-products .products-grid .product-item:nth-child(4n+1) {
margin-left: 0;
}
.page-products.page-layout-1column .products-grid .product-item {
width: 20%;
}
.page-products.page-layout-3columns .products-grid .product-item {
width: 25%;
}
.checkout-index-index .modal-popup .modal-inner-wrap {
margin-left: -400px;
width: 800px;
left: 50%;
}
.opc-wrapper .shipping-address-item {
width: 33.33333333%;
}
.opc-wrapper .shipping-address-item:before {
background: #cccccc;
height: calc(100% - 20px);
content: '';
left: 0;
position: absolute;
top: 0;
width: 1px;
}
.opc-wrapper .shipping-address-item:nth-child(3n+1):before {
display: none;
}
.opc-wrapper .shipping-address-item.selected-item:before {
display: none;
}
.opc-wrapper .shipping-address-item.selected-item + .shipping-address-item:before {
display: none;
}
.table-checkout-shipping-method {
min-width: 500px;
}
.block.widget .products-grid .product-item {
width: 20%;
}
.page-layout-1column .block.widget .products-grid .product-item {
width: 18.5%;
margin-left: calc((100% - 5 * 18.5%) / 4);
}
.page-layout-1column .block.widget .products-grid .product-item:nth-child(4n+1) {
margin-left: calc((100% - 5 * 18.5%) / 4);
}
.page-layout-1column .block.widget .products-grid .product-item:nth-child(5n+1) {
margin-left: 0;
}
.page-layout-3columns .block.widget .products-grid .product-item {
width: 25%;
}
.block.widget .products-grid .product-items {
margin: 0;
}
.block.widget .products-grid .product-item {
width: 24.439%;
margin-left: calc((100% - 4 * 24.439%) / 3);
padding: 0;
}
.block.widget .products-grid .product-item:nth-child(4n+1) {
margin-left: 0;
}
}
@media all and (min-width: 1440px), print {
.sidebar .product-items .product-item-info .product-item-photo {
float: none;
margin: 0;
position: absolute;
left: 0;
top: 0;
}
.sidebar .product-items .product-item-details {
margin-left: 85px;
}
}
/*=============================
Add Fonts
==============================*/
/* Hind */
@font-face {
font-family: 'Hind Light';
font-weight: lighter;
font-style: normal;
src: url('../fonts/Hind/hind-light-webfont.woff2') format('woff2'), url('../fonts/Hind/hind-light-webfont.woff') format('woff');
}
@font-face {
font-family: 'Hind Regular';
font-weight: normal;
font-style: normal;
src: url('../fonts/Hind/hind-regular-webfont.woff2') format('woff2'), url('../fonts/Hind/hind-regular-webfont.woff') format('woff');
}
@font-face {
font-family: 'Hind Medium';
font-weight: bolder;
font-style: normal;
src: url('../fonts/Hind/hind-medium-webfont.woff2') format('woff2'), url('../fonts/Hind/hind-medium-webfont.woff') format('woff');
}
@font-face {
font-family: 'Hind Semibold';
font-weight: 600;
font-style: normal;
src: url('../fonts/Hind/hind-semibold-webfont.woff2') format('woff2'), url('../fonts/Hind/hind-semibold-webfont.woff') format('woff');
}
@font-face {
font-family: 'Hind Bold';
font-weight: bold;
font-style: normal;
src: url('../fonts/Hind/hind-bold-webfont.woff2') format('woff2'), url('../fonts/Hind/hind-bold-webfont.woff') format('woff');
}
/* PT Sans */
@font-face {
font-family: 'PT Sans Regular';
font-weight: normal;
font-style: normal;
src: url('../fonts/PT_Sans/ptsans-regular-webfont.woff2') format('woff2'), url('../fonts/PT_Sans/ptsans-regular-webfont.woff') format('woff');
}
@font-face {
font-family: 'PT Sans Italic';
font-weight: normal;
font-style: italic;
src: url('../fonts/PT_Sans/ptsans-regularitalic-webfont.woff2') format('woff2'), url('../fonts/PT_Sans/ptsans-regularitalic-webfont.woff') format('woff');
}
@font-face {
font-family: 'PT Sans Bold';
font-weight: bold;
font-style: normal;
src: url('../fonts/PT_Sans/ptsans-bold-webfont.woff2') format('woff2'), url('../fonts/PT_Sans/ptsans-bold-webfont.woff') format('woff');
}
@font-face {
font-family: 'PT Sans Bold Italic';
font-weight: bold;
font-style: italic;
src: url('../fonts/PT_Sans/ptsans-bolditalic-webfont.woff2') format('woff2'), url('../fonts/PT_Sans/ptsans-bolditalic-webfont.woff') format('woff');
}
/*=============================
Colors
==============================*/
/*=============================
Fonts
==============================*/
/*==============================
Line heights
================================*/
/*==============================
Indents
================================*/
/*==============================
Theme hyperlink override
================================*/
/*==============================
Theme primary button override
================================*/
/************************
Mixins
*************************/
/************************
Font Styles
*************************/
body {
font-family: 'PT Sans';
}
.emph {
font-weight: bold;
}
/************************
Tabs
*************************/
.toggle-tabs {
font-family: 'Hind';
list-style: none;
padding: 0.45em 0;
border-bottom: 1px #f7966b solid;
font-size: 1.4em;
}
.toggle-tabs li {
display: inline;
margin: auto 0;
padding: 0.5em;
cursor: pointer;
border-radius: 10px 10px 0 0;
}
.toggle-tabs li.current {
color: #fff;
background: #f7966b;
}
.tab-content {
vertical-align: top;
display: inline-block;
}
.tab-content ul li {
font-size: 1.2em;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.tab-content ul li .fa-li {
color: #712b7b;
}
.tab-content ul li:hover {
font-weight: 600;
}
.tab-content ul li a {
color: #333333;
}
.container {
margin: auto 2em 2.5em;
}
.btn-link {
font-family: 'Hind';
text-align: center;
text-transform: uppercase;
border-radius: 4px;
cursor: pointer;
padding: .3em .5em;
width: 6em;
font-size: 1.5em;
border: 2px #712b7b solid;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.btn-link:hover {
text-decoration: underline;
}
.btn-link a {
transition: all 120ms ease-in 0s;
-moz-transition: all 120ms ease-in 0s;
-webkit-transition: all 120ms ease-in 0s;
}
.btn-link a {
color: #712b7b;
}
/************************
Sliders
*************************/
.tns-nav {
text-align: center;
}
.tns-nav button {
padding: .5em;
margin: .5em;
background: #aaa;
border: none;
border-radius: 100%;
width: 1em;
height: 1em;
transition: background 0.3s ease-in 0s;
-moz-transition: background 0.3s ease-in 0s;
-webkit-transition: background 0.3s ease-in 0s;
}
.tns-nav button:hover {
background: #777;
}
.col-main .tns-outer {
max-width: 1000px;
}
.col-main .slides li img {
max-width: 95%;
}
/************************
Page blocks
*************************/
.aha-bio h1 {
text-align: center;
}
.aha-bio p {
font-size: 1.15em;
}
.aha-bio .bio-wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-flow: nowrap;
}
.aha-bio .bio-wrapper .tns-outer {
max-width: 1000px;
}
.aha-bio .bio-wrapper .bio-slider {
margin: auto 2em;
list-style: none;
}
.aha-bio .bio-wrapper .bio-slider li img {
max-width: 95%;
height: auto;
}
.aha-bio .bio-wrapper .about {
flex: 1 525em;
}
.houseblock {
display: flex;
align-items: center;
flex-flow: column;
}
.houseblock h1 {
margin-bottom: .4em;
}
.houseblock img {
width: 100%;
height: auto;
}
.houseblock .tns-outer {
width: 19em;
}
.houseblock .tns-controls {
display: flex;
justify-content: space-around;
margin: -2em 0 1.5em;
}
.houseblock .tns-controls button {
background: transparent;
border: none;
color: #9b74a2;
font-size: 2em;
transition: all 120ms ease-in 0s;
-moz-transition: all 120ms ease-in 0s;
-webkit-transition: all 120ms ease-in 0s;
}
.houseblock .tns-controls button:hover {
color: #712b7b;
}
.houseblock .hzd-slider {
list-style: none;
padding-left: 0;
}
.houseblock .hzd-slider li img {
width: 100%;
height: auto;
}
.learn p {
font-size: 1.3em;
}
.learn .pdfthumbs {
display: flex;
align-items: flex-start;
justify-content: space-around;
flex-flow: wrap;
}
.learn .pdfthumb {
flex: 1;
max-width: 150px;
padding: 1em;
border-radius: 7px;
transition: all 180ms ease-in 0s;
-moz-transition: all 180ms ease-in 0s;
-webkit-transition: all 180ms ease-in 0s;
}
.learn .pdfthumb img {
width: 150px;
height: auto;
}
.learn .pdfthumb p {
color: #712b7b;
font-weight: bold;
font-size: 1.2em;
text-align: center;
}
.learn .pdfthumb:hover {
background: #fcc9ad;
}
.learn h1 {
text-align: center;
}
.learn .vid-list {
display: flex;
margin: 3em 0 0;
align-items: flex-start;
justify-content: flex-start;
color: #fff;
flex-flow: wrap;
}
.learn .vid-list .vid-wrapper {
display: flex;
cursor: pointer;
flex: 1 20em;
flex-flow: column;
align-items: center;
border-radius: 7px;
max-width: 20em;
padding: 1em;
transition: all 180ms ease-in 0s;
-moz-transition: all 180ms ease-in 0s;
-webkit-transition: all 180ms ease-in 0s;
}
.learn .vid-list .vid-wrapper:hover {
background: #fcc9ad;
}
.learn .vid-list .vid-wrapper .fa-podcast {
margin: auto auto 0.1em;
color: #00a4bc;
font-size: 6em;
}
.learn .vid-list .vid-wrapper .vid {
display: flex;
justify-content: center;
align-items: center;
}
.learn .vid-list .vid-wrapper .vid a {
color: #eeeeee;
font-size: 5em;
opacity: 0.4;
position: absolute;
z-index: 1;
}
.learn .vid-list .vid-wrapper .vid img {
position: relative;
width: 12em;
}
.learn .vid-list .vid-wrapper .vid-title {
margin: .4em 0 0;
font-family: 'Hind';
color: #712b7b;
font-size: 1.3em;
font-weight: 600;
}
.broblk {
display: flex;
flex-flow: column;
align-items: center;
}
.broblk .brochures {
display: flex;
align-items: flex-start;
}
.broblk .imgthumb {
margin: .5em 2em;
}
.broblk .imgthumb img {
width: 15em;
}
.broblk .dwnlds {
width: 27em;
font-size: 1.3em;
}
.broblk .dwnlds p {
margin: 0 -3em 1em 3em;
}
.broblk .dwnlds ul {
list-style: none;
}
.broblk .dwnlds ul li a {
color: #333333;
font-weight: 600;
}
.broblk .dwnlds ul .fa-li {
color: #00a4bc;
}
.humor h1 {
margin-bottom: auto;
}
.humor .fa-li {
color: #116a85;
}
.humor .intro {
margin-bottom: 2em;
font-size: 1.4em;
}
.humor .tabwrap {
background: #bbe7f9;
width: 100%;
padding: 1em;
}
.humor .tabwrap h2 {
text-align: center;
}
.humor .tabwrap .tab-content {
width: 100%;
padding: 0 0 1em;
}
.humor .tabwrap iframe {
display: block;
margin: auto;
}
.humor .tabwrap ul {
list-style: none;
display: flex;
flex-flow: wrap;
width: 100%;
}
.humor .tabwrap ul li {
margin: .5em;
}
.humor .tabwrap .podwrap {
display: flex;
}
.humor .tabwrap .podwrap img {
border-radius: 5px;
}
.humor .toggle-tabs {
margin: auto;
font-size: 1.3em;
}
.ntkimgs #tns1-iw {
margin: 0 auto;
}
.ntk-slider {
list-style: none;
}
.ntk-slider li img {
max-width: 100%;
height: auto;
}
.video-gallery {
display: flex;
align-items: center;
flex-flow: column;
}
.video-gallery .vid-list {
display: flex;
list-style: none;
align-items: flex-start;
justify-content: center;
flex-flow: wrap;
padding: 1em;
}
.video-gallery .vid-list li {
cursor: pointer;
padding: 1em;
border-radius: 5px;
transition: all 180ms ease-in 0s;
-moz-transition: all 180ms ease-in 0s;
-webkit-transition: all 180ms ease-in 0s;
}
.video-gallery .vid-list li:hover a {
opacity: .8;
}
.video-gallery .vid-list li .vid {
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 auto;
}
.video-gallery .vid-list li .vid a {
color: #eeeeee;
font-size: 6em;
opacity: .3;
position: absolute;
z-index: 1;
}
.video-gallery .vid-list li .vid img {
position: relative;
height: 9em;
width: auto;
}
.video-gallery .vid-list li .video-desc {
text-align: center;
}
.ntk-prevfalls {
display: flex;
flex-flow: column;
align-items: center;
}
.fall-list {
display: flex;
flex-flow: column;
padding: 0;
list-style: none;
counter-reset: list;
}
.fall-list li {
display: flex;
align-items: center;
flex: 1;
color: #fff;
padding: 1em;
counter-increment: list;
}
.fall-list li:nth-child(odd) {
background: #009fd6;
}
.fall-list li:nth-child(even) {
background: #f7966b;
}
.fall-list li:before {
content: counter(list);
font-size: 4em;
font-family: 'Hind';
font-weight: 600;
border-right: 1px #fff solid;
margin: 0 .2em 0 0;
line-height: 1;
padding: 0 .5em 0 0;
}
.doc-notes {
display: flex;
justify-content: center;
align-items: flex-start;
flex-flow: wrap;
}
.doc-notes .about-img {
background: url(../images/about_img2.jpg) no-repeat 0 0;
width: 586px;
height: 335px;
padding: 3em 2em 0;
color: #fff;
}
.doc-notes .about-img h1 {
color: #fff;
font-weight: normal;
text-transform: uppercase;
margin: 0;
}
.doc-notes .about-img h1:last-of-type {
margin-bottom: 1em;
}
.doc-notes .about-img p {
margin: auto auto 3em;
}
.doc-notes a {
font-family: 'Hind';
text-align: center;
text-transform: uppercase;
border-radius: 4px;
cursor: pointer;
padding: .3em .5em;
width: 6em;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
background: #009fd6;
color: #fff;
font-size: 1.4em;
}
.doc-notes a:hover {
text-decoration: underline;
}
.doc-notes a a {
transition: all 120ms ease-in 0s;
-moz-transition: all 120ms ease-in 0s;
-webkit-transition: all 120ms ease-in 0s;
}
.doc-notes a:hover {
background: #77b9e2;
}
.doc-notes .doclist h1 {
margin-bottom: .6em;
}
.doc-notes .doclist li {
line-height: 2.2;
font-size: 1.5em;
}
.doc-notes .doclist .fa-li {
color: #009fd6;
}
.ntkfooter {
display: flex;
justify-content: center;
color: #fff;
background: #712b7b;
border-radius: 8px;
font-family: 'Hind';
font-size: 2em;
font-weight: normal;
padding: 1em;
}
.ntkfooter p {
text-align: center;
}
.banner {
border-bottom: 1px #999 solid;
padding: 0 0 3em;
margin-bottom: 3.5em;
}
.banner img {
margin: 0 0 3em;
}
.banner .banner-txt {
text-align: center;
font-size: 1.3em;
}
.about img {
float: right;
margin: 1em 1.5em;
width: 30em;
}
.about .info h1 {
color: #333333;
margin: 0;
}
.about .info h2 {
color: #009fd6;
margin: .5em 0 1em;
}
/************************
Pixtron styles
*************************/
.page-title-wrapper .page-title {
margin-bottom: 30px;
display: inline-block;
font-size: 24px;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.slider-outer {
margin-right: -10px;
margin-left: -10px;
}
.action.primary {
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/************************
Store
*************************/
button.action.tocart.primary {
background: #116a85;
border: none;
}
button.action.tocart.primary:hover {
background: #00a4bc;
}
dd.filter-options-content .items .item a:hover {
color: #00a4bc;
}
.sorter-action:before {
color: #116a85;
}
.sorter-action:hover:before {
color: #00a4bc;
}
/************************
Desktop
*************************/
@media (min-width: 768px) {
.header.panel > .header.links > li {
letter-spacing: 0.5px;
color: #712b7b;
font-family: 'Hind';
}
.header.panel > .header.links > li > a {
color: #712b7b;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.header.panel > .header.links > li > a:hover {
color: #54bbbe;
font-weight: 600;
}
.header.panel .switcher .switcher-options {
letter-spacing: 0.5px;
color: #ffffff;
}
.header.panel .switcher .switcher-options:hover {
color: #54bbbe;
}
.header.panel .switcher .switcher-options .action.toggle:after {
line-height: 18px;
}
.header.panel .switcher .switcher-options .action.toggle.active:after {
line-height: 18px;
}
.nav-sections {
background: #712b7b;
}
.nav-sections .navigation {
padding: 0 15px;
}
.nav-sections .navigation > ul {
padding: 0;
background: #712b7b;
float: left;
width: 100%;
}
.nav-sections .navigation > ul > li.level0 {
float: left;
}
.nav-sections .navigation > ul > li.level0 > a.level-top {
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
letter-spacing: 0.5px;
text-transform: uppercase;
font-size: 14px;
display: block;
position: relative;
font-weight: 600;
}
.nav-sections .navigation > ul > li.level0 > a.level-top.ui-state-active {
background: #9b74a2;
border: none;
color: #ffffff;
text-decoration: none;
}
.nav-sections .navigation > ul > li.level0.parent > a {
padding: 18px 28px 18px 20px;
}
.nav-sections .navigation > ul > li.level0.parent > a > .ui-menu-icon {
right: 10px;
}
.nav-sections .navigation > ul > li.level0.parent > a > .ui-menu-icon:after {
font-size: 10px;
}
.nav-sections .navigation > ul > li.level0 .submenu {
padding: 5px 0;
}
.nav-sections .navigation > ul > li.level0 .submenu > li {
position: relative;
margin: 0;
}
.nav-sections .navigation > ul > li.level0 .submenu > li > a {
position: relative;
}
.nav-sections .navigation > ul > li.level0 .submenu > li > a.ui-state-active {
background: transparent;
border: none;
color: #712b7b;
text-decoration: none;
}
.nav-sections .navigation > ul > li.level0 .submenu > li.parent > a {
padding: 10px 25px 10px 18px;
}
.nav-sections .navigation > ul > li.level0 .submenu > li.parent > a > .ui-menu-icon {
right: 8px;
}
.nav-sections .navigation > ul > li.level0 .submenu > li.parent > a > .ui-menu-icon:after {
font-size: 10px;
}
.bio-wrapper {
flex-flow: nowrap;
align-items: flex-start;
}
.fall-list {
flex-flow: row wrap;
padding: inherit;
}
}
@media (max-width: 1065px) {
.video-gallery .vid-list li {
flex: 1 15em;
}
}
a {
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: none;
outline: none;
}
.block-search .action.search.disabled,
.block-search .action.search[disabled],
fieldset[disabled] .block-search .action.search {
opacity: 1;
}
b,
strong {
font-weight: 600;
}
.minicart-wrapper .action.showcart {
line-height: 43px;
background: transparent;
}
.minicart-wrapper .action.showcart:before {
content: "\f291";
color: #54bbbe;
font-size: 28px;
font-family: "Fontawesome";
}
.minicart-wrapper .action.showcart.active:before {
content: "\f291";
color: #333333;
font-size: 28px;
font-family: "Fontawesome";
}
.minicart-wrapper .action.showcart:hover:before {
color: #77b9e2;
}
.minicart-wrapper .block-minicart {
right: 0;
width: 390px;
}
.socials-block {
clear: both;
display: block;
float: left;
margin-top: 30px;
text-align: center;
width: 100%;
}
.socials-block > a {
background: #fbfbfb none repeat scroll 0 0;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: inline-block;
font-size: 24px;
height: 60px;
line-height: 60px;
margin: 0 5px;
width: 60px;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.page-footer .footer-top {
clear: both;
display: block;
float: left;
width: 100%;
}
.page-footer .footer-top .footer-newsletter {
clear: both;
display: block;
float: left;
width: 100%;
padding: 35px 0;
background: #712b7b;
}
.page-footer .footer-top .footer-newsletter .newsletter-title {
float: left;
margin-bottom: 0;
text-align: left;
width: 50%;
}
.page-footer .footer-top .footer-newsletter .newsletter-title > h2 {
color: #ffffff;
font-size: 30px;
font-weight: 700;
letter-spacing: 1px;
line-height: 50px;
margin: 0;
text-transform: uppercase;
}
.page-footer .footer-top .footer-newsletter .block.newsletter {
float: left;
margin: 0 auto;
max-width: 600px;
overflow: hidden;
position: relative;
width: 50%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.page-footer .footer-top .footer-newsletter .block.newsletter .content .field.newsletter {
margin-right: 0;
}
.page-footer .footer-top .footer-newsletter .block.newsletter .content .field.newsletter .control:before {
line-height: 52px;
}
.page-footer .footer-top .footer-newsletter .block.newsletter .content .field.newsletter .control #newsletter {
height: 50px;
border-color: #ffffff;
}
.page-footer .footer-top .footer-newsletter .block.newsletter .content .field.newsletter .control #newsletter-error {
position: absolute;
}
.page-footer .footer-top .footer-newsletter .block.newsletter .content .actions .action.subscribe.primary {
height: 50px;
line-height: 50px;
background: #54bbbe;
border-color: #54bbbe;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 0 25px;
}
.page-footer .footer-top .footer-newsletter .block.newsletter .content .actions .action.subscribe.primary:hover {
background: #333333;
border-color: #333333;
}
.page-footer .footer-top .footer-links {
clear: both;
display: block;
float: left;
width: 100%;
padding: 50px 0 35px;
background: #712b7b;
}
.page-footer .footer-top .footer-links .footer-links-main {
margin: 0 -10px;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column {
float: left;
width: 25%;
box-sizing: border-box;
padding: 0 10px;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-colum-title {
display: block;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-colum-title > h3 {
margin: 0;
display: block;
margin-bottom: 25px;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
color: #ffffff;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-colum-title > h3:after {
background: #ffffff;
bottom: 0;
content: "";
display: block;
height: 2px;
width: 25px;
margin-top: 13px;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content {
display: block;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .footer.links {
list-style: none;
padding: 0;
margin: 0;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .footer.links > li {
color: #eeeeee;
display: block;
margin-bottom: 13px;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .footer.links > li > a {
color: #eeeeee;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .footer.links > li > a:hover {
color: #54bbbe;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .footer.links > li > a:before {
content: "\f105";
margin-right: 8px;
font-family: "Fontawesome";
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .footer.links > li > strong {
color: #dddddd;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .footer.links > li > strong:hover {
color: #54bbbe;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .footer.links > li > strong:before {
content: "\f105";
margin-right: 8px;
font-family: "Fontawesome";
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p {
margin-bottom: 15px;
position: relative;
color: #eeeeee;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p strong {
font-weight: 600;
display: block;
margin-bottom: 5px;
color: #ffffff;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p strong em {
font-size: 16px;
color: #ffffff;
vertical-align: middle;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p a,
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p a:focus,
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p a:visited,
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p a:active {
color: #dddddd;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p a:hover,
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p a:focus:hover,
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p a:visited:hover,
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p a:active:hover {
color: #54bbbe;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column .footer-column-content .content > p > span {
display: block;
padding-left: 22px;
}
.page-footer .footer-bottom {
clear: both;
display: block;
float: left;
width: 100%;
background: #712b7b;
}
.page-footer .footer-bottom .copuright-outer {
float: left;
width: 100%;
border-top: 1px solid #eeeeee;
padding: 20px 0;
color: #ffffff;
}
.page-footer .footer-bottom .copuright-outer .copyright {
padding: 10px 0;
float: left;
}
.page-footer .footer-bottom .copuright-outer .payment-icons {
float: right;
}
.page-footer .footer-bottom .copuright-outer .payment-icons > ul {
list-style: none;
padding: 0;
margin: 0;
}
.page-footer .footer-bottom .copuright-outer .payment-icons > ul > li {
display: inline-block;
margin: 0;
}
.page-footer .footer-bottom .copuright-outer .payment-icons > ul > li > a {
display: block;
}
.page-footer .footer-bottom .copuright-outer .payment-icons > ul > li > a > img {
max-width: 54px;
}
.sidebar-main #layered-filter-block,
.sidebar-additional #layered-filter-block {
background: transparent;
padding: 0;
}
.sidebar-main .block,
.sidebar-additional .block {
background: transparent;
padding: 15px;
box-sizing: border-box;
margin-bottom: 30px;
}
.sidebar-main .block .block-title,
.sidebar-additional .block .block-title {
border-bottom: 1px solid #d1d1d1;
color: #222222;
padding: 0 0 10px;
}
.sidebar-main .block .block-title > strong,
.sidebar-additional .block .block-title > strong {
color: #712b7b;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.sidebar-main .block .block-content .block-subtitle,
.sidebar-additional .block .block-content .block-subtitle {
border-bottom: none;
color: #333333;
font-weight: 600;
padding: 5px 0 15px;
text-transform: uppercase;
font-size: 14px;
}
.sidebar-main .block .block-content .subtitle,
.sidebar-additional .block .block-content .subtitle {
font-weight: 400;
margin-bottom: 10px;
}
.sidebar-main .block .block-content .filter-options .filter-options-item,
.sidebar-additional .block .block-content .filter-options .filter-options-item {
background: #f5f5f5;
margin: 0 0 12px;
padding: 6px 5px 12px;
border-bottom: none;
}
.sidebar-main .block .block-content .filter-options .filter-options-item .filter-options-title,
.sidebar-additional .block .block-content .filter-options .filter-options-item .filter-options-title {
font-weight: 600;
color: #222222;
}
.sidebar-main .block .block-content .empty,
.sidebar-additional .block .block-content .empty {
color: #555555;
}
.products-grid .product-item.product-slider {
width: auto !important;
margin-bottom: 0;
padding: 0 10px !important;
display: none;
}
.products-grid .product-item .product-item-info .product-img-main {
position: relative;
overflow: hidden;
}
.products-grid .product-item .product-item-info .product-img-main .product-item-inner {
position: absolute;
width: 86px;
bottom: -70px;
right: 0;
left: 0;
margin: 0 auto;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
opacity: 0;
visibility: hidden;
z-index: 1;
}
.products-grid .product-item .product-item-info .product-img-main .product-item-inner .product-item-actions {
margin: 0;
}
.products-grid .product-item .product-item-info .product-img-main .product-item-inner .product-item-actions .actions-secondary a.action.towishlist,
.products-grid .product-item .product-item-info .product-img-main .product-item-inner .product-item-actions .actions-secondary a.action.tocompare {
width: 40px;
height: 40px;
line-break: 40px;
background: #712b7b;
text-align: center;
margin-bottom: 5px;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.products-grid .product-item .product-item-info .product-img-main .product-item-inner .product-item-actions .actions-secondary a.action.towishlist:before,
.products-grid .product-item .product-item-info .product-img-main .product-item-inner .product-item-actions .actions-secondary a.action.tocompare:before {
color: #ffffff;
line-height: 40px;
}
.products-grid .product-item .product-item-info .product-img-main .product-item-inner .product-item-actions .actions-secondary a.action.towishlist:hover,
.products-grid .product-item .product-item-info .product-img-main .product-item-inner .product-item-actions .actions-secondary a.action.tocompare:hover {
background: #54bbbe;
}
.products-grid .product-item .product-item-info .product-img-main .product-item-inner .product-item-actions .actions-secondary a.action.towishlist:hover:before,
.products-grid .product-item .product-item-info .product-img-main .product-item-inner .product-item-actions .actions-secondary a.action.tocompare:hover:before {
color: #ffffff;
}
.products-grid .product-item .product-item-info .product-item-details {
text-align: center;
}
.products-grid .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions .actions-primary {
display: block;
}
.products-grid .product-item .product-item-info .product-item-details .swatch-attribute .swatch-attribute-options .swatch-option {
float: none;
display: inline-block;
margin: 0 2px 3px;
}
.products-grid .product-item:hover .product-item-info .product-img-main .product-item-inner {
bottom: 10px;
visibility: visible;
opacity: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
color: #712b7b;
font-family: 'Hind';
}
.image-responsive {
max-width: 100%;
height: auto;
display: block;
}
.middle-block {
margin-right: auto;
margin-left: auto;
display: block;
}
.page-title-main {
position: relative;
display: block;
margin-bottom: 30px;
text-align: center;
}
.page-title-main > strong {
border-bottom: 2px solid #54bbbe;
display: inline-block;
font-size: 20px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #222222;
}
.product.data.items > .item.content {
border: 1px solid #d1d1d1;
}
.cms-index-index .widget.block.block-static-block {
width: 100%;
padding: 0;
margin: 0;
max-width: 100%;
}
.cms-index-index .block.widget.block-products-list {
margin-bottom: 0;
}
.cms-index-index .columns .column.main {
padding-bottom: 0;
min-height: 0;
}
.above-padding {
padding-top: 30px;
}
.below-padding {
padding-bottom: 30px;
}
.above-margin {
margin-top: 30px;
}
.below-margin {
margin-bottom: 30px;
}
.home-slider-wrapper {
display: block;
}
.home-slider-wrapper .home-slider-main {
float: left;
clear: both;
width: 100%;
position: relative;
}
.home-slider-wrapper .home-slider-main .home-slider {
list-style: none;
display: block;
padding: 0;
margin: 0;
}
.home-slider-wrapper .home-slider-main .home-slider > li {
margin: 0;
display: block;
}
.home-slider-wrapper .home-slider-main .home-slider > li > a {
display: block;
}
.home-slider-wrapper .home-slider-main .home-slider .owl-controls {
margin-top: 15px;
position: static;
}
.home-slider-wrapper .home-slider-main .home-slider .owl-controls .owl-pagination {
bottom: 5px;
left: 0;
position: absolute;
right: 0;
}
.home-slider-wrapper .home-slider-main .home-slider .owl-controls .owl-buttons .owl-prev {
left: 0;
margin: -20px 0 0 !important;
position: absolute;
top: 50%;
font-size: 20px;
border-radius: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
background: #333333;
padding: 6px 22px 8px 20px;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.home-slider-wrapper .home-slider-main .home-slider .owl-controls .owl-buttons .owl-next {
right: 0;
margin: -20px 0 0 !important;
position: absolute;
top: 50%;
border-radius: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
font-size: 20px;
background: #333333;
padding: 6px 20px 8px 22px;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.home-images-wrapper {
float: left;
clear: both;
width: 100%;
}
.home-images-wrapper .home-image-main {
margin: 0 -10px;
}
.home-images-wrapper .home-image-main .home-image-inner {
float: left;
width: 33.33%;
padding: 0 10px;
box-sizing: border-box;
cursor: crosshair;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
opacity: 1;
}
.home-images-wrapper .home-image-main .home-image-inner:hover {
opacity: 0.6;
}
.home-images-wrapper-two {
float: left;
clear: both;
width: 100%;
}
.home-images-wrapper-two .home-image-main {
margin: 0 -10px;
}
.home-images-wrapper-two .home-image-main .home-image-inner {
float: left;
width: 50%;
padding: 0 10px;
box-sizing: border-box;
cursor: crosshair;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
opacity: 1;
}
.home-images-wrapper-two .home-image-main .home-image-inner:hover {
opacity: 0.6;
}
.home-info-block {
background: url('../images/adv-background.jpg');
color: #ffffff;
text-align: center;
}
.home-info-block .page-main > h2 {
max-width: 1024px;
font-size: 24px;
letter-spacing: 0.5px;
text-transform: uppercase;
margin: 25px auto 15px;
}
.home-info-block .page-main > p {
font-size: 16px;
line-height: 26px;
margin: 0 auto 20px;
max-width: 1024px;
}
.home-info-block .page-main > a {
border: 2px solid #ffffff;
color: #ffffff;
display: inline-block;
font-weight: 400;
letter-spacing: 0.5px;
margin-bottom: 20px;
padding: 13px 25px;
text-transform: uppercase;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.home-info-block .page-main > a:hover {
color: #ffffff;
background: #54bbbe;
border-color: #54bbbe;
}
.hb-wrapper {
float: left;
width: 100%;
clear: both;
}
.hb-wrapper.testmonial-back {
background: #f5f5f5;
}
.hb-wrapper .hb-row {
margin: 0 -10px;
}
.hb-wrapper .hb-row .hb-blog {
float: left;
width: 100%;
box-sizing: border-box;
}
.hb-wrapper .hb-row .hb-blog ul {
float: left;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.hb-wrapper .hb-row .hb-blog ul li {
display: block;
padding: 0 10px;
}
.hb-wrapper .hb-row .hb-blog ul li .hb-inner {
float: left;
width: 100%;
box-sizing: border-box;
}
.hb-wrapper .hb-row .hb-blog ul li .hb-inner .hb-img {
float: left;
width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.hb-wrapper .hb-row .hb-blog ul li .hb-inner .hb-img > span {
position: absolute;
right: 15px;
top: 15px;
display: inline-block;
padding: 5px 10px;
background: #222222;
color: #ffffff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.hb-wrapper .hb-row .hb-blog ul li .hb-inner .hb-content {
float: left;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.hb-wrapper .hb-row .hb-blog ul li .hb-inner .hb-content h3 {
font-size: 14px;
margin: 5px 0 10px;
text-transform: uppercase;
}
.hb-wrapper .hb-row .hb-blog ul li .hb-inner .hb-content > p {
margin: 5px 0 10px;
}
.hb-wrapper .hb-row .hb-blog ul li .hb-inner .hb-content > i {
font-size: 15px;
}
.hb-wrapper .hb-row .hb-blog ul .owl-controls {
margin-top: 15px;
position: static;
}
.hb-wrapper .hb-row .hb-blog ul .owl-controls .owl-buttons > div {
background: #333333;
padding: 7px 12px;
opacity: 1;
font-size: 14px;
line-height: 16px;
margin: 0 0 0 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.hb-wrapper .hb-row .hb-blog ul .owl-controls .owl-buttons > div:hover {
background: #54bbbe;
}
.hb-wrapper .hb-row .hb-testimonoals {
float: left;
width: 100%;
box-sizing: border-box;
}
.hb-wrapper .hb-row .hb-testimonoals ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 100%;
box-sizing: border-box;
}
.hb-wrapper .hb-row .hb-testimonoals ul li {
display: block;
padding: 0 10px;
}
.hb-wrapper .hb-row .hb-testimonoals ul li .hb-inner {
display: block;
float: none;
margin: 0 auto;
max-width: 950px;
width: 100%;
}
.hb-wrapper .hb-row .hb-testimonoals ul li .hb-inner .hb-content {
border: medium none;
box-sizing: border-box;
float: left;
font-size: 16px;
font-style: italic;
line-height: 30px;
margin-bottom: 15px;
padding: 15px 0;
position: relative;
text-align: center;
width: 100%;
}
.hb-wrapper .hb-row .hb-testimonoals ul li .hb-inner .hb-content > p:before {
content: "\f10d";
display: inline-block;
font-family: "Fontawesome";
font-size: 24px;
margin-right: 10px;
}
.hb-wrapper .hb-row .hb-testimonoals ul li .hb-inner .hb-image {
clear: both;
float: left;
padding: 0 10px 10px;
text-align: center;
width: 100%;
}
.hb-wrapper .hb-row .hb-testimonoals ul li .hb-inner .hb-image > img {
display: inline-block;
height: auto;
max-width: 100%;
vertical-align: middle;
margin-right: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.hb-wrapper .hb-row .hb-testimonoals ul li .hb-inner .hb-image > span {
display: inline-block;
vertical-align: middle;
}
.hb-wrapper .hb-row .hb-testimonoals ul li .hb-inner .hb-image > span > h4 {
margin: 0 0 4px;
}
.hb-wrapper .hb-row .hb-testimonoals ul .owl-controls {
margin-top: 15px;
position: static;
}
.hb-wrapper .hb-row .hb-testimonoals ul .owl-controls .owl-buttons > div {
background: #333333;
padding: 7px 12px;
opacity: 1;
font-size: 14px;
line-height: 16px;
margin: 0 0 0 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.hb-wrapper .hb-row .hb-testimonoals ul .owl-controls .owl-buttons > div:hover {
background: #54bbbe;
}
.brands-wrapper {
float: left;
width: 100%;
clear: both;
}
.brands-wrapper .brands-main {
float: left;
width: 100%;
}
.brands-wrapper .brands-main .brands-slider {
list-style: none;
margin: 0;
padding: 0;
}
.brands-wrapper .brands-main .brands-slider li {
display: block;
margin: 0;
}
.brands-wrapper .brands-main .brands-slider li a {
display: block;
}
.brands-wrapper .brands-main .brands-slider li a > img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.brands-wrapper .brands-main .brands-slider .owl-controls {
margin-top: 15px;
position: static;
}
.brands-wrapper .brands-main .brands-slider .owl-controls .owl-buttons > div {
background: #333333;
padding: 7px 12px;
opacity: 1;
font-size: 14px;
line-height: 16px;
margin: 0 0 0 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.brands-wrapper .brands-main .brands-slider .owl-controls .owl-buttons > div:hover {
background: #54bbbe;
}
#checkout.iwd-onepage-checkout-container {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container * {
font-family: "PT Sans Regular";
}
#checkout.iwd-onepage-checkout-container .opc-wrapper {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper .field-tooltip#tooltip-label {
display: none;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper .field-tooltip .field-tooltip-action:hover:before {
color: #712b7b;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li.iwd-checkout-shipping-address {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li.iwd-checkout-shipping-address input,
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li.iwd-checkout-shipping-address select {
height: 34px;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li.iwd-checkout-shipping-address.checkout-shipping-address {
padding-right: 15px;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li.iwd-opc-shipping-method {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li.iwd-opc-shipping-method.checkout-shipping-method {
padding: 0 15px;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li.iwd-checkout-payment-method {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li.iwd-checkout-payment-method.checkout-payment-method {
padding-left: 15px;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-title {
color: #333333;
background: #f5f5f5;
padding: 15px 15px;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
margin-bottom: 0 !important;
border: 1px solid #d1d1d1;
border-bottom: none;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .iwd-checkout-shipping-address {
padding-right: 15px;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .iwd-opc-shipping-method {
padding: 0 15px;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .iwd-checkout-payment-method {
padding-left: 15px;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content {
padding: 15px;
border: 1px solid #d1d1d1;
border-top: none;
float: left;
width: 100%;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content .iwd-summary-cart {
background: #54bbbe;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content .iwd-summary-cart.iwd-summary-cart-arrow {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content .iwd-summary-cart.iwd-summary-cart-arrow:before {
border-top-color: #54bbbe;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .items {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .items.payment-methods .payment-method._active .payment-method-title label {
box-sizing: border-box;
background: #54bbbe;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .items.payment-methods .payment-method .payment-method-title {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .items.payment-methods .payment-method .payment-method-title label {
box-sizing: border-box;
font-size: 14px;
font-weight: 600;
background: #333333;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .items.payment-methods .payment-method .payment-method-title label:hover {
background: #54bbbe;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .payment-method-content {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .payment-method-content .actions-toolbar {
bottom: 15px;
margin-left: -15px;
width: auto;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .payment-method-content .actions-toolbar .primary .action.primary.checkout {
box-sizing: border-box;
padding: 17px 25px;
width: auto;
background: #00a4bc;
border: 1px solid #00a4bc;
font-weight: 600;
height: auto;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .payment-method-content .actions-toolbar .primary .action.primary.checkout:active {
background: #00a4bc;
border: 1px solid #00a4bc;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .payment-method-content .actions-toolbar .primary .action.primary.checkout:focus {
background: #00a4bc;
border: 1px solid #00a4bc;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .payment-method-content .actions-toolbar .primary .action.primary.checkout:visited {
background: #00a4bc;
border: 1px solid #00a4bc;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-payment-method-load .payment-method-content .actions-toolbar .primary .action.primary.checkout:hover {
background: #333333;
border: 1px solid #333333;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content .iwd-grand-total-item {
box-sizing: border-box;
border-color: #d1d1d1;
margin-bottom: 65px;
margin-top: 15px;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-shipping-method-load {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-shipping-method-load .iwd-table-checkout-shipping-method.table-checkout-shipping-method thead tr th {
font-weight: 600;
padding: 0 0 10px;
color: #333333;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content #checkout-shipping-method-load .iwd-table-checkout-shipping-method.table-checkout-shipping-method tbody tr td {
font-size: 14px;
color: #666666;
font-weight: 600;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content .iwd-shipping-address-items.shipping-address-items {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content .iwd-shipping-address-items.shipping-address-items .iwd-shipping-address-item.shipping-address-item {
font-size: 13px;
border: none;
line-height: 22px;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content .iwd-shipping-address-items.shipping-address-items .iwd-shipping-address-item.shipping-address-item label {
box-sizing: border-box;
padding-left: 20px;
color: #666666;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content .iwd-shipping-address-items.shipping-address-items .iwd-shipping-address-item.shipping-address-item label:before {
background-color: #333333;
border-color: #333333;
height: 8px;
width: 8px;
margin: 8px 0 0;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content.iwd-checkout-step-shipping {
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content.iwd-checkout-step-shipping .form.form-login {
margin-top: 0 !important;
margin-bottom: 0;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content.iwd-checkout-step-shipping .iwd-step-title-for-address-form.form-shipping-address.iwd-form-shipping-address {
float: left;
margin-bottom: 10px;
margin-top: 0;
width: 100%;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content.iwd-checkout-step-shipping .action-show-popup {
width: auto;
background: #333333;
border: 1px solid #333333;
margin: 15px 0 0;
font-weight: 600;
height: auto;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content.iwd-checkout-step-shipping .action-show-popup:active {
background: #333333;
border: 1px solid #333333;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content.iwd-checkout-step-shipping .action-show-popup:focus {
background: #333333;
border: 1px solid #333333;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content.iwd-checkout-step-shipping .action-show-popup:visited {
background: #333333;
border: 1px solid #333333;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content.iwd-checkout-step-shipping .action-show-popup:hover {
background: #00a4bc;
border: 1px solid #00a4bc;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .step-content .step-title {
padding: 8px 10px;
text-transform: uppercase;
font-size: 14px;
margin-top: 0;
margin-bottom: 5px !important;
border-bottom: 1px solid #d1d1d1;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper {
margin-bottom: 25px;
float: left;
width: 100%;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .payment-option-title {
color: #333333;
background: #f5f5f5;
padding: 13px 15px;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
margin-bottom: 0 !important;
border: 1px solid #d1d1d1;
display: block;
border-bottom: none;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .payment-option-title > span {
padding: 0;
border-bottom: none;
color: #333333;
display: block;
font-weight: 600;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .payment-option-title > span:after {
content: "";
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper._active .payment-option-title > span {
padding: 0;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper._active .payment-option-title > span:after {
content: "";
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .iwd-payment-option-content.payment-option-content {
padding: 15px;
border: 1px solid #d1d1d1;
border-top: none;
display: block !important;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .iwd-payment-option-content.payment-option-content .iwd-discount-form.iwd-additional-block-form-wrapper {
padding: 0;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .iwd-payment-option-content.payment-option-content .iwd-discount-form.iwd-additional-block-form-wrapper .payment-option-inner .field .iwd-additional-block-code-label {
display: none;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .iwd-payment-option-content.payment-option-content .iwd-discount-form.iwd-additional-block-form-wrapper .payment-option-inner .control #discount-code {
border: 1px solid #e1e1e1 !important;
height: 32px !important;
margin: 0 !important;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .iwd-payment-option-content.payment-option-content .iwd-discount-form.iwd-additional-block-form-wrapper .iwd-actions-toolbar.actions-toolbar .primary .action.iwd-action-code-button.iwd-action-apply.action-apply {
width: auto;
background: #333333;
border: 1px solid #333333;
margin: 0;
font-weight: 600;
height: auto;
color: #ffffff;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .iwd-payment-option-content.payment-option-content .iwd-discount-form.iwd-additional-block-form-wrapper .iwd-actions-toolbar.actions-toolbar .primary .action.iwd-action-code-button.iwd-action-apply.action-apply:active {
background: #333333;
border: 1px solid #333333;
color: #ffffff;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .iwd-payment-option-content.payment-option-content .iwd-discount-form.iwd-additional-block-form-wrapper .iwd-actions-toolbar.actions-toolbar .primary .action.iwd-action-code-button.iwd-action-apply.action-apply:focus {
background: #333333;
border: 1px solid #333333;
color: #ffffff;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .iwd-payment-option-content.payment-option-content .iwd-discount-form.iwd-additional-block-form-wrapper .iwd-actions-toolbar.actions-toolbar .primary .action.iwd-action-code-button.iwd-action-apply.action-apply:visited {
background: #333333;
border: 1px solid #333333;
color: #ffffff;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper #checkoutSteps > li .checkout-shipping-method .payment-option._collapsible.opc-payment-additional.discount-code.iwd-discount-code-wrapper .iwd-payment-option-content.payment-option-content .iwd-discount-form.iwd-additional-block-form-wrapper .iwd-actions-toolbar.actions-toolbar .primary .action.iwd-action-code-button.iwd-action-apply.action-apply:hover {
background: #00a4bc;
border: 1px solid #00a4bc;
color: #ffffff;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper .fieldset > .field.required > label:after {
margin-left: 5px;
top: 3px;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper .fieldset > .field > label {
font-size: 13px !important;
font-weight: bold !important;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .opc-wrapper .fieldset.iwd-shipping-new-address-form div[name="shippingAddress.company"] {
margin-top: 10px !important;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper.iwd-opc-summary-wrapper.custom-slide {
border-color: transparent;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper.iwd-opc-summary-wrapper.custom-slide .modal-inner-wrap .modal-content {
border-color: #d1d1d1;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper.iwd-opc-summary-wrapper.custom-slide .modal-inner-wrap .modal-content .opc-block-summary > .title {
color: #333333;
background: #f5f5f5;
padding: 5px 10px;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
border: 1px solid #d1d1d1;
box-sizing: border-box;
}
#checkout.iwd-onepage-checkout-container .modal-custom.opc-sidebar.opc-summary-wrapper.iwd-opc-summary-wrapper.custom-slide .modal-inner-wrap .modal-content .opc-block-summary .iwd-minicart-items-header .iwd-product-items-title {
margin-bottom: 0;
background: transparent;
font-weight: 600;
border-color: #d1d1d1;
box-sizing: border-box;
}
/*Product Quickview*/
.mfp-container .mfp-content .mfp-iframe-scaler {
padding: 0;
position: relative;
height: 100%;
overflow: visible;
box-sizing: border-box;
}
.abs-account-blocks .block-title > strong,
.block-giftregistry-results .block-title > strong,
.block-giftregistry-shared-items .block-title > strong,
.block-wishlist-search-results .block-title > strong,
.block-reorder .block-title > strong,
.block-wishlist .block-title > strong,
.block-compare .block-title > strong,
.widget .block-title > strong,
.account .column.main .block:not(.widget) .block-title > strong,
.multicheckout .block-title > strong,
.paypal-review .block .block-title > strong,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong,
[class^="sales-guest-"] .column.main .block:not(.widget) .block-title > strong,
.sales-guest-view .column.main .block:not(.widget) .block-title > strong {
font-weight: 700;
color: #712b7b;
font-family: 'Hind';
}
.cart-summary > .title {
font-weight: 600;
}
.pages .item {
vertical-align: middle;
}
.pages strong.page {
background: #54bbbe;
border: 1px solid #54bbbe;
box-sizing: border-box;
color: #ffffff;
font-weight: 600;
height: 40px;
line-height: 40px;
min-width: 15px;
padding: 0;
text-align: center;
width: 40px;
}
.pages a.page {
border: 1px solid #3D465A;
box-sizing: border-box;
color: #ffffff;
background: #3D465A;
display: inline-block;
height: 40px;
line-height: 40px;
min-width: 15px;
padding: 0;
text-align: center;
vertical-align: top;
width: 40px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.pages a.page:focus {
color: #ffffff;
}
.pages a.page:active {
color: #ffffff;
}
.pages a.page:visited {
color: #ffffff;
}
.pages a.page:hover {
background: #54bbbe;
border: 1px solid #54bbbe;
color: #ffffff;
}
.pages .action.next {
height: 40px;
width: 40px;
margin-left: 0;
margin-right: 0;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
box-sizing: border-box;
border: 1px solid #3D465A;
color: #ffffff;
background: #3D465A;
}
.pages .action.next:before {
color: #ffffff;
font-size: 28px;
line-height: 40px;
margin-left: 0;
margin-right: 0;
padding: 0;
text-align: center;
}
.pages .action.next:focus:before {
color: #ffffff;
}
.pages .action.next:active:before {
color: #ffffff;
}
.pages .action.next:visited:before {
color: #ffffff;
}
.pages .action.next:hover {
background: #54bbbe;
border: 1px solid #54bbbe;
color: #ffffff;
}
.pages .action.next:hover:before {
color: #ffffff;
}
.pages .action.previous {
height: 40px;
width: 40px;
margin-left: 0;
margin-right: 0;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
box-sizing: border-box;
order: 1px solid #3D465A;
color: #ffffff;
background: #3D465A;
}
.pages .action.previous:before {
color: #ffffff;
font-size: 28px;
line-height: 40px;
margin-left: 0;
margin-right: 0;
padding: 0;
text-align: center;
}
.pages .action.previous:focus:before {
color: #ffffff;
}
.pages .action.previous:active:before {
color: #ffffff;
}
.pages .action.previous:visited:before {
color: #ffffff;
}
.pages .action.previous:hover {
background: #54bbbe;
border: 1px solid #54bbbe;
color: #ffffff;
}
.pages .action.previous:hover:before {
color: #ffffff;
}
.pages .action:hover {
background: #54bbbe;
color: #ffffff;
border: 1px solid #54bbbe;
}
.home-parallax-block {
background-attachment: fixed;
background-image: url('../images/pixtron-parralex-image.png');
background-position: center center;
background-repeat: no-repeat;
clear: both;
float: left;
padding: 75px 0;
text-align: center;
width: 100%;
background-size: cover;
}
.home-parallax-block h1 {
color: #ffffff;
font-size: 42px;
font-weight: 600;
letter-spacing: 2px;
}
.home-parallax-block .action.primary {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: #54bbbe;
border-width: 2px;
font-size: 14px;
letter-spacing: 1.5px;
margin: 0;
padding: 15px 25px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.home-parallax-block .action.primary:hover {
background: #54bbbe;
}
.home-fullwidth-block {
background: #3D465A;
clear: both;
float: left;
padding: 65px 0;
text-align: center;
width: 100%;
}
.home-fullwidth-block h1 {
color: #ffffff;
font-size: 34px;
font-weight: 600;
}
.home-fullwidth-block .action.primary {
background: transparent;
border-color: #54bbbe;
border-width: 2px;
font-size: 14px;
letter-spacing: 1.5px;
margin: 0;
padding: 15px 25px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.home-fullwidth-block .action.primary:hover {
background: #54bbbe;
border-color: #54bbbe;
}
.home-fullwidth-block ul {
list-style: none;
padding: 0;
margin: 0;
}
.home-fullwidth-block ul li {
display: block;
margin: 0;
}
.home-fullwidth-block ul li h1 {
color: #54bbbe;
font-size: 26px;
font-weight: 600;
margin-bottom: 18px;
}
.home-fullwidth-block ul li p {
color: #ffffff;
font-size: 16px;
line-height: 28px;
display: block;
max-width: 80%;
margin: 0 auto 30px;
}
.home-advantage-block {
clear: both;
float: left;
padding: 50px 0 30px;
width: 100%;
}
.home-advantage-block .hab-row {
margin-left: -15px;
margin-right: -15px;
}
.home-advantage-block .hab-row .hab-inner {
float: left;
position: relative;
width: 25%;
}
.home-advantage-block .hab-row .hab-inner .home-advantage-block-inner {
float: left;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.home-advantage-block .hab-row .hab-inner .home-advantage-block-inner > span {
border: 2px solid;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #54bbbe;
display: inline-block;
font-size: 30px;
height: 70px;
line-height: 66px;
margin-bottom: 15px;
width: 70px;
}
.home-advantage-block .hab-row .hab-inner .home-advantage-block-inner > p {
font-size: 18px;
font-weight: normal;
color: #333333;
}
/************************
Smaller Screens
*************************/
@media (max-width: 991px) {
.home-advantage-block .hab-row .hab-inner {
width: 25%;
}
.home-advantage-block .hab-row .hab-inner .home-advantage-block-inner > p {
font-size: 16px;
}
}
@media (max-width: 767px) {
.ntkimgs {
display: none;
}
.page-wrapper .page-header {
margin-bottom: 15px;
}
.home-advantage-block {
padding: 30px 0 10px;
}
.home-advantage-block .hab-row .hab-inner {
width: 50%;
}
.home-fullwidth-block ul li p {
width: 100%;
}
.home-fullwidth-block ul li h1 {
font-size: 22px;
margin-bottom: 15px;
}
.home-fullwidth-block ul li p {
margin-bottom: 15px;
margin-bottom: 20px;
}
.home-fullwidth-block .action.primary {
padding: 12px 20px;
}
.home-parallax-block h1 {
font-size: 30px;
letter-spacing: 1px;
}
.home-parallax-block .action.primary {
padding: 12px 20px;
}
}
@media (max-width: 1000px) {
.logo img {
max-width: 50%;
}
.toggle-tabs {
display: flex;
flex-flow: column wrap;
padding: .45em 0 0;
width: 100%;
}
.toggle-tabs .current {
border-radius: 5px;
}
.toggle-tabs li:last-child {
border-radius: 5px 5px 0 0;
}
.tab-content {
display: flex;
flex-flow: column;
align-items: center;
}
.aha-bio h1 {
text-align: center;
}
.aha-bio p {
font-size: 1.15em;
}
.aha-bio .bio-wrapper {
flex-flow: wrap;
}
.aha-bio .bio-wrapper .bio-slider {
margin: 0;
}
.aha-bio .bio-wrapper .about {
flex: 1 525em;
}
.aha-bio .btn-link {
margin: auto;
}
.houseblock {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}
.houseblock img {
width: 100%;
}
.houseblock .hazards {
margin: 2em 0 auto;
}
.houseblock .hazards .tns-outer {
width: 16em;
}
.learn {
display: inline-flex;
flex-flow: wrap;
justify-content: center;
/* .tab-content {
flex-flow: column;
}*/
}
.learn h1 {
text-align: center;
}
.learn .pdfthumbs {
justify-content: center;
}
.learn .pdfthumb {
margin: 1em;
flex: 1 200px;
max-width: 200px;
}
.learn .pdfthumb img {
width: 200px;
height: auto;
}
.learn .vid-list {
justify-content: center;
}
.learn .vid-list .vid-wrapper .vid img {
width: 15em;
}
.learn .vid-list .vid-wrapper .fa-podcast {
font-size: 8em;
}
.newsblock {
display: flex;
flex-flow: column;
align-items: center;
}
.newsblock .news {
flex-flow: column wrap;
margin: 1em 0 0;
}
.newsblock .news .newslink {
margin: 1em;
}
.newsblock .news .desc {
color: #000;
padding: 0 1.5em 1.5em;
}
.newsblock .news .details {
font-style: italic;
}
.newsblock .read-more {
font-family: 'Hind';
text-align: center;
text-transform: uppercase;
border-radius: 4px;
cursor: pointer;
padding: .3em .5em;
width: 6em;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
margin: 2em 0 0;
background: #712b7b;
border-radius: 5px;
color: #fff;
font-size: 1.3em;
font-weight: 600;
}
.newsblock .read-more:hover {
text-decoration: underline;
}
.newsblock .read-more a {
transition: all 120ms ease-in 0s;
-moz-transition: all 120ms ease-in 0s;
-webkit-transition: all 120ms ease-in 0s;
}
.newsblock .read-more:hover {
background: #9b74a2;
}
.broblk .brochures {
display: flex;
align-items: flex-start;
flex-flow: wrap;
}
.broblk .imgthumb {
display: none;
}
.broblk .dwnlds {
width: 25em;
}
.broblk .dwnlds p {
margin: auto auto 2em;
}
.broblk .dwnlds ul {
list-style: none;
}
.broblk .dwnlds ul li a {
color: #333333;
font-weight: 600;
}
.broblk .dwnlds ul .fa-li {
color: #00a4bc;
}
.humor {
display: flex;
flex-flow: column;
align-items: center;
}
.humor .tabwrap {
background: #bbe7f9;
width: 100%;
padding: 1em;
}
.humor .tabwrap .tab-content {
width: 100%;
padding: 0 0 1em;
flex-flow: column;
align-items: center;
justify-content: center;
}
.humor .tabwrap iframe {
display: block;
width: auto;
height: 100%;
}
.humor .tabwrap ul {
list-style: none;
display: flex;
flex-flow: wrap;
justify-content: center;
padding: 0;
width: 100%;
}
.humor .tabwrap ul li {
margin: .5em;
}
.humor .tabwrap .podwrap {
display: flex;
}
.humor .tabwrap .podwrap a,
.humor .tabwrap .podwrap img {
display: none;
}
.humor .toggle-tabs {
margin: auto;
font-size: 1.3em;
}
}
@media (min-width: 900px) {
.toggled-tabs {
flex-flow: wrap;
}
}
@media (min-width: 765px) {
.imgthumb {
display: block;
}
}
/************************
Mobile
*************************/
@media (max-width: 479px) {
.home-advantage-block .hab-row .hab-inner {
width: 100%;
}
.broblk .dwnlds p {
margin: 0 2em 2em;
}
.doc-notes .about-img {
background: #333333;
margin: auto auto 3em;
border-radius: 10px;
width: auto;
height: auto;
padding: 3em 4em;
}
.ntkfooter {
font-size: 1.4em;
padding: 1em 2em;
}
}
/*product detail page*/
.owl-button-top .owl-controls {
margin-top: 15px;
position: static;
}
.owl-button-top .owl-controls .owl-buttons > div {
background: #333333;
padding: 7px 12px;
opacity: 1;
font-size: 14px;
line-height: 16px;
margin: 0 0 0 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.owl-button-top .owl-controls .owl-buttons > div:hover {
background: #54bbbe;
}
.owl-button-top .owl-controls.clickable {
margin-top: 15px;
position: static;
}
.owl-button-top .owl-controls.clickable .owl-buttons > div {
background: #333333;
padding: 7px 12px;
opacity: 1;
font-size: 14px;
line-height: 16px;
margin: 0 0 0 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.owl-button-top .owl-controls.clickable .owl-buttons > div:hover {
background: #54bbbe;
}
.owl-button-top .owl-controls .owl-buttons > div {
background: #333333;
padding: 7px 12px;
opacity: 1;
font-size: 14px;
line-height: 16px;
margin: 0 0 0 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
}
.owl-button-top .owl-controls .owl-buttons > div:hover {
background: #54bbbe;
}
.products-grid .product-items .product-item .product-item-info .product-item-details .product-reviews-summary {
display: block;
margin: 5px 0;
}
.products-grid .product-items .product-item .product-item-info .product-item-details .product-reviews-summary .rating-summary {
display: inline-block;
left: 0;
margin: 0;
}
.products-grid .product-items .product-item .product-item-info .product-item-details .product-reviews-summary .reviews-actions {
display: none;
}
.product-info-main {
position: relative;
}
.product-info-main .page-title-wrapper .page-title {
margin-right: 75px;
}
.product-info-main .product-reviews-summary {
margin-bottom: 8px;
margin-top: 0;
}
.product-info-main .product-reviews-summary .reviews-actions a {
color: #54bbbe;
}
.product-info-main .product-add-form .box-tocart .field.qty .control #qty-error {
display: inline-block;
}
.product-info-main .product-add-form .box-tocart .field.qty .control #qty {
float: left;
}
.product-info-main .product-add-form .box-tocart .field.qty .control .qty-main {
border: 1px solid #c2c2c2;
display: inline-block;
float: left;
height: 51px;
margin-left: -1px;
vertical-align: top;
width: 25px;
box-sizing: border-box;
}
.product-info-main .product-add-form .box-tocart .field.qty .control .qty-main .qty-btn {
cursor: pointer;
display: inline-block;
font-size: 8px;
font-weight: normal;
height: 25px;
line-height: 25px;
text-align: center;
width: 100%;
box-sizing: border-box;
}
.product-info-main .product-add-form .box-tocart .field.qty .control .qty-main .qty-btn.qty-inc {
border-bottom: 1px solid #c2c2c2;
}
.product-info-main .product-add-form .box-tocart .field.qty .control .qty-main .qty-btn.qty-dec {
line-height: 20px;
}
.product-info-main .product-add-form .box-tocart .field.qty .control .qty-main .qty-btn:hover {
color: #54bbbe;
}
.product-info-main .price-box {
display: inline-block;
margin-top: 0;
}
.product-info-main .price-box .price-label {
display: none;
}
.product-info-main .price-box.price-final_price {
margin-top: 5px;
}
.product-info-main .price-box .special-price,
.product-info-main .price-box .price-final_price {
display: inline-block;
margin-right: 5px;
margin-bottom: 0;
}
.product-info-main .price-box .special-price .price-wrapper .price,
.product-info-main .price-box .price-final_price .price-wrapper .price {
font-size: 24px;
font-weight: 600;
}
.product-info-main .price-box .old-price {
display: inline-block;
position: relative;
}
.product-info-main .price-box .old-price .price-final_price {
margin-right: 0;
}
.product-info-main .price-box .old-price .price-wrapper .price {
font-size: 20px;
font-weight: 600;
color: #666666;
}
.product-info-main .price-box .old-price .price-wrapper .price:before {
background: #666666;
content: "";
display: block;
height: 2px;
position: absolute;
top: 6px;
width: 100%;
}
.product-info-main .product-info-price {
clear: both;
display: block;
margin: 0;
}
.product-info-main .product-info-price .product-info-stock-sku .stock.available {
margin-right: 0;
background: #009fd6;
color: #ffffff;
margin-top: 7px;
margin-bottom: 7px;
padding: 1px 5px;
font-weight: 600;
}
.product-info-main .product-info-price .product-info-stock-sku .stock.unavailable {
background: #54bbbe;
margin-right: 0;
color: #ffffff;
margin-top: 7px;
margin-bottom: 7px;
padding: 1px 5px;
font-weight: 600;
}
.product-info-main .product.attribute.overview {
padding: 15px 0;
margin: 5px 0 15px;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
.product-info-main .product.attribute.overview > strong {
color: #54bbbe;
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
text-transform: uppercase;
}
.product-info-main .product.attribute.overview .value {
color: #666666;
line-height: 22px;
}
.product-info-main .product.attribute.overview .value p {
margin-bottom: 0;
}
.product-info-main .product-social-links .product-addto-links {
display: inline-block;
margin: 5px 0 20px;
}
.product-info-main .product-social-links a.action {
color: #712b7b;
font-weight: 600;
margin-right: 20px;
transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
}
.product-info-main .product-social-links a.action:visited,
.product-info-main .product-social-links a.action:focus,
.product-info-main .product-social-links a.action:active {
color: #712b7b;
}
.product-info-main .product-social-links a.action i {
margin-right: 5px;
}
.product-info-main .product-social-links a.action:hover {
color: #54bbbe;
}
.product.info.detailed * {
box-sizing: unset;
}
@media only screen and (max-width: 1024px) {
.page-footer .footer-top .footer-newsletter .newsletter-title > h2 {
font-size: 22px;
}
.page-footer .footer-top .footer-newsletter .block.newsletter {
max-width: 100%;
}
}
@media only screen and (max-width: 800px) {
.block-search {
width: 300px;
}
}
@media only screen and (max-width: 767px) {
.hb-wrapper .hb-row .hb-blog {
width: 100%;
}
.hb-wrapper .hb-row .hb-testimonoals {
width: 100%;
}
.page-footer .footer-top .footer-newsletter .newsletter-title {
float: left;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.page-footer .footer-top .footer-newsletter .block.newsletter {
float: none;
margin: 0 auto;
width: 100%;
}
.page-footer .footer-top .footer-newsletter .newsletter-title > h2 {
font-size: 20px;
line-height: 30px;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column {
margin-bottom: 20px;
width: 100%;
}
.page-footer .footer-top .footer-links .footer-links-main .footer-links-column:last-child {
margin-bottom: 0;
width: 100%;
}
.above-padding {
padding-top: 15px;
}
.below-padding {
padding-bottom: 15px;
}
.above-margin {
margin-top: 15px;
}
.below-margin {
margin-bottom: 15px;
}
.page-wrapper .columns {
display: block;
}
.block-search {
width: 100%;
}
.minicart-wrapper {
margin-left: 13px;
margin-top: 5px;
}
.minicart-wrapper {
background: transparent;
line-height: 43px;
}
.minicart-wrapper .action.showcart:before {
content: "\f291";
color: #8f8f8f;
font-size: 24px;
font-family: "Fontawesome";
}
.minicart-wrapper .action.showcart.active:before {
content: "\f291";
color: #333333;
font-size: 24px;
font-family: "Fontawesome";
}
.minicart-wrapper .action.showcart .text {
color: #333333;
letter-spacing: 0.5px;
text-transform: uppercase;
display: none;
}
.cms-index-index .page-header {
margin-bottom: 0;
}
.block-search .label {
margin-top: 10px;
}
.block.widget .products-grid .product-items {
margin-bottom: 0;
}
.nav-sections {
background: transparent;
}
}
@media only screen and (max-width: 639px) {
.block-search .label {
margin-top: 0;
}
}
@media only screen and (max-width: 479px) {
.hb-wrapper .hb-row .hb-blog ul li .hb-inner .hb-content {
width: 100%;
}
.hb-wrapper .hb-row .hb-blog ul li .hb-inner .hb-img {
padding-bottom: 10px;
padding-right: 0;
width: 100%;
}
}
.widget-product-grid.product-items {
margin-left: 0;
}
.column.main .product-items {
margin-left: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment